···11"use client";
2233+import * as stylex from "@stylexjs/stylex";
34import { Group, GroupProps } from "react-aria-components";
44-import * as stylex from "@stylexjs/stylex";
55+56import { ButtonGroupContext } from "../button/context";
6778const styles = stylex.create({
···3536 styles.group,
3637 orientation === "horizontal" && styles.horizontal,
3738 orientation === "vertical" && styles.vertical,
3838- style
3939+ style,
3940 )}
4041 {...props}
4142 >
+1-1
packages/hip-ui/src/components/button/index.tsx
···11"use client";
2233+import * as stylex from "@stylexjs/stylex";
34import {
45 Button as AriaButton,
56 ButtonProps as AriaButtonProps,
67} from "react-aria-components";
77-import * as stylex from "@stylexjs/stylex";
8899import { useButtonStyles } from "../theme/useButtonStyles";
1010import { Size, ButtonVariant } from "../types";
+2-2
packages/hip-ui/src/components/card/index.tsx
···11import * as stylex from "@stylexjs/stylex";
2233-import { gray } from "../theme/semantic-color.stylex";
33+import { Flex } from "../flex";
44import { radius } from "../theme/radius.stylex";
55+import { gray } from "../theme/semantic-color.stylex";
56import { spacing } from "../theme/spacing.stylex";
67import { fontFamily, fontSize, fontWeight } from "../theme/typography.stylex";
77-import { Flex } from "../flex";
8899const styles = stylex.create({
1010 card: {
+9-8
packages/hip-ui/src/components/checkbox/index.tsx
···33 CheckboxGroupProps as AriaCheckboxGroupProps,
44 ValidationResult,
55} from "react-aria-components";
66+77+import * as stylex from "@stylexjs/stylex";
88+import { Check, Minus } from "lucide-react";
69import {
710 Checkbox as AriaCheckbox,
811 CheckboxGroup as AriaCheckboxGroup,
912 FieldError,
1013} from "react-aria-components";
1111-import * as stylex from "@stylexjs/stylex";
1212-import { Check, Minus } from "lucide-react";
13141414-import { spacing } from "../theme/spacing.stylex";
1515+import { Flex } from "../flex";
1616+import { Description, Label } from "../label";
1517import { radius } from "../theme/radius.stylex";
1618import { gray, primary } from "../theme/semantic-color.stylex";
1919+import { spacing } from "../theme/spacing.stylex";
1720import { fontFamily, fontSize, lineHeight } from "../theme/typography.stylex";
1818-import { Flex } from "../flex";
1919-import { Description, Label } from "../label";
2021import { Size } from "../types";
21222223const styles = stylex.create({
···7475}: CheckboxGroupProps) {
7576 return (
7677 <AriaCheckboxGroup {...props} {...stylex.props(styles.group, style)}>
7777- {label !== undefined && <Label size={size}>{label}</Label>}
7878+ {label !== null && <Label size={size}>{label}</Label>}
7879 <Flex direction="column" gap="2">
7980 {children}
8081 </Flex>
···102103 ? [gray.bgSolid, gray.border, styles.checked]
103104 : isSelected
104105 ? [primary.bgSolid, primary.borderInteractive, styles.checked]
105105- : [gray.borderInteractive]
106106+ : [gray.borderInteractive],
106107 )}
107108 >
108109 {isIndeterminate ? (
···111112 <Check size={16} />
112113 ) : null}
113114 </div>
114114- {children !== undefined && (
115115+ {children !== null && (
115116 <Flex direction="column" gap="1">
116117 {children}
117118 </Flex>
···11-import { SeparatorProps as AriaSeparatorProps } from "react-aria-components";
22-import { Separator as AriaSeparator } from "react-aria-components";
31import * as stylex from "@stylexjs/stylex";
22+import {
33+ SeparatorProps as AriaSeparatorProps,
44+ Separator as AriaSeparator,
55+} from "react-aria-components";
4657import { slate } from "../theme/colors.stylex";
68