@clasing/ui 2.4.0 → 2.5.0

package/README.md

@@ -17,22 +17,17 @@ To install the packages, you need to run the following command: `npm install @cl
 
 ### Step 2: Initial configuration
 
-#### If you are not using TailwindCSS
-
-If you are not using TailwindCSS in your project, you need to add the following line to your `index.tsx`, `layout.tsx` or root file: `import "@clasing/ui/styles"`
-
-#### If you are using TailwindCSS
-
-If you are using TailwindCSS in your project, you need to add the following line to your `tailwind.config.js` file (have in account that you should have the initial config of TailwindCSS):
-
-- At `content` array, add `./node_modules/@clasing/ui/dist/index.umd.js`
-- At `presets` array, add `require('@clasing/ui/tailwind.config.js')`
-- Add the following line to your `index.tsx`, `layout.tsx` or root file: `import "@clasing/ui/styles"`
+If you are using TailwindCSS in your project, you need to add the following lines to your main CSS file:
+`@import '@clasing/ui/styles';` and `@source '../../node_modules/@clasing/ui/dist*.{js,ts,jsx,tsx}';`
 
 ### Step 3: Using the components
 
-Now you can use the components in your project. You can import the components like this: `import { Button } from "@clasing/ui"`
+Now you can use the components in your project. You can import the components like this: `import { Button } from "@clasing/ui/button"`
 
 ## Contributing
 
 Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
+
+## Maintenance
+
+For information on updating dependencies and maintaining the project, see [MAINTENANCE.md](MAINTENANCE.md).

package/dist/{badge-Cprh3bik.js → badge-C29hQNIG.js}

@@ -1,6 +1,6 @@
-import { j as b, c as d } from "./index-D5lmpham.js";
+import { j as b, c as d } from "./index-BCEGphus.js";
 import { Slot as u } from "@radix-ui/react-slot";
-import { c as h } from "./index-DN28Pf0m.js";
+import { c as h } from "./index-DEha_UuN.js";
 const p = h(
   "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-2 overflow-hidden border font-semibold whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none",
   {

package/dist/{button-3Q4mqjFF.js → button-Bn-b-nVw.js}

@@ -1,33 +1,33 @@
-import { c as g, j as t } from "./index-D5lmpham.js";
-import { Slot as S } from "@radix-ui/react-slot";
-import { c as u } from "./index-DN28Pf0m.js";
-import T from "react";
-import { C as B } from "./clasing-icon-XjkVWhKg.js";
-import { b as v, T as c, c as y, a as f } from "./tooltip-rv-jVOxy.js";
-const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0", R = u(b, {
+import { c as d, j as t } from "./index-BCEGphus.js";
+import { Slot as N } from "@radix-ui/react-slot";
+import { c as b } from "./index-DEha_UuN.js";
+import S from "react";
+import { C as T } from "./clasing-icon-BIYMLc8o.js";
+import { b as h, T as v, c as y, a as c } from "./tooltip-BS84dkwx.js";
+const g = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0 rounded-full", B = b(g, {
   variants: {
     variant: {
       // Variantes de botón sólido
       primary: [
-        "bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "bg-primary-600 hover:bg-primary-800 outline-primary-600 hover:outline-primary-800 text-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       secondary: [
-        "bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "bg-neutral-1000 outline-neutral-1000 text-white hover:bg-neutral-900 hover:outline-neutral-900 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       inverse: [
-        "lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       outline: [
-        "text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "text-primary-600 outline-primary-600 hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       ghost: [
-        "bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "bg-primary-050 text-primary-600 hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       destructive: [
-        "bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ],
       link: [
-        "text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"
+        "text-primary-600 hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"
       ]
     },
     size: {
@@ -37,10 +37,6 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       sm: "button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",
       xs: "button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"
     },
-    rounded: {
-      default: "rounded-2xl",
-      full: "rounded-full"
-    },
     weight: {
       light: "font-light",
       regular: "font-regular",
@@ -51,10 +47,9 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
   defaultVariants: {
     variant: "primary",
     size: "xl",
-    weight: "semibold",
-    rounded: "full"
+    weight: "semibold"
   }
-}), V = u(`${b} cursor-default`, {
+}), R = b(`${g} cursor-default`, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -72,10 +67,6 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       sm: "button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",
       xs: "button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"
     },
-    rounded: {
-      default: "rounded-2xl",
-      full: "rounded-full"
-    },
     weight: {
       light: "font-light",
       regular: "font-regular",
@@ -86,10 +77,9 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
   defaultVariants: {
     variant: "primary",
     size: "xl",
-    weight: "semibold",
-    rounded: "full"
+    weight: "semibold"
   }
-}), A = u(b, {
+}), V = b(g, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -107,10 +97,6 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       sm: "button-text-sm h-7 gap-1 px-3 leading-[100%] [&_svg]:size-3.5",
       xs: "button-text-sm h-6 gap-1 px-3 leading-[100%] [&_svg]:size-3.5"
     },
-    rounded: {
-      default: "rounded-2xl",
-      full: "rounded-full"
-    },
     weight: {
       light: "font-light",
       regular: "font-regular",
@@ -121,58 +107,53 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
   defaultVariants: {
     variant: "primary",
     size: "xl",
-    weight: "semibold",
-    rounded: "full"
+    weight: "semibold"
   }
-}), E = T.forwardRef(
+}), A = S.forwardRef(
   ({
-    className: i,
+    className: l,
     variant: s,
     size: r,
     weight: o,
-    rounded: d,
-    children: p,
+    children: u,
     isLoading: e,
-    isActive: _,
-    disabled: x,
+    isActive: f,
+    disabled: p,
     tooltip: a,
-    tooltipPlacement: m = "top",
-    asChild: h,
-    iconOnly: l,
-    ...w
-  }, z) => {
-    const j = h ? S : "button", k = l ? {
+    tooltipPlacement: x = "top",
+    asChild: m,
+    iconOnly: i,
+    ..._
+  }, w) => {
+    const z = m ? N : "button", j = i ? {
       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"
-    }[r || "xl"] : "", C = g(
-      e ? V({
+    }[r || "xl"] : "", k = d(
+      e ? R({
         variant: s,
         weight: o,
         size: r,
-        rounded: d,
-        className: i
-      }) : _ ? A({
+        className: l
+      }) : f ? V({
         variant: s,
         weight: o,
         size: r,
-        rounded: d,
-        className: i
-      }) : R({
+        className: l
+      }) : B({
         variant: s,
         weight: o,
         size: r,
-        rounded: d,
-        className: i
+        className: l
       }),
-      k
-    ), N = h ? p : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      j
+    ), C = m ? u : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       e && /* @__PURE__ */ t.jsx(
-        B,
+        T,
         {
-          className: g(
+          className: d(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
             {
               "visible animate-[spin_2s_linear_infinite] opacity-100": e
@@ -183,39 +164,39 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       /* @__PURE__ */ t.jsx(
         "span",
         {
-          className: g(
+          className: d(
             "flex items-center justify-center gap-2",
             e ? "invisible opacity-0" : "visible opacity-100"
           ),
-          children: p
+          children: u
         }
       )
     ] }), n = /* @__PURE__ */ t.jsx(
-      j,
+      z,
       {
-        ref: z,
-        className: C,
-        disabled: x || e,
-        ...w,
-        children: N
+        ref: w,
+        className: k,
+        disabled: p || e,
+        ..._,
+        children: C
       }
     );
-    return a && (x || e) ? /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs(c, { children: [
-      /* @__PURE__ */ t.jsx(y, { asChild: l, children: l ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: n }) : n }),
+    return a && (p || e) ? /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs(v, { children: [
+      /* @__PURE__ */ t.jsx(y, { asChild: i, children: i ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: n }) : n }),
       /* @__PURE__ */ t.jsx(
-        f,
+        c,
         {
-          side: m,
+          side: x,
           className: "text-muted-foreground",
           children: a
         }
       )
-    ] }) }) : a ? /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs(c, { children: [
-      /* @__PURE__ */ t.jsx(y, { asChild: l, children: n }),
+    ] }) }) : a ? /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs(v, { children: [
+      /* @__PURE__ */ t.jsx(y, { asChild: i, children: n }),
       /* @__PURE__ */ t.jsx(
-        f,
+        c,
         {
-          side: m,
+          side: x,
           className: "text-muted-foreground",
           children: a
         }
@@ -223,10 +204,10 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     ] }) }) : n;
   }
 );
-E.displayName = "Button";
+A.displayName = "Button";
 export {
-  E as B,
-  V as a,
-  A as b,
-  R as c
+  A as B,
+  R as a,
+  V as b,
+  B as c
 };

package/dist/button-C7U_D8vv.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-9HRzXEQf.cjs"),S=require("@radix-ui/react-slot"),d=require("./index-ECyCsPX0.cjs"),T=require("react"),k=require("./clasing-icon-Bym32_-4.cjs"),e=require("./tooltip-BccdAn4x.cjs"),x="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0 rounded-full",h=d.cva(x,{variants:{variant:{primary:["bg-primary-600 hover:bg-primary-800 outline-primary-600 hover:outline-primary-800 text-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],secondary:["bg-neutral-1000 outline-neutral-1000 text-white hover:bg-neutral-900 hover:outline-neutral-900 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],inverse:["hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"],link:["text-primary-600 hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100 disabled:hover:text-neutral-700"]},size:{xl:"button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),v=d.cva(`${x} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600 outline-transparent"]},size:{xl:"button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),c=d.cva(x,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600 outline-transparent"]},size:{xl:"button-text-lg h-12 gap-2 px-6 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 leading-[100%] [&_svg]:size-3.5"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),y=T.forwardRef(({className:l,variant:o,size:n,weight:u,children:p,isLoading:r,isActive:f,disabled:g,tooltip:i,tooltipPlacement:b="top",asChild:m,iconOnly:a,...j},w)=>{const _=m?S.Slot:"button",z=a?{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"]:"",R=t.cn(r?v({variant:o,weight:u,size:n,className:l}):f?c({variant:o,weight:u,size:n,className:l}):h({variant:o,weight:u,size:n,className:l}),z),E=m?p:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[r&&t.jsxRuntimeExports.jsx(k.ClasingIcon,{className:t.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",{"visible animate-[spin_2s_linear_infinite] opacity-100":r})}),t.jsxRuntimeExports.jsx("span",{className:t.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:p})]}),s=t.jsxRuntimeExports.jsx(_,{ref:w,className:R,disabled:g||r,...j,children:E});return i&&(g||r)?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:a,children:a?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:s}):s}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:b,className:"text-muted-foreground",children:i})]})}):i?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:a,children:s}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:b,className:"text-muted-foreground",children:i})]})}):s});y.displayName="Button";exports.Button=y;exports.buttonActiveStyles=c;exports.buttonLoadingStyles=v;exports.buttonStyles=h;

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

@@ -1,4 +1,4 @@
-import { j as r, c as s } from "./index-D5lmpham.js";
+import { j as r, c as s } from "./index-BCEGphus.js";
 function o({ className: a, ...t }) {
   return /* @__PURE__ */ r.jsx(
     "div",

package/dist/chip-C_Uh7fe6.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index-9HRzXEQf.cjs"),g=require("./index-ECyCsPX0.cjs"),m=require("react"),r=g.cva("focus-visible:ring-ring-default inline-flex items-center gap-1 rounded-full border px-3 py-1.5 transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-default disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100",{variants:{intent:{selected:["bg-blue-050 border-blue-800 font-semibold text-blue-800"],unselected:["text-neutral-1000 hover:bg-neutral-000 border-neutral-500 bg-white"],error:["bg-error-light border-error-main text-muted-foreground"]},size:{sm:"paragraph-xs",md:"paragraph-sm",lg:"paragraph-md"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"unselected",size:"md",weight:"regular"}}),b=m.forwardRef(({className:t,intent:i,size:s,weight:n,children:a,notification:l,onClick:o,disabled:c,...d},u)=>o?e.jsxRuntimeExports.jsxs("button",{ref:u,className:e.cn(r({intent:i,size:s,weight:n,className:t})),type:"button",disabled:c,onClick:o,...d,children:[a,l&&e.jsxRuntimeExports.jsx("span",{"data-slot":"notification","aria-hidden":"true",className:"bg-error-main size-1 min-w-1 rounded-full"})]}):e.jsxRuntimeExports.jsxs("div",{ref:u,className:e.cn(r({intent:i,size:s,weight:n,className:t})),...d,children:[a,l&&e.jsxRuntimeExports.jsx("span",{"data-slot":"notification","aria-hidden":"true",className:"bg-error-main size-1 min-w-1 rounded-full"})]}));b.displayName="Chip";exports.ChipComponent=b;exports.chipStyles=r;

package/dist/{chip-B7Mqq278.js → chip-ZryYiiU1.js}

@@ -1,14 +1,14 @@
-import { j as e, c as u } from "./index-D5lmpham.js";
-import { c as m } from "./index-DN28Pf0m.js";
-import { forwardRef as f } from "react";
-const b = m(
-  "focus-visible:ring-ring-default inline-flex items-center gap-1 rounded-full border px-3 py-1.5 transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-default disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100",
+import { j as e, c as u } from "./index-BCEGphus.js";
+import { c as f } from "./index-DEha_UuN.js";
+import { forwardRef as g } from "react";
+const b = f(
+  "focus-visible:ring-ring-default inline-flex items-center gap-1 rounded-full border px-3 py-1.5 transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-default disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:hover:bg-neutral-100",
   {
     variants: {
       intent: {
         selected: ["bg-blue-050 border-blue-800 font-semibold text-blue-800"],
         unselected: [
-          "text-neutral-1000 lg:hover:bg-neutral-000 border-neutral-500 bg-white"
+          "text-neutral-1000 hover:bg-neutral-000 border-neutral-500 bg-white"
         ],
         error: ["bg-error-light border-error-main text-muted-foreground"]
       },
@@ -30,7 +30,7 @@ const b = m(
       weight: "regular"
     }
   }
-), c = f(
+), c = g(
   ({
     className: r,
     intent: t,
@@ -39,7 +39,7 @@ const b = m(
     children: s,
     notification: l,
     onClick: n,
-    disabled: g,
+    disabled: m,
     ...o
   }, d) => n ? /* @__PURE__ */ e.jsxs(
     "button",
@@ -47,7 +47,7 @@ const b = m(
       ref: d,
       className: u(b({ intent: t, size: a, weight: i, className: r })),
       type: "button",
-      disabled: g,
+      disabled: m,
       onClick: n,
       ...o,
       children: [

package/dist/{clasing-icon-XjkVWhKg.js → clasing-icon-BIYMLc8o.js}

@@ -1,4 +1,4 @@
-import { j as L, c as i } from "./index-D5lmpham.js";
+import { j as L, c as i } from "./index-BCEGphus.js";
 function h({
   className: s,
   variant: t,
@@ -6,24 +6,16 @@ function h({
   ...a
 }) {
   let l = [];
-  switch (t) {
-    case "default":
-      l = [
-        "#6CC422",
-        "#FF7BAA",
-        "#FF6F03",
-        "#0243F1",
-        "#00DBB7",
-        "#CF161C",
-        "#DD6DFF",
-        "#F6AF00"
-      ];
-      break;
-    default:
-      l = Array(8).fill(C);
-      break;
-  }
-  return /* @__PURE__ */ L.jsxs(
+  return t === "default" ? l = [
+    "#6CC422",
+    "#FF7BAA",
+    "#FF6F03",
+    "#0243F1",
+    "#00DBB7",
+    "#CF161C",
+    "#DD6DFF",
+    "#F6AF00"
+  ] : l = Array(8).fill(C), /* @__PURE__ */ L.jsxs(
     "svg",
     {
       width: "48",

package/dist/clasing-icon-Bym32_-4.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-9HRzXEQf.cjs");function e({className:i,variant:l,color:x="currentColor",...L}){let s=[];return l==="default"?s=["#6CC422","#FF7BAA","#FF6F03","#0243F1","#00DBB7","#CF161C","#DD6DFF","#F6AF00"]:s=Array(8).fill(x),t.jsxRuntimeExports.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t.cn(i),...L,children:[t.jsxRuntimeExports.jsx("path",{d:"M22.0316 19.2438L9.82361 6.99085C9.05365 6.2205 7.80528 6.2205 7.0353 6.99085L7.03328 6.99289C6.26332 7.76325 6.26332 9.01224 7.03328 9.78259L19.1481 21.9646L22.0316 24.1086V19.2438Z",fill:s[0]}),t.jsxRuntimeExports.jsx("path",{d:"M40.9576 38.2141L28.8136 25.9861L22.0315 24.1099L26.0506 28.8388L38.1672 41.0059C38.9372 41.7762 40.1856 41.7762 40.9556 41.0059L40.9576 41.0038C41.7275 40.2335 41.7275 38.9845 40.9576 38.2141Z",fill:s[1]}),t.jsxRuntimeExports.jsx("path",{d:"M28.7858 21.9952L40.9823 9.77469C41.7437 9.00615 41.7437 7.76007 40.9823 6.99153L40.9803 6.98949C40.2188 6.22095 38.9843 6.22095 38.2229 6.98949L25.9939 19.087L22.0315 24.1086L28.7858 21.9952Z",fill:s[2]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1799 26.0002L7.03063 38.1476C6.2599 38.9162 6.26441 40.2079 7.03514 40.9765L7.03717 40.9785C7.8079 41.747 9.0575 41.747 9.82824 40.9785L22.0309 28.782V24.1099L19.1799 26.0002Z",fill:s[3]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1588 21.961L1.94788 21.9965C0.872081 21.9965 0 22.8889 0 23.9898V23.9928C0 25.0937 0.872081 25.9862 1.94788 25.9862L19.1803 26.0002L22.0312 24.1099L19.1588 21.961Z",fill:s[4]}),t.jsxRuntimeExports.jsx("path",{d:"M28.6254 25.9858H46.0272C47.1167 25.9858 47.9999 25.0933 47.9999 23.9924V23.9895C47.9999 22.8886 47.1167 21.9961 46.0272 21.9961H28.7858L22.0315 24.1096L28.6254 25.9858Z",fill:s[5]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0059 45.9811C22.0051 47.0967 22.896 48.0012 23.9948 48.0004C25.0914 47.9995 25.98 47.0973 25.9809 45.9841L26.0502 28.8388L22.0311 24.1099",fill:s[6]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0319 24.109L25.9943 19.0874V1.84509C25.9943 0.7448 25.0315 0 23.9311 0H23.9282C22.8278 0 21.9263 0.891965 21.9263 1.99226",fill:s[7]})]})}exports.ClasingIcon=e;

package/dist/{command-ev4m9IoQ.js → command-CGrOI2Z9.js}

@@ -1,6 +1,6 @@
-import { j as e, c as o } from "./index-D5lmpham.js";
+import { j as e, c as o } from "./index-BCEGphus.js";
 import { Command as r } from "cmdk";
-import { D as c, e as i, h as p, c as l, b as u } from "./dialog-CXbzQHxn.js";
+import { D as c, e as i, h as p, c as l, b as u } from "./dialog-CH4VxKX4.js";
 import { MagnifyingGlassIcon as g } from "@phosphor-icons/react";
 function x({
   className: a,

package/dist/components/accordion.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as a } from "../index-D5lmpham.js";
+import { j as e, c as a } from "../index-BCEGphus.js";
 import * as n from "@radix-ui/react-accordion";
 import { CaretDownIcon as s } from "@phosphor-icons/react";
 function d({

package/dist/components/alert-dialog.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("@radix-ui/react-alert-dialog"),n=require("../button-BekvnyS7.cjs");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=u(c);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function x({className:t,...a}){return e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsx(s,{}),e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:e.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-90 data-[state=open]:zoom-in-90 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 ease-in-out sm:max-w-lg",t),...a})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:e.cn("flex flex-col gap-2 text-left",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:e.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...a})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:e.cn("label-2xl font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:e.cn("text-muted-foreground paragraph-md",t),...a})}function D({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Action,{className:e.cn(n.buttonStyles(),t),...a})}function A({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Cancel,{className:e.cn(n.buttonStyles({variant:"outline"}),t),...a})}exports.AlertDialog=d;exports.AlertDialogAction=D;exports.AlertDialogCancel=A;exports.AlertDialogContent=x;exports.AlertDialogDescription=j;exports.AlertDialogFooter=f;exports.AlertDialogHeader=m;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=i;exports.AlertDialogTitle=p;exports.AlertDialogTrigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("@radix-ui/react-alert-dialog"),n=require("../button-C7U_D8vv.cjs");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=u(c);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function x({className:t,...a}){return e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsx(s,{}),e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:e.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-90 data-[state=open]:zoom-in-90 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 ease-in-out sm:max-w-lg",t),...a})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:e.cn("flex flex-col gap-2 text-left",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:e.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...a})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:e.cn("label-2xl font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:e.cn("text-muted-foreground paragraph-md",t),...a})}function D({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Action,{className:e.cn(n.buttonStyles(),t),...a})}function A({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Cancel,{className:e.cn(n.buttonStyles({variant:"outline"}),t),...a})}exports.AlertDialog=d;exports.AlertDialogAction=D;exports.AlertDialogCancel=A;exports.AlertDialogContent=x;exports.AlertDialogDescription=j;exports.AlertDialogFooter=f;exports.AlertDialogHeader=m;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=i;exports.AlertDialogTitle=p;exports.AlertDialogTrigger=g;

package/dist/components/alert-dialog.es.js

@@ -1,6 +1,6 @@
-import { j as e, c as l } from "../index-D5lmpham.js";
+import { j as e, c as l } from "../index-BCEGphus.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-3Q4mqjFF.js";
+import { c as r } from "../button-Bn-b-nVw.js";
 function c({
   ...t
 }) {

package/dist/components/alert.es.js

@@ -1,6 +1,6 @@
-import { j as r, c as e } from "../index-D5lmpham.js";
+import { j as r, c as e } from "../index-BCEGphus.js";
 import { QuestionIcon as g, WarningCircleIcon as u, WarningIcon as m, CheckCircleIcon as p, InfoIcon as d } from "@phosphor-icons/react";
-import { c as x } from "../index-DN28Pf0m.js";
+import { c as x } from "../index-DEha_UuN.js";
 const f = x(
   "paragraph-sm text-foreground relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {

package/dist/components/avatar.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as r } from "../index-D5lmpham.js";
+import { j as e, c as r } from "../index-BCEGphus.js";
 import * as s from "@radix-ui/react-avatar";
 function i({
   className: a,

package/dist/components/badge.es.js

@@ -1,4 +1,4 @@
-import { B as o } from "../badge-Cprh3bik.js";
+import { B as o } from "../badge-C29hQNIG.js";
 export {
   o as Badge
 };

package/dist/components/blocks/interactive-card.es.js

@@ -1,9 +1,9 @@
-import { j as r, c as a } from "../../index-D5lmpham.js";
-import { B as v } from "../../badge-Cprh3bik.js";
-import { C as w, e as I, b as y, d as z } from "../../card-CbF9kVVs.js";
-import { T as k, c as B, a as R } from "../../tooltip-rv-jVOxy.js";
+import { j as r, c as a } from "../../index-BCEGphus.js";
+import { B as v } from "../../badge-C29hQNIG.js";
+import { C as w, e as I, b as y, d as z } from "../../card-Cv2M4wv8.js";
+import { T as k, c as B, a as R } from "../../tooltip-BS84dkwx.js";
 import { InfoIcon as E } from "@phosphor-icons/react";
-import { c as F } from "../../index-DN28Pf0m.js";
+import { c as F } from "../../index-DEha_UuN.js";
 import { forwardRef as H } from "react";
 const O = F(
   "focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"

package/dist/components/blocks/selectable-chips.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../index-9HRzXEQf.cjs"),p=require("../../chip-BG4NEZUv.cjs"),S=require("../../label-D3iN3bzS.cjs"),y=require("@phosphor-icons/react"),E=({id:j,label:x,options:u,multiple:i=!1,selectedOptions:t,setSelectedOptions:m,className:d,disabled:c,helperText:v,error:a,touched:r})=>{const n=t,h=e=>{if(!i)return m(e.value),e.value;let s=[];return s=Array.isArray(n)?n.includes(e.value)?n.filter(b=>b!==e.value):[...n,e.value]:[e.value],m(s),s},f=e=>i&&Array.isArray(t)?t.includes(e.value):t===e.value;return u.length===0?null:l.jsxRuntimeExports.jsxs("div",{className:l.cn("flex flex-col gap-3",d),children:[x&&l.jsxRuntimeExports.jsx(S.Label,{htmlFor:j,className:l.cn({"text-neutral-700":c}),children:x}),l.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:u.map(e=>{const s=f(e);return l.jsxRuntimeExports.jsxs(p.ChipComponent,{intent:s?"selected":"unselected",onClick:()=>h(e),className:"py-1",disabled:c,children:[s&&l.jsxRuntimeExports.jsx(y.CheckIcon,{}),e.label]},e.label)})}),a&&r?l.jsxRuntimeExports.jsx("span",{className:"text-error-main label-md -mt-1",children:a}):l.jsxRuntimeExports.jsx("span",{className:l.clsx("label-md -mt-1",{"text-neutral-1000":!a&&!r,"text-error-main":a&&r,"text-success-main":r&&!a,"text-neutral-700":c}),children:v})]})};exports.SelectableChips=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../index-9HRzXEQf.cjs"),p=require("../../chip-C_Uh7fe6.cjs"),S=require("../../label-D3iN3bzS.cjs"),y=require("@phosphor-icons/react"),E=({id:j,label:x,options:u,multiple:i=!1,selectedOptions:t,setSelectedOptions:m,className:d,disabled:c,helperText:v,error:a,touched:r})=>{const n=t,h=e=>{if(!i)return m(e.value),e.value;let s=[];return s=Array.isArray(n)?n.includes(e.value)?n.filter(b=>b!==e.value):[...n,e.value]:[e.value],m(s),s},f=e=>i&&Array.isArray(t)?t.includes(e.value):t===e.value;return u.length===0?null:l.jsxRuntimeExports.jsxs("div",{className:l.cn("flex flex-col gap-3",d),children:[x&&l.jsxRuntimeExports.jsx(S.Label,{htmlFor:j,className:l.cn({"text-neutral-700":c}),children:x}),l.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:u.map(e=>{const s=f(e);return l.jsxRuntimeExports.jsxs(p.ChipComponent,{intent:s?"selected":"unselected",onClick:()=>h(e),className:"py-1",disabled:c,children:[s&&l.jsxRuntimeExports.jsx(y.CheckIcon,{}),e.label]},e.label)})}),a&&r?l.jsxRuntimeExports.jsx("span",{className:"text-error-main label-md -mt-1",children:a}):l.jsxRuntimeExports.jsx("span",{className:l.clsx("label-md -mt-1",{"text-neutral-1000":!a&&!r,"text-error-main":a&&r,"text-success-main":r&&!a,"text-neutral-700":c}),children:v})]})};exports.SelectableChips=E;

package/dist/components/blocks/selectable-chips.es.js

@@ -1,6 +1,6 @@
-import { j as a, c as f, a as y } from "../../index-D5lmpham.js";
-import { C as S } from "../../chip-B7Mqq278.js";
-import { L as p } from "../../label-DDxTPxHk.js";
+import { j as a, c as f, a as y } from "../../index-BCEGphus.js";
+import { C as S } from "../../chip-ZryYiiU1.js";
+import { L as p } from "../../label-Bl6V6esj.js";
 import { CheckIcon as A } from "@phosphor-icons/react";
 const w = ({
   id: v,

package/dist/components/breadcrumb.es.js

@@ -1,4 +1,4 @@
-import { j as a, c as t } from "../index-D5lmpham.js";
+import { j as a, c as t } from "../index-BCEGphus.js";
 import { Slot as o } from "@radix-ui/react-slot";
 import { DotsThreeIcon as i, CaretRightIcon as c } from "@phosphor-icons/react";
 function d({ ...r }) {

package/dist/components/button-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),s=require("@radix-ui/react-slot"),a=require("../index-ECyCsPX0.cjs"),u=require("../divider-BcIwJzm7.cjs"),n=a.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"}},defaultVariants:{orientation:"horizontal"}});function l({className:o,orientation:t,...r}){return e.jsxRuntimeExports.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:e.cn(n({orientation:t}),o),...r})}function d({className:o,asChild:t=!1,...r}){const i=t?s.Slot:"div";return e.jsxRuntimeExports.jsx(i,{className:e.cn("bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",o),...r})}function c({className:o,orientation:t="vertical",...r}){return e.jsxRuntimeExports.jsx(u.Divider,{"data-slot":"button-group-separator",orientation:t,className:e.cn("bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",o),...r})}exports.ButtonGroup=l;exports.ButtonGroupDivider=c;exports.ButtonGroupText=d;exports.buttonGroupVariants=n;

package/dist/components/button-group.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import { Divider } from './divider';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupDivider({ className, orientation, ...props }: React.ComponentProps<typeof Divider>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupDivider, ButtonGroupText, buttonGroupVariants };