@clasing/ui 2.5.0 → 2.7.0

package/dist/badge-DK9gdPpu.cjs

@@ -0,0 +1,91 @@
+"use strict";const e=require("./index-Bfismeyo.cjs"),b=require("@radix-ui/react-slot"),c=require("./index-BmhzhLcV.cjs"),v=c.cva(`
+    box-border inline-flex w-fit shrink-0 items-center justify-center gap-2
+    overflow-hidden font-semibold whitespace-nowrap
+    transition-[color,box-shadow]
+    focus-visible:border-ring focus-visible:ring-[3px]
+    focus-visible:ring-ring/50
+    aria-invalid:border-destructive aria-invalid:ring-destructive/20
+    dark:aria-invalid:ring-destructive/40
+    [&>svg]:pointer-events-none
+  `,{variants:{variant:{default:`
+          bg-muted text-foreground/80
+          [a&]:hover:bg-muted/90
+        `,secondary:`
+          bg-secondary text-secondary-foreground
+          [a&]:hover:bg-secondary/90
+        `,destructive:`
+          bg-destructive text-destructive-foreground
+          focus-visible:ring-destructive/20
+          dark:bg-destructive
+          dark:focus-visible:ring-destructive
+          [a&]:hover:bg-destructive/90
+        `,outline:`
+          text-foreground
+          [a&]:hover:bg-accent [a&]:hover:text-accent-foreground
+        `,error:`
+          bg-destructive text-destructive-foreground
+          [a&]:hover:bg-destructive/90
+        `,warning:`
+          bg-warning text-warning-foreground
+          [a&]:hover:bg-warning/90
+        `,success:`
+          bg-success text-success-foreground
+          [a&]:hover:bg-success/90
+        `,info:`
+          bg-info text-info-foreground
+          [a&]:hover:bg-info/90
+        `,neutral:`
+          bg-black text-white
+          [a&]:hover:bg-black/90
+        `,primary:`
+          bg-primary text-primary-foreground
+          [a&]:hover:bg-primary/90
+        `,yellow:`
+          bg-yellow-600 text-white
+          [a&]:hover:bg-yellow-600/90
+        `,blue:`
+          bg-blue-600 text-white
+          [a&]:hover:bg-blue-600/90
+        `,violet:`
+          bg-violet-600 text-white
+          [a&]:hover:bg-violet-600/90
+        `,"not-started":`
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,"in-progress":`
+          border border-warning-foreground bg-background text-warning-foreground
+          [a&]:hover:bg-background/90
+        `,completed:`
+          border border-success-foreground bg-background text-success-foreground
+          [a&]:hover:bg-background/90
+        `,blocked:`
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,paused:`
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,failed:`
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `,expired:`
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `,cancelled:`
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `},size:{xs:`
+          h-6.5 px-3 py-px paragraph-xs
+          [&>svg]:size-3.5
+        `,sm:`
+          px-4 py-1 paragraph-xs
+          [&>svg]:size-4
+        `,md:`
+          px-4 py-2 paragraph-sm
+          [&>svg]:size-4
+        `,lg:`
+          px-4 py-2 paragraph-md
+          [&>svg]:size-5
+        `},weight:{regular:"font-regular",medium:"font-medium",semibold:"font-semibold"},rounded:{default:"rounded-2xl",full:"rounded-full"}},defaultVariants:{variant:"default",size:"xs",weight:"semibold",rounded:"full"}});function l({className:r,variant:o,size:t,weight:d,rounded:a,iconOnly:n,asChild:g=!1,children:i,...u}){const s=g?b.Slot:"span";return e.jsxRuntimeExports.jsx(s,{"data-slot":"badge",className:e.cn(v({variant:o,size:t,weight:d,rounded:a}),n&&"px-2.5 py-2",r),...u,children:i})}exports.Badge=l;

package/dist/badge-aFyTFGVU.js

@@ -0,0 +1,173 @@
+import { j as u, c as b } from "./index-CwFDnnd3.js";
+import { Slot as c } from "@radix-ui/react-slot";
+import { c as v } from "./index-CnqageB2.js";
+const l = v(
+  `
+    box-border inline-flex w-fit shrink-0 items-center justify-center gap-2
+    overflow-hidden font-semibold whitespace-nowrap
+    transition-[color,box-shadow]
+    focus-visible:border-ring focus-visible:ring-[3px]
+    focus-visible:ring-ring/50
+    aria-invalid:border-destructive aria-invalid:ring-destructive/20
+    dark:aria-invalid:ring-destructive/40
+    [&>svg]:pointer-events-none
+  `,
+  {
+    variants: {
+      variant: {
+        default: `
+          bg-muted text-foreground/80
+          [a&]:hover:bg-muted/90
+        `,
+        secondary: `
+          bg-secondary text-secondary-foreground
+          [a&]:hover:bg-secondary/90
+        `,
+        destructive: `
+          bg-destructive text-destructive-foreground
+          focus-visible:ring-destructive/20
+          dark:bg-destructive
+          dark:focus-visible:ring-destructive
+          [a&]:hover:bg-destructive/90
+        `,
+        outline: `
+          text-foreground
+          [a&]:hover:bg-accent [a&]:hover:text-accent-foreground
+        `,
+        error: `
+          bg-destructive text-destructive-foreground
+          [a&]:hover:bg-destructive/90
+        `,
+        warning: `
+          bg-warning text-warning-foreground
+          [a&]:hover:bg-warning/90
+        `,
+        success: `
+          bg-success text-success-foreground
+          [a&]:hover:bg-success/90
+        `,
+        info: `
+          bg-info text-info-foreground
+          [a&]:hover:bg-info/90
+        `,
+        neutral: `
+          bg-black text-white
+          [a&]:hover:bg-black/90
+        `,
+        primary: `
+          bg-primary text-primary-foreground
+          [a&]:hover:bg-primary/90
+        `,
+        yellow: `
+          bg-yellow-600 text-white
+          [a&]:hover:bg-yellow-600/90
+        `,
+        blue: `
+          bg-blue-600 text-white
+          [a&]:hover:bg-blue-600/90
+        `,
+        violet: `
+          bg-violet-600 text-white
+          [a&]:hover:bg-violet-600/90
+        `,
+        "not-started": `
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,
+        "in-progress": `
+          border border-warning-foreground bg-background text-warning-foreground
+          [a&]:hover:bg-background/90
+        `,
+        completed: `
+          border border-success-foreground bg-background text-success-foreground
+          [a&]:hover:bg-background/90
+        `,
+        blocked: `
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,
+        paused: `
+          border bg-background text-muted-foreground
+          [a&]:hover:bg-background/90
+        `,
+        failed: `
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `,
+        expired: `
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `,
+        cancelled: `
+          border border-destructive-foreground bg-background
+          text-destructive-foreground
+          [a&]:hover:bg-background/90
+        `
+      },
+      size: {
+        xs: `
+          h-6.5 px-3 py-px paragraph-xs
+          [&>svg]:size-3.5
+        `,
+        sm: `
+          px-4 py-1 paragraph-xs
+          [&>svg]:size-4
+        `,
+        md: `
+          px-4 py-2 paragraph-sm
+          [&>svg]:size-4
+        `,
+        lg: `
+          px-4 py-2 paragraph-md
+          [&>svg]:size-5
+        `
+      },
+      weight: {
+        regular: "font-regular",
+        medium: "font-medium",
+        semibold: "font-semibold"
+      },
+      rounded: {
+        default: "rounded-2xl",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "xs",
+      weight: "semibold",
+      rounded: "full"
+    }
+  }
+);
+function h({
+  className: e,
+  variant: r,
+  size: o,
+  weight: t,
+  rounded: d,
+  iconOnly: a,
+  asChild: g = !1,
+  children: n,
+  ...i
+}) {
+  const s = g ? c : "span";
+  return /* @__PURE__ */ u.jsx(
+    s,
+    {
+      "data-slot": "badge",
+      className: b(
+        l({ variant: r, size: o, weight: t, rounded: d }),
+        a && "px-2.5 py-2",
+        e
+      ),
+      ...i,
+      children: n
+    }
+  );
+}
+export {
+  h as B
+};

package/dist/button-2VesFn_C.js

@@ -0,0 +1,256 @@
+import { c as a, j as e } from "./index-CwFDnnd3.js";
+import { Slot as _ } from "@radix-ui/react-slot";
+import { c as k } from "./index-CnqageB2.js";
+import w from "react";
+import { C } from "./clasing-icon-CJQQN554.js";
+import { b, T as c, c as g, a as f } from "./tooltip-BYeLeBei.js";
+const T = k(
+  `
+    relative z-0 flex items-center justify-center rounded-full
+    transition-[color,background-color,box-shadow]
+    before:absolute before:inset-0 before:z-[-1] before:rounded-full
+    before:transition-transform before:duration-150 before:ease-in-out
+    focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-1
+    active:before:scale-96
+    [&_svg]:shrink-0
+  `,
+  {
+    variants: {
+      variant: {
+        // Variantes de botón sólido
+        primary: [
+          `
+            text-primary-foreground
+            before:bg-primary
+            hover:before:bg-primary/80
+          `
+        ],
+        secondary: [
+          `
+            text-secondary-foreground
+            before:bg-secondary
+            hover:before:bg-secondary/60
+          `
+        ],
+        ghost: [
+          `
+            text-foreground
+            before:bg-background
+            hover:before:bg-muted
+          `
+        ],
+        outline: [
+          `
+            text-foreground
+            before:border before:border-foreground before:bg-background
+            hover:before:bg-muted
+          `
+        ],
+        destructive: [
+          `
+            text-destructive-foreground
+            before:bg-destructive
+            hover:before:bg-destructive/80
+          `
+        ],
+        link: [
+          `
+            text-blue-500
+            hover:bg-blue-050
+            dark:text-blue-300
+            dark:hover:bg-blue-900/30
+          `
+        ]
+      },
+      size: {
+        xl: `
+          h-12 gap-2 px-6 py-1 button-text-lg leading-[100%]
+          [&_svg]:size-5
+        `,
+        lg: `
+          h-10 gap-2 px-5 py-1 button-text-md leading-[100%]
+          [&_svg]:size-5
+        `,
+        md: `
+          h-8 gap-1.5 px-4 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-4
+        `,
+        sm: `
+          h-7 gap-1 px-3 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-4
+        `,
+        xs: `
+          h-6 gap-1 px-3 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-3.5
+        `
+      },
+      weight: {
+        regular: "font-regular",
+        medium: "font-medium",
+        semibold: "font-semibold"
+      },
+      isLoading: {
+        false: null,
+        true: "cursor-wait"
+      },
+      isActive: {
+        false: null,
+        true: ""
+      },
+      disabled: {
+        false: null,
+        true: `
+          disabled:cursor-not-allowed disabled:text-muted-foreground!
+          disabled:before:bg-muted!
+        `
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: ["xl", "lg", "md", "sm", "xs"],
+        className: "h-auto px-3 py-1"
+      },
+      {
+        variant: "link",
+        size: ["xl", "lg"],
+        className: `
+          button-text-lg!
+          [&_svg]:size-5
+        `
+      },
+      {
+        variant: "link",
+        size: "md",
+        className: "button-text-md!"
+      },
+      {
+        variant: "link",
+        size: ["sm", "xs"],
+        className: "[&_svg]:size-3.5"
+      },
+      {
+        variant: "primary",
+        isLoading: !0,
+        className: `
+          text-primary-foreground!
+          before:bg-primary/80!
+        `
+      },
+      {
+        variant: "secondary",
+        isLoading: !0,
+        className: `
+          text-secondary-foreground!
+          before:bg-secondary/60!
+        `
+      },
+      {
+        variant: "outline",
+        isLoading: !0,
+        className: `
+          text-secondary-foreground!
+          before:bg-neutral-200!
+        `
+      },
+      {
+        variant: "ghost",
+        isLoading: !0,
+        className: `
+          text-secondary-foreground!
+          before:bg-neutral-200!
+        `
+      },
+      {
+        variant: "destructive",
+        isLoading: !0,
+        className: `
+          text-destructive-foreground!
+          before:bg-destructive/80!
+        `
+      }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "xl",
+      weight: "semibold"
+    }
+  }
+), B = w.forwardRef(
+  ({
+    className: m,
+    variant: x,
+    size: i,
+    weight: p,
+    children: n,
+    isLoading: r,
+    disabled: o,
+    tooltip: t,
+    tooltipPlacement: l = "top",
+    asChild: d,
+    iconOnly: u,
+    ...v
+  }, y) => {
+    const h = d ? _ : "button", j = u ? {
+      xl: "w-12 px-0",
+      lg: "w-10 px-0",
+      md: "w-8 px-0",
+      sm: "w-7 px-0",
+      xs: "w-6 px-0"
+    }[i || "xl"] : "", N = a(
+      T({
+        variant: x,
+        weight: p,
+        size: i,
+        isLoading: r,
+        disabled: o
+      }),
+      m,
+      j
+    ), z = d ? n : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r && /* @__PURE__ */ e.jsx(
+        C,
+        {
+          variant: "default",
+          className: a(
+            "pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",
+            {
+              "visible animate-[spin_2s_linear_infinite] opacity-100": r
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: a(
+            "flex items-center justify-center gap-2",
+            r ? "invisible opacity-0" : "visible opacity-100"
+          ),
+          children: n
+        }
+      )
+    ] }), s = /* @__PURE__ */ e.jsx(
+      h,
+      {
+        ref: y,
+        className: N,
+        disabled: !!r || !!o,
+        ...v,
+        children: z
+      }
+    );
+    return t && (o || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
+      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
+      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
+    ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
+      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: s }),
+      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
+    ] }) }) : s;
+  }
+);
+B.displayName = "Button";
+export {
+  B,
+  T as b
+};

package/dist/button-DWBp81pk.cjs

@@ -0,0 +1,70 @@
+"use strict";const e=require("./index-Bfismeyo.cjs"),R=require("@radix-ui/react-slot"),N=require("./index-BmhzhLcV.cjs"),z=require("react"),E=require("./clasing-icon-CHt2Otn8.cjs"),t=require("./tooltip-BZWEHWmU.cjs"),x=N.cva(`
+    relative z-0 flex items-center justify-center rounded-full
+    transition-[color,background-color,box-shadow]
+    before:absolute before:inset-0 before:z-[-1] before:rounded-full
+    before:transition-transform before:duration-150 before:ease-in-out
+    focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-1
+    active:before:scale-96
+    [&_svg]:shrink-0
+  `,{variants:{variant:{primary:[`
+            text-primary-foreground
+            before:bg-primary
+            hover:before:bg-primary/80
+          `],secondary:[`
+            text-secondary-foreground
+            before:bg-secondary
+            hover:before:bg-secondary/60
+          `],ghost:[`
+            text-foreground
+            before:bg-background
+            hover:before:bg-muted
+          `],outline:[`
+            text-foreground
+            before:border before:border-foreground before:bg-background
+            hover:before:bg-muted
+          `],destructive:[`
+            text-destructive-foreground
+            before:bg-destructive
+            hover:before:bg-destructive/80
+          `],link:[`
+            text-blue-500
+            hover:bg-blue-050
+            dark:text-blue-300
+            dark:hover:bg-blue-900/30
+          `]},size:{xl:`
+          h-12 gap-2 px-6 py-1 button-text-lg leading-[100%]
+          [&_svg]:size-5
+        `,lg:`
+          h-10 gap-2 px-5 py-1 button-text-md leading-[100%]
+          [&_svg]:size-5
+        `,md:`
+          h-8 gap-1.5 px-4 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-4
+        `,sm:`
+          h-7 gap-1 px-3 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-4
+        `,xs:`
+          h-6 gap-1 px-3 py-1 button-text-sm leading-[100%]
+          [&_svg]:size-3.5
+        `},weight:{regular:"font-regular",medium:"font-medium",semibold:"font-semibold"},isLoading:{false:null,true:"cursor-wait"},isActive:{false:null,true:""},disabled:{false:null,true:`
+          disabled:cursor-not-allowed disabled:text-muted-foreground!
+          disabled:before:bg-muted!
+        `}},compoundVariants:[{variant:"link",size:["xl","lg","md","sm","xs"],className:"h-auto px-3 py-1"},{variant:"link",size:["xl","lg"],className:`
+          button-text-lg!
+          [&_svg]:size-5
+        `},{variant:"link",size:"md",className:"button-text-md!"},{variant:"link",size:["sm","xs"],className:"[&_svg]:size-3.5"},{variant:"primary",isLoading:!0,className:`
+          text-primary-foreground!
+          before:bg-primary/80!
+        `},{variant:"secondary",isLoading:!0,className:`
+          text-secondary-foreground!
+          before:bg-secondary/60!
+        `},{variant:"outline",isLoading:!0,className:`
+          text-secondary-foreground!
+          before:bg-neutral-200!
+        `},{variant:"ghost",isLoading:!0,className:`
+          text-secondary-foreground!
+          before:bg-neutral-200!
+        `},{variant:"destructive",isLoading:!0,className:`
+          text-destructive-foreground!
+          before:bg-destructive/80!
+        `}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),b=z.forwardRef(({className:c,variant:g,size:n,weight:m,children:a,isLoading:r,disabled:i,tooltip:s,tooltipPlacement:l="top",asChild:u,iconOnly:d,...f},p)=>{const v=u?R.Slot:"button",y=d?{xl:"w-12 px-0",lg:"w-10 px-0",md:"w-8 px-0",sm:"w-7 px-0",xs:"w-6 px-0"}[n||"xl"]:"",h=e.cn(x({variant:g,weight:m,size:n,isLoading:r,disabled:i}),c,y),j=u?a:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[r&&e.jsxRuntimeExports.jsx(E.ClasingIcon,{variant:"default",className:e.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",{"visible animate-[spin_2s_linear_infinite] opacity-100":r})}),e.jsxRuntimeExports.jsx("span",{className:e.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:a})]}),o=e.jsxRuntimeExports.jsx(v,{ref:p,className:h,disabled:!!r||!!i,...f,children:j});return s&&(i||r)?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:d?e.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:o}):o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):s?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):o});b.displayName="Button";exports.Button=b;exports.buttonStyles=x;

package/dist/card-DkYKwjsA.cjs

@@ -0,0 +1,12 @@
+"use strict";const t=require("./index-Bfismeyo.cjs");function e({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card",className:t.cn(`
+          flex flex-col gap-6 rounded-xl border bg-card py-6
+          text-card-foreground
+        `,r),...a})}function s({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-header",className:t.cn(`
+          @container/card-header grid auto-rows-min grid-rows-[auto_auto]
+          items-start gap-1.5 px-6
+          has-data-[slot=card-action]:grid-cols-[1fr_auto]
+          [.border-b]:pb-6
+        `,r),...a})}function n({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-title",className:t.cn("leading-none font-semibold",r),...a})}function o({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:t.cn("paragraph-sm text-muted-foreground",r),...a})}function d({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-action",className:t.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",r),...a})}function c({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-content",className:t.cn("px-6",r),...a})}function i({className:r,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"card-footer",className:t.cn(`
+          flex items-center px-6
+          [.border-t]:pt-6
+        `,r),...a})}exports.Card=e;exports.CardAction=d;exports.CardContent=c;exports.CardDescription=o;exports.CardFooter=i;exports.CardHeader=s;exports.CardTitle=n;

package/dist/{card-Cv2M4wv8.js → card-aAzRmGVH.js}

@@ -1,11 +1,14 @@
-import { j as r, c as s } from "./index-BCEGphus.js";
+import { j as r, c as s } from "./index-CwFDnnd3.js";
 function o({ className: a, ...t }) {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card",
       className: s(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6",
+        `
+          flex flex-col gap-6 rounded-xl border bg-card py-6
+          text-card-foreground
+        `,
         a
       ),
       ...t
@@ -18,7 +21,12 @@ function d({ className: a, ...t }) {
     {
       "data-slot": "card-header",
       className: s(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        `
+          @container/card-header grid auto-rows-min grid-rows-[auto_auto]
+          items-start gap-1.5 px-6
+          has-data-[slot=card-action]:grid-cols-[1fr_auto]
+          [.border-b]:pb-6
+        `,
         a
       ),
       ...t
@@ -40,7 +48,7 @@ function c({ className: a, ...t }) {
     "div",
     {
       "data-slot": "card-description",
-      className: s("text-muted-foreground paragraph-sm", a),
+      className: s("paragraph-sm text-muted-foreground", a),
       ...t
     }
   );
@@ -73,7 +81,13 @@ function u({ className: a, ...t }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: s("flex items-center px-6 [.border-t]:pt-6", a),
+      className: s(
+        `
+          flex items-center px-6
+          [.border-t]:pt-6
+        `,
+        a
+      ),
       ...t
     }
   );

package/dist/chip-BlWb6w16.cjs

@@ -0,0 +1,17 @@
+"use strict";const e=require("./index-Bfismeyo.cjs"),g=require("./index-BmhzhLcV.cjs"),m=require("react"),t=g.cva(`
+    inline-flex items-center gap-1 rounded-full border px-3 py-1.5
+    transition-colors
+    focus-visible:ring-[1.5px] focus-visible:ring-ring-default
+    focus-visible:ring-offset-1 focus-visible:outline-hidden
+  `,{variants:{variant:{selected:[`
+            border-info-foreground bg-info/20 font-semibold text-info-foreground
+            dark:text-info-foreground
+          `],unselected:[`
+            border bg-background text-foreground
+            hover:bg-muted
+          `],error:[`
+            border-destructive-foreground bg-destructive
+            text-destructive-foreground
+          `]},size:{sm:"paragraph-xs",md:"paragraph-sm",lg:"paragraph-md"},weight:{regular:"font-regular",medium:"font-medium",semibold:"font-semibold"},disabled:{false:null,true:`
+          cursor-default border-muted-foreground bg-muted text-muted-foreground
+        `}},defaultVariants:{variant:"unselected",size:"md",weight:"regular"}}),c=m.forwardRef(({className:o,variant:i,size:n,weight:s,children:d,notification:u,onClick:a,disabled:r,...l},f)=>a?e.jsxRuntimeExports.jsxs("button",{ref:f,className:e.cn(t({variant:i,size:n,weight:s,className:o,disabled:r})),type:"button",disabled:r??void 0,onClick:a,...l,children:[d,u&&e.jsxRuntimeExports.jsx("span",{"data-slot":"notification","aria-hidden":"true",className:"size-1 min-w-1 rounded-full bg-destructive-foreground"})]}):e.jsxRuntimeExports.jsxs("div",{ref:f,className:e.cn(t({variant:i,size:n,weight:s,className:o,disabled:r})),...l,children:[d,u&&e.jsxRuntimeExports.jsx("span",{"data-slot":"notification","aria-hidden":"true",className:"size-1 min-w-1 rounded-full bg-destructive-foreground"})]}));c.displayName="Chip";exports.ChipComponent=c;exports.chipStyles=t;