@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.
- package/dist/components/Checkbox/types.d.ts +1 -0
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.es13.js +9 -9
- package/dist/index.es14.js +6 -1
- package/dist/index.es15.js +22 -15
- package/dist/index.es16.js +14 -19
- package/dist/index.es17.js +17 -89
- package/dist/index.es18.js +92 -10
- package/dist/index.es19.js +8 -8
- package/dist/index.es20.js +10 -31
- package/dist/index.es21.js +27 -18
- package/dist/index.es23.js +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es26.js +2 -173
- package/dist/index.es27.js +2 -2
- package/dist/index.es28.js +173 -2
- package/dist/index.es3.js +3 -3
- package/dist/index.es4.js +24 -16
- package/dist/index.es6.js +65 -55
- package/dist/index.es7.js +1 -1
- package/dist/index.es8.js +1 -1
- package/dist/index.es9.js +3 -3
- package/dist/stories/Checkbox.stories.d.ts +6 -0
- package/dist/style.css +3 -0
- package/package.json +1 -1
package/dist/index.cjs13.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs14.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs15.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("
|
|
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;
|
package/dist/index.cjs16.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs17.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs18.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs19.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs20.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs21.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs23.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.
|
|
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
|
*
|
package/dist/index.cjs24.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.
|
|
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
|
*
|
package/dist/index.cjs26.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
|
package/dist/index.cjs28.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
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;
|
package/dist/index.cjs3.js
CHANGED
|
@@ -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.
|
|
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;
|
package/dist/index.cjs4.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs10.js"),l=require("react-aria-components"),
|
|
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;
|
package/dist/index.cjs6.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/dist/index.cjs7.js
CHANGED
|
@@ -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.
|
|
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;
|
package/dist/index.cjs8.js
CHANGED
|
@@ -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.
|
|
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;
|
package/dist/index.cjs9.js
CHANGED
|
@@ -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.
|
|
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;
|
package/dist/index.es13.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cn as
|
|
3
|
-
const
|
|
4
|
-
const { isIndeterminate:
|
|
5
|
-
return /* @__PURE__ */
|
|
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:
|
|
15
|
+
strokeDashoffset: s ? 28 : 42,
|
|
16
16
|
style: { transition: "all 400ms" }
|
|
17
17
|
}
|
|
18
|
-
) : /* @__PURE__ */
|
|
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:
|
|
25
|
+
strokeDashoffset: i ? 44 : 66,
|
|
26
26
|
style: { transition: "all 400ms" }
|
|
27
27
|
}
|
|
28
28
|
) });
|
|
29
29
|
};
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
m as MarkIcon
|
|
32
32
|
};
|
package/dist/index.es14.js
CHANGED
|
@@ -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
|
|
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
|
}
|
package/dist/index.es15.js
CHANGED
|
@@ -1,17 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
22
|
+
n as textVariants,
|
|
23
|
+
o as titleVariants
|
|
17
24
|
};
|
package/dist/index.es16.js
CHANGED
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "./index.es10.js";
|
|
2
2
|
import { cn as m } from "./index.es11.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
16
|
+
u as ContentSwitch
|
|
22
17
|
};
|
package/dist/index.es17.js
CHANGED
|
@@ -1,94 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
-
|
|
93
|
-
s as switchVariants
|
|
21
|
+
c as SwitchIndicator
|
|
94
22
|
};
|
package/dist/index.es18.js
CHANGED
|
@@ -1,12 +1,94 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
92
|
+
a as indicatorVariants,
|
|
93
|
+
s as switchVariants
|
|
12
94
|
};
|
package/dist/index.es19.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as f } from "./index.es10.js";
|
|
2
2
|
import { useRef as l } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { cn as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const { className:
|
|
8
|
-
return /* @__PURE__ */
|
|
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
|
-
|
|
11
|
+
R as Tab
|
|
12
12
|
};
|
package/dist/index.es20.js
CHANGED
|
@@ -1,33 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
}
|
|
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
|
-
|
|
32
|
-
e as tabsVariants
|
|
11
|
+
P as TabPanel
|
|
33
12
|
};
|