prometeo-design-system 3.1.5 → 3.1.7

package/dist/Table.es.js

@@ -0,0 +1,121 @@
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { c as l } from "./cn-B6yFEsav.js";
+import * as o from "react";
+const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(
+  "table",
+  {
+    ref: a,
+    className: l(
+      "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
+      e
+    ),
+    ...t
+  }
+) }));
+n.displayName = "Table";
+const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "thead",
+  {
+    ref: a,
+    className: l("[&_tr]:border-b-0 [&_tr]:text-center", e),
+    ...t
+  }
+));
+f.displayName = "TableHeader";
+const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "tbody",
+  {
+    ref: a,
+    className: l("[&_tr:last-child]:border-b [&_tr]:cursor-pointer ", e),
+    ...t
+  }
+));
+i.displayName = "TableBody";
+const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "tfoot",
+  {
+    ref: a,
+    className: l(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0!",
+      e
+    ),
+    ...t
+  }
+));
+b.displayName = "TableFooter";
+const c = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
+  const s = `
+    after:content-["<span id='selected-span'></span>"]
+    after:absolute
+    after:top-1/2
+    after:left-1/2
+    after:w-[calc(100%)]
+    after:h-[calc(100%-12px)]
+    after:-translate-x-1/2
+    after:-translate-y-1/2
+    after:bg-primary-default-default
+    after:rounded-lg
+    ${t ? "after:opacity-10" : "after:opacity-0"}
+    after:z-10
+    after:pointer-events-none
+    transition-all
+    duration-300
+    ease-in-out
+    `;
+  return /* @__PURE__ */ r.jsx(
+    "tr",
+    {
+      ref: d,
+      className: l(
+        "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
+        s,
+        e
+      ),
+      ...a
+    }
+  );
+});
+c.displayName = "TableRow";
+const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "th",
+  {
+    ref: a,
+    className: l(
+      "h-14 px-4 text-center align-middle font-semibold text-neutral-default-default bg-neutral-medium-default first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg",
+      e
+    ),
+    ...t
+  }
+));
+m.displayName = "TableHead";
+const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "td",
+  {
+    ref: a,
+    className: l(
+      "py-4 px-4 align-middle text-center [&:has([role=checkbox])]:pr-0",
+      e
+    ),
+    ...t
+  }
+));
+u.displayName = "TableCell";
+const p = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "caption",
+  {
+    ref: a,
+    className: l("mt-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+p.displayName = "TableCaption";
+export {
+  n as Table,
+  i as TableBody,
+  p as TableCaption,
+  u as TableCell,
+  b as TableFooter,
+  m as TableHead,
+  f as TableHeader,
+  c as TableRow
+};

package/dist/TextArea.d.ts

@@ -0,0 +1,4 @@
+export {}
+import PrometeoDesignSystem from './exports/TextArea'
+export default PrometeoDesignSystem
+export {}

package/dist/TextArea.es.js

@@ -0,0 +1,66 @@
+import { j as k } from "./jsx-runtime-GkKLlHH4.js";
+import { c as A } from "./cn-B6yFEsav.js";
+import * as a from "react";
+import { forwardRef as E } from "react";
+const M = E(
+  ({
+    className: f,
+    autoResize: r = !1,
+    userResize: c = !0,
+    minRows: l = 3,
+    maxRows: n,
+    placeholder: d,
+    onChange: m,
+    value: h,
+    rows: p,
+    disabled: x = !1,
+    ...g
+    // ← Para pasar las props nativas
+  }, t) => {
+    const o = a.useRef(null), b = a.useCallback(
+      (e) => {
+        o.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+      },
+      [t]
+    ), s = a.useCallback(() => {
+      const e = o.current;
+      if (!e || !r) return;
+      e.style.height = "auto";
+      const C = e.scrollHeight, i = Number.parseInt(getComputedStyle(e).lineHeight) || 20, j = l * i + 16;
+      let u = Math.max(C, j);
+      if (n) {
+        const N = n * i + 16;
+        u = Math.min(u, N);
+      }
+      e.style.height = `${u}px`;
+    }, [r, l, n]), y = (e) => {
+      m?.(e), s();
+    };
+    a.useEffect(() => {
+      s();
+    }, [s]);
+    const H = () => c ? r ? "resize-x" : "resize" : "resize-none";
+    return /* @__PURE__ */ k.jsx(
+      "textarea",
+      {
+        ref: b,
+        "data-slot": "textarea",
+        className: A(
+          "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default flex w-full rounded-md px-3 py-2 outline-none disabled:cursor-default disabled:opacity-50 md:text-sm",
+          H(),
+          f
+        ),
+        onChange: y,
+        rows: r ? l : p,
+        value: h,
+        placeholder: d,
+        disabled: x,
+        ...g
+      }
+    );
+  }
+);
+M.displayName = "TextArea";
+export {
+  M as default
+};

package/dist/TicketCard.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/TicketCard'
+export {}
+import PrometeoDesignSystem from './exports/TicketCard'
+export default PrometeoDesignSystem
+export * from './exports/TicketCard'
+export {}

package/dist/TicketCard.es.js

@@ -0,0 +1,130 @@
+import { j as l } from "./jsx-runtime-GkKLlHH4.js";
+import { g as L } from "./useLabelBackground-BDIHUdND.js";
+import { c as d } from "./cn-B6yFEsav.js";
+import { memo as O, useState as y, useCallback as x, useImperativeHandle as S, Children as A, isValidElement as B, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
+import { CrevronLeft as I } from "./Icons/CrevronLeft.es.js";
+const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
+  const { children: t, className: r, controls: s } = n, [e, c] = y(!0), i = x(() => {
+    c((a) => !a);
+  }, []), f = x(() => {
+    c(!1);
+  }, []), p = x(() => {
+    c(!0);
+  }, []);
+  S(
+    s,
+    () => ({ open: f, close: p, toggle: i }),
+    [f, p, i]
+  );
+  const o = {
+    isCollapsed: e,
+    toggle: i
+  }, v = typeof t == "function" ? t(o) : t, m = A.toArray(v);
+  let u = null, g = null;
+  const h = [];
+  m.forEach((a) => {
+    if (!B(a)) {
+      h.push(a);
+      return;
+    }
+    if (a.type === b && !u) {
+      u = k(a, { context: o });
+      return;
+    }
+    if (a.type === E && !g) {
+      g = k(a, { context: o });
+      return;
+    }
+    h.push(a);
+  });
+  const H = u ?? (h.length ? /* @__PURE__ */ l.jsx(b, { context: o, children: h }) : null), R = !!g, T = g ?? null;
+  return /* @__PURE__ */ l.jsxs("div", { className: d("group/ticketcard w-full h-full flex flex-col overflow-hidden", r), "data-expanded": !e, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "ticketcard-container flex gap-0.5 h-min flex-nowrap", children: [
+      H,
+      R && /* @__PURE__ */ l.jsx(M, { isCollapsed: e, toggle: i })
+    ] }),
+    /* @__PURE__ */ l.jsx(V, { context: o, children: T })
+  ] });
+}, j = O(q), b = (n) => {
+  const { children: t, context: r, className: s, onClick: e } = n, c = C(t, r);
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: d(
+        "ticketcard-content rounded-lg p-3 flex-1 overflow-hidden",
+        "bg-neutral-default-default border border-transparent",
+        "transition-all duration-300 ease-in-out",
+        e && "hover:bg-neutral-default-hover",
+        e && "active:bg-neutral-default-pressed focus-visible:bg-neutral-default-pressed",
+        "group-data-[expanded=true]/ticketcard:border-neutral-strong-default",
+        e ? "cursor-pointer clickable" : "",
+        s
+      ),
+      onClick: e,
+      children: c
+    }
+  );
+}, M = ({ isCollapsed: n, toggle: t }) => {
+  const r = w(null);
+  return N(() => {
+    if (!r.current) return;
+    const s = r.current.previousElementSibling?.querySelector(".ticket-card-content");
+    if (!s) return;
+    const e = L(s);
+    r.current.style.backgroundColor = e;
+  }, []), /* @__PURE__ */ l.jsx(
+    "button",
+    {
+      ref: r,
+      type: "button",
+      onClick: t,
+      className: d(
+        "ticketcard-toggle-button",
+        "grid place-items-center cursor-pointer transition-transform rounded-lg w-8 max-w-8 min-w-8",
+        "bg-neutral-default-default ",
+        "transition-all duration-300 ease-in-out",
+        "hover:bg-neutral-default-hover",
+        "active:bg-neutral-default-pressed focus-visible:bg-neutral-default-pressed",
+        "group-data-[expanded=true]/ticketcard:bg-neutral-default-hover",
+        "group-data-[expanded=true]/ticketcard:text-primary-default-default"
+      ),
+      children: /* @__PURE__ */ l.jsx(I, { className: d("-rotate-90 transition-transform duration-300", !n && "rotate-90") })
+    }
+  );
+}, V = (n) => {
+  const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [f, p] = y(0), o = x(() => {
+    const m = i.current;
+    if (!m) return;
+    const u = m.scrollHeight;
+    p(u);
+  }, []);
+  N(() => {
+    o();
+  }, [o, e]), z(() => (window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [o]);
+  const v = c ? 0 : f || i.current?.scrollHeight || 0;
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: d(
+        "ticket-card-collapsable overflow-hidden transition-all duration-300 ease-in-out flex-1 flex flex-col",
+        s
+      ),
+      style: {
+        maxHeight: v,
+        opacity: c ? 0 : 1
+      },
+      children: /* @__PURE__ */ l.jsx("div", { ref: i, className: "flex flex-col", children: e })
+    }
+  );
+}, E = (n) => {
+  const { children: t, context: r, className: s } = n, e = C(t, r);
+  return /* @__PURE__ */ l.jsx("div", { className: d("ticket-card-options flex-1 overflow-hidden min-h-0", s), children: e });
+}, _ = Object.assign(j, {
+  Root: j,
+  Content: b,
+  Options: E
+});
+_.displayName = "TicketCard";
+export {
+  _ as default
+};

package/dist/Toast.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/Toast'
+export {}
+import PrometeoDesignSystem from './exports/Toast'
+export default PrometeoDesignSystem
+export * from './exports/Toast'
+export {}

package/dist/Toast.es.js

@@ -0,0 +1,150 @@
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import w from "react";
+import { toast as p } from "sonner";
+import { c as s } from "./cn-B6yFEsav.js";
+import { Info as m } from "./Icons/Info.es.js";
+import { Error as u } from "./Icons/Error.es.js";
+import { Cancel as f } from "./Icons/Cancel.es.js";
+import { CheckCircle as b } from "./Icons/CheckCircle.es.js";
+import h from "./Button.es.js";
+import { Close as C } from "./Icons/Close.es.js";
+const x = {
+  dark: {
+    success: {
+      container: "border-b-[2px] border-success-default-default",
+      iconClass: "text-success-medium-default",
+      icon: b
+    },
+    error: {
+      container: "border-b-[2px] border-error-default-default",
+      iconClass: "text-error-medium-default",
+      icon: f
+    },
+    warning: {
+      container: "border-b-[2px] border-warning-default-default",
+      iconClass: "text-warning-medium-default",
+      icon: u
+    },
+    info: {
+      container: " border-b-[2px] border-primary-default-default",
+      iconClass: "text-primary-default-default",
+      icon: m
+    }
+  },
+  light: {
+    success: {
+      container: "",
+      iconClass: "text-success-default-pressed",
+      icon: b
+    },
+    error: {
+      container: "",
+      iconClass: "text-error-medium-pressed",
+      icon: f
+    },
+    warning: {
+      container: "",
+      iconClass: "text-warning-medium-pressed",
+      icon: u
+    },
+    info: {
+      container: "",
+      iconClass: "text-primary-default-pressed",
+      icon: m
+    }
+  }
+}, l = {
+  dark: {
+    container: "bg-neutral-default-default",
+    title: "text-neutral-strong-default",
+    description: "text-neutral-default-default",
+    shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),0px 15px 20px 0px rgba(0, 0, 0, 0.25),0px 0px 10px 0px rgba(0, 0, 0, 0.4),0px 6px 20px 0px rgba(229, 229, 235, 0.03) inset"
+  },
+  light: {
+    container: "bg-neutral-default-default-light",
+    title: "text-neutral-weak-default",
+    description: "text-neutral-medium-focused",
+    shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
+  }
+}, v = (c) => {
+  const { title: r, description: i, button: a, id: n, icon: d, variant: o = "info", colorMode: t = "dark", showClose: g = !1 } = c;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      style: {
+        boxShadow: l[t].shadow
+      },
+      className: s(
+        "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
+        "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
+        l[t].container,
+        x[t][o].container
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[t][o].icon, { size: 24, className: x[t][o].iconClass }) }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
+                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: r }),
+                i && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: i })
+              ] })
+            ]
+          }
+        ),
+        a?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+          h,
+          {
+            label: a?.label,
+            onClick: () => {
+              a?.onClick(), p.dismiss(n);
+            },
+            size: "small",
+            color: "secondary"
+          }
+        ) }),
+        g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+          h,
+          {
+            onClick: () => {
+              p.dismiss(n);
+            },
+            label: "",
+            size: "small",
+            color: "secondary",
+            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            variant: "text",
+            animate: !1,
+            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+          }
+        ) })
+      ]
+    }
+  );
+};
+function _(c, r) {
+  const { duration: i = 2500, showClose: a = !1, colorMode: n = "dark", position: d } = r || {};
+  return p.custom((o) => /* @__PURE__ */ e.jsx(
+    v,
+    {
+      id: o,
+      variant: r?.variant || "success",
+      title: c,
+      description: r?.description,
+      icon: r?.icon,
+      button: r?.button,
+      showClose: a,
+      colorMode: n
+    }
+  ), {
+    duration: i,
+    position: d,
+    unstyled: !0
+  });
+}
+export {
+  v as default,
+  _ as toastpyrion
+};

package/dist/ToastProvider.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/ToastProvider'
+export {}
+import PrometeoDesignSystem from './exports/ToastProvider'
+export default PrometeoDesignSystem
+export * from './exports/ToastProvider'
+export {}

package/dist/ToastProvider.es.js

@@ -0,0 +1,6 @@
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { Toaster as r } from "sonner";
+const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
+export {
+  i as default
+};

package/dist/Tooltip.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/Tooltip'
+export {}
+import PrometeoDesignSystem from './exports/Tooltip'
+export default PrometeoDesignSystem
+export * from './exports/Tooltip'
+export {}

package/dist/Tooltip.es.js

@@ -0,0 +1,62 @@
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { AnimatePresence as f, motion as n } from "framer-motion";
+import { useState as p, cloneElement as x } from "react";
+import { Close as b } from "./Icons/Close.es.js";
+const N = ({
+  title: i,
+  trigger: o,
+  children: r,
+  position: t = "top",
+  component: c
+}) => {
+  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
+    onMouseEnter: m,
+    onMouseLeave: a
+  } : {
+    onClick: () => l(!s)
+  }, d = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
+    x(r, u),
+    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
+      n.div,
+      {
+        initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
+        animate: {
+          opacity: 1,
+          scale: 1,
+          y: 0
+        },
+        exit: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
+        transition: {
+          duration: 0.15,
+          ease: "easeOut"
+        },
+        className: `absolute z-50 ${d[t]}`,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "min-w-80 max-w-80 min-h-36 h-fit text-white rounded-lg shadow-lg p-3 bg-neutral-medium-default", children: [
+          /* @__PURE__ */ e.jsx("h3", { className: "font-bold text-sm mb-1 text-neutral-strong-default", children: i }),
+          c,
+          o === "click" && /* @__PURE__ */ e.jsx(
+            n.button,
+            {
+              onClick: (h) => {
+                h.stopPropagation(), a();
+              },
+              className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
+              whileHover: { scale: 1.1 },
+              whileTap: { scale: 0.95 },
+              children: /* @__PURE__ */ e.jsx(b, { size: 14, className: "text-white" })
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  N as default
+};

package/dist/badge-B1IK_-i5.js

@@ -0,0 +1,87 @@
+import { j as n } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import { forwardRef as b, useState as g, useRef as p, useEffect as h } from "react";
+const j = b((t, s) => {
+  const [c, u] = g(t?.currentTabName || t.tabs[0].name), l = p(null), { tabs: r = [], className: d, activeColor: a = "var(--neutral-900)" } = t;
+  h(() => {
+    l.current?.style.setProperty("--tab-bg", a);
+  }, [a]);
+  const m = r.find((e) => e.name === (t?.currentTabName || c));
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      ref: s,
+      className: i(
+        "select-none",
+        "flex flex-col gap-2",
+        "bg-neutral-strong-default",
+        "h-full w-14 max-w-14 pl-[6px] py-6",
+        " border-r border-neutral-default-default",
+        d
+      ),
+      children: r.map(
+        (e) => {
+          const o = e.name === m?.name, f = typeof e.thumbnail == "string" ? /* @__PURE__ */ n.jsx("img", { src: e.thumbnail, alt: e.description, className: "aspect-square object-contain rounded", draggable: !1 }) : e.thumbnail, x = () => {
+            e.disabled || (u(e.name), e.onClick && e.onClick(e.name));
+          };
+          return /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: i(
+                "bg-[(--tab-bg)]",
+                "h-12 w-[50px] z-20",
+                "flex items-center pl-[6px] ",
+                "rounded-l-[8px]",
+                "tabswitch-element relative",
+                o && "active"
+              ),
+              onClick: x,
+              ref: l,
+              children: /* @__PURE__ */ n.jsx("div", { className: i(
+                "size-8 rounded-[4px]",
+                "grid place-items-center",
+                "tab-thumbnail-icon",
+                "bg-transparent text-neutral-default-default",
+                e?.className
+              ), children: f })
+            },
+            e.name
+          );
+        }
+      )
+    }
+  );
+}), N = ({
+  count: t,
+  maxCount: s = 9,
+  className: c = "",
+  size: u = "medium",
+  variant: l = "primary",
+  showZero: r = !1,
+  disabled: d = !1
+}) => {
+  const a = t, m = a > s ? `+${s}` : a;
+  if (a === 0 && !r) return null;
+  const e = {
+    small: "w-4.5 h-4.5 text-xs ",
+    medium: "w-5 h-5 text-xs",
+    large: "w-6 h-6 text-sm"
+  }, o = {
+    primary: "bg-primary-default-default text-neutral-strong-default",
+    secondary: "bg-neutral-medium-default text-neutral-strong-default",
+    success: "bg-green-500 text-white",
+    warning: "bg-yellow-500 text-black",
+    danger: "bg-red-500 text-white"
+  };
+  return /* @__PURE__ */ n.jsx("div", { className: i(
+    "rounded-full flex items-center justify-center font-medium select-none",
+    e[u],
+    o[l],
+    c,
+    d && "text-neutral-strong-disabled bg-primary-medium-disabled"
+  ), children: /* @__PURE__ */ n.jsx("span", { children: m }) });
+};
+export {
+  N as B,
+  j as T
+};

package/dist/cn-B6yFEsav.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function m(...r) {
+  return t(o(r));
+}
+export {
+  m as c
+};