@divayth/brick-ui 0.2.3 → 0.3.0

package/dist/ui/Select/Select.d.ts

@@ -1,5 +1,4 @@
-import type { SelectProps, SelectBaseProps, SelectValue } from "./Select.types.js";
-export type { SelectOption, SelectProps, SelectValue, SelectControlProps } from "./Select.types.js";
-export declare const SelectBase: <T extends SelectValue, Multiple extends boolean = false>({ value, onChange, renderValue, onSearchChange, filterOptions, isLoading, multiple, searchable, options, label, disabled, placeholder, searchPlaceholder, error, withArrow, clearable, className, size, variant, }: SelectBaseProps<T, Multiple>) => import("react").JSX.Element;
-export declare const Select: <T extends SelectValue, Multiple extends boolean = false>(props: SelectProps<T, Multiple>) => import("react").JSX.Element;
+import type { SelectProps, SelectValue } from "./Select.types.js";
+export type { SelectProps, SelectValue } from "./Select.types.js";
+export declare const Select: <T extends SelectValue>(props: SelectProps<T>) => import("react").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

package/dist/ui/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,WAAW,EACX,eAAe,EACf,WAAW,EAEZ,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAOpG,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,OAAO,GAAG,KAAK,EAChC,oNAoBC,eAAe,CAAC,CAAC,EAAE,QAAQ,CAAC,gCAwI9B,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,OAAO,GAAG,KAAK,EAC5E,OAAO,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,gCAC6B,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAAE,OAAO,WAAW,CAAC,CAAC,CAAC,gCAElE,CAAC"}

package/dist/ui/Select/Select.js

@@ -1,145 +1,7 @@
 "use client";
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import { useId as G, useRef as H, useState as F } from "react";
-import { clsx as P } from "clsx";
-import { ChevronDown as J, X as K } from "lucide-react";
-import { useProvider as M } from "../../app/Provider.js";
-import { SelectSearch as Q } from "./SelectSearch.js";
-import { SelectOptions as U } from "./SelectOptions.js";
-import { Field as p } from "../Field/Field.js";
-import { Flex as W } from "../Flex/Flex.js";
-import { IconButton as Y } from "../IconButton/IconButton.js";
-import { Popover as N } from "../Popover/Popover.js";
-import t from "./Select.module.css.js";
-const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, re = ({
-  value: s,
-  onChange: k,
-  renderValue: B,
-  onSearchChange: b,
-  filterOptions: L = !1,
-  isLoading: Z = !1,
-  multiple: l,
-  searchable: g = !1,
-  options: R = [],
-  label: f,
-  disabled: a,
-  placeholder: u,
-  searchPlaceholder: _,
-  error: c,
-  withArrow: q = !0,
-  clearable: j = !0,
-  className: D,
-  size: h = "md",
-  variant: T = "filled"
-}) => {
-  const { messages: A } = M(), i = G(), v = H(null), [n, V] = F(!1), [E, O] = F(""), m = Array.isArray(s) ? s : [s], o = R.filter((e) => m.includes(e.value)), $ = o.map(({ label: e, value: y }) => e ?? y).join(", "), x = o.length ? B?.(s) : void 0, S = (e) => k?.(e), d = (e) => {
-    V(e), O(""), b?.("");
-  }, w = {
-    id: i,
-    className: t.trigger,
-    disabled: a,
-    "aria-expanded": n && !a,
-    "aria-controls": `${i}-options`,
-    "aria-invalid": !!c,
-    "aria-describedby": c ? `${i}-error` : void 0
-  }, X = (e) => {
-    if (l) {
-      const y = m.includes(e.value) ? m.filter((C) => C !== e.value) : [...m.filter((C) => C !== void 0), e.value];
-      S(y);
-    } else
-      S(e.value);
-    d(!!l), v.current?.querySelector("input, button")?.focus();
-  };
-  return /* @__PURE__ */ r(N.Root, { open: n && !a, onOpenChange: d, children: /* @__PURE__ */ I(p.Root, { className: D, children: [
-    f && /* @__PURE__ */ r(p.Label, { htmlFor: i, label: f }),
-    /* @__PURE__ */ r(p.Control, { size: h, children: /* @__PURE__ */ r(N.Anchor, { children: /* @__PURE__ */ I(
-      W,
-      {
-        ref: v,
-        gap: "sm",
-        alignItems: "center",
-        justifyContent: "between",
-        className: P(t.select, t[T], {
-          [t.error]: c,
-          [t.disabled]: a
-        }),
-        children: [
-          g ? /* @__PURE__ */ r(
-            Q,
-            {
-              size: h,
-              value: n ? E : $,
-              displayValue: x,
-              placeholder: n ? _ ?? A.search : u,
-              "aria-label": f ?? u,
-              open: n && !a,
-              onClick: () => {
-                n || d(!0);
-              },
-              onChange: (e) => {
-                n || d(!0), O(e.target.value), b?.(e.target.value);
-              },
-              ...w
-            }
-          ) : /* @__PURE__ */ r(N.Trigger, { children: /* @__PURE__ */ I("button", { type: "button", "aria-haspopup": "listbox", ...w, children: [
-            !l && x == null && o[0]?.icon,
-            /* @__PURE__ */ r(
-              "span",
-              {
-                className: P(
-                  t.value,
-                  !o.length && t.placeholder
-                ),
-                children: o.length ? x ?? $ : u
-              }
-            ),
-            q && !(o.length && j) && /* @__PURE__ */ r(
-              J,
-              {
-                size: z[h],
-                className: t.arrow,
-                "aria-hidden": !0
-              }
-            )
-          ] }) }),
-          j && (g || o.length > 0) && /* @__PURE__ */ r(
-            Y,
-            {
-              size: ee[h],
-              color: "secondary",
-              className: o.length ? void 0 : "invisible",
-              disabled: a || !o.length,
-              "aria-hidden": !o.length || void 0,
-              "aria-label": A.clear,
-              onClick: () => {
-                S(l ? [] : void 0), d(!1);
-              },
-              children: /* @__PURE__ */ r(K, {})
-            }
-          ),
-          /* @__PURE__ */ r(
-            U,
-            {
-              id: `${i}-options`,
-              "aria-label": f ?? u,
-              options: R,
-              values: m,
-              search: E,
-              filterOptions: L,
-              isLoading: Z,
-              multiple: l,
-              searchable: g,
-              anchorRef: v,
-              onSelect: X
-            }
-          )
-        ]
-      }
-    ) }) }),
-    c && /* @__PURE__ */ r(p.Error, { id: `${i}-error`, error: c })
-  ] }) });
-}, he = (s) => /* @__PURE__ */ r(re, { ...s, searchable: !1 });
+import { jsx as o } from "react/jsx-runtime";
+import { SelectControl as r } from "./SelectControl.js";
+const c = (e) => /* @__PURE__ */ o(r, { ...e, searchable: !1 });
 export {
-  he as Select,
-  re as SelectBase
+  c as Select
 };

package/dist/ui/Select/Select.module.css.js

@@ -1,27 +1,23 @@
-const e = "_select_cn0kb_2", c = "_disabled_cn0kb_14", _ = "_error_cn0kb_14", o = "_outlined_cn0kb_18", n = "_filled_cn0kb_22", r = "_trigger_cn0kb_31", l = "_value_cn0kb_61", t = "_arrow_cn0kb_69", d = "_placeholder_cn0kb_74", s = "_dropdown_cn0kb_95", a = "_active_cn0kb_131", i = {
+const e = "_select_1h59j_2", _ = "_disabled_1h59j_14", l = "_error_1h59j_14", r = "_outlined_1h59j_18", o = "_filled_1h59j_22", t = "_trigger_1h59j_31", s = "_value_1h59j_54", c = "_arrow_1h59j_62", d = "_placeholder_1h59j_67", a = {
   select: e,
-  disabled: c,
-  error: _,
-  outlined: o,
-  filled: n,
-  trigger: r,
-  value: l,
-  arrow: t,
-  placeholder: d,
-  dropdown: s,
-  active: a
+  disabled: _,
+  error: l,
+  outlined: r,
+  filled: o,
+  trigger: t,
+  value: s,
+  arrow: c,
+  placeholder: d
 };
 export {
-  a as active,
-  t as arrow,
-  i as default,
-  c as disabled,
-  s as dropdown,
-  _ as error,
-  n as filled,
-  o as outlined,
+  c as arrow,
+  a as default,
+  _ as disabled,
+  l as error,
+  o as filled,
+  r as outlined,
   d as placeholder,
   e as select,
-  r as trigger,
-  l as value
+  t as trigger,
+  s as value
 };

package/dist/ui/Select/Select.types.d.ts

@@ -1,20 +1,17 @@
 import type { ReactNode, RefObject } from "react";
 import type { ControlSize } from "../Field/Field.js";
 import type { InputProps } from "../Input/Input.js";
-export interface SelectSearchProps extends Extract<InputProps, {
-    multiline?: false;
-}> {
+export interface SelectSearchProps extends InputProps {
     open: boolean;
     displayValue?: ReactNode;
 }
+export type SelectValue = string | number | boolean | undefined;
 export interface SelectOption<T = SelectValue> {
     value: T;
     label?: string;
     icon?: ReactNode;
 }
-export type SelectValue = string | number | boolean | undefined;
-export type Selection<T, Multiple extends boolean> = Multiple extends true ? T[] : T | undefined;
-export interface SelectControlProps {
+export interface SelectCommonProps<T = SelectValue> {
     size?: ControlSize;
     disabled?: boolean;
     placeholder?: string;
@@ -24,29 +21,37 @@ export interface SelectControlProps {
     clearable?: boolean;
     className?: string;
     variant?: "filled" | "outlined";
-}
-export interface SelectProps<T extends SelectValue = SelectValue, Multiple extends boolean = false> extends SelectControlProps {
     options: readonly SelectOption<T>[];
-    value?: Selection<NoInfer<T>, Multiple>;
-    onChange?: (value: Selection<NoInfer<T>, Multiple>) => void;
-    renderValue?: (value: Selection<NoInfer<T>, Multiple>) => ReactNode;
-    multiple?: Multiple;
     isLoading?: boolean;
 }
-export interface AutocompleteProps<T extends SelectValue = SelectValue, Multiple extends boolean = false> extends SelectProps<T, Multiple> {
+type ClearableSelection<T> = {
+    clearable?: false;
+    onChange?: (value: NoInfer<T>) => void;
+} | {
+    clearable: true;
+    onChange?: (value: NoInfer<T> | undefined) => void;
+};
+type SingleSelection<T> = {
+    multiple?: false;
+    value?: NoInfer<T>;
+    renderValue?: (value: NoInfer<T>) => ReactNode;
+};
+type MultipleSelection<T> = {
+    multiple: true;
+    value?: NoInfer<T>[];
+    renderValue?: (value: NoInfer<T>[]) => ReactNode;
+    onChange?: (value: NoInfer<T>[]) => void;
+};
+type SelectSelection<T> = (SingleSelection<T> & ClearableSelection<T>) | MultipleSelection<T>;
+export type SelectProps<T extends SelectValue = SelectValue> = SelectCommonProps<T> & SelectSelection<T>;
+export type AutocompleteProps<T extends SelectValue = SelectValue> = SelectProps<T> & {
     onSearchChange?: (search: string) => void;
     searchPlaceholder?: string;
     filterOptions?: boolean;
-}
-export interface SelectBaseProps<T extends SelectValue, Multiple extends boolean> extends AutocompleteProps<T, Multiple> {
+};
+export type SelectControlProps<T extends SelectValue> = AutocompleteProps<T> & {
     searchable?: boolean;
-}
-export interface SelectOptionProps<T> {
-    item: SelectOption<T>;
-    checked: boolean;
-    multiple?: boolean;
-    onSelect: (item: SelectOption<T>) => void;
-}
+};
 export interface SelectOptionsProps<T> {
     id: string;
     "aria-label"?: string;
@@ -60,4 +65,11 @@ export interface SelectOptionsProps<T> {
     anchorRef: RefObject<HTMLDivElement | null>;
     onSelect: (item: SelectOption<T>) => void;
 }
+export interface SelectOptionProps<T> {
+    item: SelectOption<T>;
+    checked: boolean;
+    multiple?: boolean;
+    onSelect: (item: SelectOption<T>) => void;
+}
+export {};
 //# sourceMappingURL=Select.types.d.ts.map

package/dist/ui/Select/Select.types.d.ts.map

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

package/dist/ui/Select/SelectControl.d.ts

@@ -0,0 +1,3 @@
+import type { SelectControlProps, SelectValue } from "./Select.types.js";
+export declare const SelectControl: <T extends SelectValue>({ value, onChange, renderValue, onSearchChange, filterOptions, isLoading, multiple, searchable, options, label, disabled, placeholder, searchPlaceholder, error, withArrow, clearable, className, size, variant, }: SelectControlProps<T>) => import("react").JSX.Element;
+//# sourceMappingURL=SelectControl.d.ts.map

package/dist/ui/Select/SelectControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectControl.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,kBAAkB,EAClB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAO3B,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,oNAoBlD,kBAAkB,CAAC,CAAC,CAAC,gCA6IvB,CAAC"}

package/dist/ui/Select/SelectControl.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { useId as G, useRef as H, useState as k } from "react";
+import { clsx as A } from "clsx";
+import { ChevronDown as J, X as K } from "lucide-react";
+import { useProvider as M } from "../../app/Provider.js";
+import { SelectSearch as Q } from "./SelectSearch.js";
+import { SelectOptions as U } from "./SelectOptions.js";
+import { Field as v } from "../Field/Field.js";
+import { Flex as V } from "../Flex/Flex.js";
+import { IconButton as W } from "../IconButton/IconButton.js";
+import { Popover as R } from "../Popover/Popover.js";
+import r from "./Select.module.css.js";
+const Y = { sm: 16, md: 20, lg: 24 }, z = { sm: "xs", md: "sm", lg: "md" }, de = ({
+  value: l,
+  onChange: u,
+  renderValue: j,
+  onSearchChange: E,
+  filterOptions: L = !1,
+  isLoading: Z = !1,
+  multiple: i,
+  searchable: x = !1,
+  options: O = [],
+  label: h,
+  disabled: c,
+  placeholder: p,
+  searchPlaceholder: _,
+  error: f,
+  withArrow: q = !0,
+  clearable: S,
+  className: B,
+  size: g = "md",
+  variant: D = "filled"
+}) => {
+  const { messages: $ } = M(), a = G(), y = H(null), [s, T] = k(!1), [b, w] = k("");
+  let n = [];
+  i ? n = l ?? [] : l !== void 0 && (n = [l]);
+  const t = O.filter((e) => n.includes(e.value)), F = t.map(({ label: e, value: C }) => e ?? C).join(", ");
+  let m;
+  t.length && (i ? m = j?.(l ?? []) : l !== void 0 && (m = j?.(l)));
+  const d = (e) => {
+    T(e), w(""), E?.("");
+  }, P = {
+    id: a,
+    className: r.trigger,
+    disabled: c,
+    "aria-expanded": s && !c,
+    "aria-controls": `${a}-options`,
+    "aria-invalid": !!f,
+    "aria-describedby": f ? `${a}-error` : void 0
+  }, X = (e) => {
+    if (i) {
+      const C = n.includes(e.value) ? n.filter((I) => I !== e.value) : [...n.filter((I) => I !== void 0), e.value];
+      u?.(C);
+    } else
+      u?.(e.value);
+    d(!!i), y.current?.querySelector("input, button")?.focus();
+  };
+  return /* @__PURE__ */ o(R.Root, { open: s && !c, onOpenChange: d, children: /* @__PURE__ */ N(v.Root, { className: B, children: [
+    h && /* @__PURE__ */ o(v.Label, { htmlFor: a, label: h }),
+    /* @__PURE__ */ o(v.Control, { size: g, children: /* @__PURE__ */ o(R.Anchor, { children: /* @__PURE__ */ N(
+      V,
+      {
+        ref: y,
+        gap: "sm",
+        alignItems: "center",
+        justifyContent: "between",
+        className: A(r.select, r[D], {
+          [r.error]: f,
+          [r.disabled]: c
+        }),
+        children: [
+          x ? /* @__PURE__ */ o(
+            Q,
+            {
+              size: g,
+              value: s ? b : F,
+              displayValue: m,
+              placeholder: s ? _ ?? $.search : p,
+              "aria-label": h ?? p,
+              open: s && !c,
+              onClick: () => {
+                s || d(!0);
+              },
+              onChange: (e) => {
+                s || d(!0), w(e.target.value), E?.(e.target.value);
+              },
+              ...P
+            }
+          ) : /* @__PURE__ */ o(R.Trigger, { children: /* @__PURE__ */ N("button", { type: "button", "aria-haspopup": "listbox", ...P, children: [
+            !i && m == null && t[0]?.icon,
+            /* @__PURE__ */ o(
+              "span",
+              {
+                className: A(
+                  r.value,
+                  !t.length && r.placeholder
+                ),
+                children: t.length ? m ?? F : p
+              }
+            ),
+            q && !(t.length && S) && /* @__PURE__ */ o(
+              J,
+              {
+                size: Y[g],
+                className: r.arrow,
+                "aria-hidden": !0
+              }
+            )
+          ] }) }),
+          S && (x || t.length > 0) && /* @__PURE__ */ o(
+            W,
+            {
+              size: z[g],
+              color: "secondary",
+              className: t.length ? void 0 : "invisible",
+              disabled: c || !t.length,
+              "aria-hidden": !t.length || void 0,
+              "aria-label": $.clear,
+              onClick: () => {
+                i ? u?.([]) : S && u?.(void 0), d(!1);
+              },
+              children: /* @__PURE__ */ o(K, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            U,
+            {
+              id: `${a}-options`,
+              "aria-label": h ?? p,
+              options: O,
+              values: n,
+              search: b,
+              filterOptions: L,
+              isLoading: Z,
+              multiple: i,
+              searchable: x,
+              anchorRef: y,
+              onSelect: X
+            }
+          )
+        ]
+      }
+    ) }) }),
+    f && /* @__PURE__ */ o(v.Error, { id: `${a}-error`, error: f })
+  ] }) });
+};
+export {
+  de as SelectControl
+};

package/dist/ui/Select/SelectOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectOption.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGxE,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,wCAKjD,iBAAiB,CAAC,CAAC,CAAC,gCAoBtB,CAAC"}
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectOption.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIxE,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,wCAKjD,iBAAiB,CAAC,CAAC,CAAC,gCAoBtB,CAAC"}

package/dist/ui/Select/SelectOption.js

@@ -1,28 +1,29 @@
 "use client";
-import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import { Checkbox as s } from "../Checkbox/Checkbox.js";
-import { Flex as i } from "../Flex/Flex.js";
-import c from "./Select.module.css.js";
-const x = ({
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+import { Checkbox as i } from "../Checkbox/Checkbox.js";
+import { Flex as p } from "../Flex/Flex.js";
+import c from "clsx";
+import a from "./SelectOption.module.css.js";
+const g = ({
   item: o,
   checked: r,
   multiple: n,
   onSelect: t
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ s(
   n ? "label" : "button",
   {
     role: "option",
     "aria-selected": r,
     type: n ? void 0 : "button",
-    className: r ? c.active : void 0,
+    className: c(a.option, r && a.active),
     onClick: n ? void 0 : () => t(o),
-    children: /* @__PURE__ */ e(i, { alignItems: "center", gap: "sm", children: [
-      n && /* @__PURE__ */ a(s, { checked: r, onChange: () => t(o) }),
+    children: /* @__PURE__ */ e(p, { alignItems: "center", gap: "sm", children: [
+      n && /* @__PURE__ */ s(i, { checked: r, onChange: () => t(o) }),
       o.icon,
       o.label ?? String(o.value ?? "")
     ] })
   }
 );
 export {
-  x as SelectOption
+  g as SelectOption
 };

package/dist/ui/Select/SelectOption.module.css.js

@@ -0,0 +1,9 @@
+const t = "_option_1jot6_2", o = "_active_1jot6_18", c = {
+  option: t,
+  active: o
+};
+export {
+  o as active,
+  c as default,
+  t as option
+};

package/dist/ui/Select/SelectOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptions.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzE,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,4GAWlD,kBAAkB,CAAC,CAAC,CAAC,gCAoDvB,CAAC"}
+{"version":3,"file":"SelectOptions.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzE,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,4GAWlD,kBAAkB,CAAC,CAAC,CAAC,gCA2DvB,CAAC"}

package/dist/ui/Select/SelectOptions.js

@@ -6,7 +6,7 @@ import { Flex as S } from "../Flex/Flex.js";
 import { Popover as C } from "../Popover/Popover.js";
 import { Text as O } from "../Text/Text.js";
 import { SelectOption as h } from "./SelectOption.js";
-import y from "./Select.module.css.js";
+import y from "./SelectOptions.module.css.js";
 const z = ({
   options: c,
   values: r,

package/dist/ui/Select/SelectOptions.module.css.js

@@ -0,0 +1,7 @@
+const o = "_dropdown_3l0fl_2", d = {
+  dropdown: o
+};
+export {
+  d as default,
+  o as dropdown
+};

package/dist/ui/Select/SelectSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,eAAO,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,gCAuB9F,CAAC"}
+{"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,eAAO,MAAM,YAAY,GAAI,iDAM1B,iBAAiB,gCA4BnB,CAAC"}

package/dist/ui/Select/SelectSearch.js

@@ -1,11 +1,17 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { clsx as i } from "clsx";
-import { Flex as m } from "../Flex/Flex.js";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { clsx as c } from "clsx";
+import { Flex as n } from "../Flex/Flex.js";
 import { Input as p } from "../Input/Input.js";
 import o from "./SelectSearch.module.css.js";
-const g = ({ id: e, open: r, displayValue: t, className: n, ...s }) => {
+const g = ({
+  id: e,
+  open: r,
+  displayValue: t,
+  className: m,
+  ...s
+}) => {
   const a = !r && t != null;
-  return /* @__PURE__ */ c(m, { gap: "none", className: o.root, children: [
+  return /* @__PURE__ */ i(n, { gap: "none", className: o.root, children: [
     /* @__PURE__ */ l(
       p,
       {
@@ -16,11 +22,20 @@ const g = ({ id: e, open: r, displayValue: t, className: n, ...s }) => {
         autoComplete: "off",
         "aria-controls": `${e}-options`,
         "aria-autocomplete": "list",
-        className: i(n, a && o.hiddenValue),
+        className: c(o.input, m, a && o.hiddenValue),
         ...s
       }
     ),
-    a && /* @__PURE__ */ l(m, { alignItems: "center", gap: "none", className: o.value, "aria-hidden": "true", children: t })
+    a && /* @__PURE__ */ l(
+      n,
+      {
+        alignItems: "center",
+        gap: "none",
+        className: o.value,
+        "aria-hidden": "true",
+        children: t
+      }
+    )
   ] });
 };
 export {

package/dist/ui/Select/SelectSearch.module.css.js

@@ -1,11 +1,13 @@
-const e = "_root_1l343_1", l = "_hiddenValue_1l343_7", o = "_value_1l343_13", t = {
-  root: e,
-  hiddenValue: l,
-  value: o
+const c = "_root_29ccb_1", t = "_input_29ccb_7", o = "_hiddenValue_29ccb_14", _ = "_value_29ccb_20", e = {
+  root: c,
+  input: t,
+  hiddenValue: o,
+  value: _
 };
 export {
-  t as default,
-  l as hiddenValue,
-  e as root,
-  o as value
+  e as default,
+  o as hiddenValue,
+  t as input,
+  c as root,
+  _ as value
 };