@nattstack/ui 0.0.95 → 0.0.97

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

@@ -0,0 +1,7 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-collection.d.ts
+interface ComboboxCollectionProps extends Combobox.Collection.Props {}
+declare function ComboboxCollection(props: ComboboxCollectionProps): JSX.Element | null;
+//#endregion
+export { ComboboxCollection, ComboboxCollectionProps };

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+//#region src/components/combobox/combobox-collection.tsx
+function ComboboxCollection(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx(Combobox.Collection, { ...rest });
+}
+//#endregion
+export { ComboboxCollection };

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

@@ -6,12 +6,7 @@
 
   .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);
+    border-color: var(--color-border);
     color: var(--color-text-primary);
     max-height: min(var(--available-height), 480px);
     max-width: var(--available-width);
@@ -21,16 +16,17 @@
     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;
-    row-gap: 2px;
-    padding: 4px;
     transition-property: opacity, transform;
     transition-duration: .15s;
     display: flex;
-    overflow: auto;
+    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);
   }
 
   .combobox-content-module_base_p8XryW:focus-visible {

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

@@ -20,12 +20,12 @@ function ComboboxInput(props) {
 			...rest
 		}), /* @__PURE__ */ jsx(Combobox.Trigger, {
 			className: combobox_input_module_default.trigger,
-			"data-slot": "combobox-trigger",
+			"data-slot": "combobox-input-trigger",
 			disabled: isDisabled,
 			tabIndex: -1,
 			children: /* @__PURE__ */ jsx(Combobox.Icon, {
 				className: combobox_input_module_default.icon,
-				"data-slot": "combobox-icon",
+				"data-slot": "combobox-input-icon",
 				children: /* @__PURE__ */ jsx("svg", {
 					height: "14",
 					viewBox: "0 0 18 18",

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

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

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

@@ -0,0 +1,44 @@
+@layer components {
+  .combobox-search-module_base_6egFqa {
+    box-shadow: inset 0 -1px 0 var(--color-border);
+    background-color: var(--color-bg-shell-inner);
+    flex-shrink: 0;
+    align-items: center;
+    column-gap: 8px;
+    height: 40px;
+    padding: 0 16px;
+    display: flex;
+  }
+
+  .combobox-search-module_icon_6egFqa {
+    color: var(--color-gray-9);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .combobox-search-module_input_6egFqa {
+    appearance: none;
+    color: var(--color-text-primary);
+    background-color: #0000;
+    border-style: none;
+    outline: none;
+    flex: 1;
+    min-width: 0;
+    height: 100%;
+    padding: 0;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .combobox-search-module_input_6egFqa::placeholder {
+    color: var(--color-gray-9);
+    user-select: none;
+  }
+
+  .combobox-search-module_input_6egFqa:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+}

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

@@ -0,0 +1,11 @@
+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"> {
+  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 };

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

@@ -0,0 +1,45 @@
+import combobox_search_module_default from "./combobox-search.module.js";
+import { cva } from "class-variance-authority";
+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;
+	return /* @__PURE__ */ jsxs("div", {
+		className: comboboxSearchVariants({ className: customClassName }),
+		"data-slot": "combobox-search",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: combobox_search_module_default.icon,
+			"data-slot": "combobox-search-icon",
+			children: /* @__PURE__ */ jsxs("svg", {
+				height: "18",
+				viewBox: "0 0 18 18",
+				width: "18",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [/* @__PURE__ */ jsx("path", {
+					d: "M15.75 15.75L11.6386 11.6386",
+					fill: "none",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				}), /* @__PURE__ */ jsx("path", {
+					d: "M7.75 13.25C10.7875 13.25 13.25 10.7875 13.25 7.75C13.25 4.7125 10.7875 2.25 7.75 2.25C4.7125 2.25 2.25 4.7125 2.25 7.75C2.25 10.7875 4.7125 13.25 7.75 13.25Z",
+					fill: "none",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(Combobox.Input, {
+			className: combobox_search_module_default.input,
+			"data-slot": "combobox-search-input",
+			disabled: isDisabled,
+			...rest
+		})]
+	});
+}
+const comboboxSearchVariants = cva(combobox_search_module_default.base);
+//#endregion
+export { ComboboxSearch, comboboxSearchVariants };

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

@@ -0,0 +1,9 @@
+import './combobox-search.css';
+//#region src/components/combobox/combobox-search.module.css
+var combobox_search_module_default = {
+	"base": "combobox-search-module_base_6egFqa",
+	"icon": "combobox-search-module_icon_6egFqa",
+	"input": "combobox-search-module_input_6egFqa"
+};
+//#endregion
+export { combobox_search_module_default as default };

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

@@ -0,0 +1,80 @@
+@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.d.ts

@@ -0,0 +1,15 @@
+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"];
+}
+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 };

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

@@ -0,0 +1,48 @@
+import combobox_trigger_module_default from "./combobox-trigger.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+//#region src/components/combobox/combobox-trigger.tsx
+function ComboboxTrigger(props) {
+	const { children = void 0, className: customClassName = "", isRounded = false, size = 40, ...rest } = props;
+	const combinedClassName = comboboxTriggerVariants({
+		className: customClassName,
+		isRounded,
+		size
+	});
+	return /* @__PURE__ */ jsxs(Combobox.Trigger, {
+		className: combinedClassName,
+		"data-slot": "combobox-trigger",
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
+			className: combobox_trigger_module_default.icon,
+			"data-slot": "combobox-icon",
+			children: /* @__PURE__ */ jsx("svg", {
+				height: "14",
+				viewBox: "0 0 18 18",
+				width: "14",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("polyline", {
+					fill: "none",
+					points: "15.25 6.5 9 12.75 2.75 6.5",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})
+			})
+		})]
+	});
+}
+const comboboxTriggerVariants = cva(combobox_trigger_module_default.base, { variants: {
+	isRounded: { true: combobox_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
+	}
+} });
+//#endregion
+export { ComboboxTrigger, comboboxTriggerVariants };

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

@@ -0,0 +1,14 @@
+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/combobox/combobox-value.css

@@ -0,0 +1,14 @@
+@layer components {
+  .combobox-value-module_base_kG6VyG {
+    color: var(--color-text-primary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+    font-weight: 450;
+    overflow-x: hidden;
+  }
+
+  [data-placeholder] .combobox-value-module_base_kG6VyG {
+    color: var(--color-gray-9);
+  }
+}

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-value.d.ts
+interface ComboboxValueProps extends Combobox.Value.Props {
+  className?: string;
+}
+declare function ComboboxValue(props: ComboboxValueProps): JSX.Element;
+declare const comboboxValueVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { ComboboxValue, ComboboxValueProps, comboboxValueVariants };

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

@@ -0,0 +1,22 @@
+import combobox_value_module_default from "./combobox-value.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+//#region src/components/combobox/combobox-value.tsx
+function ComboboxValue(props) {
+	const { children = void 0, className: customClassName = "", placeholder = void 0, ...rest } = props;
+	const combinedClassName = comboboxValueVariants({ className: customClassName });
+	const resolvedChildren = typeof children === "function" ? (selectedValue) => (selectedValue ?? void 0) === void 0 ? placeholder : children(selectedValue) : children;
+	return /* @__PURE__ */ jsx("div", {
+		className: combinedClassName,
+		"data-slot": "combobox-value",
+		children: /* @__PURE__ */ jsx(Combobox.Value, {
+			placeholder,
+			...rest,
+			children: resolvedChildren
+		})
+	});
+}
+const comboboxValueVariants = cva(combobox_value_module_default.base);
+//#endregion
+export { ComboboxValue, comboboxValueVariants };

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

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

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ import { ButtonLink, ButtonLinkProps } from "./button-link/button-link.js";
 import { Checkbox, CheckboxProps, checkboxVariants } from "./checkbox/checkbox.js";
 import { Column, ColumnProps, columnVariants } from "./column/column.js";
 import { Combobox, ComboboxProps } from "./combobox/combobox.js";
+import { ComboboxCollection, ComboboxCollectionProps } from "./combobox/combobox-collection.js";
 import { ComboboxContent, ComboboxContentProps, comboboxContentVariants } from "./combobox/combobox-content.js";
 import { ComboboxEmpty, ComboboxEmptyProps, comboboxEmptyVariants } from "./combobox/combobox-empty.js";
 import { ComboboxGroup, ComboboxGroupProps, comboboxGroupVariants } from "./combobox/combobox-group.js";
@@ -10,7 +11,10 @@ import { ComboboxGroupLabel, ComboboxGroupLabelProps, comboboxGroupLabelVariants
 import { ComboboxInput, ComboboxInputProps, comboboxInputVariants } from "./combobox/combobox-input.js";
 import { ComboboxItem, ComboboxItemProps, comboboxItemVariants } from "./combobox/combobox-item.js";
 import { ComboboxList, ComboboxListProps, comboboxListVariants } from "./combobox/combobox-list.js";
+import { ComboboxSearch, ComboboxSearchProps, comboboxSearchVariants } from "./combobox/combobox-search.js";
 import { ComboboxSeparator, ComboboxSeparatorProps, comboboxSeparatorVariants } from "./combobox/combobox-separator.js";
+import { ComboboxTrigger, ComboboxTriggerProps, comboboxTriggerVariants } from "./combobox/combobox-trigger.js";
+import { ComboboxValue, ComboboxValueProps, comboboxValueVariants } from "./combobox/combobox-value.js";
 import { DialogResponsive, DialogResponsiveProps } from "./dialog-responsive/dialog-responsive.js";
 import { DialogResponsivePopup, DialogResponsivePopupProps, dialogResponsivePopupVariants } from "./dialog-responsive/dialog-responsive-popup.js";
 import { DialogResponsiveTrigger, DialogResponsiveTriggerProps } from "./dialog-responsive/dialog-responsive-trigger.js";
@@ -60,4 +64,4 @@ import { Tooltip, TooltipProps } from "./tooltip/tooltip.js";
 import { TooltipPopup, TooltipPopupProps, tooltipPopupVariants } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider, TooltipProviderProps } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger, TooltipTriggerProps } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, ButtonLinkProps, ButtonProps, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, Label, LabelProps, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, MenuViewport, MenuViewportProps, OTPField, OTPFieldInput, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSeparatorVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };
+export { Button, ButtonLink, ButtonLinkProps, ButtonProps, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSearch, ComboboxSearchProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, Label, LabelProps, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, MenuViewport, MenuViewportProps, OTPField, OTPFieldInput, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };

package/dist/components/index.js

@@ -3,6 +3,7 @@ import { ButtonLink } from "./button-link/button-link.js";
 import { Checkbox, checkboxVariants } from "./checkbox/checkbox.js";
 import { Column, columnVariants } from "./column/column.js";
 import { Combobox } from "./combobox/combobox.js";
+import { ComboboxCollection } from "./combobox/combobox-collection.js";
 import { ComboboxContent, comboboxContentVariants } from "./combobox/combobox-content.js";
 import { ComboboxEmpty, comboboxEmptyVariants } from "./combobox/combobox-empty.js";
 import { ComboboxGroup, comboboxGroupVariants } from "./combobox/combobox-group.js";
@@ -10,7 +11,10 @@ import { ComboboxGroupLabel, comboboxGroupLabelVariants } from "./combobox/combo
 import { ComboboxInput, comboboxInputVariants } from "./combobox/combobox-input.js";
 import { ComboboxItem, comboboxItemVariants } from "./combobox/combobox-item.js";
 import { ComboboxList, comboboxListVariants } from "./combobox/combobox-list.js";
+import { ComboboxSearch, comboboxSearchVariants } from "./combobox/combobox-search.js";
 import { ComboboxSeparator, comboboxSeparatorVariants } from "./combobox/combobox-separator.js";
+import { ComboboxTrigger, comboboxTriggerVariants } from "./combobox/combobox-trigger.js";
+import { ComboboxValue, comboboxValueVariants } from "./combobox/combobox-value.js";
 import { DialogResponsive } from "./dialog-responsive/dialog-responsive.js";
 import { DialogResponsivePopup, dialogResponsivePopupVariants } from "./dialog-responsive/dialog-responsive-popup.js";
 import { DialogResponsiveTrigger } from "./dialog-responsive/dialog-responsive-trigger.js";
@@ -60,4 +64,4 @@ import { Tooltip } from "./tooltip/tooltip.js";
 import { TooltipPopup, tooltipPopupVariants } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MenuViewport, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSeparatorVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };
+export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MenuViewport, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };

package/package.json

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