@nattstack/ui 0.0.93 → 0.0.95

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

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

@@ -0,0 +1,11 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-content.d.ts
+interface ComboboxContentProps extends Omit<Combobox.Popup.Props, "className">, Pick<Combobox.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> {
+  className?: string;
+  container?: Combobox.Portal.Props["container"];
+}
+declare function ComboboxContent(props: ComboboxContentProps): JSX.Element;
+declare const comboboxContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { ComboboxContent, ComboboxContentProps, comboboxContentVariants };

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

@@ -0,0 +1,38 @@
+import combobox_content_module_default from "./combobox-content.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-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 });
+	return /* @__PURE__ */ jsx(Combobox.Portal, {
+		container,
+		"data-slot": "combobox-portal",
+		children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+			align,
+			alignOffset,
+			anchor,
+			arrowPadding,
+			className: combobox_content_module_default.positioner,
+			collisionAvoidance,
+			collisionBoundary,
+			collisionPadding,
+			"data-slot": "combobox-positioner",
+			disableAnchorTracking,
+			positionMethod,
+			side,
+			sideOffset,
+			sticky,
+			children: /* @__PURE__ */ jsx(Combobox.Popup, {
+				className: combinedClassName,
+				"data-slot": "combobox-content",
+				...rest,
+				children
+			})
+		})
+	});
+}
+const comboboxContentVariants = cva(combobox_content_module_default.base);
+//#endregion
+export { ComboboxContent, comboboxContentVariants };

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

@@ -0,0 +1,8 @@
+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-empty.css

@@ -0,0 +1,9 @@
+@layer components {
+  .combobox-empty-module_base_i-Uoxq:not(:empty) {
+    color: var(--color-text-secondary);
+    text-align: center;
+    padding: 8px 12px;
+    font-size: 14px;
+    font-weight: 450;
+  }
+}

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-empty.d.ts
+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 };

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

@@ -0,0 +1,17 @@
+import combobox_empty_module_default from "./combobox-empty.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-empty.tsx
+function ComboboxEmpty(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = comboboxEmptyVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Combobox.Empty, {
+		className: combinedClassName,
+		"data-slot": "combobox-empty",
+		...rest
+	});
+}
+const comboboxEmptyVariants = cva(combobox_empty_module_default.base);
+//#endregion
+export { ComboboxEmpty, comboboxEmptyVariants };

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

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

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

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-group-label.d.ts
+interface ComboboxGroupLabelProps extends Omit<Combobox.GroupLabel.Props, "className"> {
+  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 };

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

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

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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-group.d.ts
+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 };

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

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

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

@@ -0,0 +1,5 @@
+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-input.css

@@ -0,0 +1,121 @@
+@layer components {
+  .combobox-input-module_base_eAQxaq {
+    background-color: var(--color-bg-shell-inner);
+    box-shadow: inset 0 0 0 1px var(--color-border);
+    cursor: text;
+    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-input-module_base_eAQxaq[data-disabled], .combobox-input-module_base_eAQxaq:has(.combobox-input-module_input_eAQxaq:disabled) {
+    cursor: not-allowed;
+    opacity: .5;
+    background-color: var(--color-gray-3);
+  }
+
+  .combobox-input-module_base_eAQxaq:focus-within {
+    outline-color: var(--color-primary);
+  }
+
+  .combobox-input-module_base_eAQxaq:hover:not([data-disabled], :has(.combobox-input-module_input_eAQxaq:disabled)) {
+    box-shadow: inset 0 0 0 1px var(--color-gray-6);
+  }
+
+  .combobox-input-module_base_eAQxaq[data-popup-open] {
+    background-color: var(--color-gray-3);
+  }
+
+  .combobox-input-module_size_32_eAQxaq {
+    border-radius: 8px;
+    height: 32px;
+  }
+
+  .combobox-input-module_size_36_eAQxaq {
+    border-radius: 9px;
+    height: 36px;
+  }
+
+  .combobox-input-module_size_40_eAQxaq {
+    border-radius: 10px;
+    height: 40px;
+  }
+
+  .combobox-input-module_size_44_eAQxaq {
+    border-radius: 11px;
+    height: 44px;
+  }
+
+  .combobox-input-module_size_48_eAQxaq {
+    border-radius: 12px;
+    height: 48px;
+  }
+
+  .combobox-input-module_rounded_full_eAQxaq {
+    border-radius: 9999px;
+  }
+
+  .combobox-input-module_input_eAQxaq {
+    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: 450;
+  }
+
+  .combobox-input-module_input_eAQxaq::placeholder {
+    color: var(--color-gray-9);
+    user-select: none;
+  }
+
+  .combobox-input-module_input_eAQxaq:disabled {
+    cursor: not-allowed;
+  }
+
+  .combobox-input-module_trigger_eAQxaq {
+    color: inherit;
+    cursor: pointer;
+    background-color: #0000;
+    border-style: none;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 100%;
+    margin-left: auto;
+    padding: 0;
+    display: flex;
+  }
+
+  .combobox-input-module_trigger_eAQxaq:disabled {
+    cursor: not-allowed;
+  }
+
+  .combobox-input-module_icon_eAQxaq {
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    transition-property: rotate;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .combobox-input-module_base_eAQxaq[data-popup-open] .combobox-input-module_icon_eAQxaq {
+    rotate: 180deg;
+  }
+}

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

@@ -0,0 +1,17 @@
+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"> {
+  className?: string;
+  isDisabled?: Combobox.Input.Props["disabled"];
+  isRounded?: VariantProps<typeof comboboxInputVariants>["isRounded"];
+  size?: VariantProps<typeof comboboxInputVariants>["size"];
+}
+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 };

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

@@ -0,0 +1,58 @@
+import combobox_input_module_default from "./combobox-input.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-input.tsx
+function ComboboxInput(props) {
+	const { className: customClassName = "", isDisabled = false, isRounded = false, size = 40, ...rest } = props;
+	const combinedClassName = comboboxInputVariants({
+		className: customClassName,
+		isRounded,
+		size
+	});
+	return /* @__PURE__ */ jsxs(Combobox.InputGroup, {
+		className: combinedClassName,
+		"data-slot": "combobox-input-group",
+		children: [/* @__PURE__ */ jsx(Combobox.Input, {
+			className: combobox_input_module_default.input,
+			"data-slot": "combobox-input",
+			disabled: isDisabled,
+			...rest
+		}), /* @__PURE__ */ jsx(Combobox.Trigger, {
+			className: combobox_input_module_default.trigger,
+			"data-slot": "combobox-trigger",
+			disabled: isDisabled,
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx(Combobox.Icon, {
+				className: combobox_input_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 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 };

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

@@ -0,0 +1,16 @@
+import './combobox-input.css';
+//#region src/components/combobox/combobox-input.module.css
+var combobox_input_module_default = {
+	"base": "combobox-input-module_base_eAQxaq",
+	"icon": "combobox-input-module_icon_eAQxaq",
+	"input": "combobox-input-module_input_eAQxaq",
+	"rounded_full": "combobox-input-module_rounded_full_eAQxaq",
+	"size_32": "combobox-input-module_size_32_eAQxaq",
+	"size_36": "combobox-input-module_size_36_eAQxaq",
+	"size_40": "combobox-input-module_size_40_eAQxaq",
+	"size_44": "combobox-input-module_size_44_eAQxaq",
+	"size_48": "combobox-input-module_size_48_eAQxaq",
+	"trigger": "combobox-input-module_trigger_eAQxaq"
+};
+//#endregion
+export { combobox_input_module_default as default };

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

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

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

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

@@ -0,0 +1,42 @@
+import combobox_item_module_default from "./combobox-item.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-item.tsx
+function ComboboxItem(props) {
+	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = comboboxItemVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Combobox.Item, {
+		className: combinedClassName,
+		"data-slot": "combobox-item",
+		disabled: isDisabled,
+		...rest,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: combobox_item_module_default.label,
+			"data-slot": "combobox-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+			className: combobox_item_module_default.indicator,
+			"data-slot": "combobox-item-indicator",
+			children: /* @__PURE__ */ jsx("svg", {
+				height: "14px",
+				viewBox: "0 0 18 18",
+				width: "14px",
+				x: "0px",
+				xmlns: "http://www.w3.org/2000/svg",
+				y: "0px",
+				children: /* @__PURE__ */ jsx("polyline", {
+					fill: "none",
+					points: "2.75 9.25 6.75 14.25 15.25 3.75",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})
+			})
+		})]
+	});
+}
+const comboboxItemVariants = cva(combobox_item_module_default.base);
+//#endregion
+export { ComboboxItem, comboboxItemVariants };

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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-list.d.ts
+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 };

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

@@ -0,0 +1,17 @@
+import combobox_list_module_default from "./combobox-list.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-list.tsx
+function ComboboxList(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = comboboxListVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		className: combinedClassName,
+		"data-slot": "combobox-list",
+		...rest
+	});
+}
+const comboboxListVariants = cva(combobox_list_module_default.base);
+//#endregion
+export { ComboboxList, comboboxListVariants };

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

@@ -0,0 +1,5 @@
+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

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

@@ -0,0 +1,10 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox-separator.d.ts
+interface ComboboxSeparatorProps extends Omit<Combobox.Separator.Props, "className"> {
+  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 };

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

@@ -0,0 +1,17 @@
+import combobox_separator_module_default from "./combobox-separator.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-separator.tsx
+function ComboboxSeparator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = comboboxSeparatorVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Combobox.Separator, {
+		className: combinedClassName,
+		"data-slot": "combobox-separator",
+		...rest
+	});
+}
+const comboboxSeparatorVariants = cva(combobox_separator_module_default.base);
+//#endregion
+export { ComboboxSeparator, comboboxSeparatorVariants };

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

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

@@ -0,0 +1,7 @@
+import { Combobox } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/combobox/combobox.d.ts
+interface ComboboxProps<Value, Multiple extends boolean | undefined = false> extends Combobox.Root.Props<Value, Multiple> {}
+declare function Combobox$1<Value, Multiple extends boolean | undefined = false>(props: ComboboxProps<Value, Multiple>): JSX.Element;
+//#endregion
+export { Combobox$1 as Combobox, ComboboxProps };

package/dist/components/combobox/combobox.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+//#region src/components/combobox/combobox.tsx
+function Combobox$1(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx(Combobox.Root, {
+		"data-slot": "combobox",
+		...rest
+	});
+}
+//#endregion
+export { Combobox$1 as Combobox };

package/dist/components/index.d.ts

@@ -2,6 +2,15 @@ import { Button, ButtonProps, button } from "./button/button.js";
 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 { 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";
+import { ComboboxGroupLabel, ComboboxGroupLabelProps, comboboxGroupLabelVariants } from "./combobox/combobox-group-label.js";
+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 { ComboboxSeparator, ComboboxSeparatorProps, comboboxSeparatorVariants } from "./combobox/combobox-separator.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";
@@ -51,4 +60,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, 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, 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, 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 };

package/dist/components/index.js

@@ -2,6 +2,15 @@ import { Button, button } from "./button/button.js";
 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 { ComboboxContent, comboboxContentVariants } from "./combobox/combobox-content.js";
+import { ComboboxEmpty, comboboxEmptyVariants } from "./combobox/combobox-empty.js";
+import { ComboboxGroup, comboboxGroupVariants } from "./combobox/combobox-group.js";
+import { ComboboxGroupLabel, comboboxGroupLabelVariants } from "./combobox/combobox-group-label.js";
+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 { ComboboxSeparator, comboboxSeparatorVariants } from "./combobox/combobox-separator.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";
@@ -51,4 +60,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, 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, 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, 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 };

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

@@ -16,15 +16,16 @@
     max-height: min(var(--available-height), 480px);
     max-width: var(--available-width);
     min-width: max(var(--anchor-width), 240px);
-    width: var(--anchor-width);
     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;

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

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

package/package.json

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