@simpli-route/apollo-ds 0.0.11 → 0.0.12

package/dist/index.cjs12.js

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

package/dist/index.cjs13.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs9.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs10.js"),b=r=>{var t;const{className:n,state:e,...c}=r,s=l.useRef(null),{tabPanelProps:a}=u.useTabPanel(c,e,s),o=d.cn("",n);return i.jsxRuntimeExports.jsx("div",{...a,ref:s,className:o,children:(t=e.selectedItem)==null?void 0:t.props.children})};exports.TabPanel=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs9.js"),s=require("./index.cjs10.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;

package/dist/index.cjs14.js

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

package/dist/index.cjs16.js

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

package/dist/index.cjs17.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs9.js"),s=require("./index.cjs10.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs9.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs10.js"),b=r=>{var t;const{className:n,state:e,...c}=r,s=l.useRef(null),{tabPanelProps:a}=u.useTabPanel(c,e,s),o=d.cn("",n);return i.jsxRuntimeExports.jsx("div",{...a,ref:s,className:o,children:(t=e.selectedItem)==null?void 0:t.props.children})};exports.TabPanel=b;

package/dist/index.cjs18.js

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

package/dist/index.cjs26.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=l,o=({title:r,titleId:n,...t},c)=>e.createElement("svg",Object.assign({fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:c,"aria-labelledby":n},t),r?e.createElement("title",{id:n},r):null,e.createElement("path",{fillRule:"evenodd",d:"M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85Z",clipRule:"evenodd"})),a=e.forwardRef(o);var i=a;exports.MinusIcon_1=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=l,o=({title:r,titleId:n,...t},c)=>e.createElement("svg",Object.assign({fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:c,"aria-labelledby":n},t),r?e.createElement("title",{id:n},r):null,e.createElement("path",{fillRule:"evenodd",d:"M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85",clipRule:"evenodd"})),a=e.forwardRef(o);var i=a;exports.MinusIcon_1=i;

package/dist/index.cjs27.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n,o=({title:r,titleId:l,...t},a)=>e.createElement("svg",Object.assign({fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:a,"aria-labelledby":l},t),r?e.createElement("title",{id:l},r):null,e.createElement("path",{fillRule:"evenodd",d:"M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783Z",clipRule:"evenodd"})),c=e.forwardRef(o);var s=c;exports.PlusIcon_1=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n,o=({title:r,titleId:l,...t},a)=>e.createElement("svg",Object.assign({fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:a,"aria-labelledby":l},t),r?e.createElement("title",{id:l},r):null,e.createElement("path",{fillRule:"evenodd",d:"M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783",clipRule:"evenodd"})),c=e.forwardRef(o);var s=c;exports.PlusIcon_1=s;

package/dist/index.cjs3.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs9.js"),E=require("react-aria-components"),p=require("./index.cjs10.js");require("react");const N=require("./index.cjs23.js"),w=require("./index.cjs4.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs9.js"),E=require("react-aria-components"),p=require("./index.cjs10.js");require("react");const N=require("./index.cjs23.js"),w=require("./index.cjs4.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;

package/dist/index.cjs5.js

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

package/dist/index.cjs8.js

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

package/dist/index.es12.js

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

package/dist/index.es13.js

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

package/dist/index.es14.js

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

package/dist/index.es16.js

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

package/dist/index.es17.js

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

package/dist/index.es18.js

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

package/dist/index.es26.js

@@ -14,7 +14,7 @@ const e = t, a = ({
   id: n
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
-  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85Z",
+  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85",
   clipRule: "evenodd"
 })), c = e.forwardRef(a);
 var s = c;

package/dist/index.es27.js

@@ -14,7 +14,7 @@ const e = t, n = ({
   id: a
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
-  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783Z",
+  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783",
   clipRule: "evenodd"
 })), c = e.forwardRef(n);
 var d = c;

package/dist/index.es3.js

@@ -4,7 +4,7 @@ import { cn as x } from "./index.es10.js";
 import "react";
 import { buttonVariants as B } from "./index.es23.js";
 import { Loader as y } from "./index.es4.js";
-import "./index.es18.js";
+import "./index.es14.js";
 import "./index.es15.js";
 const j = ({
   renderPosition: t,

package/dist/index.es5.js

@@ -1,9 +1,9 @@
 import { j as t } from "./index.es9.js";
 import { Switch as d } from "react-aria-components";
 import { cn as f } from "./index.es10.js";
-import { ContentSwitch as y } from "./index.es16.js";
-import { SwitchIndicator as L } from "./index.es17.js";
-import { switchVariants as u } from "./index.es18.js";
+import { ContentSwitch as y } from "./index.es12.js";
+import { SwitchIndicator as L } from "./index.es13.js";
+import { switchVariants as u } from "./index.es14.js";
 const C = ({
   children: c,
   label: i,

package/dist/index.es8.js

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

package/dist/stories/Switch.stories.d.ts

@@ -17,6 +17,8 @@ declare const meta: {
     };
     args: {
         size: "md";
+        label: string;
+        description: string;
         isSelected: false;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "type": "module",
   "files": [
     "dist"
@@ -27,7 +27,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@simpli-route/react-icons": "^1.0.9",
+    "@simpli-route/react-icons": "^1.0.11",
     "@simpli-route/tailwind-preset": "^0.0.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",