@simpli-route/apollo-ds 0.0.20 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),n=require("./index.cjs24.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;
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;
@@ -1 +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;
1
+ "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 cursor-not-allowed"},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;
@@ -1 +1 @@
1
- "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 cursor-not-allowed"},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;
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;
@@ -1 +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;
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;
@@ -1 +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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),n=require("./index.cjs24.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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=[{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-100"},{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-primary-700 text-primary-50"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-300"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-primary-700 text-primary-50"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-neutral-200 text-neutral-800"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!0,class:"bg-neutral-200 text-primary-700"}],i=[{intent:"primary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"primary",isActive:!0,isDisabled:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isActive:!0,isDisabled:!1,class:"bg-primary-700 text-primary-50"},{intent:"secondary",isActive:!0,isDisabled:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isActive:!0,isDisabled:!1,class:"text-primary-500"},{intent:"minimal",isActive:!0,isDisabled:!0,class:"text-neutral-700"}],s=[{intent:"primary",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"primary",isDisabled:!0,isActive:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isDisabled:!0,isActive:!1,class:"bg-neutral-400 text-neutral-600"},{intent:"secondary",isDisabled:!0,isActive:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"minimal",isDisabled:!0,isActive:!0,class:"text-neutral-700"}],r=e.cva("inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out",{variants:{intent:{primary:"bg-transparent text-primary-500",secondary:"bg-primary-200 text-primary-500",minimal:"bg-transparent text-neutral-700"},size:{xxs:"p-1",xs:"p-2",sm:"p-2.5",md:"p-3",lg:"p-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed"},isHovered:{true:""},isActive:{true:""},isFocused:{false:"",true:"focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"}},compoundVariants:[...t,...i,...s]});exports.buttonVariants=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=[{intent:"primary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-100"},{intent:"secondary",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-primary-500 text-primary-50"},{intent:"minimal",isHovered:!0,isDisabled:!1,isActive:!1,class:"bg-neutral-200 text-neutral-800"}],i=[{intent:"primary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"primary",isActive:!0,isDisabled:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isActive:!0,isDisabled:!1,class:"bg-primary-500 text-primary-50"},{intent:"secondary",isActive:!0,isDisabled:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isActive:!0,isDisabled:!1,class:"text-primary-500"},{intent:"minimal",isActive:!0,isDisabled:!0,class:"text-neutral-700"}],s=[{intent:"primary",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"primary",isDisabled:!0,isActive:!0,class:"bg-primary-300 text-primary-100"},{intent:"secondary",isDisabled:!0,isActive:!1,class:"bg-neutral-400 text-neutral-600"},{intent:"secondary",isDisabled:!0,isActive:!0,class:"bg-primary-100 text-primary-300"},{intent:"minimal",isDisabled:!0,isActive:!1,class:"text-neutral-600"},{intent:"minimal",isDisabled:!0,isActive:!0,class:"text-neutral-700"}],r=e.cva("inline-flex items-center justify-center border border-transparent transition duration-150 ease-in-out",{variants:{intent:{primary:"bg-transparent text-primary-500",secondary:"bg-primary-200 text-primary-500",minimal:"bg-transparent text-neutral-700"},size:{xxs:"p-1",xs:"p-2",sm:"p-2.5",md:"p-3",lg:"p-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed"},isHovered:{true:""},isActive:{true:""},isFocused:{false:"",true:"focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"}},compoundVariants:[...t,...i,...s]});exports.buttonVariants=r;
@@ -1 +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.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;
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.cjs16.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;
@@ -1 +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.cjs15.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs10.js"),s=require("./index.cjs11.js"),a=require("./index.cjs14.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;
@@ -1 +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.cjs13.js");require("./index.cjs14.js");require("./index.cjs5.js");const w=require("./index.cjs6.js");require("./index.cjs15.js");require("./index.cjs16.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;
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.cjs12.js");require("./index.cjs13.js");require("./index.cjs5.js");const w=require("./index.cjs6.js");require("./index.cjs14.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;
@@ -1 +1 @@
1
- "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.cjs17.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;
1
+ "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.cjs17.js"),b=require("./index.cjs13.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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),p=require("react-aria-components"),c=require("./index.cjs11.js"),q=require("./index.cjs19.js"),R=require("./index.cjs20.js"),v=require("./index.cjs15.js"),E=({children:s,label:i,description:o,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,renderLabelIcon:m=null,"aria-label":h,"aria-describedby":j})=>{const l=u==="invalid"&&!t,w=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:c.cn("group flex flex-row gap-2",(i||s)&&o?"items-start":"items-center"),children:[r.jsxRuntimeExports.jsx(p.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":h,"aria-describedby":j,onChange:f,children:({isFocusVisible:d,isHovered:a})=>r.jsxRuntimeExports.jsx("div",{className:c.cn(v.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:d,size:e,isHoveredWhenOff:a&&!n})),children:r.jsxRuntimeExports.jsx(R.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:a,size:e,dimensions:w})})}),r.jsxRuntimeExports.jsx(q.ContentSwitch,{label:i,description:o,errorMessage:x,isDisabled:t,isInvalid:l,renderLabelIcon:m,children:s})]})};exports.Switch=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),p=require("react-aria-components"),c=require("./index.cjs11.js"),q=require("./index.cjs19.js"),R=require("./index.cjs20.js"),v=require("./index.cjs14.js"),E=({children:s,label:i,description:o,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,renderLabelIcon:m=null,"aria-label":h,"aria-describedby":j})=>{const l=u==="invalid"&&!t,w=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:c.cn("group flex flex-row gap-2",(i||s)&&o?"items-start":"items-center"),children:[r.jsxRuntimeExports.jsx(p.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":h,"aria-describedby":j,onChange:f,children:({isFocusVisible:d,isHovered:a})=>r.jsxRuntimeExports.jsx("div",{className:c.cn(v.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:d,size:e,isHoveredWhenOff:a&&!n})),children:r.jsxRuntimeExports.jsx(R.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:a,size:e,dimensions:w})})}),r.jsxRuntimeExports.jsx(q.ContentSwitch,{label:i,description:o,errorMessage:x,isDisabled:t,isInvalid:l,renderLabelIcon:m,children:s})]})};exports.Switch=E;
@@ -1 +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.cjs16.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;
1
+ "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;
@@ -1 +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.cjs16.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;
1
+ "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;
@@ -1,24 +1,175 @@
1
- import { j as s } from "./index.es10.js";
2
- import { MinusIcon as p, PlusIcon as u } from "./index.es24.js";
3
- import { cn as e } from "./index.es11.js";
4
- const f = ({
5
- label: o,
6
- section: n,
7
- active: r,
8
- onToggle: l,
9
- itemClassName: t,
10
- sectionClassName: c,
11
- hasIcon: i = !0
12
- }) => {
13
- 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;
14
- return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
15
- /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: l, children: [
16
- /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
17
- 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
18
- ] }),
19
- r ? /* @__PURE__ */ s.jsx("div", { className: d, children: n }) : null
20
- ] });
21
- };
1
+ import { cva as r } from "class-variance-authority";
2
+ const t = r(
3
+ "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",
4
+ {
5
+ variants: {
6
+ intent: {
7
+ primary: "bg-primary-500 text-primary-50",
8
+ secondary: "border border-primary-500 bg-primary-50 text-primary-500",
9
+ tertiary: "text-primary-500",
10
+ outline: "border border-primary-500 text-primary-500",
11
+ success: "border bg-success-500 text-success-50",
12
+ error: "border bg-error-500 text-error-50",
13
+ orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
14
+ yellowWarning: "border bg-yellow-warning-500 text-[#6F5711]",
15
+ //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
16
+ info: "border bg-blue-500 text-blue-50"
17
+ },
18
+ size: {
19
+ xs: "rounded px-3 py-1",
20
+ sm: "rounded px-3 py-2",
21
+ md: "rounded-lg px-4 py-3",
22
+ lg: "rounded-lg px-6 py-4"
23
+ },
24
+ isDisabled: {
25
+ true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
26
+ },
27
+ isHovered: {
28
+ true: ""
29
+ },
30
+ isActive: {
31
+ true: ""
32
+ },
33
+ fullWidth: {
34
+ true: "w-full",
35
+ false: "w-fit"
36
+ },
37
+ isLoading: {
38
+ true: "pointer-events-none cursor-not-allowed opacity-70"
39
+ },
40
+ isFocused: {
41
+ true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
42
+ false: ""
43
+ }
44
+ },
45
+ defaultVariants: {
46
+ intent: "primary",
47
+ size: "md"
48
+ },
49
+ compoundVariants: [
50
+ /* Hover State */
51
+ {
52
+ intent: "primary",
53
+ isHovered: !0,
54
+ class: "bg-primary-700"
55
+ },
56
+ {
57
+ intent: "secondary",
58
+ isHovered: !0,
59
+ class: "bg-primary-200"
60
+ },
61
+ {
62
+ intent: "tertiary",
63
+ isHovered: !0,
64
+ class: "bg-primary-300 text-primary-800"
65
+ },
66
+ {
67
+ intent: "outline",
68
+ isHovered: !0,
69
+ class: "bg-primary-500 text-primary-50"
70
+ },
71
+ {
72
+ intent: "success",
73
+ isHovered: !0,
74
+ class: "bg-success-700 text-neutral-50"
75
+ },
76
+ {
77
+ intent: "error",
78
+ isHovered: !0,
79
+ class: "bg-error-700 text-error-50"
80
+ },
81
+ {
82
+ intent: "orangeWarning",
83
+ isHovered: !0,
84
+ class: "bg-orange-warning-700 text-orange-warning-50"
85
+ },
86
+ {
87
+ intent: "yellowWarning",
88
+ isHovered: !0,
89
+ class: "bg-yellow-warning-700 text-neutral-50"
90
+ },
91
+ {
92
+ intent: "info",
93
+ isHovered: !0,
94
+ class: "bg-blue-700 text-blue-50"
95
+ },
96
+ /* /Focus State */
97
+ {
98
+ intent: "success",
99
+ isFocused: !0,
100
+ class: "border-[1.5px] focus:ring-success-500"
101
+ },
102
+ {
103
+ intent: "error",
104
+ isFocused: !0,
105
+ class: "border-[1.5px] focus:ring-error-500"
106
+ },
107
+ {
108
+ intent: "orangeWarning",
109
+ isFocused: !0,
110
+ class: "border-[1.5px] focus:ring-orange-500"
111
+ },
112
+ {
113
+ intent: "yellowWarning",
114
+ isFocused: !0,
115
+ class: "border-[1.5px] focus:ring-yellow-500"
116
+ },
117
+ {
118
+ intent: "info",
119
+ isFocused: !0,
120
+ class: "border-[1.5px] focus:ring-blue-500"
121
+ },
122
+ /* Active State */
123
+ {
124
+ intent: "primary",
125
+ isActive: !0,
126
+ class: "bg-primary-900"
127
+ },
128
+ {
129
+ intent: "secondary",
130
+ isActive: !0,
131
+ class: "bg-primary-300"
132
+ },
133
+ {
134
+ intent: "tertiary",
135
+ isActive: !0,
136
+ class: "bg-primary-500 text-white"
137
+ },
138
+ {
139
+ intent: "outline",
140
+ isActive: !0,
141
+ class: "border border-primary-500 bg-primary-300 text-primary-500"
142
+ },
143
+ {
144
+ intent: "success",
145
+ isActive: !0,
146
+ class: "border border-transparent bg-success-300 text-success-900"
147
+ },
148
+ {
149
+ intent: "error",
150
+ isActive: !0,
151
+ class: "border border-transparent bg-error-300 text-error-900"
152
+ },
153
+ {
154
+ intent: "orangeWarning",
155
+ isActive: !0,
156
+ class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
157
+ },
158
+ {
159
+ intent: "yellowWarning",
160
+ isActive: !0,
161
+ class: "border border-transparent bg-yellow-warning-300 text-[#6F5711]"
162
+ //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
163
+ },
164
+ {
165
+ intent: "info",
166
+ isActive: !0,
167
+ class: "border border-transparent bg-blue-200 text-blue-900"
168
+ }
169
+ /* /Active State */
170
+ ]
171
+ }
172
+ );
22
173
  export {
23
- f as AccordionItem
174
+ t as buttonVariants
24
175
  };
@@ -1,175 +1,45 @@
1
1
  import { cva as r } from "class-variance-authority";
2
- const t = r(
3
- "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",
2
+ const i = r(
3
+ "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",
4
4
  {
5
5
  variants: {
6
- intent: {
7
- primary: "bg-primary-500 text-primary-50",
8
- secondary: "border border-primary-500 bg-primary-50 text-primary-500",
9
- tertiary: "text-primary-500",
10
- outline: "border border-primary-500 text-primary-500",
11
- success: "border bg-success-500 text-success-50",
12
- error: "border bg-error-500 text-error-50",
13
- orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
14
- yellowWarning: "border bg-yellow-warning-500 text-[#6F5711]",
15
- //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
16
- info: "border bg-blue-500 text-blue-50"
17
- },
18
- size: {
19
- xs: "rounded px-3 py-1",
20
- sm: "rounded px-3 py-2",
21
- md: "rounded-lg px-4 py-3",
22
- lg: "rounded-lg px-6 py-4"
23
- },
24
- isDisabled: {
25
- true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
26
- },
27
6
  isHovered: {
28
7
  true: ""
29
8
  },
30
- isActive: {
31
- true: ""
9
+ isSelected: {
10
+ true: "border-primary-500 bg-primary-500",
11
+ false: "bg-white"
32
12
  },
33
- fullWidth: {
34
- true: "w-full",
35
- false: "w-fit"
13
+ isFocusVisible: {
14
+ true: "border-primary-500 group-active:border-primary-500"
36
15
  },
37
- isLoading: {
38
- true: "pointer-events-none cursor-not-allowed opacity-70"
16
+ isDisabled: {
17
+ true: "border-neutral-500 cursor-not-allowed"
39
18
  },
40
- isFocused: {
41
- true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
42
- false: ""
19
+ label: {
20
+ true: "mr-2"
43
21
  }
44
22
  },
45
- defaultVariants: {
46
- intent: "primary",
47
- size: "md"
48
- },
49
23
  compoundVariants: [
50
- /* Hover State */
51
- {
52
- intent: "primary",
53
- isHovered: !0,
54
- class: "bg-primary-700"
55
- },
56
- {
57
- intent: "secondary",
58
- isHovered: !0,
59
- class: "bg-primary-200"
60
- },
61
- {
62
- intent: "tertiary",
63
- isHovered: !0,
64
- class: "bg-primary-300 text-primary-800"
65
- },
66
- {
67
- intent: "outline",
68
- isHovered: !0,
69
- class: "bg-primary-500 text-primary-50"
70
- },
71
- {
72
- intent: "success",
73
- isHovered: !0,
74
- class: "bg-success-700 text-neutral-50"
75
- },
76
- {
77
- intent: "error",
78
- isHovered: !0,
79
- class: "bg-error-700 text-error-50"
80
- },
81
- {
82
- intent: "orangeWarning",
83
- isHovered: !0,
84
- class: "bg-orange-warning-700 text-orange-warning-50"
85
- },
86
24
  {
87
- intent: "yellowWarning",
88
25
  isHovered: !0,
89
- class: "bg-yellow-warning-700 text-neutral-50"
26
+ isSelected: !0,
27
+ class: "border-none bg-primary-600 group-active:bg-primary-600"
90
28
  },
91
29
  {
92
- intent: "info",
93
30
  isHovered: !0,
94
- class: "bg-blue-700 text-blue-50"
95
- },
96
- /* /Focus State */
97
- {
98
- intent: "success",
99
- isFocused: !0,
100
- class: "border-[1.5px] focus:ring-success-500"
101
- },
102
- {
103
- intent: "error",
104
- isFocused: !0,
105
- class: "border-[1.5px] focus:ring-error-500"
106
- },
107
- {
108
- intent: "orangeWarning",
109
- isFocused: !0,
110
- class: "border-[1.5px] focus:ring-orange-500"
111
- },
112
- {
113
- intent: "yellowWarning",
114
- isFocused: !0,
115
- class: "border-[1.5px] focus:ring-yellow-500"
116
- },
117
- {
118
- intent: "info",
119
- isFocused: !0,
120
- class: "border-[1.5px] focus:ring-blue-500"
121
- },
122
- /* Active State */
123
- {
124
- intent: "primary",
125
- isActive: !0,
126
- class: "bg-primary-900"
127
- },
128
- {
129
- intent: "secondary",
130
- isActive: !0,
131
- class: "bg-primary-300"
132
- },
133
- {
134
- intent: "tertiary",
135
- isActive: !0,
136
- class: "bg-primary-500 text-white"
137
- },
138
- {
139
- intent: "outline",
140
- isActive: !0,
141
- class: "border border-primary-500 bg-primary-300 text-primary-500"
142
- },
143
- {
144
- intent: "success",
145
- isActive: !0,
146
- class: "border border-transparent bg-success-300 text-success-900"
147
- },
148
- {
149
- intent: "error",
150
- isActive: !0,
151
- class: "border border-transparent bg-error-300 text-error-900"
152
- },
153
- {
154
- intent: "orangeWarning",
155
- isActive: !0,
156
- class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
157
- },
158
- {
159
- intent: "yellowWarning",
160
- isActive: !0,
161
- class: "border border-transparent bg-yellow-warning-300 text-[#6F5711]"
162
- //TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
31
+ isSelected: !1,
32
+ isDisabled: !1,
33
+ class: "border-primary-700 group-active:bg-primary-600"
163
34
  },
164
35
  {
165
- intent: "info",
166
- isActive: !0,
167
- class: "border border-transparent bg-blue-200 text-blue-900"
36
+ isDisabled: !0,
37
+ isSelected: !0,
38
+ class: "bg-neutral-500"
168
39
  }
169
- /* /Active State */
170
40
  ]
171
41
  }
172
42
  );
173
43
  export {
174
- t as buttonVariants
44
+ i as checkboxVariants
175
45
  };
@@ -1,45 +1,94 @@
1
- import { cva as r } from "class-variance-authority";
2
- const i = r(
3
- "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",
1
+ import { cva as e } from "class-variance-authority";
2
+ const s = e("relative rounded-full transition-colors duration-300", {
3
+ variants: {
4
+ isSelected: {
5
+ true: "bg-primary-500",
6
+ false: "bg-neutral-50 border border-primary-200"
7
+ },
8
+ isDisabled: {
9
+ true: "cursor-not-allowed bg-neutral-400 border-none",
10
+ false: "cursor-pointer"
11
+ },
12
+ isHoveredWhenOff: {
13
+ true: "bg-neutral-200 border-primary-700",
14
+ false: ""
15
+ },
16
+ isFocusVisible: {
17
+ true: "ring-2 ring-sky-400 ring-offset-2",
18
+ false: ""
19
+ },
20
+ size: {
21
+ sm: "w-[42px] h-[24px]",
22
+ md: "w-[56px] h-[32px]"
23
+ }
24
+ },
25
+ defaultVariants: {
26
+ size: "md",
27
+ isSelected: !1,
28
+ isDisabled: !1,
29
+ isFocusVisible: !1,
30
+ isHoveredWhenOff: !1
31
+ },
32
+ compoundVariants: [
33
+ // Hover cuando el switch está apagado y no deshabilitado
34
+ {
35
+ isSelected: !1,
36
+ isDisabled: !1,
37
+ class: "hover:bg-neutral-200 hover:border-primary-700"
38
+ },
39
+ {
40
+ isSelected: !0,
41
+ isDisabled: !1,
42
+ class: "hover:bg-primary-700"
43
+ },
44
+ {
45
+ isSelected: !1,
46
+ isDisabled: !0,
47
+ class: "bg-neutral-400 border-none"
48
+ },
49
+ {
50
+ isSelected: !0,
51
+ isDisabled: !0,
52
+ class: "bg-neutral-500"
53
+ }
54
+ ]
55
+ }), a = e(
56
+ "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
4
57
  {
5
58
  variants: {
6
- isHovered: {
7
- true: ""
8
- },
9
59
  isSelected: {
10
- true: "border-primary-500 bg-primary-500",
11
- false: "bg-white"
12
- },
13
- isFocusVisible: {
14
- true: "border-primary-500 group-active:border-primary-500"
60
+ true: "bg-primary-50",
61
+ false: "bg-primary-200 border border-primary-200"
15
62
  },
16
63
  isDisabled: {
17
- true: "border-neutral-500 cursor-not-allowed"
64
+ true: "bg-neutral-600 border-none",
65
+ false: ""
66
+ },
67
+ isHoveredWhenOff: {
68
+ true: "bg-primary-700 border-primary-700",
69
+ false: ""
18
70
  },
19
- label: {
20
- true: "mr-2"
71
+ size: {
72
+ sm: "w-[20px] h-[20px]",
73
+ md: "w-[24px] h-[24px]"
21
74
  }
22
75
  },
76
+ defaultVariants: {
77
+ size: "md",
78
+ isSelected: !1,
79
+ isDisabled: !1,
80
+ isHoveredWhenOff: !1
81
+ },
23
82
  compoundVariants: [
24
83
  {
25
- isHovered: !0,
26
84
  isSelected: !0,
27
- class: "border-none bg-primary-600 group-active:bg-primary-600"
28
- },
29
- {
30
- isHovered: !0,
31
- isSelected: !1,
32
- isDisabled: !1,
33
- class: "border-primary-700 group-active:bg-primary-600"
34
- },
35
- {
36
85
  isDisabled: !0,
37
- isSelected: !0,
38
- class: "bg-neutral-500"
86
+ class: "bg-neutral-400"
39
87
  }
40
88
  ]
41
89
  }
42
90
  );
43
91
  export {
44
- i as checkboxVariants
92
+ a as indicatorVariants,
93
+ s as switchVariants
45
94
  };
@@ -1,94 +1,24 @@
1
- import { cva as e } from "class-variance-authority";
2
- const s = e("relative rounded-full transition-colors duration-300", {
1
+ import { cva as t } from "class-variance-authority";
2
+ const o = t("scroll-m-12 text-neutral-900", {
3
3
  variants: {
4
- isSelected: {
5
- true: "bg-primary-500",
6
- false: "bg-neutral-50 border border-primary-200"
7
- },
8
- isDisabled: {
9
- true: "cursor-not-allowed bg-neutral-400 border-none",
10
- false: "cursor-pointer"
11
- },
12
- isHoveredWhenOff: {
13
- true: "bg-neutral-200 border-primary-700",
14
- false: ""
15
- },
16
- isFocusVisible: {
17
- true: "ring-2 ring-sky-400 ring-offset-2",
18
- false: ""
19
- },
20
4
  size: {
21
- sm: "w-[42px] h-[24px]",
22
- md: "w-[56px] h-[32px]"
5
+ h1: "text-[2rem] font-bold leading-10",
6
+ h2: "text-[1.75rem] font-bold leading-9",
7
+ h3: "text-2xl font-semibold",
8
+ h4: "text-[1.375rem] font-semibold leading-7",
9
+ h5: "text-xl font-semibold",
10
+ h6: "text-lg font-semibold"
23
11
  }
24
- },
25
- defaultVariants: {
26
- size: "md",
27
- isSelected: !1,
28
- isDisabled: !1,
29
- isFocusVisible: !1,
30
- isHoveredWhenOff: !1
31
- },
32
- compoundVariants: [
33
- // Hover cuando el switch está apagado y no deshabilitado
34
- {
35
- isSelected: !1,
36
- isDisabled: !1,
37
- class: "hover:bg-neutral-200 hover:border-primary-700"
38
- },
39
- {
40
- isSelected: !0,
41
- isDisabled: !1,
42
- class: "hover:bg-primary-700"
43
- },
44
- {
45
- isSelected: !1,
46
- isDisabled: !0,
47
- class: "bg-neutral-400 border-none"
48
- },
49
- {
50
- isSelected: !0,
51
- isDisabled: !0,
52
- class: "bg-neutral-500"
12
+ }
13
+ }), n = t("", {
14
+ variants: {
15
+ type: {
16
+ body: "text-base text-neutral-900",
17
+ caption: "text-xs text-neutral-700"
53
18
  }
54
- ]
55
- }), a = e(
56
- "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
57
- {
58
- variants: {
59
- isSelected: {
60
- true: "bg-primary-50",
61
- false: "bg-primary-200 border border-primary-200"
62
- },
63
- isDisabled: {
64
- true: "bg-neutral-600 border-none",
65
- false: ""
66
- },
67
- isHoveredWhenOff: {
68
- true: "bg-primary-700 border-primary-700",
69
- false: ""
70
- },
71
- size: {
72
- sm: "w-[20px] h-[20px]",
73
- md: "w-[24px] h-[24px]"
74
- }
75
- },
76
- defaultVariants: {
77
- size: "md",
78
- isSelected: !1,
79
- isDisabled: !1,
80
- isHoveredWhenOff: !1
81
- },
82
- compoundVariants: [
83
- {
84
- isSelected: !0,
85
- isDisabled: !0,
86
- class: "bg-neutral-400"
87
- }
88
- ]
89
19
  }
90
- );
20
+ });
91
21
  export {
92
- a as indicatorVariants,
93
- s as switchVariants
22
+ n as textVariants,
23
+ o as titleVariants
94
24
  };
@@ -1,24 +1,24 @@
1
- import { cva as t } from "class-variance-authority";
2
- const o = t("scroll-m-12 text-neutral-900", {
3
- variants: {
4
- size: {
5
- h1: "text-[2rem] font-bold leading-10",
6
- h2: "text-[1.75rem] font-bold leading-9",
7
- h3: "text-2xl font-semibold",
8
- h4: "text-[1.375rem] font-semibold leading-7",
9
- h5: "text-xl font-semibold",
10
- h6: "text-lg font-semibold"
11
- }
12
- }
13
- }), n = t("", {
14
- variants: {
15
- type: {
16
- body: "text-base text-neutral-900",
17
- caption: "text-xs text-neutral-700"
18
- }
19
- }
20
- });
1
+ import { j as s } from "./index.es10.js";
2
+ import { MinusIcon as p, PlusIcon as u } from "./index.es24.js";
3
+ import { cn as e } from "./index.es11.js";
4
+ const f = ({
5
+ label: o,
6
+ section: n,
7
+ active: r,
8
+ onToggle: l,
9
+ itemClassName: t,
10
+ sectionClassName: c,
11
+ hasIcon: i = !0
12
+ }) => {
13
+ 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;
14
+ return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
15
+ /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: l, children: [
16
+ /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
17
+ 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
18
+ ] }),
19
+ r ? /* @__PURE__ */ s.jsx("div", { className: d, children: n }) : null
20
+ ] });
21
+ };
21
22
  export {
22
- n as textVariants,
23
- o as titleVariants
23
+ f as AccordionItem
24
24
  };
@@ -1,5 +1,5 @@
1
1
  import { cva as e } from "class-variance-authority";
2
- const i = [
2
+ const t = [
3
3
  {
4
4
  intent: "primary",
5
5
  isHovered: !0,
@@ -7,26 +7,12 @@ const i = [
7
7
  isActive: !1,
8
8
  class: "bg-primary-100"
9
9
  },
10
- {
11
- intent: "primary",
12
- isHovered: !0,
13
- isDisabled: !1,
14
- isActive: !0,
15
- class: "bg-primary-700 text-primary-50"
16
- },
17
10
  {
18
11
  intent: "secondary",
19
12
  isHovered: !0,
20
13
  isDisabled: !1,
21
14
  isActive: !1,
22
- class: "bg-primary-300"
23
- },
24
- {
25
- intent: "secondary",
26
- isHovered: !0,
27
- isDisabled: !1,
28
- isActive: !0,
29
- class: "bg-primary-700 text-primary-50"
15
+ class: "bg-primary-500 text-primary-50"
30
16
  },
31
17
  {
32
18
  intent: "minimal",
@@ -34,15 +20,8 @@ const i = [
34
20
  isDisabled: !1,
35
21
  isActive: !1,
36
22
  class: "bg-neutral-200 text-neutral-800"
37
- },
38
- {
39
- intent: "minimal",
40
- isHovered: !0,
41
- isDisabled: !1,
42
- isActive: !0,
43
- class: "bg-neutral-200 text-primary-700"
44
23
  }
45
- ], t = [
24
+ ], i = [
46
25
  {
47
26
  intent: "primary",
48
27
  isActive: !0,
@@ -59,7 +38,7 @@ const i = [
59
38
  intent: "secondary",
60
39
  isActive: !0,
61
40
  isDisabled: !1,
62
- class: "bg-primary-700 text-primary-50"
41
+ class: "bg-primary-500 text-primary-50"
63
42
  },
64
43
  {
65
44
  intent: "secondary",
@@ -146,7 +125,7 @@ const i = [
146
125
  true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
147
126
  }
148
127
  },
149
- compoundVariants: [...i, ...t, ...s]
128
+ compoundVariants: [...t, ...i, ...s]
150
129
  }
151
130
  );
152
131
  export {
package/dist/index.es2.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "./index.es10.js";
2
2
  import { useState as u } from "react";
3
3
  import { cn as d } from "./index.es11.js";
4
- import { AccordionItem as f } from "./index.es12.js";
4
+ import { AccordionItem as f } from "./index.es16.js";
5
5
  const A = ({ items: s, accordionClassName: c, itemClassName: l, sectionClassName: m, hasIcon: a }) => {
6
6
  const [t, i] = u(null), p = d("flex flex-col gap-y-4", c), x = (o) => {
7
7
  i(o === t ? null : o);
@@ -1,6 +1,6 @@
1
1
  import { j as i } from "./index.es10.js";
2
2
  import { cn as m } from "./index.es11.js";
3
- import { indicatorVariants as n } from "./index.es15.js";
3
+ import { indicatorVariants as n } from "./index.es14.js";
4
4
  const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
5
  "div",
6
6
  {
package/dist/index.es3.js CHANGED
@@ -2,12 +2,12 @@ import { j as s } from "./index.es10.js";
2
2
  import { Button as I } from "react-aria-components";
3
3
  import { cn as x } from "./index.es11.js";
4
4
  import "react";
5
- import { buttonVariants as B } from "./index.es13.js";
6
- import "./index.es14.js";
5
+ import { buttonVariants as B } from "./index.es12.js";
6
+ import "./index.es13.js";
7
7
  import "./index.es5.js";
8
8
  import { Loader as y } from "./index.es6.js";
9
+ import "./index.es14.js";
9
10
  import "./index.es15.js";
10
- import "./index.es16.js";
11
11
  const j = ({
12
12
  renderPosition: t,
13
13
  leftIcon: m,
package/dist/index.es4.js CHANGED
@@ -2,7 +2,7 @@ import { j as e } from "./index.es10.js";
2
2
  import { Checkbox as h } from "react-aria-components";
3
3
  import { cn as m } from "./index.es11.js";
4
4
  import { MarkIcon as i } from "./index.es17.js";
5
- import { checkboxVariants as j } from "./index.es14.js";
5
+ import { checkboxVariants as j } from "./index.es13.js";
6
6
  const g = ({
7
7
  isIndeterminate: x = !1,
8
8
  isDisabled: a = !1,
package/dist/index.es7.js CHANGED
@@ -3,7 +3,7 @@ import { Switch as u } from "react-aria-components";
3
3
  import { cn as c } from "./index.es11.js";
4
4
  import { ContentSwitch as L } from "./index.es19.js";
5
5
  import { SwitchIndicator as v } from "./index.es20.js";
6
- import { switchVariants as b } from "./index.es15.js";
6
+ import { switchVariants as b } from "./index.es14.js";
7
7
  const E = ({
8
8
  children: f,
9
9
  label: m,
package/dist/index.es8.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as m } from "./index.es10.js";
2
2
  import { cn as n } from "./index.es11.js";
3
- import { textVariants as a } from "./index.es16.js";
3
+ import { textVariants as a } from "./index.es15.js";
4
4
  function x(t) {
5
5
  const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
6
6
  return /* @__PURE__ */ m.jsx("p", { className: e, children: s });
package/dist/index.es9.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as m } from "./index.es10.js";
2
2
  import { cn as c } from "./index.es11.js";
3
- import { titleVariants as l } from "./index.es16.js";
3
+ import { titleVariants as l } from "./index.es15.js";
4
4
  function j(s) {
5
5
  const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
6
6
  return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });
package/dist/style.css CHANGED
@@ -1327,10 +1327,6 @@ select {
1327
1327
  --tw-text-opacity: 1;
1328
1328
  color: rgb(42 22 218 / var(--tw-text-opacity));
1329
1329
  }
1330
- .text-primary-700 {
1331
- --tw-text-opacity: 1;
1332
- color: rgb(29 13 165 / var(--tw-text-opacity));
1333
- }
1334
1330
  .text-primary-800 {
1335
1331
  --tw-text-opacity: 1;
1336
1332
  color: rgb(23 13 108 / var(--tw-text-opacity));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simpli-route/apollo-ds",
3
- "version": "0.0.20",
3
+ "version": "0.0.21",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"