@pibit.ai/cure-design-system 0.4.0 → 0.5.0

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
 };

package/dist/primitives/select/select-item.d.ts

@@ -1,8 +1,7 @@
 import { ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
 import { SelectItemType } from './select';
-interface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, "id">, SelectItemType {
+export interface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, "id">, SelectItemType {
     textStyles?: string;
 }
 export declare const SelectItem: ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, textStyles, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=select-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,UAAU,eACR,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,oHAYxB,eAAe,4CAqIjB,CAAC"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,oHAYxB,eAAe,4CAqIjB,CAAC"}

package/dist/primitives/tooltip/tooltip.d.ts

@@ -27,8 +27,12 @@ export interface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<Ari
      * @default true
      */
     isHoverable?: boolean;
+    /**
+     * Optional class names for the inner tooltip content container.
+     */
+    contentClassName?: string;
 }
-export declare const Tooltip: ({ title, description, children, arrow, isHoverable, delay, closeDelay, trigger, isDisabled, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ title, description, children, arrow, delay, closeDelay, trigger, isDisabled, isHoverable, contentClassName, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export interface TooltipTriggerProps extends AriaButtonProps {
 }
 export declare const TooltipTrigger: ({ children, className, ...buttonProps }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,YACf,SAAQ,gCAAgC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC5E;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,kLAiBrB,YAAY,4CAmFd,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D,eAAO,MAAM,cAAc,GAAI,yCAI5B,mBAAmB,4CAcrB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,YACf,SAAQ,gCAAgC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC5E;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,GAAI,oMAkBrB,YAAY,4CAoFd,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D,eAAO,MAAM,cAAc,GAAI,yCAI5B,mBAAmB,4CAcrB,CAAC"}

package/dist/primitives/tooltip/tooltip.js

@@ -1,59 +1,60 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { TooltipTrigger as v, Tooltip as z, OverlayArrow as B, Button as N } from "react-aria-components";
+import { TooltipTrigger as z, Tooltip as B, OverlayArrow as N, Button as L } from "react-aria-components";
 import { cx as s } from "../../utils/cn.js";
-const A = ({
+const M = ({
   title: e,
   description: t,
   children: i,
   arrow: n = !1,
-  isHoverable: p = !0,
-  delay: c = 300,
-  closeDelay: d = 0,
-  trigger: f,
-  isDisabled: g,
-  isOpen: h,
-  defaultOpen: u,
-  offset: x = 6,
-  crossOffset: b,
+  delay: p = 300,
+  closeDelay: c = 0,
+  trigger: d,
+  isDisabled: f,
+  isHoverable: g = !0,
+  contentClassName: h,
+  isOpen: u,
+  defaultOpen: x,
+  offset: b = 6,
+  crossOffset: T,
   placement: l = "top",
-  onOpenChange: T,
-  ...w
+  onOpenChange: w,
+  ...y
 }) => {
-  const y = [
+  const O = [
     "top left",
     "top end",
     "bottom left",
     "bottom end"
-  ].includes(l), O = [
+  ].includes(l), v = [
     "top right",
     "top start",
     "bottom right",
     "bottom start"
   ].includes(l);
   return /* @__PURE__ */ m(
-    v,
+    z,
     {
-      trigger: f,
-      delay: c,
-      closeDelay: d,
-      isDisabled: g,
-      isOpen: h,
-      defaultOpen: u,
-      onOpenChange: T,
+      trigger: d,
+      delay: p,
+      closeDelay: c,
+      isDisabled: f,
+      isOpen: u,
+      defaultOpen: x,
+      onOpenChange: w,
       children: [
         i,
         /* @__PURE__ */ o(
-          z,
+          B,
           {
-            ...w,
-            offset: x,
+            ...y,
+            offset: b,
             placement: l,
-            crossOffset: b ?? (y ? -12 : O ? 12 : 0),
+            crossOffset: T ?? (O ? -12 : v ? 12 : 0),
             className: ({ isEntering: r, isExiting: a }) => s(
               r && "ease-out animate-in",
               a && "ease-in animate-out",
               !e && "hidden",
-              !p && "pointer-events-none"
+              !g && "pointer-events-none"
             ),
             children: ({ isEntering: r, isExiting: a }) => /* @__PURE__ */ m(
               "div",
@@ -61,13 +62,14 @@ const A = ({
                 className: s(
                   "z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform",
                   t ? "py-3" : "py-2",
+                  h,
                   r && "ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5",
                   a && "ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5"
                 ),
                 children: [
                   /* @__PURE__ */ o("span", { className: "text-xs font-semibold text-white", children: e }),
                   t && /* @__PURE__ */ o("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: t }),
-                  n && /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+                  n && /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
                     "svg",
                     {
                       viewBox: "0 0 100 100",
@@ -83,12 +85,12 @@ const A = ({
       ]
     }
   );
-}, M = ({
+}, Q = ({
   children: e,
   className: t,
   ...i
 }) => /* @__PURE__ */ o(
-  N,
+  L,
   {
     ...i,
     className: (n) => s(
@@ -99,6 +101,6 @@ const A = ({
   }
 );
 export {
-  A as Tooltip,
-  M as TooltipTrigger
+  M as Tooltip,
+  Q as TooltipTrigger
 };