reaxify 0.0.97 → 1.2.0

package/dist/components/Switch/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const s=require("react/jsx-runtime"),g=require("../../helpers/cn.cjs.js"),i=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function z({checked:r,onChange:n,disabled:b,color:a="primary",size:o="md",inputProps:t={},className:d,...u}){const c=i.useMemo(()=>"",[r]),m=i.useMemo(()=>{const e={primary:r?"bg-primary border-primary":"bg-white border-border",secondary:r?"bg-secondary border-secondary":"bg-white border-border",success:r?"bg-success border-success":"bg-white border-border",info:r?"bg-info border-info":"bg-white border-border",warning:r?"bg-warning border-warning":"bg-white border-border",danger:r?"bg-danger border-danger":"bg-white border-border",dark:r?"bg-dark border-dark":"bg-white border-border",light:r?"bg-light border-light":"bg-white border-border"};return e==null?void 0:e[a]},[a,r]),w=i.useMemo(()=>{const e={primary:r?"bg-primary ":"bg-black",secondary:r?"bg-secondary":"bg-black",success:r?"bg-success":"bg-black",info:r?"bg-info":"bg-black",warning:r?"bg-warning":"bg-black",danger:r?"bg-danger":"bg-black",dark:r?"bg-dark":"bg-black",light:r?"bg-light":"bg-black"};return e==null?void 0:e[a]},[a,r]),f=i.useMemo(()=>{const e={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return e==null?void 0:e[o]},[o]),h=e=>{var l;n==null||n(e.currentTarget.checked),(l=t.onChange)==null||l.call(t,e)};return s.jsxs("span",{className:y.twMerge(f,"[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]","inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",b&&"opacity-75",c,d),...u,children:[s.jsx("input",{...t,type:"checkbox",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",checked:r,disabled:b,onChange:h}),s.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]",children:[s.jsx("span",{className:"absolute size-full inset-0 bg-black/10 rounded-full scale-(--scale) transition-[scale]"}),s.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=z;
+"use client";"use strict";const s=require("react/jsx-runtime"),i=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js");function p({checked:r,onChange:n,disabled:b,color:a="primary",size:o="md",inputProps:t={},className:d,...c}){const u=i.useMemo(()=>"",[r]),m=i.useMemo(()=>{const e={primary:r?"bg-primary border-primary":"bg-white border-border",secondary:r?"bg-secondary border-secondary":"bg-white border-border",success:r?"bg-success border-success":"bg-white border-border",info:r?"bg-info border-info":"bg-white border-border",warning:r?"bg-warning border-warning":"bg-white border-border",danger:r?"bg-danger border-danger":"bg-white border-border",dark:r?"bg-dark border-dark":"bg-white border-border",light:r?"bg-light border-light":"bg-white border-border"};return e==null?void 0:e[a]},[a,r]),w=i.useMemo(()=>{const e={primary:r?"bg-primary ":"bg-black",secondary:r?"bg-secondary":"bg-black",success:r?"bg-success":"bg-black",info:r?"bg-info":"bg-black",warning:r?"bg-warning":"bg-black",danger:r?"bg-danger":"bg-black",dark:r?"bg-dark":"bg-black",light:r?"bg-light":"bg-black"};return e==null?void 0:e[a]},[a,r]),h=i.useMemo(()=>{const e={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return e==null?void 0:e[o]},[o]),f=e=>{var l;n==null||n(e.currentTarget.checked),(l=t.onChange)==null||l.call(t,e)};return s.jsxs("span",{"data-name":"switch",className:y.twMerge(h,"[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]","inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",b&&"opacity-75",u,d),...c,children:[s.jsx("input",{...t,type:"checkbox",role:"switch","aria-checked":r,"data-name":"switch-input",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-2",checked:r,disabled:b,onChange:f}),s.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-1",children:[s.jsx("span",{className:"absolute size-full inset-0 bg-black/10 rounded-full scale-(--scale) transition-[scale]"}),s.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=p;

package/dist/components/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAe,QAAQ,EAAW,MAAM,OAAO,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,uBAAuB,CAClC,OAAO,EACP;QACE,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,MAAM,CAAC,EAAE,KAAK,CAAC;QACf,SAAS,CAAC,EAAE,KAAK,CAAC;QAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;KAClB,CACF,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAiB,EACjB,IAAW,EACX,UAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAkFxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAe,QAAQ,EAAW,MAAM,OAAO,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,uBAAuB,CAClC,OAAO,EACP;QACE,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,MAAM,CAAC,EAAE,KAAK,CAAC;QACf,SAAS,CAAC,EAAE,KAAK,CAAC;QAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;KAClB,CACF,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAiB,EACjB,IAAW,EACX,UAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAsFxC"}

package/dist/components/Switch/index.es.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import d from "../../helpers/cn.es.js";
 import { useMemo as i } from "react";
 import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import d from "../../helpers/cn.es.js";
 function C({
   checked: r,
   onChange: b,
-  disabled: o,
+  disabled: n,
   color: a = "primary",
-  size: n = "md",
+  size: o = "md",
   inputProps: s = {},
   className: m,
   ...c
 }) {
-  const u = i(() => "", [r]), f = i(() => {
+  const u = i(() => "", [r]), w = i(() => {
     const e = {
       primary: r ? "bg-primary border-primary" : "bg-white border-border",
       secondary: r ? "bg-secondary border-secondary" : "bg-white border-border",
@@ -25,7 +25,7 @@ function C({
       light: r ? "bg-light border-light" : "bg-white border-border"
     };
     return e == null ? void 0 : e[a];
-  }, [a, r]), w = i(() => {
+  }, [a, r]), f = i(() => {
     const e = {
       primary: r ? "bg-primary " : "bg-black",
       secondary: r ? "bg-secondary" : "bg-black",
@@ -43,19 +43,20 @@ function C({
       md: "[--size:0.5rem]",
       lg: "[--size:0.75rem]"
     };
-    return e == null ? void 0 : e[n];
-  }, [n]), y = (e) => {
+    return e == null ? void 0 : e[o];
+  }, [o]), y = (e) => {
     var l;
     b == null || b(e.currentTarget.checked), (l = s.onChange) == null || l.call(s, e);
   };
   return /* @__PURE__ */ g(
     "span",
     {
+      "data-name": "switch",
       className: p(
         h,
         "[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]",
         "inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",
-        o && "opacity-75",
+        n && "opacity-75",
         u,
         m
       ),
@@ -66,20 +67,23 @@ function C({
           {
             ...s,
             type: "checkbox",
-            className: "peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",
+            role: "switch",
+            "aria-checked": r,
+            "data-name": "switch-input",
+            className: "peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-2",
             checked: r,
-            disabled: o,
+            disabled: n,
             onChange: y
           }
         ),
-        /* @__PURE__ */ g("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]", children: [
+        /* @__PURE__ */ g("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-1", children: [
           /* @__PURE__ */ t("span", { className: "absolute size-full inset-0 bg-black/10 rounded-full scale-(--scale) transition-[scale]" }),
           /* @__PURE__ */ t(
             "span",
             {
               className: d(
                 "absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",
-                f
+                w
               )
             }
           )
@@ -89,7 +93,7 @@ function C({
           {
             className: d(
               "size-full rounded-full opacity-35 transition-colors",
-              w
+              f
             )
           }
         )

package/dist/components/Table/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const s=require("react/jsx-runtime"),i=require("../../hooks/useClasses.cjs.js"),u=require("react"),n=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=u.createContext({striped:!1,bordered:!1,hover:!1});function g({className:r,children:o,...a}){const e=i(t=>t.table.container.base);return s.jsx("div",{className:n.twMerge("w-full overflow-auto",e,r),...a,children:o})}function l({striped:r=!1,bordered:o=!1,hover:a=!1,className:e,children:t,...d}){const b=i(c=>c.table.base);return s.jsx("table",{className:n.twMerge("min-w-full border-collapse border-spacing-0",b,e),...d,children:s.jsx(f.Provider,{value:{bordered:o,hover:a,striped:r},children:t})})}function p({sticky:r=!1,className:o,children:a,...e}){const t=i(d=>d.table.header);return s.jsx("thead",{className:n.twMerge(t==null?void 0:t.base,r&&"sticky top-0 left-0 right-0 z-[2]",r&&(t==null?void 0:t.sticky),o),...e,children:a})}function m({className:r,children:o,...a}){const e=i(t=>t.table.body.base);return s.jsx("tbody",{className:n.twMerge(e,r),...a,children:o})}function y({className:r,children:o,...a}){const e=i(w=>w.table.row),{bordered:t,hover:d,striped:b}=u.useContext(f),c=!!t,x=t==="dashed",h=t==="solid";return s.jsx("tr",{className:n.twMerge("bg-white",e==null?void 0:e.base,c&&"border-b border-solid border-border",x&&"border-dashed",h&&"border-solid",c&&(e==null?void 0:e.bordered),d&&"cursor-pointer transition-colors hover:bg-gray-200",d&&(e==null?void 0:e.hover),b&&"even:bg-gray-100",b&&(e==null?void 0:e.hover),r),...a,children:o})}function j({sticky:r=!1,className:o,children:a,...e}){return s.jsx("th",{className:n.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",o),...e,children:a})}function v({sticky:r=!1,className:o,children:a,...e}){return s.jsx("td",{className:n.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",o),...e,children:a})}l.Container=g;l.Header=p;l.Body=m;l.Row=y;l.HeaderCell=j;l.DataCell=v;module.exports=l;
+"use client";"use strict";const o=require("react/jsx-runtime"),u=require("react"),s=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),i=require("../../hooks/useClasses.cjs.js"),f=u.createContext({striped:!1,bordered:!1,hover:!1});function w({className:a,children:r,...n}){const e=i(t=>t.table.container.base);return o.jsx("div",{"data-name":"table-container",className:s.twMerge("w-full overflow-auto",e,a),...n,children:r})}function l({striped:a=!1,bordered:r=!1,hover:n=!1,className:e,children:t,...d}){const b=i(c=>c.table.base);return o.jsx("table",{"data-name":"table",className:s.twMerge("min-w-full border-collapse border-spacing-0",b,e),...d,children:o.jsx(f.Provider,{value:{bordered:r,hover:n,striped:a},children:t})})}function g({sticky:a=!1,className:r,children:n,...e}){const t=i(d=>d.table.header);return o.jsx("thead",{"data-name":"table-header",className:s.twMerge(t==null?void 0:t.base,a&&"sticky top-0 left-0 right-0 z-[2]",a&&(t==null?void 0:t.sticky),r),...e,children:n})}function p({className:a,children:r,...n}){const e=i(t=>t.table.body.base);return o.jsx("tbody",{"data-name":"table-body",className:s.twMerge(e,a),...n,children:r})}function y({className:a,children:r,...n}){const e=i(m=>m.table.row),{bordered:t,hover:d,striped:b}=u.useContext(f),c=!!t,x=t==="dashed",h=t==="solid";return o.jsx("tr",{"data-name":"table-row",className:s.twMerge("bg-white",e==null?void 0:e.base,c&&"border-b border-solid border-border",x&&"border-dashed",h&&"border-solid",c&&(e==null?void 0:e.bordered),d&&"cursor-pointer transition-colors hover:bg-gray-200",d&&(e==null?void 0:e.hover),b&&"even:bg-gray-100",b&&(e==null?void 0:e.hover),a),...n,children:r})}function j({sticky:a=!1,className:r,children:n,...e}){return o.jsx("th",{"data-name":"table-header-cell",className:s.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",a&&"bg-inherit sticky inset-e-0 z-1",r),...e,children:n})}function v({sticky:a=!1,className:r,children:n,...e}){return o.jsx("td",{"data-name":"table-data-cell",className:s.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",a&&"bg-inherit sticky inset-e-0 z-1",r),...e,children:n})}l.Container=w;l.Header=g;l.Body=p;l.Row=y;l.HeaderCell=j;l.DataCell=v;module.exports=l;

package/dist/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAGlE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAM7C,KAAK,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACjD,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,KAAK,UAAU,GAAG,cAAc,GAC9B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AACtD,KAAK,oBAAoB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACjD,KAAK,gBAAgB,GAAG,oBAAoB,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAC5D,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAC9C,KAAK,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1C,KAAK,wBAAwB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACrD,KAAK,oBAAoB,GAAG,wBAAwB,GAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAC7D,KAAK,sBAAsB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACnD,KAAK,kBAAkB,GAAG,sBAAsB,GAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAO3D,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAUrB;AACD,iBAAS,KAAK,CAAC,EACb,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ;kBAvBQ,KAAK;;;;;;;;AAwBd,iBAAS,WAAW,CAAC,EACnB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAelB;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAOnE;AACD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA0BjE;AACD,iBAAS,eAAe,CAAC,EACvB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAatB;AACD,iBAAS,aAAa,CAAC,EACrB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAapB;AASD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAGlE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAM7C,KAAK,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACjD,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,KAAK,UAAU,GAAG,cAAc,GAC9B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AACtD,KAAK,oBAAoB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACjD,KAAK,gBAAgB,GAAG,oBAAoB,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAC5D,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAC9C,KAAK,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1C,KAAK,wBAAwB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACrD,KAAK,oBAAoB,GAAG,wBAAwB,GAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAC7D,KAAK,sBAAsB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACnD,KAAK,kBAAkB,GAAG,sBAAsB,GAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAO3D,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAWrB;AACD,iBAAS,KAAK,CAAC,EACb,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAiBZ;kBAxBQ,KAAK;;;;;;;;AAyBd,iBAAS,WAAW,CAAC,EACnB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAgBlB;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWnE;AACD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA2BjE;AACD,iBAAS,eAAe,CAAC,EACvB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CActB;AACD,iBAAS,aAAa,CAAC,EACrB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAcpB;AASD,eAAe,KAAK,CAAC"}

package/dist/components/Table/index.es.js

@@ -1,142 +1,156 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import i from "../../hooks/useClasses.es.js";
 import { createContext as p, useContext as x } from "react";
-import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { twMerge as l } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import i from "../../hooks/useClasses.es.js";
 const f = p({
   striped: !1,
   bordered: !1,
   hover: !1
 });
 function w({
-  className: r,
-  children: o,
-  ...a
+  className: a,
+  children: r,
+  ...o
 }) {
   const e = i((t) => t.table.container.base);
   return /* @__PURE__ */ n(
     "div",
     {
-      className: s("w-full overflow-auto", e, r),
-      ...a,
-      children: o
+      "data-name": "table-container",
+      className: l("w-full overflow-auto", e, a),
+      ...o,
+      children: r
     }
   );
 }
-function d({
-  striped: r = !1,
-  bordered: o = !1,
-  hover: a = !1,
+function s({
+  striped: a = !1,
+  bordered: r = !1,
+  hover: o = !1,
   className: e,
   children: t,
-  ...l
+  ...d
 }) {
   const b = i((c) => c.table.base);
   return /* @__PURE__ */ n(
     "table",
     {
-      className: s(
+      "data-name": "table",
+      className: l(
         "min-w-full border-collapse border-spacing-0",
         b,
         e
       ),
-      ...l,
-      children: /* @__PURE__ */ n(f.Provider, { value: { bordered: o, hover: a, striped: r }, children: t })
+      ...d,
+      children: /* @__PURE__ */ n(f.Provider, { value: { bordered: r, hover: o, striped: a }, children: t })
     }
   );
 }
 function y({
-  sticky: r = !1,
-  className: o,
-  children: a,
+  sticky: a = !1,
+  className: r,
+  children: o,
   ...e
 }) {
-  const t = i((l) => l.table.header);
+  const t = i((d) => d.table.header);
   return /* @__PURE__ */ n(
     "thead",
     {
-      className: s(
+      "data-name": "table-header",
+      className: l(
         t == null ? void 0 : t.base,
-        r && "sticky top-0 left-0 right-0 z-[2]",
-        r && (t == null ? void 0 : t.sticky),
-        o
+        a && "sticky top-0 left-0 right-0 z-[2]",
+        a && (t == null ? void 0 : t.sticky),
+        r
       ),
       ...e,
-      children: a
+      children: o
     }
   );
 }
-function g({ className: r, children: o, ...a }) {
+function g({ className: a, children: r, ...o }) {
   const e = i((t) => t.table.body.base);
-  return /* @__PURE__ */ n("tbody", { className: s(e, r), ...a, children: o });
+  return /* @__PURE__ */ n(
+    "tbody",
+    {
+      "data-name": "table-body",
+      className: l(e, a),
+      ...o,
+      children: r
+    }
+  );
 }
-function v({ className: r, children: o, ...a }) {
-  const e = i((h) => h.table.row), { bordered: t, hover: l, striped: b } = x(f), c = !!t, u = t === "dashed", m = t === "solid";
+function v({ className: a, children: r, ...o }) {
+  const e = i((h) => h.table.row), { bordered: t, hover: d, striped: b } = x(f), c = !!t, m = t === "dashed", u = t === "solid";
   return /* @__PURE__ */ n(
     "tr",
     {
-      className: s(
+      "data-name": "table-row",
+      className: l(
         "bg-white",
         e == null ? void 0 : e.base,
         c && "border-b border-solid border-border",
-        u && "border-dashed",
-        m && "border-solid",
+        m && "border-dashed",
+        u && "border-solid",
         c && (e == null ? void 0 : e.bordered),
-        l && "cursor-pointer transition-colors hover:bg-gray-200",
-        l && (e == null ? void 0 : e.hover),
+        d && "cursor-pointer transition-colors hover:bg-gray-200",
+        d && (e == null ? void 0 : e.hover),
         b && "even:bg-gray-100",
         b && (e == null ? void 0 : e.hover),
-        r
+        a
       ),
-      ...a,
-      children: o
+      ...o,
+      children: r
     }
   );
 }
 function C({
-  sticky: r = !1,
-  className: o,
-  children: a,
+  sticky: a = !1,
+  className: r,
+  children: o,
   ...e
 }) {
   return /* @__PURE__ */ n(
     "th",
     {
-      className: s(
+      "data-name": "table-header-cell",
+      className: l(
         "font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",
-        r && "bg-inherit sticky end-0 z-[1]",
-        o
+        a && "bg-inherit sticky inset-e-0 z-1",
+        r
       ),
       ...e,
-      children: a
+      children: o
     }
   );
 }
 function T({
-  sticky: r = !1,
-  className: o,
-  children: a,
+  sticky: a = !1,
+  className: r,
+  children: o,
   ...e
 }) {
   return /* @__PURE__ */ n(
     "td",
     {
-      className: s(
+      "data-name": "table-data-cell",
+      className: l(
         "font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",
-        r && "bg-inherit sticky end-0 z-[1]",
-        o
+        a && "bg-inherit sticky inset-e-0 z-1",
+        r
       ),
       ...e,
-      children: a
+      children: o
     }
   );
 }
-d.Container = w;
-d.Header = y;
-d.Body = g;
-d.Row = v;
-d.HeaderCell = C;
-d.DataCell = T;
+s.Container = w;
+s.Header = y;
+s.Body = g;
+s.Row = v;
+s.HeaderCell = C;
+s.DataCell = T;
 export {
-  d as default
+  s as default
 };

package/dist/components/Tabs/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),r=require("react"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js"),p=require("../../hooks/useClasses.cjs.js"),q=require("../Button/index.cjs.js"),T=require("../ButtonGroup/index.cjs.js"),d=r.createContext({active:null,onChange:()=>{}});function f({active:s=null,onChange:t=()=>{},children:a}){return c.jsx(d.Provider,{value:{active:s,onChange:t},children:a})}function I({className:s,...t}){const[a,u]=r.useState(!1),l=p(e=>e.tabs.indicator.base),{active:m}=r.useContext(d),b=r.useRef(null),x=r.useCallback(()=>{const e=b.current,n=e==null?void 0:e.parentElement,o=n==null?void 0:n.querySelector("button[data-active='true']");if(!n||!o||!e)return;const i=(o==null?void 0:o.offsetLeft)??0,v=window.getComputedStyle(o).paddingInline,C=(o==null?void 0:o.getBoundingClientRect().width)??0,y=i,w=C;e.style.setProperty("--left",`${y}px`),e.style.setProperty("--width",`${w}px`),e.style.setProperty("--padding-x",`${v}`)},[]);return r.useEffect(()=>{x(),requestAnimationFrame(()=>u(!0))},[x,m]),c.jsx("span",{ref:b,className:j.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",l,s),...t,children:c.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function P({className:s,children:t,...a}){const u=p(l=>l.tabs.buttonGroup.base);return c.jsx(T.default,{as:"div",className:g("relative flex items-center",u,s),...a,children:t})}function M({eventKey:s,className:t,children:a,onClick:u,...l}){const m=p(i=>i.tabs.button.base),b=p(i=>i.tabs.button.active),{active:x,onChange:e}=r.useContext(d),n=s===x,h=r.useMemo(()=>typeof t=="function"?t({isActive:n}):t,[n,t]),o=i=>{!n&&e(s),u==null||u(i)};return c.jsx(q,{as:"button",type:"button","data-active":n,onClick:o,color:n?"primary":"dark",variant:"text",className:g("shadow-none border-none",m,n&&b,h),...l,children:a})}function R({eventKey:s,children:t}){const{active:a}=r.useContext(d);return a!==s?null:c.jsx(r.Fragment,{children:t})}f.Indicator=I;f.ButtonGroup=P;f.Button=M;f.Item=R;exports.TabsContext=d;exports.default=f;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),o=require("react"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),q=require("../Button/index.cjs.js"),T=require("../ButtonGroup/index.cjs.js"),g=require("../../hooks/useClasses.cjs.js"),C=require("../../helpers/cn.cjs.js"),f=o.createContext({active:null,onChange:()=>{}});function p({active:n=null,onChange:t=()=>{},children:a}){return l.jsx(f.Provider,{value:{active:n,onChange:t},children:a})}function I({className:n,...t}){const[a,u]=o.useState(!1),d=g(e=>e.tabs.indicator.base),{active:h}=o.useContext(f),x=o.useRef(null),m=o.useCallback(()=>{const e=x.current,c=e==null?void 0:e.parentElement,s=c==null?void 0:c.querySelector("button[data-active='true']");if(!c||!s||!e)return;const b=(s==null?void 0:s.offsetLeft)??0,r=window.getComputedStyle(s).paddingInline,v=(s==null?void 0:s.getBoundingClientRect().width)??0,y=b,i=v;e.style.setProperty("--left",`${y}px`),e.style.setProperty("--width",`${i}px`),e.style.setProperty("--padding-x",`${r}`)},[]);return o.useEffect(()=>{m(),requestAnimationFrame(()=>u(!0))},[m,h]),l.jsx("span",{ref:x,"data-button-group-skip":!0,"data-name":"tabs-indicator",className:j.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",d,n),...t,children:l.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function P({className:n,children:t,...a}){const u=g(d=>d.tabs.buttonGroup.base);return l.jsx(T,{as:"div","data-name":"tabs-button-group",className:C("relative flex items-center",u,n),...a,children:t})}function M({eventKey:n,className:t,children:a,onClick:u,variant:d="text",color:h,size:x,loading:m,...e}){const c=g(i=>i.tabs.button.base),w=g(i=>i.tabs.button.active),{active:s,onChange:b}=o.useContext(f),r=n===s,v=o.useMemo(()=>typeof t=="function"?t({isActive:r}):t,[r,t]),y=i=>{r||b==null||b(n),u==null||u(i)};return l.jsx(q,{as:"button",type:"button","data-active":r,"data-name":"tabs-button",variant:d,color:h??(r?"primary":"dark"),size:x,loading:m,className:C("shadow-none border-none",c,r&&w,v),onClick:y,...e,children:a})}function R({eventKey:n,children:t}){const{active:a}=o.useContext(f);return a!==n?null:l.jsx(o.Fragment,{children:t})}p.Indicator=I;p.ButtonGroup=P;p.Button=M;p.Item=R;exports.TabsContext=f;exports.default=p;

package/dist/components/Tabs/index.d.ts

@@ -34,7 +34,7 @@ declare namespace Tabs {
 }
 declare function TabIndicator({ className, ...props }: Omit<ComponentProps<"span">, "children">): import("react/jsx-runtime").JSX.Element;
 declare function TabButtonGroup({ className, children, ...props }: ComponentPropsWithoutAs<typeof ButtonGroup<"div">, TabButtonGroupProps>): import("react/jsx-runtime").JSX.Element;
-declare function TabButton({ eventKey, className, children, onClick, ...props }: ComponentPropsWithoutAs<typeof Button<"button">, TabButtonProps>): import("react/jsx-runtime").JSX.Element;
+declare function TabButton({ eventKey, className, children, onClick, variant, color, size, loading, ...props }: ComponentPropsWithoutAs<typeof Button<"button">, TabButtonProps>): import("react/jsx-runtime").JSX.Element;
 declare function TabItem({ eventKey, children }: TabItemProps): import("react/jsx-runtime").JSX.Element | null;
 export default Tabs;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EACL,cAAc,EAEd,QAAQ,EAST,MAAM,OAAO,CAAC;AAIf,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AAClB,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AACF,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,CAAC;AACzD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,iBAAS,IAAI,CAAC,EAAE,MAAa,EAAE,QAAmB,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAMxE;kBANQ,IAAI;;;;;;AAOb,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,2CAuC1C;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,2CAWzE;AACD,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,2CAkClE;AACD,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,kDAIpD;AAOD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EACL,cAAc,EAEd,QAAQ,EAST,MAAM,OAAO,CAAC;AAIf,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AAClB,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AACF,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,CAAC;AACzD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,iBAAS,IAAI,CAAC,EAAE,MAAa,EAAE,QAAmB,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAMxE;kBANQ,IAAI;;;;;;AAOb,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,2CAyC1C;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,2CAYzE;AACD,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,2CAqClE;AACD,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,kDAIpD;AAOD,eAAe,IAAI,CAAC"}

package/dist/components/Tabs/index.es.js

@@ -1,102 +1,112 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as I, useState as T, useContext as h, useRef as P, useCallback as A, useEffect as B, useMemo as G, Fragment as R } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as I, useState as T, useContext as y, useRef as P, useCallback as A, useEffect as B, useMemo as G, Fragment as R } from "react";
 import { twMerge as S } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import g from "../../helpers/cn.es.js";
-import f from "../../hooks/useClasses.es.js";
 import $ from "../Button/index.es.js";
 import k from "../ButtonGroup/index.es.js";
-const p = I({
+import b from "../../hooks/useClasses.es.js";
+import C from "../../helpers/cn.es.js";
+const m = I({
   active: null,
   onChange: () => {
   }
 });
-function m({ active: o = null, onChange: t = () => {
+function x({ active: n = null, onChange: t = () => {
 }, children: s }) {
-  return /* @__PURE__ */ u(p.Provider, { value: { active: o, onChange: t }, children: s });
+  return /* @__PURE__ */ c(m.Provider, { value: { active: n, onChange: t }, children: s });
 }
 function q({
-  className: o,
+  className: n,
   ...t
 }) {
-  const [s, a] = T(!1), c = f((e) => e.tabs.indicator.base), { active: b } = h(p), l = P(null), d = A(() => {
-    const e = l.current, n = e == null ? void 0 : e.parentElement, r = n == null ? void 0 : n.querySelector("button[data-active='true']");
-    if (!n || !r || !e) return;
-    const i = (r == null ? void 0 : r.offsetLeft) ?? 0, v = window.getComputedStyle(r).paddingInline, w = (r == null ? void 0 : r.getBoundingClientRect().width) ?? 0, y = i, C = w;
-    e.style.setProperty("--left", `${y}px`), e.style.setProperty("--width", `${C}px`), e.style.setProperty("--padding-x", `${v}`);
+  const [s, r] = T(!1), l = b((e) => e.tabs.indicator.base), { active: h } = y(m), f = P(null), p = A(() => {
+    const e = f.current, u = e == null ? void 0 : e.parentElement, o = u == null ? void 0 : u.querySelector("button[data-active='true']");
+    if (!u || !o || !e) return;
+    const d = (o == null ? void 0 : o.offsetLeft) ?? 0, a = window.getComputedStyle(o).paddingInline, g = (o == null ? void 0 : o.getBoundingClientRect().width) ?? 0, w = d, i = g;
+    e.style.setProperty("--left", `${w}px`), e.style.setProperty("--width", `${i}px`), e.style.setProperty("--padding-x", `${a}`);
   }, []);
   return B(() => {
-    d(), requestAnimationFrame(() => a(!0));
-  }, [d, b]), /* @__PURE__ */ u(
+    p(), requestAnimationFrame(() => r(!0));
+  }, [p, h]), /* @__PURE__ */ c(
     "span",
     {
-      ref: l,
+      ref: f,
+      "data-button-group-skip": !0,
+      "data-name": "tabs-indicator",
       className: S(
         "absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",
         s ? "transition-[width,left,padding]" : "",
-        c,
-        o
+        l,
+        n
       ),
       ...t,
-      children: /* @__PURE__ */ u("span", { className: "block size-full rounded-full bg-primary" })
+      children: /* @__PURE__ */ c("span", { className: "block size-full rounded-full bg-primary" })
     }
   );
 }
 function E({
-  className: o,
+  className: n,
   children: t,
   ...s
 }) {
-  const a = f((c) => c.tabs.buttonGroup.base);
-  return /* @__PURE__ */ u(
+  const r = b((l) => l.tabs.buttonGroup.base);
+  return /* @__PURE__ */ c(
     k,
     {
       as: "div",
-      className: g("relative flex items-center", a, o),
+      "data-name": "tabs-button-group",
+      className: C("relative flex items-center", r, n),
       ...s,
       children: t
     }
   );
 }
 function F({
-  eventKey: o,
+  eventKey: n,
   className: t,
   children: s,
-  onClick: a,
-  ...c
+  onClick: r,
+  variant: l = "text",
+  color: h,
+  size: f,
+  loading: p,
+  ...e
 }) {
-  const b = f((i) => i.tabs.button.base), l = f((i) => i.tabs.button.active), { active: d, onChange: e } = h(p), n = o === d, x = G(() => typeof t == "function" ? t({ isActive: n }) : t, [n, t]);
-  return /* @__PURE__ */ u(
+  const u = b((i) => i.tabs.button.base), v = b((i) => i.tabs.button.active), { active: o, onChange: d } = y(m), a = n === o, g = G(() => typeof t == "function" ? t({ isActive: a }) : t, [a, t]), w = (i) => {
+    a || d == null || d(n), r == null || r(i);
+  };
+  return /* @__PURE__ */ c(
     $,
     {
       as: "button",
       type: "button",
-      "data-active": n,
-      onClick: (i) => {
-        !n && e(o), a == null || a(i);
-      },
-      color: n ? "primary" : "dark",
-      variant: "text",
-      className: g(
+      "data-active": a,
+      "data-name": "tabs-button",
+      variant: l,
+      color: h ?? (a ? "primary" : "dark"),
+      size: f,
+      loading: p,
+      className: C(
         "shadow-none border-none",
-        b,
-        n && l,
-        x
+        u,
+        a && v,
+        g
       ),
-      ...c,
+      onClick: w,
+      ...e,
       children: s
     }
   );
 }
-function L({ eventKey: o, children: t }) {
-  const { active: s } = h(p);
-  return s !== o ? null : /* @__PURE__ */ u(R, { children: t });
+function L({ eventKey: n, children: t }) {
+  const { active: s } = y(m);
+  return s !== n ? null : /* @__PURE__ */ c(R, { children: t });
 }
-m.Indicator = q;
-m.ButtonGroup = E;
-m.Button = F;
-m.Item = L;
+x.Indicator = q;
+x.ButtonGroup = E;
+x.Button = F;
+x.Item = L;
 export {
-  p as TabsContext,
-  m as default
+  m as TabsContext,
+  x as default
 };

package/dist/components/Toggle/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),e=require("react"),P=require("../../helpers/anchorPointer.cjs.js"),M=e.createContext(null),h=e.createContext(null);function E(...t){return l=>{t.forEach(r=>{typeof r=="function"?r(l):r&&(r.current=l)})}}function j(){const t=e.useContext(M),l=e.useContext(h);if(!t||!l)throw new Error("useToggleContext must be used within Toggle");return{...t,...l}}function k(){const t=e.useContext(M);if(!t)throw new Error("Toggle subcomponents must be used within Toggle");return t}function w(){const t=e.useContext(h);if(!t)throw new Error("Toggle subcomponents must be used within Toggle");return t}function v({defaultOpen:t=!1,open:l,onOpenChange:r,anchor:i=!1,triggerOn:u="click",ref:a,children:g}){const[s,x]=e.useState(t),[p,d]=e.useState(null),f=l!==void 0,n=f?l:s,o=e.useCallback(m=>{f||x(m),m||d(null),r==null||r(m)},[f,r]),c=e.useCallback(()=>{o(!0)},[o]),C=e.useCallback(()=>{o(!1)},[o]),T=e.useCallback(()=>{o(!n)},[n,o]);e.useImperativeHandle(a,()=>({open:c,close:C,toggle:T}));const S=e.useMemo(()=>({open:n,anchorEl:p,anchor:i,triggerOn:u}),[n,p,i,u]),A=e.useMemo(()=>({open:c,close:C,toggle:T,setAnchorEl:d}),[c,C,T]);return b.jsx(h.Provider,{value:A,children:b.jsx(M.Provider,{value:S,children:g})})}function y({children:t}){const{open:l,triggerOn:r}=k(),{toggle:i,setAnchorEl:u,open:a,close:g}=w();if(!e.isValidElement(t))return t;const s=e.Children.only(t),x=n=>{var o,c;(c=(o=s.props).onClick)==null||c.call(o,n),u(n.currentTarget),i()},p=n=>{var o,c;n.preventDefault(),(c=(o=s.props).onContextMenu)==null||c.call(o,n),P.setAnchorPointer(n.currentTarget,n.clientX,n.clientY),u(n.currentTarget),a()},d=n=>{var o,c;(c=(o=s.props).onMouseEnter)==null||c.call(o,n),u(n.currentTarget),a()},f=n=>{var o,c;(c=(o=s.props).onMouseLeave)==null||c.call(o,n),g()};return r==="contextMenu"?e.cloneElement(s,{"aria-expanded":l,onContextMenu:p,ref:E(s.props.ref)}):r==="hover"?e.cloneElement(s,{"aria-expanded":l,onMouseEnter:d,onMouseLeave:f,ref:E(s.props.ref)}):r==="click"?e.cloneElement(s,{"aria-expanded":l,onClick:x,ref:E(s.props.ref)}):s}function V({children:t}){const{open:l,anchorEl:r,anchor:i,triggerOn:u}=k(),{close:a}=w();if(!e.isValidElement(t))return t;const g=u==="contextMenu",s=e.Children.only(t);return e.cloneElement(s,{open:l,onClose:a,...i&&{anchorEl:r},...g&&{anchorPointer:!0}})}v.Trigger=y;v.Content=V;exports.default=v;exports.useToggleContext=j;

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1,48 @@
+import { ChildrenProps } from '../../types';
+import { MouseEvent, ReactElement, Ref } from 'react';
+type TriggerOn = "hover" | "click" | "contextMenu";
+export type ToggleRef = {
+    open: VoidFunction;
+    close: VoidFunction;
+    toggle: VoidFunction;
+};
+type ToggleProps = {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    anchor?: boolean;
+    triggerOn?: TriggerOn;
+    ref?: Ref<ToggleRef>;
+} & ChildrenProps;
+type ToggleTriggerProps = ChildrenProps;
+type ToggleContentProps = ChildrenProps;
+export declare function useToggleContext(): {
+    open: VoidFunction;
+    close: VoidFunction;
+    toggle: VoidFunction;
+    setAnchorEl: (el: HTMLElement | null) => void;
+    anchorEl: HTMLElement | null;
+    anchor: boolean;
+    triggerOn: TriggerOn;
+};
+declare function Toggle({ defaultOpen, open: openProp, onOpenChange, anchor, triggerOn, ref, children, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Toggle {
+    var Trigger: typeof ToggleTrigger;
+    var Content: typeof ToggleContent;
+}
+declare function ToggleTrigger({ children }: ToggleTriggerProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | ReactElement<{
+    onClick?: (e: MouseEvent<HTMLElement>) => void;
+    onContextMenu?: (e: MouseEvent<HTMLElement>) => void;
+    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (e: MouseEvent<HTMLElement>) => void;
+    ref?: Ref<HTMLElement>;
+    "aria-expanded"?: boolean;
+}, string | import('react').JSXElementConstructor<any>> | null | undefined;
+declare function ToggleContent({ children }: ToggleContentProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | ReactElement<{
+    open?: boolean;
+    onClose?: VoidFunction;
+    anchorEl?: HTMLElement | null;
+    anchorPointer?: boolean;
+}, string | import('react').JSXElementConstructor<any>> | null | undefined;
+export default Toggle;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAKL,UAAU,EACV,YAAY,EACZ,GAAG,EAMJ,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAgBnD,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;CACtB,GAAG,aAAa,CAAC;AAElB,KAAK,kBAAkB,GAAG,aAAa,CAAC;AAExC,KAAK,kBAAkB,GAAG,aAAa,CAAC;AAgBxC,wBAAgB,gBAAgB;UAvCxB,YAAY;WACX,YAAY;YACX,YAAY;iBACP,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI;cATnC,WAAW,GAAG,IAAI;YACpB,OAAO;eACJ,SAAS;EAkDrB;AAkBD,iBAAS,MAAM,CAAC,EACd,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,MAAc,EACd,SAAmB,EACnB,GAAG,EACH,QAAQ,GACT,EAAE,WAAW,2CAkDb;kBA1DQ,MAAM;;;;AA4Df,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB;cAOzC,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI;oBAC9B,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI;mBACrC,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI;mBACpC,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI;UAC7C,GAAG,CAAC,WAAW,CAAC;sBACJ,OAAO;2EAsD5B;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB;WAS5C,OAAO;cACJ,YAAY;eACX,WAAW,GAAG,IAAI;oBACb,OAAO;2EAS1B;AAKD,eAAe,MAAM,CAAC"}