@nattstack/ui 0.0.107 → 0.1.1

package/dist/components/menu/menu-link-item.js

@@ -1,18 +1,17 @@
-import picker_item_module_default from "../picker/picker-item.module.js";
-import menu_item_module_default from "./menu-item.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerItemStyles } from "../picker/picker-item.stylex.js";
+import { menuItemStyles } from "./menu-item.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-link-item.tsx
 function MenuLinkItem(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = menuLinkItemVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, menuItemStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.LinkItem, {
 		className: combinedClassName,
-		"data-slot": "menu-link-item",
+		"data-component": "menu-link-item",
 		...rest
 	});
 }
-const menuLinkItemVariants = cva([picker_item_module_default.base, menu_item_module_default.base]);
 //#endregion
-export { MenuLinkItem, menuLinkItemVariants };
+export { MenuLinkItem };

package/dist/components/menu/menu-radio-group.d.ts

@@ -1,11 +1,9 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-radio-group.d.ts
-interface MenuRadioGroupProps extends Omit<Menu.RadioGroup.Props, "className" | "disabled"> {
+interface MenuRadioGroupProps extends Omit<Menu.RadioGroup.Props, "className"> {
   className?: string;
-  isDisabled?: Menu.RadioGroup.Props["disabled"];
 }
 declare function MenuRadioGroup(props: MenuRadioGroupProps): JSX.Element;
-declare const menuRadioGroupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuRadioGroup, MenuRadioGroupProps, menuRadioGroupVariants };
+export { MenuRadioGroup, MenuRadioGroupProps };

package/dist/components/menu/menu-radio-group.js

@@ -1,18 +1,16 @@
-import picker_group_module_default from "../picker/picker-group.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerGroupStyles } from "../picker/picker-group.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-radio-group.tsx
 function MenuRadioGroup(props) {
-	const { className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = menuRadioGroupVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
 		className: combinedClassName,
-		"data-slot": "menu-radio-group",
-		disabled: isDisabled,
+		"data-component": "menu-radio-group",
 		...rest
 	});
 }
-const menuRadioGroupVariants = cva(picker_group_module_default.base);
 //#endregion
-export { MenuRadioGroup, menuRadioGroupVariants };
+export { MenuRadioGroup };

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,11 +1,9 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-radio-item.d.ts
-interface MenuRadioItemProps extends Omit<Menu.RadioItem.Props, "className" | "disabled"> {
+interface MenuRadioItemProps extends Omit<Menu.RadioItem.Props, "className"> {
   className?: string;
-  isDisabled?: Menu.RadioItem.Props["disabled"];
 }
 declare function MenuRadioItem(props: MenuRadioItemProps): JSX.Element;
-declare const menuRadioItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuRadioItem, MenuRadioItemProps, menuRadioItemVariants };
+export { MenuRadioItem, MenuRadioItemProps };

package/dist/components/menu/menu-radio-item.js

@@ -1,23 +1,22 @@
-import picker_item_module_default from "../picker/picker-item.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerItemStyles } from "../picker/picker-item.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-radio-item.tsx
 function MenuRadioItem(props) {
-	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = menuRadioItemVariants({ className: customClassName });
+	const { children, className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, className);
 	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
 		className: combinedClassName,
-		"data-slot": "menu-radio-item",
-		disabled: isDisabled,
+		"data-component": "menu-radio-item",
 		...rest,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: picker_item_module_default.label,
-			"data-slot": "menu-radio-item-text",
+			className: cn(pickerItemStyles.label),
+			"data-component": "menu-radio-item-text",
 			children
 		}), /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
-			className: picker_item_module_default.indicator,
-			"data-slot": "menu-radio-item-indicator",
+			className: cn(pickerItemStyles.indicator),
+			"data-component": "menu-radio-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
 				viewBox: "0 0 18 18",
@@ -37,6 +36,5 @@ function MenuRadioItem(props) {
 		})]
 	});
 }
-const menuRadioItemVariants = cva(picker_item_module_default.base);
 //#endregion
-export { MenuRadioItem, menuRadioItemVariants };
+export { MenuRadioItem };

package/dist/components/menu/menu-separator.d.ts

@@ -5,6 +5,5 @@ interface MenuSeparatorProps extends Omit<Menu.Separator.Props, "className"> {
   className?: string;
 }
 declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
-declare const menuSeparatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuSeparator, MenuSeparatorProps, menuSeparatorVariants };
+export { MenuSeparator, MenuSeparatorProps };

package/dist/components/menu/menu-separator.js

@@ -1,17 +1,16 @@
-import picker_separator_module_default from "../picker/picker-separator.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerSeparatorStyles } from "../picker/picker-separator.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-separator.tsx
 function MenuSeparator(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = menuSeparatorVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerSeparatorStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		className: combinedClassName,
-		"data-slot": "menu-separator",
+		"data-component": "menu-separator",
 		...rest
 	});
 }
-const menuSeparatorVariants = cva(picker_separator_module_default.base);
 //#endregion
-export { MenuSeparator, menuSeparatorVariants };
+export { MenuSeparator };

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -1,11 +1,9 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-submenu-trigger.d.ts
-interface MenuSubmenuTriggerProps extends Omit<Menu.SubmenuTrigger.Props, "className" | "disabled"> {
+interface MenuSubmenuTriggerProps extends Omit<Menu.SubmenuTrigger.Props, "className"> {
   className?: string;
-  isDisabled?: Menu.SubmenuTrigger.Props["disabled"];
 }
 declare function MenuSubmenuTrigger(props: MenuSubmenuTriggerProps): JSX.Element;
-declare const menuSubmenuTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuSubmenuTrigger, MenuSubmenuTriggerProps, menuSubmenuTriggerVariants };
+export { MenuSubmenuTrigger, MenuSubmenuTriggerProps };

package/dist/components/menu/menu-submenu-trigger.js

@@ -1,21 +1,20 @@
-import picker_item_module_default from "../picker/picker-item.module.js";
-import menu_item_module_default from "./menu-item.module.js";
-import menu_submenu_trigger_module_default from "./menu-submenu-trigger.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerItemStyles } from "../picker/picker-item.stylex.js";
+import { menuItemStyles } from "./menu-item.stylex.js";
+import { menuSubmenuTriggerStyles } from "./menu-submenu-trigger.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-submenu-trigger.tsx
 function MenuSubmenuTrigger(props) {
-	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = menuSubmenuTriggerVariants({ className: customClassName });
+	const { children, className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, menuItemStyles.base, menuSubmenuTriggerStyles.base, className);
 	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
 		className: combinedClassName,
-		"data-slot": "menu-submenu-trigger",
-		disabled: isDisabled,
+		"data-component": "menu-submenu-trigger",
 		...rest,
 		children: [children, /* @__PURE__ */ jsx("span", {
-			className: menu_submenu_trigger_module_default.icon,
-			"data-slot": "menu-submenu-trigger-icon",
+			className: cn(menuSubmenuTriggerStyles.icon),
+			"data-component": "menu-submenu-trigger-icon",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
 				viewBox: "0 0 18 18",
@@ -35,10 +34,5 @@ function MenuSubmenuTrigger(props) {
 		})]
 	});
 }
-const menuSubmenuTriggerVariants = cva([
-	picker_item_module_default.base,
-	menu_item_module_default.base,
-	menu_submenu_trigger_module_default.base
-]);
 //#endregion
-export { MenuSubmenuTrigger, menuSubmenuTriggerVariants };
+export { MenuSubmenuTrigger };

package/dist/components/menu/menu-submenu-trigger.stylex.js

@@ -0,0 +1,20 @@
+//#region src/components/menu/menu-submenu-trigger.stylex.ts
+const menuSubmenuTriggerStyles = {
+	base: {
+		kWkggS: "xm4hijy xjbqb8w",
+		$$css: true
+	},
+	icon: {
+		kGNEyG: "x6s0dn4",
+		kMwMTN: "xv1l7n4",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kZKoxP: "xlup9mm",
+		kjj79g: "xl56j7k",
+		koQZXg: "x8x9d4c",
+		kzqmXN: "x1kky2od",
+		$$css: true
+	}
+};
+//#endregion
+export { menuSubmenuTriggerStyles };

package/dist/components/menu/menu-submenu.js

@@ -4,7 +4,7 @@ import { Menu } from "@base-ui/react";
 function MenuSubmenu(props) {
 	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
-		"data-slot": "menu-submenu",
+		"data-component": "menu-submenu",
 		...rest
 	});
 }

package/dist/components/menu/menu-trigger.js

@@ -4,7 +4,7 @@ import { Menu } from "@base-ui/react";
 function MenuTrigger(props) {
 	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		"data-slot": "menu-trigger",
+		"data-component": "menu-trigger",
 		...rest
 	});
 }

package/dist/components/menu/menu.js

@@ -4,7 +4,7 @@ import { Menu } from "@base-ui/react";
 function Menu$1(props) {
 	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.Root, {
-		"data-slot": "menu",
+		"data-component": "menu",
 		...rest
 	});
 }

package/dist/components/otp-field/otp-field-input.d.ts

@@ -3,6 +3,5 @@ import { JSX } from "react";
 //#region src/components/otp-field/otp-field-input.d.ts
 interface OTPFieldInputProps extends OTPField.Input.Props {}
 declare function OTPFieldInput(props: OTPFieldInputProps): JSX.Element;
-declare const otpFieldInputVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { OTPFieldInput, otpFieldInputVariants };
+export { OTPFieldInput, OTPFieldInputProps };

package/dist/components/otp-field/otp-field-input.js

@@ -1,17 +1,17 @@
-import otp_field_input_module_default from "./otp-field-input.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { otpFieldStyles } from "./otp-field.stylex.js";
+import { otpFieldInputStyles } from "./otp-field-input.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { OTPField } from "@base-ui/react";
 //#region src/components/otp-field/otp-field-input.tsx
 function OTPFieldInput(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = otpFieldInputVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(otpFieldInputStyles.base, otpFieldStyles.masked_input, className);
 	return /* @__PURE__ */ jsx(OTPField.Input, {
 		className: combinedClassName,
-		"data-slot": "otp-field-input",
+		"data-component": "otp-field-input",
 		...rest
 	});
 }
-const otpFieldInputVariants = cva(otp_field_input_module_default.base);
 //#endregion
-export { OTPFieldInput, otpFieldInputVariants };
+export { OTPFieldInput };

package/dist/components/otp-field/otp-field-input.stylex.js

@@ -0,0 +1,23 @@
+//#region src/components/otp-field/otp-field-input.stylex.ts
+const otpFieldInputStyles = { base: {
+	kWkggS: "x2j0cto",
+	kaIpWk: "xixl9f9",
+	kGVxlE: "x1rlgnxn x1er153n",
+	kMwMTN: "x1tgivj0",
+	kkrTdU: "x1s07b3s x1ed109x",
+	kGuDYH: "xif65rj",
+	k63SB2: "x10p5zqr",
+	kZKoxP: "xsdox4t",
+	kSiTet: "xijokvz x1hc1fzr",
+	kjBf7l: "x43yjvr",
+	kInvED: "x2ssjo2",
+	k3XXqK: "xaatb59",
+	kMeerF: "x784prv x1k57tk5",
+	k9WMMc: "x2b8uid",
+	kIyJzY: "xx6bhzk",
+	k1ekBW: "xkdsq27",
+	kzqmXN: "x100vrsf",
+	$$css: true
+} };
+//#endregion
+export { otpFieldInputStyles };

package/dist/components/otp-field/otp-field.d.ts

@@ -1,13 +1,9 @@
 import { OTPField } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/otp-field/otp-field.d.ts
-interface OTPFieldProps extends Omit<OTPField.Root.Props, "disabled"> {
-  isDisabled?: OTPField.Root.Props["disabled"];
-  isMasked?: OTPField.Root.Props["mask"];
+interface OTPFieldProps extends Omit<OTPField.Root.Props, "mask"> {
+  masked?: OTPField.Root.Props["mask"];
 }
 declare function OTPField$1(props: OTPFieldProps): JSX.Element;
-declare const otpFieldVariants: (props?: ({
-  isMasked?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-export { OTPField$1 as OTPField, otpFieldVariants };
+export { OTPField$1 as OTPField, OTPFieldProps };

package/dist/components/otp-field/otp-field.js

@@ -1,28 +1,18 @@
-import otp_field_module_default from "./otp-field.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { otpFieldStyles } from "./otp-field.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { OTPField } from "@base-ui/react";
 //#region src/components/otp-field/otp-field.tsx
 function OTPField$1(props) {
-	const { className: customClassName = "", isDisabled = false, isMasked = false, ...rest } = props;
-	const combinedClassName = otpFieldVariants({
-		className: customClassName,
-		isMasked
-	});
+	const { className = "", masked = false, ...rest } = props;
+	const combinedClassName = cn(otpFieldStyles.base, className);
 	return /* @__PURE__ */ jsx(OTPField.Root, {
 		className: combinedClassName,
-		"data-slot": "otp-field",
-		disabled: isDisabled,
-		mask: isMasked,
+		"data-component": "otp-field",
+		"data-is-masked": masked,
+		mask: masked,
 		...rest
 	});
 }
-const otpFieldVariants = cva(otp_field_module_default.base, {
-	defaultVariants: { isMasked: false },
-	variants: { isMasked: {
-		false: "",
-		true: otp_field_module_default.masked
-	} }
-});
 //#endregion
-export { OTPField$1 as OTPField, otpFieldVariants };
+export { OTPField$1 as OTPField };

package/dist/components/otp-field/otp-field.stylex.js

@@ -0,0 +1,17 @@
+//#region src/components/otp-field/otp-field.stylex.ts
+const otpFieldStyles = {
+	base: {
+		k1xSpc: "x78zum5",
+		kwnvtZ: "x1a02dak",
+		kOIVth: "x167g77z",
+		kjj79g: "xl56j7k",
+		kzqmXN: "xeq5yr9",
+		$$css: true
+	},
+	masked_input: {
+		kMv6JI: "xjb2p0i x1iczwhp",
+		$$css: true
+	}
+};
+//#endregion
+export { otpFieldStyles };

package/dist/components/picker/picker-group.stylex.js

@@ -0,0 +1,19 @@
+//#region src/components/picker/picker-group.stylex.ts
+const pickerGroupStyles = {
+	base: {
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		khm7nJ: "x1dbijih",
+		$$css: true
+	},
+	label: {
+		kMwMTN: "xv1l7n4",
+		kGuDYH: "xfifm61",
+		k63SB2: "x10p5zqr",
+		k8WAf4: "xxzk6he",
+		kg3NbH: "xaope02",
+		$$css: true
+	}
+};
+//#endregion
+export { pickerGroupStyles };

package/dist/components/picker/picker-item.stylex.js

@@ -0,0 +1,41 @@
+//#region src/components/picker/picker-item.stylex.ts
+const pickerItemStyles = {
+	base: {
+		kGNEyG: "x6s0dn4",
+		kWkggS: "x1cgdd2a x160dr52 xjbqb8w",
+		kaIpWk: "xur7f20",
+		k1C7PZ: "xfex06f",
+		kkrTdU: "x5ezrf1 x1ypdohk",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kZKoxP: "xc9qbxq",
+		kSiTet: "xxh3kiz x1hc1fzr",
+		kI3sdo: "x1a2a7pz",
+		k8WAf4: "xt970qd",
+		kg3NbH: "xaope02",
+		kfSwDN: "x87ps6o",
+		$$css: true
+	},
+	indicator: {
+		kGNEyG: "x6s0dn4",
+		kMwMTN: "x9i09x5",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kZKoxP: "xlup9mm",
+		kjj79g: "xl56j7k",
+		koQZXg: "x8x9d4c",
+		kzqmXN: "x1kky2od",
+		$$css: true
+	},
+	label: {
+		kMwMTN: "x1tgivj0",
+		kGuDYH: "xif65rj",
+		k63SB2: "x10p5zqr",
+		kXHlph: "x6ikm8r",
+		kg5iWk: "xlyipyv",
+		khDVqt: "xuxw1ft",
+		$$css: true
+	}
+};
+//#endregion
+export { pickerItemStyles };

package/dist/components/picker/picker-list.stylex.js

@@ -0,0 +1,13 @@
+//#region src/components/picker/picker-list.stylex.ts
+const pickerListStyles = { base: {
+	k1xSpc: "x1vilw8v x78zum5",
+	kXwgrk: "xdt5ytf",
+	kORKVm: "x1odjw0f",
+	kZeWKH: "xish69e",
+	kmVPX3: "xfawy5m",
+	khm7nJ: "x1dbijih",
+	kcrMnD: "x1r1ic4w",
+	$$css: true
+} };
+//#endregion
+export { pickerListStyles };

package/dist/components/picker/picker-popup.stylex.js

@@ -0,0 +1,37 @@
+//#region src/components/picker/picker-popup.stylex.ts
+const pickerPopupStyles = {
+	base: {
+		kWkggS: "x1h73wb5",
+		kVAM5u: "x14i3s5s",
+		kaIpWk: "x4pepcl",
+		ksu8eU: "x1y0btm7",
+		kMzoRj: "xmkeg23",
+		kGVxlE: "x1ikjq0b",
+		kMwMTN: "x1tgivj0",
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kskxy: "xqldp2m",
+		ks0D6T: "x7k7lee",
+		k7Eaqz: "xz962wo",
+		kSiTet: "x1pimrze x1hc1fzr",
+		kjBf7l: "x1luwoo2",
+		kInvED: "x2ssjo2",
+		k3XXqK: "xaatb59",
+		kMeerF: "x784prv x1k57tk5",
+		kVQacm: "xb3r6kr",
+		k3aq6I: "x1t4ihx1 xmrwbtw x1fpexdu xaf6vq3 x1usa04o x1c071of",
+		k3nNDw: "xctpfpq",
+		kIyJzY: "xx6bhzk",
+		k1ekBW: "x6o7n8i",
+		kzqmXN: "x1hhjr3y",
+		k6sLGO: "x6my1t9",
+		$$css: true
+	},
+	positioner: {
+		kHBbk8: "xc8icb0",
+		kY2c9j: "xa9119d",
+		$$css: true
+	}
+};
+//#endregion
+export { pickerPopupStyles };

package/dist/components/picker/picker-separator.stylex.js

@@ -0,0 +1,11 @@
+//#region src/components/picker/picker-separator.stylex.ts
+const pickerSeparatorStyles = { base: {
+	kWkggS: "x1m4xfpy",
+	kmuXW: "x2lah0s",
+	kZKoxP: "xjm9jq1",
+	kqGvvJ: "x8q42hb",
+	kUOVxO: "xxbjj12",
+	$$css: true
+} };
+//#endregion
+export { pickerSeparatorStyles };

package/dist/components/picker/picker-trigger.stylex.js

@@ -0,0 +1,77 @@
+//#region src/components/picker/picker-trigger.stylex.ts
+const pickerTriggerStyles = {
+	base: {
+		kGNEyG: "x6s0dn4",
+		kWkggS: "xfi2sx2 xm4hijy x1h73wb5",
+		kGVxlE: "xwsgaks xofwk0p x1er153n",
+		k1C7PZ: "xfex06f",
+		kkrTdU: "x1s07b3s x1ypdohk",
+		k1xSpc: "x3nfvp2",
+		kmuXW: "x2lah0s",
+		kSiTet: "xpdez7c x1hc1fzr",
+		kjBf7l: "xr5th1z x1uczgqu",
+		kInvED: "x1hl8ikr",
+		k3XXqK: "xaatb59",
+		kMeerF: "x1de99jn",
+		kVQacm: "xb3r6kr",
+		k8WAf4: "xt970qd",
+		kg3NbH: "x1hr3lfm",
+		kIyJzY: "xx6bhzk",
+		k1ekBW: "x106061f",
+		kzqmXN: "x1brm51p",
+		$$css: true
+	},
+	icon: {
+		kGNEyG: "x6s0dn4",
+		k1xSpc: "x78zum5",
+		kZKoxP: "xlup9mm",
+		kjj79g: "xl56j7k",
+		koQZXg: "x8x9d4c",
+		k4XH5M: "x1gcftaf xxh3ss5",
+		kIyJzY: "xx6bhzk",
+		k1ekBW: "x1s3hfkw",
+		kzqmXN: "x1kky2od",
+		$$css: true
+	},
+	rounded_full: {
+		kaIpWk: "x10hpsqq",
+		$$css: true
+	},
+	size_32: {
+		kaIpWk: "xur7f20",
+		kZKoxP: "x10w6t97",
+		$$css: true
+	},
+	size_36: {
+		kaIpWk: "xhpnuu7",
+		kZKoxP: "xc9qbxq",
+		$$css: true
+	},
+	size_40: {
+		kaIpWk: "x1q4ynmn",
+		kZKoxP: "x1vqgdyp",
+		$$css: true
+	},
+	size_44: {
+		kaIpWk: "x1ctf4ec",
+		kZKoxP: "xn3w4p2",
+		$$css: true
+	},
+	size_48: {
+		kaIpWk: "x4pepcl",
+		kZKoxP: "xsdox4t",
+		$$css: true
+	}
+};
+const pickerTriggerStylesBy = {
+	rounded: { full: pickerTriggerStyles.rounded_full },
+	size: {
+		32: pickerTriggerStyles.size_32,
+		36: pickerTriggerStyles.size_36,
+		40: pickerTriggerStyles.size_40,
+		44: pickerTriggerStyles.size_44,
+		48: pickerTriggerStyles.size_48
+	}
+};
+//#endregion
+export { pickerTriggerStyles, pickerTriggerStylesBy };

package/dist/components/row/row.d.ts

@@ -11,6 +11,5 @@ interface RowInternalProps {
   justifyContent?: CSSProperties["justifyContent"];
 }
 declare function Row(props: RowProps): JSX.Element;
-declare const rowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { Row, RowProps, rowVariants };
+export { Row, RowProps };

package/dist/components/row/row.js

@@ -1,11 +1,10 @@
-import row_module_default from "./row.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { rowStyles } from "./row.stylex.js";
 import { createElement } from "react";
 //#region src/components/row/row.tsx
 function Row(props) {
-	const { alignItems = void 0, as = "div", className: customClassName = "", flexWrap = void 0, gap = void 0, gapX = void 0, gapY = void 0, justifyContent = void 0, style: customStyle, ...rest } = props;
-	const Component = as;
-	const combinedClassName = rowVariants({ className: customClassName });
+	const { alignItems = void 0, as = "div", className = "", flexWrap = void 0, gap = void 0, gapX = void 0, gapY = void 0, justifyContent = void 0, style: customStyle, ...rest } = props;
+	const combinedClassName = cn(rowStyles.base, className);
 	const combinedStyle = {
 		...customStyle,
 		...gap === void 0 ? {} : { gap },
@@ -15,13 +14,12 @@ function Row(props) {
 		...alignItems === void 0 ? {} : { alignItems },
 		...justifyContent === void 0 ? {} : { justifyContent }
 	};
-	return createElement(Component, {
+	return createElement(as, {
 		className: combinedClassName,
-		"data-slot": "row",
+		"data-component": "row",
 		style: combinedStyle,
 		...rest
 	});
 }
-const rowVariants = cva(row_module_default.base);
 //#endregion
-export { Row, rowVariants };
+export { Row };