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

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/toggle/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/primitives/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,GAAI,gGASxB,eAAe,4CA6DjB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;kFAQhB,WAAW;;CA0Db,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/primitives/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,GAAI,gGASxB,eAAe,4CAkEjB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;kFAQhB,WAAW;;CA0Db,CAAC"}

package/dist/primitives/toggle/toggle.js

@@ -1,67 +1,72 @@
-import { jsx as i, jsxs as m, Fragment as u } from "react/jsx-runtime";
+import { jsx as d, jsxs as b, Fragment as c } from "react/jsx-runtime";
 import { Switch as h } from "react-aria-components";
-import { cx as o } from "../../utils/cn.js";
+import { cx as e } from "../../utils/cn.js";
 const f = ({
-  className: d,
-  isHovered: n,
-  isDisabled: e,
+  className: i,
+  isHovered: s,
+  isDisabled: o,
   isFocusVisible: a,
-  isSelected: t,
-  slim: r,
+  isSelected: r,
+  slim: t,
   size: g = "sm",
   disabledClasses: l
 }) => {
-  const s = {
+  const n = {
     default: {
       sm: {
         root: "h-5 w-9 p-0.5",
-        switch: o("size-4", t && "translate-x-4")
+        switch: e("size-4", r && "translate-x-4")
       },
       md: {
         root: "h-6 w-11 p-0.5",
-        switch: o("size-5", t && "translate-x-5")
+        switch: e("size-5", r && "translate-x-5")
       }
     },
     slim: {
       sm: {
         root: "h-4 w-8",
-        switch: o("size-4", t && "translate-x-4")
+        switch: e("size-4", r && "translate-x-4")
       },
       md: {
         root: "h-5 w-10",
-        switch: o("size-5", t && "translate-x-5")
+        switch: e("size-5", r && "translate-x-5")
       }
     }
-  }, p = r ? s.slim[g] : s.default[g];
-  return /* @__PURE__ */ i(
+  }, p = t ? n.slim[g] : n.default[g];
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: o(
+      className: e(
         "cursor-pointer rounded-full bg-tertiary outline-focus-ring transition duration-150 ease-linear",
-        t && "bg-brand-solid",
-        t && n && "bg-brand-solid_hover",
-        e && "cursor-not-allowed bg-disabled",
+        r && "bg-brand-solid",
+        r && s && "bg-brand-solid_hover",
+        // Disabled track, frozen to platform-ui: it keeps its background and gains a
+        // border, rather than being filled with `bg-disabled`. A disabled toggle that
+        // is ON stays brand-tinted rather than going grey.
+        o && "cursor-not-allowed border border-disabled_subtle",
+        r && o && "bg-utility-brand-50",
         a && "outline-2 outline-offset-2",
-        r && "ring-1 ring-secondary ring-inset",
-        r && e && "bg-utility-gray-50",
-        r && t && "ring-transparent",
+        t && "ring-1 ring-secondary ring-inset",
+        t && o && "border border-disabled_subtle",
+        t && r && o && "bg-utility-brand-50",
+        t && r && "ring-transparent",
         p.root,
-        d,
+        i,
         l
       ),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ d(
         "div",
         {
           style: {
             transition: "transform 0.15s ease-in-out, translate 0.15s ease-in-out, border-color 0.1s linear, background-color 0.1s linear",
             boxShadow: "0px 4px 4px -2px rgba(64, 73, 104, 0.08), 0px 2px 12px 0px rgba(64, 73, 104, 0.06)"
           },
-          className: o(
+          className: e(
             "rounded-full bg-fg-white",
-            e && "bg-toggle-button-fg_disabled",
-            r && "border border-disabled_subtle",
-            r && t && "border-toggle-slim-border_pressed",
-            r && t && n && "border-toggle-slim-border_pressed-hover",
+            o && "bg-toggle-button-fg_disabled -translate-px",
+            t && "border border-disabled_subtle",
+            t && r && !o && "border-toggle-slim-border_pressed",
+            t && r && s && "border-toggle-slim-border_pressed-hover",
             p.switch
           )
         }
@@ -69,12 +74,12 @@ const f = ({
     }
   );
 }, w = ({
-  label: d,
-  hint: n,
-  className: e,
+  label: i,
+  hint: s,
+  className: o,
   size: a = "sm",
-  disabledClasses: t,
-  slim: r,
+  disabledClasses: r,
+  slim: t,
   ...g
 }) => {
   const l = {
@@ -91,38 +96,38 @@ const f = ({
       hint: "text-md"
     }
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ d(
     h,
     {
       ...g,
-      className: (s) => o(
+      className: (n) => e(
         "flex w-max items-start",
-        s.isDisabled && "cursor-not-allowed",
+        n.isDisabled && "cursor-not-allowed",
         l[a].root,
-        typeof e == "function" ? e(s) : e
+        typeof o == "function" ? o(n) : o
       ),
-      children: ({ isSelected: s, isDisabled: p, isFocusVisible: x, isHovered: c }) => /* @__PURE__ */ m(u, { children: [
-        /* @__PURE__ */ i(
+      children: ({ isSelected: n, isDisabled: p, isFocusVisible: x, isHovered: m }) => /* @__PURE__ */ b(c, { children: [
+        /* @__PURE__ */ d(
           f,
           {
-            slim: r,
+            slim: t,
             size: a,
-            isHovered: c,
+            isHovered: m,
             isDisabled: p,
             isFocusVisible: x,
-            isSelected: s,
-            className: r ? "mt-0.5" : "",
-            disabledClasses: t
+            isSelected: n,
+            className: t ? "mt-0.5" : "",
+            disabledClasses: r
           }
         ),
-        (d || n) && /* @__PURE__ */ m("div", { className: o("flex flex-col", l[a].textWrapper), children: [
-          d && /* @__PURE__ */ i("p", { className: o("text-secondary select-none", l[a].label), children: d }),
-          n && /* @__PURE__ */ i(
+        (i || s) && /* @__PURE__ */ b("div", { className: e("flex flex-col", l[a].textWrapper), children: [
+          i && /* @__PURE__ */ d("p", { className: e("text-secondary select-none", l[a].label), children: i }),
+          s && /* @__PURE__ */ d(
             "span",
             {
-              className: o("text-tertiary", l[a].hint),
-              onClick: (b) => b.stopPropagation(),
-              children: n
+              className: e("text-tertiary", l[a].hint),
+              onClick: (u) => u.stopPropagation(),
+              children: s
             }
           )
         ] })

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