@moduix/react 1.1.0

package/dist/components/select/Select.css

@@ -0,0 +1,351 @@
+@layer ui.components {
+  @keyframes _0a5E3a_select-content-open {
+    from {
+      opacity: var(--select-content-closed-opacity, 0);
+      transform: scale(var(--select-content-closed-scale, var(--scale-popup)));
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes _0a5E3a_select-content-closed {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: var(--select-content-closed-opacity, 0);
+      transform: scale(var(--select-content-closed-scale, var(--scale-popup)));
+    }
+  }
+
+  ._0a5E3a_root {
+    box-sizing: border-box;
+    width: var(--select-width, 14rem);
+    max-width: var(--select-max-width, 100%);
+    gap: var(--select-root-gap, .375rem);
+    min-width: 0;
+    color: var(--select-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  ._0a5E3a_label {
+    color: var(--select-label-color, var(--select-color, var(--color-foreground)));
+    font-size: var(--select-label-font-size, var(--text-sm));
+    font-weight: var(--select-label-font-weight, var(--weight-medium));
+    line-height: var(--select-label-line-height, var(--line-height-text-sm));
+    user-select: none;
+    align-items: center;
+    display: inline-flex;
+
+    &[data-disabled] {
+      opacity: var(--select-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  ._0a5E3a_control {
+    width: 100%;
+    min-width: 0;
+    color: var(--select-color, var(--color-foreground));
+    align-items: center;
+    display: flex;
+    position: relative;
+
+    &[data-disabled] {
+      opacity: var(--select-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  ._0a5E3a_trigger {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    height: var(--select-control-height, var(--size-lg));
+    border: var(--select-border-width, var(--border-width-sm)) solid
+      var(--select-border-color, var(--color-border));
+    border-radius: var(--select-radius, var(--radius-md));
+    padding-inline: var(--select-trigger-padding-x-start, .875rem)
+      calc(var(--select-action-offset-right, .5rem) + var(--select-action-size, 1.5rem) +
+          var(--select-trigger-padding-x-start, .875rem));
+    background-color: var(--select-bg, var(--color-background));
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    outline: var(--select-focus-ring-width, var(--border-width-sm)) solid transparent;
+    outline-offset: calc(var(--select-focus-ring-width, var(--border-width-sm)) * -1);
+    cursor: pointer;
+    user-select: none;
+    transition: background-color var(--select-transition, var(--transition-default)),
+      border-color var(--select-transition, var(--transition-default)),
+      outline-color var(--select-transition, var(--transition-default));
+    justify-content: flex-start;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+
+    &[data-placeholder-shown] {
+      color: var(--select-placeholder-color, var(--color-muted-foreground));
+    }
+
+    &[data-state="open"] {
+      background-color: var(--select-bg-active, var(--color-muted));
+      border-color: var(--select-focus-ring-color, var(--color-ring));
+      outline-color: var(--select-focus-ring-color, var(--color-ring));
+    }
+
+    &[data-disabled], &[disabled] {
+      cursor: default;
+    }
+
+    ._0a5E3a_control[data-focus] & {
+      border-color: var(--select-focus-ring-color, var(--color-ring));
+      outline-color: var(--select-focus-ring-color, var(--color-ring));
+    }
+
+    ._0a5E3a_control[data-invalid] & {
+      border-color: var(--select-invalid-color, var(--color-destructive));
+      outline-color: var(--select-invalid-color, var(--color-destructive));
+    }
+
+    ._0a5E3a_control:not([data-disabled]) & {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--select-bg-hover, var(--color-accent));
+        }
+      }
+    }
+  }
+
+  ._0a5E3a_control:has(._0a5E3a_clearTrigger:not([hidden])) ._0a5E3a_trigger {
+    padding-inline-end: var(--select-trigger-padding-x-end, 4.25rem);
+  }
+
+  ._0a5E3a_valueText {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  ._0a5E3a_indicators {
+    top: 50%;
+    right: var(--select-action-offset-right, .5rem);
+    align-items: center;
+    gap: var(--select-action-gap, .125rem);
+    pointer-events: none;
+    line-height: 0;
+    display: inline-flex;
+    position: absolute;
+    transform: translateY(-50%);
+  }
+
+  ._0a5E3a_indicator, ._0a5E3a_clearTrigger {
+    box-sizing: border-box;
+    width: var(--select-action-size, 1.5rem);
+    height: var(--select-action-size, 1.5rem);
+    border-radius: var(--select-action-radius, var(--radius-sm));
+    background: var(--select-action-bg, transparent);
+    color: var(--select-icon-color, var(--color-muted-foreground));
+    transition: background-color var(--select-transition, var(--transition-default)),
+      color var(--select-transition, var(--transition-default)),
+      opacity var(--select-transition, var(--transition-default));
+    border: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+    display: inline-flex;
+
+    & > svg {
+      width: var(--select-icon-size, 1rem);
+      height: var(--select-icon-size, 1rem);
+      display: block;
+    }
+
+    &[data-disabled], &[disabled] {
+      cursor: default;
+    }
+
+    &[hidden] {
+      display: none;
+    }
+  }
+
+  ._0a5E3a_indicator {
+    pointer-events: none;
+  }
+
+  ._0a5E3a_clearTrigger {
+    cursor: pointer;
+    pointer-events: auto;
+
+    &:not(:is([disabled], [data-disabled])) {
+      @media (hover: hover) {
+        &:hover {
+          background-color: var(--select-action-bg-hover, var(--color-muted));
+          color: var(--select-action-color-hover, var(--color-foreground));
+        }
+      }
+    }
+  }
+
+  ._0a5E3a_positioner {
+    z-index: var(--z-index);
+    outline: 0;
+  }
+
+  ._0a5E3a_content {
+    box-sizing: border-box;
+    z-index: calc(var(--z-popup) + var(--layer-index, 0));
+    min-width: var(--reference-width);
+    max-width: var(--available-width);
+    max-height: min(var(--select-content-max-height, 24rem), var(--available-height));
+    border: var(--select-content-border-width, var(--border-width-sm)) solid
+      var(--select-content-border-color, var(--color-border));
+    border-radius: var(--select-radius, var(--radius-md));
+    padding-block: var(--select-content-padding-y, var(--spacing-1));
+    background-color: var(--select-content-bg, var(--color-popover));
+    box-shadow: var(--select-content-shadow, var(--shadow-lg));
+    color: var(--select-content-color, var(--color-popover-foreground));
+    transform-origin: var(--transform-origin);
+    overscroll-behavior: contain;
+    scroll-padding-block: var(--select-content-padding-y, var(--spacing-1));
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    overflow: auto;
+
+    &[data-state="open"] {
+      animation: _0a5E3a_select-content-open var(--select-transition, var(--transition-default));
+    }
+
+    &[data-state="closed"] {
+      animation: _0a5E3a_select-content-closed var(--select-transition, var(--transition-default));
+      pointer-events: none;
+    }
+  }
+
+  ._0a5E3a_list {
+    overscroll-behavior: contain;
+    min-height: 0;
+    scroll-padding-block: var(--select-content-padding-y, var(--spacing-1));
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    overflow-y: auto;
+  }
+
+  ._0a5E3a_itemGroup {
+    flex-direction: column;
+    display: flex;
+
+    & + & {
+      margin-top: var(--select-item-group-gap, var(--spacing-2));
+    }
+  }
+
+  ._0a5E3a_itemGroupLabel {
+    padding-block: var(--select-item-group-label-padding-y, .375rem);
+    padding-inline: var(--select-item-group-label-padding-x, .625rem);
+    color: var(--select-item-group-label-color, var(--color-muted-foreground));
+    font-size: var(--select-item-group-label-font-size, var(--text-xs));
+    font-weight: var(--select-item-group-label-font-weight, var(--weight-semibold));
+    line-height: var(--select-item-group-label-line-height, var(--line-height-text-xs));
+  }
+
+  ._0a5E3a_item {
+    box-sizing: border-box;
+    width: calc(100% - var(--select-item-inset-x, var(--spacing-2)));
+    min-height: var(--select-item-min-height, 2rem);
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--select-item-gap, var(--spacing-2));
+    margin-inline: calc(var(--select-item-inset-x, var(--spacing-2)) / 2);
+    border: var(--select-item-border-width, 0) solid var(--select-item-border-color, transparent);
+    border-radius: var(--select-item-radius, var(--radius-sm));
+    padding-block: var(--select-item-padding-y, var(--spacing-2));
+    padding-inline: var(--select-item-padding-x, .625rem);
+    background-color: var(--select-item-bg, transparent);
+    color: var(--select-item-color, var(--select-content-color, var(--color-foreground)));
+    font: inherit;
+    font-size: var(--select-item-font-size, var(--text-sm));
+    line-height: var(--select-item-line-height, var(--line-height-text-sm));
+    user-select: none;
+    cursor: default;
+    outline: 0;
+    display: flex;
+    position: relative;
+
+    &[data-highlighted] {
+      background-color: var(--select-highlight-bg, var(--color-accent));
+      color: var(--select-highlight-color, var(--color-accent-foreground));
+    }
+
+    &[data-state="checked"] {
+      color: var(--select-item-checked-color, var(--select-item-color, var(--color-foreground)));
+    }
+
+    &[data-disabled] {
+      pointer-events: none;
+      color: var(--select-item-disabled-color, var(--color-muted-foreground));
+      opacity: var(--select-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  ._0a5E3a_itemText {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  ._0a5E3a_itemIndicator {
+    width: var(--select-item-indicator-size, .875rem);
+    height: var(--select-item-indicator-size, .875rem);
+    color: var(--select-item-indicator-color, currentColor);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+
+    & > svg {
+      width: var(--select-item-indicator-icon-size, .75rem);
+      height: var(--select-item-indicator-icon-size, .75rem);
+    }
+  }
+
+  ._0a5E3a_itemTextContent {
+    align-items: center;
+    gap: var(--select-item-text-content-gap, var(--spacing-2));
+    vertical-align: top;
+    min-width: 0;
+    max-width: 100%;
+    display: inline-flex;
+  }
+
+  ._0a5E3a_itemTextIcon {
+    width: var(--select-item-text-icon-size, 1rem);
+    height: var(--select-item-text-icon-size, 1rem);
+    color: var(--select-item-text-icon-color, currentColor);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  ._0a5E3a_itemTextLabel {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+}

package/dist/components/select/Select.d.ts

@@ -0,0 +1,48 @@
+import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
+import { ComponentProps } from "react";
+import { Select, SelectRootComponent, SelectRootProviderComponent } from "@ark-ui/react/select";
+
+//#region src/components/select/Select.d.ts
+type SelectRootComponent$1 = SelectRootComponent<OverlayPortalProps>;
+type SelectRootProviderComponent$1 = SelectRootProviderComponent<OverlayPortalProps>;
+declare function SelectIndicators({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function SelectItemTextContent({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function SelectItemTextIcon({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function SelectItemTextLabel({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare const Select$1: SelectRootComponent$1 & {
+  Root: SelectRootComponent$1;
+  RootProvider: SelectRootProviderComponent$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Select.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Select.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Select.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  ValueText: import("react").ForwardRefExoticComponent<Omit<Select.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<Select.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Select.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicators: typeof SelectIndicators;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Select.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Select.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Select.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemGroup: import("react").ForwardRefExoticComponent<Omit<Select.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<Select.ItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Select.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemText: import("react").ForwardRefExoticComponent<Omit<Select.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Select.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  HiddenSelect: import("react").ForwardRefExoticComponent<Omit<Select.HiddenSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+  ItemTextContent: typeof SelectItemTextContent;
+  ItemTextIcon: typeof SelectItemTextIcon;
+  ItemTextLabel: typeof SelectItemTextLabel;
+};
+//#endregion
+export { Select$1 as Select };

package/dist/components/select/Select.js

@@ -0,0 +1,210 @@
+import { CheckIcon, ChevronUpDownIcon, CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
+import Select_module_default from "./Select.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Select } from "@ark-ui/react/select";
+//#region src/components/select/Select.tsx
+const SelectRoot = forwardRef(function SelectRoot({ className, portalled, portalRef, ...props }, ref) {
+	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
+		portalled,
+		portalRef,
+		children: /* @__PURE__ */ jsx(Select.Root, {
+			ref,
+			"data-slot": "select-root",
+			className: clsx(Select_module_default.root, normalizeClassName(className)),
+			...props
+		})
+	});
+});
+const SelectRootProvider = forwardRef(function SelectRootProvider({ className, portalled, portalRef, ...props }, ref) {
+	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
+		portalled,
+		portalRef,
+		children: /* @__PURE__ */ jsx(Select.RootProvider, {
+			ref,
+			"data-slot": "select-root-provider",
+			className: clsx(Select_module_default.root, normalizeClassName(className)),
+			...props
+		})
+	});
+});
+const SelectLabel = forwardRef(function SelectLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Label, {
+		ref,
+		"data-slot": "select-label",
+		className: clsx(Select_module_default.label, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectControl = forwardRef(function SelectControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Control, {
+		ref,
+		"data-slot": "select-control",
+		className: clsx(Select_module_default.control, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectTrigger = forwardRef(function SelectTrigger({ asChild, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		ref,
+		"data-slot": "select-trigger",
+		asChild,
+		className: clsx(!asChild && Select_module_default.trigger, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectValueText = forwardRef(function SelectValueText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ValueText, {
+		ref,
+		"data-slot": "select-value-text",
+		className: clsx(Select_module_default.valueText, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectClearTrigger = forwardRef(function SelectClearTrigger({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ClearTrigger, {
+		ref,
+		"data-slot": "select-clear-trigger",
+		className: clsx(Select_module_default.clearTrigger, normalizeClassName(className)),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
+	});
+});
+const SelectIndicator = forwardRef(function SelectIndicator({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Indicator, {
+		ref,
+		"data-slot": "select-indicator",
+		className: clsx(Select_module_default.indicator, normalizeClassName(className)),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, {})
+	});
+});
+function SelectIndicators({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "select-indicators",
+		className: clsx(Select_module_default.indicators, normalizeClassName(className)),
+		...props
+	});
+}
+const SelectPositioner = forwardRef(function SelectPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		ref,
+		"data-slot": "select-positioner",
+		className: clsx(Select_module_default.positioner, normalizeClassName(className)),
+		...props
+	}) });
+});
+const SelectContent = forwardRef(function SelectContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Content, {
+		ref,
+		"data-slot": "select-content",
+		className: clsx(Select_module_default.content, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectList = forwardRef(function SelectList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		ref,
+		"data-slot": "select-list",
+		className: clsx(Select_module_default.list, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectItemGroup = forwardRef(function SelectItemGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemGroup, {
+		ref,
+		"data-slot": "select-item-group",
+		className: clsx(Select_module_default.itemGroup, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectItemGroupLabel = forwardRef(function SelectItemGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemGroupLabel, {
+		ref,
+		"data-slot": "select-item-group-label",
+		className: clsx(Select_module_default.itemGroupLabel, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectItem = forwardRef(function SelectItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		ref,
+		"data-slot": "select-item",
+		className: clsx(Select_module_default.item, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectItemText = forwardRef(function SelectItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		ref,
+		"data-slot": "select-item-text",
+		className: clsx(Select_module_default.itemText, normalizeClassName(className)),
+		...props
+	});
+});
+const SelectItemIndicator = forwardRef(function SelectItemIndicator({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		ref,
+		"data-slot": "select-item-indicator",
+		className: clsx(Select_module_default.itemIndicator, normalizeClassName(className)),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
+	});
+});
+const SelectHiddenSelect = forwardRef(function SelectHiddenSelect({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.HiddenSelect, {
+		ref,
+		"data-slot": "select-hidden-select",
+		className: normalizeClassName(className),
+		...props
+	});
+});
+function SelectItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-content",
+		className: clsx(Select_module_default.itemTextContent, normalizeClassName(className)),
+		...props
+	});
+}
+function SelectItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-icon",
+		className: clsx(Select_module_default.itemTextIcon, normalizeClassName(className)),
+		...props
+	});
+}
+function SelectItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-label",
+		className: clsx(Select_module_default.itemTextLabel, normalizeClassName(className)),
+		...props
+	});
+}
+const Select$1 = Object.assign(SelectRoot, {
+	Root: SelectRoot,
+	RootProvider: SelectRootProvider,
+	Label: SelectLabel,
+	Control: SelectControl,
+	Trigger: SelectTrigger,
+	ValueText: SelectValueText,
+	ClearTrigger: SelectClearTrigger,
+	Indicator: SelectIndicator,
+	Indicators: SelectIndicators,
+	Positioner: SelectPositioner,
+	Content: SelectContent,
+	List: SelectList,
+	ItemGroup: SelectItemGroup,
+	ItemGroupLabel: SelectItemGroupLabel,
+	Item: SelectItem,
+	ItemText: SelectItemText,
+	ItemIndicator: SelectItemIndicator,
+	HiddenSelect: SelectHiddenSelect,
+	ItemTextContent: SelectItemTextContent,
+	ItemTextIcon: SelectItemTextIcon,
+	ItemTextLabel: SelectItemTextLabel
+});
+//#endregion
+export { Select$1 as Select };

package/dist/components/select/Select.module.js

@@ -0,0 +1,27 @@
+import './Select.css';
+//#region src/components/select/Select.module.css
+var Select_module_default = {
+	"clearTrigger": "_0a5E3a_clearTrigger",
+	"content": "_0a5E3a_content",
+	"control": "_0a5E3a_control",
+	"indicator": "_0a5E3a_indicator",
+	"indicators": "_0a5E3a_indicators",
+	"item": "_0a5E3a_item",
+	"itemGroup": "_0a5E3a_itemGroup",
+	"itemGroupLabel": "_0a5E3a_itemGroupLabel",
+	"itemIndicator": "_0a5E3a_itemIndicator",
+	"itemText": "_0a5E3a_itemText",
+	"itemTextContent": "_0a5E3a_itemTextContent",
+	"itemTextIcon": "_0a5E3a_itemTextIcon",
+	"itemTextLabel": "_0a5E3a_itemTextLabel",
+	"label": "_0a5E3a_label",
+	"list": "_0a5E3a_list",
+	"positioner": "_0a5E3a_positioner",
+	"root": "_0a5E3a_root",
+	"select-content-closed": "_0a5E3a_select-content-closed",
+	"select-content-open": "_0a5E3a_select-content-open",
+	"trigger": "_0a5E3a_trigger",
+	"valueText": "_0a5E3a_valueText"
+};
+//#endregion
+export { Select_module_default as default };

package/dist/components/select/index.d.ts

@@ -0,0 +1,2 @@
+import { Select } from "./Select.js";
+export { Select };

package/dist/components/separator/Separator.css

@@ -0,0 +1,45 @@
+@layer ui.components {
+  .cDoSda_root {
+    border: 0;
+    border-color: var(--separator-color, var(--color-border));
+    border-style: var(--separator-border-style, var(--separator-variant-border-style, solid));
+    flex-shrink: 0;
+    display: block;
+
+    &[data-size="xs"] {
+      --separator-size-thickness: .5px;
+    }
+
+    &[data-size="sm"] {
+      --separator-size-thickness: 1px;
+    }
+
+    &[data-size="md"] {
+      --separator-size-thickness: 2px;
+    }
+
+    &[data-size="lg"] {
+      --separator-size-thickness: 3px;
+    }
+
+    &[data-variant="dashed"] {
+      --separator-variant-border-style: dashed;
+    }
+
+    &[data-variant="dotted"] {
+      --separator-variant-border-style: dotted;
+    }
+
+    &[data-orientation="horizontal"] {
+      width: var(--separator-length-horizontal, 100%);
+      border-block-start-width: var(--separator-thickness, var(--separator-size-thickness, 1px));
+      height: 0;
+    }
+
+    &[data-orientation="vertical"] {
+      width: 0;
+      height: var(--separator-length-vertical, 1em);
+      border-inline-start-width: var(--separator-thickness, var(--separator-size-thickness, 1px));
+    }
+  }
+}