@simpli-route/apollo-ds 0.0.14 → 0.0.16

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.
@@ -21,4 +21,5 @@ export interface MarkIconProps {
21
21
  className?: string;
22
22
  isIndeterminate?: boolean;
23
23
  isSelected?: boolean;
24
+ isHovered?: boolean;
24
25
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),o=require("./index.cjs11.js"),i=t=>{const{isIndeterminate:r,isSelected:s,className:n}=t;return e.jsxRuntimeExports.jsx("svg",{className:o.cn("stroke-current",n),viewBox:"-1 1 17 17",children:r?e.jsxRuntimeExports.jsx("line",{x1:1,y1:10,x2:14,y2:10,fill:"none",strokeWidth:2,strokeDasharray:14,strokeDashoffset:s?28:42,style:{transition:"all 400ms"}}):e.jsxRuntimeExports.jsx("polyline",{points:"1 9 7 14 15 4",fill:"none",strokeWidth:2,strokeDasharray:22,strokeDashoffset:s?44:66,style:{transition:"all 400ms"}})})};exports.MarkIcon=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs10.js"),l=require("./index.cjs11.js"),c=o=>{const{isIndeterminate:t,isSelected:e,className:n,isHovered:i}=o,r=i&&!e&&!t?"text-neutral-500":"",a=!!(r||e);return s.jsxRuntimeExports.jsx("svg",{className:l.cn("stroke-current",r,n),viewBox:"-1 1 17 17",children:t?s.jsxRuntimeExports.jsx("line",{x1:1,y1:10,x2:14,y2:10,fill:"none",strokeWidth:2,strokeDasharray:14,strokeDashoffset:e?28:42,style:{transition:"all 400ms"}}):s.jsxRuntimeExports.jsx("polyline",{points:"1 9 7 14 15 4",fill:"none",strokeWidth:2,strokeDasharray:22,strokeDashoffset:a?44:66,style:{transition:"all 400ms"}})})};exports.MarkIcon=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",{variants:{isHovered:{true:""},isSelected:{true:"border-primary-500 bg-primary-500",false:"bg-white"},isFocusVisible:{true:"border-primary-500 group-active:border-primary-500"},isDisabled:{true:"border-neutral-500 bg-neutral-500"},label:{true:"mr-2"}},compoundVariants:[{isHovered:!0,isSelected:!0,class:"border-none bg-primary-600 group-active:bg-primary-600"},{isHovered:!0,isSelected:!1,isDisabled:!1,class:"border-primary-700 group-active:bg-primary-600"}]});exports.checkboxVariants=e;
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"},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 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;
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 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;
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;
@@ -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 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;
@@ -1 +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;
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 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;
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.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;
@@ -1 +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;
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;
@@ -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 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;
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs27.js"),R=require("react");/**
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs26.js"),R=require("react");/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.min.js
4
4
  *
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.cjs28.js"),tr=require("react");/**
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.cjs27.js"),tr=require("react");/**
2
2
  * @license React
3
3
  * react-jsx-runtime.development.js
4
4
  *
@@ -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"});var e={};exports.__exports=e;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
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 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;
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.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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),l=require("react-aria-components"),o=require("./index.cjs11.js"),p=require("./index.cjs13.js"),b=require("./index.cjs14.js"),h=({isIndeterminate:c=!1,isDisabled:t=!1,className:i,children:s,onChange:u,isSelected:r,id:x,...m})=>{const j=(n,a)=>o.cn(b.checkboxVariants({isDisabled:t,isFocusVisible:n,isHovered:a,isSelected:r,label:!!s}));return e.jsxRuntimeExports.jsx(l.Checkbox,{className:o.cn("group flex items-center",i),isSelected:r,isDisabled:t,id:x,onChange:u,...m,children:({isFocusVisible:n,isHovered:a})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:j(n,a),"aria-hidden":"true",children:e.jsxRuntimeExports.jsx(p.MarkIcon,{isIndeterminate:c,isSelected:r,className:"size-3"})}),s&&e.jsxRuntimeExports.jsx("span",{className:o.cn("select-none text-base leading-6",t?"text-neutral-500":"text-primary-900"),id:x,children:s})]})})};exports.Checkbox=h;
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.cjs13.js"),b=require("./index.cjs14.js"),h=({isIndeterminate:c=!1,isDisabled:s=!1,className:u,children:r,onChange:i,isSelected:n,id:o,...m})=>{const j=(a,t)=>x.cn(b.checkboxVariants({isDisabled:s,isFocusVisible:a,isHovered:t,isSelected:n,label:!!r}));return e.jsxRuntimeExports.jsx(l.Checkbox,{className:x.cn("group flex items-center",u),isSelected:n,isDisabled:s,id:o,onChange:i,...m,children:({isFocusVisible:a,isHovered:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:j(a,t),"aria-hidden":"true",children:e.jsxRuntimeExports.jsx(p.MarkIcon,{isIndeterminate:c,isHovered:t,isSelected:n,className:"size-3"})}),r&&e.jsxRuntimeExports.jsx("span",{className:x.cn("select-none text-base leading-6",s?"text-neutral-500":"text-primary-900"),id:o,children:r})]})})};exports.Checkbox=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs10.js"),d=require("react-aria-components"),o=require("./index.cjs11.js"),w=require("./index.cjs15.js"),q=require("./index.cjs16.js"),y=require("./index.cjs17.js"),R=({children:c,label:a,description:s,errorMessage:x,validationState:u,size:e="md",isDisabled:t=!1,isSelected:n=!1,onChange:f,"aria-label":m,"aria-describedby":h})=>{const j=u==="invalid"&&!t,l=e==="sm"?{offLeft:3,onLeft:19}:{offLeft:4,onLeft:28};return r.jsxRuntimeExports.jsxs("label",{className:o.cn("group flex flex-row items-center gap-2",t?"opacity-40":"opacity-100"),children:[r.jsxRuntimeExports.jsx(d.Switch,{isDisabled:t,isSelected:n,"aria-checked":n,"aria-label":m,"aria-describedby":h,onChange:f,children:({isFocusVisible:p,isHovered:i})=>r.jsxRuntimeExports.jsx("div",{className:o.cn(y.switchVariants({isSelected:n,isDisabled:t,isFocusVisible:p,size:e,isHoveredWhenOff:i&&!n})),children:r.jsxRuntimeExports.jsx(q.SwitchIndicator,{isSelected:n,isDisabled:t,isHovered:i,size:e,dimensions:l})})}),r.jsxRuntimeExports.jsx(w.ContentSwitch,{label:a,description:s,errorMessage:x,isDisabled:t,isInvalid:j,children:c})]})};exports.Switch=R;
1
+ "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;
@@ -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.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;
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.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;
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 +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;
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.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;
@@ -1,8 +1,8 @@
1
- import { j as s } from "./index.es10.js";
2
- import { cn as n } from "./index.es11.js";
3
- const l = (e) => {
4
- const { isIndeterminate: r, isSelected: t, className: o } = e;
5
- return /* @__PURE__ */ s.jsx("svg", { className: n("stroke-current", o), viewBox: "-1 1 17 17", children: r ? /* @__PURE__ */ s.jsx(
1
+ import { j as e } from "./index.es10.js";
2
+ import { cn as l } from "./index.es11.js";
3
+ const m = (r) => {
4
+ const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
5
+ return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
6
6
  "line",
7
7
  {
8
8
  x1: 1,
@@ -12,21 +12,21 @@ const l = (e) => {
12
12
  fill: "none",
13
13
  strokeWidth: 2,
14
14
  strokeDasharray: 14,
15
- strokeDashoffset: t ? 28 : 42,
15
+ strokeDashoffset: s ? 28 : 42,
16
16
  style: { transition: "all 400ms" }
17
17
  }
18
- ) : /* @__PURE__ */ s.jsx(
18
+ ) : /* @__PURE__ */ e.jsx(
19
19
  "polyline",
20
20
  {
21
21
  points: "1 9 7 14 15 4",
22
22
  fill: "none",
23
23
  strokeWidth: 2,
24
24
  strokeDasharray: 22,
25
- strokeDashoffset: t ? 44 : 66,
25
+ strokeDashoffset: i ? 44 : 66,
26
26
  style: { transition: "all 400ms" }
27
27
  }
28
28
  ) });
29
29
  };
30
30
  export {
31
- l as MarkIcon
31
+ m as MarkIcon
32
32
  };
@@ -14,7 +14,7 @@ const i = r(
14
14
  true: "border-primary-500 group-active:border-primary-500"
15
15
  },
16
16
  isDisabled: {
17
- true: "border-neutral-500 bg-neutral-500"
17
+ true: "border-neutral-500"
18
18
  },
19
19
  label: {
20
20
  true: "mr-2"
@@ -31,6 +31,11 @@ const i = r(
31
31
  isSelected: !1,
32
32
  isDisabled: !1,
33
33
  class: "border-primary-700 group-active:bg-primary-600"
34
+ },
35
+ {
36
+ isDisabled: !0,
37
+ isSelected: !0,
38
+ class: "bg-neutral-500"
34
39
  }
35
40
  ]
36
41
  }
@@ -1,17 +1,24 @@
1
- import { j as t } from "./index.es10.js";
2
- import { cn as m } from "./index.es11.js";
3
- const u = ({
4
- label: x,
5
- description: e,
6
- errorMessage: n,
7
- isDisabled: s,
8
- isInvalid: r,
9
- children: l
10
- }) => !x && !e && !l ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
11
- x ? /* @__PURE__ */ t.jsx("p", { className: m("text-sm font-semibold", s ? "text-neutral-600" : "text-neutral-900"), children: x }) : l,
12
- e && !n && /* @__PURE__ */ t.jsx("p", { className: m("text-xs", s ? "text-neutral-600" : "text-neutral-800"), children: e }),
13
- r && n && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: n })
14
- ] });
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
+ });
15
21
  export {
16
- u as ContentSwitch
22
+ n as textVariants,
23
+ o as titleVariants
17
24
  };
@@ -1,22 +1,17 @@
1
- import { j as i } from "./index.es10.js";
1
+ import { j as t } from "./index.es10.js";
2
2
  import { cn as m } from "./index.es11.js";
3
- import { indicatorVariants as n } from "./index.es17.js";
4
- const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
- "div",
6
- {
7
- className: m(
8
- n({
9
- isSelected: r,
10
- isDisabled: o,
11
- size: a,
12
- isHoveredWhenOff: f && !r
13
- })
14
- ),
15
- style: {
16
- left: r ? `${t.onLeft}px` : `${t.offLeft}px`
17
- }
18
- }
19
- );
3
+ const u = ({
4
+ label: x,
5
+ description: e,
6
+ errorMessage: n,
7
+ isDisabled: s,
8
+ isInvalid: r,
9
+ children: l
10
+ }) => !x && !e && !l ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
11
+ x ? /* @__PURE__ */ t.jsx("p", { className: m("text-sm font-semibold", s ? "text-neutral-600" : "text-neutral-900"), children: x }) : l,
12
+ e && !n && /* @__PURE__ */ t.jsx("p", { className: m("text-xs", s ? "text-neutral-600" : "text-neutral-800"), children: e }),
13
+ r && n && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: n })
14
+ ] });
20
15
  export {
21
- c as SwitchIndicator
16
+ u as ContentSwitch
22
17
  };
@@ -1,94 +1,22 @@
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",
1
+ import { j as i } from "./index.es10.js";
2
+ import { cn as m } from "./index.es11.js";
3
+ import { indicatorVariants as n } from "./index.es18.js";
4
+ const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
+ "div",
57
6
  {
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
- ]
7
+ className: m(
8
+ n({
9
+ isSelected: r,
10
+ isDisabled: o,
11
+ size: a,
12
+ isHoveredWhenOff: f && !r
13
+ })
14
+ ),
15
+ style: {
16
+ left: r ? `${t.onLeft}px` : `${t.offLeft}px`
17
+ }
89
18
  }
90
19
  );
91
20
  export {
92
- a as indicatorVariants,
93
- s as switchVariants
21
+ c as SwitchIndicator
94
22
  };
@@ -1,12 +1,94 @@
1
- import { j as f } from "./index.es10.js";
2
- import { useRef as l } from "react";
3
- import { useTab as u } from "react-aria";
4
- import { cn as b } from "./index.es11.js";
5
- import { tabVariants as x } from "./index.es20.js";
6
- const R = (o) => {
7
- 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);
8
- return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
9
- };
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",
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
+ }
90
+ );
10
91
  export {
11
- R as Tab
92
+ a as indicatorVariants,
93
+ s as switchVariants
12
94
  };
@@ -1,12 +1,12 @@
1
- import { j as m } from "./index.es10.js";
1
+ import { j as f } from "./index.es10.js";
2
2
  import { useRef as l } from "react";
3
- import { useTabPanel as p } from "react-aria";
4
- import { cn as i } from "./index.es11.js";
5
- const P = (r) => {
6
- var t;
7
- const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
- return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as b } from "./index.es11.js";
5
+ import { tabVariants as x } from "./index.es21.js";
6
+ const R = (o) => {
7
+ 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);
8
+ return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
9
9
  };
10
10
  export {
11
- P as TabPanel
11
+ R as Tab
12
12
  };
@@ -1,33 +1,12 @@
1
- import { cva as r } from "class-variance-authority";
2
- const e = r("flex h-full max-h-12", {
3
- variants: {
4
- orientation: {
5
- horizontal: "flex-col",
6
- vertical: "flex-row"
7
- }
8
- }
9
- }), i = r(
10
- "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
11
- {
12
- variants: {
13
- isActive: {
14
- true: "bg-primary-50 text-primary-600 ",
15
- false: "text-neutral-500 hover:text-primary-900"
16
- },
17
- orientation: {
18
- horizontal: "border-b-2 border-transparent",
19
- vertical: "border-r-2 border-transparent"
20
- }
21
- },
22
- compoundVariants: [
23
- { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
24
- { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
25
- { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
26
- { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
27
- ]
28
- }
29
- );
1
+ import { j as m } from "./index.es10.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es11.js";
5
+ const P = (r) => {
6
+ var t;
7
+ const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
+ return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
9
+ };
30
10
  export {
31
- i as tabVariants,
32
- e as tabsVariants
11
+ P as TabPanel
33
12
  };