mada-design-system 0.5.10 → 0.5.12

package/index.es51.js

@@ -1,52 +1,210 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Slot as f } from "@radix-ui/react-slot";
-import { cva as p } from "./index.es105.js";
-import * as m from "react";
-import { cn as x } from "./index.es85.js";
-const v = p(
-  "inline-flex items-center gap-space-02 justify-center transition-colors focus:outline focus:outline-2 focus:outline-offset-1",
-  {
-    variants: {
-      size: {
-        default: "text-body-02 [&>svg]:size-[20px]",
-        sm: "text-body-01 [&>svg]:size-space-04"
-      },
-      colors: {
-        primary: "text-link-primary hover:text-link-primary-hovered focus:text-link-primary-focused active:text-link-primary-pressed visited:text-link-primary-visited focus:outline-border-black",
-        neutral: "text-link-neutral hover:text-link-neutral-hovered focus:text-link-neutral-focused active:text-link-neutral-pressed visited:text-link-neutral-visited focus:outline-border-black",
-        oncolor: "text-link-oncolor hover:text-link-oncolor-hovered focus:text-link-oncolor-focused active:text-link-oncolor-pressed visited:text-link-oncolor-visited focus:outline-border-white"
-      },
-      underline: {
-        hover: "underline-offset-2 hover:underline",
-        always: "underline-offset-2 underline"
-      },
-      disabled: {
-        true: "pointer-events-none cursor-not-allowed !text-disabled-text-default-disabled"
+import { jsx as o, jsxs as v, Fragment as P } from "react/jsx-runtime";
+import * as g from "react";
+import * as C from "recharts";
+import { cn as i } from "./index.es86.js";
+const I = { light: "", dark: ".dark" }, j = g.createContext(null);
+function $() {
+  const s = g.useContext(j);
+  if (!s)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return s;
+}
+const S = g.forwardRef(({ id: s, className: r, children: n, config: t, ...a }, f) => {
+  const l = g.useId(), c = `chart-${s || l.replace(/:/g, "")}`;
+  return /* @__PURE__ */ o(j.Provider, { value: { config: t }, children: /* @__PURE__ */ v(
+    "div",
+    {
+      "data-chart": c,
+      ref: f,
+      className: i(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        r
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ o(E, { id: c, config: t }),
+        /* @__PURE__ */ o(C.ResponsiveContainer, { children: n })
+      ]
+    }
+  ) });
+});
+S.displayName = "Chart";
+const E = ({ id: s, config: r }) => {
+  const n = Object.entries(r).filter(
+    ([, t]) => t.theme || t.color
+  );
+  return n.length ? /* @__PURE__ */ o(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(I).map(
+          ([t, a]) => `
+${a} [data-chart=${s}] {
+${n.map(([f, l]) => {
+            var h;
+            const c = ((h = l.theme) == null ? void 0 : h[t]) || l.color;
+            return c ? `  --color-${f}: ${c};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
       }
-    },
-    compoundVariants: [],
-    defaultVariants: {
-      size: "default",
-      colors: "primary",
-      underline: "hover"
     }
-  }
-), k = m.forwardRef(
-  ({ className: e, size: t, underline: o, target: r, colors: i, disabled: n = !1, asChild: l = !1, ...s }, a) => {
-    const d = l ? f : "a", c = r === "_blank" ? "noopener noreferrer" : "";
-    return /* @__PURE__ */ u(
-      d,
+  ) : null;
+}, q = C.Tooltip, K = g.forwardRef(
+  ({
+    active: s,
+    payload: r,
+    className: n,
+    indicator: t = "dot",
+    hideLabel: a = !1,
+    hideIndicator: f = !1,
+    label: l,
+    labelFormatter: c,
+    labelClassName: h,
+    formatter: u,
+    color: L,
+    nameKey: R,
+    labelKey: _
+  }, T) => {
+    const { config: p } = $(), N = g.useMemo(() => {
+      var x;
+      if (a || !(r != null && r.length))
+        return null;
+      const [e] = r, w = `${_ || (e == null ? void 0 : e.dataKey) || (e == null ? void 0 : e.name) || "value"}`, m = k(p, e, w), d = !_ && typeof l == "string" ? ((x = p[l]) == null ? void 0 : x.label) || l : m == null ? void 0 : m.label;
+      return c ? /* @__PURE__ */ o("div", { className: i("font-medium", h), children: c(d, r) }) : d ? /* @__PURE__ */ o("div", { className: i("font-medium", h), children: d }) : null;
+    }, [
+      l,
+      c,
+      r,
+      a,
+      h,
+      p,
+      _
+    ]);
+    if (!s || !(r != null && r.length))
+      return null;
+    const b = r.length === 1 && t !== "dot";
+    return /* @__PURE__ */ v(
+      "div",
       {
-        className: x("text-link-primary", v({ size: t, underline: o, disabled: n, colors: i, className: e })),
-        ref: a,
-        rel: c,
-        ...s
+        ref: T,
+        className: i(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          n
+        ),
+        children: [
+          b ? null : N,
+          /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: r.map((e, w) => {
+            const m = `${R || e.name || e.dataKey || "value"}`, d = k(p, e, m), x = L || e.payload.fill || e.color;
+            return /* @__PURE__ */ o(
+              "div",
+              {
+                className: i(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  t === "dot" && "items-center"
+                ),
+                children: u && (e == null ? void 0 : e.value) !== void 0 && e.name ? u(e.value, e.name, e, w, e.payload) : /* @__PURE__ */ v(P, { children: [
+                  d != null && d.icon ? /* @__PURE__ */ o(d.icon, {}) : !f && /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: i(
+                        "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                        {
+                          "h-2.5 w-2.5": t === "dot",
+                          "w-1": t === "line",
+                          "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
+                          "my-0.5": b && t === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": x,
+                        "--color-border": x
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ v(
+                    "div",
+                    {
+                      className: i(
+                        "flex flex-1 justify-between leading-none",
+                        b ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ v("div", { className: "grid gap-1.5", children: [
+                          b ? N : null,
+                          /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || e.name })
+                        ] }),
+                        e.value && /* @__PURE__ */ o("span", { className: "font-mono font-medium tabular-nums text-foreground", children: e.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              e.dataKey
+            );
+          }) })
+        ]
       }
     );
   }
 );
-k.displayName = "Link";
+K.displayName = "ChartTooltip";
+const y = C.Legend, M = g.forwardRef(
+  ({ className: s, hideIcon: r = !1, payload: n, verticalAlign: t = "bottom", nameKey: a }, f) => {
+    const { config: l } = $();
+    return n != null && n.length ? /* @__PURE__ */ o(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "flex items-center justify-center gap-4",
+          t === "top" ? "pb-3" : "pt-3",
+          s
+        ),
+        children: n.map((c) => {
+          const h = `${a || c.dataKey || "value"}`, u = k(l, c, h);
+          return /* @__PURE__ */ v(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              ),
+              children: [
+                u != null && u.icon && !r ? /* @__PURE__ */ o(u.icon, {}) : /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: "h-2 w-2 shrink-0 rounded-[2px]",
+                    style: {
+                      backgroundColor: c.color
+                    }
+                  }
+                ),
+                u == null ? void 0 : u.label
+              ]
+            },
+            c.value
+          );
+        })
+      }
+    ) : null;
+  }
+);
+M.displayName = "ChartLegend";
+function k(s, r, n) {
+  if (typeof r != "object" || r === null)
+    return;
+  const t = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
+  let a = n;
+  return n in r && typeof r[n] == "string" ? a = r[n] : t && n in t && typeof t[n] == "string" && (a = t[n]), a in s ? s[a] : s[n];
+}
 export {
-  k as Link,
-  v as linkVariants
+  S as ChartContainer,
+  y as ChartLegend,
+  M as ChartLegendContent,
+  E as ChartStyle,
+  q as ChartTooltip,
+  K as ChartTooltipContent
 };

package/index.es52.js

@@ -1,83 +1,52 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import g from "./index.es157.js";
-import d from "./index.es158.js";
-import "./index.es2.js";
-import p from "./index.es133.js";
-import u from "./index.es159.js";
-import h from "./index.es160.js";
-import { strings as e } from "./index.es97.js";
-import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es26.js";
-import { Stack as r } from "./index.es42.js";
-import { Link as D } from "./index.es51.js";
-const A = ({ extension: a = ".gov.sa", linkProps: n, children: o, ...m }) => {
-  const s = {
-    ".gov.sa": {
-      title: e.formatString(e.DigitalSignatureContent.govSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
-      desc: e.DigitalSignatureContent.govSaDesc
+import { jsx as u } from "react/jsx-runtime";
+import { Slot as f } from "@radix-ui/react-slot";
+import { cva as p } from "./index.es105.js";
+import * as m from "react";
+import { cn as x } from "./index.es86.js";
+const v = p(
+  "inline-flex items-center gap-space-02 justify-center transition-colors focus:outline focus:outline-2 focus:outline-offset-1",
+  {
+    variants: {
+      size: {
+        default: "text-body-02 [&>svg]:size-[20px]",
+        sm: "text-body-01 [&>svg]:size-space-04"
+      },
+      colors: {
+        primary: "text-link-primary hover:text-link-primary-hovered focus:text-link-primary-focused active:text-link-primary-pressed visited:text-link-primary-visited focus:outline-border-black",
+        neutral: "text-link-neutral hover:text-link-neutral-hovered focus:text-link-neutral-focused active:text-link-neutral-pressed visited:text-link-neutral-visited focus:outline-border-black",
+        oncolor: "text-link-oncolor hover:text-link-oncolor-hovered focus:text-link-oncolor-focused active:text-link-oncolor-pressed visited:text-link-oncolor-visited focus:outline-border-white"
+      },
+      underline: {
+        hover: "underline-offset-2 hover:underline",
+        always: "underline-offset-2 underline"
+      },
+      disabled: {
+        true: "pointer-events-none cursor-not-allowed !text-disabled-text-default-disabled"
+      }
     },
-    ".edu.sa": {
-      title: e.formatString(e.DigitalSignatureContent.eduSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
-      desc: e.DigitalSignatureContent.eduSaDesc
-    },
-    ".org.sa": {
-      title: e.formatString(e.DigitalSignatureContent.orgSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
-      desc: e.DigitalSignatureContent.orgSaDesc
-    },
-    ".sch.sa": {
-      title: e.formatString(e.DigitalSignatureContent.schSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
-      desc: e.DigitalSignatureContent.schSaDesc
-    },
-    ".sa": {
-      title: e.formatString(e.DigitalSignatureContent.saTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
-      desc: e.DigitalSignatureContent.saDesc
+    compoundVariants: [],
+    defaultVariants: {
+      size: "default",
+      colors: "primary",
+      underline: "hover"
     }
-  };
-  return /* @__PURE__ */ t("div", { ...m, className: "bg-background-neutral-100 px-space-04 py-space-02 md:px-space-06", children: /* @__PURE__ */ i(S, { className: "mx-auto max-w-container", children: [
-    /* @__PURE__ */ i(r, { gap: 2, alignItems: "center", className: "flex-col text-body-01 font-medium md:flex-row", children: [
-      /* @__PURE__ */ i(r, { gap: 2, children: [
-        /* @__PURE__ */ t("img", { src: d, alt: "Saudi flag", width: 20, height: 14 }),
-        /* @__PURE__ */ t("span", { children: e.DigitalSignatureContent.officialSite })
-      ] }),
-      /* @__PURE__ */ i(f, { className: "flex items-center text-link-primary focus:border-none focus:bg-transparent active:bg-transparent", children: [
-        e.DigitalSignatureContent.howCheck,
-        " ",
-        /* @__PURE__ */ t(p, { className: "transition-transform group-data-[state=open]:rotate-180 " })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ms-auto", children: o })
-    ] }),
-    /* @__PURE__ */ t(x, { className: "mb-space-05 mt-space-07", children: /* @__PURE__ */ i(r, { direction: "col", gap: 7, children: [
-      /* @__PURE__ */ i(r, { gap: 4, className: "flex-col md:flex-row", children: [
-        /* @__PURE__ */ i(r, { gap: 4, children: [
-          /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(u, { className: "text-icon-primary" }) }),
-          /* @__PURE__ */ t(c, { title: s[a].title, desc: s[a].desc })
-        ] }),
-        /* @__PURE__ */ i(r, { gap: 4, children: [
-          /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(h, { className: "text-icon-primary" }) }),
-          /* @__PURE__ */ t(
-            c,
-            {
-              title: e.formatString(
-                e.DigitalSignatureContent.secureTitle,
-                /* @__PURE__ */ t("span", { className: "text-primary", children: "HTTPS" })
-              ),
-              desc: e.DigitalSignatureContent.secureDesc
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ i(r, { gap: 3, className: "flex-col bg-white px-space-05 py-space-02 md:flex-row", alignItems: "center", children: [
-        /* @__PURE__ */ i(r, { gap: 3, alignItems: "center", children: [
-          /* @__PURE__ */ t("img", { src: g, alt: "DGA logo" }),
-          e.DigitalSignatureContent.registered
-        ] }),
-        /* @__PURE__ */ t(D, { ...n })
-      ] })
-    ] }) })
-  ] }) });
-}, l = ({ children: a }) => /* @__PURE__ */ t("div", { className: "flex size-space-08 items-center justify-center rounded-full border border-border-success p-space-03 shadow-xs", children: a }), c = ({ title: a, desc: n }) => /* @__PURE__ */ i("div", { children: [
-  /* @__PURE__ */ t("h2", { className: "text-subtitle-01 font-semibold text-text-default", children: a }),
-  /* @__PURE__ */ t("p", { className: "text-text-paragraph-primary", children: n })
-] });
+  }
+), k = m.forwardRef(
+  ({ className: e, size: t, underline: o, target: r, colors: i, disabled: n = !1, asChild: l = !1, ...s }, a) => {
+    const d = l ? f : "a", c = r === "_blank" ? "noopener noreferrer" : "";
+    return /* @__PURE__ */ u(
+      d,
+      {
+        className: x("text-link-primary", v({ size: t, underline: o, disabled: n, colors: i, className: e })),
+        ref: a,
+        rel: c,
+        ...s
+      }
+    );
+  }
+);
+k.displayName = "Link";
 export {
-  A as DigitalSignature
+  k as Link,
+  v as linkVariants
 };

package/index.es53.js

@@ -1,45 +1,83 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es105.js";
-import * as f from "react";
-import { cn as t } from "./index.es85.js";
-const m = g(
-  "inline-flex items-center rounded-full gap-space-02 [&>svg]:size-space-05 font-medium text-body-02 justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled",
-  {
-    variants: {
-      size: {
-        default: "p-[20px] ",
-        sm: "p-space-04"
-      },
-      colors: {
-        primary: "bg-button-background-primary text-icon-oncolor hover:bg-button-background-primary-hovered active:bg-button-background-primary-pressed focus:bg-button-background-primary-focused ",
-        neutral: "bg-button-background-black text-icon-oncolor hover:bg-button-background-black-hovered active:bg-button-background-black-pressed focus:bg-button-background-black-focused",
-        oncolor: "bg-button-background-oncolor text-icon-default hover:bg-button-background-oncolor-hovered active:bg-button-background-oncolor-pressed focus:bg-button-background-oncolor-focused disabled:text-disabled-icon-default-oncolor-disabled disabled:bg-button-background-disabled-oncolor",
-        "Secondary-Solid": "bg-button-background-neutral text-icon-default hover:bg-button-background-neutral-pressed active:bg-button-background-neutral-selected focus:bg-button-background-neutral-focused"
-      }
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import g from "./index.es157.js";
+import d from "./index.es158.js";
+import "./index.es2.js";
+import p from "./index.es133.js";
+import u from "./index.es159.js";
+import h from "./index.es160.js";
+import { strings as e } from "./index.es98.js";
+import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es27.js";
+import { Stack as r } from "./index.es43.js";
+import { Link as D } from "./index.es52.js";
+const A = ({ extension: a = ".gov.sa", linkProps: n, children: o, ...m }) => {
+  const s = {
+    ".gov.sa": {
+      title: e.formatString(e.DigitalSignatureContent.govSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
+      desc: e.DigitalSignatureContent.govSaDesc
     },
-    defaultVariants: {
-      size: "default",
-      colors: "primary"
+    ".edu.sa": {
+      title: e.formatString(e.DigitalSignatureContent.eduSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
+      desc: e.DigitalSignatureContent.eduSaDesc
+    },
+    ".org.sa": {
+      title: e.formatString(e.DigitalSignatureContent.orgSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
+      desc: e.DigitalSignatureContent.orgSaDesc
+    },
+    ".sch.sa": {
+      title: e.formatString(e.DigitalSignatureContent.schSaTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
+      desc: e.DigitalSignatureContent.schSaDesc
+    },
+    ".sa": {
+      title: e.formatString(e.DigitalSignatureContent.saTitle, /* @__PURE__ */ t("span", { className: "text-primary", children: a })),
+      desc: e.DigitalSignatureContent.saDesc
     }
-  }
-), p = f.forwardRef(
-  ({ className: e, size: n, colors: a, children: r, asChild: b = !1, position: d, ...c }, u) => {
-    const s = b ? l : "button", i = "floating-button";
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: t(
-          "fixed m-space-03 duration-300 animate-in slide-in-from-bottom-10",
-          d === "bottomRight" ? "bottom-0 end-0" : "bottom-0 start-0"
-        ),
-        children: /* @__PURE__ */ o(s, { className: t(m({ size: n, colors: a, className: e })), ref: u, "aria-label": i, ...c, children: r })
-      }
-    );
-  }
-);
-p.displayName = "FloatingButton";
+  };
+  return /* @__PURE__ */ t("div", { ...m, className: "bg-background-neutral-100 px-space-04 py-space-02 md:px-space-06", children: /* @__PURE__ */ i(S, { className: "mx-auto max-w-container", children: [
+    /* @__PURE__ */ i(r, { gap: 2, alignItems: "center", className: "flex-col text-body-01 font-medium md:flex-row", children: [
+      /* @__PURE__ */ i(r, { gap: 2, children: [
+        /* @__PURE__ */ t("img", { src: d, alt: "Saudi flag", width: 20, height: 14 }),
+        /* @__PURE__ */ t("span", { children: e.DigitalSignatureContent.officialSite })
+      ] }),
+      /* @__PURE__ */ i(f, { className: "flex items-center text-link-primary focus:border-none focus:bg-transparent active:bg-transparent", children: [
+        e.DigitalSignatureContent.howCheck,
+        " ",
+        /* @__PURE__ */ t(p, { className: "transition-transform group-data-[state=open]:rotate-180 " })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "ms-auto", children: o })
+    ] }),
+    /* @__PURE__ */ t(x, { className: "mb-space-05 mt-space-07", children: /* @__PURE__ */ i(r, { direction: "col", gap: 7, children: [
+      /* @__PURE__ */ i(r, { gap: 4, className: "flex-col md:flex-row", children: [
+        /* @__PURE__ */ i(r, { gap: 4, children: [
+          /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(u, { className: "text-icon-primary" }) }),
+          /* @__PURE__ */ t(c, { title: s[a].title, desc: s[a].desc })
+        ] }),
+        /* @__PURE__ */ i(r, { gap: 4, children: [
+          /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(h, { className: "text-icon-primary" }) }),
+          /* @__PURE__ */ t(
+            c,
+            {
+              title: e.formatString(
+                e.DigitalSignatureContent.secureTitle,
+                /* @__PURE__ */ t("span", { className: "text-primary", children: "HTTPS" })
+              ),
+              desc: e.DigitalSignatureContent.secureDesc
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ i(r, { gap: 3, className: "flex-col bg-white px-space-05 py-space-02 md:flex-row", alignItems: "center", children: [
+        /* @__PURE__ */ i(r, { gap: 3, alignItems: "center", children: [
+          /* @__PURE__ */ t("img", { src: g, alt: "DGA logo" }),
+          e.DigitalSignatureContent.registered
+        ] }),
+        /* @__PURE__ */ t(D, { ...n })
+      ] })
+    ] }) })
+  ] }) });
+}, l = ({ children: a }) => /* @__PURE__ */ t("div", { className: "flex size-space-08 items-center justify-center rounded-full border border-border-success p-space-03 shadow-xs", children: a }), c = ({ title: a, desc: n }) => /* @__PURE__ */ i("div", { children: [
+  /* @__PURE__ */ t("h2", { className: "text-subtitle-01 font-semibold text-text-default", children: a }),
+  /* @__PURE__ */ t("p", { className: "text-text-paragraph-primary", children: n })
+] });
 export {
-  p as FloatingButton,
-  m as floatingButtonVariants
+  A as DigitalSignature
 };

package/index.es54.js

@@ -1,41 +1,45 @@
-import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es105.js";
-import { forwardRef as g } from "react";
-import { cn as c } from "./index.es85.js";
-import "./index.es2.js";
-import { ShouldRender as p } from "./index.es14.js";
-const u = y("text-body-02", {
-  variants: {
-    variant: {
-      ordered: "list-decimal rtl:[&>ol]:list-[arabic-letters] [&>ol]:list-[lower-alpha] [&>ol]:list-inside ",
-      unordered: "list-disc [&>ul]:list-[circle] [&>ul]:list-inside ",
-      "with-icon": "list-none [&>li>svg]:size-space-04  [&>li]:gap-space-02 [&>ul]:list-inside [&>li]:flex [&>li]:items-center"
+import { jsx as o } from "react/jsx-runtime";
+import { Slot as l } from "@radix-ui/react-slot";
+import { cva as g } from "./index.es105.js";
+import * as f from "react";
+import { cn as t } from "./index.es86.js";
+const m = g(
+  "inline-flex items-center rounded-full gap-space-02 [&>svg]:size-space-05 font-medium text-body-02 justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled",
+  {
+    variants: {
+      size: {
+        default: "p-[20px] ",
+        sm: "p-space-04"
+      },
+      colors: {
+        primary: "bg-button-background-primary text-icon-oncolor hover:bg-button-background-primary-hovered active:bg-button-background-primary-pressed focus:bg-button-background-primary-focused ",
+        neutral: "bg-button-background-black text-icon-oncolor hover:bg-button-background-black-hovered active:bg-button-background-black-pressed focus:bg-button-background-black-focused",
+        oncolor: "bg-button-background-oncolor text-icon-default hover:bg-button-background-oncolor-hovered active:bg-button-background-oncolor-pressed focus:bg-button-background-oncolor-focused disabled:text-disabled-icon-default-oncolor-disabled disabled:bg-button-background-disabled-oncolor",
+        "Secondary-Solid": "bg-button-background-neutral text-icon-default hover:bg-button-background-neutral-pressed active:bg-button-background-neutral-selected focus:bg-button-background-neutral-focused"
+      }
     },
-    colors: {
-      primary: "text-text-primary",
-      neutral: "text-text-default",
-      onColor: "text-text-oncolor-primary"
+    defaultVariants: {
+      size: "default",
+      colors: "primary"
     }
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    variant: "ordered",
-    colors: "primary"
   }
-}), L = ({ children: o, variant: l, colors: e, items: r, icon: i, className: n, ...a }) => {
-  const d = l === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ t(p, { shouldRender: !!(r != null && r.length), children: /* @__PURE__ */ t(d, { className: c(u({ variant: l, colors: e, className: n })), ...a, children: r == null ? void 0 : r.map((m, x) => /* @__PURE__ */ s(h, { children: [
-      !!i && l === "with-icon" && i,
-      m
-    ] }, x)) }) }),
-    /* @__PURE__ */ t(p, { shouldRender: !(r != null && r.length), children: /* @__PURE__ */ t(d, { className: c(u({ variant: l, colors: e, className: n })), ...a, children: o }) })
-  ] });
-};
-L.displayName = "List";
-const h = g(({ children: o, ...l }, e) => /* @__PURE__ */ t("li", { ref: e, ...l, className: "", children: o }));
-h.displayName = "ListItem";
+), p = f.forwardRef(
+  ({ className: e, size: n, colors: a, children: r, asChild: b = !1, position: d, ...c }, u) => {
+    const s = b ? l : "button", i = "floating-button";
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        className: t(
+          "fixed m-space-03 duration-300 animate-in slide-in-from-bottom-10",
+          d === "bottomRight" ? "bottom-0 end-0" : "bottom-0 start-0"
+        ),
+        children: /* @__PURE__ */ o(s, { className: t(m({ size: n, colors: a, className: e })), ref: u, "aria-label": i, ...c, children: r })
+      }
+    );
+  }
+);
+p.displayName = "FloatingButton";
 export {
-  L as List,
-  h as ListItem
+  p as FloatingButton,
+  m as floatingButtonVariants
 };