asheeui 0.6.14 → 0.7.0

package/dist/components/multi-select/MultiSelect.js

@@ -1,284 +1,150 @@
 "use client";
-import { jsx as l, jsxs as S, Fragment as Re } from "react/jsx-runtime";
-import { useClick as Ue, useDismiss as je, useRole as Ve, useInteractions as $e } from "@floating-ui/react";
-import { forwardRef as Be, useId as Ge, useState as B, useMemo as A, useCallback as z } from "react";
-import { ChevronDownIcon as He } from "../../icons/ChevronDownIcon.js";
-import { CloseIcon as Qe } from "../../icons/CloseIcon.js";
-import { useAsheeConfig as he } from "../../libs/context.js";
-import { resolveCascade as m, resolveRadiusKey as G, resolveClassKey as N } from "../../utils/resolve-token.js";
-import { Button as We } from "../button/Button.js";
-import { Chip as qe } from "../chip/Chip.js";
-import { FieldShell as Je } from "../field/FieldShell.js";
-import { SelectMenu as Xe } from "../select-menu/SelectMenu.js";
-import { FALLBACK_MULTI_SELECT_CONFIG as s } from "./multi-select-config.js";
-import { MULTI_SELECT_HEIGHT_CLASS as Ye, MULTI_SELECT_PADDING_CLASS as Ze, MULTI_SELECT_FONT_CLASS as Ce, STATUS_BORDER_CLASS as er } from "./multi-select-styles.js";
-import { RADIUS_CLASS as rr } from "../../shared/radius.js";
-import { useSelectFloating as sr } from "../select-menu/use-select-floating.js";
-import { cn as v } from "../../utils/cn.js";
-const tr = Be(
-  ({
-    options: _ = [],
-    value: n,
-    onChange: u,
-    InputLabel: T = "Select Options...",
-    isSearch: H = !0,
-    searchPlaceholder: Q = "Search...",
-    searchInputName: h = "multiselect-search",
-    belowList: W,
-    chipOptions: L,
-    handleRemoveChip: i,
-    handleAddChip: f,
-    chipLabel: E,
-    disableChipDisplay: q = !1,
-    variant: J,
-    color: X,
-    size: Y,
-    radius: Z,
-    status: C,
-    label: ee,
-    labelAlign: re,
-    description: w,
-    message: k,
-    required: se,
-    isLoading: M,
-    disabled: c,
-    containerClassName: te,
-    id: le,
-    className: oe,
-    menu: ae,
-    chip: a,
-    style: ne,
-    startContent: ie,
-    endContent: ce
-  }, x) => {
-    var R, U, j, V;
-    const p = he(), e = (R = p.components) == null ? void 0 : R.multiSelect, ue = Ge(), y = le ?? ue, [b, de] = B(!1), [me, fe] = B(""), g = m(
-      Y,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), Se = m(
-      J,
-      e == null ? void 0 : e.variant,
-      p.defaultVariant,
-      s.variant
-    ), D = m(
-      X,
-      e == null ? void 0 : e.color,
-      p.defaultColor,
-      s.color
-    ), F = G(
-      Z,
-      e == null ? void 0 : e.radius,
-      p.defaultRadius,
-      s.radius
-    ), ve = m(
-      a == null ? void 0 : a.color,
-      (U = e == null ? void 0 : e.chip) == null ? void 0 : U.color,
-      D,
-      s.chip.color
-    ), xe = m(
-      a == null ? void 0 : a.size,
-      (j = e == null ? void 0 : e.chip) == null ? void 0 : j.size,
-      void 0,
-      s.chip.size
-    ), pe = G(
-      a == null ? void 0 : a.radius,
-      (V = e == null ? void 0 : e.chip) == null ? void 0 : V.radius,
-      F,
-      s.chip.radius
-    ), d = C ?? s.status, ye = d === "error" ? "danger" : d === "success" ? "success" : d === "warning" ? "warning" : D, be = m(
-      re,
-      e == null ? void 0 : e.labelAlign,
-      void 0,
-      s.labelAlign
-    ), ge = N(
-      g,
-      Ye,
-      s.size
-    ), Ie = N(
-      g,
-      Ze,
-      s.size
-    ), Ne = N(
-      g,
-      Ce,
-      s.size
-    ), _e = N(
-      pe,
-      rr,
-      s.chip.radius
-    ), { refs: K, context: I, isPositioned: Le, floatingStyles: we } = sr({
-      isOpen: b,
-      onOpenChange: de,
-      disabled: c
-    }), Ae = Ue(I, { enabled: !c }), ze = je(I), Te = Ve(I, { role: "listbox" }), { getReferenceProps: Ee, getFloatingProps: ke } = $e([
-      Ae,
-      ze,
-      Te
-    ]), o = A(() => L !== void 0 ? L : Array.isArray(n) ? _.filter((r) => n.includes(r.value)) : [], [L, n, _]), O = z(
-      (r) => o.some((t) => t.value === r),
-      [o]
-    ), Me = z(
-      (r) => {
-        const t = O(r.value);
-        if (f || i)
-          t ? i == null || i(r.value) : f == null || f(r);
-        else if (u) {
-          const $ = n ?? [], Oe = t ? $.filter((Pe) => Pe !== r.value) : [...$, r.value];
-          u(Oe);
-        }
-      },
-      [O, f, i, u, n]
-    ), P = z(
-      (r) => {
-        i ? i(r) : u && Array.isArray(n) && u(n.filter((t) => t !== r));
-      },
-      [i, u, n]
-    ), De = A(
-      () => o.map((r) => r.value),
-      [o]
-    ), Fe = A(() => o.length > 0 ? `${o.length} selected` : T, [o.length, T]), Ke = Ee();
-    return /* @__PURE__ */ l(
-      Je,
-      {
-        id: y,
-        label: ee,
-        labelAlign: be,
-        description: w,
-        descriptionId: w ? `${y}-description` : void 0,
-        message: k,
-        messageId: k ? `${y}-message` : void 0,
-        status: d,
-        required: se,
-        isLoading: M,
-        children: /* @__PURE__ */ S(
-          "div",
-          {
-            className: v("w-full flex flex-col gap-3", te),
-            style: ne,
-            children: [
-              /* @__PURE__ */ S("div", { className: "relative w-full", children: [
-                /* @__PURE__ */ l(
-                  We,
-                  {
-                    ref: (r) => {
-                      K.setReference(r), typeof x == "function" ? x(r) : x && (x.current = r);
-                    },
-                    type: "button",
-                    variant: Se,
-                    color: ye,
-                    size: g,
-                    radius: F,
-                    isDisabled: c,
-                    isLoading: M,
-                    fullWidth: !0,
-                    animate: !1,
-                    "aria-expanded": b,
-                    "aria-haspopup": "listbox",
-                    "aria-invalid": d === "error",
-                    "aria-describedby": [w ? `${y}-description` : void 0].filter(Boolean).join(" ") || void 0,
-                    className: v(
-                      "font-normal text-left justify-between",
-                      er[d],
-                      ge,
-                      Ie,
-                      Ne,
-                      oe
-                    ),
-                    startContent: ie,
-                    endContent: /* @__PURE__ */ S(Re, { children: [
-                      ce,
-                      /* @__PURE__ */ l(
-                        He,
-                        {
-                          className: v(
-                            "shrink-0 text-foreground/70 transition-transform duration-200",
-                            b && "rotate-180"
-                          )
-                        }
-                      )
-                    ] }),
-                    ...Ke,
-                    children: /* @__PURE__ */ l(
-                      "span",
-                      {
-                        className: v(
-                          "truncate",
-                          o.length > 0 ? "text-foreground" : "text-foreground/70"
-                        ),
-                        children: Fe
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ l(
-                  Xe,
-                  {
-                    isOpen: b,
-                    floatingStyles: we,
-                    context: I,
-                    getFloatingProps: ke,
-                    setFloatingRef: K.setFloating,
-                    isPositioned: Le,
-                    options: _,
-                    selectedValues: De,
-                    onSelectMenuOption: Me,
-                    isSearch: H,
-                    searchPlaceholder: Q,
-                    searchInputName: h,
-                    searchQuery: me,
-                    onSearchChange: fe,
-                    belowList: W,
-                    menuProps: ae,
-                    menuConfig: e == null ? void 0 : e.menu
-                  }
-                )
-              ] }),
-              !q && /* @__PURE__ */ S("div", { className: "flex flex-col gap-1.5", children: [
-                E && /* @__PURE__ */ l("span", { className: "text-xs font-medium text-foreground/70", children: E }),
-                /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1.5 p-2 min-h-12 bg-secondary/20 border border-dashed border-border rounded-lg items-center", children: o.length === 0 ? /* @__PURE__ */ l("span", { className: "text-xs text-foreground/70 px-2 py-1", children: "No selections made" }) : o.map((r) => /* @__PURE__ */ S(
-                  qe,
-                  {
-                    variant: "bordered",
-                    color: ve,
-                    size: xe,
-                    isDisabled: c,
-                    className: v(
-                      "inline-flex items-center gap-1.5 font-medium shadow-xs",
-                      _e
-                    ),
-                    children: [
-                      /* @__PURE__ */ l("span", { children: r.label }),
-                      /* @__PURE__ */ l(
-                        "button",
-                        {
-                          type: "button",
-                          tabIndex: c ? -1 : 0,
-                          onClick: (t) => {
-                            t.stopPropagation(), c || P(r.value);
-                          },
-                          onKeyDown: (t) => {
-                            (t.key === "Enter" || t.key === " ") && !c && (t.stopPropagation(), P(r.value));
-                          },
-                          "aria-label": `Remove ${r.label}`,
-                          className: "inline-flex items-center justify-center h-3.5 w-3.5 rounded-full hover:bg-black/20 dark:hover:bg-white/20 transition-colors cursor-pointer shrink-0",
-                          children: /* @__PURE__ */ l(Qe, { className: "w-3 h-3" })
-                        }
-                      )
-                    ]
-                  },
-                  String(r.value)
-                )) })
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-tr.displayName = "MultiSelect";
-export {
-  tr as MultiSelect
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { ChevronDownIcon as n } from "../../icons/ChevronDownIcon.js";
+import { RADIUS_CLASS as ee } from "../../shared/radius.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { FieldShell as te } from "../field/FieldShell.js";
+import { Button as ne } from "../button/Button.js";
+import { SelectMenu as o } from "../select-menu/SelectMenu.js";
+import { useSelectFloating as s } from "../select-menu/use-select-floating.js";
+import { CloseIcon as re } from "../../icons/CloseIcon.js";
+import { Chip as ie } from "../chip/Chip.js";
+import { FALLBACK_MULTI_SELECT_CONFIG as c } from "./multi-select-config.js";
+import { MULTI_SELECT_FONT_CLASS as ae, MULTI_SELECT_HEIGHT_CLASS as oe, MULTI_SELECT_PADDING_CLASS as se, STATUS_BORDER_CLASS as ce } from "./multi-select-styles.js";
+import { forwardRef as l, useCallback as u, useId as d, useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useClick as le, useDismiss as ue, useInteractions as de, useRole as fe } from "@floating-ui/react";
+//#region src/components/multi-select/MultiSelect.tsx
+var _ = l(({ options: l = [], value: _, onChange: v, InputLabel: y = "Select Options...", isSearch: pe = !0, searchPlaceholder: me = "Search...", searchInputName: he = "multiselect-search", belowList: ge, chipOptions: b, handleRemoveChip: x, handleAddChip: S, chipLabel: C, disableChipDisplay: w = !1, variant: T, color: E, size: D, radius: O, status: k, label: A, labelAlign: j, description: M, message: N, required: P, isLoading: F, disabled: I, containerClassName: L, id: _e, className: ve, menu: ye, chip: R, style: be, startContent: xe, endContent: Se }, z) => {
+	let B = t(), V = B.components?.multiSelect, Ce = d(), H = _e ?? Ce, [U, we] = p(!1), [Te, Ee] = p(""), W = r(D, V?.size, void 0, c.size), De = r(T, V?.variant, B.defaultVariant, c.variant), G = r(E, V?.color, B.defaultColor, c.color), K = a(O, V?.radius, B.defaultRadius, c.radius), Oe = R?.className, ke = r(R?.color, V?.chip?.color, G, c.chip.color), Ae = r(R?.size, V?.chip?.size, void 0, c.chip.size), je = a(R?.radius, V?.chip?.radius, K, c.chip.radius), q = k ?? c.status, Me = q === "error" ? "danger" : q === "success" ? "success" : q === "warning" ? "warning" : G, Ne = r(j, V?.labelAlign, void 0, c.labelAlign), Pe = i(W, oe, c.size), Fe = i(W, se, c.size), Ie = i(W, ae, c.size), Le = i(je, ee, c.chip.radius), { refs: J, context: Y, isPositioned: X, floatingStyles: Re } = s({
+		isOpen: U,
+		onOpenChange: we,
+		disabled: I
+	}), ze = le(Y, { enabled: !I }), Be = ue(Y), Ve = fe(Y, { role: "listbox" }), { getReferenceProps: He, getFloatingProps: Ue } = de([
+		ze,
+		Be,
+		Ve
+	]), Z = f(() => b === void 0 ? Array.isArray(_) ? l.filter((e) => _.includes(e.value)) : [] : b, [
+		b,
+		_,
+		l
+	]), Q = u((e) => Z.some((t) => t.value === e), [Z]), We = u((e) => {
+		let t = Q(e.value);
+		if (S || x) t ? x?.(e.value) : S?.(e);
+		else if (v) {
+			let n = _ ?? [];
+			v(t ? n.filter((t) => t !== e.value) : [...n, e.value]);
+		}
+	}, [
+		Q,
+		S,
+		x,
+		v,
+		_
+	]), $ = u((e) => {
+		x ? x(e) : v && Array.isArray(_) && v(_.filter((t) => t !== e));
+	}, [
+		x,
+		v,
+		_
+	]), Ge = f(() => Z.map((e) => e.value), [Z]), Ke = f(() => Z.length > 0 ? `${Z.length} selected` : y, [Z.length, y]), qe = He();
+	return /* @__PURE__ */ h(te, {
+		id: H,
+		label: A,
+		labelAlign: Ne,
+		description: M,
+		descriptionId: M ? `${H}-description` : void 0,
+		message: N,
+		messageId: N ? `${H}-message` : void 0,
+		status: q,
+		required: P,
+		isLoading: F,
+		children: /* @__PURE__ */ g("div", {
+			className: e("w-full flex flex-col gap-3", L),
+			style: be,
+			children: [/* @__PURE__ */ g("div", {
+				className: "relative w-full",
+				children: [/* @__PURE__ */ h(ne, {
+					ref: (e) => {
+						J.setReference(e), typeof z == "function" ? z(e) : z && (z.current = e);
+					},
+					type: "button",
+					variant: De,
+					color: Me,
+					size: W,
+					radius: K,
+					isDisabled: I,
+					isLoading: F,
+					fullWidth: !0,
+					animate: !1,
+					"aria-expanded": U,
+					"aria-haspopup": "listbox",
+					"aria-invalid": q === "error",
+					"aria-describedby": [M ? `${H}-description` : void 0].filter(Boolean).join(" ") || void 0,
+					className: e("font-normal text-left justify-between", ce[q], Pe, Fe, Ie, ve),
+					startContent: xe,
+					endContent: /* @__PURE__ */ g(m, { children: [Se, /* @__PURE__ */ h(n, { className: e("shrink-0 text-foreground/70 transition-transform duration-200", U && "rotate-180") })] }),
+					...qe,
+					children: /* @__PURE__ */ h("span", {
+						className: e("truncate", Z.length > 0 ? "text-foreground" : "text-foreground/70"),
+						children: Ke
+					})
+				}), /* @__PURE__ */ h(o, {
+					isOpen: U,
+					floatingStyles: Re,
+					context: Y,
+					getFloatingProps: Ue,
+					setFloatingRef: J.setFloating,
+					isPositioned: X,
+					options: l,
+					selectedValues: Ge,
+					onSelectMenuOption: We,
+					isSearch: pe,
+					searchPlaceholder: me,
+					searchInputName: he,
+					searchQuery: Te,
+					onSearchChange: Ee,
+					belowList: ge,
+					menuProps: ye,
+					menuConfig: V?.menu
+				})]
+			}), !w && /* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-1.5",
+				children: [C && /* @__PURE__ */ h("span", {
+					className: "text-xs font-medium text-foreground/70",
+					children: C
+				}), /* @__PURE__ */ h("div", {
+					className: "flex flex-wrap gap-1.5 p-2 min-h-12 bg-secondary/20 border border-dashed border-border rounded-lg items-center",
+					children: Z.length === 0 ? /* @__PURE__ */ h("span", {
+						className: "text-xs text-foreground/70 px-2 py-1",
+						children: "No selections made"
+					}) : Z.map((t) => /* @__PURE__ */ g(ie, {
+						variant: "bordered",
+						color: ke,
+						size: Ae,
+						isDisabled: I,
+						className: e("inline-flex items-center gap-1.5 font-medium shadow-xs", Le, Oe),
+						children: [/* @__PURE__ */ h("span", { children: t.label }), /* @__PURE__ */ h("button", {
+							type: "button",
+							tabIndex: I ? -1 : 0,
+							onClick: (e) => {
+								e.stopPropagation(), I || $(t.value);
+							},
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && !I && (e.stopPropagation(), $(t.value));
+							},
+							"aria-label": `Remove ${t.label}`,
+							className: "inline-flex items-center justify-center h-3.5 w-3.5 rounded-full hover:bg-black/20 dark:hover:bg-white/20 transition-colors cursor-pointer shrink-0",
+							children: /* @__PURE__ */ h(re, { className: "w-3 h-3" })
+						})]
+					}, String(t.value)))
+				})]
+			})]
+		})
+	});
+});
+_.displayName = "MultiSelect";
+//#endregion
+export { _ as MultiSelect };

package/dist/components/multi-select/multi-select-config.d.ts

@@ -1,6 +1,28 @@
 import { Color, Radius, Size, Variant } from '../../shared';
 import { InputConfig } from '../input';
 import { MenuConfig } from '../select-menu';
+/**
+ * Configuration for selected value chips.
+ * Controls the appearance of chips in the selected values section.
+ */
+export interface MultiSelectChipConfig {
+    /**
+     * Visual style variant for chips.
+     */
+    variant?: Variant;
+    /**
+     * Theme accent color for chips.
+     */
+    color?: Color;
+    /**
+     * Corner rounding for chips.
+     */
+    radius?: Radius;
+    /**
+     * Size scale for chips.
+     */
+    size?: Size;
+}
 /**
  * Theme configuration options for the MultiSelect component.
  *
@@ -17,24 +39,7 @@ export interface MultiSelectConfig extends InputConfig {
      * Configuration for selected value chips.
      * Controls the appearance of chips in the selected values section.
      */
-    chip?: {
-        /**
-         * Visual style variant for chips.
-         */
-        variant?: Variant;
-        /**
-         * Theme accent color for chips.
-         */
-        color?: Color;
-        /**
-         * Corner rounding for chips.
-         */
-        radius?: Radius;
-        /**
-         * Size scale for chips.
-         */
-        size?: Size;
-    };
+    chip?: MultiSelectChipConfig;
 }
 /**
  * Default config values registered for the MultiSelect component.

package/dist/components/multi-select/multi-select-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-config.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE;QACL;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAEd;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB;;WAEG;QACH,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAKtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;CAQ/B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF"}
+{"version":3,"file":"multi-select-config.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAKtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;CAQ/B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF"}

package/dist/components/multi-select/multi-select-config.js

@@ -1,23 +1,20 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as i } from "../field/field-config.js";
-import { defaultInputConfig as o } from "../input/input-config.js";
-const e = {
-  ...o,
-  chip: {
-    size: "sm"
-  }
-}, l = {
-  ...i,
-  chip: {
-    size: "sm",
-    color: "primary",
-    radius: "sm",
-    variant: "solid"
-  }
-};
-t("multiSelect", e);
-export {
-  l as FALLBACK_MULTI_SELECT_CONFIG,
-  e as defaultMultiSelectConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
+import { defaultInputConfig as n } from "../input/input-config.js";
+//#region src/components/multi-select/multi-select-config.ts
+var r = {
+	...n,
+	chip: { size: "sm" }
+}, i = {
+	...t,
+	chip: {
+		size: "sm",
+		color: "primary",
+		radius: "sm",
+		variant: "solid"
+	}
 };
+e("multiSelect", r);
+//#endregion
+export { i as FALLBACK_MULTI_SELECT_CONFIG, r as defaultMultiSelectConfig };

package/dist/components/multi-select/multi-select-styles.js

@@ -1,21 +1,18 @@
 "use client";
-import { FIELD_STATUS_BORDER_CLASS as S } from "../field/field-styles.js";
-const t = {
-  sm: "h-9",
-  md: "h-10",
-  lg: "h-11"
-}, L = {
-  sm: "px-2.5",
-  md: "px-3",
-  lg: "px-3.5"
-}, T = {
-  sm: "text-sm",
-  md: "text-base",
-  lg: "text-lg"
-}, s = S;
-export {
-  T as MULTI_SELECT_FONT_CLASS,
-  t as MULTI_SELECT_HEIGHT_CLASS,
-  L as MULTI_SELECT_PADDING_CLASS,
-  s as STATUS_BORDER_CLASS
-};
+import { FIELD_STATUS_BORDER_CLASS as e } from "../field/field-styles.js";
+//#region src/components/multi-select/multi-select-styles.ts
+var t = {
+	sm: "h-9",
+	md: "h-10",
+	lg: "h-11"
+}, n = {
+	sm: "px-2.5",
+	md: "px-3",
+	lg: "px-3.5"
+}, r = {
+	sm: "text-sm",
+	md: "text-base",
+	lg: "text-lg"
+}, i = e;
+//#endregion
+export { r as MULTI_SELECT_FONT_CLASS, t as MULTI_SELECT_HEIGHT_CLASS, n as MULTI_SELECT_PADDING_CLASS, i as STATUS_BORDER_CLASS };