@nattstack/ui 0.0.107 → 0.1.1

package/dist/components/row/row.stylex.js

@@ -0,0 +1,8 @@
+//#region src/components/row/row.stylex.ts
+const rowStyles = { base: {
+	k1xSpc: "x78zum5",
+	kXwgrk: "x1q0g3np",
+	$$css: true
+} };
+//#endregion
+export { rowStyles };

package/dist/components/select/select-content.d.ts

@@ -6,6 +6,5 @@ interface SelectContentProps extends Omit<Select.Popup.Props, "className">, Pick
   container?: Select.Portal.Props["container"];
 }
 declare function SelectContent(props: SelectContentProps): JSX.Element;
-declare const selectContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { SelectContent, SelectContentProps, selectContentVariants };
+export { SelectContent, SelectContentProps };

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

@@ -1,26 +1,26 @@
-import picker_popup_module_default from "../picker/picker-popup.module.js";
-import picker_list_module_default from "../picker/picker-list.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerPopupStyles } from "../picker/picker-popup.stylex.js";
+import { pickerListStyles } from "../picker/picker-list.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-content.tsx
 function SelectContent(props) {
-	const { align = "start", alignItemWithTrigger = false, 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 = selectContentVariants({ className: customClassName });
+	const { align = "start", alignItemWithTrigger = false, 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(Select.Portal, {
 		container,
-		"data-slot": "select-portal",
+		"data-component": "select-portal",
 		children: /* @__PURE__ */ jsx(Select.Positioner, {
 			align,
 			alignItemWithTrigger,
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: picker_popup_module_default.positioner,
+			className: cn(pickerPopupStyles.positioner),
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
-			"data-slot": "select-positioner",
+			"data-component": "select-positioner",
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -28,17 +28,16 @@ function SelectContent(props) {
 			sticky,
 			children: /* @__PURE__ */ jsx(Select.Popup, {
 				className: combinedClassName,
-				"data-slot": "select-content",
+				"data-component": "select-content",
 				...rest,
 				children: /* @__PURE__ */ jsx(Select.List, {
-					className: picker_list_module_default.base,
-					"data-slot": "select-list",
+					className: cn(pickerListStyles.base),
+					"data-component": "select-list",
 					children
 				})
 			})
 		})
 	});
 }
-const selectContentVariants = cva(picker_popup_module_default.base);
 //#endregion
-export { SelectContent, selectContentVariants };
+export { SelectContent };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,22 +1,18 @@
-import picker_trigger_module_default from "../picker/picker-trigger.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { pickerTriggerStyles, pickerTriggerStylesBy } from "../picker/picker-trigger.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-trigger.tsx
 function SelectTrigger(props) {
-	const { children = void 0, className: customClassName = "", isRounded = false, size = 40, ...rest } = props;
-	const combinedClassName = selectTriggerVariants({
-		className: customClassName,
-		isRounded,
-		size
-	});
+	const { children = void 0, className = "", rounded = false, size = 40, ...rest } = props;
+	const combinedClassName = cn(pickerTriggerStyles.base, pickerTriggerStylesBy.size[size], rounded && pickerTriggerStylesBy.rounded.full, className);
 	return /* @__PURE__ */ jsxs(Select.Trigger, {
 		className: combinedClassName,
-		"data-slot": "select-trigger",
+		"data-component": "select-trigger",
 		...rest,
 		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
-			className: picker_trigger_module_default.icon,
-			"data-slot": "select-icon",
+			className: cn(pickerTriggerStyles.icon),
+			"data-component": "select-icon",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14",
 				viewBox: "0 0 18 18",
@@ -34,15 +30,5 @@ function SelectTrigger(props) {
 		})]
 	});
 }
-const selectTriggerVariants = cva(picker_trigger_module_default.base, { variants: {
-	isRounded: { true: picker_trigger_module_default.rounded_full },
-	size: {
-		32: picker_trigger_module_default.size_32,
-		36: picker_trigger_module_default.size_36,
-		40: picker_trigger_module_default.size_40,
-		44: picker_trigger_module_default.size_44,
-		48: picker_trigger_module_default.size_48
-	}
-} });
 //#endregion
-export { SelectTrigger, selectTriggerVariants };
+export { SelectTrigger };

package/dist/components/select/select-value.d.ts

@@ -3,6 +3,5 @@ import { JSX } from "react";
 //#region src/components/select/select-value.d.ts
 interface SelectValueProps extends Select.Value.Props {}
 declare function SelectValue(props: SelectValueProps): JSX.Element;
-declare const selectValueVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { SelectValue, SelectValueProps, selectValueVariants };
+export { SelectValue, SelectValueProps };

package/dist/components/select/select-value.js

@@ -1,21 +1,20 @@
-import select_value_module_default from "./select-value.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { selectValueStyles } from "./select-value.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-value.tsx
 function SelectValue(props) {
-	const { children = void 0, className: customClassName = "", placeholder = void 0, render = /* @__PURE__ */ jsx("div", {}), ...rest } = props;
-	const combinedClassName = selectValueVariants({ className: customClassName });
+	const { children = void 0, className = "", placeholder = void 0, render = /* @__PURE__ */ jsx("div", {}), ...rest } = props;
 	const resolvedChildren = typeof children === "function" ? (selectedValue) => (selectedValue ?? void 0) === void 0 ? placeholder : children(selectedValue) : children;
+	const combinedClassName = cn(selectValueStyles.base, className);
 	return /* @__PURE__ */ jsx(Select.Value, {
 		className: combinedClassName,
-		"data-slot": "select-value",
+		"data-component": "select-value",
 		placeholder,
 		render,
 		...rest,
 		children: resolvedChildren
 	});
 }
-const selectValueVariants = cva(select_value_module_default.base);
 //#endregion
-export { SelectValue, selectValueVariants };
+export { SelectValue };

package/dist/components/select/select-value.stylex.js

@@ -0,0 +1,12 @@
+//#region src/components/select/select-value.stylex.ts
+const selectValueStyles = { base: {
+	kMwMTN: "x1juq307 x1tgivj0",
+	kGuDYH: "xif65rj",
+	k63SB2: "x10p5zqr",
+	kXHlph: "x6ikm8r",
+	kg5iWk: "xlyipyv",
+	khDVqt: "xuxw1ft",
+	$$css: true
+} };
+//#endregion
+export { selectValueStyles };

package/dist/components/select/select.js

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

package/dist/components/spacer/spacer.d.ts

@@ -5,6 +5,5 @@ interface SpacerProps extends Omit<ComponentProps<"div">, "children"> {
   width?: CSSProperties["width"];
 }
 declare function Spacer(props: SpacerProps): JSX.Element;
-declare const spacerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { Spacer, SpacerProps, spacerVariants };
+export { Spacer, SpacerProps };

package/dist/components/spacer/spacer.js

@@ -1,10 +1,10 @@
-import spacer_module_default from "./spacer.module.js";
-import { cva } from "class-variance-authority";
+import { cn } from "../cn.js";
+import { spacerStyles } from "./spacer.stylex.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/spacer/spacer.tsx
 function Spacer(props) {
-	const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
-	const combinedClassName = spacerVariants({ className: customClassName });
+	const { className = "", height, style: customStyle, width, ...rest } = props;
+	const combinedClassName = cn(spacerStyles.base, className);
 	const combinedStyle = {
 		...customStyle,
 		...width === void 0 ? {} : { width },
@@ -12,11 +12,10 @@ function Spacer(props) {
 	};
 	return /* @__PURE__ */ jsx("div", {
 		className: combinedClassName,
-		"data-slot": "spacer",
+		"data-component": "spacer",
 		style: combinedStyle,
 		...rest
 	});
 }
-const spacerVariants = cva(spacer_module_default.base);
 //#endregion
-export { Spacer, spacerVariants };
+export { Spacer };

package/dist/components/spacer/spacer.stylex.js

@@ -0,0 +1,7 @@
+//#region src/components/spacer/spacer.stylex.ts
+const spacerStyles = { base: {
+	kmuXW: "x2lah0s",
+	$$css: true
+} };
+//#endregion
+export { spacerStyles };