@raystack/apsara 0.26.2 → 0.27.1

package/dist/v1/components/button/button.js

@@ -1,18 +1,16 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
-import { Spinner } from '../spinner/Spinner.js';
+import { Spinner } from '../spinner/spinner.js';
 import styles from './button.module.css.js';
 
 const button = cva(styles['button'], {
     variants: {
         variant: {
-            primary: styles["button-primary"],
-            secondary: styles["button-secondary"],
+            solid: styles["button-solid"],
             outline: styles["button-outline"],
             ghost: styles["button-ghost"],
-            danger: styles["button-danger"],
             text: styles["button-text"]
         },
         size: {
@@ -24,16 +22,38 @@ const button = cva(styles['button'], {
         },
         loading: {
             true: styles["button-loading"],
+        },
+        color: {
+            accent: styles["button-color-accent"],
+            danger: styles["button-color-danger"],
+            neutral: styles["button-color-neutral"],
+            success: styles["button-color-success"],
         }
     },
+    compoundVariants: [
+        { variant: 'solid', color: 'accent', className: styles['button-solid-accent'] },
+        { variant: 'solid', color: 'danger', className: styles['button-solid-danger'] },
+        { variant: 'solid', color: 'neutral', className: styles['button-solid-neutral'] },
+        { variant: 'solid', color: 'success', className: styles['button-solid-success'] },
+        { variant: 'outline', color: 'accent', className: styles['button-outline-accent'] },
+        { variant: 'outline', color: 'danger', className: styles['button-outline-danger'] },
+        { variant: 'outline', color: 'neutral', className: styles['button-outline-neutral'] },
+        { variant: 'outline', color: 'success', className: styles['button-outline-success'] },
+    ],
+    defaultVariants: {
+        variant: 'solid',
+        size: 'normal',
+        color: 'accent'
+    }
 });
 const getLoaderOnlyClass = (size) => size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal'];
-const Button = forwardRef(({ className, variant = 'primary', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, width, children, ...props }, ref) => {
+const Button = forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
     const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "button";
     const isLoaderOnly = loading && !loaderText;
-    const widthStyle = width ? { width } : {};
-    const spinnerColor = variant === 'primary' || variant === 'danger' ? 'inverted' : 'default';
-    return (jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: widthStyle, ...props, children: loading ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Spinner, { size: 1, color: spinnerColor }), loaderText && jsxRuntimeExports.jsx("span", { className: styles['loader-text'], children: loaderText })] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon }), children, trailingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon })] })) }));
+    const widthStyle = { maxWidth, width };
+    const buttonStyle = { ...widthStyle, ...style };
+    const spinnerColor = variant === 'solid' ? 'inverted' : 'default';
+    return (jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...props, children: loading ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Spinner, { size: 1, color: spinnerColor }), loaderText && jsxRuntimeExports.jsx("span", { className: styles['loader-text'], children: loaderText })] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon }), children, trailingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon })] })) }));
 });
 Button.displayName = "Button";
 

package/dist/v1/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonHTMLAttributes, forwardRef, PropsWithChildren, ReactNode } from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport styles from \"./button.module.css\";\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      primary: styles[\"button-primary\"],\n      secondary: styles[\"button-secondary\"],\n      outline: styles[\"button-outline\"],\n      ghost: styles[\"button-ghost\"],\n      danger: styles[\"button-danger\"],\n      text: styles[\"button-text\"]\n    },\n    size: {\n      small: styles[\"button-small\"],\n      normal: styles[\"button-normal\"],\n    },\n    disabled: {\n      true: styles[\"button-disabled\"],\n    },\n    loading: {\n      true: styles[\"button-loading\"],\n    }\n  },\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) => \n  size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal']\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    width?: string | number\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'primary', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, width, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = width ? { width } : {};\n\n    const spinnerColor = variant === 'primary' || variant === 'danger' ? 'inverted' : 'default';\n\n    return (\n      <Comp\n        className={`${button({ variant, size, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={ widthStyle }\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color={spinnerColor} />\n            {loaderText && <span className={styles['loader-text']}>{loaderText}</span>}\n          </>\n        ) : (\n          <>\n            {leadingIcon && <span className={`${styles['icon']} ${styles['icon-leading']}`}>{leadingIcon}</span>}\n            {children}\n            {trailingIcon && <span className={`${styles['icon']} ${styles['icon-trailing']}`}>{trailingIcon}</span>}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = \"Button\";\n"],"names":["Slot","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AAOA,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;AACnC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACrC,YAAA,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;AAC/B,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,CAAC,IAA+B,KACzD,IAAI,KAAK,OAAO,GAAG,MAAM,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA;AAYhF,MAAA,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjK,MAAM,IAAI,GAAG,OAAO,GAAGA,yCAAI,GAAG,QAAQ,CAAC;AACvC,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC;AAC5C,IAAA,MAAM,UAAU,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAE1C,IAAA,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAE5F,IAAA,QACEC,qBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAG,EAAA,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAI,CAAA,EAAA,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA,EACvH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAG,UAAU,EACd,GAAA,KAAK,EAER,QAAA,EAAA,OAAO,IACNC,sBACE,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,qBAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAI,CAAA,EACxC,UAAU,IAAIA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,UAAU,EAAA,CAAQ,IACzE,KAEHC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,IAAIF,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC,CAAE,CAAA,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,EACnG,QAAQ,EACR,YAAY,IAAIA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAI,CAAA,EAAA,MAAM,CAAC,eAAe,CAAC,CAAA,CAAE,EAAG,QAAA,EAAA,YAAY,EAAQ,CAAA,CAAA,EAAA,CACtG,CACJ,EAAA,CACI,EACP;AACJ,CAAC,EACD;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonHTMLAttributes, forwardRef, PropsWithChildren, ReactNode } from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport styles from \"./button.module.css\";\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      solid: styles[\"button-solid\"],\n      outline: styles[\"button-outline\"],\n      ghost: styles[\"button-ghost\"],\n      text: styles[\"button-text\"]\n    },\n    size: {\n      small: styles[\"button-small\"],\n      normal: styles[\"button-normal\"],\n    },\n    disabled: {\n      true: styles[\"button-disabled\"],\n    },\n    loading: {\n      true: styles[\"button-loading\"],\n    },\n    color: {\n      accent: styles[\"button-color-accent\"],\n      danger: styles[\"button-color-danger\"],\n      neutral: styles[\"button-color-neutral\"],\n      success: styles[\"button-color-success\"],\n    }\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'accent', className: styles['button-solid-accent'] },\n    { variant: 'solid', color: 'danger', className: styles['button-solid-danger'] },\n    { variant: 'solid', color: 'neutral', className: styles['button-solid-neutral'] },\n    { variant: 'solid', color: 'success', className: styles['button-solid-success'] },\n    { variant: 'outline', color: 'accent', className: styles['button-outline-accent'] },\n    { variant: 'outline', color: 'danger', className: styles['button-outline-danger'] },\n    { variant: 'outline', color: 'neutral', className: styles['button-outline-neutral'] },\n    { variant: 'outline', color: 'success', className: styles['button-outline-success'] },\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    size: 'normal',\n    color: 'accent'\n  }\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) => \n  size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal']\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    maxWidth?: string | number;\n    width?: string | number;\n    style?: React.CSSProperties;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    const spinnerColor = variant === 'solid' ? 'inverted' : 'default';\n\n    return (\n      <Comp\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color={spinnerColor} />\n            {loaderText && <span className={styles['loader-text']}>{loaderText}</span>}\n          </>\n        ) : (\n          <>\n            {leadingIcon && <span className={`${styles['icon']} ${styles['icon-leading']}`}>{leadingIcon}</span>}\n            {children}\n            {trailingIcon && <span className={`${styles['icon']} ${styles['icon-trailing']}`}>{trailingIcon}</span>}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = \"Button\";\n"],"names":["Slot","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/v1/components/button/button.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-primary":"button-module_button-primary__Goa9M","button-loading":"button-module_button-loading__4TDdS","button-secondary":"button-module_button-secondary__csvtd","button-outline":"button-module_button-outline__zf6Qa","button-ghost":"button-module_button-ghost__ieWO9","button-danger":"button-module_button-danger__Bjk9I","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___primary":"button-module_button-primary__Goa9M","button___loading":"button-module_button-loading__4TDdS","button___secondary":"button-module_button-secondary__csvtd","button___outline":"button-module_button-outline__zf6Qa","button___ghost":"button-module_button-ghost__ieWO9","button___danger":"button-module_button-danger__Bjk9I","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI"};
+var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS"};
 
 exports.default = styles;
 //# sourceMappingURL=button.module.css.cjs.map

package/dist/v1/components/button/button.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-primary":"button-module_button-primary__Goa9M","button-loading":"button-module_button-loading__4TDdS","button-secondary":"button-module_button-secondary__csvtd","button-outline":"button-module_button-outline__zf6Qa","button-ghost":"button-module_button-ghost__ieWO9","button-danger":"button-module_button-danger__Bjk9I","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___primary":"button-module_button-primary__Goa9M","button___loading":"button-module_button-loading__4TDdS","button___secondary":"button-module_button-secondary__csvtd","button___outline":"button-module_button-outline__zf6Qa","button___ghost":"button-module_button-ghost__ieWO9","button___danger":"button-module_button-danger__Bjk9I","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI"};
+var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS"};
 
 export { styles as default };
 //# sourceMappingURL=button.module.css.js.map

package/dist/v1/components/calendar/calendar.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var DayPicker = require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
+var React = require('react');
+require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.cjs');
+var dateLib = require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/lib/dateLib.cjs');
+require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var calendar_module = require('./calendar.module.css.cjs');
+var select = require('../select/select.cjs');
+var flex = require('../flex/flex.cjs');
+var tooltip = require('../tooltip/tooltip.cjs');
+var index = require('../../node_modules/.pnpm/react-loading-skeleton@3.4.0_react@18.2.0/node_modules/react-loading-skeleton/dist/index.cjs');
+
+const root = index$1.cva(calendar_module.default.calendarRoot);
+function DropDown({ options = [], value, onChange, onDropdownOpen, }) {
+    const [open, setOpen] = React.useState(false);
+    React.useEffect(() => {
+        if (open && onDropdownOpen)
+            onDropdownOpen();
+    }, [open]);
+    function handleChange(value) {
+        if (onChange) {
+            onChange({ target: { value } });
+        }
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { className: calendar_module.default.dropdown_trigger, iconProps: {
+                    className: calendar_module.default.dropdown_icon,
+                }, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, {}) }), jsxRuntime.jsxRuntimeExports.jsxs(select.Select.Content, { className: calendar_module.default.dropdown_content, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.ScrollUpButton, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronUpIcon, {}) }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Viewport, { children: options.map((opt) => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
+                                className: calendar_module.default.dropdown_item_text,
+                            }, children: opt.label }, opt.value))) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.ScrollDownButton, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, {}) }) })] })] }));
+}
+const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, loadingData = false, ...props }) {
+    return (jsxRuntime.jsxRuntimeExports.jsx(DayPicker.DayPicker, { showOutsideDays: showOutsideDays, components: {
+            Chevron: (props) => {
+                if (props.orientation === 'left') {
+                    return jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronLeftIcon, { ...props });
+                }
+                return jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronRightIcon, { ...props });
+            },
+            Dropdown: (props) => (jsxRuntime.jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen })),
+            DayButton: (props) => {
+                const { day, ...buttonProps } = props;
+                const message = tooltipMessages[dateLib.dateLib.format(day.date, 'dd-MM-yyyy')];
+                return (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { side: "top", disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntime.jsxRuntimeExports.jsx("button", { ...buttonProps }) }));
+            },
+            MonthGrid: (props) => loadingData ? (jsxRuntime.jsxRuntimeExports.jsx(index.default, { count: 6, height: '12px', width: '252px', style: { marginBottom: 'var(--space-5)' }, highlightColor: "var(--background-base)", baseColor: "var(--background-base-hover)" })) : (jsxRuntime.jsxRuntimeExports.jsx("table", { ...props })),
+        }, classNames: {
+            caption_label: calendar_module.default.caption_label,
+            button_previous: `${calendar_module.default.nav_button} ${calendar_module.default.nav_button_previous}`,
+            button_next: `${calendar_module.default.nav_button} ${calendar_module.default.nav_button_next}`,
+            month_caption: calendar_module.default.month_caption,
+            months: calendar_module.default.months,
+            nav: calendar_module.default.nav,
+            day: calendar_module.default.day,
+            today: calendar_module.default.today,
+            outside: calendar_module.default.outside,
+            week: calendar_module.default.week,
+            weekdays: calendar_module.default.week,
+            weekday: calendar_module.default.weekday,
+            disabled: calendar_module.default.disabled,
+            selected: calendar_module.default.selected,
+            day_button: calendar_module.default.day_button,
+            range_middle: calendar_module.default.range_middle,
+            range_end: calendar_module.default.range_end,
+            range_start: calendar_module.default.range_start,
+            hidden: calendar_module.default.hidden,
+            dropdowns: calendar_module.default.dropdowns,
+            ...classNames,
+        }, className: root({ className }), mode: "single", ...props }));
+};
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=calendar.cjs.map

package/dist/v1/components/calendar/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.cjs","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n  dateLib,\n  DayPicker,\n  DayPickerProps,\n  DropdownProps,\n} from 'react-day-picker';\nimport { cva } from 'class-variance-authority';\nimport {\n  ChevronRightIcon,\n  ChevronLeftIcon,\n  ChevronUpIcon,\n  ChevronDownIcon,\n} from '@radix-ui/react-icons';\nimport styles from './calendar.module.css';\nimport { Select } from '../select';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport { Flex } from '../flex/flex';\nimport { Tooltip } from '../tooltip';\n\nimport Skeleton from 'react-loading-skeleton';\n\ninterface OnDropdownOpen {\n  onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n  showTooltip?: boolean;\n  tooltipMessages?: { [key: string]: any };\n  loadingData?: boolean;\n}\n\nexport type CalendarProps = DayPickerProps &\n  OnDropdownOpen &\n  CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\nfunction DropDown({\n  options = [],\n  value,\n  onChange,\n  onDropdownOpen,\n}: DropdownProps & OnDropdownOpen) {\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (open && onDropdownOpen) onDropdownOpen();\n  }, [open]);\n\n  function handleChange(value: string) {\n    if (onChange) {\n      onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n    }\n  }\n\n  return (\n    <Select\n      value={value?.toString()}\n      onValueChange={handleChange}\n      open={open}\n      onOpenChange={setOpen}\n    >\n      <Select.Trigger\n        className={styles.dropdown_trigger}\n        iconProps={{\n          className: styles.dropdown_icon,\n        }}\n      >\n        <Select.Value />\n      </Select.Trigger>\n      <Select.Content className={styles.dropdown_content}>\n        <Select.ScrollUpButton asChild>\n          <Flex justify={'center'}>\n            <ChevronUpIcon />\n          </Flex>\n        </Select.ScrollUpButton>\n        <Select.Viewport>\n          {options.map((opt) => (\n            <Select.Item\n              value={opt.value.toString()}\n              key={opt.value}\n              disabled={opt.disabled}\n              textProps={{\n                className: styles.dropdown_item_text,\n              }}\n            >\n              {opt.label}\n            </Select.Item>\n          ))}\n        </Select.Viewport>\n        <Select.ScrollDownButton asChild>\n          <Flex justify={'center'}>\n            <ChevronDownIcon />\n          </Flex>\n        </Select.ScrollDownButton>\n      </Select.Content>\n    </Select>\n  );\n}\n\nexport const Calendar = function ({\n  className,\n  classNames,\n  showOutsideDays = true,\n  onDropdownOpen,\n  showTooltip = false,\n  tooltipMessages = {},\n  loadingData = false,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      components={{\n        Chevron: (props) => {\n          if (props.orientation === 'left') {\n            return <ChevronLeftIcon {...props} />;\n          }\n          return <ChevronRightIcon {...props} />;\n        },\n        Dropdown: (props: DropdownProps) => (\n          <DropDown {...props} onDropdownOpen={onDropdownOpen} />\n        ),\n        DayButton: (props) => {\n          const { day, ...buttonProps } = props;\n          const message =\n            tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n          return (\n            <Tooltip\n              side=\"top\"\n              disabled={loadingData || !showTooltip || !message}\n              message={message}\n            >\n              <button {...buttonProps} />\n            </Tooltip>\n          );\n        },\n        MonthGrid: (props) =>\n          loadingData ? (\n            <Skeleton\n              count={6}\n              height={'12px'}\n              width={'252px'}\n              style={{ marginBottom: 'var(--space-5)' }}\n              highlightColor=\"var(--background-base)\"\n              baseColor=\"var(--background-base-hover)\"\n            />\n          ) : (\n            <table {...props} />\n          ),\n      }}\n      classNames={{\n        caption_label: styles.caption_label,\n        button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n        button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n        month_caption: styles.month_caption,\n        months: styles.months,\n        nav: styles.nav,\n        day: styles.day,\n        today: styles.today,\n        outside: styles.outside,\n        week: styles.week,\n        weekdays: styles.week,\n        weekday: styles.weekday,\n        disabled: styles.disabled,\n        selected: styles.selected,\n        day_button: styles.day_button,\n        range_middle: styles.range_middle,\n        range_end: styles.range_end,\n        range_start: styles.range_start,\n        hidden: styles.hidden,\n        dropdowns: styles.dropdowns,\n        ...classNames,\n      }}\n      className={root({ className })}\n      mode=\"single\"\n      {...props}\n    />\n  );\n};\n"],"names":["cva","styles","useState","useEffect","_jsxs","Select","_jsx","Flex","ChevronUpIcon","ChevronDownIcon","DayPicker","ChevronLeftIcon","ChevronRightIcon","dateLib","Tooltip","Skeleton"],"mappings":"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"}

package/dist/v1/components/calendar/calendar.d.ts

@@ -0,0 +1,15 @@
+import { DayPickerProps } from 'react-day-picker';
+interface OnDropdownOpen {
+    onDropdownOpen?: VoidFunction;
+}
+interface CalendarPropsExtended {
+    showTooltip?: boolean;
+    tooltipMessages?: {
+        [key: string]: any;
+    };
+    loadingData?: boolean;
+}
+export type CalendarProps = DayPickerProps & OnDropdownOpen & CalendarPropsExtended;
+export declare const Calendar: ({ className, classNames, showOutsideDays, onDropdownOpen, showTooltip, tooltipMessages, loadingData, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar.d.ts.map

package/dist/v1/components/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAgB1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AAmExB,eAAO,MAAM,QAAQ,oHASlB,aAAa,4CAsEf,CAAC"}

package/dist/v1/components/calendar/calendar.js

@@ -0,0 +1,74 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { DayPicker } from '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/DayPicker.js';
+import { useState, useEffect } from 'react';
+import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
+import { dateLib } from '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/lib/dateLib.js';
+import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import styles from './calendar.module.css.js';
+import { Select } from '../select/select.js';
+import { Flex } from '../flex/flex.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import Skeleton from '../../node_modules/.pnpm/react-loading-skeleton@3.4.0_react@18.2.0/node_modules/react-loading-skeleton/dist/index.js';
+
+const root = cva(styles.calendarRoot);
+function DropDown({ options = [], value, onChange, onDropdownOpen, }) {
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        if (open && onDropdownOpen)
+            onDropdownOpen();
+    }, [open]);
+    function handleChange(value) {
+        if (onChange) {
+            onChange({ target: { value } });
+        }
+    }
+    return (jsxRuntimeExports.jsxs(Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsxRuntimeExports.jsx(Select.Trigger, { className: styles.dropdown_trigger, iconProps: {
+                    className: styles.dropdown_icon,
+                }, children: jsxRuntimeExports.jsx(Select.Value, {}) }), jsxRuntimeExports.jsxs(Select.Content, { className: styles.dropdown_content, children: [jsxRuntimeExports.jsx(Select.ScrollUpButton, { asChild: true, children: jsxRuntimeExports.jsx(Flex, { justify: 'center', children: jsxRuntimeExports.jsx(ChevronUpIcon, {}) }) }), jsxRuntimeExports.jsx(Select.Viewport, { children: options.map((opt) => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
+                                className: styles.dropdown_item_text,
+                            }, children: opt.label }, opt.value))) }), jsxRuntimeExports.jsx(Select.ScrollDownButton, { asChild: true, children: jsxRuntimeExports.jsx(Flex, { justify: 'center', children: jsxRuntimeExports.jsx(ChevronDownIcon, {}) }) })] })] }));
+}
+const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, loadingData = false, ...props }) {
+    return (jsxRuntimeExports.jsx(DayPicker, { showOutsideDays: showOutsideDays, components: {
+            Chevron: (props) => {
+                if (props.orientation === 'left') {
+                    return jsxRuntimeExports.jsx(ChevronLeftIcon, { ...props });
+                }
+                return jsxRuntimeExports.jsx(ChevronRightIcon, { ...props });
+            },
+            Dropdown: (props) => (jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen })),
+            DayButton: (props) => {
+                const { day, ...buttonProps } = props;
+                const message = tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];
+                return (jsxRuntimeExports.jsx(Tooltip, { side: "top", disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntimeExports.jsx("button", { ...buttonProps }) }));
+            },
+            MonthGrid: (props) => loadingData ? (jsxRuntimeExports.jsx(Skeleton, { count: 6, height: '12px', width: '252px', style: { marginBottom: 'var(--space-5)' }, highlightColor: "var(--background-base)", baseColor: "var(--background-base-hover)" })) : (jsxRuntimeExports.jsx("table", { ...props })),
+        }, classNames: {
+            caption_label: styles.caption_label,
+            button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,
+            button_next: `${styles.nav_button} ${styles.nav_button_next}`,
+            month_caption: styles.month_caption,
+            months: styles.months,
+            nav: styles.nav,
+            day: styles.day,
+            today: styles.today,
+            outside: styles.outside,
+            week: styles.week,
+            weekdays: styles.week,
+            weekday: styles.weekday,
+            disabled: styles.disabled,
+            selected: styles.selected,
+            day_button: styles.day_button,
+            range_middle: styles.range_middle,
+            range_end: styles.range_end,
+            range_start: styles.range_start,
+            hidden: styles.hidden,
+            dropdowns: styles.dropdowns,
+            ...classNames,
+        }, className: root({ className }), mode: "single", ...props }));
+};
+
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

package/dist/v1/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n  dateLib,\n  DayPicker,\n  DayPickerProps,\n  DropdownProps,\n} from 'react-day-picker';\nimport { cva } from 'class-variance-authority';\nimport {\n  ChevronRightIcon,\n  ChevronLeftIcon,\n  ChevronUpIcon,\n  ChevronDownIcon,\n} from '@radix-ui/react-icons';\nimport styles from './calendar.module.css';\nimport { Select } from '../select';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport { Flex } from '../flex/flex';\nimport { Tooltip } from '../tooltip';\n\nimport Skeleton from 'react-loading-skeleton';\n\ninterface OnDropdownOpen {\n  onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n  showTooltip?: boolean;\n  tooltipMessages?: { [key: string]: any };\n  loadingData?: boolean;\n}\n\nexport type CalendarProps = DayPickerProps &\n  OnDropdownOpen &\n  CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\nfunction DropDown({\n  options = [],\n  value,\n  onChange,\n  onDropdownOpen,\n}: DropdownProps & OnDropdownOpen) {\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (open && onDropdownOpen) onDropdownOpen();\n  }, [open]);\n\n  function handleChange(value: string) {\n    if (onChange) {\n      onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n    }\n  }\n\n  return (\n    <Select\n      value={value?.toString()}\n      onValueChange={handleChange}\n      open={open}\n      onOpenChange={setOpen}\n    >\n      <Select.Trigger\n        className={styles.dropdown_trigger}\n        iconProps={{\n          className: styles.dropdown_icon,\n        }}\n      >\n        <Select.Value />\n      </Select.Trigger>\n      <Select.Content className={styles.dropdown_content}>\n        <Select.ScrollUpButton asChild>\n          <Flex justify={'center'}>\n            <ChevronUpIcon />\n          </Flex>\n        </Select.ScrollUpButton>\n        <Select.Viewport>\n          {options.map((opt) => (\n            <Select.Item\n              value={opt.value.toString()}\n              key={opt.value}\n              disabled={opt.disabled}\n              textProps={{\n                className: styles.dropdown_item_text,\n              }}\n            >\n              {opt.label}\n            </Select.Item>\n          ))}\n        </Select.Viewport>\n        <Select.ScrollDownButton asChild>\n          <Flex justify={'center'}>\n            <ChevronDownIcon />\n          </Flex>\n        </Select.ScrollDownButton>\n      </Select.Content>\n    </Select>\n  );\n}\n\nexport const Calendar = function ({\n  className,\n  classNames,\n  showOutsideDays = true,\n  onDropdownOpen,\n  showTooltip = false,\n  tooltipMessages = {},\n  loadingData = false,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      components={{\n        Chevron: (props) => {\n          if (props.orientation === 'left') {\n            return <ChevronLeftIcon {...props} />;\n          }\n          return <ChevronRightIcon {...props} />;\n        },\n        Dropdown: (props: DropdownProps) => (\n          <DropDown {...props} onDropdownOpen={onDropdownOpen} />\n        ),\n        DayButton: (props) => {\n          const { day, ...buttonProps } = props;\n          const message =\n            tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n          return (\n            <Tooltip\n              side=\"top\"\n              disabled={loadingData || !showTooltip || !message}\n              message={message}\n            >\n              <button {...buttonProps} />\n            </Tooltip>\n          );\n        },\n        MonthGrid: (props) =>\n          loadingData ? (\n            <Skeleton\n              count={6}\n              height={'12px'}\n              width={'252px'}\n              style={{ marginBottom: 'var(--space-5)' }}\n              highlightColor=\"var(--background-base)\"\n              baseColor=\"var(--background-base-hover)\"\n            />\n          ) : (\n            <table {...props} />\n          ),\n      }}\n      classNames={{\n        caption_label: styles.caption_label,\n        button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n        button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n        month_caption: styles.month_caption,\n        months: styles.months,\n        nav: styles.nav,\n        day: styles.day,\n        today: styles.today,\n        outside: styles.outside,\n        week: styles.week,\n        weekdays: styles.week,\n        weekday: styles.weekday,\n        disabled: styles.disabled,\n        selected: styles.selected,\n        day_button: styles.day_button,\n        range_middle: styles.range_middle,\n        range_end: styles.range_end,\n        range_start: styles.range_start,\n        hidden: styles.hidden,\n        dropdowns: styles.dropdowns,\n        ...classNames,\n      }}\n      className={root({ className })}\n      mode=\"single\"\n      {...props}\n    />\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/calendar/calendar.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"calendarRoot":"calendar-module_calendarRoot__OZGQR","caption_label":"calendar-module_caption_label__8K7ZD","dropdowns":"calendar-module_dropdowns__0Uj8G","dropdown_trigger":"calendar-module_dropdown_trigger__HJ6Tm","dropdown_item_text":"calendar-module_dropdown_item_text__vUAKC","nav_button":"calendar-module_nav_button__tZDLw","nav_button_previous":"calendar-module_nav_button_previous__NVCfJ","nav_button_next":"calendar-module_nav_button_next__l1U08","months":"calendar-module_months__bBetg","nav":"calendar-module_nav__QMOu0","month_caption":"calendar-module_month_caption__pYPFz","day":"calendar-module_day__8eOAz","disabled":"calendar-module_disabled__ipw4l","outside":"calendar-module_outside__dbHbx","selected":"calendar-module_selected__TlwjL","range_middle":"calendar-module_range_middle__vn4Fr","range_start":"calendar-module_range_start__ErGPG","range_end":"calendar-module_range_end__K6oe-","week":"calendar-module_week__te1nD","day_button":"calendar-module_day_button__F4ayk","weekday":"calendar-module_weekday__H63mo","hidden":"calendar-module_hidden__5XuPD","calendarPopover":"calendar-module_calendarPopover__ykbVn","dropdown_icon":"calendar-module_dropdown_icon__J5WPO","dropdown_content":"calendar-module_dropdown_content__6KXfz","today":"calendar-module_today__HlNqe"};
+
+exports.default = styles;
+//# sourceMappingURL=calendar.module.css.cjs.map

package/dist/v1/components/calendar/calendar.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/calendar/calendar.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"calendarRoot":"calendar-module_calendarRoot__OZGQR","caption_label":"calendar-module_caption_label__8K7ZD","dropdowns":"calendar-module_dropdowns__0Uj8G","dropdown_trigger":"calendar-module_dropdown_trigger__HJ6Tm","dropdown_item_text":"calendar-module_dropdown_item_text__vUAKC","nav_button":"calendar-module_nav_button__tZDLw","nav_button_previous":"calendar-module_nav_button_previous__NVCfJ","nav_button_next":"calendar-module_nav_button_next__l1U08","months":"calendar-module_months__bBetg","nav":"calendar-module_nav__QMOu0","month_caption":"calendar-module_month_caption__pYPFz","day":"calendar-module_day__8eOAz","disabled":"calendar-module_disabled__ipw4l","outside":"calendar-module_outside__dbHbx","selected":"calendar-module_selected__TlwjL","range_middle":"calendar-module_range_middle__vn4Fr","range_start":"calendar-module_range_start__ErGPG","range_end":"calendar-module_range_end__K6oe-","week":"calendar-module_week__te1nD","day_button":"calendar-module_day_button__F4ayk","weekday":"calendar-module_weekday__H63mo","hidden":"calendar-module_hidden__5XuPD","calendarPopover":"calendar-module_calendarPopover__ykbVn","dropdown_icon":"calendar-module_dropdown_icon__J5WPO","dropdown_content":"calendar-module_dropdown_content__6KXfz","today":"calendar-module_today__HlNqe"};
+
+export { styles as default };
+//# sourceMappingURL=calendar.module.css.js.map

package/dist/v1/components/calendar/calendar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/calendar/date-picker.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var popover = require('../popover/popover.cjs');
+var textfield = require('../textfield/textfield.cjs');
+var calendar = require('./calendar.cjs');
+var calendar_module = require('./calendar.module.css.cjs');
+var React = require('react');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var dayjs_min = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var customParseFormat = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.cjs');
+
+dayjs_min.default.extend(customParseFormat.default);
+function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD/MM/YYYY", textFieldProps, calendarProps, value = new Date(), onSelect = () => { }, children, }) {
+    const [showCalendar, setShowCalendar] = React.useState(false);
+    const [selectedDate, setSelectedDate] = React.useState(value);
+    const [inputState, setInputState] = React.useState();
+    const formattedDate = dayjs_min.default(selectedDate).format(dateFormat);
+    const isDropdownOpenRef = React.useRef(false);
+    const textFieldRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const isInputFieldFocused = React.useRef(false);
+    const selectedDateRef = React.useRef(selectedDate);
+    React.useEffect(() => {
+        selectedDateRef.current = selectedDate;
+    }, [selectedDate]);
+    function isElementOutside(el) {
+        return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker
+            !textFieldRef.current?.contains(el) && // TextField
+            !contentRef.current?.contains(el);
+    }
+    const handleMouseDown = React.useCallback((event) => {
+        const el = (event.target);
+        if (el && isElementOutside(el))
+            removeEventListeners();
+    }, []);
+    function registerEventListeners() {
+        isInputFieldFocused.current = true;
+        document.addEventListener('mouseup', handleMouseDown);
+    }
+    function removeEventListeners() {
+        isInputFieldFocused.current = false;
+        setShowCalendar(false);
+        const updatedVal = dayjs_min.default(selectedDateRef.current).format(dateFormat);
+        if (textFieldRef.current)
+            textFieldRef.current.value = updatedVal;
+        if (inputState === undefined)
+            onSelect(dayjs_min.default(updatedVal).toDate());
+        document.removeEventListener('mouseup', handleMouseDown);
+    }
+    const handleSelect = (day) => {
+        setSelectedDate(day);
+        onSelect(day);
+        setInputState(undefined);
+        removeEventListeners();
+    };
+    function onDropdownOpen() {
+        isDropdownOpenRef.current = true;
+    }
+    function onOpenChange(open) {
+        if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {
+            setShowCalendar(Boolean(open));
+        }
+        isDropdownOpenRef.current = false;
+    }
+    function handleInputFocus() {
+        if (isInputFieldFocused.current)
+            return;
+        if (!showCalendar)
+            setShowCalendar(true);
+    }
+    function handleInputBlur(event) {
+        if (isInputFieldFocused.current) {
+            const el = event.relatedTarget;
+            if (el && isElementOutside(el))
+                removeEventListeners();
+        }
+        else {
+            registerEventListeners();
+            setTimeout(() => textFieldRef.current?.select());
+        }
+    }
+    function handleKeyUp(event) {
+        if (event.code === 'Enter' && textFieldRef.current) {
+            textFieldRef.current.blur();
+            removeEventListeners();
+        }
+    }
+    function handleInputChange(event) {
+        const { value } = event.target;
+        const format = value.includes("/") ? "DD/MM/YYYY" : value.includes("-") ? "DD-MM-YYYY" : undefined;
+        const date = dayjs_min.default(value.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, (_, day, month, year) => {
+            return `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]
+        }), format);
+        const isValidDate = date.isValid();
+        const isAfter = calendarProps?.startMonth !== undefined ? dayjs_min.default(date).isSameOrAfter(calendarProps.startMonth) : true;
+        const isBefore = calendarProps?.endMonth !== undefined ? dayjs_min.default(date).isSameOrBefore(calendarProps.endMonth) : true;
+        const isValid = isValidDate && isAfter && isBefore && dayjs_min.default(date).isSameOrBefore(dayjs_min.default());
+        if (isValid) {
+            setSelectedDate(date.toDate());
+            if (inputState === 'invalid')
+                setInputState(undefined);
+        }
+        else {
+            setInputState('invalid');
+        }
+    }
+    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { ref: textFieldRef, defaultValue: formattedDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}), onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, state: inputState, placeholder: placeholder, onKeyUp: handleKeyUp, ...textFieldProps }));
+    const trigger = typeof children === 'function'
+        ? children({ selectedDate: formattedDate })
+        : children || defaultTrigger;
+    return (jsxRuntime.jsxRuntimeExports.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, ref: contentRef, children: jsxRuntime.jsxRuntimeExports.jsx(calendar.Calendar, { required: true, ...calendarProps, onDropdownOpen: onDropdownOpen, mode: "single", selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
+}
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=date-picker.cjs.map

package/dist/v1/components/calendar/date-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.cjs","sources":["../../../../v1/components/calendar/date-picker.tsx"],"sourcesContent":["import { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { PropsBase, PropsSingleRequired } from \"react-day-picker\";\n\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsSingleRequired & PropsBase;\n  onSelect?: (date: Date) => void;\n  placeholder?: string;\n  value?: Date;\n  children?: React.ReactNode | ((props: { selectedDate: string }) => React.ReactNode);\n}\n\nexport function DatePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  placeholder = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  value = new Date(),\n  onSelect = () => {},\n  children,\n}: DatePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [selectedDate, setSelectedDate] = useState(value);\n  const [inputState, setInputState] = useState<Partial<React.ComponentProps<typeof TextField>['state']>>();\n\n  const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n  const isDropdownOpenRef = useRef(false);\n  const textFieldRef = useRef<HTMLInputElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const isInputFieldFocused = useRef(false);\n  const selectedDateRef = useRef(selectedDate);\n\n  useEffect(() => {\n    selectedDateRef.current = selectedDate;\n  }, [selectedDate]);\n\n  function isElementOutside(el: HTMLElement) {\n    return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n           !textFieldRef.current?.contains(el) && // TextField\n           !contentRef.current?.contains(el);\n  }\n\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n      const el = (event.target) as HTMLElement | null;\n      if (el && isElementOutside(el)) removeEventListeners();\n  }, [])\n\n  function registerEventListeners() {\n    isInputFieldFocused.current = true;\n    document.addEventListener('mouseup', handleMouseDown);\n  }\n\n  function removeEventListeners() {\n    isInputFieldFocused.current = false;\n    setShowCalendar(false);\n\n    const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n    if  (textFieldRef.current) textFieldRef.current.value = updatedVal;\n    if (inputState === undefined) onSelect(dayjs(updatedVal).toDate());\n\n    document.removeEventListener('mouseup', handleMouseDown);\n  }\n\n  const handleSelect = (day: Date) => {\n    setSelectedDate(day);\n    onSelect(day);\n    setInputState(undefined);\n    removeEventListeners();\n  };\n\n  function onDropdownOpen() {\n    isDropdownOpenRef.current = true;\n  }\n\n  function onOpenChange(open?: boolean) {\n    if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {\n      setShowCalendar(Boolean(open));\n    }\n\n    isDropdownOpenRef.current = false;\n  }\n\n  function handleInputFocus() {\n    if (isInputFieldFocused.current) return;\n    if (!showCalendar) setShowCalendar(true);\n  }\n\n  function handleInputBlur(event: React.FocusEvent) {\n    if (isInputFieldFocused.current) {\n        const el = event.relatedTarget as HTMLElement | null;\n        if (el && isElementOutside(el)) removeEventListeners();\n    } else {\n        registerEventListeners();\n        setTimeout(() => textFieldRef.current?.select());\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent) {\n    if (event.code === 'Enter' && textFieldRef.current) {\n        textFieldRef.current.blur();\n        removeEventListeners();\n    }\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const { value } = event.target;\n\n    const format = value.includes(\"/\") ? \"DD/MM/YYYY\" : value.includes(\"-\") ? \"DD-MM-YYYY\" : undefined;\n    const date = dayjs(value.replace(/(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})/, (_, day, month, year) => {\n\t\t\t\treturn `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]\n\t\t}), format);\n\n    const isValidDate = date.isValid();\n\n    const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;\n    const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;\n\n    const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n    if (isValid) {\n        setSelectedDate(date.toDate());\n        if (inputState === 'invalid') setInputState(undefined);\n    } else {\n        setInputState('invalid');\n    }\n  }\n\n  const defaultTrigger = (\n    <TextField\n      ref={textFieldRef}\n      defaultValue={formattedDate}\n      trailing={<CalendarIcon />}\n      onChange={handleInputChange}\n      onFocus={handleInputFocus}\n      onBlur={handleInputBlur}\n      state={inputState}\n      placeholder={placeholder}\n      onKeyUp={handleKeyUp}\n      {...textFieldProps}\n    />\n  );\n\n  const trigger = typeof children === 'function'\n    ? children({ selectedDate: formattedDate })\n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n\n      <Popover.Content side={side} className={styles.calendarPopover} ref={contentRef}>\n        <Calendar\n          required={true}\n          {...calendarProps}\n          onDropdownOpen={onDropdownOpen}\n          mode=\"single\"\n          selected={selectedDate}\n          month={selectedDate}\n          onSelect={handleSelect}\n          onMonthChange={setSelectedDate}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["dayjs","customParseFormat","useState","useRef","useEffect","useCallback","_jsx","TextField","CalendarIcon","_jsxs","Popover","styles","Calendar"],"mappings":"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"}

package/dist/v1/components/calendar/date-picker.d.ts

@@ -0,0 +1,17 @@
+import { TextfieldProps } from "../textfield/textfield";
+import { PropsBase, PropsSingleRequired } from "react-day-picker";
+interface DatePickerProps {
+    side?: "top" | "right" | "bottom" | "left";
+    dateFormat?: string;
+    textFieldProps?: TextfieldProps;
+    calendarProps?: PropsSingleRequired & PropsBase;
+    onSelect?: (date: Date) => void;
+    placeholder?: string;
+    value?: Date;
+    children?: React.ReactNode | ((props: {
+        selectedDate: string;
+    }) => React.ReactNode);
+}
+export declare function DatePicker({ side, dateFormat, placeholder, textFieldProps, calendarProps, value, onSelect, children, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/v1/components/calendar/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/date-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMlE,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACrF;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAY,EACZ,UAAyB,EACzB,WAA0B,EAC1B,cAAc,EACd,aAAa,EACb,KAAkB,EAClB,QAAmB,EACnB,QAAQ,GACT,EAAE,eAAe,2CAoJjB"}