@pibit.ai/cure-design-system 0.3.21 → 0.3.24

package/dist/primitives/select/combobox.js

@@ -1,22 +1,23 @@
-import { jsx as r, jsxs as x, Fragment as B } from "react/jsx-runtime";
+import { jsx as n, jsxs as x, Fragment as B } from "react/jsx-runtime";
 import { useRef as C, useState as E, useCallback as q, useContext as O, useEffect as W } from "react";
 import { SearchLg as z, ChevronDown as I } from "@untitledui/icons";
 import { ComboBox as T, ListBox as M, ComboBoxStateContext as j, Group as _, Input as A } from "react-aria-components";
-import { SelectContext as G, sizes as k } from "./select.js";
+import { SelectContext as G, sizes as S } from "./select.js";
 import { cx as c } from "../../utils/cn.js";
-import { Label as H } from "../input/label.js";
-import { Popover as K } from "./popover.js";
+import { getPlatformShortcutLabel as H } from "../../utils/keyboard-shortcut.js";
+import { Label as K } from "../input/label.js";
+import { Popover as P } from "./popover.js";
 import { HintText as $ } from "../input/hint-text.js";
 import { useResizeObserver as J } from "../../hooks/use-resize-observer.js";
-const S = {
+const k = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, P = {
+}, Q = {
   sm: "text-xs",
   md: "text-xs",
   lg: "text-sm"
-}, Q = ({
+}, U = ({
   // @ts-ignore
   size: d,
   shortcut: b,
@@ -30,42 +31,42 @@ const S = {
   W(() => {
     var f;
     if (!(e != null && e.isFocused) || !t) return;
-    const n = (f = i.current) == null ? void 0 : f.querySelector("input"), o = l.current;
-    if (!n || !o) return;
+    const r = (f = i.current) == null ? void 0 : f.querySelector("input"), o = l.current;
+    if (!r || !o) return;
     const a = () => {
-      const y = n.scrollWidth - n.clientWidth, N = o.scrollWidth - o.clientWidth;
+      const y = r.scrollWidth - r.clientWidth, N = o.scrollWidth - o.clientWidth;
       if (N <= 0) return;
-      const F = n.scrollLeft <= 0 ? 0 : y <= 0 || n.scrollLeft >= y ? N : n.scrollLeft / y * N;
+      const F = r.scrollLeft <= 0 ? 0 : y <= 0 || r.scrollLeft >= y ? N : r.scrollLeft / y * N;
       o.scrollLeft = F;
     };
-    return a(), n.addEventListener("scroll", a), n.addEventListener("keyup", a), () => {
-      n.removeEventListener("scroll", a), n.removeEventListener("keyup", a);
+    return a(), r.addEventListener("scroll", a), r.addEventListener("keyup", a), () => {
+      r.removeEventListener("scroll", a), r.removeEventListener("keyup", a);
     };
   }, [e == null ? void 0 : e.isFocused, t]);
   const h = q(() => {
     e != null && e.isFocused && !(e != null && e.isOpen) && e.open(null, "manual");
   }, [e]);
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     _,
     {
       ...w,
       onClick: h,
-      className: ({ isFocusWithin: n, isDisabled: o }) => c(
+      className: ({ isFocusWithin: r, isDisabled: o }) => c(
         "relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset",
         o && "cursor-not-allowed bg-disabled_subtle",
-        n && "ring-2 ring-brand",
+        r && "ring-2 ring-brand",
         // @ts-ignore
-        k[d].root
+        S[d].root
       ),
-      children: ({ isDisabled: n }) => /* @__PURE__ */ x(B, { children: [
-        v && /* @__PURE__ */ r(z, { className: "pointer-events-none size-3.5 shrink-0 text-fg-quaternary" }),
+      children: ({ isDisabled: r }) => /* @__PURE__ */ x(B, { children: [
+        v && /* @__PURE__ */ n(z, { className: "pointer-events-none size-3.5 shrink-0 text-fg-quaternary" }),
         /* @__PURE__ */ x(
           "div",
           {
             ref: i,
             className: "relative flex items-center min-w-0 flex-1",
             children: [
-              t && /* @__PURE__ */ r(
+              t && /* @__PURE__ */ n(
                 "div",
                 {
                   ref: l,
@@ -80,16 +81,16 @@ const S = {
                       className: c(
                         "text-primary whitespace-nowrap",
                         e != null && e.isFocused ? "w-max" : "min-w-0 flex-1 truncate",
-                        S[d]
+                        k[d]
                       ),
                       children: [
-                        /* @__PURE__ */ r("span", { className: n ? "text-disabled" : "", children: m.trim() }),
+                        /* @__PURE__ */ n("span", { className: r ? "text-disabled" : "", children: m.trim() }),
                         s != null && s !== "" && /* @__PURE__ */ x(
                           "span",
                           {
                             className: c(
                               "-ml-0.75 text-tertiary",
-                              n && "text-disabled"
+                              r && "text-disabled"
                             ),
                             children: [
                               " ",
@@ -102,60 +103,60 @@ const S = {
                   )
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 A,
                 {
                   placeholder: g,
                   className: c(
                     "relative z-10 w-full min-w-0 appearance-none bg-transparent text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
-                    S[d]
+                    k[d]
                   )
                 }
               )
             ]
           }
         ),
-        b && /* @__PURE__ */ r(
+        b && /* @__PURE__ */ n(
           "div",
           {
             className: c(
               "absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8",
-              n && "to-bg-disabled_subtle",
+              r && "to-bg-disabled_subtle",
               // @ts-ignore
-              k[d].shortcut,
+              S[d].shortcut,
               u
             ),
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ n(
               "span",
               {
                 className: c(
                   "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
-                  n && "bg-transparent text-disabled"
+                  r && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
-                children: "⌘K"
+                children: H(["meta"], "K")
               }
             )
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             tabIndex: -1,
-            disabled: n,
+            disabled: r,
             onMouseDown: (o) => {
               o.preventDefault(), o.stopPropagation();
             },
             onClick: (o) => {
-              o.preventDefault(), o.stopPropagation(), !n && e && (e.isOpen ? e.close() : e.open(null, "manual"), requestAnimationFrame(() => {
+              o.preventDefault(), o.stopPropagation(), !r && e && (e.isOpen ? e.close() : e.open(null, "manual"), requestAnimationFrame(() => {
                 var a, f;
                 (f = (a = i.current) == null ? void 0 : a.querySelector("input")) == null || f.focus();
               }));
             },
             className: "cursor-pointer p-0.5 -m-0.5 rounded outline-hidden focus-visible:ring-2 focus-visible:ring-brand disabled:pointer-events-none disabled:opacity-50",
             "aria-label": e != null && e.isOpen ? "Close dropdown" : "Open dropdown",
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ n(
               I,
               {
                 className: c(
@@ -170,7 +171,7 @@ const S = {
       ] })
     }
   );
-}, oe = ({
+}, le = ({
   showPrefixIcon: d = !0,
   placeholder: b = "Search",
   shortcut: g = !0,
@@ -190,18 +191,18 @@ const S = {
     ref: l,
     box: "border-box",
     onResize: m
-  }), /* @__PURE__ */ r(G.Provider, { value: { size: u }, children: /* @__PURE__ */ r(T, { menuTrigger: "focus", ...i, children: (s) => /* @__PURE__ */ x("div", { className: "flex flex-col gap-1.5", children: [
-    i.label && /* @__PURE__ */ r(
-      H,
+  }), /* @__PURE__ */ n(G.Provider, { value: { size: u }, children: /* @__PURE__ */ n(T, { menuTrigger: "focus", ...i, children: (s) => /* @__PURE__ */ x("div", { className: "flex flex-col gap-1.5", children: [
+    i.label && /* @__PURE__ */ n(
+      K,
       {
         isRequired: s.isRequired,
         tooltip: i.tooltip,
-        className: P[u],
+        className: Q[u],
         children: i.label
       }
     ),
-    /* @__PURE__ */ r(
-      Q,
+    /* @__PURE__ */ n(
+      U,
       {
         ref: l,
         placeholder: b,
@@ -213,19 +214,19 @@ const S = {
         showPrefixIcon: d
       }
     ),
-    /* @__PURE__ */ r(
-      K,
+    /* @__PURE__ */ n(
+      P,
       {
         size: u,
         triggerRef: l,
         style: { width: p },
         className: i.popoverClassName,
-        children: /* @__PURE__ */ r(M, { items: w, className: "size-full outline-hidden", children: v })
+        children: /* @__PURE__ */ n(M, { items: w, className: "size-full outline-hidden", children: v })
       }
     ),
-    i.hint && /* @__PURE__ */ r($, { isInvalid: s.isInvalid, children: i.hint })
+    i.hint && /* @__PURE__ */ n($, { isInvalid: s.isInvalid, children: i.hint })
   ] }) }) });
 };
 export {
-  oe as ComboBox
+  le as ComboBox
 };

package/dist/primitives/select/multi-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,mBAAmB,EACnB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,UAAU,IAAI,cAAc,EAC5B,YAAY,IAAI,gBAAgB,EAChC,GAAG,EACJ,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,OAAO,EAAE,KAAK,cAAc,EAAS,MAAM,4BAA4B,CAAC;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,UAAU,kBAAmB,SAAQ,cAAc;IACjD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC7D,aAAa,CAAC,cAAc,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC,eAAe,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,mLAgB7B,gBAAgB,4CA8IlB,CAAC;AA6JF,eAAO,MAAM,oBAAoB,GAAI,6HAUlC,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,4CAgC7C,CAAC;AAEF,QAAA,MAAM,WAAW,EAAsB,OAAO,eAAe,GAAG;IAC9D,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAIF,OAAO,EAAE,WAAW,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,mBAAmB,EACnB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,UAAU,IAAI,cAAc,EAC5B,YAAY,IAAI,gBAAgB,EAChC,GAAG,EACJ,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,OAAO,EAAE,KAAK,cAAc,EAAS,MAAM,4BAA4B,CAAC;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,UAAU,kBAAmB,SAAQ,cAAc;IACjD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC7D,aAAa,CAAC,cAAc,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC,eAAe,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,mLAgB7B,gBAAgB,4CA8IlB,CAAC;AA6JF,eAAO,MAAM,oBAAoB,GAAI,6HAUlC,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,4CAgC7C,CAAC;AAEF,QAAA,MAAM,WAAW,EAAsB,OAAO,eAAe,GAAG;IAC9D,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAIF,OAAO,EAAE,WAAW,IAAI,WAAW,EAAE,CAAC"}

package/dist/primitives/select/multi-select.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as N, Fragment as _ } from "react/jsx-runtime";
-import { useCallback as z, useRef as E, useState as L, createContext as q, useContext as D } from "react";
+import { useCallback as z, useRef as L, useState as E, createContext as q, useContext as D } from "react";
 import { ComboBox as j, ListBox as C, Group as V, ComboBoxStateContext as W, Input as G } from "react-aria-components";
 import { Avatar as H } from "../avatar/avatar.js";
 import { HintText as U } from "../input/hint-text.js";
@@ -9,15 +9,16 @@ import { sizes as O } from "./select.js";
 import { TagCloseX as Q } from "../tags/base-components/tag-close-x.js";
 import { SelectItem as Y } from "./select-item.js";
 import { cx as w } from "../../utils/cn.js";
-import { useResizeObserver as Z } from "../../hooks/use-resize-observer.js";
-import { useFilter as M } from "../../node_modules/@react-aria/i18n/dist/useFilter.js";
-import { useListData as B } from "../../node_modules/@react-stately/data/dist/useListData.js";
-import { FocusScope as I, useFocusManager as ee } from "../../node_modules/@react-aria/focus/dist/FocusScope.js";
-const te = {
+import { getPlatformShortcutLabel as Z } from "../../utils/keyboard-shortcut.js";
+import { useResizeObserver as M } from "../../hooks/use-resize-observer.js";
+import { useFilter as B } from "../../node_modules/@react-aria/i18n/dist/useFilter.js";
+import { useListData as I } from "../../node_modules/@react-stately/data/dist/useListData.js";
+import { FocusScope as ee, useFocusManager as te } from "../../node_modules/@react-aria/focus/dist/FocusScope.js";
+const re = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, K = q({
+}, P = q({
   size: "sm",
   selectedKeys: [],
   selectedItems: {},
@@ -34,7 +35,7 @@ const te = {
   selectedItems: l,
   onItemCleared: c,
   onItemInserted: t,
-  shortcut: s,
+  shortcut: r,
   placeholder: d = "Search",
   showAvatar: p = !0,
   readOnly: g = !1,
@@ -45,37 +46,37 @@ const te = {
   ...n
 }) => {
   var A;
-  const { contains: x } = M({ sensitivity: "base" }), u = (A = l == null ? void 0 : l.items) != null && A.length ? l.items.map((r) => r.id) : [], e = z(
-    (r, a) => !u.includes(r.id) && x(r.label || r.supportingText || "", a),
+  const { contains: x } = B({ sensitivity: "base" }), u = (A = l == null ? void 0 : l.items) != null && A.length ? l.items.map((s) => s.id) : [], e = z(
+    (s, a) => !u.includes(s.id) && x(s.label || s.supportingText || "", a),
     [x, u]
-  ), o = B({
+  ), o = I({
     initialItems: m,
     filter: e
   }), v = z(
-    (r) => {
-      const a = r.values().next().value;
+    (s) => {
+      const a = s.values().next().value;
       a && (l.remove(a), c == null || c(a));
     },
     [l, c]
-  ), S = (r) => {
-    if (!r)
+  ), S = (s) => {
+    if (!s)
       return;
-    const a = o.getItem(r);
-    a && (u.includes(r) || (l.append(a), t == null || t(r)), o.setFilterText(""));
-  }, y = (r) => {
-    g || o.setFilterText(r);
-  }, f = E(null), [P, F] = L(""), $ = z(() => {
+    const a = o.getItem(s);
+    a && (u.includes(s) || (l.append(a), t == null || t(s)), o.setFilterText(""));
+  }, y = (s) => {
+    g || o.setFilterText(s);
+  }, f = L(null), [K, F] = E(""), $ = z(() => {
     var a;
     if (!f.current) return;
-    let r = (a = f.current) == null ? void 0 : a.getBoundingClientRect();
-    F(r.width + "px");
+    let s = (a = f.current) == null ? void 0 : a.getBoundingClientRect();
+    F(s.width + "px");
   }, [f, F]);
-  return Z({
+  return M({
     ref: f,
     onResize: $,
     box: "border-box"
   }), /* @__PURE__ */ i(
-    K.Provider,
+    P.Provider,
     {
       value: {
         size: h,
@@ -98,15 +99,15 @@ const te = {
           selectedKey: null,
           onSelectionChange: S,
           ...n,
-          children: (r) => {
+          children: (s) => {
             var a;
             return /* @__PURE__ */ N("div", { className: "flex flex-col gap-1.5", children: [
-              n.label && /* @__PURE__ */ i(X, { isRequired: r.isRequired, tooltip: n.tooltip, children: n.label }),
+              n.label && /* @__PURE__ */ i(X, { isRequired: s.isRequired, tooltip: n.tooltip, children: n.label }),
               /* @__PURE__ */ i(
-                ie,
+                ae,
                 {
                   size: h,
-                  shortcut: s,
+                  shortcut: r,
                   ref: f,
                   placeholder: d,
                   readOnly: g,
@@ -119,7 +120,7 @@ const te = {
                 {
                   size: "md",
                   triggerRef: f,
-                  style: { width: P },
+                  style: { width: K },
                   className: n == null ? void 0 : n.popoverClassName,
                   children: /* @__PURE__ */ i(
                     C,
@@ -131,14 +132,14 @@ const te = {
                   )
                 }
               ),
-              n.hint && /* @__PURE__ */ i(U, { isInvalid: r.isInvalid, children: n.hint })
+              n.hint && /* @__PURE__ */ i(U, { isInvalid: s.isInvalid, children: n.hint })
             ] });
           }
         }
       )
     }
   );
-}, re = ({
+}, ie = ({
   isDisabled: m,
   shortcut: b,
   shortcutClassName: h,
@@ -146,7 +147,7 @@ const te = {
   readOnly: c = !1
 }) => {
   var T, n, x, u;
-  const t = ee(), s = D(K), d = D(W), p = (e) => {
+  const t = te(), r = D(P), d = D(W), p = (e) => {
     if (!(!(e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) && e.currentTarget.value !== ""))
       switch (e.key) {
         case "Backspace":
@@ -164,12 +165,12 @@ const te = {
     if (e.key === "Tab")
       return;
     e.preventDefault();
-    const v = ((f = (y = (S = s == null ? void 0 : s.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : f.id) === o;
+    const v = ((f = (y = (S = r == null ? void 0 : r.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : f.id) === o;
     switch (e.key) {
       case " ":
       case "Enter":
       case "Backspace":
-        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), s.onRemove(/* @__PURE__ */ new Set([o]));
+        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), r.onRemove(/* @__PURE__ */ new Set([o]));
         break;
       case "ArrowLeft":
         t == null || t.focusPrevious({ wrap: !1, tabbable: !1 });
@@ -181,17 +182,17 @@ const te = {
         d == null || d.close();
         break;
     }
-  }, R = ((n = (T = s == null ? void 0 : s.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
+  }, R = ((n = (T = r == null ? void 0 : r.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
   return /* @__PURE__ */ N("div", { className: "relative flex w-full flex-1 flex-row flex-wrap items-center justify-start gap-1.5", children: [
-    !R && ((u = (x = s == null ? void 0 : s.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
+    !R && ((u = (x = r == null ? void 0 : r.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
       "span",
       {
         className: w(
           "flex items-center rounded-md bg-primary py-0.5 pr-1 pl-1.25 ring-1 ring-[var(--color-gray-100)] ring-inset",
-          s == null ? void 0 : s.chipClassName
+          r == null ? void 0 : r.chipClassName
         ),
         children: [
-          (s == null ? void 0 : s.showAvatar) && /* @__PURE__ */ i(
+          (r == null ? void 0 : r.showAvatar) && /* @__PURE__ */ i(
             H,
             {
               size: "sm",
@@ -208,7 +209,7 @@ const te = {
               isDisabled: m,
               className: "ml-0.75",
               onKeyDown: (o) => k(o, e.id),
-              onPress: () => s.onRemove(/* @__PURE__ */ new Set([e.id]))
+              onPress: () => r.onRemove(/* @__PURE__ */ new Set([e.id]))
             }
           )
         ]
@@ -234,7 +235,7 @@ const te = {
               className: w(
                 "w-full flex-[1_0_0] appearance-none bg-transparent text-ellipsis text-primary caret-alpha-black/90 outline-none placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
                 c && "cursor-default",
-                te[(s == null ? void 0 : s.size) || "sm"]
+                re[(r == null ? void 0 : r.size) || "sm"]
               )
             }
           ),
@@ -253,7 +254,7 @@ const te = {
                     "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
                     m && "bg-transparent text-disabled"
                   ),
-                  children: "⌘K"
+                  children: Z(["meta"], "K")
                 }
               )
             }
@@ -262,7 +263,7 @@ const te = {
       }
     )
   ] });
-}, ie = ({
+}, ae = ({
   size: m,
   shortcut: b,
   placeholder: h,
@@ -270,7 +271,7 @@ const te = {
   placeholderIcon: c = null,
   readOnly: t = !1,
   // Omit this prop to avoid invalid HTML attribute warning
-  isDisabled: s,
+  isDisabled: r,
   ...d
 }) => /* @__PURE__ */ i(
   V,
@@ -284,8 +285,8 @@ const te = {
     ),
     children: ({ isDisabled: p }) => /* @__PURE__ */ N(_, { children: [
       c && /* @__PURE__ */ i(c, { className: "pointer-events-none size-5 text-fg-quaternary" }),
-      /* @__PURE__ */ i(I, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
-        re,
+      /* @__PURE__ */ i(ee, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
+        ie,
         {
           isDisabled: p,
           size: m,
@@ -297,10 +298,10 @@ const te = {
       ) })
     ] })
   }
-), ae = se;
-ae.Item = Y;
+), le = se;
+le.Item = Y;
 export {
-  ae as MultiSelect,
+  le as MultiSelect,
   se as MultiSelectBase,
-  ie as MultiSelectTagsValue
+  ae as MultiSelectTagsValue
 };