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

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,