@simpli-route/apollo-ds 0.0.15 → 0.0.16

package/dist/index.cjs15.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-800"),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 t=require("class-variance-authority"),e=t.cva("scroll-m-12 text-neutral-900",{variants:{size:{h1:"text-[2rem] font-bold leading-10",h2:"text-[1.75rem] font-bold leading-9",h3:"text-2xl font-semibold",h4:"text-[1.375rem] font-semibold leading-7",h5:"text-xl font-semibold",h6:"text-lg font-semibold"}}}),a=t.cva("",{variants:{type:{body:"text-base text-neutral-900",caption:"text-xs text-neutral-700"}}});exports.textVariants=a;exports.titleVariants=e;

package/dist/index.cjs16.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.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;
+"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.cjs17.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 o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs18.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.cjs18.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.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;
+"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.cjs19.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 b=require("./index.cjs10.js"),m=require("react"),q=require("react-aria"),v=require("./index.cjs11.js"),x=require("./index.cjs21.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.cjs20.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 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.cjs21.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority"),e=t.cva("scroll-m-12 text-neutral-900",{variants:{size:{h1:"text-[2rem] font-bold leading-10",h2:"text-[1.75rem] font-bold leading-9",h3:"text-2xl font-semibold",h4:"text-[1.375rem] font-semibold leading-7",h5:"text-xl font-semibold",h6:"text-lg font-semibold"}}}),a=t.cva("",{variants:{type:{body:"text-base text-neutral-900",caption:"text-xs text-neutral-700"}}});exports.textVariants=a;exports.titleVariants=e;
+"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.cjs23.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs27.js"),R=require("react");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs26.js"),R=require("react");/**
  * @license React
  * react-jsx-runtime.production.min.js
  *

package/dist/index.cjs24.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.cjs28.js"),tr=require("react");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.cjs27.js"),tr=require("react");/**
  * @license React
  * react-jsx-runtime.development.js
  *

package/dist/index.cjs26.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",{variants:{intent:{primary:"bg-primary-500 text-primary-50",secondary:"border border-primary-500 bg-primary-50 text-primary-500",tertiary:"text-primary-500",outline:"border border-primary-500 text-primary-500",success:"border bg-success-500 text-success-50",error:"border bg-error-500 text-error-50",orangeWarning:"border bg-orange-warning-500 text-orange-warning-50",yellowWarning:"border bg-yellow-warning-500 text-[#6F5711]",info:"border bg-blue-500 text-blue-50"},size:{xs:"rounded px-3 py-1",sm:"rounded px-3 py-2",md:"rounded-lg px-4 py-3",lg:"rounded-lg px-6 py-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"},isHovered:{true:""},isActive:{true:""},fullWidth:{true:"w-full",false:"w-fit"},isLoading:{true:"pointer-events-none cursor-not-allowed opacity-70"},isFocused:{true:"focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",false:""}},defaultVariants:{intent:"primary",size:"md"},compoundVariants:[{intent:"primary",isHovered:!0,class:"bg-primary-700"},{intent:"secondary",isHovered:!0,class:"bg-primary-200"},{intent:"tertiary",isHovered:!0,class:"bg-primary-300 text-primary-800"},{intent:"outline",isHovered:!0,class:"bg-primary-500 text-primary-50"},{intent:"success",isHovered:!0,class:"bg-success-700 text-neutral-50"},{intent:"error",isHovered:!0,class:"bg-error-700 text-error-50"},{intent:"orangeWarning",isHovered:!0,class:"bg-orange-warning-700 text-orange-warning-50"},{intent:"yellowWarning",isHovered:!0,class:"bg-yellow-warning-700 text-neutral-50"},{intent:"info",isHovered:!0,class:"bg-blue-700 text-blue-50"},{intent:"success",isFocused:!0,class:"border-[1.5px] focus:ring-success-500"},{intent:"error",isFocused:!0,class:"border-[1.5px] focus:ring-error-500"},{intent:"orangeWarning",isFocused:!0,class:"border-[1.5px] focus:ring-orange-500"},{intent:"yellowWarning",isFocused:!0,class:"border-[1.5px] focus:ring-yellow-500"},{intent:"info",isFocused:!0,class:"border-[1.5px] focus:ring-blue-500"},{intent:"primary",isActive:!0,class:"bg-primary-900"},{intent:"secondary",isActive:!0,class:"bg-primary-300"},{intent:"tertiary",isActive:!0,class:"bg-primary-500 text-white"},{intent:"outline",isActive:!0,class:"border border-primary-500 bg-primary-300 text-primary-500"},{intent:"success",isActive:!0,class:"border border-transparent bg-success-300 text-success-900"},{intent:"error",isActive:!0,class:"border border-transparent bg-error-300 text-error-900"},{intent:"orangeWarning",isActive:!0,class:"border border-transparent bg-orange-warning-300 text-orange-warning-900"},{intent:"yellowWarning",isActive:!0,class:"border border-transparent bg-yellow-warning-300 text-[#6F5711]"},{intent:"info",isActive:!0,class:"border border-transparent bg-blue-200 text-blue-900"}]});exports.buttonVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/index.cjs28.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",{variants:{intent:{primary:"bg-primary-500 text-primary-50",secondary:"border border-primary-500 bg-primary-50 text-primary-500",tertiary:"text-primary-500",outline:"border border-primary-500 text-primary-500",success:"border bg-success-500 text-success-50",error:"border bg-error-500 text-error-50",orangeWarning:"border bg-orange-warning-500 text-orange-warning-50",yellowWarning:"border bg-yellow-warning-500 text-[#6F5711]",info:"border bg-blue-500 text-blue-50"},size:{xs:"rounded px-3 py-1",sm:"rounded px-3 py-2",md:"rounded-lg px-4 py-3",lg:"rounded-lg px-6 py-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"},isHovered:{true:""},isActive:{true:""},fullWidth:{true:"w-full",false:"w-fit"},isLoading:{true:"pointer-events-none cursor-not-allowed opacity-70"},isFocused:{true:"focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",false:""}},defaultVariants:{intent:"primary",size:"md"},compoundVariants:[{intent:"primary",isHovered:!0,class:"bg-primary-700"},{intent:"secondary",isHovered:!0,class:"bg-primary-200"},{intent:"tertiary",isHovered:!0,class:"bg-primary-300 text-primary-800"},{intent:"outline",isHovered:!0,class:"bg-primary-500 text-primary-50"},{intent:"success",isHovered:!0,class:"bg-success-700 text-neutral-50"},{intent:"error",isHovered:!0,class:"bg-error-700 text-error-50"},{intent:"orangeWarning",isHovered:!0,class:"bg-orange-warning-700 text-orange-warning-50"},{intent:"yellowWarning",isHovered:!0,class:"bg-yellow-warning-700 text-neutral-50"},{intent:"info",isHovered:!0,class:"bg-blue-700 text-blue-50"},{intent:"success",isFocused:!0,class:"border-[1.5px] focus:ring-success-500"},{intent:"error",isFocused:!0,class:"border-[1.5px] focus:ring-error-500"},{intent:"orangeWarning",isFocused:!0,class:"border-[1.5px] focus:ring-orange-500"},{intent:"yellowWarning",isFocused:!0,class:"border-[1.5px] focus:ring-yellow-500"},{intent:"info",isFocused:!0,class:"border-[1.5px] focus:ring-blue-500"},{intent:"primary",isActive:!0,class:"bg-primary-900"},{intent:"secondary",isActive:!0,class:"bg-primary-300"},{intent:"tertiary",isActive:!0,class:"bg-primary-500 text-white"},{intent:"outline",isActive:!0,class:"border border-primary-500 bg-primary-300 text-primary-500"},{intent:"success",isActive:!0,class:"border border-transparent bg-success-300 text-success-900"},{intent:"error",isActive:!0,class:"border border-transparent bg-error-300 text-error-900"},{intent:"orangeWarning",isActive:!0,class:"border border-transparent bg-orange-warning-300 text-orange-warning-900"},{intent:"yellowWarning",isActive:!0,class:"border border-transparent bg-yellow-warning-300 text-[#6F5711]"},{intent:"info",isActive:!0,class:"border border-transparent bg-blue-200 text-blue-900"}]});exports.buttonVariants=r;

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.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;
+"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.cjs28.js");require("./index.cjs14.js");const w=require("./index.cjs5.js");require("./index.cjs18.js");require("./index.cjs15.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.cjs6.js

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

package/dist/index.cjs7.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs10.js"),c=require("./index.cjs11.js"),o=require("./index.cjs21.js");function a(e){const{children:t,type:s="body",className:n}=e,r=c.cn(o.textVariants({type:s}),n);return i.jsxRuntimeExports.jsx("p",{className:r,children:t})}exports.Text=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs10.js"),c=require("./index.cjs11.js"),o=require("./index.cjs15.js");function a(e){const{children:t,type:s="body",className:n}=e,r=c.cn(o.textVariants({type:s}),n);return i.jsxRuntimeExports.jsx("p",{className:r,children:t})}exports.Text=a;

package/dist/index.cjs8.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index.cjs10.js"),o=require("./index.cjs11.js"),u=require("./index.cjs21.js");function m(t){const{children:s,type:e="h1",size:i=e,className:n,...r}=t,c=e,a=o.cn(u.titleVariants({size:i}),n);return l.jsxRuntimeExports.jsx(c,{className:a,...r,children:s})}exports.Title=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index.cjs10.js"),o=require("./index.cjs11.js"),u=require("./index.cjs15.js");function m(t){const{children:s,type:e="h1",size:i=e,className:n,...r}=t,c=e,a=o.cn(u.titleVariants({size:i}),n);return l.jsxRuntimeExports.jsx(c,{className:a,...r,children:s})}exports.Title=m;

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.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;
+"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.cjs19.js"),f=require("./index.cjs20.js"),p=require("./index.cjs21.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.es15.js

@@ -1,17 +1,24 @@
-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 })
-] });
+import { cva as t } from "class-variance-authority";
+const o = t("scroll-m-12 text-neutral-900", {
+  variants: {
+    size: {
+      h1: "text-[2rem] font-bold leading-10",
+      h2: "text-[1.75rem] font-bold leading-9",
+      h3: "text-2xl font-semibold",
+      h4: "text-[1.375rem] font-semibold leading-7",
+      h5: "text-xl font-semibold",
+      h6: "text-lg font-semibold"
+    }
+  }
+}), n = t("", {
+  variants: {
+    type: {
+      body: "text-base text-neutral-900",
+      caption: "text-xs text-neutral-700"
+    }
+  }
+});
 export {
-  u as ContentSwitch
+  n as textVariants,
+  o as titleVariants
 };

package/dist/index.es16.js

@@ -1,22 +1,17 @@
-import { j as i } from "./index.es10.js";
+import { j as t } 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",
-  {
-    className: m(
-      n({
-        isSelected: r,
-        isDisabled: o,
-        size: a,
-        isHoveredWhenOff: f && !r
-      })
-    ),
-    style: {
-      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
-    }
-  }
-);
+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 {
-  c as SwitchIndicator
+  u as ContentSwitch
 };

package/dist/index.es17.js

@@ -1,94 +1,22 @@
-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",
+import { j as i } from "./index.es10.js";
+import { cn as m } from "./index.es11.js";
+import { indicatorVariants as n } from "./index.es18.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
   {
-    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"
-      }
-    ]
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+    }
   }
 );
 export {
-  a as indicatorVariants,
-  s as switchVariants
+  c as SwitchIndicator
 };

package/dist/index.es18.js

@@ -1,12 +1,94 @@
-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 });
-};
+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 {
-  R as Tab
+  a as indicatorVariants,
+  s as switchVariants
 };

package/dist/index.es19.js

@@ -1,12 +1,12 @@
-import { j as m } from "./index.es10.js";
+import { j as f } 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 { useTab as u } from "react-aria";
+import { cn as b } from "./index.es11.js";
+import { tabVariants as x } from "./index.es21.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 {
-  P as TabPanel
+  R as Tab
 };

package/dist/index.es20.js

@@ -1,33 +1,12 @@
-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",
-  {
-    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" }
-    ]
-  }
-);
+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 {
-  i as tabVariants,
-  e as tabsVariants
+  P as TabPanel
 };

package/dist/index.es21.js

@@ -1,24 +1,33 @@
-import { cva as t } from "class-variance-authority";
-const o = t("scroll-m-12 text-neutral-900", {
+import { cva as r } from "class-variance-authority";
+const e = r("flex h-full max-h-12", {
   variants: {
-    size: {
-      h1: "text-[2rem] font-bold leading-10",
-      h2: "text-[1.75rem] font-bold leading-9",
-      h3: "text-2xl font-semibold",
-      h4: "text-[1.375rem] font-semibold leading-7",
-      h5: "text-xl font-semibold",
-      h6: "text-lg font-semibold"
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
     }
   }
-}), n = t("", {
-  variants: {
-    type: {
-      body: "text-base text-neutral-900",
-      caption: "text-xs text-neutral-700"
-    }
+}), i = r(
+  "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" }
+    ]
   }
-});
+);
 export {
-  n as textVariants,
-  o as titleVariants
+  i as tabVariants,
+  e as tabsVariants
 };

package/dist/index.es23.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es27.js";
+import { __exports as t } from "./index.es26.js";
 import R from "react";
 /**
  * @license React

package/dist/index.es24.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./index.es28.js";
+import { __exports as R } from "./index.es27.js";
 import tr from "react";
 /**
  * @license React

package/dist/index.es26.js

@@ -1,175 +1,4 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  "inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",
-  {
-    variants: {
-      intent: {
-        primary: "bg-primary-500 text-primary-50",
-        secondary: "border border-primary-500 bg-primary-50 text-primary-500",
-        tertiary: "text-primary-500",
-        outline: "border border-primary-500 text-primary-500",
-        success: "border bg-success-500 text-success-50",
-        error: "border bg-error-500 text-error-50",
-        orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
-        yellowWarning: "border bg-yellow-warning-500 text-[#6F5711]",
-        //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
-        info: "border bg-blue-500 text-blue-50"
-      },
-      size: {
-        xs: "rounded px-3 py-1",
-        sm: "rounded px-3 py-2",
-        md: "rounded-lg px-4 py-3",
-        lg: "rounded-lg px-6 py-4"
-      },
-      isDisabled: {
-        true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
-      },
-      isHovered: {
-        true: ""
-      },
-      isActive: {
-        true: ""
-      },
-      fullWidth: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      isLoading: {
-        true: "pointer-events-none cursor-not-allowed opacity-70"
-      },
-      isFocused: {
-        true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      intent: "primary",
-      size: "md"
-    },
-    compoundVariants: [
-      /* Hover State */
-      {
-        intent: "primary",
-        isHovered: !0,
-        class: "bg-primary-700"
-      },
-      {
-        intent: "secondary",
-        isHovered: !0,
-        class: "bg-primary-200"
-      },
-      {
-        intent: "tertiary",
-        isHovered: !0,
-        class: "bg-primary-300 text-primary-800"
-      },
-      {
-        intent: "outline",
-        isHovered: !0,
-        class: "bg-primary-500 text-primary-50"
-      },
-      {
-        intent: "success",
-        isHovered: !0,
-        class: "bg-success-700 text-neutral-50"
-      },
-      {
-        intent: "error",
-        isHovered: !0,
-        class: "bg-error-700 text-error-50"
-      },
-      {
-        intent: "orangeWarning",
-        isHovered: !0,
-        class: "bg-orange-warning-700 text-orange-warning-50"
-      },
-      {
-        intent: "yellowWarning",
-        isHovered: !0,
-        class: "bg-yellow-warning-700 text-neutral-50"
-      },
-      {
-        intent: "info",
-        isHovered: !0,
-        class: "bg-blue-700 text-blue-50"
-      },
-      /* /Focus State */
-      {
-        intent: "success",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-success-500"
-      },
-      {
-        intent: "error",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-error-500"
-      },
-      {
-        intent: "orangeWarning",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-orange-500"
-      },
-      {
-        intent: "yellowWarning",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-yellow-500"
-      },
-      {
-        intent: "info",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-blue-500"
-      },
-      /* Active State */
-      {
-        intent: "primary",
-        isActive: !0,
-        class: "bg-primary-900"
-      },
-      {
-        intent: "secondary",
-        isActive: !0,
-        class: "bg-primary-300"
-      },
-      {
-        intent: "tertiary",
-        isActive: !0,
-        class: "bg-primary-500 text-white"
-      },
-      {
-        intent: "outline",
-        isActive: !0,
-        class: "border border-primary-500 bg-primary-300 text-primary-500"
-      },
-      {
-        intent: "success",
-        isActive: !0,
-        class: "border border-transparent bg-success-300 text-success-900"
-      },
-      {
-        intent: "error",
-        isActive: !0,
-        class: "border border-transparent bg-error-300 text-error-900"
-      },
-      {
-        intent: "orangeWarning",
-        isActive: !0,
-        class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
-      },
-      {
-        intent: "yellowWarning",
-        isActive: !0,
-        class: "border border-transparent bg-yellow-warning-300 text-[#6F5711]"
-        //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
-      },
-      {
-        intent: "info",
-        isActive: !0,
-        class: "border border-transparent bg-blue-200 text-blue-900"
-      }
-      /* /Active State */
-    ]
-  }
-);
+var r = {};
 export {
-  t as buttonVariants
+  r as __exports
 };

package/dist/index.es27.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };

package/dist/index.es28.js

@@ -1,4 +1,175 @@
-var e = {};
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",
+  {
+    variants: {
+      intent: {
+        primary: "bg-primary-500 text-primary-50",
+        secondary: "border border-primary-500 bg-primary-50 text-primary-500",
+        tertiary: "text-primary-500",
+        outline: "border border-primary-500 text-primary-500",
+        success: "border bg-success-500 text-success-50",
+        error: "border bg-error-500 text-error-50",
+        orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
+        yellowWarning: "border bg-yellow-warning-500 text-[#6F5711]",
+        //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
+        info: "border bg-blue-500 text-blue-50"
+      },
+      size: {
+        xs: "rounded px-3 py-1",
+        sm: "rounded px-3 py-2",
+        md: "rounded-lg px-4 py-3",
+        lg: "rounded-lg px-6 py-4"
+      },
+      isDisabled: {
+        true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
+      },
+      isHovered: {
+        true: ""
+      },
+      isActive: {
+        true: ""
+      },
+      fullWidth: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      isLoading: {
+        true: "pointer-events-none cursor-not-allowed opacity-70"
+      },
+      isFocused: {
+        true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      intent: "primary",
+      size: "md"
+    },
+    compoundVariants: [
+      /* Hover State */
+      {
+        intent: "primary",
+        isHovered: !0,
+        class: "bg-primary-700"
+      },
+      {
+        intent: "secondary",
+        isHovered: !0,
+        class: "bg-primary-200"
+      },
+      {
+        intent: "tertiary",
+        isHovered: !0,
+        class: "bg-primary-300 text-primary-800"
+      },
+      {
+        intent: "outline",
+        isHovered: !0,
+        class: "bg-primary-500 text-primary-50"
+      },
+      {
+        intent: "success",
+        isHovered: !0,
+        class: "bg-success-700 text-neutral-50"
+      },
+      {
+        intent: "error",
+        isHovered: !0,
+        class: "bg-error-700 text-error-50"
+      },
+      {
+        intent: "orangeWarning",
+        isHovered: !0,
+        class: "bg-orange-warning-700 text-orange-warning-50"
+      },
+      {
+        intent: "yellowWarning",
+        isHovered: !0,
+        class: "bg-yellow-warning-700 text-neutral-50"
+      },
+      {
+        intent: "info",
+        isHovered: !0,
+        class: "bg-blue-700 text-blue-50"
+      },
+      /* /Focus State */
+      {
+        intent: "success",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-success-500"
+      },
+      {
+        intent: "error",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-error-500"
+      },
+      {
+        intent: "orangeWarning",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-orange-500"
+      },
+      {
+        intent: "yellowWarning",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-yellow-500"
+      },
+      {
+        intent: "info",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-blue-500"
+      },
+      /* Active State */
+      {
+        intent: "primary",
+        isActive: !0,
+        class: "bg-primary-900"
+      },
+      {
+        intent: "secondary",
+        isActive: !0,
+        class: "bg-primary-300"
+      },
+      {
+        intent: "tertiary",
+        isActive: !0,
+        class: "bg-primary-500 text-white"
+      },
+      {
+        intent: "outline",
+        isActive: !0,
+        class: "border border-primary-500 bg-primary-300 text-primary-500"
+      },
+      {
+        intent: "success",
+        isActive: !0,
+        class: "border border-transparent bg-success-300 text-success-900"
+      },
+      {
+        intent: "error",
+        isActive: !0,
+        class: "border border-transparent bg-error-300 text-error-900"
+      },
+      {
+        intent: "orangeWarning",
+        isActive: !0,
+        class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
+      },
+      {
+        intent: "yellowWarning",
+        isActive: !0,
+        class: "border border-transparent bg-yellow-warning-300 text-[#6F5711]"
+        //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
+      },
+      {
+        intent: "info",
+        isActive: !0,
+        class: "border border-transparent bg-blue-200 text-blue-900"
+      }
+      /* /Active State */
+    ]
+  }
+);
 export {
-  e as __exports
+  t as buttonVariants
 };

package/dist/index.es3.js

@@ -2,11 +2,11 @@ import { j as s } from "./index.es10.js";
 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 { buttonVariants as B } from "./index.es28.js";
 import "./index.es14.js";
 import { Loader as y } from "./index.es5.js";
-import "./index.es17.js";
-import "./index.es21.js";
+import "./index.es18.js";
+import "./index.es15.js";
 const j = ({
   renderPosition: t,
   leftIcon: m,

package/dist/index.es6.js

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

package/dist/index.es7.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es10.js";
 import { cn as n } from "./index.es11.js";
-import { textVariants as a } from "./index.es21.js";
+import { textVariants as a } from "./index.es15.js";
 function x(t) {
   const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
   return /* @__PURE__ */ m.jsx("p", { className: e, children: s });

package/dist/index.es8.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es10.js";
 import { cn as c } from "./index.es11.js";
-import { titleVariants as l } from "./index.es21.js";
+import { titleVariants as l } from "./index.es15.js";
 function j(s) {
   const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
   return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });

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.es18.js";
-import { TabPanel as u } from "./index.es19.js";
-import { tabsVariants as h } from "./index.es20.js";
+import { Tab as j } from "./index.es19.js";
+import { TabPanel as u } from "./index.es20.js";
+import { tabsVariants as h } from "./index.es21.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

@@ -16,6 +16,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const WithText: Story;
 export declare const Selected: Story;
 export declare const Indeterminate: Story;
 export declare const Disabled: Story;

package/package.json

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