@nattstack/ui 0.0.88 → 0.0.90

package/dist/components/otp-field/otp-field.css

@@ -1,5 +1,5 @@
 @layer components {
-  .otp-field-module_otp_field_6ylpka {
+  .otp-field-module_base_6ylpka {
     flex-wrap: wrap;
     justify-content: center;
     gap: 8px;
@@ -7,7 +7,7 @@
     display: flex;
   }
 
-  .otp-field-module_otp_field__masked_6ylpka > input {
+  .otp-field-module_masked_6ylpka > input {
     font-family: var(--font-code);
   }
 }

package/dist/components/otp-field/otp-field.js

@@ -11,16 +11,17 @@ function OTPField$1(props) {
 	});
 	return /* @__PURE__ */ jsx(OTPField.Root, {
 		className: combinedClassName,
+		"data-slot": "otp-field",
 		disabled: isDisabled,
 		mask: isMasked,
 		...rest
 	});
 }
-const otpFieldVariants = cva(otp_field_module_default.otp_field, {
+const otpFieldVariants = cva(otp_field_module_default.base, {
 	defaultVariants: { isMasked: false },
 	variants: { isMasked: {
 		false: "",
-		true: otp_field_module_default.otp_field__masked
+		true: otp_field_module_default.masked
 	} }
 });
 //#endregion

package/dist/components/otp-field/otp-field.module.js

@@ -1,8 +1,8 @@
 import './otp-field.css';
 //#region src/components/otp-field/otp-field.module.css
 var otp_field_module_default = {
-	"otp_field": "otp-field-module_otp_field_6ylpka",
-	"otp_field__masked": "otp-field-module_otp_field__masked_6ylpka"
+	"base": "otp-field-module_base_6ylpka",
+	"masked": "otp-field-module_masked_6ylpka"
 };
 //#endregion
 export { otp_field_module_default as default };

package/dist/components/row/row.css

@@ -1,5 +1,5 @@
 @layer components {
-  .row-module_row_FQp50q {
+  .row-module_base_FQp50q {
     flex-direction: row;
     display: flex;
   }

package/dist/components/row/row.js

@@ -6,6 +6,7 @@ function Row(props) {
 	const { alignItems = void 0, as = "div", className: customClassName = "", flexWrap = void 0, gap = void 0, gapX = void 0, gapY = void 0, justifyContent = void 0, style: customStyle, ...rest } = props;
 	return createElement(as, {
 		className: rowVariants({ className: customClassName }),
+		"data-slot": "row",
 		style: {
 			...customStyle,
 			...gap === void 0 ? {} : { gap },
@@ -18,6 +19,6 @@ function Row(props) {
 		...rest
 	});
 }
-const rowVariants = cva(row_module_default.row);
+const rowVariants = cva(row_module_default.base);
 //#endregion
 export { Row, rowVariants };

package/dist/components/row/row.module.js

@@ -1,5 +1,5 @@
 import './row.css';
 //#region src/components/row/row.module.css
-var row_module_default = { "row": "row-module_row_FQp50q" };
+var row_module_default = { "base": "row-module_base_FQp50q" };
 //#endregion
 export { row_module_default as default };

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

@@ -0,0 +1,59 @@
+@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);
+    font-family: var(--font-body);
+    max-height: min(var(--available-height), 480px);
+    max-width: min(var(--available-width), 320px);
+    min-width: max(var(--anchor-width), 180px);
+    outline-color: var(--color-primary-9);
+    outline-offset: -2px;
+    transform-origin: var(--transform-origin);
+    will-change: opacity, transform;
+    border-radius: 12px;
+    outline-width: 0;
+    outline-style: solid;
+    flex-direction: column;
+    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.d.ts

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

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

@@ -0,0 +1,39 @@
+import select_content_module_default from "./select-content.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-content.tsx
+function SelectContent(props) {
+	const { align = "start", alignItemWithTrigger = false, alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = "bottom", sideOffset = 6, sticky = void 0, ...rest } = props;
+	const combinedClassName = selectContentVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.Portal, {
+		container,
+		"data-slot": "select-portal",
+		children: /* @__PURE__ */ jsx(Select.Positioner, {
+			align,
+			alignItemWithTrigger,
+			alignOffset,
+			anchor,
+			arrowPadding,
+			className: select_content_module_default.positioner,
+			collisionAvoidance,
+			collisionBoundary,
+			collisionPadding,
+			"data-slot": "select-positioner",
+			disableAnchorTracking,
+			positionMethod,
+			side,
+			sideOffset,
+			sticky,
+			children: /* @__PURE__ */ jsx(Select.Popup, {
+				className: combinedClassName,
+				"data-slot": "select-content",
+				...rest,
+				children
+			})
+		})
+	});
+}
+const selectContentVariants = cva(select_content_module_default.base);
+//#endregion
+export { SelectContent, selectContentVariants };

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

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

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

@@ -0,0 +1,10 @@
+import { Select } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/select/select-group-label.d.ts
+interface SelectGroupLabelProps extends Omit<Select.GroupLabel.Props, "className"> {
+  className?: string;
+}
+declare function SelectGroupLabel(props: SelectGroupLabelProps): JSX.Element;
+declare const selectGroupLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { SelectGroupLabel, SelectGroupLabelProps, selectGroupLabelVariants };

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

@@ -0,0 +1,17 @@
+import select_group_label_module_default from "./select-group-label.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-group-label.tsx
+function SelectGroupLabel(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = selectGroupLabelVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		className: combinedClassName,
+		"data-slot": "select-group-label",
+		...rest
+	});
+}
+const selectGroupLabelVariants = cva(select_group_label_module_default.base);
+//#endregion
+export { SelectGroupLabel, selectGroupLabelVariants };

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

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

@@ -0,0 +1,6 @@
+@layer components {
+  .select-group-module_base_1Igl6W {
+    flex-direction: column;
+    display: flex;
+  }
+}

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

@@ -0,0 +1,10 @@
+import { Select } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/select/select-group.d.ts
+interface SelectGroupProps extends Omit<Select.Group.Props, "className"> {
+  className?: string;
+}
+declare function SelectGroup(props: SelectGroupProps): JSX.Element;
+declare const selectGroupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { SelectGroup, SelectGroupProps, selectGroupVariants };

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

@@ -0,0 +1,17 @@
+import select_group_module_default from "./select-group.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-group.tsx
+function SelectGroup(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = selectGroupVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.Group, {
+		className: combinedClassName,
+		"data-slot": "select-group",
+		...rest
+	});
+}
+const selectGroupVariants = cva(select_group_module_default.base);
+//#endregion
+export { SelectGroup, selectGroupVariants };

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

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

@@ -0,0 +1,43 @@
+@layer components {
+  .select-item-module_base_YQBXPq {
+    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;
+  }
+
+  .select-item-module_base_YQBXPq[data-disabled] {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  .select-item-module_base_YQBXPq[data-highlighted] {
+    background-color: var(--color-gray-3);
+  }
+
+  .select-item-module_label_YQBXPq {
+    color: var(--color-text-primary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+    font-weight: 450;
+    overflow-x: hidden;
+  }
+
+  .select-item-module_indicator_YQBXPq {
+    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/select/select-item.d.ts

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

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

@@ -0,0 +1,42 @@
+import select_item_module_default from "./select-item.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-item.tsx
+function SelectItem(props) {
+	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = selectItemVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		className: combinedClassName,
+		"data-slot": "select-item",
+		disabled: isDisabled,
+		...rest,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: select_item_module_default.label,
+			"data-slot": "select-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			className: select_item_module_default.indicator,
+			"data-slot": "select-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 selectItemVariants = cva(select_item_module_default.base);
+//#endregion
+export { SelectItem, selectItemVariants };

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

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

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

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

@@ -0,0 +1,10 @@
+import { Select } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/select/select-separator.d.ts
+interface SelectSeparatorProps extends Omit<Select.Separator.Props, "className"> {
+  className?: string;
+}
+declare function SelectSeparator(props: SelectSeparatorProps): JSX.Element;
+declare const selectSeparatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { SelectSeparator, SelectSeparatorProps, selectSeparatorVariants };

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

@@ -0,0 +1,17 @@
+import select_separator_module_default from "./select-separator.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-separator.tsx
+function SelectSeparator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = selectSeparatorVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		className: combinedClassName,
+		"data-slot": "select-separator",
+		...rest
+	});
+}
+const selectSeparatorVariants = cva(select_separator_module_default.base);
+//#endregion
+export { SelectSeparator, selectSeparatorVariants };

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

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

@@ -0,0 +1,76 @@
+@layer components {
+  .select-trigger-module_base_eqPLgq {
+    background-color: var(--color-bg-shell-inner);
+    box-shadow: 0 0 0 1px var(--color-border) inset;
+    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;
+    transition-duration: .15s;
+    display: inline-flex;
+    overflow: hidden;
+  }
+
+  .select-trigger-module_base_eqPLgq:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+    background-color: var(--color-gray-3);
+  }
+
+  .select-trigger-module_base_eqPLgq:focus-visible {
+    outline-color: var(--color-primary);
+  }
+
+  .select-trigger-module_base_eqPLgq:hover:not(:disabled), .select-trigger-module_base_eqPLgq[data-popup-open] {
+    background-color: var(--color-gray-3);
+  }
+
+  .select-trigger-module_size_32_eqPLgq {
+    border-radius: 8px;
+    height: 32px;
+  }
+
+  .select-trigger-module_size_36_eqPLgq {
+    border-radius: 9px;
+    height: 36px;
+  }
+
+  .select-trigger-module_size_40_eqPLgq {
+    border-radius: 10px;
+    height: 40px;
+  }
+
+  .select-trigger-module_size_44_eqPLgq {
+    border-radius: 11px;
+    height: 44px;
+  }
+
+  .select-trigger-module_size_48_eqPLgq {
+    border-radius: 12px;
+    height: 48px;
+  }
+
+  .select-trigger-module_rounded_full_eqPLgq {
+    border-radius: 9999px;
+  }
+
+  .select-trigger-module_icon_eqPLgq {
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    margin-left: auto;
+    transition-property: rotate;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .select-trigger-module_base_eqPLgq[data-popup-open] .select-trigger-module_icon_eqPLgq {
+    rotate: 180deg;
+  }
+}

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

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

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

@@ -0,0 +1,48 @@
+import select_trigger_module_default from "./select-trigger.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-trigger.tsx
+function SelectTrigger(props) {
+	const { children = void 0, className: customClassName = "", isRounded = false, size = 40, ...rest } = props;
+	const combinedClassName = selectTriggerVariants({
+		className: customClassName,
+		isRounded,
+		size
+	});
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		className: combinedClassName,
+		"data-slot": "select-trigger",
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+			className: select_trigger_module_default.icon,
+			"data-slot": "select-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 selectTriggerVariants = cva(select_trigger_module_default.base, { variants: {
+	isRounded: { true: select_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
+	}
+} });
+//#endregion
+export { SelectTrigger, selectTriggerVariants };

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

@@ -0,0 +1,14 @@
+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 };

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

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

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

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

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

@@ -0,0 +1,18 @@
+import select_value_module_default from "./select-value.module.js";
+import { cva } from "class-variance-authority";
+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 combinedClassName = selectValueVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.Value, {
+		className: combinedClassName,
+		"data-slot": "select-value",
+		render,
+		...rest
+	});
+}
+const selectValueVariants = cva(select_value_module_default.base);
+//#endregion
+export { SelectValue, selectValueVariants };