@nattstack/ui 0.0.107 → 0.1.1

package/dist/components/combobox/combobox-content.js

@@ -1,24 +1,24 @@
-import picker_popup_module_default from "../picker/picker-popup.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerPopupStyles } from "../picker/picker-popup.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-content.tsx
 function ComboboxContent(props) {
-	const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = "bottom", sideOffset = 6, sticky = void 0, ...rest } = props;
-	const combinedClassName = comboboxContentVariants({ className: customClassName });
+	const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = "bottom", sideOffset = 6, sticky = void 0, ...rest } = props;
+	const combinedClassName = cn(pickerPopupStyles.base, className);
 	return /* @__PURE__ */ jsx(Combobox.Portal, {
 		container,
-		"data-slot": "combobox-portal",
+		"data-component": "combobox-portal",
 		children: /* @__PURE__ */ jsx(Combobox.Positioner, {
 			align,
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: picker_popup_module_default.positioner,
+			className: cn(pickerPopupStyles.positioner),
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
-			"data-slot": "combobox-positioner",
+			"data-component": "combobox-positioner",
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -26,13 +26,12 @@ function ComboboxContent(props) {
 			sticky,
 			children: /* @__PURE__ */ jsx(Combobox.Popup, {
 				className: combinedClassName,
-				"data-slot": "combobox-content",
+				"data-component": "combobox-content",
 				...rest,
 				children
 			})
 		})
 	});
 }
-const comboboxContentVariants = cva(picker_popup_module_default.base);
 //#endregion
-export { ComboboxContent, comboboxContentVariants };
+export { ComboboxContent };

package/dist/components/combobox/combobox-empty.d.ts

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

package/dist/components/combobox/combobox-empty.js

@@ -1,17 +1,16 @@
-import combobox_empty_module_default from "./combobox-empty.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { comboboxEmptyStyles } from "./combobox-empty.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-empty.tsx
 function ComboboxEmpty(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = comboboxEmptyVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(comboboxEmptyStyles.base, className);
 	return /* @__PURE__ */ jsx(Combobox.Empty, {
 		className: combinedClassName,
-		"data-slot": "combobox-empty",
+		"data-component": "combobox-empty",
 		...rest
 	});
 }
-const comboboxEmptyVariants = cva(combobox_empty_module_default.base);
 //#endregion
-export { ComboboxEmpty, comboboxEmptyVariants };
+export { ComboboxEmpty };

package/dist/components/combobox/combobox-empty.stylex.js

@@ -0,0 +1,11 @@
+//#region src/components/combobox/combobox-empty.stylex.ts
+const comboboxEmptyStyles = { base: {
+	kMwMTN: "x5y519c x19co3pv",
+	kGuDYH: "xigw2gj xgxxoiu",
+	k63SB2: "xhqi7ye xo1l8bm",
+	kmVPX3: "x3cdv55 x1717udv",
+	k9WMMc: "x2b8uid",
+	$$css: true
+} };
+//#endregion
+export { comboboxEmptyStyles };

package/dist/components/combobox/combobox-group-label.d.ts

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

package/dist/components/combobox/combobox-group-label.js

@@ -1,17 +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 { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-group-label.tsx
 function ComboboxGroupLabel(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = comboboxGroupLabelVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.label, className);
 	return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
 		className: combinedClassName,
-		"data-slot": "combobox-group-label",
+		"data-component": "combobox-group-label",
 		...rest
 	});
 }
-const comboboxGroupLabelVariants = cva(picker_group_module_default.label);
 //#endregion
-export { ComboboxGroupLabel, comboboxGroupLabelVariants };
+export { ComboboxGroupLabel };

package/dist/components/combobox/combobox-group.d.ts

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

package/dist/components/combobox/combobox-group.js

@@ -1,17 +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 { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-group.tsx
 function ComboboxGroup(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = comboboxGroupVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.base, className);
 	return /* @__PURE__ */ jsx(Combobox.Group, {
 		className: combinedClassName,
-		"data-slot": "combobox-group",
+		"data-component": "combobox-group",
 		...rest
 	});
 }
-const comboboxGroupVariants = cva(picker_group_module_default.base);
 //#endregion
-export { ComboboxGroup, comboboxGroupVariants };
+export { ComboboxGroup };

package/dist/components/combobox/combobox-input.d.ts

@@ -1,17 +1,12 @@
-import { VariantProps } from "class-variance-authority";
 import { Combobox } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/combobox/combobox-input.d.ts
-interface ComboboxInputProps extends Omit<Combobox.Input.Props, "className" | "disabled" | "size"> {
+interface ComboboxInputProps extends Omit<Combobox.Input.Props, "className" | "size"> {
   className?: string;
-  isDisabled?: Combobox.Input.Props["disabled"];
-  isRounded?: VariantProps<typeof comboboxInputVariants>["isRounded"];
-  size?: VariantProps<typeof comboboxInputVariants>["size"];
+  rounded?: boolean;
+  size?: ComboboxInputSize;
 }
+type ComboboxInputSize = 32 | 36 | 40 | 44 | 48;
 declare function ComboboxInput(props: ComboboxInputProps): JSX.Element;
-declare const comboboxInputVariants: (props?: ({
-  isRounded?: boolean | null | undefined;
-  size?: 32 | 36 | 40 | 44 | 48 | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-export { ComboboxInput, ComboboxInputProps, comboboxInputVariants };
+export { ComboboxInput, ComboboxInputProps, ComboboxInputSize };

package/dist/components/combobox/combobox-input.js

@@ -1,31 +1,27 @@
-import combobox_input_module_default from "./combobox-input.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { comboboxInputStyles, comboboxInputStylesBy } from "./combobox-input.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-input.tsx
 function ComboboxInput(props) {
-	const { className: customClassName = "", isDisabled = false, isRounded = false, size = 40, ...rest } = props;
-	const combinedClassName = comboboxInputVariants({
-		className: customClassName,
-		isRounded,
-		size
-	});
+	const { className = "", disabled = false, rounded = false, size = 40, ...rest } = props;
+	const combinedClassName = cn(comboboxInputStyles.base, comboboxInputStylesBy.size[size], rounded && comboboxInputStylesBy.rounded.full, className);
 	return /* @__PURE__ */ jsxs(Combobox.InputGroup, {
 		className: combinedClassName,
-		"data-slot": "combobox-input-group",
+		"data-component": "combobox-input-group",
 		children: [/* @__PURE__ */ jsx(Combobox.Input, {
-			className: combobox_input_module_default.input,
-			"data-slot": "combobox-input",
-			disabled: isDisabled,
+			className: cn(comboboxInputStyles.input),
+			"data-component": "combobox-input",
+			disabled,
 			...rest
 		}), /* @__PURE__ */ jsx(Combobox.Trigger, {
-			className: combobox_input_module_default.trigger,
-			"data-slot": "combobox-input-trigger",
-			disabled: isDisabled,
+			className: cn(comboboxInputStyles.trigger),
+			"data-component": "combobox-input-trigger",
+			disabled,
 			tabIndex: -1,
 			children: /* @__PURE__ */ jsx(Combobox.Icon, {
-				className: combobox_input_module_default.icon,
-				"data-slot": "combobox-input-icon",
+				className: cn(comboboxInputStyles.icon),
+				"data-component": "combobox-input-icon",
 				children: /* @__PURE__ */ jsx("svg", {
 					height: "14",
 					viewBox: "0 0 18 18",
@@ -44,15 +40,5 @@ function ComboboxInput(props) {
 		})]
 	});
 }
-const comboboxInputVariants = cva(combobox_input_module_default.base, { variants: {
-	isRounded: { true: combobox_input_module_default.rounded_full },
-	size: {
-		32: combobox_input_module_default.size_32,
-		36: combobox_input_module_default.size_36,
-		40: combobox_input_module_default.size_40,
-		44: combobox_input_module_default.size_44,
-		48: combobox_input_module_default.size_48
-	}
-} });
 //#endregion
-export { ComboboxInput, comboboxInputVariants };
+export { ComboboxInput };

package/dist/components/combobox/combobox-input.stylex.js

@@ -0,0 +1,110 @@
+//#region src/components/combobox/combobox-input.stylex.ts
+const comboboxInputStyles = {
+	base: {
+		kGNEyG: "x6s0dn4",
+		kWkggS: "xoepl9e xm4hijy x1h73wb5 xpy517o",
+		kGVxlE: "x1ytwql3 x1er153n",
+		k1C7PZ: "xfex06f",
+		kkrTdU: "x5ezrf1 x1ed109x x1beebc2",
+		k1xSpc: "x3nfvp2",
+		kmuXW: "x2lah0s",
+		kSiTet: "xxh3kiz x1hc1fzr x116ge45",
+		kjBf7l: "x1oifg 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",
+		k4XH5M: "x1gcftaf xxh3ss5",
+		kIyJzY: "xx6bhzk",
+		k1ekBW: "x1s3hfkw",
+		kzqmXN: "x1kky2od",
+		$$css: true
+	},
+	input: {
+		k8Qsv1: "x1ta7s2x",
+		kI5SfV: "xjp5s5a",
+		kysU6D: "xjyslct",
+		kWkggS: "xjbqb8w",
+		ksu8eU: "xng3xce",
+		kMwMTN: "x1tgivj0",
+		kkrTdU: "x1s07b3s x1ed109x",
+		kCS8Yb: "x1r8uery",
+		kzQI83: "x1iyjqo2",
+		kmuXW: "xs83m0k",
+		kGuDYH: "xif65rj",
+		k63SB2: "x10p5zqr",
+		kZKoxP: "x5yr21d",
+		k7Eaqz: "xeuugli",
+		kI3sdo: "x1a2a7pz",
+		kmVPX3: "x1717udv",
+		$$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
+	},
+	trigger: {
+		kGNEyG: "x6s0dn4",
+		kWkggS: "xjbqb8w",
+		ksu8eU: "xng3xce",
+		kMwMTN: "x1heor9g",
+		kkrTdU: "x1s07b3s x1ypdohk",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kZKoxP: "x5yr21d",
+		kjj79g: "xl56j7k",
+		koQZXg: "x8x9d4c",
+		kmVPX3: "x1717udv",
+		kzqmXN: "x1kky2od",
+		$$css: true
+	}
+};
+const comboboxInputStylesBy = {
+	rounded: { full: comboboxInputStyles.rounded_full },
+	size: {
+		32: comboboxInputStyles.size_32,
+		36: comboboxInputStyles.size_36,
+		40: comboboxInputStyles.size_40,
+		44: comboboxInputStyles.size_44,
+		48: comboboxInputStyles.size_48
+	}
+};
+//#endregion
+export { comboboxInputStyles, comboboxInputStylesBy };

package/dist/components/combobox/combobox-item.d.ts

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

package/dist/components/combobox/combobox-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 { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-item.tsx
 function ComboboxItem(props) {
-	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = comboboxItemVariants({ className: customClassName });
+	const { children, className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, className);
 	return /* @__PURE__ */ jsxs(Combobox.Item, {
 		className: combinedClassName,
-		"data-slot": "combobox-item",
-		disabled: isDisabled,
+		"data-component": "combobox-item",
 		...rest,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: picker_item_module_default.label,
-			"data-slot": "combobox-item-text",
+			className: cn(pickerItemStyles.label),
+			"data-component": "combobox-item-text",
 			children
 		}), /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
-			className: picker_item_module_default.indicator,
-			"data-slot": "combobox-item-indicator",
+			className: cn(pickerItemStyles.indicator),
+			"data-component": "combobox-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
 				viewBox: "0 0 18 18",
@@ -37,6 +36,5 @@ function ComboboxItem(props) {
 		})]
 	});
 }
-const comboboxItemVariants = cva(picker_item_module_default.base);
 //#endregion
-export { ComboboxItem, comboboxItemVariants };
+export { ComboboxItem };

package/dist/components/combobox/combobox-list.d.ts

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

package/dist/components/combobox/combobox-list.js

@@ -1,17 +1,16 @@
-import picker_list_module_default from "../picker/picker-list.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerListStyles } from "../picker/picker-list.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-list.tsx
 function ComboboxList(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = comboboxListVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerListStyles.base, className);
 	return /* @__PURE__ */ jsx(Combobox.List, {
 		className: combinedClassName,
-		"data-slot": "combobox-list",
+		"data-component": "combobox-list",
 		...rest
 	});
 }
-const comboboxListVariants = cva(picker_list_module_default.base);
 //#endregion
-export { ComboboxList, comboboxListVariants };
+export { ComboboxList };

package/dist/components/combobox/combobox-search.d.ts

@@ -1,11 +1,9 @@
 import { Combobox } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/combobox/combobox-search.d.ts
-interface ComboboxSearchProps extends Omit<Combobox.Input.Props, "className" | "disabled" | "size"> {
+interface ComboboxSearchProps extends Omit<Combobox.Input.Props, "className" | "size"> {
   className?: string;
-  isDisabled?: Combobox.Input.Props["disabled"];
 }
 declare function ComboboxSearch(props: ComboboxSearchProps): JSX.Element;
-declare const comboboxSearchVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { ComboboxSearch, ComboboxSearchProps, comboboxSearchVariants };
+export { ComboboxSearch, ComboboxSearchProps };

package/dist/components/combobox/combobox-search.js

@@ -1,17 +1,17 @@
-import combobox_search_module_default from "./combobox-search.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { comboboxSearchStyles } from "./combobox-search.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-search.tsx
 function ComboboxSearch(props) {
-	const { className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = comboboxSearchVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(comboboxSearchStyles.base, className);
 	return /* @__PURE__ */ jsxs("div", {
 		className: combinedClassName,
-		"data-slot": "combobox-search",
+		"data-component": "combobox-search",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: combobox_search_module_default.icon,
-			"data-slot": "combobox-search-icon",
+			className: cn(comboboxSearchStyles.icon),
+			"data-component": "combobox-search-icon",
 			children: /* @__PURE__ */ jsxs("svg", {
 				height: "18",
 				viewBox: "0 0 18 18",
@@ -34,13 +34,11 @@ function ComboboxSearch(props) {
 				})]
 			})
 		}), /* @__PURE__ */ jsx(Combobox.Input, {
-			className: combobox_search_module_default.input,
-			"data-slot": "combobox-search-input",
-			disabled: isDisabled,
+			className: cn(comboboxSearchStyles.input),
+			"data-component": "combobox-search-input",
 			...rest
 		})]
 	});
 }
-const comboboxSearchVariants = cva(combobox_search_module_default.base);
 //#endregion
-export { ComboboxSearch, comboboxSearchVariants };
+export { ComboboxSearch };

package/dist/components/combobox/combobox-search.stylex.js

@@ -0,0 +1,45 @@
+//#region src/components/combobox/combobox-search.stylex.ts
+const comboboxSearchStyles = {
+	base: {
+		kGNEyG: "x6s0dn4",
+		kWkggS: "x1h73wb5",
+		kGVxlE: "x1buzmp1",
+		k1C7PZ: "xfex06f",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kZKoxP: "x1vqgdyp",
+		k8WAf4: "xt970qd",
+		kg3NbH: "x1hr3lfm",
+		$$css: true
+	},
+	icon: {
+		kGNEyG: "x6s0dn4",
+		kMwMTN: "x1vpwubs",
+		k1xSpc: "x78zum5",
+		kmuXW: "x2lah0s",
+		kjj79g: "xl56j7k",
+		$$css: true
+	},
+	input: {
+		k8Qsv1: "x1ta7s2x",
+		kI5SfV: "xjp5s5a",
+		kysU6D: "xjyslct",
+		kWkggS: "xjbqb8w",
+		ksu8eU: "xng3xce",
+		kMwMTN: "x1tgivj0",
+		kkrTdU: "x1s07b3s x1ed109x",
+		kCS8Yb: "x1r8uery",
+		kzQI83: "x1iyjqo2",
+		kmuXW: "xs83m0k",
+		kGuDYH: "xif65rj",
+		k63SB2: "xo1l8bm",
+		kZKoxP: "x5yr21d",
+		k7Eaqz: "xeuugli",
+		kSiTet: "xijokvz x1hc1fzr",
+		kI3sdo: "x1a2a7pz",
+		kmVPX3: "x1717udv",
+		$$css: true
+	}
+};
+//#endregion
+export { comboboxSearchStyles };

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

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

package/dist/components/combobox/combobox-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 { Combobox } from "@base-ui/react";
 //#region src/components/combobox/combobox-separator.tsx
 function ComboboxSeparator(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = comboboxSeparatorVariants({ className: customClassName });
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerSeparatorStyles.base, className);
 	return /* @__PURE__ */ jsx(Combobox.Separator, {
 		className: combinedClassName,
-		"data-slot": "combobox-separator",
+		"data-component": "combobox-separator",
 		...rest
 	});
 }
-const comboboxSeparatorVariants = cva(picker_separator_module_default.base);
 //#endregion
-export { ComboboxSeparator, comboboxSeparatorVariants };
+export { ComboboxSeparator };

package/dist/components/combobox/combobox-trigger.d.ts

@@ -1,15 +1,11 @@
-import { VariantProps } from "class-variance-authority";
 import { Combobox } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/combobox/combobox-trigger.d.ts
 interface ComboboxTriggerProps extends Combobox.Trigger.Props {
-  isRounded?: VariantProps<typeof comboboxTriggerVariants>["isRounded"];
-  size?: VariantProps<typeof comboboxTriggerVariants>["size"];
+  rounded?: boolean;
+  size?: ComboboxTriggerSize;
 }
+type ComboboxTriggerSize = 32 | 36 | 40 | 44 | 48;
 declare function ComboboxTrigger(props: ComboboxTriggerProps): JSX.Element;
-declare const comboboxTriggerVariants: (props?: ({
-  isRounded?: boolean | null | undefined;
-  size?: 32 | 36 | 40 | 44 | 48 | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-export { ComboboxTrigger, ComboboxTriggerProps, comboboxTriggerVariants };
+export { ComboboxTrigger, ComboboxTriggerProps, ComboboxTriggerSize };