@clicktap/ui 0.12.8 → 0.12.9

package/{src/libs/ui/src/components/DateInput/DateInput.js → components/DateInput/DateInput/index.js}

@@ -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 p,Text as c,FieldError as h}from"react-aria-components";import{cn as t}from"../../../../../utils/cn.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(p,{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(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};
+import{jsxs as u,jsx as i}from"react/jsx-runtime";import{DateField as f,Label as x,DateInput as b,DateSegment as p,Text as c,FieldError as h}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.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(p,{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(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};

package/components/DateInput/DateInput.d.ts

@@ -0,0 +1,11 @@
+import { DateInputProps } from './DateInput.types';
+export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+    };
+}
+export default DateInput;

package/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,8 @@
+import { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface DateInputProps extends DateFieldProps<DateValue> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
+}

package/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput } from './DateInput';
+export type { DateInputProps } from './DateInput.types';

package/components/DateInput/index.js

@@ -0,0 +1 @@
+import{DateInput as o}from"./DateInput/index.js";export{o as DateInput};

package/{src/libs/ui/src/components/Dialog/Dialog.js → components/Dialog/Dialog/index.js}

@@ -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{cn as m}from"../../../../../utils/cn.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};
+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{cn as m}from"../../../utils/cn/index.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};

package/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import { DialogProps } from './Dialog.types';
+export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Dialog {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+export default Dialog;

package/components/Dialog/Dialog.types.d.ts

@@ -0,0 +1,8 @@
+import { Key } from 'react';
+import { DialogProps as UIDialogProps } from 'react-aria-components';
+import { MotionStyle, Variants } from 'framer-motion';
+export type DialogProps = UIDialogProps & {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+};

package/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export type { DialogProps } from './Dialog.types';

package/components/Dialog/index.js

@@ -0,0 +1 @@
+import{Dialog as a}from"./Dialog/index.js";export{a as Dialog};

package/components/DialogTrigger/DialogTrigger.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DialogTriggerProps } from 'react-aria-components';
+import { DriverAnimationState } from './DialogTrigger.types';
+export declare const useDialogTrigger: () => {
+    animation: DriverAnimationState;
+    setAnimation: Dispatch<SetStateAction<DriverAnimationState>>;
+    onOpenChange: (isOpen: boolean) => void;
+};
+export declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+export default DialogTrigger;

package/components/DialogTrigger/DialogTrigger.types.d.ts

@@ -0,0 +1,4 @@
+import { DialogTriggerProps as UIDialogTriggerProps } from 'react-aria-components';
+/** @todo this feels like it should be renamed, maybe moved to modal directly */
+export type DriverAnimationState = 'unmounted' | 'visible' | 'hidden';
+export type DialogTriggerProps = UIDialogTriggerProps;

package/components/DialogTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogTrigger, useDialogTrigger } from './DialogTrigger';
+export type { DriverAnimationState, DialogTriggerProps, } from './DialogTrigger.types';

package/components/DialogTrigger/index.js

@@ -0,0 +1 @@
+import{DialogTrigger as e,useDialogTrigger as i}from"./DialogTrigger/index.js";export{e as DialogTrigger,i as useDialogTrigger};

package/{src/libs/ui/src/components/Divider/Divider.js → components/Divider/Divider/index.js}

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useSeparator as n}from"react-aria";import{cn as m}from"../../../../../utils/cn.js";function p({orientation:a="horizontal",className:t,...r}){const{separatorProps:i}=n({...r,orientation:a}),o={...r,...i};return e("div",{...o,className:m("bg-slate-200",["w-full","h-px","my-4","mx-0"],["aria-[orientation=vertical]:w-px","aria-[orientation=vertical]:h-auto","aria-[orientation=vertical]:my-0","aria-[orientation=vertical]:mx-4"],t)})}export{p as Divider,p as default};
+import{jsx as e}from"react/jsx-runtime";import{useSeparator as n}from"react-aria";import{cn as m}from"../../../utils/cn/index.js";function p({orientation:a="horizontal",className:t,...r}){const{separatorProps:i}=n({...r,orientation:a}),o={...r,...i};return e("div",{...o,className:m("bg-slate-200",["w-full","h-px","my-4","mx-0"],["aria-[orientation=vertical]:w-px","aria-[orientation=vertical]:h-auto","aria-[orientation=vertical]:my-0","aria-[orientation=vertical]:mx-4"],t)})}export{p as Divider,p as default};

package/components/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps } from './Divider.types';
+export declare function Divider({ orientation, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Divider } from './Divider';
+type Story = StoryObj<typeof Divider>;
+declare const meta: Meta<typeof Divider>;
+export default meta;
+export declare const Example: Story;

package/components/Divider/Divider.types.d.ts

@@ -0,0 +1,4 @@
+import { SeparatorProps } from 'react-aria';
+export type DividerProps = SeparatorProps & {
+    className?: string;
+};

package/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/components/Divider/index.js

@@ -0,0 +1 @@
+import{Divider as i}from"./Divider/index.js";export{i as Divider};

package/{src/libs/ui/src/components/Drawer/Drawer.js → components/Drawer/Drawer/index.js}

@@ -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{cn as m}from"../../../../../utils/cn.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};
+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{cn as m}from"../../../utils/cn/index.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};

package/components/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+import { DrawerProps } from './Drawer.types';
+export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Drawer {
+    var defaultProps: {
+        direction: string;
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+        size: string;
+    };
+}
+export default Drawer;

package/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,10 @@
+import { Key } from 'react';
+import { DialogProps } from 'react-aria-components';
+import { MotionStyle, Variants } from 'framer-motion';
+export type DrawerProps = DialogProps & {
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+    size?: string;
+};

package/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer.types';

package/components/Drawer/index.js

@@ -0,0 +1 @@
+import{Drawer as o}from"./Drawer/index.js";export{o as Drawer};

package/{src/libs/ui/src/components/Input/Input.js → components/Input/Input/index.js}

@@ -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{cn as r}from"../../../../../utils/cn.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};
+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{cn as r}from"../../../utils/cn/index.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};

package/components/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from './Input.types';
+export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Input {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+    };
+}
+export default Input;

package/components/Input/Input.types.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface InputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}

package/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './Input.types';

package/components/Input/index.js

@@ -0,0 +1 @@
+import{Input as r}from"./Input/index.js";export{r as Input};

package/{src/libs/ui/src/components/Link/Link.js → components/Link/Link/index.js}

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{Link as s}from"react-aria-components";import{cn as i}from"../../../../../utils/cn.js";function u({children:t,isDisabled:e,className:r,...a}){return o(s,{...a,isDisabled:e,className:i("cursor-pointer","text-slate-500","no-underline","transition-colors duration-300","hover:text-slate-800",['data-[disabled="true"]:cursor-default','data-[disabled="true"]:text-slate-300','data-[disabled="true"]:hover:text-slate-300'],r),children:t})}export{u as Link,u as default};
+import{jsx as o}from"react/jsx-runtime";import{Link as s}from"react-aria-components";import{cn as i}from"../../../utils/cn/index.js";function u({children:t,isDisabled:e,className:r,...a}){return o(s,{...a,isDisabled:e,className:i("cursor-pointer","text-slate-500","no-underline","transition-colors duration-300","hover:text-slate-800",['data-[disabled="true"]:cursor-default','data-[disabled="true"]:text-slate-300','data-[disabled="true"]:hover:text-slate-300'],r),children:t})}export{u as Link,u as default};

package/components/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps } from './Link.types';
+export declare function Link({ children, isDisabled, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export default Link;

package/components/Link/Link.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from './Link';
+type Story = StoryObj<typeof Link>;
+declare const meta: Meta<typeof Link>;
+export default meta;
+export declare const Example: Story;

package/components/Link/Link.types.d.ts

@@ -0,0 +1,2 @@
+import { LinkProps as UILinkProps } from 'react-aria-components';
+export type LinkProps = UILinkProps;

package/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link.types';

package/components/Link/index.js

@@ -0,0 +1 @@
+import{Link as e}from"./Link/index.js";export{e as Link};

package/{src/libs/ui/src/components/Loader/CircularEasing.js → components/Loader/CircularEasing/index.js}

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{motion as r}from"framer-motion";import{cn as t}from"../../../../../utils/cn.js";function d({width:a,stroke:i,strokeLinecap:s="round",strokeWidth:n=5,className:o,style:l,...c}){return e("div",{style:{"--circularWidth":`${a}px`,...l},...c,className:t("relative","m-0","w-[--circularWidth]","aspect-square",o),children:e(r.svg,{animate:{transform:"rotate(360deg)",transition:{repeat:1/0,duration:2,ease:"linear"}},viewBox:"25 25 50 50",className:t("w-full h-full","absolute inset-x-0 inset-y-0","origin-center","m-auto"),children:e(r.circle,{animate:{strokeDasharray:["1, 200","89, 200","89, 200"],strokeDashoffset:[0,-35,-124],transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}},className:"path",cx:"50",cy:"50",fill:"none",r:"20",strokeDasharray:"1, 200",strokeDashoffset:"0",stroke:i,strokeLinecap:s,strokeMiterlimit:"10",strokeWidth:n})})})}export{d as CircularEasing,d as default};
+import{jsx as e}from"react/jsx-runtime";import{motion as r}from"framer-motion";import{cn as t}from"../../../utils/cn/index.js";function d({width:a,stroke:i,strokeLinecap:s="round",strokeWidth:n=5,className:o,style:l,...c}){return e("div",{style:{"--circularWidth":`${a}px`,...l},...c,className:t("relative","m-0","w-[--circularWidth]","aspect-square",o),children:e(r.svg,{animate:{transform:"rotate(360deg)",transition:{repeat:1/0,duration:2,ease:"linear"}},viewBox:"25 25 50 50",className:t("w-full h-full","absolute inset-x-0 inset-y-0","origin-center","m-auto"),children:e(r.circle,{animate:{strokeDasharray:["1, 200","89, 200","89, 200"],strokeDashoffset:[0,-35,-124],transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}},className:"path",cx:"50",cy:"50",fill:"none",r:"20",strokeDasharray:"1, 200",strokeDashoffset:"0",stroke:i,strokeLinecap:s,strokeMiterlimit:"10",strokeWidth:n})})})}export{d as CircularEasing,d as default};

package/components/Loader/CircularEasing.d.ts

@@ -0,0 +1,3 @@
+import { CircularEasingProps } from './CircularEasing.types';
+export declare function CircularEasing({ width, stroke, strokeLinecap, strokeWidth, className, style, ...props }: CircularEasingProps): import("react/jsx-runtime").JSX.Element;
+export default CircularEasing;

package/components/Loader/CircularEasing.types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type CircularEasingProps = HTMLAttributes<HTMLDivElement> & {
+    stroke: string;
+    strokeLinecap?: 'butt' | 'round' | 'square';
+    strokeWidth?: number;
+    width: number;
+};

package/{src/libs/ui/src/components/Loader/Pulse.js → components/Loader/Pulse/index.js}

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{motion as i}from"framer-motion";import{cn as n}from"../../../../../utils/cn.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};
+import{jsx as t}from"react/jsx-runtime";import{motion as i}from"framer-motion";import{cn as n}from"../../../utils/cn/index.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};

package/components/Loader/Pulse.d.ts

@@ -0,0 +1,8 @@
+import { PulseProps } from './Pulse.types';
+export declare function Pulse({ classNames }: PulseProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Pulse {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
+export default Pulse;

package/components/Loader/Pulse.types.d.ts

@@ -0,0 +1,4 @@
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface PulseProps {
+    classNames?: SlotsToClasses<'base' | 'dot'>;
+}

package/components/Loader/index.d.ts

@@ -0,0 +1,4 @@
+export { CircularEasing } from './CircularEasing';
+export { Pulse } from './Pulse';
+export type { CircularEasingProps } from './CircularEasing.types';
+export type { PulseProps } from './Pulse.types';

package/components/Loader/index.js

@@ -0,0 +1 @@
+import{CircularEasing as e}from"./CircularEasing/index.js";import{Pulse as f}from"./Pulse/index.js";export{e as CircularEasing,f as Pulse};

package/{src/libs/ui/src/components/Meter/Meter.js → components/Meter/Meter/index.js}

@@ -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{cn as t}from"../../../../../utils/cn.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};
+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{cn as t}from"../../../utils/cn/index.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};

package/components/Meter/Meter.d.ts

@@ -0,0 +1,10 @@
+import { MeterProps } from './Meter.types';
+export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, className, classNames, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Meter {
+    var defaultProps: {
+        showValue: undefined;
+        label: undefined;
+        classNames: undefined;
+    };
+}
+export default Meter;

package/components/Meter/Meter.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Meter } from './Meter';
+type Story = StoryObj<typeof Meter>;
+declare const meta: Meta<typeof Meter>;
+export default meta;
+export declare const Base: Story;

package/components/Meter/Meter.types.d.ts

@@ -0,0 +1,7 @@
+import { MeterProps as AriaMeterProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export type MeterProps = AriaMeterProps & {
+    label?: string;
+    showValue?: boolean;
+    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapepr'>;
+};

package/components/Meter/index.d.ts

@@ -0,0 +1,2 @@
+export { Meter } from './Meter';
+export type { MeterProps } from './Meter.types';

package/components/Meter/index.js

@@ -0,0 +1 @@
+import{Meter as o}from"./Meter/index.js";export{o as Meter};

package/{src/libs/ui/src/components/Modal/Modal.js → components/Modal/Modal/index.js}

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Modal as m}from"react-aria-components";import{cn as s}from"../../../../../utils/cn.js";function i({children:o,className:a,...r}){return t(m,{...r,className:s("absolute inset-1/2",a),children:o})}export{i as Modal,i as default};
+import{jsx as t}from"react/jsx-runtime";import{Modal as m}from"react-aria-components";import{cn as s}from"../../../utils/cn/index.js";function i({children:o,className:a,...r}){return t(m,{...r,className:s("absolute inset-1/2",a),children:o})}export{i as Modal,i as default};

package/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from './Modal.types';
+export declare function Modal({ children, className, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/components/Modal/Modal.types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { ModalOverlayProps } from 'react-aria-components';
+export interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
+    children: ReactNode;
+}

package/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal.types';

package/components/Modal/index.js

@@ -0,0 +1 @@
+import{Modal as a}from"./Modal/index.js";export{a as Modal};

package/components/ModalOverlay/ModalOverlay/index.js

@@ -0,0 +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/index.js";import{cn as x}from"../../../utils/cn/index.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};

package/components/ModalOverlay/ModalOverlay.d.ts

@@ -0,0 +1,10 @@
+import { ModalOverlayProps } from './ModalOverlay.types';
+export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalOverlay {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+export default ModalOverlay;

package/components/ModalOverlay/ModalOverlay.types.d.ts

@@ -0,0 +1,14 @@
+import { Key, ReactNode } from 'react';
+import { ModalOverlayProps as UiModalOverlayProps, ModalRenderProps } from 'react-aria-components';
+import { MotionStyle, Variant } from 'framer-motion';
+export interface ModalOverlayProps extends Omit<UiModalOverlayProps, 'children' | 'style'> {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: {
+        visible: Variant;
+        hidden: Variant;
+    };
+    children: ReactNode | ((values: ModalRenderProps & {
+        defaultChildren: ReactNode;
+    }) => ReactNode);
+}

package/components/ModalOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalOverlay } from './ModalOverlay';
+export type { ModalOverlayProps } from './ModalOverlay.types';

package/components/ModalOverlay/index.js

@@ -0,0 +1 @@
+import{ModalOverlay as a}from"./ModalOverlay/index.js";export{a as ModalOverlay};

package/{src/libs/ui/src/components/NumberInput/NumberInput.js → components/NumberInput/NumberInput/index.js}

@@ -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 I}from"react-aria-components";import{cn as o}from"../../../../../utils/cn.js";const s=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:f,classNames:e,...c}){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",f),...c,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(I,{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:s,incrementIcon:y}};export{j as NumberInput,j as default};
+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 I}from"react-aria-components";import{cn as o}from"../../../utils/cn/index.js";const s=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:f,classNames:e,...c}){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",f),...c,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(I,{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:s,incrementIcon:y}};export{j as NumberInput,j as default};

package/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,15 @@
+import { NumberInputProps } from './NumberInput.types';
+export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, className, classNames, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace NumberInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+        slots: {
+            decrementIcon: import("react/jsx-runtime").JSX.Element;
+            incrementIcon: import("react/jsx-runtime").JSX.Element;
+        };
+    };
+}
+export default NumberInput;

package/components/NumberInput/NumberInput.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { NumberFieldProps, ValidationResult } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface NumberInputProps extends NumberFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    slots?: {
+        decrementIcon?: ReactNode;
+        incrementIcon?: ReactNode;
+    };
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
+}

package/components/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput.types';

package/components/NumberInput/index.js

@@ -0,0 +1 @@
+import{NumberInput as m}from"./NumberInput/index.js";export{m as NumberInput};

package/{src/libs/ui/src/components/PinInput/PinInput.js → components/PinInput/PinInput/index.js}

@@ -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{cn as f}from"../../../../../utils/cn.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};
+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{cn as f}from"../../../utils/cn/index.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};

package/components/PinInput/PinInput.d.ts

@@ -0,0 +1,20 @@
+import { PinInputProps } from './PinInput.types';
+/** based on https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/src/pin-input/use-pin-input.ts */
+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;
+export declare namespace PinInput {
+    var defaultProps: {
+        description: undefined;
+        errorMessage: undefined;
+        isMasked: boolean;
+        isRequired: boolean;
+        label: undefined;
+        classNames: undefined;
+        length: number;
+        name: string;
+        onChange: () => void;
+        value: string;
+        type: string;
+        validationBehavior: string;
+    };
+}
+export default PinInput;

package/components/PinInput/PinInput.types.d.ts

@@ -0,0 +1,17 @@
+import { GroupProps, ValidationResult } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+/** @todo extend certain textfield props like name, validationBehavior and isRequired */
+export interface PinInputProps extends GroupProps {
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    label?: string;
+    length?: number;
+    name?: string;
+    onChange?: (...event: any[]) => void;
+    value?: string;
+    isMasked?: boolean;
+    isRequired?: boolean;
+    type?: 'alpha' | 'alphanumeric' | 'numeric';
+    validationBehavior?: 'native' | 'aria';
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
+}

package/components/PinInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PinInput } from './PinInput';
+export type { PinInputProps } from './PinInput.types';

package/components/PinInput/index.js

@@ -0,0 +1 @@
+import{PinInput as p}from"./PinInput/index.js";export{p as PinInput};

package/{src/libs/ui/src/components/Progressbar/CircularProgressbar.js → components/Progressbar/CircularProgressbar/index.js}

@@ -1 +1 @@
-import{jsx as o,jsxs as f}from"react/jsx-runtime";import{ProgressBar as b,Label as g}from"react-aria-components";import{cn as t}from"../../../../../utils/cn.js";function $({label:a,value:x=0,showValue:h=!0,size:n=60,strokeWidth:i=6,className:u,classNames:r,...m}){const e=n/2,l=e-i,c=2*Math.PI*l;return o(b,{"aria-label":"Loading...",className:t("flex",u),...m,value:x,children:({percentage:d=0})=>f("div",{className:t("flex items-center flex-col",r==null?void 0:r.base),children:[o(g,{className:t("text-sm",r==null?void 0:r.label),children:a}),f("svg",{width:n,height:n,fill:"none",children:[o("circle",{className:t("stroke-slate-300"),cx:e,cy:e,r:l,strokeWidth:i}),o("circle",{className:t("stroke-slate-800 transition-stroke-dashoffset duration-500 ease-in-out"),cx:e,cy:e,r:l,strokeWidth:i,strokeDasharray:`${c} ${c}`,strokeDashoffset:(100-d)/100*c,strokeLinecap:"round",transform:`rotate(-90 ${e} ${e})`}),h&&f("text",{className:t("text-sm fill-slate-800",r==null?void 0:r.value),x:"50%",y:"50%",alignmentBaseline:"middle",textAnchor:"middle",children:[d,"%"]})]})]})})}export{$ as CircularProgressbar,$ as default};
+import{jsx as o,jsxs as f}from"react/jsx-runtime";import{ProgressBar as b,Label as g}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.js";function $({label:a,value:x=0,showValue:h=!0,size:n=60,strokeWidth:i=6,className:u,classNames:r,...m}){const e=n/2,l=e-i,c=2*Math.PI*l;return o(b,{"aria-label":"Loading...",className:t("flex",u),...m,value:x,children:({percentage:d=0})=>f("div",{className:t("flex items-center flex-col",r==null?void 0:r.base),children:[o(g,{className:t("text-sm",r==null?void 0:r.label),children:a}),f("svg",{width:n,height:n,fill:"none",children:[o("circle",{className:t("stroke-slate-300"),cx:e,cy:e,r:l,strokeWidth:i}),o("circle",{className:t("stroke-slate-800 transition-stroke-dashoffset duration-500 ease-in-out"),cx:e,cy:e,r:l,strokeWidth:i,strokeDasharray:`${c} ${c}`,strokeDashoffset:(100-d)/100*c,strokeLinecap:"round",transform:`rotate(-90 ${e} ${e})`}),h&&f("text",{className:t("text-sm fill-slate-800",r==null?void 0:r.value),x:"50%",y:"50%",alignmentBaseline:"middle",textAnchor:"middle",children:[d,"%"]})]})]})})}export{$ as CircularProgressbar,$ as default};

package/components/Progressbar/CircularProgressbar.d.ts

@@ -0,0 +1,3 @@
+import { CircularProgressbarProps } from './CircularProgressbar.types';
+export declare function CircularProgressbar({ label, value, showValue, size, strokeWidth, className, classNames, ...props }: CircularProgressbarProps): import("react/jsx-runtime").JSX.Element;
+export default CircularProgressbar;

package/components/Progressbar/CircularProgressbar.types.d.ts

@@ -0,0 +1,9 @@
+import { ProgressBarProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface CircularProgressbarProps extends ProgressBarProps {
+    label?: string;
+    showValue?: boolean;
+    size?: number;
+    strokeWidth?: number;
+    classNames?: SlotsToClasses<'label' | 'base' | 'value'>;
+}