asheeui 0.6.2 → 0.6.3

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

@@ -1,223 +1,203 @@
 "use client";
-import { jsx as l, jsxs as f } from "react/jsx-runtime";
-import { useFloating as Be, autoUpdate as Ge, offset as He, flip as Qe, shift as $e, useClick as qe, useDismiss as Je, useRole as We, useInteractions as Xe } from "@floating-ui/react";
-import { forwardRef as Ye, useId as Ze, useState as V, useMemo as g, useCallback as A } from "react";
-import { ChevronDownIcon as Ce } from "../../icons/ChevronDownIcon.js";
-import { CloseIcon as er } from "../../icons/CloseIcon.js";
-import { useAsheeConfig as rr } from "../../libs/context.js";
-import { RADIUS_CLASS as sr } from "../../shared/radius.js";
-import { resolveCascade as a, resolveRadiusKey as M, resolveClassKey as b } from "../../utils/resolve-token.js";
-import { Button as tr } from "../button/Button.js";
-import { Chip as lr } from "../chip/Chip.js";
-import { FieldShell as ar } from "../field/FieldShell.js";
-import { SelectMenu as or } from "../select-menu/SelectMenu.js";
-import { FALLBACK_MULTI_SELECT_CONFIG as s } from "./multi-select-config.js";
-import { MULTI_SELECT_HEIGHT_CLASS as nr, MULTI_SELECT_PADDING_CLASS as ir, MULTI_SELECT_FONT_CLASS as cr, STATUS_BORDER_CLASS as ur } from "./multi-select-styles.js";
+import { jsx as l, jsxs as S } from "react/jsx-runtime";
+import { useFloating as Oe, autoUpdate as Fe, offset as Ue, flip as Pe, shift as Re, size as je, useClick as Ve, useDismiss as Be, useRole as Ge, useInteractions as He } from "@floating-ui/react";
+import { forwardRef as $e, useId as Qe, useState as U, useMemo as P, useCallback as L } from "react";
+import { ChevronDownIcon as he } from "../../icons/ChevronDownIcon.js";
+import { CloseIcon as qe } from "../../icons/CloseIcon.js";
+import { useAsheeConfig as Je } from "../../libs/context.js";
+import { resolveCascade as d, resolveRadiusKey as R, resolveClassKey as g } from "../../utils/resolve-token.js";
+import { Button as We } from "../button/Button.js";
+import { Chip as Xe } from "../chip/Chip.js";
+import { FieldShell as Ye } from "../field/FieldShell.js";
+import { SelectMenu as Ze } from "../select-menu/SelectMenu.js";
+import { FALLBACK_MULTI_SELECT_CONFIG as t } from "./multi-select-config.js";
+import { MULTI_SELECT_HEIGHT_CLASS as Ce, MULTI_SELECT_PADDING_CLASS as es, MULTI_SELECT_FONT_CLASS as ss, STATUS_BORDER_CLASS as rs } from "./multi-select-styles.js";
+import { RADIUS_CLASS as ts } from "../../shared/radius.js";
 import { cn as w } from "../../utils/cn.js";
-const dr = Ye(
+const ls = $e(
   ({
     options: I = [],
-    value: o,
+    value: a,
     onChange: u,
-    InputLabel: F = "Select Options...",
-    isSearch: K = !0,
-    searchPlaceholder: O = "Search...",
-    searchInputName: U = "multiselect-search",
-    belowList: P,
+    InputLabel: j = "Select Options...",
+    isSearch: V = !0,
+    searchPlaceholder: B = "Search...",
+    searchInputName: G = "multiselect-search",
+    belowList: H,
     chipOptions: N,
     handleRemoveChip: n,
-    handleAddChip: m,
-    chipLabel: h,
-    disableChipDisplay: j = !1,
-    chipVariant: B,
-    chipColor: G,
-    chipRadius: H,
-    chipSize: Q,
-    menuVariant: $,
-    menuColor: q,
-    menuRadius: J,
-    menuSize: W,
-    variant: X,
-    color: Y,
-    size: Z,
-    radius: C,
-    status: ee,
-    label: re,
-    labelAlign: se,
-    description: te,
-    message: le,
-    required: ae,
-    isLoading: oe,
+    handleAddChip: f,
+    chipLabel: _,
+    disableChipDisplay: $ = !1,
+    variant: Q,
+    color: h,
+    size: q,
+    radius: J,
+    status: W,
+    label: X,
+    labelAlign: Y,
+    description: Z,
+    message: C,
+    required: ee,
+    isLoading: se,
     disabled: c,
-    containerClassName: ne,
-    dropdownClassName: ie,
-    id: ce,
-    className: ue,
-    style: de,
-    ...me
-  }, S) => {
-    var D;
-    const p = rr(), e = (D = p.components) == null ? void 0 : D.multiSelect, fe = Ze(), Se = ce ?? fe, [v, pe] = V(!1), [ve, xe] = V(""), { refs: E, floatingStyles: ye, context: x } = Be({
+    containerClassName: re,
+    dropdownClassName: te,
+    id: le,
+    className: oe,
+    menu: ae,
+    chip: o,
+    style: ne,
+    ...ie
+  }, p) => {
+    var D, K, M, O;
+    const x = Je(), s = (D = x.components) == null ? void 0 : D.multiSelect, ce = Qe(), ue = le ?? ce, [v, me] = U(!1), [de, fe] = U(""), { refs: z, floatingStyles: Se, context: y } = Oe({
       open: v,
-      onOpenChange: (r) => !c && pe(r),
+      onOpenChange: (e) => !c && me(e),
       placement: "bottom-start",
-      whileElementsMounted: Ge,
-      middleware: [He(4), Qe(), $e({ padding: 8 })]
-    }), be = qe(x, { enabled: !c }), we = Je(x), Ie = We(x, { role: "listbox" }), { getReferenceProps: Ne, getFloatingProps: ze } = Xe([
-      be,
-      we,
-      Ie
-    ]), y = a(
-      Z,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), z = a(
-      X,
-      e == null ? void 0 : e.variant,
-      p.defaultVariant,
-      s.variant
-    ), L = a(
-      Y,
-      e == null ? void 0 : e.color,
-      p.defaultColor,
-      s.color
-    ), _ = M(
-      C,
-      e == null ? void 0 : e.radius,
-      p.defaultRadius,
-      s.radius
-    ), Le = a(
-      $,
-      e == null ? void 0 : e.menuVariant,
-      z,
-      s.variant
-    ), _e = a(
+      whileElementsMounted: Fe,
+      middleware: [
+        Ue(4),
+        Pe(),
+        Re({ padding: 8 }),
+        je({
+          apply({ availableHeight: e, elements: r }) {
+            Object.assign(r.floating.style, {
+              maxHeight: `${e}px`
+            });
+          }
+        })
+      ]
+    }), pe = Ve(y, { enabled: !c }), xe = Be(y), ve = Ge(y, { role: "listbox" }), { getReferenceProps: ye, getFloatingProps: be } = He([
+      pe,
+      xe,
+      ve
+    ]), b = d(
       q,
-      e == null ? void 0 : e.menuColor,
-      L,
-      s.color
-    ), Ae = a(
-      W,
-      e == null ? void 0 : e.menuSize,
+      s == null ? void 0 : s.size,
       void 0,
-      s.menuSize
-    ), Me = M(
-      J,
-      e == null ? void 0 : e.menuRadius,
-      _,
-      s.radius
-    ), he = a(
-      B,
-      e == null ? void 0 : e.chipVariant,
-      z,
-      s.variant
-    ), Ee = a(
-      G,
-      e == null ? void 0 : e.chipColor,
-      L,
-      s.color
-    ), Te = a(
+      t.size
+    ), ge = d(
       Q,
-      e == null ? void 0 : e.chipSize,
+      s == null ? void 0 : s.variant,
+      x.defaultVariant,
+      t.variant
+    ), A = d(
+      h,
+      s == null ? void 0 : s.color,
+      x.defaultColor,
+      t.color
+    ), E = R(
+      J,
+      s == null ? void 0 : s.radius,
+      x.defaultRadius,
+      t.radius
+    ), we = d(
+      o == null ? void 0 : o.color,
+      (K = s == null ? void 0 : s.chip) == null ? void 0 : K.color,
+      A,
+      t.chip.color
+    ), Ie = d(
+      o == null ? void 0 : o.size,
+      (M = s == null ? void 0 : s.chip) == null ? void 0 : M.size,
       void 0,
-      s.chipSize
-    ), ke = M(
-      H,
-      e == null ? void 0 : e.chipRadius,
-      _,
-      s.radius
-    ), d = ee ?? "default", De = d === "error" ? "danger" : d === "success" ? "success" : d === "warning" ? "warning" : L, Re = a(
-      se,
-      e == null ? void 0 : e.labelAlign,
+      t.chip.size
+    ), Ne = R(
+      o == null ? void 0 : o.radius,
+      (O = s == null ? void 0 : s.chip) == null ? void 0 : O.radius,
+      E,
+      t.chip.radius
+    ), m = W ?? "default", Le = m === "error" ? "danger" : m === "success" ? "success" : m === "warning" ? "warning" : A, _e = d(
+      Y,
+      s == null ? void 0 : s.labelAlign,
       void 0,
-      s.labelAlign
-    ), Ve = b(
-      y,
-      nr,
-      s.size
-    ), ge = b(
-      y,
-      ir,
-      s.size
-    ), Fe = b(
-      y,
-      cr,
-      s.size
-    ), Ke = b(
-      ke,
-      sr,
-      s.radius
-    ), i = g(() => N !== void 0 ? N : Array.isArray(o) ? I.filter((r) => o.includes(r.value)) : [], [N, o, I]), T = A(
-      (r) => i.some((t) => t.value === r),
+      t.labelAlign
+    ), ze = g(
+      b,
+      Ce,
+      t.size
+    ), Ae = g(
+      b,
+      es,
+      t.size
+    ), Ee = g(
+      b,
+      ss,
+      t.size
+    ), Te = g(
+      Ne,
+      ts,
+      t.chip.radius
+    ), i = P(() => N !== void 0 ? N : Array.isArray(a) ? I.filter((e) => a.includes(e.value)) : [], [N, a, I]), T = L(
+      (e) => i.some((r) => r.value === e),
       [i]
-    ), Oe = A(
-      (r) => {
-        const t = T(r.value);
-        if (m || n)
-          t ? n == null || n(r.value) : m == null || m(r);
+    ), ke = L(
+      (e) => {
+        const r = T(e.value);
+        if (f || n)
+          r ? n == null || n(e.value) : f == null || f(e);
         else if (u) {
-          const R = o ?? [], Pe = t ? R.filter((je) => je !== r.value) : [...R, r.value];
-          u(Pe);
+          const F = a ?? [], Ke = r ? F.filter((Me) => Me !== e.value) : [...F, e.value];
+          u(Ke);
         }
       },
-      [T, m, n, u, o]
-    ), k = A(
-      (r) => {
-        n ? n(r) : u && Array.isArray(o) && u(o.filter((t) => t !== r));
+      [T, f, n, u, a]
+    ), k = L(
+      (e) => {
+        n ? n(e) : u && Array.isArray(a) && u(a.filter((r) => r !== e));
       },
-      [n, u, o]
-    ), Ue = g(
-      () => i.map((r) => r.value),
+      [n, u, a]
+    ), De = P(
+      () => i.map((e) => e.value),
       [i]
     );
     return /* @__PURE__ */ l(
-      ar,
+      Ye,
       {
-        id: Se,
-        label: re,
-        labelAlign: Re,
-        description: te,
-        message: le,
-        status: d,
-        required: ae,
-        isLoading: oe,
-        children: /* @__PURE__ */ f(
+        id: ue,
+        label: X,
+        labelAlign: _e,
+        description: Z,
+        message: C,
+        status: m,
+        required: ee,
+        isLoading: se,
+        children: /* @__PURE__ */ S(
           "div",
           {
-            className: w("w-full flex flex-col gap-3", ne),
-            style: de,
-            ...me,
+            className: w("w-full flex flex-col gap-3", re),
+            style: ne,
+            ...ie,
             children: [
-              /* @__PURE__ */ f("div", { className: "relative w-full", children: [
-                /* @__PURE__ */ f(
-                  tr,
+              /* @__PURE__ */ S("div", { className: "relative w-full", children: [
+                /* @__PURE__ */ S(
+                  We,
                   {
-                    ref: (r) => {
-                      E.setReference(r), typeof S == "function" ? S(r) : S && (S.current = r);
+                    ref: (e) => {
+                      z.setReference(e), typeof p == "function" ? p(e) : p && (p.current = e);
                     },
-                    variant: z,
-                    color: De,
-                    radius: _,
+                    variant: ge,
+                    color: Le,
+                    radius: E,
                     animate: !1,
-                    size: y,
+                    size: b,
                     isDisabled: c,
                     "aria-expanded": v,
                     "aria-haspopup": "listbox",
-                    "aria-invalid": d === "error",
+                    "aria-invalid": m === "error",
                     className: w(
                       "w-full flex items-center justify-between font-normal text-left transition-all duration-200 outline-none select-none",
-                      ur[d],
-                      Ve,
-                      ge,
-                      Fe,
-                      ue
+                      rs[m],
+                      ze,
+                      Ae,
+                      Ee,
+                      oe
                     ),
-                    ...Ne(),
+                    ...ye(),
                     children: [
-                      /* @__PURE__ */ l("span", { children: i.length > 0 ? `${i.length} selected` : F }),
+                      /* @__PURE__ */ l("span", { children: i.length > 0 ? `${i.length} selected` : j }),
                       /* @__PURE__ */ l(
-                        Ce,
+                        he,
                         {
                           className: w(
                             "ml-2 shrink-0 transition-transform duration-200",
@@ -229,64 +209,62 @@ const dr = Ye(
                   }
                 ),
                 /* @__PURE__ */ l(
-                  or,
+                  Ze,
                   {
                     isOpen: v,
-                    context: x,
-                    floatingStyles: ye,
-                    getFloatingProps: ze,
-                    setFloatingRef: E.setFloating,
+                    context: y,
+                    floatingStyles: Se,
+                    getFloatingProps: be,
+                    setFloatingRef: z.setFloating,
                     options: I,
-                    selectedValues: Ue,
-                    onSelectOption: Oe,
-                    isSearch: K,
-                    searchPlaceholder: O,
-                    searchInputName: U,
-                    searchQuery: ve,
-                    onSearchChange: xe,
-                    belowList: P,
-                    dropdownClassName: ie,
-                    variant: Le,
-                    color: _e,
-                    size: Ae,
-                    radius: Me
+                    selectedValues: De,
+                    onSelectOption: ke,
+                    isSearch: V,
+                    searchPlaceholder: B,
+                    searchInputName: G,
+                    searchQuery: de,
+                    onSearchChange: fe,
+                    belowList: H,
+                    dropdownClassName: te,
+                    menuProps: ae,
+                    menuConfig: s == null ? void 0 : s.menu
                   }
                 )
               ] }),
-              !j && /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
-                h && /* @__PURE__ */ l("span", { className: "text-xs font-medium text-foreground/70", children: h }),
-                /* @__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: i.length === 0 ? /* @__PURE__ */ l("span", { className: "text-xs text-foreground/70 px-2 py-1", children: "No selections made" }) : i.map((r) => /* @__PURE__ */ f(
-                  lr,
+              !$ && /* @__PURE__ */ S("div", { className: "flex flex-col gap-1.5", children: [
+                _ && /* @__PURE__ */ l("span", { className: "text-xs font-medium text-foreground/70", children: _ }),
+                /* @__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: i.length === 0 ? /* @__PURE__ */ l("span", { className: "text-xs text-foreground/70 px-2 py-1", children: "No selections made" }) : i.map((e) => /* @__PURE__ */ S(
+                  Xe,
                   {
                     variant: "bordered",
-                    color: Ee,
-                    size: Te,
+                    color: we,
+                    size: Ie,
                     isDisabled: c,
                     className: w(
                       "inline-flex items-center gap-1.5 font-medium shadow-xs",
-                      Ke
+                      Te
                     ),
                     children: [
-                      /* @__PURE__ */ l("span", { children: r.label }),
+                      /* @__PURE__ */ l("span", { children: e.label }),
                       /* @__PURE__ */ l(
                         "button",
                         {
                           type: "button",
                           tabIndex: c ? -1 : 0,
-                          onClick: (t) => {
-                            t.stopPropagation(), c || k(r.value);
+                          onClick: (r) => {
+                            r.stopPropagation(), c || k(e.value);
                           },
-                          onKeyDown: (t) => {
-                            (t.key === "Enter" || t.key === " ") && !c && (t.stopPropagation(), k(r.value));
+                          onKeyDown: (r) => {
+                            (r.key === "Enter" || r.key === " ") && !c && (r.stopPropagation(), k(e.value));
                           },
-                          "aria-label": `Remove ${r.label}`,
+                          "aria-label": `Remove ${e.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(er, { className: "w-3 h-3" })
+                          children: /* @__PURE__ */ l(qe, { className: "w-3 h-3" })
                         }
                       )
                     ]
                   },
-                  String(r.value)
+                  String(e.value)
                 )) })
               ] })
             ]
@@ -296,7 +274,7 @@ const dr = Ye(
     );
   }
 );
-dr.displayName = "MultiSelect";
+ls.displayName = "MultiSelect";
 export {
-  dr as MultiSelect
+  ls as MultiSelect
 };

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

@@ -1,28 +1,66 @@
-import { Radius } from '../../shared/radius';
-import { Size } from '../../shared/size';
-import { Color, Variant } from '../../shared/variant';
-import { FieldConfig, FieldSizeKey } from '../field/field-config';
-export type MultiSelectSizeKey = FieldSizeKey;
-export interface MultiSelectOption {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-    [key: string]: unknown;
-}
-export interface MultiSelectConfig extends Omit<FieldConfig, "size"> {
-    size?: MultiSelectSizeKey;
-    radius?: Radius;
-    menuVariant?: Variant;
-    menuColor?: Color;
-    menuRadius?: Radius;
-    menuSize?: Size;
-    chipVariant?: Variant;
-    chipColor?: Color;
-    chipRadius?: Radius;
-    chipSize?: Size;
+import { Color, Radius, Size, Variant } from '../../shared';
+import { FieldConfig } from '../field/field-config';
+import { SelectMenuConfig } from '../select-menu';
+/**
+ * Theme configuration options for the MultiSelect component.
+ *
+ * Set under `components.multiSelect` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface MultiSelectConfig extends FieldConfig {
+    /**
+     * Configuration for the dropdown menu.
+     * Controls the menu's visual appearance and behavior.
+     */
+    menu?: SelectMenuConfig;
+    /**
+     * 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;
+    };
 }
+/**
+ * Default config values registered for the MultiSelect component.
+ * Inherits field defaults and sets chip size to "sm".
+ */
 export declare const defaultMultiSelectConfig: MultiSelectConfig;
-export declare const FALLBACK_MULTI_SELECT_CONFIG: Required<MultiSelectConfig>;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
+export declare const FALLBACK_MULTI_SELECT_CONFIG: {
+    readonly chip: {
+        readonly size: "sm";
+        readonly color: "primary";
+        readonly radius: "sm";
+        readonly variant: "solid";
+    };
+    readonly size: import('../field').FieldSizeKey;
+    readonly radius: Radius;
+    readonly variant: Variant;
+    readonly color: Color;
+    readonly labelAlign: import('../field').LabelAlign;
+    readonly fullWidth: boolean;
+    readonly status: import('../field').FieldStatus;
+};
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
         multiSelect: MultiSelectConfig;

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":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAClE,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB;AAED,eAAO,MAAM,wBAAwB,EAAE,iBAMtC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,CAgBpE,CAAC;AAEF,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;AACjE,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB;;;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"}

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

@@ -1,31 +1,22 @@
 "use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as i } from "../field/field-config.js";
-const r = {
-  size: "md",
-  variant: "bordered",
-  labelAlign: "left",
-  chipSize: "sm",
-  menuSize: "sm"
+import { registerComponentDefaults as i } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as e, defaultFieldConfig as t } from "../field/field-config.js";
+const o = {
+  ...t,
+  chip: {
+    size: "sm"
+  }
 }, l = {
-  ...i,
-  size: "md",
-  radius: "md",
-  variant: "bordered",
-  color: "primary",
-  status: "default",
-  labelAlign: "left",
-  menuVariant: "solid",
-  menuColor: "secondary",
-  menuRadius: "md",
-  menuSize: "sm",
-  chipVariant: "solid",
-  chipColor: "primary",
-  chipRadius: "sm",
-  chipSize: "sm"
+  ...e,
+  chip: {
+    size: "sm",
+    color: "primary",
+    radius: "sm",
+    variant: "solid"
+  }
 };
-e("multiSelect", r);
+i("multiSelect", o);
 export {
   l as FALLBACK_MULTI_SELECT_CONFIG,
-  r as defaultMultiSelectConfig
+  o as defaultMultiSelectConfig
 };