asheeui 0.6.15 → 1.0.0

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

@@ -1,284 +1,163 @@
 "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 { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { ChevronDownIcon as ee } from "../../icons/ChevronDownIcon.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { CloseIcon as te } from "../../icons/CloseIcon.js";
+import { FieldShell as ne } from "../field/FieldShell.js";
+import { Button as o } from "../button/Button.js";
+import { Menu as s } from "../menu/Menu.js";
+import { useMenuFloating as re } from "../menu/use-menu-floating.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 = "Dropmenu Options...", isSearch: pe = !0, searchPlaceholder: me = "Search...", searchInputName: he = "multiselect-search", belowList: ge, chipOptions: b, handleRemoveChip: x, handleAddChip: S, chipLabel: C, disableChipDisplay: _e = !1, variant: ve, color: ye, size: be, radius: xe, status: Se, label: w, labelAlign: T, description: E, message: D, required: O, isLoading: k, disabled: A, containerClassName: j, id: Ce, className: we, menu: Te, chip: M, style: Ee, startContent: De, endContent: Oe }, N) => {
+	let P = n(), F = P.components?.multiSelect, ke = d(), I = Ce ?? ke, [L, R] = p(!1), [Ae, je] = p(""), [Me, z] = p([]), B = _ !== void 0, V = _ ?? Me, H = r(be, F?.size, void 0, c.size), Ne = r(ve, F?.variant, P.defaultVariant, c.variant), U = r(ye, F?.color, P.defaultColor, c.color), W = a(xe, F?.radius, P.defaultRadius, c.radius), Pe = M?.className, Fe = r(M?.color, F?.chip?.color, U, c.chip.color), Ie = r(M?.size, F?.chip?.size, void 0, c.chip.size), Le = a(M?.radius, F?.chip?.radius, W, c.chip.radius), G = Se ?? c.status, Re = G === "error" ? "danger" : G === "success" ? "success" : G === "warning" ? "warning" : U, ze = r(T, F?.labelAlign, void 0, c.labelAlign), Be = i(H, oe, c.size), Ve = i(H, se, c.size), He = i(H, ae, c.size), Ue = i(Le, t, c.chip.radius), { refs: K, context: q, isPositioned: We, floatingStyles: Ge } = re({
+		isOpen: L,
+		onOpenChange: R,
+		disabled: A
+	}), Ke = le(q, { enabled: !A }), qe = ue(q), Je = fe(q, { role: "listbox" }), { getReferenceProps: Ye, getFloatingProps: J } = de([
+		Ke,
+		qe,
+		Je
+	]), Y = f(() => b === void 0 ? l.filter((e) => V.includes(e.value)) : b, [
+		b,
+		V,
+		l
+	]), X = u((e) => Y.some((t) => t.value === e), [Y]), Xe = u((e) => {
+		let t = X(e.value);
+		if (S || x) {
+			t ? x?.(e.value) : S?.(e);
+			return;
+		}
+		let n = t ? V.filter((t) => t !== e.value) : [...V, e.value];
+		B || z(n), v?.(n);
+	}, [
+		X,
+		S,
+		x,
+		B,
+		v,
+		V
+	]), Z = u((e) => {
+		if (x) {
+			x(e);
+			return;
+		}
+		let t = V.filter((t) => t !== e);
+		B || z(t), v?.(t);
+	}, [
+		x,
+		B,
+		v,
+		V
+	]), Ze = f(() => Y.map((e) => e.value), [Y]), Qe = f(() => Y.length > 0 ? `${Y.length} selected` : y, [Y.length, y]), Q = E ? `${I}-description` : void 0, $ = D ? `${I}-message` : void 0, $e = [Q, $].filter(Boolean).join(" ") || void 0, et = Ye({ onKeyDown: u((e) => {
+		A || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), R(!0));
+	}, [A]) });
+	return /* @__PURE__ */ h(ne, {
+		id: I,
+		label: w,
+		labelAlign: ze,
+		description: E,
+		descriptionId: Q,
+		message: D,
+		messageId: $,
+		status: G,
+		required: O,
+		isLoading: k,
+		children: /* @__PURE__ */ g("div", {
+			className: e("w-full flex flex-col gap-3", j),
+			style: Ee,
+			children: [/* @__PURE__ */ g("div", {
+				className: "relative w-full",
+				children: [/* @__PURE__ */ h(o, {
+					ref: (e) => {
+						K.setReference(e), typeof N == "function" ? N(e) : N && (N.current = e);
+					},
+					type: "button",
+					id: I,
+					variant: Ne,
+					color: Re,
+					size: H,
+					radius: W,
+					isDisabled: A,
+					isLoading: k,
+					fullWidth: !0,
+					animate: !1,
+					"aria-expanded": L,
+					"aria-haspopup": "listbox",
+					"aria-invalid": G === "error",
+					"aria-describedby": $e,
+					className: e("font-normal text-left justify-between", ce[G], Be, Ve, He, we),
+					startContent: De,
+					endContent: /* @__PURE__ */ g(m, { children: [Oe, /* @__PURE__ */ h(ee, { className: e("shrink-0 text-foreground/70 transition-transform duration-200", L && "rotate-180") })] }),
+					...et,
+					children: /* @__PURE__ */ h("span", {
+						className: e("truncate", Y.length > 0 ? "text-foreground" : "text-foreground/70"),
+						children: Qe
+					})
+				}), /* @__PURE__ */ h(s, {
+					isOpen: L,
+					floatingStyles: Ge,
+					context: q,
+					getFloatingProps: J,
+					setFloatingRef: K.setFloating,
+					isPositioned: We,
+					isMultiSelectable: !0,
+					returnFocus: !0,
+					options: l,
+					selectedValues: Ze,
+					onOptionSelect: Xe,
+					isSearch: pe,
+					searchPlaceholder: me,
+					searchInputName: he,
+					searchQuery: Ae,
+					onSearchChange: je,
+					belowList: ge,
+					menuProps: Te,
+					menuConfig: F?.menu
+				})]
+			}), !_e && /* @__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: Y.length === 0 ? /* @__PURE__ */ h("span", {
+						className: "text-xs text-foreground/70 px-2 py-1",
+						children: "No selections made"
+					}) : Y.map((t) => /* @__PURE__ */ g(ie, {
+						variant: "bordered",
+						color: Fe,
+						size: Ie,
+						isDisabled: A,
+						className: e("inline-flex items-center gap-1.5 font-medium shadow-xs", Ue, Pe),
+						children: [/* @__PURE__ */ h("span", { children: t.label }), /* @__PURE__ */ h("button", {
+							type: "button",
+							tabIndex: A ? -1 : 0,
+							onClick: (e) => {
+								e.stopPropagation(), A || Z(t.value);
+							},
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && !A && (e.stopPropagation(), Z(t.value));
+							},
+							"aria-label": `Remove ${t.label}`,
+							className: "inline-flex items-center justify-center h-3.5 w-3.5 rounded-full hover:bg-foreground/20 transition-colors cursor-pointer shrink-0",
+							children: /* @__PURE__ */ h(te, { 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';
+import { MenuConfig } from '../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,SAAS,CAAC;AAE1C;;;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 };