@clicktap/ui 0.12.15 → 0.12.17

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.
Files changed (39) hide show
  1. package/components/Checkbox/Checkbox.d.ts +0 -8
  2. package/components/Checkbox/Checkbox.js +1 -1
  3. package/components/ContextMenu/ContextMenu.d.ts +0 -8
  4. package/components/ContextMenu/ContextMenu.js +1 -1
  5. package/components/CreditCardExpirationInput/CreditCardExpirationInput.d.ts +0 -9
  6. package/components/CreditCardExpirationInput/CreditCardExpirationInput.js +1 -1
  7. package/components/CreditCardInput/CreditCardInput.d.ts +0 -11
  8. package/components/CreditCardInput/CreditCardInput.js +1 -1
  9. package/components/DateInput/DateInput.d.ts +0 -8
  10. package/components/DateInput/DateInput.js +1 -1
  11. package/components/Dialog/Dialog.d.ts +0 -7
  12. package/components/Dialog/Dialog.js +1 -1
  13. package/components/Drawer/Drawer.d.ts +0 -9
  14. package/components/Drawer/Drawer.js +1 -1
  15. package/components/Input/Input.d.ts +0 -9
  16. package/components/Input/Input.js +1 -1
  17. package/components/Loader/Pulse.d.ts +0 -5
  18. package/components/Loader/Pulse.js +1 -1
  19. package/components/Meter/Meter.d.ts +0 -7
  20. package/components/Meter/Meter.js +1 -1
  21. package/components/ModalOverlay/ModalOverlay.d.ts +0 -7
  22. package/components/ModalOverlay/ModalOverlay.js +1 -1
  23. package/components/NumberInput/NumberInput.d.ts +0 -12
  24. package/components/NumberInput/NumberInput.js +1 -1
  25. package/components/PinInput/PinInput.d.ts +0 -16
  26. package/components/PinInput/PinInput.js +1 -1
  27. package/components/Radio/Radio.d.ts +0 -7
  28. package/components/Radio/Radio.js +1 -1
  29. package/components/Select/Select.d.ts +0 -17
  30. package/components/Select/Select.js +1 -1
  31. package/components/Slider/Slider.d.ts +0 -8
  32. package/components/Slider/Slider.js +1 -1
  33. package/components/Switch/Switch.d.ts +0 -5
  34. package/components/Switch/Switch.js +1 -1
  35. package/components/Tabs/Tab.d.ts +0 -5
  36. package/components/Tabs/Tab.js +1 -1
  37. package/components/TimeInput/TimeInput.d.ts +0 -8
  38. package/components/TimeInput/TimeInput.js +1 -1
  39. package/package.json +1 -1
@@ -1,11 +1,3 @@
1
1
  import { CheckboxProps } from './Checkbox.types';
2
2
  export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Checkbox {
4
- var defaultProps: {
5
- slots: {
6
- control: undefined;
7
- };
8
- classNames: undefined;
9
- };
10
- }
11
3
  export default Checkbox;
@@ -1 +1 @@
1
- import{jsx as a,jsxs as c,Fragment as d}from"react/jsx-runtime";import{Checkbox as p}from"react-aria-components";import{c as x}from"../../assets/cn-jM7Hu9J5.js";function g({control:t,isHovered:e,isFocused:b,isDisabled:l,isIndeterminate:o,isInvalid:r,isSelected:n,isPressed:f,classNames:u,...h}){return t?typeof t=="function"?t({isHovered:e,isFocused:b,isDisabled:l,isIndeterminate:o,isInvalid:r,isSelected:n,isPressed:f,...h}):t:a("div",{className:x("flex items-center justify-center","w-6 h-6","border border-solid border-slate-300 rounded","transition-all duration-200 ease-in-out","checkbox-control",e&&["border-slate-400"],b&&["border-slate-400 outline-2 outline outline-slate-200"],(l||l&&o)&&["border-slate-200 bg-slate-100"],r&&["bg-slate-100 text-red-600 border-red-500"],r&&e&&["border-red-600"],r&&b&&["border-red-600 outline-red-200"],r&&n&&o&&["bg-red-500 border-red-500"],r&&n&&o&&f&&["bg-red-600 border-red-600"],(n||o)&&["border-slate-300 bg-slate-300"],(n||o)&&f&&["border-slate-400 bg-slate-400"],u==null?void 0:u.control),children:a("svg",{viewBox:"0 0 18 18","aria-hidden":"true",style:{strokeDasharray:"22px",strokeDashoffset:n||o?44:66},className:x("w-4 h-4 fill-none","stroke-white stroke-[3px]","transition-all duration-200 ease-in-out",l&&o&&["stroke-none fill-slate-300"],o&&["stroke-none fill-white"]),children:o?a("rect",{x:1,y:7.5,width:15,height:3}):a("polyline",{points:"1 9 7 14 15 4"})})})}function k({children:t,slots:e,className:b,classNames:l,...o}){return a(p,{className:x("flex items-center gap-2","text-xs text-slate-500 forced-color-adjust-none disabled:text-slate-400 group","invalid:text-red-500",b),...o,children:r=>c(d,{children:[a(g,{control:e==null?void 0:e.control,classNames:l,...r}),typeof t=="function"?t(r):t]})})}k.defaultProps={slots:{control:void 0},classNames:void 0};export{k as Checkbox,k as default};
1
+ import{jsx as n,jsxs as c,Fragment as d}from"react/jsx-runtime";import{Checkbox as g}from"react-aria-components";import{c as a}from"../../assets/cn-jM7Hu9J5.js";function p({control:t,isHovered:e,isFocused:f,isDisabled:l,isIndeterminate:r,isInvalid:o,isSelected:b,isPressed:u,classNames:x,...h}){return t?typeof t=="function"?t({isHovered:e,isFocused:f,isDisabled:l,isIndeterminate:r,isInvalid:o,isSelected:b,isPressed:u,...h}):t:n("div",{className:a("flex items-center justify-center","w-6 h-6","border border-solid border-slate-300 rounded","transition-all duration-200 ease-in-out","checkbox-control",e&&["border-slate-400"],f&&["border-slate-400 outline-2 outline outline-slate-200"],(l||l&&r)&&["border-slate-200 bg-slate-100"],o&&["bg-slate-100 text-red-600 border-red-500"],o&&e&&["border-red-600"],o&&f&&["border-red-600 outline-red-200"],o&&b&&r&&["bg-red-500 border-red-500"],o&&b&&r&&u&&["bg-red-600 border-red-600"],(b||r)&&["border-slate-300 bg-slate-300"],(b||r)&&u&&["border-slate-400 bg-slate-400"],x==null?void 0:x.control),children:n("svg",{viewBox:"0 0 18 18","aria-hidden":"true",style:{strokeDasharray:"22px",strokeDashoffset:b||r?44:66},className:a("w-4 h-4 fill-none","stroke-white stroke-[3px]","transition-all duration-200 ease-in-out",l&&r&&["stroke-none fill-slate-300"],r&&["stroke-none fill-white"]),children:r?n("rect",{x:1,y:7.5,width:15,height:3}):n("polyline",{points:"1 9 7 14 15 4"})})})}function j({children:t,slots:e,className:f,classNames:l,...r}){return n(g,{className:a("flex items-center gap-2","text-xs text-slate-500 forced-color-adjust-none disabled:text-slate-400 group","invalid:text-red-500",f),...r,children:o=>c(d,{children:[n(p,{control:e==null?void 0:e.control,classNames:l,...o}),typeof t=="function"?t(o):t]})})}export{j as Checkbox,j as default};
@@ -1,11 +1,3 @@
1
1
  import { PopoverProps } from './ContextMenu.types';
2
2
  export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace ContextMenu {
4
- var defaultProps: {
5
- key: undefined;
6
- onAction: undefined;
7
- classNames: undefined;
8
- style: undefined;
9
- };
10
- }
11
3
  export default ContextMenu;
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{Popover as c,Menu as x}from"react-aria-components";import{forwardRef as h}from"react";import{motion as l}from"framer-motion";import{c as a}from"../../assets/cn-jM7Hu9J5.js";const v=h(({style:o,...e},i)=>{const n=typeof o=="function"?o(e):o;return t(c,{...e,ref:i,style:n})}),y=l.create(v);function _({children:o,key:e,onAction:i,setAnimation:n,animation:d="hidden",className:m,classNames:r,...u}){return t(y,{className:a("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-56","bg-white","border border-solid border-slate-300",m),isExiting:d==="hidden",onAnimationComplete:f=>{n(p=>f==="hidden"&&p==="hidden"?"unmounted":p)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:d,...u,children:t(x,{className:a("outline-none",r==null?void 0:r.menu),onAction:i,children:o})},e)}_.defaultProps={key:void 0,onAction:void 0,classNames:void 0,style:void 0};export{_ as ContextMenu,_ as default};
1
+ import{jsx as t}from"react/jsx-runtime";import{Popover as x,Menu as c}from"react-aria-components";import{forwardRef as h}from"react";import{motion as _}from"framer-motion";import{c as m}from"../../assets/cn-jM7Hu9J5.js";const b=h(({style:o,...e},n)=>{const r=typeof o=="function"?o(e):o;return t(x,{...e,ref:n,style:r})}),l=_.create(b);function P({children:o,key:e,onAction:n,setAnimation:r,animation:d="hidden",className:a,classNames:i,...u}){return t(l,{className:m("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-56","bg-white","border border-solid border-slate-300",a),isExiting:d==="hidden",onAnimationComplete:f=>{r(p=>f==="hidden"&&p==="hidden"?"unmounted":p)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:d,...u,children:t(c,{className:m("outline-none",i==null?void 0:i.menu),onAction:n,children:o})},e)}export{P as ContextMenu,P as default};
@@ -1,12 +1,3 @@
1
1
  import { CreditCardExpirationInputProps } from './CreditCardExpirationInput.types';
2
2
  export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, className, classNames, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace CreditCardExpirationInput {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- placeholder: undefined;
9
- classNames: undefined;
10
- };
11
- }
12
3
  export default CreditCardExpirationInput;
@@ -1 +1 @@
1
- import{jsxs as h,jsx as o}from"react/jsx-runtime";import{N as m}from"../../assets/react-number-format.es-CQi9xzIr.js";import{TextField as v,Label as c,Text as g,FieldError as s,Input as I}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";import"react";function w({className:d,...i}){return o(I,{className:t("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",d),...i})}function F({label:d,description:i,errorMessage:n,placeholder:u,value:f,className:b,classNames:e,...x}){const p=l=>{if(l==="")return"";let r=l.substring(0,2);const a=l.substring(2,4);return r.length===1&&Number(r[0])>1?r=`0${r[0]}`:r.length===2&&(Number(r)===0?r="01":Number(r)>12&&(r="12")),`${r}/${a}`};return h(v,{className:t("flex flex-col w-full text-slate-900",b),...x,children:[o(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:d}),o(m,{format:p,customInput:w,className:t(e==null?void 0:e.input),placeholder:u,value:f}),i&&o(g,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:i}),o(s,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:n})]})}F.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0};export{F as CreditCardExpirationInput,F as default};
1
+ import{jsxs as m,jsx as i}from"react/jsx-runtime";import{N as a}from"../../assets/react-number-format.es-CQi9xzIr.js";import{TextField as c,Label as g,Text as v,FieldError as I,Input as w}from"react-aria-components";import{c as r}from"../../assets/cn-jM7Hu9J5.js";import"react";function F({className:d,...o}){return i(w,{className:r("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",d),...o})}function T({label:d,description:o,errorMessage:l,placeholder:u,value:f,className:b,classNames:e,...x}){const p=n=>{if(n==="")return"";let t=n.substring(0,2);const h=n.substring(2,4);return t.length===1&&Number(t[0])>1?t=`0${t[0]}`:t.length===2&&(Number(t)===0?t="01":Number(t)>12&&(t="12")),`${t}/${h}`};return m(c,{className:r("flex flex-col w-full text-slate-900",b),...x,children:[i(g,{className:r("flex text-slate-500 text-sm",e==null?void 0:e.label),children:d}),i(a,{format:p,customInput:F,className:r(e==null?void 0:e.input),placeholder:u,value:f}),o&&i(v,{className:r("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:o}),i(I,{className:r("flex text-red-500 text-sm",e==null?void 0:e.error),children:l})]})}export{T as CreditCardExpirationInput,T as default};
@@ -1,14 +1,3 @@
1
1
  import { CreditCardInputProps } from './CreditCardInput.types';
2
2
  export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, className, classNames, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace CreditCardInput {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- placeholder: undefined;
9
- classNames: undefined;
10
- value: undefined;
11
- onChange: () => void;
12
- };
13
- }
14
3
  export default CreditCardInput;
@@ -1 +1 @@
1
- import{jsxs as C,jsx as i}from"react/jsx-runtime";import{useState as I,useEffect as P}from"react";import{N as w}from"../../assets/react-number-format.es-CQi9xzIr.js";import{TextField as j,Label as E,Text as L,FieldError as T,Input as k}from"react-aria-components";import{c as o}from"../../assets/cn-jM7Hu9J5.js";const s=n=>{const a=[{regex:/^4[0-9]{0,15}/,format:"#### #### #### ####"},{regex:/^5[1-5][0-9]{0,14}/,format:"#### #### #### ####"},{regex:/^3[47][0-9]{0,13}/,format:"#### ###### #####"},{regex:/^6(?:011|5[0-9]{2})[0-9]{0,12}/,format:"#### #### #### ####"},{regex:/^3(?:0[0-5]|[68][0-9])[0-9]{0,11}/,format:"#### ###### ####"},{regex:/^(?:2131|1800|35\d{3})\d{0,11}/,format:"#### #### #### ####"}].find(x=>x.regex.test(n));return a?a.format:"#### #### #### #### ###"};function y({className:n,...d}){return i(k,{className:o("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",n),...d})}function A({label:n,description:d,errorMessage:a,placeholder:x,value:p,onChange:g,className:b,classNames:e,...h}){const[v,m]=I(p||"");P(()=>{m(p||"")},[p]);const V=u=>{if(u==="")return"";const t=u.replace(/\s+/g,""),f=s(t);let l="",r=0;for(let c=0;c<f.length;c+=1)if(f[c]==="#")if(r<t.length)l+=t[r],r+=1;else break;else l+=f[c];return l},F=u=>{const t=u.value.replace(/\s+/g,""),l=s(t).replace(/[^#]/g,"").length,r=t.slice(0,l);m(r),g&&g(r)};return C(j,{className:o("flex flex-col w-full text-slate-900",b),...h,children:[i(E,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.label),children:n}),i(w,{value:v,format:V,customInput:y,className:o(e==null?void 0:e.input),placeholder:x,onValueChange:F}),d&&i(L,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:d}),i(T,{className:o("flex text-red-500 text-sm",e==null?void 0:e.error),children:a})]})}A.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0,value:void 0,onChange:()=>{}};export{A as CreditCardInput,A as default};
1
+ import{jsxs as I,jsx as i}from"react/jsx-runtime";import{useState as C,useEffect as w}from"react";import{N as P}from"../../assets/react-number-format.es-CQi9xzIr.js";import{TextField as j,Label as E,Text as L,FieldError as T,Input as k}from"react-aria-components";import{c as o}from"../../assets/cn-jM7Hu9J5.js";const b=n=>{const a=[{regex:/^4[0-9]{0,15}/,format:"#### #### #### ####"},{regex:/^5[1-5][0-9]{0,14}/,format:"#### #### #### ####"},{regex:/^3[47][0-9]{0,13}/,format:"#### ###### #####"},{regex:/^6(?:011|5[0-9]{2})[0-9]{0,12}/,format:"#### #### #### ####"},{regex:/^3(?:0[0-5]|[68][0-9])[0-9]{0,11}/,format:"#### ###### ####"},{regex:/^(?:2131|1800|35\d{3})\d{0,11}/,format:"#### #### #### ####"}].find(x=>x.regex.test(n));return a?a.format:"#### #### #### #### ###"};function y({className:n,...l}){return i(k,{className:o("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",n),...l})}function D({label:n,description:l,errorMessage:a,placeholder:x,value:m,onChange:p,className:h,classNames:e,...s}){const[V,g]=C(m||"");w(()=>{g(m||"")},[m]);const v=u=>{if(u==="")return"";const t=u.replace(/\s+/g,""),f=b(t);let d="",r=0;for(let c=0;c<f.length;c+=1)if(f[c]==="#")if(r<t.length)d+=t[r],r+=1;else break;else d+=f[c];return d},F=u=>{const t=u.value.replace(/\s+/g,""),d=b(t).replace(/[^#]/g,"").length,r=t.slice(0,d);g(r),p&&p(r)};return I(j,{className:o("flex flex-col w-full text-slate-900",h),...s,children:[i(E,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.label),children:n}),i(P,{value:V,format:v,customInput:y,className:o(e==null?void 0:e.input),placeholder:x,onValueChange:F}),l&&i(L,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:l}),i(T,{className:o("flex text-red-500 text-sm",e==null?void 0:e.error),children:a})]})}export{D as CreditCardInput,D as default};
@@ -1,11 +1,3 @@
1
1
  import { DateInputProps } from './DateInput.types';
2
2
  export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace DateInput {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- classNames: undefined;
9
- };
10
- }
11
3
  export default DateInput;
@@ -1 +1 @@
1
- import{jsxs as u,jsx as i}from"react/jsx-runtime";import{DateField as f,Label as x,DateInput as b,DateSegment as c,Text as p,FieldError as h}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(c,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(p,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(h,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as DateInput,v as default};
1
+ import{jsxs as u,jsx as i}from"react/jsx-runtime";import{DateField as f,Label as x,DateInput as b,DateSegment as h,Text as c,FieldError as p}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function g({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(h,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}export{g as DateInput,g as default};
@@ -1,10 +1,3 @@
1
1
  import { DialogProps } from './Dialog.types';
2
2
  export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Dialog {
4
- var defaultProps: {
5
- key: undefined;
6
- style: undefined;
7
- animationVariants: undefined;
8
- };
9
- }
10
3
  export default Dialog;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Dialog as s}from"react-aria-components";import{motion as l}from"framer-motion";import{c as m}from"../../assets/cn-jM7Hu9J5.js";const d=n(({style:a,animationVariants:r,...o},t)=>{const i=typeof a=="function"?a(o):a;return e(s,{...o,ref:t,style:i})}),f=l.create(d);function c({className:a,children:r,animationVariants:o,...t}){return e(f,{className:m("p-8 outline-0 max-w-max w-screen absolute top-2/4 left-2/4","shadow-[0_8px_24px_rgba(0,0,0,0.1)] rounded-lg bg-white border border-solid border-slate-400","transform -translate-x-1/2 -translate-y-1/2",a),...t,variants:o||{hidden:{transform:"translate(-50%, -50%) scale(0.8)",transition:{ease:"backIn"}},visible:{transform:"translate(-50%, -50%) scale(1)",transition:{ease:"backOut"}}},children:r})}c.defaultProps={key:void 0,style:void 0,animationVariants:void 0};export{c as Dialog,c as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Dialog as s}from"react-aria-components";import{motion as l}from"framer-motion";import{c as m}from"../../assets/cn-jM7Hu9J5.js";const f=i(({style:a,animationVariants:o,...r},t)=>{const n=typeof a=="function"?a(r):a;return e(s,{...r,ref:t,style:n})}),c=l.create(f);function x({className:a,children:o,animationVariants:r,...t}){return e(c,{className:m("p-8 outline-0 max-w-max w-screen absolute top-2/4 left-2/4","shadow-[0_8px_24px_rgba(0,0,0,0.1)] rounded-lg bg-white border border-solid border-slate-400","transform -translate-x-1/2 -translate-y-1/2",a),...t,variants:r||{hidden:{transform:"translate(-50%, -50%) scale(0.8)",transition:{ease:"backIn"}},visible:{transform:"translate(-50%, -50%) scale(1)",transition:{ease:"backOut"}}},children:o})}export{x as Dialog,x as default};
@@ -1,12 +1,3 @@
1
1
  import { DrawerProps } from './Drawer.types';
2
2
  export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Drawer {
4
- var defaultProps: {
5
- direction: string;
6
- key: undefined;
7
- style: undefined;
8
- animationVariants: undefined;
9
- size: string;
10
- };
11
- }
12
3
  export default Drawer;
@@ -1 +1 @@
1
- import{jsx as i}from"react/jsx-runtime";import{forwardRef as s}from"react";import{Dialog as n}from"react-aria-components";import{motion as d}from"framer-motion";import{c as m}from"../../assets/cn-jM7Hu9J5.js";const l={top:{hidden:{y:"-100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},bottom:{hidden:{y:"100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},right:{hidden:{x:"100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}},left:{hidden:{x:"-100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}}},b=s(({style:t,size:r="20rem",...e},a)=>{const o=typeof t=="function"?t(e):{...t,"--drawer-size":`${r}`};return i(n,{...e,ref:a,style:o})}),h=d.create(b);function p({direction:t="right",children:r,className:e,animationVariants:a,...o}){return i(h,{className:m("fixed p-8 outline-0 bg-white","border-solid border-slate-200","max-w-full max-h-[var(--visual-viewport-height)]",t==="top"&&"top-0 left-0 right-0 bottom-auto border-b shadow-[0_8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="right"&&"top-0 left-auto bottom-0 right-0 border-l shadow-[-8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",t==="bottom"&&"bottom-0 left-0 right-0 top-auto border-t shadow-[0_-8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="left"&&"top-0 bottom-0 left-0 right-auto border-r shadow-[8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",e),"data-direction":t,variants:a||l[t],...o,children:r})}p.defaultProps={direction:"right",key:void 0,style:void 0,animationVariants:void 0,size:"20rem"};export{p as Drawer,p as default};
1
+ import{jsx as i}from"react/jsx-runtime";import{forwardRef as s}from"react";import{Dialog as n}from"react-aria-components";import{motion as d}from"framer-motion";import{c as b}from"../../assets/cn-jM7Hu9J5.js";const m={top:{hidden:{y:"-100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},bottom:{hidden:{y:"100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},right:{hidden:{x:"100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}},left:{hidden:{x:"-100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}}},h=s(({style:t,size:r="20rem",...e},a)=>{const o=typeof t=="function"?t(e):{...t,"--drawer-size":`${r}`};return i(n,{...e,ref:a,style:o})}),l=d.create(h);function g({direction:t="right",children:r,className:e,animationVariants:a,...o}){return i(l,{className:b("fixed p-8 outline-0 bg-white","border-solid border-slate-200","max-w-full max-h-[var(--visual-viewport-height)]",t==="top"&&"top-0 left-0 right-0 bottom-auto border-b shadow-[0_8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="right"&&"top-0 left-auto bottom-0 right-0 border-l shadow-[-8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",t==="bottom"&&"bottom-0 left-0 right-0 top-auto border-t shadow-[0_-8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="left"&&"top-0 bottom-0 left-0 right-auto border-r shadow-[8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",e),"data-direction":t,variants:a||m[t],...o,children:r})}export{g as Drawer,g as default};
@@ -1,12 +1,3 @@
1
1
  import { InputProps } from './Input.types';
2
2
  export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Input {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- placeholder: undefined;
9
- classNames: undefined;
10
- };
11
- }
12
3
  export default Input;
@@ -1 +1 @@
1
- import{jsxs as x,jsx as t}from"react/jsx-runtime";import{TextField as f,Label as b,Input as p,Text as v,FieldError as h}from"react-aria-components";import{c as r}from"../../assets/cn-jM7Hu9J5.js";function a({label:d,description:o,errorMessage:i,placeholder:l,className:n,classNames:e,...u}){return x(f,{className:r("flex flex-col w-full text-slate-900",n),...u,children:[t(b,{className:r("flex text-slate-500 text-sm",e==null?void 0:e.label),children:d}),t(p,{placeholder:l,className:r("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",e==null?void 0:e.input)}),o&&t(v,{className:r("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:o}),t(h,{className:r("flex text-red-500 text-sm",e==null?void 0:e.error),children:i})]})}a.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0};export{a as Input,a as default};
1
+ import{jsxs as x,jsx as r}from"react/jsx-runtime";import{TextField as f,Label as b,Input as p,Text as h,FieldError as v}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function a({label:o,description:d,errorMessage:i,placeholder:l,className:n,classNames:e,...u}){return x(f,{className:t("flex flex-col w-full text-slate-900",n),...u,children:[r(b,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),r(p,{placeholder:l,className:t("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",e==null?void 0:e.input)}),d&&r(h,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:d}),r(v,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:i})]})}export{a as Input,a as default};
@@ -1,8 +1,3 @@
1
1
  import { PulseProps } from './Pulse.types';
2
2
  export declare function Pulse({ classNames }: PulseProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Pulse {
4
- var defaultProps: {
5
- classNames: undefined;
6
- };
7
- }
8
3
  export default Pulse;
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{motion as i}from"framer-motion";import{c as n}from"../../assets/cn-jM7Hu9J5.js";function e({classNames:r}){return t("span",{className:n(r==null?void 0:r.base),children:Array.from(new Array(3)).map((a,o)=>t(i.div,{animate:{opacity:[1,1,.7,1,1],transform:["scale(1)","scale(1)","scale(0.1)","scale(1)","scale(1)"],transition:{repeat:1/0,duration:.75,delay:o*.1}},className:n("bg-slate-300","inline-block","w-2","h-2","m-0.5","rounded-lg",r==null?void 0:r.dot)},o))})}e.defaultProps={classNames:void 0};export{e as Pulse,e as default};
1
+ import{jsx as o}from"react/jsx-runtime";import{motion as i}from"framer-motion";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function p({classNames:r}){return o("span",{className:t(r==null?void 0:r.base),children:Array.from(new Array(3)).map((e,n)=>o(i.div,{animate:{opacity:[1,1,.7,1,1],transform:["scale(1)","scale(1)","scale(0.1)","scale(1)","scale(1)"],transition:{repeat:1/0,duration:.75,delay:n*.1}},className:t("bg-slate-300","inline-block","w-2","h-2","m-0.5","rounded-lg",r==null?void 0:r.dot)},n))})}export{p as Pulse,p as default};
@@ -1,10 +1,3 @@
1
1
  import { MeterProps } from './Meter.types';
2
2
  export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, className, classNames, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Meter {
4
- var defaultProps: {
5
- showValue: undefined;
6
- label: undefined;
7
- classNames: undefined;
8
- };
9
- }
10
3
  export default Meter;
@@ -1 +1 @@
1
- import{jsx as i,jsxs as d,Fragment as b}from"react/jsx-runtime";import{Meter as g,Label as j}from"react-aria-components";import{motion as w}from"framer-motion";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function y({label:o,showValue:n=!0,value:p=0,minValue:f=0,maxValue:u=100,formatOptions:h={style:"percent"},className:l,classNames:r,...v}){return i(g,{className:t("flex flex-col gap-2",l),value:p,minValue:f,maxValue:u,formatOptions:h,...v,children:({percentage:e,valueText:x})=>d(b,{children:[(o||n)&&d("div",{className:t("flex justify-between gap-4",r==null?void 0:r.labelWrapper),children:[o&&i(j,{className:t("text-sm",r==null?void 0:r.label),children:o}),n&&i("span",{className:t("text-sm tabular-nums ml-auto",r==null?void 0:r.value),children:x})]}),i("div",{className:t("h-2.5 rounded-md bg-slate-300 forced-color-adjust-none overflow-hidden",r==null?void 0:r.trackWrapepr),children:i(w.div,{className:t("h-full bg-slate-800",r==null?void 0:r.track),initial:{width:`${e}%`},animate:{width:`${e}%`},transition:{type:"spring",bounce:0}})})]})})}y.defaultProps={showValue:void 0,label:void 0,classNames:void 0};export{y as Meter,y as default};
1
+ import{jsx as i,jsxs as d,Fragment as v}from"react/jsx-runtime";import{Meter as j,Label as l}from"react-aria-components";import{motion as w}from"framer-motion";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function W({label:n,showValue:o=!0,value:p=0,minValue:f=0,maxValue:u=100,formatOptions:h={style:"percent"},className:x,classNames:r,...b}){return i(j,{className:t("flex flex-col gap-2",x),value:p,minValue:f,maxValue:u,formatOptions:h,...b,children:({percentage:e,valueText:g})=>d(v,{children:[(n||o)&&d("div",{className:t("flex justify-between gap-4",r==null?void 0:r.labelWrapper),children:[n&&i(l,{className:t("text-sm",r==null?void 0:r.label),children:n}),o&&i("span",{className:t("text-sm tabular-nums ml-auto",r==null?void 0:r.value),children:g})]}),i("div",{className:t("h-2.5 rounded-md bg-slate-300 forced-color-adjust-none overflow-hidden",r==null?void 0:r.trackWrapepr),children:i(w.div,{className:t("h-full bg-slate-800",r==null?void 0:r.track),initial:{width:`${e}%`},animate:{width:`${e}%`},transition:{type:"spring",bounce:0}})})]})})}export{W as Meter,W as default};
@@ -1,10 +1,3 @@
1
1
  import { ModalOverlayProps } from './ModalOverlay.types';
2
2
  export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace ModalOverlay {
4
- var defaultProps: {
5
- key: undefined;
6
- style: undefined;
7
- animationVariants: undefined;
8
- };
9
- }
10
3
  export default ModalOverlay;
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{forwardRef as f,useId as u,createElement as v}from"react";import{ModalOverlay as p}from"react-aria-components";import{motion as y,AnimatePresence as h}from"framer-motion";import{useDialogTrigger as b}from"../DialogTrigger/DialogTrigger.js";import{c as x}from"../../assets/cn-jM7Hu9J5.js";const M=f(({style:i,...e},t)=>{const n=typeof i=="function"?i(e):i;return o(p,{...e,ref:t,style:n})}),O=y.create(M);function r({animate:i,animation:e,setAnimation:t,className:n,animationVariants:d,children:l,...m}){const s=u();return v(O,{...m,key:s,isExiting:e==="hidden",onAnimationComplete:c=>{t(a=>c==="hidden"&&a==="hidden"?"unmounted":a)},variants:d||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",className:x("bg-black/30","fixed top-0 left-0","z-50","w-screen h-[var(--visual-viewport-height)]",n)},l)}function g(i){const{isOpen:e}=i,{animation:t,setAnimation:n}=b();return e!==void 0?o(h,{children:e&&o(r,{...i,animate:"visible",animation:t,setAnimation:n})}):o(r,{...i,animate:t,animation:t,setAnimation:n})}g.defaultProps={key:void 0,style:void 0,animationVariants:void 0};export{g as ModalOverlay,g as default};
1
+ import{jsx as o}from"react/jsx-runtime";import{forwardRef as p,useId as v}from"react";import{ModalOverlay as y}from"react-aria-components";import{motion as h,AnimatePresence as b}from"framer-motion";import{useDialogTrigger as x}from"../DialogTrigger/DialogTrigger.js";import{c as M}from"../../assets/cn-jM7Hu9J5.js";const O=p(({style:i,...e},t)=>{const n=typeof i=="function"?i(e):i;return o(y,{...e,ref:t,style:n})}),g=h.create(O);function a({animate:i,animation:e,setAnimation:t,className:n,animationVariants:d,children:l,...s}){const c=v(),{key:m,...f}=s;return o(g,{isExiting:e==="hidden",onAnimationComplete:u=>{t(r=>u==="hidden"&&r==="hidden"?"unmounted":r)},variants:d||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",className:M("bg-black/30","fixed top-0 left-0","z-50","w-screen h-[var(--visual-viewport-height)]",n),...f,children:l},m||c)}function j(i){const{isOpen:e}=i,{animation:t,setAnimation:n}=x();return e!==void 0?o(b,{children:e&&o(a,{...i,animate:"visible",animation:t,setAnimation:n})}):o(a,{...i,animate:t,animation:t,setAnimation:n})}export{j as ModalOverlay,j as default};
@@ -1,15 +1,3 @@
1
1
  import { NumberInputProps } from './NumberInput.types';
2
2
  export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, className, classNames, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace NumberInput {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- classNames: undefined;
9
- slots: {
10
- decrementIcon: import("react/jsx-runtime").JSX.Element;
11
- incrementIcon: import("react/jsx-runtime").JSX.Element;
12
- };
13
- };
14
- }
15
3
  export default NumberInput;
@@ -1 +1 @@
1
- import{jsxs as b,jsx as r}from"react/jsx-runtime";import{NumberField as g,Label as x,Group as v,Button as p,Input as w,Text as k,FieldError as s}from"react-aria-components";import{c as o}from"../../assets/cn-jM7Hu9J5.js";const I=r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),y=r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M12 5V19M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});function j({label:a,description:d,errorMessage:h,isInvalid:i,isReadOnly:l,slots:t,className:c,classNames:e,...f}){const n=["group-hover:border-slate-400","group-disabled:border-slate-200","group-invalid:border-red-500 group-invalid:bg-red-100 group-invalid:text-red-600","group-invalid:group-hover:border-red-600","group-invalid:group-focus:border-red-600"],u=["flex items-center justify-center shrink-0","rounded-md border-solid border","font-semibold text-sm","w-10 h-10 py-0 px-0 cursor-pointer disabled:cursor-default","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95","bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500","group-aria-readonly:bg-slate-100 group-aria-readonly:text-slate-500 group-aria-readonly:border-slate-200 group-aria-readonly:cursor-default"];return b(g,{isInvalid:i,isReadOnly:l,className:o("flex flex-col w-full",c),...f,children:[r(x,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.label),children:a}),b(v,{isInvalid:i,"aria-readonly":l,className:o("flex rounded-md group","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200","focus-within:invalid:outline-2 focus-within:invalid:outline focus-within:invalid:outline-slate-200","disabled:bg-slate-100",e==null?void 0:e.group),children:[r(p,{slot:"decrement",className:o("border-r-0 rounded-r-none",u,n,e==null?void 0:e.decrementBtn),children:t==null?void 0:t.decrementIcon}),r(w,{className:o("border-solid border border-slate-300","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-0 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600",n,e==null?void 0:e.input)}),r(p,{slot:"increment",className:o("border-l-0 rounded-l-none",u,n,e==null?void 0:e.incrementBtn),children:t==null?void 0:t.incrementIcon})]}),d&&r(k,{className:o("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:d}),r(s,{className:o("flex text-red-500 text-sm",e==null?void 0:e.error),children:h})]})}j.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0,slots:{decrementIcon:I,incrementIcon:y}};export{j as NumberInput,j as default};
1
+ import{jsxs as b,jsx as o}from"react/jsx-runtime";import{NumberField as h,Label as c,Group as v,Button as p,Input as w,Text as y,FieldError as j}from"react-aria-components";import{c as e}from"../../assets/cn-jM7Hu9J5.js";function F({label:a,description:i,errorMessage:f,isInvalid:n,isReadOnly:u,slots:t,className:x,classNames:r,...g}){const d=["group-hover:border-slate-400","group-disabled:border-slate-200","group-invalid:border-red-500 group-invalid:bg-red-100 group-invalid:text-red-600","group-invalid:group-hover:border-red-600","group-invalid:group-focus:border-red-600"],l=["flex items-center justify-center shrink-0","rounded-md border-solid border","font-semibold text-sm","w-10 h-10 py-0 px-0 cursor-pointer disabled:cursor-default","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95","bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500","group-aria-readonly:bg-slate-100 group-aria-readonly:text-slate-500 group-aria-readonly:border-slate-200 group-aria-readonly:cursor-default"];return b(h,{isInvalid:n,isReadOnly:u,className:e("flex flex-col w-full",x),...g,children:[o(c,{className:e("flex text-slate-500 text-sm",r==null?void 0:r.label),children:a}),b(v,{isInvalid:n,"aria-readonly":u,className:e("flex rounded-md group","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200","focus-within:invalid:outline-2 focus-within:invalid:outline focus-within:invalid:outline-slate-200","disabled:bg-slate-100",r==null?void 0:r.group),children:[o(p,{slot:"decrement",className:e("border-r-0 rounded-r-none",l,d,r==null?void 0:r.decrementBtn),children:t==null?void 0:t.decrementIcon}),o(w,{className:e("border-solid border border-slate-300","text-sm text-slate-900 placeholder-slate-400","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-0 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600",d,r==null?void 0:r.input)}),o(p,{slot:"increment",className:e("border-l-0 rounded-l-none",l,d,r==null?void 0:r.incrementBtn),children:t==null?void 0:t.incrementIcon})]}),i&&o(y,{className:e("flex text-slate-500 text-sm",r==null?void 0:r.description),slot:"description",children:i}),o(j,{className:e("flex text-red-500 text-sm",r==null?void 0:r.error),children:f})]})}export{F as NumberInput,F as default};
@@ -1,20 +1,4 @@
1
1
  import { PinInputProps } from './PinInput.types';
2
2
  /** based on https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/src/pin-input/use-pin-input.ts */
3
3
  export declare function PinInput({ description, errorMessage, isDisabled, isInvalid, isMasked, isRequired, label, length, name, onChange: controlledOnChange, value, type, validationBehavior, className, classNames, ...props }: PinInputProps): import("react/jsx-runtime").JSX.Element;
4
- export declare namespace PinInput {
5
- var defaultProps: {
6
- description: undefined;
7
- errorMessage: undefined;
8
- isMasked: boolean;
9
- isRequired: boolean;
10
- label: undefined;
11
- classNames: undefined;
12
- length: number;
13
- name: string;
14
- onChange: () => void;
15
- value: string;
16
- type: string;
17
- validationBehavior: string;
18
- };
19
- }
20
4
  export default PinInput;
@@ -1 +1 @@
1
- import{jsxs as m,jsx as b}from"react/jsx-runtime";import{useState as P,useRef as G,useEffect as T}from"react";import{Group as J,Label as U,TextField as j,Input as z,Text as Z,FieldError as q}from"react-aria-components";import{c as f}from"../../assets/cn-jM7Hu9J5.js";function H({description:k,errorMessage:E,isDisabled:D=!1,isInvalid:v=!1,isMasked:K=!1,isRequired:A=!0,label:V,length:c=6,name:h,onChange:w,value:L="",type:$="numeric",validationBehavior:I="native",className:M,classNames:r,...R}){const[B,C]=P(L),[n,g]=P(Array(c).fill("")),a=G([]);T(()=>{a.current=a.current.slice(0,c)},[c]),T(()=>{const e=n.join("");C(e),w&&w(e)},[w,n]);const F=e=>{var l,o;const t=e.target.value,u=Number(e.target.getAttribute("data-pin-input-index"));t!==""&&u<n.length-1&&((o=(l=a.current)==null?void 0:l[u+1])==null||o.focus());const d=n.map((x,p)=>p===u?t:x);g(d)},S=e=>{var l,o,x,p;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));if(e.ctrlKey||e.metaKey)return;const u=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],d={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!e.key.match(d[$])&&!u.includes(e.key)&&e.preventDefault(),n[t]===""&&t>0&&e.key==="Backspace"){const s=n.map((i,y)=>y===t-1?"":i);g(s),(o=(l=a.current)==null?void 0:l[t-1])==null||o.focus(),e.preventDefault()}if(n[t]===""&&t<n.length-1&&e.key==="Delete"){const s=n.map((i,y)=>y===t+1?"":i);g(s),(p=(x=a.current)==null?void 0:x[t+1])==null||p.focus(),e.preventDefault()}},W=e=>{var p,s;const t=Number(e.currentTarget.getAttribute("data-pin-input-index"));e.preventDefault();const u=(p=e.clipboardData)==null?void 0:p.getData("text");if(!u)return;const d=u.split("").filter(i=>{switch($){case"alpha":return/^[a-zA-Z]$/.test(i);case"alphanumeric":return/^[a-z0-9]$/i.test(i);case"numeric":default:return/^[0-9]$/.test(i)}});if(d.length===0)return;const l=[...n];let o=t;for(let i=0;i<d.length&&t+i<c;i++)l[t+i]=d[i],o=t+i;g(l);const x=o+1<c?o+1:c-1;(s=a.current[x])==null||s.focus()};return m(J,{className:f("flex flex-wrap gap-2",M),"aria-label":V,...R,children:[b(U,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:V}),n.map((e,t)=>b(j,{className:f("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${t+1}`,isDisabled:D,isInvalid:v,isRequired:A,validationBehavior:I,children:b(z,{className:f("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:F,onKeyDown:S,onPaste:W,type:K?"password":"text",ref:u=>u?a.current[t]=u:null,value:e,maxLength:1,name:h&&`${h}-${t}`,"data-pin-input-index":t})},`pin-input-${t}`)),m(j,{className:f("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:D,isInvalid:v,isRequired:A,validationBehavior:I,children:[h&&b(z,{type:"hidden",name:h,value:B}),k&&b(Z,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:k}),b(q,{className:f("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),children:E})]})]})}H.defaultProps={description:void 0,errorMessage:void 0,isMasked:!1,isRequired:!0,label:void 0,classNames:void 0,length:6,name:"",onChange:()=>{},value:"",type:"numeric",validationBehavior:"native"};export{H as PinInput,H as default};
1
+ import{jsxs as T,jsx as s}from"react/jsx-runtime";import{useState as j,useRef as J,useEffect as z}from"react";import{Group as M,Label as U,TextField as E,Input as K,Text as Z,FieldError as H}from"react-aria-components";import{c as f}from"../../assets/cn-jM7Hu9J5.js";function q({description:D,errorMessage:P,isDisabled:k=!1,isInvalid:A=!1,isMasked:L=!1,isRequired:V=!0,label:$,length:c=6,name:h,onChange:w,value:v="",type:I="numeric",validationBehavior:m="native",className:F,classNames:r,...R}){const[S,W]=j(v),[u,g]=j(Array(c).fill("")),a=J([]);z(()=>{a.current=a.current.slice(0,c)},[c]),z(()=>{const t=u.join("");W(t),w&&w(t)},[w,u]);const B=t=>{var l,o;const e=t.target.value,i=Number(t.target.getAttribute("data-pin-input-index"));e!==""&&i<u.length-1&&((o=(l=a.current)==null?void 0:l[i+1])==null||o.focus());const d=u.map((x,p)=>p===i?e:x);g(d)},C=t=>{var l,o,x,p;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));if(t.ctrlKey||t.metaKey)return;const i=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],d={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!t.key.match(d[I])&&!i.includes(t.key)&&t.preventDefault(),u[e]===""&&e>0&&t.key==="Backspace"){const b=u.map((n,y)=>y===e-1?"":n);g(b),(o=(l=a.current)==null?void 0:l[e-1])==null||o.focus(),t.preventDefault()}if(u[e]===""&&e<u.length-1&&t.key==="Delete"){const b=u.map((n,y)=>y===e+1?"":n);g(b),(p=(x=a.current)==null?void 0:x[e+1])==null||p.focus(),t.preventDefault()}},G=t=>{var p,b;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));t.preventDefault();const i=(p=t.clipboardData)==null?void 0:p.getData("text");if(!i)return;const d=i.split("").filter(n=>{switch(I){case"alpha":return/^[a-zA-Z]$/.test(n);case"alphanumeric":return/^[a-z0-9]$/i.test(n);case"numeric":default:return/^[0-9]$/.test(n)}});if(d.length===0)return;const l=[...u];let o=e;for(let n=0;n<d.length&&e+n<c;n++)l[e+n]=d[n],o=e+n;g(l);const x=o+1<c?o+1:c-1;(b=a.current[x])==null||b.focus()};return T(M,{className:f("flex flex-wrap gap-2",F),"aria-label":$,...R,children:[s(U,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:$}),u.map((t,e)=>s(E,{className:f("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${e+1}`,isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:s(K,{className:f("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:B,onKeyDown:C,onPaste:G,type:L?"password":"text",ref:i=>i?a.current[e]=i:null,value:t,maxLength:1,name:h&&`${h}-${e}`,"data-pin-input-index":e})},`pin-input-${e}`)),T(E,{className:f("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:[h&&s(K,{type:"hidden",name:h,value:S}),D&&s(Z,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:D}),s(H,{className:f("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),children:P})]})]})}export{q as PinInput,q as default};
@@ -1,10 +1,3 @@
1
1
  import { RadioProps } from './Radio.types';
2
2
  export declare function Radio({ children, slots, className, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Radio {
4
- var defaultProps: {
5
- children: undefined;
6
- slots: undefined;
7
- classNames: undefined;
8
- };
9
- }
10
3
  export default Radio;
@@ -1 +1 @@
1
- import{jsx as t,jsxs as n,Fragment as v}from"react/jsx-runtime";import{Radio as b}from"react-aria-components";import{c as i}from"../../assets/cn-jM7Hu9J5.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6 border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function f({children:d,slots:a,className:e,classNames:l,...u}){return t(b,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...u,children:r=>n(v,{children:[t(c,{control:a==null?void 0:a.control,classNames:l,...r}),typeof d=="function"?d(r):d]})})}f.defaultProps={children:void 0,slots:void 0,classNames:void 0};export{f as Radio,f as default};
1
+ import{jsx as t,jsxs as n,Fragment as b}from"react/jsx-runtime";import{Radio as v}from"react-aria-components";import{c as i}from"../../assets/cn-jM7Hu9J5.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6 border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function x({children:d,slots:a,className:e,classNames:u,...l}){return t(v,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...l,children:r=>n(b,{children:[t(c,{control:a==null?void 0:a.control,classNames:u,...r}),typeof d=="function"?d(r):d]})})}export{x as Radio,x as default};
@@ -1,20 +1,3 @@
1
1
  import { SelectProps } from './Select.types';
2
2
  export declare function Select<T extends object>({ label, description, errorMessage, children, placeholder, key, isLoading, slots, popoverPortalContainer, popoverOffset, selectedKey, className, classNames, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Select {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- placeholder: string;
9
- key: undefined;
10
- isLoading: boolean;
11
- slots: {
12
- loadingIcon: undefined;
13
- buttonIcon: undefined;
14
- };
15
- popoverOffset: undefined;
16
- popoverPortalContainer: undefined;
17
- classNames: undefined;
18
- };
19
- }
20
3
  export default Select;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as x,Fragment as L}from"react/jsx-runtime";import{Popover as O,ComboBox as P,Label as M,Input as S,Button as j,Text as A,FieldError as D,ListBox as E}from"react-aria-components";import{forwardRef as F,useState as v}from"react";import{motion as T}from"framer-motion";import{c as o}from"../../assets/cn-jM7Hu9J5.js";import{Pulse as R}from"../Loader/Pulse.js";const U=F((i,d)=>e(O,{...i,ref:d})),W=T.create(U);function m({buttonIcon:i,...d}){return i?typeof i=="function"?i(d):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",d.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",d.isDisabled&&"stroke-slate-400",d.isInvalid&&"stroke-red-500"])})})}function q({label:i,description:d,errorMessage:p,children:h,placeholder:g,key:w,isLoading:n,slots:r,popoverPortalContainer:c,popoverOffset:k,selectedKey:y,className:C,classNames:t,...l}){const[a,u]=v("unmounted"),[b,_]=v(!1);return e(P,{onOpenChange:()=>{u(a==="visible"?"hidden":"visible"),_(!b)},isDisabled:l.isDisabled||n,"data-has-value":!!y,...l,className:o("flex flex-col","w-full",C),children:B=>x(L,{children:[e(M,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),x("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(S,{placeholder:g,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",n?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),n?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(R,{})}):e(j,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(m,{buttonIcon:r==null?void 0:r.buttonIcon,...B})})]}),d&&e(A,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:d}),e(D,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:p}),e(W,{isOpen:b,isExiting:a==="hidden",offset:k,UNSTABLE_portalContainer:c,onAnimationComplete:I=>{u(f=>I==="hidden"&&f==="hidden"?"unmounted":f)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:a,className:o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(E,{className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:h})},w)]})})}q.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:"",key:void 0,isLoading:!1,slots:{loadingIcon:void 0,buttonIcon:void 0},popoverOffset:void 0,popoverPortalContainer:void 0,classNames:void 0};export{q as Select,q as default};
1
+ import{jsx as e,jsxs as f,Fragment as O}from"react/jsx-runtime";import{Popover as I,ComboBox as P,Label as S,Input as j,Button as A,Text as D,FieldError as E,ListBox as F}from"react-aria-components";import{forwardRef as M,useState as h}from"react";import{motion as T}from"framer-motion";import{c as d}from"../../assets/cn-jM7Hu9J5.js";import{Pulse as R}from"../Loader/Pulse.js";const U=M((o,i)=>e(I,{...o,ref:i})),W=T.create(U);function q({buttonIcon:o,...i}){return o?typeof o=="function"?o(i):o:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:d("transition-all ease-in-out duration-200",i.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:d(["stroke-slate-900",i.isDisabled&&"stroke-slate-400",i.isInvalid&&"stroke-red-500"])})})}function V({label:o,description:i,errorMessage:p,children:v,placeholder:g,key:w,isLoading:n,slots:r,popoverPortalContainer:_,popoverOffset:c,selectedKey:k,className:y,classNames:t,...l}){const[a,u]=h("unmounted"),[x,B]=h(!1);return e(P,{onOpenChange:()=>{u(a==="visible"?"hidden":"visible"),B(!x)},isDisabled:l.isDisabled||n,"data-has-value":!!k,...l,className:d("flex flex-col","w-full",y),children:C=>f(O,{children:[e(S,{className:d("flex","text-xs text-slate-500",t==null?void 0:t.label),children:o}),f("div",{className:d("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(j,{placeholder:g,className:d("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",n?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),n?e("div",{className:d("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(R,{})}):e(A,{className:d("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(q,{buttonIcon:r==null?void 0:r.buttonIcon,...C})})]}),i&&e(D,{slot:"description",className:d("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:i}),e(E,{className:d("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:p}),e(W,{isOpen:x,isExiting:a==="hidden",offset:c,UNSTABLE_portalContainer:_,onAnimationComplete:L=>{u(b=>L==="hidden"&&b==="hidden"?"unmounted":b)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:a,className:d("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(F,{className:d("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:v})},w)]})})}export{V as Select,V as default};
@@ -1,11 +1,3 @@
1
1
  import { SliderProps } from './Slider.types';
2
2
  export declare function Slider({ label, showOutput, thumbLabels, classNames, orientation, isDisabled, children, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Slider {
4
- var defaultProps: {
5
- label: undefined;
6
- showOutput: boolean;
7
- thumbLabels: undefined;
8
- classNames: undefined;
9
- };
10
- }
11
3
  export default Slider;
@@ -1 +1 @@
1
- import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{c as r}from"../../assets/cn-jM7Hu9J5.js";function j({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}j.defaultProps={label:void 0,showOutput:!0,thumbLabels:void 0,classNames:void 0};export{j as Slider,j as default};
1
+ import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{c as r}from"../../assets/cn-jM7Hu9J5.js";function k({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}export{k as Slider,k as default};
@@ -3,9 +3,4 @@ import { SwitchProps } from './Switch.types';
3
3
  export declare function Switch({ children, className, classNames, ...props }: SwitchProps & {
4
4
  classNames?: SlotsToClasses<'indicator'>;
5
5
  }): import("react/jsx-runtime").JSX.Element;
6
- export declare namespace Switch {
7
- var defaultProps: {
8
- classNames: undefined;
9
- };
10
- }
11
6
  export default Switch;
@@ -1 +1 @@
1
- import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{c as a}from"../../assets/cn-jM7Hu9J5.js";function m({children:e,className:s,classNames:o,...n}){return l(g,{className:a("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",s),...n,children:t=>{const{isSelected:d,isHovered:r,isFocused:i,isPressed:b,isDisabled:f}=t;return u(c,{children:[l("div",{className:a("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",d&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],b&&"before:bg-slate-400",f&&"bg-slate-100",o==null?void 0:o.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...t}):e]})}})}m.defaultProps={classNames:void 0};export{m as Switch,m as default};
1
+ import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{c as n}from"../../assets/cn-jM7Hu9J5.js";function h({children:e,className:a,classNames:t,...s}){return l(g,{className:n("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",a),...s,children:o=>{const{isSelected:b,isHovered:r,isFocused:i,isPressed:d,isDisabled:f}=o;return u(c,{children:[l("div",{className:n("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",b&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],d&&"before:bg-slate-400",f&&"bg-slate-100",t==null?void 0:t.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...o}):e]})}})}export{h as Switch,h as default};
@@ -7,9 +7,4 @@ export declare function BaseTab({ orientation, variant, className, children, ...
7
7
  export declare function Tab({ variant, children, className, classNames, ...props }: TabProps & {
8
8
  classNames?: SlotsToClasses<'overflow'>;
9
9
  }): import("react/jsx-runtime").JSX.Element;
10
- export declare namespace Tab {
11
- var defaultProps: {
12
- classNames: undefined;
13
- };
14
- }
15
10
  export default Tab;
@@ -1 +1 @@
1
- import{jsx as s,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{TabsOrientationContext as m}from"./Tabs.js";import{c as i}from"../../assets/cn-jM7Hu9J5.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return s(f,{className:i("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function g({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return s(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&s(p.span,{className:i("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}g.defaultProps={classNames:void 0};export{x as BaseTab,g as Tab,g as default};
1
+ import{jsx as i,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{TabsOrientationContext as m}from"./Tabs.js";import{c as s}from"../../assets/cn-jM7Hu9J5.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return i(f,{className:s("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function z({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return i(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&i(p.span,{className:s("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}export{x as BaseTab,z as Tab,z as default};
@@ -1,11 +1,3 @@
1
1
  import { TimeInputProps } from './TimeInput.types';
2
2
  export declare function TimeInput({ label, description, errorMessage, className, classNames, ...props }: TimeInputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace TimeInput {
4
- var defaultProps: {
5
- label: undefined;
6
- description: undefined;
7
- errorMessage: undefined;
8
- classNames: undefined;
9
- };
10
- }
11
3
  export default TimeInput;
@@ -1 +1 @@
1
- import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as c,Text as h,FieldError as p}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(c,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(h,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as TimeInput,v as default};
1
+ import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as h,Text as c,FieldError as p}from"react-aria-components";import{c as t}from"../../assets/cn-jM7Hu9J5.js";function g({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(h,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}export{g as TimeInput,g as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clicktap/ui",
3
- "version": "0.12.15",
3
+ "version": "0.12.17",
4
4
  "private": false,
5
5
  "author": "Clicktap",
6
6
  "description": "A library of React UI components and low-level hooks.",