@nattstack/ui 0.0.96 → 0.0.98

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

@@ -1,4 +1,4 @@
-import combobox_content_module_default from "./combobox-content.module.js";
+import picker_popup_module_default from "../picker/picker-popup.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -14,7 +14,7 @@ function ComboboxContent(props) {
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: combobox_content_module_default.positioner,
+			className: picker_popup_module_default.positioner,
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
@@ -33,6 +33,6 @@ function ComboboxContent(props) {
 		})
 	});
 }
-const comboboxContentVariants = cva(combobox_content_module_default.base);
+const comboboxContentVariants = cva(picker_popup_module_default.base);
 //#endregion
 export { ComboboxContent, comboboxContentVariants };

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

@@ -1,4 +1,4 @@
-import combobox_group_label_module_default from "./combobox-group-label.module.js";
+import picker_group_module_default from "../picker/picker-group.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -12,6 +12,6 @@ function ComboboxGroupLabel(props) {
 		...rest
 	});
 }
-const comboboxGroupLabelVariants = cva(combobox_group_label_module_default.base);
+const comboboxGroupLabelVariants = cva(picker_group_module_default.label);
 //#endregion
 export { ComboboxGroupLabel, comboboxGroupLabelVariants };

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

@@ -1,4 +1,4 @@
-import combobox_group_module_default from "./combobox-group.module.js";
+import picker_group_module_default from "../picker/picker-group.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -12,6 +12,6 @@ function ComboboxGroup(props) {
 		...rest
 	});
 }
-const comboboxGroupVariants = cva(combobox_group_module_default.base);
+const comboboxGroupVariants = cva(picker_group_module_default.base);
 //#endregion
 export { ComboboxGroup, comboboxGroupVariants };

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

@@ -1,4 +1,4 @@
-import combobox_item_module_default from "./combobox-item.module.js";
+import picker_item_module_default from "../picker/picker-item.module.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -12,11 +12,11 @@ function ComboboxItem(props) {
 		disabled: isDisabled,
 		...rest,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: combobox_item_module_default.label,
+			className: picker_item_module_default.label,
 			"data-slot": "combobox-item-text",
 			children
 		}), /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
-			className: combobox_item_module_default.indicator,
+			className: picker_item_module_default.indicator,
 			"data-slot": "combobox-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
@@ -37,6 +37,6 @@ function ComboboxItem(props) {
 		})]
 	});
 }
-const comboboxItemVariants = cva(combobox_item_module_default.base);
+const comboboxItemVariants = cva(picker_item_module_default.base);
 //#endregion
 export { ComboboxItem, comboboxItemVariants };

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

@@ -1,4 +1,4 @@
-import combobox_list_module_default from "./combobox-list.module.js";
+import picker_list_module_default from "../picker/picker-list.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -12,6 +12,6 @@ function ComboboxList(props) {
 		...rest
 	});
 }
-const comboboxListVariants = cva(combobox_list_module_default.base);
+const comboboxListVariants = cva(picker_list_module_default.base);
 //#endregion
 export { ComboboxList, comboboxListVariants };

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

@@ -1,18 +1,13 @@
 @layer components {
   .combobox-search-module_base_6egFqa {
     background-color: var(--color-bg-shell-inner);
-    border-bottom: 1px solid var(--color-border);
-    z-index: 1;
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
+    box-shadow: inset 0 -1px 0 var(--color-border);
     flex-shrink: 0;
     align-items: center;
     column-gap: 8px;
     height: 40px;
-    margin: -3px -3px 0;
     padding: 0 16px;
     display: flex;
-    position: sticky;
   }
 
   .combobox-search-module_icon_6egFqa {

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

@@ -1,4 +1,4 @@
-import combobox_separator_module_default from "./combobox-separator.module.js";
+import picker_separator_module_default from "../picker/picker-separator.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -12,6 +12,6 @@ function ComboboxSeparator(props) {
 		...rest
 	});
 }
-const comboboxSeparatorVariants = cva(combobox_separator_module_default.base);
+const comboboxSeparatorVariants = cva(picker_separator_module_default.base);
 //#endregion
 export { ComboboxSeparator, comboboxSeparatorVariants };

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

@@ -1,4 +1,4 @@
-import combobox_trigger_module_default from "./combobox-trigger.module.js";
+import picker_trigger_module_default from "../picker/picker-trigger.module.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
@@ -15,7 +15,7 @@ function ComboboxTrigger(props) {
 		"data-slot": "combobox-trigger",
 		...rest,
 		children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
-			className: combobox_trigger_module_default.icon,
+			className: picker_trigger_module_default.icon,
 			"data-slot": "combobox-icon",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14",
@@ -34,14 +34,14 @@ function ComboboxTrigger(props) {
 		})]
 	});
 }
-const comboboxTriggerVariants = cva(combobox_trigger_module_default.base, { variants: {
-	isRounded: { true: combobox_trigger_module_default.rounded_full },
+const comboboxTriggerVariants = cva(picker_trigger_module_default.base, { variants: {
+	isRounded: { true: picker_trigger_module_default.rounded_full },
 	size: {
-		32: combobox_trigger_module_default.size_32,
-		36: combobox_trigger_module_default.size_36,
-		40: combobox_trigger_module_default.size_40,
-		44: combobox_trigger_module_default.size_44,
-		48: combobox_trigger_module_default.size_48
+		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

package/dist/components/picker/picker-group.css

@@ -0,0 +1,14 @@
+@layer components {
+  .picker-group-module_base_7MpjwG {
+    flex-direction: column;
+    row-gap: 2px;
+    display: flex;
+  }
+
+  .picker-group-module_label_7MpjwG {
+    color: var(--color-text-secondary);
+    padding: 6px 12px 4px;
+    font-size: 12px;
+    font-weight: 450;
+  }
+}

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

@@ -0,0 +1,8 @@
+import './picker-group.css';
+//#region src/components/picker/picker-group.module.css
+var picker_group_module_default = {
+	"base": "picker-group-module_base_7MpjwG",
+	"label": "picker-group-module_label_7MpjwG"
+};
+//#endregion
+export { picker_group_module_default as default };

package/dist/components/{select/select-item.css → picker/picker-item.css}

@@ -1,5 +1,5 @@
 @layer components {
-  .select-item-module_base_YQBXPq {
+  .picker-item-module_base__oYUvq {
     cursor: pointer;
     user-select: none;
     border-radius: 8px;
@@ -12,16 +12,16 @@
     display: flex;
   }
 
-  .select-item-module_base_YQBXPq[data-disabled] {
+  .picker-item-module_base__oYUvq[data-disabled] {
     cursor: not-allowed;
     opacity: .5;
   }
 
-  .select-item-module_base_YQBXPq[data-highlighted] {
+  .picker-item-module_base__oYUvq[data-highlighted] {
     background-color: var(--color-gray-3);
   }
 
-  .select-item-module_label_YQBXPq {
+  .picker-item-module_label__oYUvq {
     color: var(--color-text-primary);
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -30,7 +30,7 @@
     overflow-x: hidden;
   }
 
-  .select-item-module_indicator_YQBXPq {
+  .picker-item-module_indicator__oYUvq {
     color: var(--color-primary-9);
     flex-shrink: 0;
     justify-content: center;

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

@@ -0,0 +1,9 @@
+import './picker-item.css';
+//#region src/components/picker/picker-item.module.css
+var picker_item_module_default = {
+	"base": "picker-item-module_base__oYUvq",
+	"indicator": "picker-item-module_indicator__oYUvq",
+	"label": "picker-item-module_label__oYUvq"
+};
+//#endregion
+export { picker_item_module_default as default };

package/dist/components/picker/picker-list.css

@@ -0,0 +1,15 @@
+@layer components {
+  .picker-list-module_base_DdtSga {
+    overscroll-behavior: contain;
+    flex-direction: column;
+    row-gap: 2px;
+    padding: 4px;
+    scroll-padding: 4px;
+    display: flex;
+    overflow-y: auto;
+  }
+
+  .picker-list-module_base_DdtSga[data-empty] {
+    display: none;
+  }
+}

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

@@ -0,0 +1,5 @@
+import './picker-list.css';
+//#region src/components/picker/picker-list.module.css
+var picker_list_module_default = { "base": "picker-list-module_base_DdtSga" };
+//#endregion
+export { picker_list_module_default as default };

package/dist/components/picker/picker-popup.css

@@ -0,0 +1,56 @@
+@layer components {
+  .picker-popup-module_positioner_8AoJsa {
+    isolation: isolate;
+    z-index: 50;
+  }
+
+  .picker-popup-module_base_8AoJsa {
+    background-color: var(--color-bg-shell-inner);
+    border-color: var(--color-border);
+    color: var(--color-text-primary);
+    max-height: min(var(--available-height), 480px);
+    max-width: var(--available-width);
+    min-width: max(var(--anchor-width), 240px);
+    outline-color: var(--color-primary-9);
+    outline-offset: -2px;
+    transform-origin: var(--transform-origin);
+    width: var(--anchor-width);
+    will-change: opacity, transform;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 12px;
+    outline-width: 0;
+    outline-style: solid;
+    flex-direction: column;
+    transition-property: opacity, transform;
+    transition-duration: .15s;
+    display: flex;
+    overflow: hidden;
+    box-shadow: 0 .5px oklab(0% none none / .03), 0 36px 15px -4px oklab(0% none none / .01), 0 20px 12px -3px oklab(0% none none / .03), 0 9px 9px -2px oklab(0% none none / .04), 0 2px 5px -1px oklab(0% none none / .05);
+  }
+
+  .picker-popup-module_base_8AoJsa:focus-visible {
+    outline-width: 2px;
+  }
+
+  .picker-popup-module_base_8AoJsa[data-ending-style], .picker-popup-module_base_8AoJsa[data-starting-style] {
+    opacity: 0;
+    transform: scale(.975);
+  }
+
+  .picker-popup-module_base_8AoJsa[data-side="top"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="top"][data-starting-style] {
+    transform: scale(.975) translateY(4px);
+  }
+
+  .picker-popup-module_base_8AoJsa[data-side="bottom"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="bottom"][data-starting-style] {
+    transform: scale(.975) translateY(-4px);
+  }
+
+  .picker-popup-module_base_8AoJsa[data-side="left"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="left"][data-starting-style], .picker-popup-module_base_8AoJsa[data-side="inline-start"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="inline-start"][data-starting-style] {
+    transform: scale(.975) translateX(4px);
+  }
+
+  .picker-popup-module_base_8AoJsa[data-side="right"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="right"][data-starting-style], .picker-popup-module_base_8AoJsa[data-side="inline-end"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="inline-end"][data-starting-style] {
+    transform: scale(.975) translateX(-4px);
+  }
+}

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

@@ -0,0 +1,8 @@
+import './picker-popup.css';
+//#region src/components/picker/picker-popup.module.css
+var picker_popup_module_default = {
+	"base": "picker-popup-module_base_8AoJsa",
+	"positioner": "picker-popup-module_positioner_8AoJsa"
+};
+//#endregion
+export { picker_popup_module_default as default };

package/dist/components/{select/select-separator.css → picker/picker-separator.css}

@@ -1,5 +1,5 @@
 @layer components {
-  .select-separator-module_base_6poQtG {
+  .picker-separator-module_base_OgPvTq {
     background-color: var(--color-border);
     flex-shrink: 0;
     height: 1px;

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

@@ -0,0 +1,5 @@
+import './picker-separator.css';
+//#region src/components/picker/picker-separator.module.css
+var picker_separator_module_default = { "base": "picker-separator-module_base_OgPvTq" };
+//#endregion
+export { picker_separator_module_default as default };

package/dist/components/{select/select-trigger.css → picker/picker-trigger.css}

@@ -1,5 +1,5 @@
 @layer components {
-  .select-trigger-module_base_eqPLgq {
+  .picker-trigger-module_base_81JCzq {
     background-color: var(--color-bg-shell-inner);
     box-shadow: inset 0 0 0 1px var(--color-border);
     cursor: pointer;
@@ -16,54 +16,54 @@
     overflow: hidden;
   }
 
-  .select-trigger-module_base_eqPLgq:disabled {
+  .picker-trigger-module_base_81JCzq:disabled {
     cursor: not-allowed;
     opacity: .5;
     background-color: var(--color-gray-3);
   }
 
-  .select-trigger-module_base_eqPLgq:focus-visible {
+  .picker-trigger-module_base_81JCzq:focus-visible {
     outline-color: var(--color-primary);
   }
 
-  .select-trigger-module_base_eqPLgq:hover:not(:disabled) {
+  .picker-trigger-module_base_81JCzq:hover:not(:disabled) {
     box-shadow: inset 0 0 0 1px var(--color-gray-6);
   }
 
-  .select-trigger-module_base_eqPLgq[data-popup-open] {
+  .picker-trigger-module_base_81JCzq[data-popup-open] {
     background-color: var(--color-gray-3);
   }
 
-  .select-trigger-module_size_32_eqPLgq {
+  .picker-trigger-module_size_32_81JCzq {
     border-radius: 8px;
     height: 32px;
   }
 
-  .select-trigger-module_size_36_eqPLgq {
+  .picker-trigger-module_size_36_81JCzq {
     border-radius: 9px;
     height: 36px;
   }
 
-  .select-trigger-module_size_40_eqPLgq {
+  .picker-trigger-module_size_40_81JCzq {
     border-radius: 10px;
     height: 40px;
   }
 
-  .select-trigger-module_size_44_eqPLgq {
+  .picker-trigger-module_size_44_81JCzq {
     border-radius: 11px;
     height: 44px;
   }
 
-  .select-trigger-module_size_48_eqPLgq {
+  .picker-trigger-module_size_48_81JCzq {
     border-radius: 12px;
     height: 48px;
   }
 
-  .select-trigger-module_rounded_full_eqPLgq {
+  .picker-trigger-module_rounded_full_81JCzq {
     border-radius: 9999px;
   }
 
-  .select-trigger-module_icon_eqPLgq {
+  .picker-trigger-module_icon_81JCzq {
     justify-content: center;
     align-items: center;
     width: 16px;
@@ -74,7 +74,7 @@
     display: flex;
   }
 
-  .select-trigger-module_base_eqPLgq[data-popup-open] .select-trigger-module_icon_eqPLgq {
+  .picker-trigger-module_base_81JCzq[data-popup-open] .picker-trigger-module_icon_81JCzq {
     rotate: 180deg;
   }
 }

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

@@ -0,0 +1,14 @@
+import './picker-trigger.css';
+//#region src/components/picker/picker-trigger.module.css
+var picker_trigger_module_default = {
+	"base": "picker-trigger-module_base_81JCzq",
+	"icon": "picker-trigger-module_icon_81JCzq",
+	"rounded_full": "picker-trigger-module_rounded_full_81JCzq",
+	"size_32": "picker-trigger-module_size_32_81JCzq",
+	"size_36": "picker-trigger-module_size_36_81JCzq",
+	"size_40": "picker-trigger-module_size_40_81JCzq",
+	"size_44": "picker-trigger-module_size_44_81JCzq",
+	"size_48": "picker-trigger-module_size_48_81JCzq"
+};
+//#endregion
+export { picker_trigger_module_default as default };

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

@@ -1,4 +1,5 @@
-import select_content_module_default from "./select-content.module.js";
+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 { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -15,7 +16,7 @@ function SelectContent(props) {
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: select_content_module_default.positioner,
+			className: picker_popup_module_default.positioner,
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
@@ -29,11 +30,15 @@ function SelectContent(props) {
 				className: combinedClassName,
 				"data-slot": "select-content",
 				...rest,
-				children
+				children: /* @__PURE__ */ jsx(Select.List, {
+					className: picker_list_module_default.base,
+					"data-slot": "select-list",
+					children
+				})
 			})
 		})
 	});
 }
-const selectContentVariants = cva(select_content_module_default.base);
+const selectContentVariants = cva(picker_popup_module_default.base);
 //#endregion
 export { SelectContent, selectContentVariants };

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

@@ -1,4 +1,4 @@
-import select_group_label_module_default from "./select-group-label.module.js";
+import picker_group_module_default from "../picker/picker-group.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -12,6 +12,6 @@ function SelectGroupLabel(props) {
 		...rest
 	});
 }
-const selectGroupLabelVariants = cva(select_group_label_module_default.base);
+const selectGroupLabelVariants = cva(picker_group_module_default.label);
 //#endregion
 export { SelectGroupLabel, selectGroupLabelVariants };

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

@@ -1,4 +1,4 @@
-import select_group_module_default from "./select-group.module.js";
+import picker_group_module_default from "../picker/picker-group.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -12,6 +12,6 @@ function SelectGroup(props) {
 		...rest
 	});
 }
-const selectGroupVariants = cva(select_group_module_default.base);
+const selectGroupVariants = cva(picker_group_module_default.base);
 //#endregion
 export { SelectGroup, selectGroupVariants };

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

@@ -1,4 +1,4 @@
-import select_item_module_default from "./select-item.module.js";
+import picker_item_module_default from "../picker/picker-item.module.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -12,11 +12,11 @@ function SelectItem(props) {
 		disabled: isDisabled,
 		...rest,
 		children: [/* @__PURE__ */ jsx(Select.ItemText, {
-			className: select_item_module_default.label,
+			className: picker_item_module_default.label,
 			"data-slot": "select-item-text",
 			children
 		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
-			className: select_item_module_default.indicator,
+			className: picker_item_module_default.indicator,
 			"data-slot": "select-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
@@ -37,6 +37,6 @@ function SelectItem(props) {
 		})]
 	});
 }
-const selectItemVariants = cva(select_item_module_default.base);
+const selectItemVariants = cva(picker_item_module_default.base);
 //#endregion
 export { SelectItem, selectItemVariants };

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

@@ -1,4 +1,4 @@
-import select_separator_module_default from "./select-separator.module.js";
+import picker_separator_module_default from "../picker/picker-separator.module.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -12,6 +12,6 @@ function SelectSeparator(props) {
 		...rest
 	});
 }
-const selectSeparatorVariants = cva(select_separator_module_default.base);
+const selectSeparatorVariants = cva(picker_separator_module_default.base);
 //#endregion
 export { SelectSeparator, selectSeparatorVariants };

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

@@ -1,4 +1,4 @@
-import select_trigger_module_default from "./select-trigger.module.js";
+import picker_trigger_module_default from "../picker/picker-trigger.module.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
@@ -15,7 +15,7 @@ function SelectTrigger(props) {
 		"data-slot": "select-trigger",
 		...rest,
 		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
-			className: select_trigger_module_default.icon,
+			className: picker_trigger_module_default.icon,
 			"data-slot": "select-icon",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14",
@@ -34,14 +34,14 @@ function SelectTrigger(props) {
 		})]
 	});
 }
-const selectTriggerVariants = cva(select_trigger_module_default.base, { variants: {
-	isRounded: { true: select_trigger_module_default.rounded_full },
+const selectTriggerVariants = cva(picker_trigger_module_default.base, { variants: {
+	isRounded: { true: picker_trigger_module_default.rounded_full },
 	size: {
-		32: select_trigger_module_default.size_32,
-		36: select_trigger_module_default.size_36,
-		40: select_trigger_module_default.size_40,
-		44: select_trigger_module_default.size_44,
-		48: select_trigger_module_default.size_48
+		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

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

@@ -4,13 +4,16 @@ import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-value.tsx
 function SelectValue(props) {
-	const { className: customClassName = "", render = /* @__PURE__ */ jsx("div", {}), ...rest } = props;
+	const { children = void 0, className: customClassName = "", placeholder = void 0, render = /* @__PURE__ */ jsx("div", {}), ...rest } = props;
 	const combinedClassName = selectValueVariants({ className: customClassName });
+	const resolvedChildren = typeof children === "function" ? (selectedValue) => (selectedValue ?? void 0) === void 0 ? placeholder : children(selectedValue) : children;
 	return /* @__PURE__ */ jsx(Select.Value, {
 		className: combinedClassName,
 		"data-slot": "select-value",
+		placeholder,
 		render,
-		...rest
+		...rest,
+		children: resolvedChildren
 	});
 }
 const selectValueVariants = cva(select_value_module_default.base);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.96",
+  "version": "0.0.98",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",

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

@@ -1,60 +0,0 @@
-@layer components {
-  .combobox-content-module_positioner_p8XryW {
-    isolation: isolate;
-    z-index: 50;
-  }
-
-  .combobox-content-module_base_p8XryW {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: 0 0 0 1px var(--color-border) inset,
-      0 .5px 0 oklab(0% none none / .03),
-      0 36px 15px -4px oklab(0% none none / .01),
-      0 20px 12px -3px oklab(0% none none / .03),
-      0 9px 9px -2px oklab(0% none none / .04),
-      0 2px 5px -1px oklab(0% none none / .05);
-    color: var(--color-text-primary);
-    max-height: min(var(--available-height), 480px);
-    max-width: var(--available-width);
-    min-width: max(var(--anchor-width), 240px);
-    outline-color: var(--color-primary-9);
-    outline-offset: -2px;
-    transform-origin: var(--transform-origin);
-    width: var(--anchor-width);
-    will-change: opacity, transform;
-    border-radius: 12px;
-    outline-width: 0;
-    outline-style: solid;
-    flex-direction: column;
-    row-gap: 2px;
-    padding: 4px;
-    transition-property: opacity, transform;
-    transition-duration: .15s;
-    display: flex;
-    overflow: auto;
-  }
-
-  .combobox-content-module_base_p8XryW:focus-visible {
-    outline-width: 2px;
-  }
-
-  .combobox-content-module_base_p8XryW[data-ending-style], .combobox-content-module_base_p8XryW[data-starting-style] {
-    opacity: 0;
-    transform: scale(.975);
-  }
-
-  .combobox-content-module_base_p8XryW[data-side="top"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="top"][data-starting-style] {
-    transform: scale(.975) translateY(4px);
-  }
-
-  .combobox-content-module_base_p8XryW[data-side="bottom"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="bottom"][data-starting-style] {
-    transform: scale(.975) translateY(-4px);
-  }
-
-  .combobox-content-module_base_p8XryW[data-side="left"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="left"][data-starting-style], .combobox-content-module_base_p8XryW[data-side="inline-start"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="inline-start"][data-starting-style] {
-    transform: scale(.975) translateX(4px);
-  }
-
-  .combobox-content-module_base_p8XryW[data-side="right"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="right"][data-starting-style], .combobox-content-module_base_p8XryW[data-side="inline-end"][data-ending-style], .combobox-content-module_base_p8XryW[data-side="inline-end"][data-starting-style] {
-    transform: scale(.975) translateX(-4px);
-  }
-}

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

@@ -1,8 +0,0 @@
-import './combobox-content.css';
-//#region src/components/combobox/combobox-content.module.css
-var combobox_content_module_default = {
-	"base": "combobox-content-module_base_p8XryW",
-	"positioner": "combobox-content-module_positioner_p8XryW"
-};
-//#endregion
-export { combobox_content_module_default as default };

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

@@ -1,8 +0,0 @@
-@layer components {
-  .combobox-group-label-module_base_h2CKxG {
-    color: var(--color-text-secondary);
-    padding: 6px 12px 4px;
-    font-size: 12px;
-    font-weight: 450;
-  }
-}

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

@@ -1,5 +0,0 @@
-import './combobox-group-label.css';
-//#region src/components/combobox/combobox-group-label.module.css
-var combobox_group_label_module_default = { "base": "combobox-group-label-module_base_h2CKxG" };
-//#endregion
-export { combobox_group_label_module_default as default };

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

@@ -1,7 +0,0 @@
-@layer components {
-  .combobox-group-module_base_iUnR9q {
-    flex-direction: column;
-    row-gap: 2px;
-    display: flex;
-  }
-}

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

@@ -1,5 +0,0 @@
-import './combobox-group.css';
-//#region src/components/combobox/combobox-group.module.css
-var combobox_group_module_default = { "base": "combobox-group-module_base_iUnR9q" };
-//#endregion
-export { combobox_group_module_default as default };

package/dist/components/combobox/combobox-item.css

@@ -1,43 +0,0 @@
-@layer components {
-  .combobox-item-module_base_0uz3mW {
-    cursor: pointer;
-    user-select: none;
-    border-radius: 8px;
-    outline: none;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    height: 36px;
-    padding: 0 12px;
-    display: flex;
-  }
-
-  .combobox-item-module_base_0uz3mW[data-disabled] {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .combobox-item-module_base_0uz3mW[data-highlighted] {
-    background-color: var(--color-gray-3);
-  }
-
-  .combobox-item-module_label_0uz3mW {
-    color: var(--color-text-primary);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 14px;
-    font-weight: 450;
-    overflow-x: hidden;
-  }
-
-  .combobox-item-module_indicator_0uz3mW {
-    color: var(--color-primary-9);
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    margin-left: auto;
-    display: flex;
-  }
-}

package/dist/components/combobox/combobox-item.module.js

@@ -1,9 +0,0 @@
-import './combobox-item.css';
-//#region src/components/combobox/combobox-item.module.css
-var combobox_item_module_default = {
-	"base": "combobox-item-module_base_0uz3mW",
-	"indicator": "combobox-item-module_indicator_0uz3mW",
-	"label": "combobox-item-module_label_0uz3mW"
-};
-//#endregion
-export { combobox_item_module_default as default };

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

@@ -1,11 +0,0 @@
-@layer components {
-  .combobox-list-module_base_3WsM4q {
-    flex-direction: column;
-    row-gap: 2px;
-    display: flex;
-  }
-
-  .combobox-list-module_base_3WsM4q[data-empty] {
-    display: none;
-  }
-}

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

@@ -1,5 +0,0 @@
-import './combobox-list.css';
-//#region src/components/combobox/combobox-list.module.css
-var combobox_list_module_default = { "base": "combobox-list-module_base_3WsM4q" };
-//#endregion
-export { combobox_list_module_default as default };

package/dist/components/combobox/combobox-separator.css

@@ -1,8 +0,0 @@
-@layer components {
-  .combobox-separator-module_base_a3wZxW {
-    background-color: var(--color-border);
-    flex-shrink: 0;
-    height: 1px;
-    margin: 4px 8px;
-  }
-}

package/dist/components/combobox/combobox-separator.module.js

@@ -1,5 +0,0 @@
-import './combobox-separator.css';
-//#region src/components/combobox/combobox-separator.module.css
-var combobox_separator_module_default = { "base": "combobox-separator-module_base_a3wZxW" };
-//#endregion
-export { combobox_separator_module_default as default };

package/dist/components/combobox/combobox-trigger.css

@@ -1,80 +0,0 @@
-@layer components {
-  .combobox-trigger-module_base_OcOZOW {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    cursor: pointer;
-    outline-offset: 2px;
-    outline: 2px solid #0000;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    width: stretch;
-    padding: 0 16px;
-    transition-property: background-color, box-shadow;
-    transition-duration: .15s;
-    display: inline-flex;
-    overflow: hidden;
-  }
-
-  .combobox-trigger-module_base_OcOZOW:disabled {
-    cursor: not-allowed;
-    opacity: .5;
-    background-color: var(--color-gray-3);
-  }
-
-  .combobox-trigger-module_base_OcOZOW:focus-visible {
-    outline-color: var(--color-primary);
-  }
-
-  .combobox-trigger-module_base_OcOZOW:hover:not(:disabled) {
-    box-shadow: inset 0 0 0 1px var(--color-gray-6);
-  }
-
-  .combobox-trigger-module_base_OcOZOW[data-popup-open] {
-    background-color: var(--color-gray-3);
-  }
-
-  .combobox-trigger-module_size_32_OcOZOW {
-    border-radius: 8px;
-    height: 32px;
-  }
-
-  .combobox-trigger-module_size_36_OcOZOW {
-    border-radius: 9px;
-    height: 36px;
-  }
-
-  .combobox-trigger-module_size_40_OcOZOW {
-    border-radius: 10px;
-    height: 40px;
-  }
-
-  .combobox-trigger-module_size_44_OcOZOW {
-    border-radius: 11px;
-    height: 44px;
-  }
-
-  .combobox-trigger-module_size_48_OcOZOW {
-    border-radius: 12px;
-    height: 48px;
-  }
-
-  .combobox-trigger-module_rounded_full_OcOZOW {
-    border-radius: 9999px;
-  }
-
-  .combobox-trigger-module_icon_OcOZOW {
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    margin-left: auto;
-    transition-property: rotate;
-    transition-duration: .15s;
-    display: flex;
-  }
-
-  .combobox-trigger-module_base_OcOZOW[data-popup-open] .combobox-trigger-module_icon_OcOZOW {
-    rotate: 180deg;
-  }
-}

package/dist/components/combobox/combobox-trigger.module.js

@@ -1,14 +0,0 @@
-import './combobox-trigger.css';
-//#region src/components/combobox/combobox-trigger.module.css
-var combobox_trigger_module_default = {
-	"base": "combobox-trigger-module_base_OcOZOW",
-	"icon": "combobox-trigger-module_icon_OcOZOW",
-	"rounded_full": "combobox-trigger-module_rounded_full_OcOZOW",
-	"size_32": "combobox-trigger-module_size_32_OcOZOW",
-	"size_36": "combobox-trigger-module_size_36_OcOZOW",
-	"size_40": "combobox-trigger-module_size_40_OcOZOW",
-	"size_44": "combobox-trigger-module_size_44_OcOZOW",
-	"size_48": "combobox-trigger-module_size_48_OcOZOW"
-};
-//#endregion
-export { combobox_trigger_module_default as default };

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

@@ -1,60 +0,0 @@
-@layer components {
-  .select-content-module_positioner_T-MXlW {
-    isolation: isolate;
-    z-index: 50;
-  }
-
-  .select-content-module_base_T-MXlW {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: 0 0 0 1px var(--color-border) inset,
-      0 .5px 0 oklab(0% none none / .03),
-      0 36px 15px -4px oklab(0% none none / .01),
-      0 20px 12px -3px oklab(0% none none / .03),
-      0 9px 9px -2px oklab(0% none none / .04),
-      0 2px 5px -1px oklab(0% none none / .05);
-    color: var(--color-text-primary);
-    max-height: min(var(--available-height), 480px);
-    max-width: var(--available-width);
-    min-width: max(var(--anchor-width), 240px);
-    outline-color: var(--color-primary-9);
-    outline-offset: -2px;
-    transform-origin: var(--transform-origin);
-    width: var(--anchor-width);
-    will-change: opacity, transform;
-    border-radius: 12px;
-    outline-width: 0;
-    outline-style: solid;
-    flex-direction: column;
-    row-gap: 2px;
-    padding: 4px;
-    transition-property: opacity, transform;
-    transition-duration: .15s;
-    display: flex;
-    overflow: auto;
-  }
-
-  .select-content-module_base_T-MXlW:focus-visible {
-    outline-width: 2px;
-  }
-
-  .select-content-module_base_T-MXlW[data-ending-style], .select-content-module_base_T-MXlW[data-starting-style] {
-    opacity: 0;
-    transform: scale(.975);
-  }
-
-  .select-content-module_base_T-MXlW[data-side="top"][data-ending-style], .select-content-module_base_T-MXlW[data-side="top"][data-starting-style] {
-    transform: scale(.975) translateY(4px);
-  }
-
-  .select-content-module_base_T-MXlW[data-side="bottom"][data-ending-style], .select-content-module_base_T-MXlW[data-side="bottom"][data-starting-style] {
-    transform: scale(.975) translateY(-4px);
-  }
-
-  .select-content-module_base_T-MXlW[data-side="left"][data-ending-style], .select-content-module_base_T-MXlW[data-side="left"][data-starting-style], .select-content-module_base_T-MXlW[data-side="inline-start"][data-ending-style], .select-content-module_base_T-MXlW[data-side="inline-start"][data-starting-style] {
-    transform: scale(.975) translateX(4px);
-  }
-
-  .select-content-module_base_T-MXlW[data-side="right"][data-ending-style], .select-content-module_base_T-MXlW[data-side="right"][data-starting-style], .select-content-module_base_T-MXlW[data-side="inline-end"][data-ending-style], .select-content-module_base_T-MXlW[data-side="inline-end"][data-starting-style] {
-    transform: scale(.975) translateX(-4px);
-  }
-}

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

@@ -1,8 +0,0 @@
-import './select-content.css';
-//#region src/components/select/select-content.module.css
-var select_content_module_default = {
-	"base": "select-content-module_base_T-MXlW",
-	"positioner": "select-content-module_positioner_T-MXlW"
-};
-//#endregion
-export { select_content_module_default as default };

package/dist/components/select/select-group-label.css

@@ -1,8 +0,0 @@
-@layer components {
-  .select-group-label-module_base_SHogxq {
-    color: var(--color-text-secondary);
-    padding: 6px 12px 4px;
-    font-size: 12px;
-    font-weight: 450;
-  }
-}

package/dist/components/select/select-group-label.module.js

@@ -1,5 +0,0 @@
-import './select-group-label.css';
-//#region src/components/select/select-group-label.module.css
-var select_group_label_module_default = { "base": "select-group-label-module_base_SHogxq" };
-//#endregion
-export { select_group_label_module_default as default };

package/dist/components/select/select-group.css

@@ -1,7 +0,0 @@
-@layer components {
-  .select-group-module_base_1Igl6W {
-    flex-direction: column;
-    row-gap: 2px;
-    display: flex;
-  }
-}

package/dist/components/select/select-group.module.js

@@ -1,5 +0,0 @@
-import './select-group.css';
-//#region src/components/select/select-group.module.css
-var select_group_module_default = { "base": "select-group-module_base_1Igl6W" };
-//#endregion
-export { select_group_module_default as default };

package/dist/components/select/select-item.module.js

@@ -1,9 +0,0 @@
-import './select-item.css';
-//#region src/components/select/select-item.module.css
-var select_item_module_default = {
-	"base": "select-item-module_base_YQBXPq",
-	"indicator": "select-item-module_indicator_YQBXPq",
-	"label": "select-item-module_label_YQBXPq"
-};
-//#endregion
-export { select_item_module_default as default };

package/dist/components/select/select-separator.module.js

@@ -1,5 +0,0 @@
-import './select-separator.css';
-//#region src/components/select/select-separator.module.css
-var select_separator_module_default = { "base": "select-separator-module_base_6poQtG" };
-//#endregion
-export { select_separator_module_default as default };

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

@@ -1,14 +0,0 @@
-import './select-trigger.css';
-//#region src/components/select/select-trigger.module.css
-var select_trigger_module_default = {
-	"base": "select-trigger-module_base_eqPLgq",
-	"icon": "select-trigger-module_icon_eqPLgq",
-	"rounded_full": "select-trigger-module_rounded_full_eqPLgq",
-	"size_32": "select-trigger-module_size_32_eqPLgq",
-	"size_36": "select-trigger-module_size_36_eqPLgq",
-	"size_40": "select-trigger-module_size_40_eqPLgq",
-	"size_44": "select-trigger-module_size_44_eqPLgq",
-	"size_48": "select-trigger-module_size_48_eqPLgq"
-};
-//#endregion
-export { select_trigger_module_default as default };