@simpli-route/apollo-ds 0.0.13 → 0.0.15

package/dist/components/Checkbox/types.d.ts

@@ -21,4 +21,5 @@ export interface MarkIconProps {
     className?: string;
     isIndeterminate?: boolean;
     isSelected?: boolean;
+    isHovered?: boolean;
 }

package/dist/index.cjs12.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index.cjs10.js"),m=require("react"),q=require("react-aria"),v=require("./index.cjs11.js"),x=require("./index.cjs14.js"),y=r=>{const{className:n,item:i,orientation:c,state:e,id:o=void 0}=r,{key:t,rendered:a}=i,u=e.selectedKey===t,s=m.useRef(null),{tabProps:d}=q.useTab({key:String(t)},e,s),l=v.cn(x.tabVariants({isActive:u,orientation:c}),n);return b.jsxRuntimeExports.jsx("div",{...d,ref:s,className:l,id:o,children:a})};exports.Tab=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),n=require("./index.cjs25.js"),r=require("./index.cjs11.js"),m=({label:t,section:o,active:e,onToggle:i,itemClassName:c,sectionClassName:l,hasIcon:u=!0})=>{const x=r.cn("rounded-md border border-solid border-purple-200 bg-gray-100",c),d=r.cn("px-4 pb-4",l),a=e?n.MinusIcon:n.PlusIcon;return s.jsxRuntimeExports.jsxs("div",{className:x,children:[s.jsxRuntimeExports.jsxs("button",{className:"flex w-full cursor-pointer items-center gap-x-4 p-4",onClick:i,children:[s.jsxRuntimeExports.jsx("div",{className:"flex-1",children:t}),u?s.jsxRuntimeExports.jsx("span",{className:`shrink-0 transition duration-300 ${e?"-rotate-180":"rotate-0"}`,children:s.jsxRuntimeExports.jsx(a,{className:"size-6"})}):null]}),e?s.jsxRuntimeExports.jsx("div",{className:d,children:o}):null]})};exports.AccordionItem=m;

package/dist/index.cjs13.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs10.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs11.js"),b=r=>{var t;const{className:n,state:e,...c}=r,s=l.useRef(null),{tabPanelProps:a}=u.useTabPanel(c,e,s),o=d.cn("",n);return i.jsxRuntimeExports.jsx("div",{...a,ref:s,className:o,children:(t=e.selectedItem)==null?void 0:t.props.children})};exports.TabPanel=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),l=require("./index.cjs11.js"),c=o=>{const{isIndeterminate:t,isSelected:e,className:n,isHovered:i}=o,r=i&&!e&&!t?"text-neutral-500":"",a=!!(r||e);return s.jsxRuntimeExports.jsx("svg",{className:l.cn("stroke-current",r,n),viewBox:"-1 1 17 17",children:t?s.jsxRuntimeExports.jsx("line",{x1:1,y1:10,x2:14,y2:10,fill:"none",strokeWidth:2,strokeDasharray:14,strokeDashoffset:e?28:42,style:{transition:"all 400ms"}}):s.jsxRuntimeExports.jsx("polyline",{points:"1 9 7 14 15 4",fill:"none",strokeWidth:2,strokeDasharray:22,strokeDashoffset:a?44:66,style:{transition:"all 400ms"}})})};exports.MarkIcon=c;

package/dist/index.cjs14.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),t=r.cva("flex h-full max-h-12",{variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),e=r.cva("group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",{variants:{isActive:{true:"bg-primary-50 text-primary-600 ",false:"text-neutral-500 hover:text-primary-900"},orientation:{horizontal:"border-b-2 border-transparent",vertical:"border-r-2 border-transparent"}},compoundVariants:[{isActive:!0,orientation:"horizontal",class:"border-b-2 border-primary-500"},{isActive:!1,orientation:"horizontal",class:"border-b-2 border-primary-200"},{isActive:!1,orientation:"vertical",class:"border-r-2 border-primary-200"},{isActive:!0,orientation:"vertical",class:"border-r-2 border-primary-500"}]});exports.tabVariants=e;exports.tabsVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",{variants:{isHovered:{true:""},isSelected:{true:"border-primary-500 bg-primary-500",false:"bg-white"},isFocusVisible:{true:"border-primary-500 group-active:border-primary-500"},isDisabled:{true:"border-neutral-500"},label:{true:"mr-2"}},compoundVariants:[{isHovered:!0,isSelected:!0,class:"border-none bg-primary-600 group-active:bg-primary-600"},{isHovered:!0,isSelected:!1,isDisabled:!1,class:"border-primary-700 group-active:bg-primary-600"},{isDisabled:!0,isSelected:!0,class:"bg-neutral-500"}]});exports.checkboxVariants=r;

package/dist/index.cjs15.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),o=require("./index.cjs11.js"),i=t=>{const{isIndeterminate:r,isSelected:s,className:n}=t;return e.jsxRuntimeExports.jsx("svg",{className:o.cn("stroke-current",n),viewBox:"-1 1 17 17",children:r?e.jsxRuntimeExports.jsx("line",{x1:1,y1:10,x2:14,y2:10,fill:"none",strokeWidth:2,strokeDasharray:14,strokeDashoffset:s?28:42,style:{transition:"all 400ms"}}):e.jsxRuntimeExports.jsx("polyline",{points:"1 9 7 14 15 4",fill:"none",strokeWidth:2,strokeDasharray:22,strokeDashoffset:s?44:66,style:{transition:"all 400ms"}})})};exports.MarkIcon=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs10.js"),r=require("./index.cjs11.js"),l=({label:e,description:n,errorMessage:x,isDisabled:s,isInvalid:c,children:u})=>!e&&!n&&!u?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsx("p",{className:r.cn("text-sm font-semibold",s?"text-neutral-600":"text-neutral-900"),children:e}):u,n&&!x&&t.jsxRuntimeExports.jsx("p",{className:r.cn("text-xs",s?"text-neutral-600":"text-neutral-800"),children:n}),c&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=l;

package/dist/index.cjs16.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",{variants:{isHovered:{true:""},isSelected:{true:"border-primary-500 bg-primary-500",false:"bg-white"},isFocusVisible:{true:"border-primary-500 group-active:border-primary-500"},isDisabled:{true:"border-neutral-500 bg-neutral-500"},label:{true:"mr-2"}},compoundVariants:[{isHovered:!0,isSelected:!0,class:"border-none bg-primary-600 group-active:bg-primary-600"},{isHovered:!0,isSelected:!1,isDisabled:!1,class:"border-primary-700 group-active:bg-primary-600"}]});exports.checkboxVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs17.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;

package/dist/index.cjs17.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),n=require("./index.cjs25.js"),r=require("./index.cjs11.js"),m=({label:t,section:o,active:e,onToggle:i,itemClassName:c,sectionClassName:l,hasIcon:u=!0})=>{const x=r.cn("rounded-md border border-solid border-purple-200 bg-gray-100",c),d=r.cn("px-4 pb-4",l),a=e?n.MinusIcon:n.PlusIcon;return s.jsxRuntimeExports.jsxs("div",{className:x,children:[s.jsxRuntimeExports.jsxs("button",{className:"flex w-full cursor-pointer items-center gap-x-4 p-4",onClick:i,children:[s.jsxRuntimeExports.jsx("div",{className:"flex-1",children:t}),u?s.jsxRuntimeExports.jsx("span",{className:`shrink-0 transition duration-300 ${e?"-rotate-180":"rotate-0"}`,children:s.jsxRuntimeExports.jsx(a,{className:"size-6"})}):null]}),e?s.jsxRuntimeExports.jsx("div",{className:d,children:o}):null]})};exports.AccordionItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("relative rounded-full transition-colors duration-300",{variants:{isSelected:{true:"bg-primary-500",false:"bg-neutral-50 border border-primary-200"},isDisabled:{true:"cursor-not-allowed bg-neutral-400 border-none",false:"cursor-pointer"},isHoveredWhenOff:{true:"bg-neutral-200 border-primary-700",false:""},isFocusVisible:{true:"ring-2 ring-sky-400 ring-offset-2",false:""},size:{sm:"w-[42px] h-[24px]",md:"w-[56px] h-[32px]"}},defaultVariants:{size:"md",isSelected:!1,isDisabled:!1,isFocusVisible:!1,isHoveredWhenOff:!1},compoundVariants:[{isSelected:!1,isDisabled:!1,class:"hover:bg-neutral-200 hover:border-primary-700"},{isSelected:!0,isDisabled:!1,class:"hover:bg-primary-700"},{isSelected:!1,isDisabled:!0,class:"bg-neutral-400 border-none"},{isSelected:!0,isDisabled:!0,class:"bg-neutral-500"}]}),s=e.cva("absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",{variants:{isSelected:{true:"bg-primary-50",false:"bg-primary-200 border border-primary-200"},isDisabled:{true:"bg-neutral-600 border-none",false:""},isHoveredWhenOff:{true:"bg-primary-700 border-primary-700",false:""},size:{sm:"w-[20px] h-[20px]",md:"w-[24px] h-[24px]"}},defaultVariants:{size:"md",isSelected:!1,isDisabled:!1,isHoveredWhenOff:!1},compoundVariants:[{isSelected:!0,isDisabled:!0,class:"bg-neutral-400"}]});exports.indicatorVariants=s;exports.switchVariants=r;

package/dist/index.cjs18.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs10.js"),r=require("./index.cjs11.js"),l=({label:e,description:n,errorMessage:x,isDisabled:s,isInvalid:c,children:u})=>!e&&!n&&!u?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsx("p",{className:r.cn("text-sm font-semibold",s?"text-neutral-600":"text-neutral-900"),children:e}):u,n&&!x&&t.jsxRuntimeExports.jsx("p",{className:r.cn("text-xs",s?"text-neutral-600":"text-neutral-700"),children:n}),c&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index.cjs10.js"),m=require("react"),q=require("react-aria"),v=require("./index.cjs11.js"),x=require("./index.cjs20.js"),y=r=>{const{className:n,item:i,orientation:c,state:e,id:o=void 0}=r,{key:t,rendered:a}=i,u=e.selectedKey===t,s=m.useRef(null),{tabProps:d}=q.useTab({key:String(t)},e,s),l=v.cn(x.tabVariants({isActive:u,orientation:c}),n);return b.jsxRuntimeExports.jsx("div",{...d,ref:s,className:l,id:o,children:a})};exports.Tab=y;

package/dist/index.cjs19.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs20.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs10.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs11.js"),b=r=>{var t;const{className:n,state:e,...c}=r,s=l.useRef(null),{tabPanelProps:a}=u.useTabPanel(c,e,s),o=d.cn("",n);return i.jsxRuntimeExports.jsx("div",{...a,ref:s,className:o,children:(t=e.selectedItem)==null?void 0:t.props.children})};exports.TabPanel=b;

package/dist/index.cjs2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),m=require("react"),g=require("./index.cjs11.js"),j=require("./index.cjs17.js"),p=({items:c,accordionClassName:s,itemClassName:i,sectionClassName:u,hasIcon:l})=>{const[o,a]=m.useState(null),d=g.cn("flex flex-col gap-y-4",s),x=e=>{a(e===o?null:e)};return r.jsxRuntimeExports.jsx("div",{className:d,children:c.map(({label:e,section:t},n)=>r.jsxRuntimeExports.jsx(j.AccordionItem,{hasIcon:l,label:e,section:t,active:o===n,itemClassName:i,sectionClassName:u,onToggle:()=>x(n)},n))})};exports.Accordion=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),m=require("react"),g=require("./index.cjs11.js"),j=require("./index.cjs12.js"),p=({items:c,accordionClassName:s,itemClassName:i,sectionClassName:u,hasIcon:l})=>{const[o,a]=m.useState(null),d=g.cn("flex flex-col gap-y-4",s),x=e=>{a(e===o?null:e)};return r.jsxRuntimeExports.jsx("div",{className:d,children:c.map(({label:e,section:t},n)=>r.jsxRuntimeExports.jsx(j.AccordionItem,{hasIcon:l,label:e,section:t,active:o===n,itemClassName:i,sectionClassName:u,onToggle:()=>x(n)},n))})};exports.Accordion=p;

package/dist/index.cjs20.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("relative rounded-full transition-colors duration-300",{variants:{isSelected:{true:"bg-primary-500",false:"bg-neutral-50 border border-primary-200"},isDisabled:{true:"cursor-not-allowed bg-neutral-400 border-none",false:"cursor-pointer"},isHoveredWhenOff:{true:"bg-neutral-200 border-primary-700",false:""},isFocusVisible:{true:"ring-2 ring-sky-400 ring-offset-2",false:""},size:{sm:"w-[42px] h-[24px]",md:"w-[56px] h-[32px]"}},defaultVariants:{size:"md",isSelected:!1,isDisabled:!1,isFocusVisible:!1,isHoveredWhenOff:!1},compoundVariants:[{isSelected:!1,isDisabled:!1,class:"hover:bg-neutral-200 hover:border-primary-700"},{isSelected:!0,isDisabled:!1,class:"hover:bg-primary-700"},{isSelected:!1,isDisabled:!0,class:"bg-neutral-400 border-none"},{isSelected:!0,isDisabled:!0,class:"bg-neutral-500"}]}),s=e.cva("absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",{variants:{isSelected:{true:"bg-primary-50",false:"bg-primary-200 border border-primary-200"},isDisabled:{true:"bg-neutral-600 border-none",false:""},isHoveredWhenOff:{true:"bg-primary-700 border-primary-700",false:""},size:{sm:"w-[20px] h-[20px]",md:"w-[24px] h-[24px]"}},defaultVariants:{size:"md",isSelected:!1,isDisabled:!1,isHoveredWhenOff:!1},compoundVariants:[{isSelected:!0,isDisabled:!0,class:"bg-neutral-400"}]});exports.indicatorVariants=s;exports.switchVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),t=r.cva("flex h-full max-h-12",{variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),e=r.cva("group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",{variants:{isActive:{true:"bg-primary-50 text-primary-600 ",false:"text-neutral-500 hover:text-primary-900"},orientation:{horizontal:"border-b-2 border-transparent",vertical:"border-r-2 border-transparent"}},compoundVariants:[{isActive:!0,orientation:"horizontal",class:"border-b-2 border-primary-500"},{isActive:!1,orientation:"horizontal",class:"border-b-2 border-primary-200"},{isActive:!1,orientation:"vertical",class:"border-r-2 border-primary-200"},{isActive:!0,orientation:"vertical",class:"border-r-2 border-primary-500"}]});exports.tabVariants=e;exports.tabsVariants=t;

package/dist/index.cjs3.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),E=require("react-aria-components"),p=require("./index.cjs11.js");require("react");const N=require("./index.cjs26.js");require("./index.cjs16.js");const w=require("./index.cjs5.js");require("./index.cjs20.js");require("./index.cjs21.js");const h=({renderPosition:e,leftIcon:u,rightIcon:c,isLoading:r,loaderPosition:n,loaderProps:t})=>{const i=e==="left"?u:e==="right"?c:null;return i||r&&n===e?s.jsxRuntimeExports.jsx("span",{className:e==="left"?"mr-1":"ml-1",children:r&&n===e?s.jsxRuntimeExports.jsx(w.Loader,{size:"sm",...t}):i}):null},y=e=>{const{intent:u="primary",size:c="md",leftIcon:r,rightIcon:n,isDisabled:t,children:i,className:q,isLoading:l,loaderPosition:x="left",loaderProps:f,fullWidth:R=!1,unstyled:d=!1,focus:j=!0,isMobileFullWidth:b=!1,...g}=e,v=(m,a,o)=>p.cn(d?"":N.buttonVariants({intent:u,size:c,isHovered:a||(j||!d?o:!1),isActive:m,isDisabled:t,isFocused:j||!d?o:!1,fullWidth:R,isLoading:l}),q);return s.jsxRuntimeExports.jsxs(E.Button,{"data-disabled":t||void 0,"data-loading":l||void 0,isDisabled:t,className:({isPressed:m,isHovered:a,isFocusVisible:o})=>v(m,a,o),...g,children:[s.jsxRuntimeExports.jsx(h,{renderPosition:"left",loaderPosition:x,loaderProps:f,isLoading:l,leftIcon:r}),s.jsxRuntimeExports.jsx("span",{className:p.cn("flex h-full items-center overflow-hidden whitespace-nowrap",b?"w-full":""),children:i}),s.jsxRuntimeExports.jsx(h,{renderPosition:"right",loaderPosition:x,loaderProps:f,isLoading:l,rightIcon:n})]})};exports.Button=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),E=require("react-aria-components"),p=require("./index.cjs11.js");require("react");const N=require("./index.cjs26.js");require("./index.cjs14.js");const w=require("./index.cjs5.js");require("./index.cjs17.js");require("./index.cjs21.js");const h=({renderPosition:e,leftIcon:u,rightIcon:c,isLoading:r,loaderPosition:n,loaderProps:t})=>{const i=e==="left"?u:e==="right"?c:null;return i||r&&n===e?s.jsxRuntimeExports.jsx("span",{className:e==="left"?"mr-1":"ml-1",children:r&&n===e?s.jsxRuntimeExports.jsx(w.Loader,{size:"sm",...t}):i}):null},y=e=>{const{intent:u="primary",size:c="md",leftIcon:r,rightIcon:n,isDisabled:t,children:i,className:q,isLoading:l,loaderPosition:x="left",loaderProps:f,fullWidth:R=!1,unstyled:d=!1,focus:j=!0,isMobileFullWidth:b=!1,...g}=e,v=(m,a,o)=>p.cn(d?"":N.buttonVariants({intent:u,size:c,isHovered:a||(j||!d?o:!1),isActive:m,isDisabled:t,isFocused:j||!d?o:!1,fullWidth:R,isLoading:l}),q);return s.jsxRuntimeExports.jsxs(E.Button,{"data-disabled":t||void 0,"data-loading":l||void 0,isDisabled:t,className:({isPressed:m,isHovered:a,isFocusVisible:o})=>v(m,a,o),...g,children:[s.jsxRuntimeExports.jsx(h,{renderPosition:"left",loaderPosition:x,loaderProps:f,isLoading:l,leftIcon:r}),s.jsxRuntimeExports.jsx("span",{className:p.cn("flex h-full items-center overflow-hidden whitespace-nowrap",b?"w-full":""),children:i}),s.jsxRuntimeExports.jsx(h,{renderPosition:"right",loaderPosition:x,loaderProps:f,isLoading:l,rightIcon:n})]})};exports.Button=y;

package/dist/index.cjs4.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),l=require("react-aria-components"),o=require("./index.cjs11.js"),p=require("./index.cjs15.js"),b=require("./index.cjs16.js"),h=({isIndeterminate:c=!1,isDisabled:t=!1,className:i,children:s,onChange:u,isSelected:r,id:x,...m})=>{const j=(n,a)=>o.cn(b.checkboxVariants({isDisabled:t,isFocusVisible:n,isHovered:a,isSelected:r,label:!!s}));return e.jsxRuntimeExports.jsx(l.Checkbox,{className:o.cn("group flex items-center",i),isSelected:r,isDisabled:t,id:x,onChange:u,...m,children:({isFocusVisible:n,isHovered:a})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:j(n,a),"aria-hidden":"true",children:e.jsxRuntimeExports.jsx(p.MarkIcon,{isIndeterminate:c,isSelected:r,className:"size-3"})}),s&&e.jsxRuntimeExports.jsx("span",{className:o.cn("select-none text-base leading-6",t?"text-neutral-500":"text-primary-900"),id:x,children:s})]})})};exports.Checkbox=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),l=require("react-aria-components"),x=require("./index.cjs11.js"),p=require("./index.cjs13.js"),b=require("./index.cjs14.js"),h=({isIndeterminate:c=!1,isDisabled:s=!1,className:u,children:r,onChange:i,isSelected:n,id:o,...m})=>{const j=(a,t)=>x.cn(b.checkboxVariants({isDisabled:s,isFocusVisible:a,isHovered:t,isSelected:n,label:!!r}));return e.jsxRuntimeExports.jsx(l.Checkbox,{className:x.cn("group flex items-center",u),isSelected:n,isDisabled:s,id:o,onChange:i,...m,children:({isFocusVisible:a,isHovered:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:j(a,t),"aria-hidden":"true",children:e.jsxRuntimeExports.jsx(p.MarkIcon,{isIndeterminate:c,isHovered:t,isSelected:n,className:"size-3"})}),r&&e.jsxRuntimeExports.jsx("span",{className:x.cn("select-none text-base leading-6",s?"text-neutral-500":"text-primary-900"),id:o,children:r})]})})};exports.Checkbox=h;

package/dist/index.cjs6.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),d=require("react-aria-components"),o=require("./index.cjs11.js"),w=require("./index.cjs18.js"),q=require("./index.cjs19.js"),y=require("./index.cjs20.js"),R=({children:c,label:a,description:s,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,"aria-label":m,"aria-describedby":h})=>{const j=u==="invalid"&&!t,l=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:o.cn("group flex flex-row items-center gap-2",t?"opacity-40":"opacity-100"),children:[r.jsxRuntimeExports.jsx(d.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":m,"aria-describedby":h,onChange:f,children:({isFocusVisible:p,isHovered:i})=>r.jsxRuntimeExports.jsx("div",{className:o.cn(y.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:p,size:e,isHoveredWhenOff:i&&!n})),children:r.jsxRuntimeExports.jsx(q.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:i,size:e,dimensions:l})})}),r.jsxRuntimeExports.jsx(w.ContentSwitch,{label:a,description:s,errorMessage:x,isDisabled:t,isInvalid:j,children:c})]})};exports.Switch=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.cjs10.js"),w=require("react-aria-components"),s=require("./index.cjs11.js"),d=require("./index.cjs15.js"),q=require("./index.cjs16.js"),y=require("./index.cjs17.js"),R=({children:a,label:i,description:o,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:r=!1,onChange:f,"aria-label":m,"aria-describedby":h})=>{const j=u==="invalid"&&!t,p=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return n.jsxRuntimeExports.jsxs("label",{className:s.cn("group flex flex-row gap-2",t?"opacity-40":"opacity-100",i&&o?"items-start":"items-center"),children:[n.jsxRuntimeExports.jsx(w.Switch,{isDisabled:t,isSelected:r,"aria-checked":r,"aria-label":m,"aria-describedby":h,onChange:f,children:({isFocusVisible:l,isHovered:c})=>n.jsxRuntimeExports.jsx("div",{className:s.cn(y.switchVariants({isSelected:r,isDisabled:t,isFocusVisible:l,size:e,isHoveredWhenOff:c&&!r})),children:n.jsxRuntimeExports.jsx(q.SwitchIndicator,{isSelected:r,isDisabled:t,isHovered:c,size:e,dimensions:p})})}),n.jsxRuntimeExports.jsx(d.ContentSwitch,{label:i,description:o,errorMessage:x,isDisabled:t,isInvalid:j,children:a})]})};exports.Switch=R;

package/dist/index.cjs9.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),j=require("react"),q=require("react-aria"),c=require("react-stately"),r=require("./index.cjs11.js"),T=require("./index.cjs12.js"),f=require("./index.cjs13.js"),p=require("./index.cjs14.js"),l=a=>{var i;const{rootClassName:u,tabClassName:x,tabPanelClassName:m,orientation:t="horizontal",id:b=void 0}=a,e=c.useTabListState(a),n=j.useRef(null),{tabListProps:d}=q.useTabList(a,e,n);return s.jsxRuntimeExports.jsxs("div",{className:r.cn(p.tabsVariants({orientation:t}),u),children:[s.jsxRuntimeExports.jsx("div",{...d,ref:n,className:r.cn("flex",t==="horizontal"?"flex-row flex-wrap":"flex-col"),children:[...e.collection].map(o=>s.jsxRuntimeExports.jsx(T.Tab,{item:o,state:e,orientation:t,className:x,id:b},o.key))}),s.jsxRuntimeExports.jsx(f.TabPanel,{state:e,className:r.cn("p-2",t==="horizontal"?"pl-2":"pt-2",m)},(i=e.selectedItem)==null?void 0:i.key)]})};l.Item=c.Item;exports.Tabs=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),j=require("react"),q=require("react-aria"),c=require("react-stately"),r=require("./index.cjs11.js"),T=require("./index.cjs18.js"),f=require("./index.cjs19.js"),p=require("./index.cjs20.js"),l=a=>{var i;const{rootClassName:u,tabClassName:x,tabPanelClassName:m,orientation:t="horizontal",id:b=void 0}=a,e=c.useTabListState(a),n=j.useRef(null),{tabListProps:d}=q.useTabList(a,e,n);return s.jsxRuntimeExports.jsxs("div",{className:r.cn(p.tabsVariants({orientation:t}),u),children:[s.jsxRuntimeExports.jsx("div",{...d,ref:n,className:r.cn("flex",t==="horizontal"?"flex-row flex-wrap":"flex-col"),children:[...e.collection].map(o=>s.jsxRuntimeExports.jsx(T.Tab,{item:o,state:e,orientation:t,className:x,id:b},o.key))}),s.jsxRuntimeExports.jsx(f.TabPanel,{state:e,className:r.cn("p-2",t==="horizontal"?"pl-2":"pt-2",m)},(i=e.selectedItem)==null?void 0:i.key)]})};l.Item=c.Item;exports.Tabs=l;

package/dist/index.es12.js

@@ -1,12 +1,24 @@
-import { j as f } from "./index.es10.js";
-import { useRef as l } from "react";
-import { useTab as u } from "react-aria";
-import { cn as b } from "./index.es11.js";
-import { tabVariants as x } from "./index.es14.js";
-const R = (o) => {
-  const { className: r, item: i, orientation: n, state: t, id: a = void 0 } = o, { key: s, rendered: c } = i, m = t.selectedKey === s, e = l(null), { tabProps: p } = u({ key: String(s) }, t, e), d = b(x({ isActive: m, orientation: n }), r);
-  return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
+import { j as s } from "./index.es10.js";
+import { MinusIcon as p, PlusIcon as u } from "./index.es25.js";
+import { cn as e } from "./index.es11.js";
+const f = ({
+  label: o,
+  section: n,
+  active: r,
+  onToggle: l,
+  itemClassName: t,
+  sectionClassName: c,
+  hasIcon: i = !0
+}) => {
+  const a = e("rounded-md border border-solid border-purple-200 bg-gray-100", t), d = e("px-4 pb-4", c), m = r ? p : u;
+  return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
+    /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: l, children: [
+      /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
+      i ? /* @__PURE__ */ s.jsx("span", { className: `shrink-0 transition duration-300 ${r ? "-rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ s.jsx(m, { className: "size-6" }) }) : null
+    ] }),
+    r ? /* @__PURE__ */ s.jsx("div", { className: d, children: n }) : null
+  ] });
 };
 export {
-  R as Tab
+  f as AccordionItem
 };

package/dist/index.es13.js

@@ -1,12 +1,32 @@
-import { j as m } from "./index.es10.js";
-import { useRef as l } from "react";
-import { useTabPanel as p } from "react-aria";
-import { cn as i } from "./index.es11.js";
-const P = (r) => {
-  var t;
-  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
-  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+import { j as e } from "./index.es10.js";
+import { cn as l } from "./index.es11.js";
+const m = (r) => {
+  const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
+  return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
+    "line",
+    {
+      x1: 1,
+      y1: 10,
+      x2: 14,
+      y2: 10,
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 14,
+      strokeDashoffset: s ? 28 : 42,
+      style: { transition: "all 400ms" }
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    "polyline",
+    {
+      points: "1 9 7 14 15 4",
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 22,
+      strokeDashoffset: i ? 44 : 66,
+      style: { transition: "all 400ms" }
+    }
+  ) });
 };
 export {
-  P as TabPanel
+  m as MarkIcon
 };

package/dist/index.es14.js

@@ -1,33 +1,45 @@
 import { cva as r } from "class-variance-authority";
-const e = r("flex h-full max-h-12", {
-  variants: {
-    orientation: {
-      horizontal: "flex-col",
-      vertical: "flex-row"
-    }
-  }
-}), i = r(
-  "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
+const i = r(
+  "flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",
   {
     variants: {
-      isActive: {
-        true: "bg-primary-50 text-primary-600 ",
-        false: "text-neutral-500 hover:text-primary-900"
+      isHovered: {
+        true: ""
+      },
+      isSelected: {
+        true: "border-primary-500 bg-primary-500",
+        false: "bg-white"
+      },
+      isFocusVisible: {
+        true: "border-primary-500 group-active:border-primary-500"
+      },
+      isDisabled: {
+        true: "border-neutral-500"
       },
-      orientation: {
-        horizontal: "border-b-2 border-transparent",
-        vertical: "border-r-2 border-transparent"
+      label: {
+        true: "mr-2"
       }
     },
     compoundVariants: [
-      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
-      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
-      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
-      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
+      {
+        isHovered: !0,
+        isSelected: !0,
+        class: "border-none bg-primary-600 group-active:bg-primary-600"
+      },
+      {
+        isHovered: !0,
+        isSelected: !1,
+        isDisabled: !1,
+        class: "border-primary-700 group-active:bg-primary-600"
+      },
+      {
+        isDisabled: !0,
+        isSelected: !0,
+        class: "bg-neutral-500"
+      }
     ]
   }
 );
 export {
-  i as tabVariants,
-  e as tabsVariants
+  i as checkboxVariants
 };

package/dist/index.es15.js

@@ -1,32 +1,17 @@
-import { j as s } from "./index.es10.js";
-import { cn as n } from "./index.es11.js";
-const l = (e) => {
-  const { isIndeterminate: r, isSelected: t, className: o } = e;
-  return /* @__PURE__ */ s.jsx("svg", { className: n("stroke-current", o), viewBox: "-1 1 17 17", children: r ? /* @__PURE__ */ s.jsx(
-    "line",
-    {
-      x1: 1,
-      y1: 10,
-      x2: 14,
-      y2: 10,
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 14,
-      strokeDashoffset: t ? 28 : 42,
-      style: { transition: "all 400ms" }
-    }
-  ) : /* @__PURE__ */ s.jsx(
-    "polyline",
-    {
-      points: "1 9 7 14 15 4",
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 22,
-      strokeDashoffset: t ? 44 : 66,
-      style: { transition: "all 400ms" }
-    }
-  ) });
-};
+import { j as t } from "./index.es10.js";
+import { cn as m } from "./index.es11.js";
+const u = ({
+  label: x,
+  description: e,
+  errorMessage: n,
+  isDisabled: s,
+  isInvalid: r,
+  children: l
+}) => !x && !e && !l ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  x ? /* @__PURE__ */ t.jsx("p", { className: m("text-sm font-semibold", s ? "text-neutral-600" : "text-neutral-900"), children: x }) : l,
+  e && !n && /* @__PURE__ */ t.jsx("p", { className: m("text-xs", s ? "text-neutral-600" : "text-neutral-800"), children: e }),
+  r && n && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: n })
+] });
 export {
-  l as MarkIcon
+  u as ContentSwitch
 };

package/dist/index.es16.js

@@ -1,40 +1,22 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",
+import { j as i } from "./index.es10.js";
+import { cn as m } from "./index.es11.js";
+import { indicatorVariants as n } from "./index.es17.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
   {
-    variants: {
-      isHovered: {
-        true: ""
-      },
-      isSelected: {
-        true: "border-primary-500 bg-primary-500",
-        false: "bg-white"
-      },
-      isFocusVisible: {
-        true: "border-primary-500 group-active:border-primary-500"
-      },
-      isDisabled: {
-        true: "border-neutral-500 bg-neutral-500"
-      },
-      label: {
-        true: "mr-2"
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        isSelected: !0,
-        class: "border-none bg-primary-600 group-active:bg-primary-600"
-      },
-      {
-        isHovered: !0,
-        isSelected: !1,
-        isDisabled: !1,
-        class: "border-primary-700 group-active:bg-primary-600"
-      }
-    ]
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+    }
   }
 );
 export {
-  i as checkboxVariants
+  c as SwitchIndicator
 };

package/dist/index.es17.js

@@ -1,24 +1,94 @@
-import { j as s } from "./index.es10.js";
-import { MinusIcon as p, PlusIcon as u } from "./index.es25.js";
-import { cn as e } from "./index.es11.js";
-const f = ({
-  label: o,
-  section: n,
-  active: r,
-  onToggle: l,
-  itemClassName: t,
-  sectionClassName: c,
-  hasIcon: i = !0
-}) => {
-  const a = e("rounded-md border border-solid border-purple-200 bg-gray-100", t), d = e("px-4 pb-4", c), m = r ? p : u;
-  return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
-    /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: l, children: [
-      /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
-      i ? /* @__PURE__ */ s.jsx("span", { className: `shrink-0 transition duration-300 ${r ? "-rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ s.jsx(m, { className: "size-6" }) }) : null
-    ] }),
-    r ? /* @__PURE__ */ s.jsx("div", { className: d, children: n }) : null
-  ] });
-};
+import { cva as e } from "class-variance-authority";
+const s = e("relative rounded-full transition-colors duration-300", {
+  variants: {
+    isSelected: {
+      true: "bg-primary-500",
+      false: "bg-neutral-50 border border-primary-200"
+    },
+    isDisabled: {
+      true: "cursor-not-allowed bg-neutral-400 border-none",
+      false: "cursor-pointer"
+    },
+    isHoveredWhenOff: {
+      true: "bg-neutral-200 border-primary-700",
+      false: ""
+    },
+    isFocusVisible: {
+      true: "ring-2 ring-sky-400 ring-offset-2",
+      false: ""
+    },
+    size: {
+      sm: "w-[42px] h-[24px]",
+      md: "w-[56px] h-[32px]"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    isSelected: !1,
+    isDisabled: !1,
+    isFocusVisible: !1,
+    isHoveredWhenOff: !1
+  },
+  compoundVariants: [
+    // Hover cuando el switch está apagado y no deshabilitado
+    {
+      isSelected: !1,
+      isDisabled: !1,
+      class: "hover:bg-neutral-200 hover:border-primary-700"
+    },
+    {
+      isSelected: !0,
+      isDisabled: !1,
+      class: "hover:bg-primary-700"
+    },
+    {
+      isSelected: !1,
+      isDisabled: !0,
+      class: "bg-neutral-400 border-none"
+    },
+    {
+      isSelected: !0,
+      isDisabled: !0,
+      class: "bg-neutral-500"
+    }
+  ]
+}), a = e(
+  "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
+  {
+    variants: {
+      isSelected: {
+        true: "bg-primary-50",
+        false: "bg-primary-200 border border-primary-200"
+      },
+      isDisabled: {
+        true: "bg-neutral-600 border-none",
+        false: ""
+      },
+      isHoveredWhenOff: {
+        true: "bg-primary-700 border-primary-700",
+        false: ""
+      },
+      size: {
+        sm: "w-[20px] h-[20px]",
+        md: "w-[24px] h-[24px]"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      isSelected: !1,
+      isDisabled: !1,
+      isHoveredWhenOff: !1
+    },
+    compoundVariants: [
+      {
+        isSelected: !0,
+        isDisabled: !0,
+        class: "bg-neutral-400"
+      }
+    ]
+  }
+);
 export {
-  f as AccordionItem
+  a as indicatorVariants,
+  s as switchVariants
 };

package/dist/index.es18.js

@@ -1,17 +1,12 @@
-import { j as t } from "./index.es10.js";
-import { cn as m } from "./index.es11.js";
-const u = ({
-  label: x,
-  description: e,
-  errorMessage: n,
-  isDisabled: s,
-  isInvalid: r,
-  children: l
-}) => !x && !e && !l ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-  x ? /* @__PURE__ */ t.jsx("p", { className: m("text-sm font-semibold", s ? "text-neutral-600" : "text-neutral-900"), children: x }) : l,
-  e && !n && /* @__PURE__ */ t.jsx("p", { className: m("text-xs", s ? "text-neutral-600" : "text-neutral-700"), children: e }),
-  r && n && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: n })
-] });
+import { j as f } from "./index.es10.js";
+import { useRef as l } from "react";
+import { useTab as u } from "react-aria";
+import { cn as b } from "./index.es11.js";
+import { tabVariants as x } from "./index.es20.js";
+const R = (o) => {
+  const { className: r, item: i, orientation: n, state: t, id: a = void 0 } = o, { key: s, rendered: c } = i, m = t.selectedKey === s, e = l(null), { tabProps: p } = u({ key: String(s) }, t, e), d = b(x({ isActive: m, orientation: n }), r);
+  return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
+};
 export {
-  u as ContentSwitch
+  R as Tab
 };

package/dist/index.es19.js

@@ -1,22 +1,12 @@
-import { j as i } from "./index.es10.js";
-import { cn as m } from "./index.es11.js";
-import { indicatorVariants as n } from "./index.es20.js";
-const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    className: m(
-      n({
-        isSelected: r,
-        isDisabled: o,
-        size: a,
-        isHoveredWhenOff: f && !r
-      })
-    ),
-    style: {
-      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
-    }
-  }
-);
+import { j as m } from "./index.es10.js";
+import { useRef as l } from "react";
+import { useTabPanel as p } from "react-aria";
+import { cn as i } from "./index.es11.js";
+const P = (r) => {
+  var t;
+  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
+  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+};
 export {
-  c as SwitchIndicator
+  P as TabPanel
 };

package/dist/index.es2.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es10.js";
 import { useState as u } from "react";
 import { cn as d } from "./index.es11.js";
-import { AccordionItem as f } from "./index.es17.js";
+import { AccordionItem as f } from "./index.es12.js";
 const A = ({ items: s, accordionClassName: c, itemClassName: l, sectionClassName: m, hasIcon: a }) => {
   const [t, i] = u(null), p = d("flex flex-col gap-y-4", c), x = (o) => {
     i(o === t ? null : o);

package/dist/index.es20.js

@@ -1,94 +1,33 @@
-import { cva as e } from "class-variance-authority";
-const s = e("relative rounded-full transition-colors duration-300", {
+import { cva as r } from "class-variance-authority";
+const e = r("flex h-full max-h-12", {
   variants: {
-    isSelected: {
-      true: "bg-primary-500",
-      false: "bg-neutral-50 border border-primary-200"
-    },
-    isDisabled: {
-      true: "cursor-not-allowed bg-neutral-400 border-none",
-      false: "cursor-pointer"
-    },
-    isHoveredWhenOff: {
-      true: "bg-neutral-200 border-primary-700",
-      false: ""
-    },
-    isFocusVisible: {
-      true: "ring-2 ring-sky-400 ring-offset-2",
-      false: ""
-    },
-    size: {
-      sm: "w-[42px] h-[24px]",
-      md: "w-[56px] h-[32px]"
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
     }
-  },
-  defaultVariants: {
-    size: "md",
-    isSelected: !1,
-    isDisabled: !1,
-    isFocusVisible: !1,
-    isHoveredWhenOff: !1
-  },
-  compoundVariants: [
-    // Hover cuando el switch está apagado y no deshabilitado
-    {
-      isSelected: !1,
-      isDisabled: !1,
-      class: "hover:bg-neutral-200 hover:border-primary-700"
-    },
-    {
-      isSelected: !0,
-      isDisabled: !1,
-      class: "hover:bg-primary-700"
-    },
-    {
-      isSelected: !1,
-      isDisabled: !0,
-      class: "bg-neutral-400 border-none"
-    },
-    {
-      isSelected: !0,
-      isDisabled: !0,
-      class: "bg-neutral-500"
-    }
-  ]
-}), a = e(
-  "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
+  }
+}), i = r(
+  "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
   {
     variants: {
-      isSelected: {
-        true: "bg-primary-50",
-        false: "bg-primary-200 border border-primary-200"
-      },
-      isDisabled: {
-        true: "bg-neutral-600 border-none",
-        false: ""
+      isActive: {
+        true: "bg-primary-50 text-primary-600 ",
+        false: "text-neutral-500 hover:text-primary-900"
       },
-      isHoveredWhenOff: {
-        true: "bg-primary-700 border-primary-700",
-        false: ""
-      },
-      size: {
-        sm: "w-[20px] h-[20px]",
-        md: "w-[24px] h-[24px]"
+      orientation: {
+        horizontal: "border-b-2 border-transparent",
+        vertical: "border-r-2 border-transparent"
       }
     },
-    defaultVariants: {
-      size: "md",
-      isSelected: !1,
-      isDisabled: !1,
-      isHoveredWhenOff: !1
-    },
     compoundVariants: [
-      {
-        isSelected: !0,
-        isDisabled: !0,
-        class: "bg-neutral-400"
-      }
+      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
+      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
+      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
+      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
     ]
   }
 );
 export {
-  a as indicatorVariants,
-  s as switchVariants
+  i as tabVariants,
+  e as tabsVariants
 };

package/dist/index.es3.js

@@ -3,9 +3,9 @@ import { Button as I } from "react-aria-components";
 import { cn as x } from "./index.es11.js";
 import "react";
 import { buttonVariants as B } from "./index.es26.js";
-import "./index.es16.js";
+import "./index.es14.js";
 import { Loader as y } from "./index.es5.js";
-import "./index.es20.js";
+import "./index.es17.js";
 import "./index.es21.js";
 const j = ({
   renderPosition: t,

package/dist/index.es4.js

@@ -1,44 +1,52 @@
 import { j as e } from "./index.es10.js";
-import { Checkbox as i } from "react-aria-components";
+import { Checkbox as h } from "react-aria-components";
 import { cn as m } from "./index.es11.js";
-import { MarkIcon as h } from "./index.es15.js";
-import { checkboxVariants as j } from "./index.es16.js";
+import { MarkIcon as i } from "./index.es13.js";
+import { checkboxVariants as j } from "./index.es14.js";
 const g = ({
   isIndeterminate: x = !1,
-  isDisabled: r = !1,
+  isDisabled: a = !1,
   className: c,
-  children: a,
+  children: t,
   onChange: l,
   isSelected: s,
   id: n,
   ...p
 }) => {
-  const f = (t, o) => m(
+  const f = (o, r) => m(
     j({
-      isDisabled: r,
-      isFocusVisible: t,
-      isHovered: o,
+      isDisabled: a,
+      isFocusVisible: o,
+      isHovered: r,
       isSelected: s,
-      label: !!a
+      label: !!t
     })
   );
   return /* @__PURE__ */ e.jsx(
-    i,
+    h,
     {
       className: m("group flex items-center", c),
       isSelected: s,
-      isDisabled: r,
+      isDisabled: a,
       id: n,
       onChange: l,
       ...p,
-      children: ({ isFocusVisible: t, isHovered: o }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: f(t, o), "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(h, { isIndeterminate: x, isSelected: s, className: "size-3" }) }),
-        a && /* @__PURE__ */ e.jsx(
+      children: ({ isFocusVisible: o, isHovered: r }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: f(o, r), "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(
+          i,
+          {
+            isIndeterminate: x,
+            isHovered: r,
+            isSelected: s,
+            className: "size-3"
+          }
+        ) }),
+        t && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: m("select-none text-base leading-6", r ? "text-neutral-500" : "text-primary-900"),
+            className: m("select-none text-base leading-6", a ? "text-neutral-500" : "text-primary-900"),
             id: n,
-            children: a
+            children: t
           }
         )
       ] })

package/dist/index.es6.js

@@ -1,71 +1,81 @@
-import { j as t } from "./index.es10.js";
+import { j as o } from "./index.es10.js";
 import { Switch as d } from "react-aria-components";
-import { cn as f } from "./index.es11.js";
-import { ContentSwitch as y } from "./index.es18.js";
-import { SwitchIndicator as L } from "./index.es19.js";
-import { switchVariants as u } from "./index.es20.js";
+import { cn as c } from "./index.es11.js";
+import { ContentSwitch as y } from "./index.es15.js";
+import { SwitchIndicator as L } from "./index.es16.js";
+import { switchVariants as u } from "./index.es17.js";
 const C = ({
-  children: c,
-  label: i,
+  children: i,
+  label: f,
   description: m,
-  errorMessage: e,
-  validationState: p,
+  errorMessage: s,
+  validationState: e,
   size: a = "md",
   isDisabled: r = !1,
-  isSelected: o = !1,
-  onChange: s,
-  "aria-label": h,
+  isSelected: t = !1,
+  onChange: h,
+  "aria-label": p,
   "aria-describedby": x
 }) => {
-  const l = p === "invalid" && !r, j = a === "sm" ? { offLeft: 3, onLeft: 19 } : { offLeft: 4, onLeft: 28 };
-  return /* @__PURE__ */ t.jsxs("label", { className: f("group flex flex-row items-center gap-2", r ? "opacity-40" : "opacity-100"), children: [
-    /* @__PURE__ */ t.jsx(
-      d,
-      {
-        isDisabled: r,
-        isSelected: o,
-        "aria-checked": o,
-        "aria-label": h,
-        "aria-describedby": x,
-        onChange: s,
-        children: ({ isFocusVisible: w, isHovered: n }) => /* @__PURE__ */ t.jsx(
-          "div",
+  const j = e === "invalid" && !r, w = a === "sm" ? { offLeft: 3, onLeft: 19 } : { offLeft: 4, onLeft: 28 };
+  return /* @__PURE__ */ o.jsxs(
+    "label",
+    {
+      className: c(
+        "group flex flex-row gap-2",
+        r ? "opacity-40" : "opacity-100",
+        f && m ? "items-start" : "items-center"
+      ),
+      children: [
+        /* @__PURE__ */ o.jsx(
+          d,
           {
-            className: f(
-              u({
-                isSelected: o,
-                isDisabled: r,
-                isFocusVisible: w,
-                size: a,
-                isHoveredWhenOff: n && !o
-              })
-            ),
-            children: /* @__PURE__ */ t.jsx(
-              L,
+            isDisabled: r,
+            isSelected: t,
+            "aria-checked": t,
+            "aria-label": p,
+            "aria-describedby": x,
+            onChange: h,
+            children: ({ isFocusVisible: l, isHovered: n }) => /* @__PURE__ */ o.jsx(
+              "div",
               {
-                isSelected: o,
-                isDisabled: r,
-                isHovered: n,
-                size: a,
-                dimensions: j
+                className: c(
+                  u({
+                    isSelected: t,
+                    isDisabled: r,
+                    isFocusVisible: l,
+                    size: a,
+                    isHoveredWhenOff: n && !t
+                  })
+                ),
+                children: /* @__PURE__ */ o.jsx(
+                  L,
+                  {
+                    isSelected: t,
+                    isDisabled: r,
+                    isHovered: n,
+                    size: a,
+                    dimensions: w
+                  }
+                )
               }
             )
           }
+        ),
+        /* @__PURE__ */ o.jsx(
+          y,
+          {
+            label: f,
+            description: m,
+            errorMessage: s,
+            isDisabled: r,
+            isInvalid: j,
+            children: i
+          }
         )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      y,
-      {
-        label: i,
-        description: m,
-        errorMessage: e,
-        isDisabled: r,
-        isInvalid: l,
-        children: c
-      }
-    )
-  ] });
+      ]
+    }
+  );
 };
 export {
   C as Switch

package/dist/index.es9.js

@@ -3,9 +3,9 @@ import { useRef as x } from "react";
 import { useTabList as b } from "react-aria";
 import { useTabListState as d, Item as N } from "react-stately";
 import { cn as e } from "./index.es11.js";
-import { Tab as j } from "./index.es12.js";
-import { TabPanel as u } from "./index.es13.js";
-import { tabsVariants as h } from "./index.es14.js";
+import { Tab as j } from "./index.es18.js";
+import { TabPanel as u } from "./index.es19.js";
+import { tabsVariants as h } from "./index.es20.js";
 const T = (a) => {
   var m;
   const { rootClassName: i, tabClassName: n, tabPanelClassName: c, orientation: o = "horizontal", id: f = void 0 } = a, t = d(a), r = x(null), { tabListProps: p } = b(a, t, r);

package/dist/stories/Checkbox.stories.d.ts

@@ -7,6 +7,11 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
+    argTypes: {
+        children: {
+            control: string;
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/style.css

@@ -899,6 +899,9 @@ select {
 .flex-wrap {
   flex-wrap: wrap;
 }
+.items-start {
+  align-items: flex-start;
+}
 .items-end {
   align-items: flex-end;
 }
@@ -1248,6 +1251,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(115 118 140 / var(--tw-text-opacity));
 }
+.text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(56 58 67 / var(--tw-text-opacity));
+}
 .text-neutral-900 {
   --tw-text-opacity: 1;
   color: rgb(34 36 42 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "files": [
     "dist"