@simpli-route/apollo-ds 0.1.1 → 0.1.2

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

@@ -12,10 +12,6 @@ export interface CheckboxProps extends AriaCheckboxProps {
      * Indicates if the checkbox is mode indeterminate
      */
     isIndeterminate?: boolean;
-    /**
-     * Indicates if the checkbox is selected
-     */
-    isSelected: boolean;
 }
 export interface MarkIconProps {
     className?: string;

package/dist/index.cjs10.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs15.js"),j=require("react"),q=require("react-aria"),c=require("react-stately"),r=require("./index.cjs16.js"),T=require("./index.cjs30.js"),f=require("./index.cjs31.js"),p=require("./index.cjs32.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.cjs15.js"),j=require("react"),q=require("react-aria"),c=require("react-stately"),r=require("./index.cjs16.js"),T=require("./index.cjs31.js"),f=require("./index.cjs32.js"),p=require("./index.cjs33.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.cjs17.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs15.js"),n=require("./index.cjs33.js"),r=require("./index.cjs16.js"),m=({label:t,section:o,active:e,onToggle:i,itemClassName:c,sectionClassName:l,hasIcon:u=!0})=>{const x=r.cn("rounded-md border border-solid border-purple-200 bg-gray-100",c),d=r.cn("px-4 pb-4",l),a=e?n.MinusIcon:n.PlusIcon;return s.jsxRuntimeExports.jsxs("div",{className:x,children:[s.jsxRuntimeExports.jsxs("button",{className:"flex w-full cursor-pointer items-center gap-x-4 p-4",onClick:i,children:[s.jsxRuntimeExports.jsx("div",{className:"flex-1",children:t}),u?s.jsxRuntimeExports.jsx("span",{className:`shrink-0 transition duration-300 ${e?"-rotate-180":"rotate-0"}`,children:s.jsxRuntimeExports.jsx(a,{className:"size-6"})}):null]}),e?s.jsxRuntimeExports.jsx("div",{className:d,children:o}):null]})};exports.AccordionItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs15.js"),n=require("./index.cjs26.js"),r=require("./index.cjs16.js"),m=({label:t,section:o,active:e,onToggle:i,itemClassName:c,sectionClassName:l,hasIcon:u=!0})=>{const x=r.cn("rounded-md border border-solid border-purple-200 bg-gray-100",c),d=r.cn("px-4 pb-4",l),a=e?n.MinusIcon:n.PlusIcon;return s.jsxRuntimeExports.jsxs("div",{className:x,children:[s.jsxRuntimeExports.jsxs("button",{className:"flex w-full cursor-pointer items-center gap-x-4 p-4",onClick:i,children:[s.jsxRuntimeExports.jsx("div",{className:"flex-1",children:t}),u?s.jsxRuntimeExports.jsx("span",{className:`shrink-0 transition duration-300 ${e?"-rotate-180":"rotate-0"}`,children:s.jsxRuntimeExports.jsx(a,{className:"size-6"})}):null]}),e?s.jsxRuntimeExports.jsx("div",{className:d,children:o}):null]})};exports.AccordionItem=m;

package/dist/index.cjs26.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs15.js"),i=require("./index.cjs16.js"),x=({description:e,descriptionClasses:s,errorMessage:t,errorClasses:u,isInvalidField:n})=>e&&!n?r.jsxRuntimeExports.jsx("div",{slot:"description",className:i.cn("text-xs leading-3 text-neutral-700",s),children:e}):t&&n?r.jsxRuntimeExports.jsx("div",{className:i.cn("text-xs leading-3 text-error-500",u),children:t}):null;exports.CaptionNumberField=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.cjs38.js"),o=require("./index.cjs39.js"),c=require("./index.cjs40.js"),r=require("./index.cjs41.js"),e=require("./index.cjs42.js");var I=n.DownChevronIcon_1,u=o.InfoIcon_1,s=c.MinusIcon_1,v=r.PlusIcon_1,i=e.UpChevronIcon_1;exports.DownChevronIcon=I;exports.InfoIcon=u;exports.MinusIcon=s;exports.PlusIcon=v;exports.UpChevronIcon=i;

package/dist/index.cjs27.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs15.js"),s=require("./index.cjs33.js"),n=require("react-aria-components"),i=require("./index.cjs16.js"),o=({isDisabled:r})=>{const t=i.cn("flex items-center justify-center",r?"text-neutral-600":"text-primary-500");return e.jsxRuntimeExports.jsxs("div",{className:"absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"increment",className:t,children:e.jsxRuntimeExports.jsx(s.UpChevronIcon,{className:"size-3.5"})}),e.jsxRuntimeExports.jsx(n.Button,{slot:"decrement",className:t,children:e.jsxRuntimeExports.jsx(s.DownChevronIcon,{className:"size-3.5"})})]})};exports.StepperButton=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs15.js"),i=require("./index.cjs16.js"),x=({description:e,descriptionClasses:s,errorMessage:t,errorClasses:u,isInvalidField:n})=>e&&!n?r.jsxRuntimeExports.jsx("div",{slot:"description",className:i.cn("text-xs leading-3 text-neutral-700",s),children:e}):t&&n?r.jsxRuntimeExports.jsx("div",{className:i.cn("text-xs leading-3 text-error-500",u),children:t}):null;exports.CaptionNumberField=x;

package/dist/index.cjs28.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),i=require("./index.cjs16.js"),m=({label:e,description:s,errorMessage:x,isDisabled:n,isInvalid:l,children:r,renderLabelIcon:u})=>!e&&!s&&!r?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx("p",{className:i.cn("text-sm font-semibold",n?"text-neutral-600":"text-neutral-900"),children:e}),u?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:u}):null]}):r,s&&!x&&t.jsxRuntimeExports.jsx("p",{className:i.cn("text-xs",n?"text-neutral-600":"text-neutral-800"),children:s}),l&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs15.js"),s=require("./index.cjs26.js"),n=require("react-aria-components"),i=require("./index.cjs16.js"),o=({isDisabled:r})=>{const t=i.cn("flex items-center justify-center",r?"text-neutral-600":"text-primary-500");return e.jsxRuntimeExports.jsxs("div",{className:"absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"increment",className:t,children:e.jsxRuntimeExports.jsx(s.UpChevronIcon,{className:"size-3.5"})}),e.jsxRuntimeExports.jsx(n.Button,{slot:"decrement",className:t,children:e.jsxRuntimeExports.jsx(s.DownChevronIcon,{className:"size-3.5"})})]})};exports.StepperButton=o;

package/dist/index.cjs29.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs15.js"),s=require("./index.cjs16.js"),a=require("./index.cjs21.js"),c=({isSelected:t,isDisabled:e,isHovered:n,size:i,dimensions:r})=>o.jsxRuntimeExports.jsx("div",{className:s.cn(a.indicatorVariants({isSelected:t,isDisabled:e,size:i,isHoveredWhenOff:n&&!t})),style:{left:t?`${r.onLeft}px`:`${r.offLeft}px`}});exports.SwitchIndicator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),i=require("./index.cjs16.js"),m=({label:e,description:s,errorMessage:x,isDisabled:n,isInvalid:l,children:r,renderLabelIcon:u})=>!e&&!s&&!r?null:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[e?t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx("p",{className:i.cn("text-sm font-semibold",n?"text-neutral-600":"text-neutral-900"),children:e}),u?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:u}):null]}):r,s&&!x&&t.jsxRuntimeExports.jsx("p",{className:i.cn("text-xs",n?"text-neutral-600":"text-neutral-800"),children:s}),l&&x&&t.jsxRuntimeExports.jsx("p",{className:"text-sm text-red-500",children:x})]});exports.ContentSwitch=m;

package/dist/index.cjs30.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index.cjs15.js"),m=require("react"),q=require("react-aria"),v=require("./index.cjs16.js"),x=require("./index.cjs32.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 o=require("./index.cjs15.js"),s=require("./index.cjs16.js"),a=require("./index.cjs21.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.cjs31.js

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),t=r.cva("flex h-full max-h-12",{variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),e=r.cva("group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",{variants:{isActive:{true:"bg-primary-50 text-primary-600 ",false:"text-neutral-500 hover:text-primary-900"},orientation:{horizontal:"border-b-2 border-transparent",vertical:"border-r-2 border-transparent"}},compoundVariants:[{isActive:!0,orientation:"horizontal",class:"border-b-2 border-primary-500"},{isActive:!1,orientation:"horizontal",class:"border-b-2 border-primary-200"},{isActive:!1,orientation:"vertical",class:"border-r-2 border-primary-200"},{isActive:!0,orientation:"vertical",class:"border-r-2 border-primary-500"}]});exports.tabVariants=e;exports.tabsVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs15.js"),l=require("react"),u=require("react-aria"),d=require("./index.cjs16.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.cjs33.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.cjs38.js"),o=require("./index.cjs39.js"),c=require("./index.cjs40.js"),r=require("./index.cjs41.js"),e=require("./index.cjs42.js");var I=n.DownChevronIcon_1,u=o.InfoIcon_1,s=c.MinusIcon_1,v=r.PlusIcon_1,i=e.UpChevronIcon_1;exports.DownChevronIcon=I;exports.InfoIcon=u;exports.MinusIcon=s;exports.PlusIcon=v;exports.UpChevronIcon=i;
+"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.cjs4.js

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

package/dist/index.cjs6.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),p=require("./index.cjs33.js"),j=require("react"),s=require("react-aria-components"),f=require("./index.cjs16.js"),g=require("./index.cjs11.js"),T=require("./index.cjs12.js");function b(r,i){const{labelClassName:o}=r,[a,c]=s.useContextProps(r,i,s.LabelContext),{children:n,tooltipText:l,tooltipSupportText:u,tooltipProps:e,isRequired:x=!1,...m}=a;if(!n)return null;const d=f.cn("flex select-none items-center text-sm leading-6 text-neutral-900",o);return t.jsxRuntimeExports.jsxs(s.Label,{className:d,...m,ref:c,children:[n,x?t.jsxRuntimeExports.jsx("span",{className:"ml-1 text-neutral-900",children:"*"}):null,l?t.jsxRuntimeExports.jsxs(T.TooltipTrigger,{delay:100,children:[t.jsxRuntimeExports.jsx(p.InfoIcon,{className:"ml-1 size-4 text-primary-600"}),t.jsxRuntimeExports.jsx(g.Tooltip,{placement:(e==null?void 0:e.placement)||"right",supportText:u,size:(e==null?void 0:e.size)||"sm",children:l})]}):null]})}const q=j.forwardRef(b);exports.Label=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),p=require("./index.cjs26.js"),j=require("react"),s=require("react-aria-components"),f=require("./index.cjs16.js"),g=require("./index.cjs11.js"),T=require("./index.cjs12.js");function b(r,i){const{labelClassName:o}=r,[a,c]=s.useContextProps(r,i,s.LabelContext),{children:n,tooltipText:l,tooltipSupportText:u,tooltipProps:e,isRequired:x=!1,...m}=a;if(!n)return null;const d=f.cn("flex select-none items-center text-sm leading-6 text-neutral-900",o);return t.jsxRuntimeExports.jsxs(s.Label,{className:d,...m,ref:c,children:[n,x?t.jsxRuntimeExports.jsx("span",{className:"ml-1 text-neutral-900",children:"*"}):null,l?t.jsxRuntimeExports.jsxs(T.TooltipTrigger,{delay:100,children:[t.jsxRuntimeExports.jsx(p.InfoIcon,{className:"ml-1 size-4 text-primary-600"}),t.jsxRuntimeExports.jsx(g.Tooltip,{placement:(e==null?void 0:e.placement)||"right",supportText:u,size:(e==null?void 0:e.size)||"sm",children:l})]}):null]})}const q=j.forwardRef(b);exports.Label=q;

package/dist/index.cjs8.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),r=require("react-aria-components"),n=require("./index.cjs16.js"),S=require("./index.cjs6.js"),g=require("./index.cjs26.js"),y=require("./index.cjs27.js"),B=require("./index.cjs20.js"),I=({size:l="sm",label:a,description:o,errorMessage:x,isDisabled:e=!1,isReadOnly:s=!1,isRequired:c=!1,tooltipText:m,tooltipSupportText:p,tooltipProps:d,className:j,descriptionClasses:N,errorClasses:f,validationState:i="default",inputClassName:v,maxValue:b,minValue:q=0,autoFocus:E=!1,maxLength:R,...F})=>{const u=i==="invalid"&&!e;return t.jsxRuntimeExports.jsx("div",{className:n.cn("flex",j),children:t.jsxRuntimeExports.jsxs(r.NumberField,{autoFocus:E,className:e?"opacity-70":"",isDisabled:e,isReadOnly:s,maxValue:b,minValue:q,...F,children:[t.jsxRuntimeExports.jsx(S.Label,{labelClassName:n.cn("leading-[19.07px] text-left mb-0.5",{"text-neutral-700":e}),isRequired:c,tooltipText:m,tooltipSupportText:p,tooltipProps:d,children:a}),t.jsxRuntimeExports.jsxs(r.Group,{className:"relative mb-0.5 w-full rounded",children:[t.jsxRuntimeExports.jsx(r.Input,{disabled:e,maxLength:R,className:({isFocused:h,isHovered:C})=>n.cn(B.inputNumberVariant({size:l,isDisabled:e,isReadOnly:s,isHovered:C,isFocused:h,validationState:i==="valid"?"valid":u?"invalid":"default"}),v)}),t.jsxRuntimeExports.jsx(y.StepperButton,{isDisabled:e})]}),t.jsxRuntimeExports.jsx(g.CaptionNumberField,{description:o,descriptionClasses:N,errorMessage:x,errorClasses:f,isInvalidField:u})]})})};exports.NumberField=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs15.js"),r=require("react-aria-components"),n=require("./index.cjs16.js"),S=require("./index.cjs6.js"),g=require("./index.cjs27.js"),y=require("./index.cjs28.js"),B=require("./index.cjs20.js"),I=({size:l="sm",label:a,description:o,errorMessage:x,isDisabled:e=!1,isReadOnly:s=!1,isRequired:c=!1,tooltipText:m,tooltipSupportText:p,tooltipProps:d,className:j,descriptionClasses:N,errorClasses:f,validationState:i="default",inputClassName:v,maxValue:b,minValue:q=0,autoFocus:E=!1,maxLength:R,...F})=>{const u=i==="invalid"&&!e;return t.jsxRuntimeExports.jsx("div",{className:n.cn("flex",j),children:t.jsxRuntimeExports.jsxs(r.NumberField,{autoFocus:E,className:e?"opacity-70":"",isDisabled:e,isReadOnly:s,maxValue:b,minValue:q,...F,children:[t.jsxRuntimeExports.jsx(S.Label,{labelClassName:n.cn("leading-[19.07px] text-left mb-0.5",{"text-neutral-700":e}),isRequired:c,tooltipText:m,tooltipSupportText:p,tooltipProps:d,children:a}),t.jsxRuntimeExports.jsxs(r.Group,{className:"relative mb-0.5 w-full rounded",children:[t.jsxRuntimeExports.jsx(r.Input,{disabled:e,maxLength:R,className:({isFocused:h,isHovered:C})=>n.cn(B.inputNumberVariant({size:l,isDisabled:e,isReadOnly:s,isHovered:C,isFocused:h,validationState:i==="valid"?"valid":u?"invalid":"default"}),v)}),t.jsxRuntimeExports.jsx(y.StepperButton,{isDisabled:e})]}),t.jsxRuntimeExports.jsx(g.CaptionNumberField,{description:o,descriptionClasses:N,errorMessage:x,errorClasses:f,isInvalidField:u})]})})};exports.NumberField=I;

package/dist/index.cjs9.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs15.js"),p=require("react-aria-components"),c=require("./index.cjs16.js"),q=require("./index.cjs28.js"),R=require("./index.cjs29.js"),v=require("./index.cjs21.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs15.js"),p=require("react-aria-components"),c=require("./index.cjs16.js"),q=require("./index.cjs29.js"),R=require("./index.cjs30.js"),v=require("./index.cjs21.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;

package/dist/index.es10.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.es16.js";
-import { Tab as j } from "./index.es30.js";
-import { TabPanel as u } from "./index.es31.js";
-import { tabsVariants as h } from "./index.es32.js";
+import { Tab as j } from "./index.es31.js";
+import { TabPanel as u } from "./index.es32.js";
+import { tabsVariants as h } from "./index.es33.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/index.es17.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es15.js";
-import { MinusIcon as p, PlusIcon as u } from "./index.es33.js";
+import { MinusIcon as p, PlusIcon as u } from "./index.es26.js";
 import { cn as e } from "./index.es16.js";
 const f = ({
   label: o,

package/dist/index.es26.js

@@ -1,12 +1,13 @@
-import { j as n } from "./index.es15.js";
-import { cn as x } from "./index.es16.js";
-const m = ({
-  description: t,
-  descriptionClasses: i,
-  errorMessage: r,
-  errorClasses: s,
-  isInvalidField: e
-}) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
+import { D as o } from "./index.es38.js";
+import { I as n } from "./index.es39.js";
+import { M as r } from "./index.es40.js";
+import { P as I } from "./index.es41.js";
+import { U as a } from "./index.es42.js";
+var f = o, i = n, t = r, e = I, _ = a;
 export {
-  m as CaptionNumberField
+  f as DownChevronIcon,
+  i as InfoIcon,
+  t as MinusIcon,
+  e as PlusIcon,
+  _ as UpChevronIcon
 };

package/dist/index.es27.js

@@ -1,14 +1,12 @@
-import { j as e } from "./index.es15.js";
-import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es33.js";
-import { Button as s } from "react-aria-components";
-import { cn as c } from "./index.es16.js";
-const x = ({ isDisabled: r }) => {
-  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
-  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
-    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
-    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
-  ] });
-};
+import { j as n } from "./index.es15.js";
+import { cn as x } from "./index.es16.js";
+const m = ({
+  description: t,
+  descriptionClasses: i,
+  errorMessage: r,
+  errorClasses: s,
+  isInvalidField: e
+}) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
 export {
-  x as StepperButton
+  m as CaptionNumberField
 };

package/dist/index.es28.js

@@ -1,21 +1,14 @@
-import { j as t } from "./index.es15.js";
+import { j as e } from "./index.es15.js";
+import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es26.js";
+import { Button as s } from "react-aria-components";
 import { cn as c } from "./index.es16.js";
-const i = ({
-  label: e,
-  description: x,
-  errorMessage: s,
-  isDisabled: l,
-  isInvalid: r,
-  children: n,
-  renderLabelIcon: m
-}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
-    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
-    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
-  ] }) : n,
-  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
-  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
-] });
+const x = ({ isDisabled: r }) => {
+  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
+  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
+    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
+    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
+  ] });
+};
 export {
-  i as ContentSwitch
+  x as StepperButton
 };

package/dist/index.es29.js

@@ -1,22 +1,21 @@
-import { j as i } from "./index.es15.js";
-import { cn as m } from "./index.es16.js";
-import { indicatorVariants as n } from "./index.es21.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 t } from "./index.es15.js";
+import { cn as c } from "./index.es16.js";
+const i = ({
+  label: e,
+  description: x,
+  errorMessage: s,
+  isDisabled: l,
+  isInvalid: r,
+  children: n,
+  renderLabelIcon: m
+}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
+    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
+  ] }) : n,
+  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
+  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
+] });
 export {
-  c as SwitchIndicator
+  i as ContentSwitch
 };

package/dist/index.es30.js

@@ -1,12 +1,22 @@
-import { j as f } from "./index.es15.js";
-import { useRef as l } from "react";
-import { useTab as u } from "react-aria";
-import { cn as b } from "./index.es16.js";
-import { tabVariants as x } from "./index.es32.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 i } from "./index.es15.js";
+import { cn as m } from "./index.es16.js";
+import { indicatorVariants as n } from "./index.es21.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 {
-  R as Tab
+  c as SwitchIndicator
 };

package/dist/index.es31.js

@@ -1,12 +1,12 @@
-import { j as m } from "./index.es15.js";
+import { j as f } from "./index.es15.js";
 import { useRef as l } from "react";
-import { useTabPanel as p } from "react-aria";
-import { cn as i } from "./index.es16.js";
-const P = (r) => {
-  var t;
-  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
-  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+import { useTab as u } from "react-aria";
+import { cn as b } from "./index.es16.js";
+import { tabVariants as x } from "./index.es33.js";
+const R = (o) => {
+  const { className: r, item: i, orientation: n, state: t, id: a = void 0 } = o, { key: s, rendered: c } = i, m = t.selectedKey === s, e = l(null), { tabProps: p } = u({ key: String(s) }, t, e), d = b(x({ isActive: m, orientation: n }), r);
+  return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
 };
 export {
-  P as TabPanel
+  R as Tab
 };

package/dist/index.es32.js

@@ -1,33 +1,12 @@
-import { cva as r } from "class-variance-authority";
-const e = r("flex h-full max-h-12", {
-  variants: {
-    orientation: {
-      horizontal: "flex-col",
-      vertical: "flex-row"
-    }
-  }
-}), i = r(
-  "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
-  {
-    variants: {
-      isActive: {
-        true: "bg-primary-50 text-primary-600 ",
-        false: "text-neutral-500 hover:text-primary-900"
-      },
-      orientation: {
-        horizontal: "border-b-2 border-transparent",
-        vertical: "border-r-2 border-transparent"
-      }
-    },
-    compoundVariants: [
-      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
-      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
-      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
-      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
-    ]
-  }
-);
+import { j as m } from "./index.es15.js";
+import { useRef as l } from "react";
+import { useTabPanel as p } from "react-aria";
+import { cn as i } from "./index.es16.js";
+const P = (r) => {
+  var t;
+  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
+  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+};
 export {
-  i as tabVariants,
-  e as tabsVariants
+  P as TabPanel
 };

package/dist/index.es33.js

@@ -1,13 +1,33 @@
-import { D as o } from "./index.es38.js";
-import { I as n } from "./index.es39.js";
-import { M as r } from "./index.es40.js";
-import { P as I } from "./index.es41.js";
-import { U as a } from "./index.es42.js";
-var f = o, i = n, t = r, e = I, _ = a;
+import { cva as r } from "class-variance-authority";
+const e = r("flex h-full max-h-12", {
+  variants: {
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
+    }
+  }
+}), i = r(
+  "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
+  {
+    variants: {
+      isActive: {
+        true: "bg-primary-50 text-primary-600 ",
+        false: "text-neutral-500 hover:text-primary-900"
+      },
+      orientation: {
+        horizontal: "border-b-2 border-transparent",
+        vertical: "border-r-2 border-transparent"
+      }
+    },
+    compoundVariants: [
+      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
+      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
+      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
+      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
+    ]
+  }
+);
 export {
-  f as DownChevronIcon,
-  i as InfoIcon,
-  t as MinusIcon,
-  e as PlusIcon,
-  _ as UpChevronIcon
+  i as tabVariants,
+  e as tabsVariants
 };

package/dist/index.es4.js

@@ -7,9 +7,9 @@ const g = ({
   isIndeterminate: x = !1,
   isDisabled: a = !1,
   className: c,
-  children: t,
+  children: s,
   onChange: l,
-  isSelected: s,
+  isSelected: t = !1,
   id: n,
   ...p
 }) => {
@@ -18,15 +18,15 @@ const g = ({
       isDisabled: a,
       isFocusVisible: o,
       isHovered: r,
-      isSelected: s,
-      label: !!t
+      isSelected: t,
+      label: !!s
     })
   );
   return /* @__PURE__ */ e.jsx(
     h,
     {
       className: m("group flex items-center", c),
-      isSelected: s,
+      isSelected: t,
       isDisabled: a,
       id: n,
       onChange: l,
@@ -37,16 +37,16 @@ const g = ({
           {
             isIndeterminate: x,
             isHovered: r,
-            isSelected: s,
+            isSelected: t,
             className: "size-3"
           }
         ) }),
-        t && /* @__PURE__ */ e.jsx(
+        s && /* @__PURE__ */ e.jsx(
           "span",
           {
             className: m("select-none text-base leading-6", a ? "text-neutral-500" : "text-primary-900"),
             id: n,
-            children: t
+            children: s
           }
         )
       ] })

package/dist/index.es6.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es15.js";
-import { InfoIcon as p } from "./index.es33.js";
+import { InfoIcon as p } from "./index.es26.js";
 import { forwardRef as u } from "react";
 import { useContextProps as d, LabelContext as b, Label as j } from "react-aria-components";
 import { cn as g } from "./index.es16.js";

package/dist/index.es8.js

@@ -2,8 +2,8 @@ import { j as r } from "./index.es15.js";
 import { NumberField as g, Group as w, Input as B } from "react-aria-components";
 import { cn as l } from "./index.es16.js";
 import { Label as E } from "./index.es6.js";
-import { CaptionNumberField as G } from "./index.es26.js";
-import { StepperButton as S } from "./index.es27.js";
+import { CaptionNumberField as G } from "./index.es27.js";
+import { StepperButton as S } from "./index.es28.js";
 import { inputNumberVariant as V } from "./index.es20.js";
 const H = ({
   size: o = "sm",

package/dist/index.es9.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es15.js";
 import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es16.js";
-import { ContentSwitch as L } from "./index.es28.js";
-import { SwitchIndicator as v } from "./index.es29.js";
+import { ContentSwitch as L } from "./index.es29.js";
+import { SwitchIndicator as v } from "./index.es30.js";
 import { switchVariants as b } from "./index.es21.js";
 const E = ({
   children: f,

package/package.json

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