@pibit.ai/cure-design-system 0.3.7 → 0.3.10

package/dist/patterns/tree-view/tree-view.js

@@ -2,74 +2,68 @@ import { jsxs as A, jsx as r, Fragment as j } from "react/jsx-runtime";
 import { useState as $ } from "react";
 import { SearchSm as T, ChevronDown as K, ChevronRight as V } from "@untitledui/icons";
 import { cn as k } from "../../utils/cn.js";
-import { Input as I } from "../../primitives/input/input.js";
+import { Input as _ } from "../../primitives/input/input.js";
 const N = 10;
 function C(e, t, s = "") {
   const {
-    labelKey: u,
+    labelKey: p,
     childrenKey: n,
-    dataKey: p = "metadata",
+    dataKey: u = "metadata",
     typeKey: y = "type",
     idKey: o,
     maxDepth: i
   } = t, f = s ? s.split(".").length : 0;
-  return i != null && f >= i ? [] : (Array.isArray(e) ? e : Object.values(e)).map((l, w) => {
-    const v = o != null ? l[o] : void 0, c = String(v ?? w), h = s ? `${s}.${c}` : c, a = l[n], d = Array.isArray(a) ? a : a != null ? Object.values(a) : [];
+  return i != null && f >= i ? [] : (Array.isArray(e) ? e : Object.values(e)).map((l, v) => {
+    const w = o != null ? l[o] : void 0, c = String(w ?? v), h = s ? `${s}.${c}` : c, a = l[n], d = Array.isArray(a) ? a : a != null ? Object.values(a) : [];
     return {
       id: h,
-      label: l[u] ?? "Untitled",
+      label: l[p] ?? "Untitled",
       type: l[y] ?? "Untitled",
       isOpen: !1,
       children: d.length > 0 ? C(d, t, h) : [],
-      [p]: l
+      [u]: l
     };
   });
 }
 function O(e, t) {
-  const s = e.label ?? "", u = Array.isArray(e.children) ? e.children : [];
-  return s.toLowerCase().includes(t.toLowerCase()) ? !0 : u.some((n) => O(n, t));
+  const s = e.label ?? "", p = Array.isArray(e.children) ? e.children : [];
+  return s.toLowerCase().includes(t.toLowerCase()) ? !0 : p.some((n) => O(n, t));
 }
-const _ = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-center px-[13px] shrink-0", children: /* @__PURE__ */ r("div", { className: "relative h-full w-0 shrink-0", children: /* @__PURE__ */ r(
+const D = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-center px-[13px] shrink-0", children: /* @__PURE__ */ r("div", { className: "relative h-full w-0 shrink-0", children: /* @__PURE__ */ r(
   "div",
   {
     className: "absolute inset-y-0 bg-(--color-border-secondary)",
     style: { left: "-0.5px", width: 1 }
   }
-) }) }), D = ({
+) }) }), E = ({
   data: e,
   config: t,
   CustomNode: s,
-  onNodeClick: u,
+  onNodeClick: p,
   selectedNodeId: n,
-  showSearch: p = !1,
+  showSearch: u = !1,
   searchPlaceholder: y = "Search...",
   searchClassName: o,
   searchInputClassName: i
 }) => {
-  const [f, b] = $(() => C(e, t)), [l, w] = $("");
-  function v(c, h) {
+  const [f, b] = $(() => C(e, t)), [l, v] = $("");
+  function w(c, h) {
     const a = structuredClone(f), d = h.split("-"), g = Number(d[0]);
     d.shift();
     let m = a[g];
     d.length > 0 && (m = d.reduce((x, L) => x.children[Number(L)], a[g])), m.isOpen = !m.isOpen, b(a);
   }
   return /* @__PURE__ */ A("div", { className: "min-w-max", children: [
-    p && /* @__PURE__ */ r("div", { className: k("mb-2", o), children: /* @__PURE__ */ r(
-      I,
+    u && /* @__PURE__ */ r("div", { className: k("mb-2", o), children: /* @__PURE__ */ r(
+      _,
       {
         type: "search",
         placeholder: y,
         value: l,
-        onChange: (c) => w(c),
+        onChange: (c) => v(c),
         size: "sm",
         className: i,
-        leftIcon: /* @__PURE__ */ r(
-          T,
-          {
-            className: "text-(--color-fg-quaternary)",
-            style: { width: 14, height: 14 }
-          }
-        )
+        icon: T
       }
     ) }),
     /* @__PURE__ */ r("div", { className: "flex flex-col", children: f.map((c, h) => /* @__PURE__ */ r(
@@ -78,8 +72,8 @@ const _ = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-cente
         node: c,
         parentId: String(h),
         depth: 0,
-        handleToggle: v,
-        onNodeClick: u,
+        handleToggle: w,
+        onNodeClick: p,
         selectedNodeId: n,
         CustomNode: s,
         query: l
@@ -88,22 +82,22 @@ const _ = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-cente
     )) })
   ] });
 };
-D.displayName = "TreeView";
+E.displayName = "TreeView";
 const S = ({
   node: e,
   parentId: t,
   depth: s = 0,
-  handleToggle: u,
+  handleToggle: p,
   onNodeClick: n,
-  selectedNodeId: p,
+  selectedNodeId: u,
   CustomNode: y,
   query: o
 }) => {
   const i = o.length > 0, f = Array.isArray(e.children) ? e.children : [], b = e.label ?? "";
   if (i && !O(e, o))
     return null;
-  const l = f.length > 0, w = p != null && e.id === p, v = l && (i || (e.isOpen ?? !1)), c = (m) => {
-    m.stopPropagation(), l && (i || u(e, t), n == null || n(e));
+  const l = f.length > 0, v = u != null && e.id === u, w = l && (i || (e.isOpen ?? !1)), c = (m) => {
+    m.stopPropagation(), l && (i || p(e, t), n == null || n(e));
   }, h = s === 0 ? "pl-[6px]" : "", a = s === 0 ? "pl-[2px]" : "pl-[8px]", d = i && b.toLowerCase().includes(o.toLowerCase()), g = i ? !0 : e.isOpen;
   return /* @__PURE__ */ A("div", { className: "relative", children: [
     /* @__PURE__ */ A(
@@ -112,7 +106,7 @@ const S = ({
         className: `flex h-[28px] w-full items-center pr-[8px] rounded-sm ${h} ${d ? "bg-(--color-bg-secondary)" : ""} ${l ? "cursor-pointer hover:bg-(--color-bg-secondary)" : ""}`,
         onClick: c,
         children: [
-          s > 0 && Array.from({ length: s }).map((m, x) => /* @__PURE__ */ r(_, {}, x)),
+          s > 0 && Array.from({ length: s }).map((m, x) => /* @__PURE__ */ r(D, {}, x)),
           l ? /* @__PURE__ */ r(
             "div",
             {
@@ -141,19 +135,19 @@ const S = ({
               )
             }
           ) : s > 0 ? /* @__PURE__ */ r("div", { className: "h-full w-[6px] shrink-0" }) : null,
-          /* @__PURE__ */ r("div", { className: "flex flex-1 h-full items-center min-w-0 pl-[2px]", children: /* @__PURE__ */ r(y, { node: e, isSelected: w }) })
+          /* @__PURE__ */ r("div", { className: "flex flex-1 h-full items-center min-w-0 pl-[2px]", children: /* @__PURE__ */ r(y, { node: e, isSelected: v }) })
         ]
       }
     ),
-    v && /* @__PURE__ */ r("div", { className: "relative", children: f.map((m, x) => /* @__PURE__ */ r(
+    w && /* @__PURE__ */ r("div", { className: "relative", children: f.map((m, x) => /* @__PURE__ */ r(
       S,
       {
         node: m,
         parentId: `${t}-${x}`,
         depth: s + 1,
-        handleToggle: u,
+        handleToggle: p,
         onNodeClick: n,
-        selectedNodeId: p,
+        selectedNodeId: u,
         CustomNode: y,
         query: o
       },
@@ -162,6 +156,6 @@ const S = ({
   ] });
 };
 export {
-  D as TreeView,
+  E as TreeView,
   C as buildTreeViewNodes
 };

package/dist/primitives/badge/badge-types.d.ts

@@ -6,7 +6,7 @@ export declare const badgeTypes: {
 };
 export type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];
 export type BadgeColors = "clear" | "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
-export type Sizes = "xs" | "sm" | "md" | "lg";
+export type Sizes = "sm" | "md" | "lg";
 export type FlagTypes = string;
 export type IconComponentType = ComponentType<SVGProps<SVGSVGElement>>;
 export type BadgeTypeToColorMap<T extends Record<string, {

package/dist/primitives/badge/badge-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GACjB,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,CAAC,IAAI;KAC5F,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;CACvC,CAAC"}
+{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GACjB,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,CAAC,IAAI;KAC5F,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;CACvC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/badge/badge.js

@@ -1,8 +1,8 @@
-import { jsx as d, jsxs as x, Fragment as b } from "react/jsx-runtime";
+import { jsx as u, jsxs as c, Fragment as f } from "react/jsx-runtime";
 import { X as v } from "@untitledui/icons";
 import { Dot as w } from "../../foundations/dot-icon/index.js";
 import { badgeTypes as t } from "./badge-types.js";
-import { cx as u } from "../../utils/cn.js";
+import { cx as d } from "../../utils/cn.js";
 const y = {
   clear: {
     root: "bg-primary text-secondary ring-secondary",
@@ -70,8 +70,8 @@ const y = {
     addonButton: "hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500"
   }
 }, B = Object.fromEntries(
-  Object.entries(y).map(([i, s]) => [i, { root: "", addon: s.addon }])
-), c = {
+  Object.entries(y).map(([e, s]) => [e, { root: "", addon: s.addon }])
+), x = {
   [t.pillColor]: {
     common: "size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset",
     styles: y
@@ -97,193 +97,173 @@ const y = {
     common: "size-max flex items-center whitespace-nowrap rounded-sm ring-1 ring-inset bg-primary text-secondary ring-secondary",
     styles: B
   }
-}, j = (i) => {
-  const { type: s = "pill-color", size: m = "xs", color: e = "gray", children: p } = i, o = c[s], l = {
-    xs: "py-0.5 px-2 text-xs font-medium",
-    sm: "py-0.5 px-2 text-sm font-medium",
-    md: "py-1 px-3 text-sm font-medium",
+}, j = (e) => {
+  const { type: s = "pill-color", size: a = "sm", color: i = "gray", children: p } = e, o = x[s], l = {
+    sm: "py-0.5 px-2 text-xs font-medium",
+    md: "py-0.5 px-2 text-sm font-medium",
     lg: "py-1 px-3 text-sm font-medium"
   }, n = {
-    xs: "py-0.5 px-2 text-xs font-medium",
-    sm: "py-0.5 px-2 text-sm font-medium",
-    md: "py-1 px-3 text-sm font-medium",
+    sm: "py-0.5 px-2 text-xs font-medium",
+    md: "py-0.5 px-2 text-sm font-medium",
     lg: "py-1 px-3 text-sm font-medium rounded-lg"
   }, r = {
     [t.pillColor]: l,
     [t.color]: n,
     [t.modern]: n
   };
-  return /* @__PURE__ */ d("span", { className: u(o.common, r[s][m], o.styles[e].root, i.className), children: p });
-}, T = (i) => {
-  const { size: s = "md", color: m = "gray", type: e = "pill-color", className: p, children: o } = i, l = h[e], n = {
-    xs: "gap-0.5 py-0.5 px-1 text-xs font-medium",
-    sm: "gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium",
-    md: "gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium",
-    lg: "gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium"
+  return /* @__PURE__ */ u("span", { className: d(o.common, r[s][a], o.styles[i].root, e.className), children: p });
+}, T = (e) => {
+  const { size: s = "sm", color: a = "gray", type: i = "pill-color", className: p, children: o } = e, l = h[i], n = {
+    sm: "gap-0.5 py-0.5 px-1 text-xs font-medium",
+    md: "gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium"
   }, r = {
-    xs: "gap-0.5 py-0.5 px-1 text-xs font-medium",
-    sm: "gap-1 py-0.5 px-1.5 text-xs font-medium",
-    md: "gap-1.5 py-0.5 px-2 text-sm font-medium",
-    lg: "gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg"
-  }, a = {
+    sm: "gap-0.5 py-0.5 px-1 text-xs font-medium",
+    md: "gap-1 py-0.5 px-1.5 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 px-2 text-sm font-medium"
+  }, m = {
     [t.pillColor]: n,
     [t.color]: r,
     [t.modern]: r
-  }, g = m;
-  return /* @__PURE__ */ x("span", { className: u(l.common, a[e][s], l.styles[g].root, p), children: [
-    /* @__PURE__ */ d(w, { className: l.styles[g].addon, size: "sm" }),
+  }, g = a;
+  return /* @__PURE__ */ c("span", { className: d(l.common, m[i][s], l.styles[g].root, p), children: [
+    /* @__PURE__ */ u(w, { className: l.styles[g].addon, size: "sm" }),
     o
   ] });
-}, W = (i) => {
+}, W = (e) => {
   const {
-    size: s = "md",
-    color: m = "gray",
-    type: e = "pill-color",
+    size: s = "sm",
+    color: a = "gray",
+    type: i = "pill-color",
     iconLeading: p,
     iconTrailing: o,
     children: l,
     className: n
-  } = i, r = h[e], a = p ? "leading" : "trailing", g = {
-    xs: {
+  } = e, r = h[i], m = p ? "leading" : "trailing", g = {
+    sm: {
       trailing: "gap-0.5 py-0.5 px-1 text-xs font-medium",
       leading: "gap-0.5 py-0.5 px-1 text-xs font-medium"
     },
-    sm: {
+    md: {
       trailing: "gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium",
       leading: "gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium"
     },
-    md: {
+    lg: {
       trailing: "gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium",
       leading: "gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium"
-    },
-    lg: {
-      trailing: "gap-1 py-1 pl-3 pr-2.5 text-sm font-medium",
-      leading: "gap-1 py-1 pr-3 pl-2.5 text-sm font-medium"
     }
-  }, f = {
-    xs: {
+  }, b = {
+    sm: {
       trailing: "gap-0.5 py-0.5 px-1 text-xs font-medium",
       leading: "gap-0.5 py-0.5 px-1 text-xs font-medium"
     },
-    sm: {
+    md: {
       trailing: "gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium",
       leading: "gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium"
     },
-    md: {
+    lg: {
       trailing: "gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium",
       leading: "gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium"
-    },
-    lg: {
-      trailing: "gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg",
-      leading: "gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg"
     }
   }, z = {
     [t.pillColor]: g,
-    [t.color]: f,
-    [t.modern]: f
+    [t.color]: b,
+    [t.modern]: b
   };
-  return /* @__PURE__ */ x("span", { className: u(r.common, z[e][s][a], r.styles[m].root, n), children: [
-    p && /* @__PURE__ */ d(b, { children: p }),
+  return /* @__PURE__ */ c("span", { className: d(r.common, z[i][s][m], r.styles[a].root, n), children: [
+    p && /* @__PURE__ */ u(f, { children: p }),
     l,
-    o && /* @__PURE__ */ d(b, { children: o })
+    o && /* @__PURE__ */ u(f, { children: o })
   ] });
-}, L = (i) => {
-  const { size: s = "md", color: m = "gray", flag: e = "AU", type: p = "pill-color", children: o } = i, l = c[p], n = {
-    xs: "gap-0.5 py-0.5 pl-0.75 pr-2 text-xs font-medium",
-    sm: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
-    md: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium",
-    lg: "gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium"
+}, L = (e) => {
+  const { size: s = "sm", color: a = "gray", flag: i = "AU", type: p = "pill-color", children: o } = e, l = x[p], n = {
+    sm: "gap-0.5 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    md: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium"
   }, r = {
-    xs: "gap-0.5 py-0.5 pl-1 pr-1.5 text-xs font-medium",
-    sm: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
-    md: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium",
-    lg: "gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg"
-  }, a = {
+    sm: "gap-0.5 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    md: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium"
+  }, m = {
     [t.pillColor]: n,
     [t.color]: r,
     [t.modern]: r
   };
-  return /* @__PURE__ */ x("span", { className: u(l.common, a[p][s], l.styles[m].root), children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ c("span", { className: d(l.common, m[p][s], l.styles[a].root), children: [
+    /* @__PURE__ */ u(
       "img",
       {
-        src: `https://www.untitledui.com/images/flags/${e}.svg`,
+        src: `https://www.untitledui.com/images/flags/${i}.svg`,
         className: "size-4 max-w-none rounded-full",
-        alt: `${e} flag`
+        alt: `${i} flag`
       }
     ),
     o
   ] });
-}, O = (i) => {
-  const { size: s = "md", color: m = "gray", type: e = "pill-color", imgSrc: p, children: o } = i, l = c[e], n = {
-    xs: "gap-0.5 py-0.5 pl-0.75 pr-2 text-xs font-medium",
-    sm: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
-    md: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium",
-    lg: "gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium"
+}, O = (e) => {
+  const { size: s = "sm", color: a = "gray", type: i = "pill-color", imgSrc: p, children: o } = e, l = x[i], n = {
+    sm: "gap-0.5 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    md: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium"
   }, r = {
-    xs: "gap-0.5 py-0.5 pl-1 pr-1.5 text-xs font-medium",
-    sm: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
-    md: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium",
-    lg: "gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg"
-  }, a = {
+    sm: "gap-0.5 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    md: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    lg: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium"
+  }, m = {
     [t.pillColor]: n,
     [t.color]: r,
     [t.modern]: r
   };
-  return /* @__PURE__ */ x("span", { className: u(l.common, a[e][s], l.styles[m].root), children: [
-    /* @__PURE__ */ d("img", { src: p, className: "size-4 max-w-none rounded-full", alt: "Badge image" }),
+  return /* @__PURE__ */ c("span", { className: d(l.common, m[i][s], l.styles[a].root), children: [
+    /* @__PURE__ */ u("img", { src: p, className: "size-4 max-w-none rounded-full", alt: "Badge image" }),
     o
   ] });
-}, D = (i) => {
-  const { size: s = "md", color: m = "gray", type: e = "pill-color", icon: p = v, buttonLabel: o, children: l } = i, n = c[e], r = {
-    xs: "gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium",
+}, D = (e) => {
+  const { size: s = "sm", color: a = "gray", type: i = "pill-color", icon: p = v, buttonLabel: o, children: l } = e, n = x[i], r = {
     sm: "gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium",
-    md: "gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium",
-    lg: "gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium"
-  }, a = {
-    xs: "gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium",
+    md: "gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium",
+    lg: "gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium"
+  }, m = {
     sm: "gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium",
-    md: "gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium",
-    lg: "gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg"
+    md: "gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium",
+    lg: "gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium"
   }, g = {
     [t.pillColor]: r,
-    [t.color]: a,
-    [t.modern]: a
+    [t.color]: m,
+    [t.modern]: m
   };
-  return /* @__PURE__ */ x("span", { className: u(n.common, g[e][s], n.styles[m].root), children: [
+  return /* @__PURE__ */ c("span", { className: d(n.common, g[i][s], n.styles[a].root), children: [
     l,
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         "aria-label": o,
-        onClick: i.onButtonClick,
-        className: u(
+        onClick: e.onButtonClick,
+        className: d(
           "flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2",
-          n.styles[m].addonButton,
-          e === "pill-color" ? "rounded-full" : "rounded-[3px]"
+          n.styles[a].addonButton,
+          i === "pill-color" ? "rounded-full" : "rounded-[3px]"
         ),
-        children: /* @__PURE__ */ d(p, { className: "size-3 stroke-[3px] transition-inherit-all" })
+        children: /* @__PURE__ */ u(p, { className: "size-3 stroke-[3px] transition-inherit-all" })
       }
     )
   ] });
-}, F = (i) => {
-  const { size: s = "md", color: m = "gray", type: e = "pill-color", icon: p } = i, o = c[e], l = {
-    xs: "p-1",
-    sm: "p-1.25",
-    md: "p-1.5",
-    lg: "p-2"
+}, F = (e) => {
+  const { size: s = "sm", color: a = "gray", type: i = "pill-color", icon: p } = e, o = x[i], l = {
+    sm: "p-1",
+    md: "p-1.25",
+    lg: "p-1.5"
   }, n = {
-    xs: "p-1",
-    sm: "p-1.25",
-    md: "p-1.5",
-    lg: "p-2 rounded-lg"
+    sm: "p-1",
+    md: "p-1.25",
+    lg: "p-1.5"
   }, r = {
     [t.pillColor]: l,
     [t.color]: n,
     [t.modern]: n
   };
-  return /* @__PURE__ */ d("span", { className: u(o.common, r[e][s], o.styles[m].root), children: /* @__PURE__ */ d(p, { className: u("size-3 stroke-[3px]", o.styles[m].addon) }) });
+  return /* @__PURE__ */ u("span", { className: d(o.common, r[i][s], o.styles[a].root), children: /* @__PURE__ */ u(p, { className: d("size-3 stroke-[3px]", o.styles[a].addon) }) });
 };
 export {
   j as Badge,

package/dist/primitives/button/button-utility.d.ts

@@ -0,0 +1,43 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from 'react';
+import { Placement } from 'react-aria';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+export declare const styles: {
+    secondary: string;
+    tertiary: string;
+};
+/**
+ * Common props shared between button and anchor variants
+ */
+export interface CommonProps {
+    /** Disables the button and shows a disabled state */
+    isDisabled?: boolean;
+    /** The size variant of the button */
+    size?: "4xs" | "3xs" | "xxs" | "xs";
+    /** The color variant of the button */
+    color?: "secondary" | "tertiary";
+    /** The icon to display in the button */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** The tooltip to display when hovering over the button */
+    tooltip?: string;
+    /** The placement of the tooltip */
+    tooltipPlacement?: Placement;
+}
+/**
+ * Props for the button variant (non-link)
+ */
+export interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color" | "slot">, HTMLButtonElement> {
+    /** Slot name for react-aria component */
+    slot?: AriaButtonProps["slot"];
+}
+/**
+ * Props for the link variant (anchor tag)
+ */
+interface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">, HTMLAnchorElement> {
+}
+/** Union type of button and link props */
+export type Props = ButtonProps | LinkProps;
+export declare const ButtonUtility: ({ tooltip, className, isDisabled, icon: Icon, size, color, tooltipPlacement, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button-utility.d.ts.map

package/dist/primitives/button/button-utility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-utility.d.ts","sourceRoot":"","sources":["../../../src/primitives/button/button-utility.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,EAAE,EACF,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAM5E,eAAO,MAAM,MAAM;;;CAKlB,CAAC;AAiBF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SACE,WAAW,EACX,iBAAiB,CACf,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,iBAAiB,CAClB;IACH,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SACR,SACE,WAAW,EACX,iBAAiB,CACf,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EACtD,iBAAiB,CAClB;CAAG;AAER,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,aAAa,GAAI,8FAS3B,KAAK,4CA6DP,CAAC"}

package/dist/primitives/button/button-utility.js

@@ -0,0 +1,79 @@
+import { jsxs as x, jsx as d } from "react/jsx-runtime";
+import { isValidElement as m } from "react";
+import { Link as p, Button as h } from "react-aria-components";
+import { Tooltip as y } from "../tooltip/tooltip.js";
+import { cx as b } from "../../utils/cn.js";
+import { isReactComponent as v } from "../../utils/is-react-component.js";
+const g = {
+  secondary: "bg-primary text-fg-quaternary shadow-xs-skeumorphic ring-1 ring-secondary ring-inset hover:bg-primary_hover hover:text-fg-quaternary_hover disabled:shadow-xs disabled:ring-disabled_subtle",
+  tertiary: "text-fg-quaternary hover:bg-primary_hover hover:text-fg-quaternary_hover"
+}, _ = {
+  "4xs": "p-1",
+  "3xs": "p-1",
+  xxs: "p-1",
+  xs: "p-1.5"
+}, q = {
+  "4xs": "*:data-icon:size-3",
+  "3xs": "*:data-icon:size-4",
+  xxs: "*:data-icon:size-4.5",
+  xs: "*:data-icon:size-5"
+}, S = ({
+  tooltip: i,
+  className: c,
+  isDisabled: t,
+  icon: r,
+  size: n = "xs",
+  color: l = "secondary",
+  tooltipPlacement: u = "top",
+  ...e
+}) => {
+  const o = "href" in e ? e.href : void 0, f = o ? p : h;
+  let a = {};
+  o ? a = {
+    ...e,
+    href: t ? void 0 : o,
+    // Since anchor elements do not support the `disabled` attribute and state,
+    // we need to specify `data-rac` and `data-disabled` in order to be able
+    // to use the `disabled:` selector in classes.
+    ...t ? { "data-rac": !0, "data-disabled": !0 } : {}
+  } : a = {
+    ...e,
+    type: e.type || "button",
+    isDisabled: t
+  };
+  const s = /* @__PURE__ */ x(
+    f,
+    {
+      "aria-label": i,
+      ...a,
+      className: b(
+        "group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:text-fg-disabled_subtle",
+        g[l],
+        _[n],
+        // Icon styles
+        "*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:text-current *:data-icon:transition-inherit-all",
+        q[n],
+        c
+      ),
+      children: [
+        v(r) && /* @__PURE__ */ d(r, { "data-icon": !0 }),
+        m(r) && r
+      ]
+    }
+  );
+  return i ? /* @__PURE__ */ d(
+    y,
+    {
+      title: i,
+      placement: u,
+      isHoverable: !1,
+      isDisabled: t,
+      offset: n === "xs" ? 4 : 6,
+      children: s
+    }
+  ) : s;
+};
+export {
+  S as ButtonUtility,
+  g as styles
+};

package/dist/primitives/button/index.d.ts

@@ -1,2 +1,3 @@
-export { Button, type ButtonProps, type Props, type CommonProps, styles } from './button';
+export { Button, type ButtonProps, type Props, type CommonProps, styles, } from './button';
+export { ButtonUtility, type ButtonProps as ButtonUtilityButtonProps, type Props as ButtonUtilityProps, styles as buttonUtilityStyles, } from './button-utility';
 //# sourceMappingURL=index.d.ts.map