@seed-design/react 2.0.5 → 2.1.1

package/lib/components/Select/Select.cjs

@@ -0,0 +1,191 @@
+"use client";
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
+const require_Icon = require("../private/Icon.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_react_field = require("@seed-design/react-field");
+let _seed_design_react_select = require("@seed-design/react-select");
+let _seed_design_css_recipes_select = require("@seed-design/css/recipes/select");
+let _seed_design_css_recipes_select_trigger = require("@seed-design/css/recipes/select-trigger");
+let _seed_design_css_recipes_select_item = require("@seed-design/css/recipes/select-item");
+//#region src/components/Select/Select.tsx
+var { ClassNamesProvider: TriggerClassNamesProvider, PropsProvider: TriggerPropsProvider, useProps: useTriggerProps, withContext: withTriggerContext, useClassNames: useTriggerClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_select_trigger.selectTrigger);
+var { ClassNamesProvider: ContentClassNamesProvider, withContext: withContentContext, useClassNames: useContentClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_select.select);
+var { ClassNamesProvider: ItemClassNamesProvider, PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, useClassNames: useItemClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_select_item.selectItem);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_select.useSelectContext]);
+var withItemStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_select.useSelectItemContext]);
+var SelectRoot = (props) => {
+	const [{ select: contentVariantProps, selectTrigger: triggerVariantProps, selectItem: itemVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps(props, {
+		select: _seed_design_css_recipes_select.select,
+		selectTrigger: _seed_design_css_recipes_select_trigger.selectTrigger,
+		selectItem: _seed_design_css_recipes_select_item.selectItem
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentClassNamesProvider, {
+		value: (0, _seed_design_css_recipes_select.select)(contentVariantProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriggerPropsProvider, {
+			value: triggerVariantProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemPropsProvider, {
+				value: itemVariantProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.Root, { ...otherProps })
+			})
+		})
+	});
+};
+var SelectTrigger = react.forwardRef(({ className, ...props }, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_select_trigger.selectTrigger.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_select_trigger.selectTrigger)({
+		...useTriggerProps(),
+		...variantProps
+	});
+	const fieldContext = (0, _seed_design_react_field.useFieldContext)({ strict: false });
+	const mergedProps = (0, _seed_design_dom_utils.mergeProps)(fieldContext ? {
+		"aria-labelledby": fieldContext.inputAriaAttributes["aria-labelledby"],
+		"aria-describedby": fieldContext.inputAriaAttributes["aria-describedby"]
+	} : {}, otherProps);
+	if (process.env.NODE_ENV !== "production" && !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) console.warn("SelectTrigger: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `SelectTrigger` inside a `Field` where a `FieldLabel` is provided.");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriggerClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.Trigger, {
+			ref,
+			className: (0, clsx.default)(classNames.root, className),
+			...mergedProps
+		})
+	});
+});
+SelectTrigger.displayName = "SelectTrigger";
+var SelectValue = withTriggerContext(withStateProps(_seed_design_react_select.Select.Value), "value");
+var SelectPlaceholder = withTriggerContext(withStateProps(_seed_design_react_select.Select.Placeholder), "placeholder");
+var SelectPrefixIcon = react.forwardRef(({ fallback, className, ...otherProps }, ref) => {
+	const { selectedItem, stateProps } = (0, _seed_design_react_select.useSelectContext)();
+	const classNames = useTriggerClassNames();
+	const svg = selectedItem?.icon ?? fallback;
+	if (!svg) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
+		ref,
+		svg,
+		className: (0, clsx.default)(classNames.prefixIcon, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectPrefixIcon.displayName = "SelectPrefixIcon";
+var SelectSuffixIcon = withTriggerContext(withStateProps(require_Icon.InternalIcon), "suffixIcon");
+var SelectPositioner = react.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useContentClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.Positioner, {
+		ref,
+		className: (0, clsx.default)(classNames.positioner, className),
+		...props
+	});
+});
+SelectPositioner.displayName = "SelectPositioner";
+var SelectContent = react.forwardRef(({ className, ...otherProps }, ref) => {
+	const classNames = useContentClassNames();
+	const fieldContext = (0, _seed_design_react_field.useFieldContext)({ strict: false });
+	const mergedProps = (0, _seed_design_dom_utils.mergeProps)(fieldContext ? { "aria-labelledby": fieldContext.inputAriaAttributes["aria-labelledby"] } : {}, otherProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.Content, {
+		ref,
+		className: (0, clsx.default)(classNames.content, className),
+		...mergedProps
+	});
+});
+SelectContent.displayName = "SelectContent";
+var SelectScrollArea = withContentContext(_seed_design_react_primitive.Primitive.div, "scrollArea");
+var SelectGroup = withContentContext(_seed_design_react_select.Select.Group, "group");
+var SelectGroupLabel = withContentContext(_seed_design_react_select.Select.GroupLabel, "groupLabel");
+var SelectItem = react.forwardRef(({ prefixIcon, className, ...props }, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_select_item.selectItem.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_select_item.selectItem)({
+		...useItemProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.Item, {
+			ref,
+			icon: prefixIcon,
+			...otherProps,
+			className: (0, clsx.default)(classNames.root, className)
+		})
+	});
+});
+SelectItem.displayName = "SelectItem";
+var SelectItemPrefixIcon = react.forwardRef(({ svg: svgOverride, className, ...otherProps }, ref) => {
+	const { icon, stateProps } = (0, _seed_design_react_select.useSelectItemContext)();
+	const classNames = useItemClassNames();
+	const svg = svgOverride ?? icon;
+	if (!svg) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
+		ref,
+		svg,
+		className: (0, clsx.default)(classNames.prefixIcon, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectItemPrefixIcon.displayName = "SelectItemPrefixIcon";
+var SelectItemBody = withItemContext(withItemStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var SelectItemLabel = react.forwardRef(({ children, className, ...otherProps }, ref) => {
+	const { label, stateProps } = (0, _seed_design_react_select.useSelectItemContext)();
+	const classNames = useItemClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
+		ref,
+		className: (0, clsx.default)(classNames.label, className),
+		...stateProps,
+		...otherProps,
+		children: children ?? label
+	});
+});
+SelectItemLabel.displayName = "SelectItemLabel";
+var SelectItemDescription = withItemContext(withItemStateProps(_seed_design_react_primitive.Primitive.span), "description");
+var SelectItemIndicator = react.forwardRef(({ selected: selectedSvg, unselected: unselectedSvg, className, ...otherProps }, ref) => {
+	const { isSelected, stateProps } = (0, _seed_design_react_select.useSelectItemContext)();
+	const classNames = useItemClassNames();
+	const svg = isSelected ? selectedSvg : unselectedSvg;
+	if (!svg) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
+		ref,
+		svg,
+		className: (0, clsx.default)(classNames.indicator, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectItemIndicator.displayName = "SelectItemIndicator";
+var SelectHiddenSelect = react.forwardRef((props, ref) => {
+	const fieldContext = (0, _seed_design_react_field.useFieldContext)({ strict: false });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_select.Select.HiddenSelect, {
+		ref,
+		id: fieldContext?.inputProps.id,
+		...props
+	});
+});
+SelectHiddenSelect.displayName = "SelectHiddenSelect";
+//#endregion
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectGroupLabel = SelectGroupLabel;
+exports.SelectHiddenSelect = SelectHiddenSelect;
+exports.SelectItem = SelectItem;
+exports.SelectItemBody = SelectItemBody;
+exports.SelectItemDescription = SelectItemDescription;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectItemLabel = SelectItemLabel;
+exports.SelectItemPrefixIcon = SelectItemPrefixIcon;
+exports.SelectPlaceholder = SelectPlaceholder;
+exports.SelectPositioner = SelectPositioner;
+exports.SelectPrefixIcon = SelectPrefixIcon;
+exports.SelectRoot = SelectRoot;
+exports.SelectScrollArea = SelectScrollArea;
+exports.SelectSuffixIcon = SelectSuffixIcon;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;

package/lib/components/Select/Select.d.ts

@@ -0,0 +1,89 @@
+import { Select as SelectPrimitive } from '@seed-design/react-select';
+import { SelectVariantProps } from '@seed-design/css/recipes/select';
+import { SelectTriggerVariantProps } from '@seed-design/css/recipes/select-trigger';
+import { SelectItemVariantProps } from '@seed-design/css/recipes/select-item';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { InternalIconProps } from '../private/Icon';
+import * as React from "react";
+export interface SelectRootProps extends SelectVariantProps, SelectTriggerVariantProps, SelectItemVariantProps, SelectPrimitive.RootProps {
+}
+export declare const SelectRoot: (props: SelectRootProps) => import("react/jsx-runtime").JSX.Element;
+export interface SelectTriggerProps extends SelectTriggerVariantProps, SelectPrimitive.TriggerProps {
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectValueProps extends SelectPrimitive.ValueProps {
+}
+export declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SelectPlaceholderProps extends SelectPrimitive.PlaceholderProps {
+}
+export declare const SelectPlaceholder: React.ForwardRefExoticComponent<SelectPlaceholderProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SelectPrefixIconProps extends React.SVGAttributes<SVGSVGElement> {
+    /**
+     * The fallback icon shown when the current selection supplies no icon of its
+     * own. While exactly one item is selected, that item's `icon` takes over the
+     * slot; this fallback shows when that item has no icon — and for empty or
+     * multi selections. Named `fallback` (not `svg`) because a selected item's own
+     * icon outranks it, so what you pass here may not be what renders.
+     */
+    fallback?: React.ReactNode;
+}
+export declare const SelectPrefixIcon: React.ForwardRefExoticComponent<SelectPrefixIconProps & React.RefAttributes<SVGSVGElement>>;
+export interface SelectSuffixIconProps extends InternalIconProps {
+}
+export declare const SelectSuffixIcon: React.ForwardRefExoticComponent<SelectSuffixIconProps & React.RefAttributes<SVGSVGElement>>;
+export interface SelectPositionerProps extends SelectPrimitive.PositionerProps {
+}
+export declare const SelectPositioner: React.ForwardRefExoticComponent<SelectPositionerProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectContentProps extends SelectPrimitive.ContentProps {
+}
+export declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectScrollAreaProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const SelectScrollArea: React.ForwardRefExoticComponent<SelectScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectGroupProps extends SelectPrimitive.GroupProps {
+}
+export declare const SelectGroup: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectGroupLabelProps extends SelectPrimitive.GroupLabelProps {
+}
+export declare const SelectGroupLabel: React.ForwardRefExoticComponent<SelectGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps extends SelectItemVariantProps, Omit<SelectPrimitive.ItemProps, "icon"> {
+    /**
+     * The option's prefix icon. Forwarded to the headless item's position-agnostic
+     * `icon`, which registers it for the trigger prefix slot and exposes it to the
+     * styled `ItemPrefixIcon` rendered in the row.
+     */
+    prefixIcon?: React.ReactNode;
+}
+export declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemPrefixIconProps extends React.SVGAttributes<SVGSVGElement> {
+    /**
+     * Overrides the icon to render. Defaults to the item's own `icon` (read
+     * from item context), so the row shows the icon the item registered.
+     */
+    svg?: React.ReactNode;
+}
+export declare const SelectItemPrefixIcon: React.ForwardRefExoticComponent<SelectItemPrefixIconProps & React.RefAttributes<SVGSVGElement>>;
+export interface SelectItemBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const SelectItemBody: React.ForwardRefExoticComponent<SelectItemBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const SelectItemLabel: React.ForwardRefExoticComponent<SelectItemLabelProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SelectItemDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const SelectItemDescription: React.ForwardRefExoticComponent<SelectItemDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SelectItemIndicatorProps extends React.SVGAttributes<SVGSVGElement> {
+    /**
+     * The icon to display when the item is selected.
+     */
+    selected: React.ReactNode;
+    /**
+     * The icon to display when the item is not selected.
+     */
+    unselected?: React.ReactNode;
+}
+export declare const SelectItemIndicator: React.ForwardRefExoticComponent<SelectItemIndicatorProps & React.RefAttributes<SVGSVGElement>>;
+export interface SelectHiddenSelectProps extends SelectPrimitive.HiddenSelectProps {
+}
+export declare const SelectHiddenSelect: React.ForwardRefExoticComponent<SelectHiddenSelectProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

package/lib/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/lib/components/Select/Select.js

@@ -0,0 +1,171 @@
+"use client";
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
+import { InternalIcon } from "../private/Icon.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@seed-design/dom-utils";
+import { useFieldContext } from "@seed-design/react-field";
+import { Select, useSelectContext, useSelectItemContext } from "@seed-design/react-select";
+import { select } from "@seed-design/css/recipes/select";
+import { selectTrigger } from "@seed-design/css/recipes/select-trigger";
+import { selectItem } from "@seed-design/css/recipes/select-item";
+//#region src/components/Select/Select.tsx
+var { ClassNamesProvider: TriggerClassNamesProvider, PropsProvider: TriggerPropsProvider, useProps: useTriggerProps, withContext: withTriggerContext, useClassNames: useTriggerClassNames } = createSlotRecipeContext(selectTrigger);
+var { ClassNamesProvider: ContentClassNamesProvider, withContext: withContentContext, useClassNames: useContentClassNames } = createSlotRecipeContext(select);
+var { ClassNamesProvider: ItemClassNamesProvider, PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, useClassNames: useItemClassNames } = createSlotRecipeContext(selectItem);
+var withStateProps = createWithStateProps([useSelectContext]);
+var withItemStateProps = createWithStateProps([useSelectItemContext]);
+var SelectRoot = (props) => {
+	const [{ select: contentVariantProps, selectTrigger: triggerVariantProps, selectItem: itemVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
+		select,
+		selectTrigger,
+		selectItem
+	});
+	return /* @__PURE__ */ jsx(ContentClassNamesProvider, {
+		value: select(contentVariantProps),
+		children: /* @__PURE__ */ jsx(TriggerPropsProvider, {
+			value: triggerVariantProps,
+			children: /* @__PURE__ */ jsx(ItemPropsProvider, {
+				value: itemVariantProps,
+				children: /* @__PURE__ */ jsx(Select.Root, { ...otherProps })
+			})
+		})
+	});
+};
+var SelectTrigger = React$1.forwardRef(({ className, ...props }, ref) => {
+	const [variantProps, otherProps] = selectTrigger.splitVariantProps(props);
+	const classNames = selectTrigger({
+		...useTriggerProps(),
+		...variantProps
+	});
+	const fieldContext = useFieldContext({ strict: false });
+	const mergedProps = mergeProps(fieldContext ? {
+		"aria-labelledby": fieldContext.inputAriaAttributes["aria-labelledby"],
+		"aria-describedby": fieldContext.inputAriaAttributes["aria-describedby"]
+	} : {}, otherProps);
+	if (process.env.NODE_ENV !== "production" && !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) console.warn("SelectTrigger: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `SelectTrigger` inside a `Field` where a `FieldLabel` is provided.");
+	return /* @__PURE__ */ jsx(TriggerClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(Select.Trigger, {
+			ref,
+			className: clsx$1(classNames.root, className),
+			...mergedProps
+		})
+	});
+});
+SelectTrigger.displayName = "SelectTrigger";
+var SelectValue = withTriggerContext(withStateProps(Select.Value), "value");
+var SelectPlaceholder = withTriggerContext(withStateProps(Select.Placeholder), "placeholder");
+var SelectPrefixIcon = React$1.forwardRef(({ fallback, className, ...otherProps }, ref) => {
+	const { selectedItem, stateProps } = useSelectContext();
+	const classNames = useTriggerClassNames();
+	const svg = selectedItem?.icon ?? fallback;
+	if (!svg) return null;
+	return /* @__PURE__ */ jsx(InternalIcon, {
+		ref,
+		svg,
+		className: clsx$1(classNames.prefixIcon, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectPrefixIcon.displayName = "SelectPrefixIcon";
+var SelectSuffixIcon = withTriggerContext(withStateProps(InternalIcon), "suffixIcon");
+var SelectPositioner = React$1.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useContentClassNames();
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		ref,
+		className: clsx$1(classNames.positioner, className),
+		...props
+	});
+});
+SelectPositioner.displayName = "SelectPositioner";
+var SelectContent = React$1.forwardRef(({ className, ...otherProps }, ref) => {
+	const classNames = useContentClassNames();
+	const fieldContext = useFieldContext({ strict: false });
+	const mergedProps = mergeProps(fieldContext ? { "aria-labelledby": fieldContext.inputAriaAttributes["aria-labelledby"] } : {}, otherProps);
+	return /* @__PURE__ */ jsx(Select.Content, {
+		ref,
+		className: clsx$1(classNames.content, className),
+		...mergedProps
+	});
+});
+SelectContent.displayName = "SelectContent";
+var SelectScrollArea = withContentContext(Primitive.div, "scrollArea");
+var SelectGroup = withContentContext(Select.Group, "group");
+var SelectGroupLabel = withContentContext(Select.GroupLabel, "groupLabel");
+var SelectItem = React$1.forwardRef(({ prefixIcon, className, ...props }, ref) => {
+	const [variantProps, otherProps] = selectItem.splitVariantProps(props);
+	const classNames = selectItem({
+		...useItemProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ jsx(ItemClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(Select.Item, {
+			ref,
+			icon: prefixIcon,
+			...otherProps,
+			className: clsx$1(classNames.root, className)
+		})
+	});
+});
+SelectItem.displayName = "SelectItem";
+var SelectItemPrefixIcon = React$1.forwardRef(({ svg: svgOverride, className, ...otherProps }, ref) => {
+	const { icon, stateProps } = useSelectItemContext();
+	const classNames = useItemClassNames();
+	const svg = svgOverride ?? icon;
+	if (!svg) return null;
+	return /* @__PURE__ */ jsx(InternalIcon, {
+		ref,
+		svg,
+		className: clsx$1(classNames.prefixIcon, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectItemPrefixIcon.displayName = "SelectItemPrefixIcon";
+var SelectItemBody = withItemContext(withItemStateProps(Primitive.div), "body");
+var SelectItemLabel = React$1.forwardRef(({ children, className, ...otherProps }, ref) => {
+	const { label, stateProps } = useSelectItemContext();
+	const classNames = useItemClassNames();
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		ref,
+		className: clsx$1(classNames.label, className),
+		...stateProps,
+		...otherProps,
+		children: children ?? label
+	});
+});
+SelectItemLabel.displayName = "SelectItemLabel";
+var SelectItemDescription = withItemContext(withItemStateProps(Primitive.span), "description");
+var SelectItemIndicator = React$1.forwardRef(({ selected: selectedSvg, unselected: unselectedSvg, className, ...otherProps }, ref) => {
+	const { isSelected, stateProps } = useSelectItemContext();
+	const classNames = useItemClassNames();
+	const svg = isSelected ? selectedSvg : unselectedSvg;
+	if (!svg) return null;
+	return /* @__PURE__ */ jsx(InternalIcon, {
+		ref,
+		svg,
+		className: clsx$1(classNames.indicator, className),
+		...stateProps,
+		...otherProps
+	});
+});
+SelectItemIndicator.displayName = "SelectItemIndicator";
+var SelectHiddenSelect = React$1.forwardRef((props, ref) => {
+	const fieldContext = useFieldContext({ strict: false });
+	return /* @__PURE__ */ jsx(Select.HiddenSelect, {
+		ref,
+		id: fieldContext?.inputProps.id,
+		...props
+	});
+});
+SelectHiddenSelect.displayName = "SelectHiddenSelect";
+//#endregion
+export { SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue };

package/lib/components/Select/Select.namespace.cjs

@@ -0,0 +1,30 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Select = require("./Select.cjs");
+//#region src/components/Select/Select.namespace.ts
+var Select_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Content: () => require_Select.SelectContent,
+	Group: () => require_Select.SelectGroup,
+	GroupLabel: () => require_Select.SelectGroupLabel,
+	HiddenSelect: () => require_Select.SelectHiddenSelect,
+	Item: () => require_Select.SelectItem,
+	ItemBody: () => require_Select.SelectItemBody,
+	ItemDescription: () => require_Select.SelectItemDescription,
+	ItemIndicator: () => require_Select.SelectItemIndicator,
+	ItemLabel: () => require_Select.SelectItemLabel,
+	ItemPrefixIcon: () => require_Select.SelectItemPrefixIcon,
+	Placeholder: () => require_Select.SelectPlaceholder,
+	Positioner: () => require_Select.SelectPositioner,
+	PrefixIcon: () => require_Select.SelectPrefixIcon,
+	Root: () => require_Select.SelectRoot,
+	ScrollArea: () => require_Select.SelectScrollArea,
+	SuffixIcon: () => require_Select.SelectSuffixIcon,
+	Trigger: () => require_Select.SelectTrigger,
+	Value: () => require_Select.SelectValue
+});
+//#endregion
+Object.defineProperty(exports, "Select_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return Select_namespace_exports;
+	}
+});

package/lib/components/Select/Select.namespace.d.ts

@@ -0,0 +1,2 @@
+export { SelectRoot as Root, SelectTrigger as Trigger, SelectValue as Value, SelectPlaceholder as Placeholder, SelectPrefixIcon as PrefixIcon, SelectSuffixIcon as SuffixIcon, SelectPositioner as Positioner, SelectContent as Content, SelectScrollArea as ScrollArea, SelectGroup as Group, SelectGroupLabel as GroupLabel, SelectItem as Item, SelectItemPrefixIcon as ItemPrefixIcon, SelectItemBody as ItemBody, SelectItemLabel as ItemLabel, SelectItemDescription as ItemDescription, SelectItemIndicator as ItemIndicator, SelectHiddenSelect as HiddenSelect, type SelectRootProps as RootProps, type SelectTriggerProps as TriggerProps, type SelectValueProps as ValueProps, type SelectPlaceholderProps as PlaceholderProps, type SelectPrefixIconProps as PrefixIconProps, type SelectSuffixIconProps as SuffixIconProps, type SelectPositionerProps as PositionerProps, type SelectContentProps as ContentProps, type SelectScrollAreaProps as ScrollAreaProps, type SelectGroupProps as GroupProps, type SelectGroupLabelProps as GroupLabelProps, type SelectItemProps as ItemProps, type SelectItemPrefixIconProps as ItemPrefixIconProps, type SelectItemBodyProps as ItemBodyProps, type SelectItemLabelProps as ItemLabelProps, type SelectItemDescriptionProps as ItemDescriptionProps, type SelectItemIndicatorProps as ItemIndicatorProps, type SelectHiddenSelectProps as HiddenSelectProps, } from './Select';
+//# sourceMappingURL=Select.namespace.d.ts.map

package/lib/components/Select/Select.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,WAAW,IAAI,KAAK,EACpB,iBAAiB,IAAI,WAAW,EAChC,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,aAAa,IAAI,OAAO,EACxB,gBAAgB,IAAI,UAAU,EAC9B,WAAW,IAAI,KAAK,EACpB,gBAAgB,IAAI,UAAU,EAC9B,UAAU,IAAI,IAAI,EAClB,oBAAoB,IAAI,cAAc,EACtC,cAAc,IAAI,QAAQ,EAC1B,eAAe,IAAI,SAAS,EAC5B,qBAAqB,IAAI,eAAe,EACxC,mBAAmB,IAAI,aAAa,EACpC,kBAAkB,IAAI,YAAY,EAClC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,yBAAyB,IAAI,mBAAmB,EACrD,KAAK,mBAAmB,IAAI,aAAa,EACzC,KAAK,oBAAoB,IAAI,cAAc,EAC3C,KAAK,0BAA0B,IAAI,oBAAoB,EACvD,KAAK,wBAAwB,IAAI,kBAAkB,EACnD,KAAK,uBAAuB,IAAI,iBAAiB,GAClD,MAAM,UAAU,CAAC"}

package/lib/components/Select/Select.namespace.js

@@ -0,0 +1,25 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue } from "./Select.js";
+//#region src/components/Select/Select.namespace.ts
+var Select_namespace_exports = /* @__PURE__ */ __exportAll({
+	Content: () => SelectContent,
+	Group: () => SelectGroup,
+	GroupLabel: () => SelectGroupLabel,
+	HiddenSelect: () => SelectHiddenSelect,
+	Item: () => SelectItem,
+	ItemBody: () => SelectItemBody,
+	ItemDescription: () => SelectItemDescription,
+	ItemIndicator: () => SelectItemIndicator,
+	ItemLabel: () => SelectItemLabel,
+	ItemPrefixIcon: () => SelectItemPrefixIcon,
+	Placeholder: () => SelectPlaceholder,
+	Positioner: () => SelectPositioner,
+	PrefixIcon: () => SelectPrefixIcon,
+	Root: () => SelectRoot,
+	ScrollArea: () => SelectScrollArea,
+	SuffixIcon: () => SelectSuffixIcon,
+	Trigger: () => SelectTrigger,
+	Value: () => SelectValue
+});
+//#endregion
+export { Select_namespace_exports };

package/lib/components/Select/Select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Select.test.d.ts.map

package/lib/components/Select/Select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.test.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.test.tsx"],"names":[],"mappings":""}

package/lib/components/Select/index.cjs

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Select = require("./Select.cjs");
+const require_Select_namespace = require("./Select.namespace.cjs");
+Object.defineProperty(exports, "Select", {
+	enumerable: true,
+	get: function() {
+		return require_Select_namespace.Select_namespace_exports;
+	}
+});
+exports.SelectContent = require_Select.SelectContent;
+exports.SelectGroup = require_Select.SelectGroup;
+exports.SelectGroupLabel = require_Select.SelectGroupLabel;
+exports.SelectHiddenSelect = require_Select.SelectHiddenSelect;
+exports.SelectItem = require_Select.SelectItem;
+exports.SelectItemBody = require_Select.SelectItemBody;
+exports.SelectItemDescription = require_Select.SelectItemDescription;
+exports.SelectItemIndicator = require_Select.SelectItemIndicator;
+exports.SelectItemLabel = require_Select.SelectItemLabel;
+exports.SelectItemPrefixIcon = require_Select.SelectItemPrefixIcon;
+exports.SelectPlaceholder = require_Select.SelectPlaceholder;
+exports.SelectPositioner = require_Select.SelectPositioner;
+exports.SelectPrefixIcon = require_Select.SelectPrefixIcon;
+exports.SelectRoot = require_Select.SelectRoot;
+exports.SelectScrollArea = require_Select.SelectScrollArea;
+exports.SelectSuffixIcon = require_Select.SelectSuffixIcon;
+exports.SelectTrigger = require_Select.SelectTrigger;
+exports.SelectValue = require_Select.SelectValue;

package/lib/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectRoot, SelectTrigger, SelectValue, SelectPlaceholder, SelectPrefixIcon, SelectSuffixIcon, SelectPositioner, SelectContent, SelectScrollArea, SelectGroup, SelectGroupLabel, SelectItem, SelectItemPrefixIcon, SelectItemBody, SelectItemLabel, SelectItemDescription, SelectItemIndicator, SelectHiddenSelect, type SelectRootProps, type SelectTriggerProps, type SelectValueProps, type SelectPlaceholderProps, type SelectPrefixIconProps, type SelectSuffixIconProps, type SelectPositionerProps, type SelectContentProps, type SelectScrollAreaProps, type SelectGroupProps, type SelectGroupLabelProps, type SelectItemProps, type SelectItemPrefixIconProps, type SelectItemBodyProps, type SelectItemLabelProps, type SelectItemDescriptionProps, type SelectItemIndicatorProps, type SelectHiddenSelectProps, } from './Select';
+export * as Select from './Select.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/Select/index.js

@@ -0,0 +1,3 @@
+import { SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue } from "./Select.js";
+import { Select_namespace_exports } from "./Select.namespace.js";
+export { Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue };