npm - @raystack/apsara - Versions diffs - 0.53.6 → 0.55.0-rc.1 - Mend

@raystack/apsara 0.53.6 → 0.55.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1722) hide show

package/dist/components/button/button.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
 var React = require('react');
 var spinner = require('../spinner/spinner.cjs');
 var button_module = require('./button.module.css.cjs');
-var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.cjs');
-const button = index.cva(button_module.default['button'], {
+const button = classVarianceAuthority.cva(button_module.default['button'], {
     variants: {
         variant: {
             solid: button_module.default['button-solid'],
@@ -124,7 +124,7 @@ const getLoaderOnlyClass = (size) => size === 'small'
     ? button_module.default['loader-only-button-small']
     : button_module.default['loader-only-button-normal'];
 const Button = React.forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
-    const Comp = asChild ? index$1.Root : 'button';
+    const Comp = asChild ? radixUi.Slot.Root : 'button';
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };

package/dist/components/button/button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.cjs","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n ButtonHTMLAttributes,\n PropsWithChildren,\n ReactNode,\n forwardRef\n} 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 {\n variant: 'solid',\n color: 'accent',\n className: styles['button-solid-accent']\n },\n {\n variant: 'solid',\n color: 'danger',\n className: styles['button-solid-danger']\n },\n {\n variant: 'solid',\n color: 'neutral',\n className: styles['button-solid-neutral']\n },\n {\n variant: 'solid',\n color: 'success',\n className: styles['button-solid-success']\n },\n {\n variant: 'outline',\n color: 'accent',\n className: styles['button-outline-accent']\n },\n {\n variant: 'outline',\n color: 'danger',\n className: styles['button-outline-danger']\n },\n {\n variant: 'outline',\n color: 'neutral',\n className: styles['button-outline-neutral']\n },\n {\n variant: 'outline',\n color: 'success',\n className: styles['button-outline-success']\n },\n {\n variant: 'ghost',\n color: 'accent',\n className: styles['button-ghost-accent']\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: styles['button-ghost-danger']\n },\n {\n variant: 'ghost',\n color: 'neutral',\n className: styles['button-ghost-neutral']\n },\n {\n variant: 'ghost',\n color: 'success',\n className: styles['button-ghost-success']\n },\n {\n variant: 'text',\n color: 'accent',\n className: styles['button-text-accent']\n },\n {\n variant: 'text',\n color: 'danger',\n className: styles['button-text-danger']\n },\n {\n variant: 'text',\n color: 'neutral',\n className: styles['button-text-neutral']\n },\n {\n variant: 'text',\n color: 'success',\n className: styles['button-text-success']\n }\n ],\n defaultVariants: {\n variant: 'solid',\n size: 'normal',\n color: 'accent'\n }\n});\n\nconst getLoaderOnlyClass = (size: 'small' \| 'normal' \| null) =>\n size === 'small'\n ? styles['loader-only-button-small']\n : 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 (\n {\n className,\n variant = 'solid',\n color = 'accent',\n size = 'normal',\n asChild = false,\n disabled,\n loading,\n loaderText,\n leadingIcon,\n trailingIcon,\n maxWidth,\n width,\n style = {},\n children,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot.Root : 'button';\n const isLoaderOnly = loading && !loaderText;\n const widthStyle = { maxWidth, width };\n const buttonStyle = { ...widthStyle, ...style };\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='default' />\n {loaderText && (\n <span className={styles['loader-text']}>{loaderText}</span>\n )}\n </>\n ) : (\n <>\n {leadingIcon && (\n <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n {leadingIcon}\n </span>\n )}\n {children}\n {trailingIcon && (\n <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n {trailingIcon}\n </span>\n )}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n"],"names":["cva","styles","forwardRef","Slot~~.Root~~","_jsx","_jsxs","_Fragment","Spinner"],"mappings":";;;;;;;;;AAYA,MAAM,MAAM,GAAGA,~~SAAG~~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~~YAAS~~,GAAG,QAAQ,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC;AAC5C,IAAA,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC;AAEhD,IAAA,QACEC,cAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAI,CAAA,EAAA,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA,EAC9H,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,KACd,KAAK,EAAA,QAAA,EAER,OAAO,IACNC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEF,eAACG,eAAO,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAG,CAAA,EACnC,UAAU,KACTH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,qBAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,UAAU,EAAA,CAAQ,CAC5D,CAAA,EAAA,CACA,KAEHI,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,yBAAM,SAAS,EAAE,CAAG,EAAAH,qBAAM,CAAC,MAAM,CAAC,CAAA,CAAA,EAAIA,qBAAM,CAAC,cAAc,CAAC,CAAA,CAAE,EAC3D,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,YAAY,KACXG,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,GAAGH,qBAAM,CAAC,MAAM,CAAC,CAAI,CAAA,EAAAA,qBAAM,CAAC,eAAe,CAAC,CAAE,CAAA,EAAA,QAAA,EAC5D,YAAY,EAAA,CACR,CACR,CAAA,EAAA,CACA,CACJ,EAAA,CACI,EACP;AACJ,CAAC,EACD;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1	+ {"version":3,"file":"button.cjs","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n ButtonHTMLAttributes,\n PropsWithChildren,\n ReactNode,\n forwardRef\n} 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 {\n variant: 'solid',\n color: 'accent',\n className: styles['button-solid-accent']\n },\n {\n variant: 'solid',\n color: 'danger',\n className: styles['button-solid-danger']\n },\n {\n variant: 'solid',\n color: 'neutral',\n className: styles['button-solid-neutral']\n },\n {\n variant: 'solid',\n color: 'success',\n className: styles['button-solid-success']\n },\n {\n variant: 'outline',\n color: 'accent',\n className: styles['button-outline-accent']\n },\n {\n variant: 'outline',\n color: 'danger',\n className: styles['button-outline-danger']\n },\n {\n variant: 'outline',\n color: 'neutral',\n className: styles['button-outline-neutral']\n },\n {\n variant: 'outline',\n color: 'success',\n className: styles['button-outline-success']\n },\n {\n variant: 'ghost',\n color: 'accent',\n className: styles['button-ghost-accent']\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: styles['button-ghost-danger']\n },\n {\n variant: 'ghost',\n color: 'neutral',\n className: styles['button-ghost-neutral']\n },\n {\n variant: 'ghost',\n color: 'success',\n className: styles['button-ghost-success']\n },\n {\n variant: 'text',\n color: 'accent',\n className: styles['button-text-accent']\n },\n {\n variant: 'text',\n color: 'danger',\n className: styles['button-text-danger']\n },\n {\n variant: 'text',\n color: 'neutral',\n className: styles['button-text-neutral']\n },\n {\n variant: 'text',\n color: 'success',\n className: styles['button-text-success']\n }\n ],\n defaultVariants: {\n variant: 'solid',\n size: 'normal',\n color: 'accent'\n }\n});\n\nconst getLoaderOnlyClass = (size: 'small' \| 'normal' \| null) =>\n size === 'small'\n ? styles['loader-only-button-small']\n : 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 (\n {\n className,\n variant = 'solid',\n color = 'accent',\n size = 'normal',\n asChild = false,\n disabled,\n loading,\n loaderText,\n leadingIcon,\n trailingIcon,\n maxWidth,\n width,\n style = {},\n children,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot.Root : 'button';\n const isLoaderOnly = loading && !loaderText;\n const widthStyle = { maxWidth, width };\n const buttonStyle = { ...widthStyle, ...style };\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='default' />\n {loaderText && (\n <span className={styles['loader-text']}>{loaderText}</span>\n )}\n </>\n ) : (\n <>\n {leadingIcon && (\n <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n {leadingIcon}\n </span>\n )}\n {children}\n {trailingIcon && (\n <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n {trailingIcon}\n </span>\n )}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n"],"names":["cva","styles","forwardRef","Slot","_jsx","_jsxs","_Fragment","Spinner"],"mappings":";;;;;;;;;AAYA,MAAM,MAAM,GAAGA,0BAAG,CAACC,qBAAM,CAAC,QAAQ,CAAC,EAAE;AACnC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,OAAO,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAEA,qBAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAEA,qBAAM,CAAC,eAAe,CAAC;AAChC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,qBAAM,CAAC,iBAAiB,CAAC;AAChC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,MAAM,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,OAAO,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,CAAC,IAA+B,KACzD,IAAI,KAAK,OAAO;AACd,MAAEA,qBAAM,CAAC,0BAA0B,CAAC;AACpC,MAAEA,qBAAM,CAAC,2BAA2B,CAAC,CAAC;AAc7B,MAAA,MAAM,GAAGC,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,YAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC;AAC5C,IAAA,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC;AAEhD,IAAA,QACEC,cAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAI,CAAA,EAAA,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA,EAC9H,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,KACd,KAAK,EAAA,QAAA,EAER,OAAO,IACNC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEF,eAACG,eAAO,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAG,CAAA,EACnC,UAAU,KACTH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,qBAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,UAAU,EAAA,CAAQ,CAC5D,CAAA,EAAA,CACA,KAEHI,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,yBAAM,SAAS,EAAE,CAAG,EAAAH,qBAAM,CAAC,MAAM,CAAC,CAAA,CAAA,EAAIA,qBAAM,CAAC,cAAc,CAAC,CAAA,CAAE,EAC3D,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,YAAY,KACXG,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,GAAGH,qBAAM,CAAC,MAAM,CAAC,CAAI,CAAA,EAAAA,qBAAM,CAAC,eAAe,CAAC,CAAE,CAAA,EAAA,QAAA,EAC5D,YAAY,EAAA,CACR,CACR,CAAA,EAAA,CACA,CACJ,EAAA,CACI,EACP;AACJ,CAAC,EACD;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/button/button.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
 import { forwardRef } from 'react';
 import { Spinner } from '../spinner/spinner.js';
 import styles from './button.module.css.js';
-import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';
 const button = cva(styles['button'], {
     variants: {
@@ -122,7 +122,7 @@ const getLoaderOnlyClass = (size) => size === 'small'
     ? styles['loader-only-button-small']
     : styles['loader-only-button-normal'];
 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 ? Slot : 'button';
+    const Comp = asChild ? Slot.Root : 'button';
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };

package/dist/components/button/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n ButtonHTMLAttributes,\n PropsWithChildren,\n ReactNode,\n forwardRef\n} 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 {\n variant: 'solid',\n color: 'accent',\n className: styles['button-solid-accent']\n },\n {\n variant: 'solid',\n color: 'danger',\n className: styles['button-solid-danger']\n },\n {\n variant: 'solid',\n color: 'neutral',\n className: styles['button-solid-neutral']\n },\n {\n variant: 'solid',\n color: 'success',\n className: styles['button-solid-success']\n },\n {\n variant: 'outline',\n color: 'accent',\n className: styles['button-outline-accent']\n },\n {\n variant: 'outline',\n color: 'danger',\n className: styles['button-outline-danger']\n },\n {\n variant: 'outline',\n color: 'neutral',\n className: styles['button-outline-neutral']\n },\n {\n variant: 'outline',\n color: 'success',\n className: styles['button-outline-success']\n },\n {\n variant: 'ghost',\n color: 'accent',\n className: styles['button-ghost-accent']\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: styles['button-ghost-danger']\n },\n {\n variant: 'ghost',\n color: 'neutral',\n className: styles['button-ghost-neutral']\n },\n {\n variant: 'ghost',\n color: 'success',\n className: styles['button-ghost-success']\n },\n {\n variant: 'text',\n color: 'accent',\n className: styles['button-text-accent']\n },\n {\n variant: 'text',\n color: 'danger',\n className: styles['button-text-danger']\n },\n {\n variant: 'text',\n color: 'neutral',\n className: styles['button-text-neutral']\n },\n {\n variant: 'text',\n color: 'success',\n className: styles['button-text-success']\n }\n ],\n defaultVariants: {\n variant: 'solid',\n size: 'normal',\n color: 'accent'\n }\n});\n\nconst getLoaderOnlyClass = (size: 'small' \| 'normal' \| null) =>\n size === 'small'\n ? styles['loader-only-button-small']\n : 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 (\n {\n className,\n variant = 'solid',\n color = 'accent',\n size = 'normal',\n asChild = false,\n disabled,\n loading,\n loaderText,\n leadingIcon,\n trailingIcon,\n maxWidth,\n width,\n style = {},\n children,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot.Root : 'button';\n const isLoaderOnly = loading && !loaderText;\n const widthStyle = { maxWidth, width };\n const buttonStyle = { ...widthStyle, ...style };\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='default' />\n {loaderText && (\n <span className={styles['loader-text']}>{loaderText}</span>\n )}\n </>\n ) : (\n <>\n {leadingIcon && (\n <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n {leadingIcon}\n </span>\n )}\n {children}\n {trailingIcon && (\n <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n {trailingIcon}\n </span>\n )}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n"],"names":["~~Slot.Root","~~_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AAYA,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;AACnC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,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;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,CAAC,IAA+B,KACzD,IAAI,KAAK,OAAO;AACd,MAAE,MAAM,CAAC,0BAA0B,CAAC;AACpC,MAAE,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAc7B,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,~~GAAGA~~,~~IAAS~~,GAAG,QAAQ,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC;AAC5C,IAAA,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC;AAEhD,IAAA,~~QACEC~~,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAI,CAAA,EAAA,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA,EAC9H,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,KACd,KAAK,EAAA,QAAA,EAER,OAAO,IACNC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,IAAC,OAAO,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAG,CAAA,EACnC,UAAU,KACTA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,UAAU,EAAA,CAAQ,CAC5D,CAAA,EAAA,CACA,KAEHC,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,cAAM,SAAS,EAAE,CAAG,EAAA,MAAM,CAAC,MAAM,CAAC,CAAA,CAAA,EAAI,MAAM,CAAC,cAAc,CAAC,CAAA,CAAE,EAC3D,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,YAAY,KACXA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAI,CAAA,EAAA,MAAM,CAAC,eAAe,CAAC,CAAE,CAAA,EAAA,QAAA,EAC5D,YAAY,EAAA,CACR,CACR,CAAA,EAAA,CACA,CACJ,EAAA,CACI,EACP;AACJ,CAAC,EACD;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1	+ {"version":3,"file":"button.js","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n ButtonHTMLAttributes,\n PropsWithChildren,\n ReactNode,\n forwardRef\n} 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 {\n variant: 'solid',\n color: 'accent',\n className: styles['button-solid-accent']\n },\n {\n variant: 'solid',\n color: 'danger',\n className: styles['button-solid-danger']\n },\n {\n variant: 'solid',\n color: 'neutral',\n className: styles['button-solid-neutral']\n },\n {\n variant: 'solid',\n color: 'success',\n className: styles['button-solid-success']\n },\n {\n variant: 'outline',\n color: 'accent',\n className: styles['button-outline-accent']\n },\n {\n variant: 'outline',\n color: 'danger',\n className: styles['button-outline-danger']\n },\n {\n variant: 'outline',\n color: 'neutral',\n className: styles['button-outline-neutral']\n },\n {\n variant: 'outline',\n color: 'success',\n className: styles['button-outline-success']\n },\n {\n variant: 'ghost',\n color: 'accent',\n className: styles['button-ghost-accent']\n },\n {\n variant: 'ghost',\n color: 'danger',\n className: styles['button-ghost-danger']\n },\n {\n variant: 'ghost',\n color: 'neutral',\n className: styles['button-ghost-neutral']\n },\n {\n variant: 'ghost',\n color: 'success',\n className: styles['button-ghost-success']\n },\n {\n variant: 'text',\n color: 'accent',\n className: styles['button-text-accent']\n },\n {\n variant: 'text',\n color: 'danger',\n className: styles['button-text-danger']\n },\n {\n variant: 'text',\n color: 'neutral',\n className: styles['button-text-neutral']\n },\n {\n variant: 'text',\n color: 'success',\n className: styles['button-text-success']\n }\n ],\n defaultVariants: {\n variant: 'solid',\n size: 'normal',\n color: 'accent'\n }\n});\n\nconst getLoaderOnlyClass = (size: 'small' \| 'normal' \| null) =>\n size === 'small'\n ? styles['loader-only-button-small']\n : 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 (\n {\n className,\n variant = 'solid',\n color = 'accent',\n size = 'normal',\n asChild = false,\n disabled,\n loading,\n loaderText,\n leadingIcon,\n trailingIcon,\n maxWidth,\n width,\n style = {},\n children,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot.Root : 'button';\n const isLoaderOnly = loading && !loaderText;\n const widthStyle = { maxWidth, width };\n const buttonStyle = { ...widthStyle, ...style };\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='default' />\n {loaderText && (\n <span className={styles['loader-text']}>{loaderText}</span>\n )}\n </>\n ) : (\n <>\n {leadingIcon && (\n <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n {leadingIcon}\n </span>\n )}\n {children}\n {trailingIcon && (\n <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n {trailingIcon}\n </span>\n )}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/calendar/calendar.cjs CHANGED Viewed

@@ -2,19 +2,18 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
+var reactDayPicker = require('react-day-picker');
 var flex = require('../flex/flex.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
 var select = require('../select/select.cjs');
 var skeleton = require('../skeleton/skeleton.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
-var DayPicker = require('../../node_modules/.pnpm/react-day-picker@9.6.7_react@19.1.1/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
-var DateLib = require('../../node_modules/.pnpm/react-day-picker@9.6.7_react@19.1.1/node_modules/react-day-picker/dist/esm/classes/DateLib.cjs');
-const root = index.cva(calendar_module.default.calendarRoot);
+const root = classVarianceAuthority.cva(calendar_module.default.calendarRoot);
 function DropDown({ options = [], value, onChange, onDropdownOpen, disabled }) {
     const [open, setOpen] = React.useState(false);
     React.useEffect(() => {
@@ -28,25 +27,25 @@ function DropDown({ options = [], value, onChange, onDropdownOpen, disabled }) {
     }
     return (jsxRuntime.jsxs(select.Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(select.Select.Trigger, { className: calendar_module.default.dropdownTrigger, iconProps: {
                     className: calendar_module.default.dropdownIcon
-                }, size: 'small', variant: 'text', disabled: disabled, children: jsxRuntime.jsx(select.Select.Value, {}) }), jsxRuntime.jsxs(select.Select.Content, { className: calendar_module.default.dropdownContent, children: [jsxRuntime.jsx(select.Select.ScrollUpButton, { asChild: true, children: jsxRuntime.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsx(reactIcons_esm.ChevronUpIcon, {}) }) }), jsxRuntime.jsx(select.Select.Viewport, { children: options.map(opt => (jsxRuntime.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, children: opt.label }, opt.value))) }), jsxRuntime.jsx(select.Select.ScrollDownButton, { asChild: true, children: jsxRuntime.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsx(reactIcons_esm.ChevronDownIcon, {}) }) })] })] }));
+                }, size: 'small', variant: 'text', disabled: disabled, children: jsxRuntime.jsx(select.Select.Value, {}) }), jsxRuntime.jsxs(select.Select.Content, { className: calendar_module.default.dropdownContent, children: [jsxRuntime.jsx(select.Select.ScrollUpButton, { asChild: true, children: jsxRuntime.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsx(reactIcons.ChevronUpIcon, {}) }) }), jsxRuntime.jsx(select.Select.Viewport, { children: options.map(opt => (jsxRuntime.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, children: opt.label }, opt.value))) }), jsxRuntime.jsx(select.Select.ScrollDownButton, { asChild: true, children: jsxRuntime.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsx(reactIcons.ChevronDownIcon, {}) }) })] })] }));
 }
 const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, dateInfo = {}, loadingData = false, timeZone, ...props }) {
-    return (jsxRuntime.jsx(DayPicker.DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {
+    return (jsxRuntime.jsx(reactDayPicker.DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {
             Chevron: props => {
-                const icon = props.orientation === 'left' ? (jsxRuntime.jsx(reactIcons_esm.ChevronLeftIcon, {})) : (jsxRuntime.jsx(reactIcons_esm.ChevronRightIcon, {}));
-                return (jsxRuntime.jsx(iconButton.IconButton, { ...props, disabled: loadingData, className: index.cx(props.className, loadingData && calendar_module.default.disabled), size: 3, "aria-label": props.orientation === 'left' ? 'Previous month' : 'Next month', children: icon }));
+                const icon = props.orientation === 'left' ? (jsxRuntime.jsx(reactIcons.ChevronLeftIcon, {})) : (jsxRuntime.jsx(reactIcons.ChevronRightIcon, {}));
+                return (jsxRuntime.jsx(iconButton.IconButton, { ...props, disabled: loadingData, className: classVarianceAuthority.cx(props.className, loadingData && calendar_module.default.disabled), size: 3, "aria-label": props.orientation === 'left' ? 'Previous month' : 'Next month', children: icon }));
             },
             Dropdown: (props) => (jsxRuntime.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen, disabled: loadingData })),
             DayButton: props => {
                 const { day, ...buttonProps } = props;
-                const dateKey = DateLib.dateLib.format(day.date, 'dd-MM-yyyy');
+                const dateKey = reactDayPicker.dateLib.format(day.date, 'dd-MM-yyyy');
                 const message = tooltipMessages[dateKey];
                 // Support both object and function for dateInfo
                 const dateComponent = typeof dateInfo === 'function'
                     ? dateInfo(day.date)
                     : dateInfo[dateKey];
                 const hasDateInfo = Boolean(dateComponent);
-                return (jsxRuntime.jsx(tooltip.Tooltip, { side: 'top', disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntime.jsxs("button", { ...buttonProps, className: index.cx(buttonProps.className, hasDateInfo && calendar_module.default.dayButtonWithInfo), children: [hasDateInfo && (jsxRuntime.jsx("div", { className: calendar_module.default.dayInfo, children: dateComponent })), jsxRuntime.jsx("span", { className: calendar_module.default.dayNumber, children: buttonProps.children })] }) }));
+                return (jsxRuntime.jsx(tooltip.Tooltip, { side: 'top', disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntime.jsxs("button", { ...buttonProps, className: classVarianceAuthority.cx(buttonProps.className, hasDateInfo && calendar_module.default.dayButtonWithInfo), children: [hasDateInfo && (jsxRuntime.jsx("div", { className: calendar_module.default.dayInfo, children: dateComponent })), jsxRuntime.jsx("span", { className: calendar_module.default.dayNumber, children: buttonProps.children })] }) }));
             },
             MonthGrid: props => loadingData ? (jsxRuntime.jsx(skeleton.Skeleton, { count: 5, height: '18px', width: '252px', style: { marginBottom: 'var(--rs-space-6)' } })) : (jsxRuntime.jsx("table", { ...props }))
         }, classNames: {

package/dist/components/calendar/calendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ReactNode, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: Record<string, ReactNode>;\n dateInfo?: Record<string, ReactNode> \| ((date: Date) => ReactNode \| null);\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open, onDropdownOpen]);\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.dropdownTrigger}\n iconProps={{\n className: styles.dropdownIcon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdownContent}>\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 >\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 dateInfo = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const dateKey = dateLib.format(day.date, 'dd-MM-yyyy');\n const message = tooltipMessages[dateKey];\n\n // Support both object and function for dateInfo\n const dateComponent =\n typeof dateInfo === 'function'\n ? dateInfo(day.date)\n : dateInfo[dateKey];\n const hasDateInfo = Boolean(dateComponent);\n\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button\n {...buttonProps}\n className={cx(\n buttonProps.className,\n hasDateInfo && styles.dayButtonWithInfo\n )}\n >\n {hasDateInfo && (\n <div className={styles.dayInfo}>{dateComponent}</div>\n )}\n <span className={styles.dayNumber}>{buttonProps.children}</span>\n </button>\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.captionLabel,\n button_previous: `${styles.navButton} ${styles.navButtonPrevious}`,\n button_next: `${styles.navButton} ${styles.navButtonNext}`,\n month_caption: styles.monthCaption,\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.dayButton,\n range_middle: styles.rangeMiddle,\n range_end: styles.rangeEnd,\n range_start: styles.rangeStart,\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":[],"mappings":"~~;;;;;;;;;;;;;;;;~~AAwCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}
1	+ {"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ReactNode, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: Record<string, ReactNode>;\n dateInfo?: Record<string, ReactNode> \| ((date: Date) => ReactNode \| null);\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open, onDropdownOpen]);\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.dropdownTrigger}\n iconProps={{\n className: styles.dropdownIcon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdownContent}>\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 >\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 dateInfo = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const dateKey = dateLib.format(day.date, 'dd-MM-yyyy');\n const message = tooltipMessages[dateKey];\n\n // Support both object and function for dateInfo\n const dateComponent =\n typeof dateInfo === 'function'\n ? dateInfo(day.date)\n : dateInfo[dateKey];\n const hasDateInfo = Boolean(dateComponent);\n\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button\n {...buttonProps}\n className={cx(\n buttonProps.className,\n hasDateInfo && styles.dayButtonWithInfo\n )}\n >\n {hasDateInfo && (\n <div className={styles.dayInfo}>{dateComponent}</div>\n )}\n <span className={styles.dayNumber}>{buttonProps.children}</span>\n </button>\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.captionLabel,\n button_previous: `${styles.navButton} ${styles.navButtonPrevious}`,\n button_next: `${styles.navButton} ${styles.navButtonNext}`,\n month_caption: styles.monthCaption,\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.dayButton,\n range_middle: styles.rangeMiddle,\n range_end: styles.rangeEnd,\n range_start: styles.rangeStart,\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":[],"mappings":";;;;;;;;;;;;;;;AAwCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}

package/dist/components/calendar/calendar.js CHANGED Viewed

@@ -1,16 +1,15 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cx, 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 '@radix-ui/react-icons';
+import { cva, cx } from 'class-variance-authority';
 import { useState, useEffect } from 'react';
+import { DayPicker, dateLib } from 'react-day-picker';
 import { Flex } from '../flex/flex.js';
 import { IconButton } from '../icon-button/icon-button.js';
 import { Select } from '../select/select.js';
 import { Skeleton } from '../skeleton/skeleton.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import styles from './calendar.module.css.js';
-import { DayPicker } from '../../node_modules/.pnpm/react-day-picker@9.6.7_react@19.1.1/node_modules/react-day-picker/dist/esm/DayPicker.js';
-import { dateLib } from '../../node_modules/.pnpm/react-day-picker@9.6.7_react@19.1.1/node_modules/react-day-picker/dist/esm/classes/DateLib.js';
 const root = cva(styles.calendarRoot);
 function DropDown({ options = [], value, onChange, onDropdownOpen, disabled }) {

package/dist/components/calendar/calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ReactNode, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: Record<string, ReactNode>;\n dateInfo?: Record<string, ReactNode> \| ((date: Date) => ReactNode \| null);\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open, onDropdownOpen]);\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.dropdownTrigger}\n iconProps={{\n className: styles.dropdownIcon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdownContent}>\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 >\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 dateInfo = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const dateKey = dateLib.format(day.date, 'dd-MM-yyyy');\n const message = tooltipMessages[dateKey];\n\n // Support both object and function for dateInfo\n const dateComponent =\n typeof dateInfo === 'function'\n ? dateInfo(day.date)\n : dateInfo[dateKey];\n const hasDateInfo = Boolean(dateComponent);\n\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button\n {...buttonProps}\n className={cx(\n buttonProps.className,\n hasDateInfo && styles.dayButtonWithInfo\n )}\n >\n {hasDateInfo && (\n <div className={styles.dayInfo}>{dateComponent}</div>\n )}\n <span className={styles.dayNumber}>{buttonProps.children}</span>\n </button>\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.captionLabel,\n button_previous: `${styles.navButton} ${styles.navButtonPrevious}`,\n button_next: `${styles.navButton} ${styles.navButtonNext}`,\n month_caption: styles.monthCaption,\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.dayButton,\n range_middle: styles.rangeMiddle,\n range_end: styles.rangeEnd,\n range_start: styles.rangeStart,\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":[],"mappings":"~~;;;;;;;;;;;;;;~~AAwCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}
1	+ {"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ReactNode, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: Record<string, ReactNode>;\n dateInfo?: Record<string, ReactNode> \| ((date: Date) => ReactNode \| null);\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open, onDropdownOpen]);\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.dropdownTrigger}\n iconProps={{\n className: styles.dropdownIcon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdownContent}>\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 >\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 dateInfo = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const dateKey = dateLib.format(day.date, 'dd-MM-yyyy');\n const message = tooltipMessages[dateKey];\n\n // Support both object and function for dateInfo\n const dateComponent =\n typeof dateInfo === 'function'\n ? dateInfo(day.date)\n : dateInfo[dateKey];\n const hasDateInfo = Boolean(dateComponent);\n\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button\n {...buttonProps}\n className={cx(\n buttonProps.className,\n hasDateInfo && styles.dayButtonWithInfo\n )}\n >\n {hasDateInfo && (\n <div className={styles.dayInfo}>{dateComponent}</div>\n )}\n <span className={styles.dayNumber}>{buttonProps.children}</span>\n </button>\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.captionLabel,\n button_previous: `${styles.navButton} ${styles.navButtonPrevious}`,\n button_next: `${styles.navButton} ${styles.navButtonNext}`,\n month_caption: styles.monthCaption,\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.dayButton,\n range_middle: styles.rangeMiddle,\n range_end: styles.rangeEnd,\n range_start: styles.rangeStart,\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":[],"mappings":";;;;;;;;;;;;;AAwCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}

package/dist/components/calendar/date-picker.cjs CHANGED Viewed

@@ -2,22 +2,22 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.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');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var dayjs = require('dayjs');
+var customParseFormat = require('dayjs/plugin/customParseFormat');
 var React = require('react');
 var inputField = require('../input-field/input-field.cjs');
 var popover = require('../popover/popover.cjs');
 var calendar = require('./calendar.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
-dayjs_min.default.extend(customParseFormat.default);
+dayjs.extend(customParseFormat);
 function DatePicker({ dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps, value = new Date(), onSelect = () => { }, children, showCalendarIcon = true, timeZone, popoverProps }) {
     const [showCalendar, setShowCalendar] = React.useState(false);
     const [selectedDate, setSelectedDate] = React.useState(value);
     const [error, setError] = React.useState();
-    const formattedDate = dayjs_min.default(selectedDate).format(dateFormat);
+    const formattedDate = dayjs(selectedDate).format(dateFormat);
     const isDropdownOpenRef = React.useRef(false);
     const inputFieldRef = React.useRef(null);
     const contentRef = React.useRef(null);
@@ -43,11 +43,11 @@ function DatePicker({ dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps,
     function removeEventListeners(skipUpdate = false) {
         isInputFieldFocused.current = false;
         setShowCalendar(false);
-        const updatedVal = dayjs_min.default(selectedDateRef.current).format(dateFormat);
+        const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);
         if (inputFieldRef.current)
             inputFieldRef.current.value = updatedVal;
         if (!error && !skipUpdate)
-            onSelect(dayjs_min.default(updatedVal).toDate());
+            onSelect(dayjs(updatedVal).toDate());
         document.removeEventListener('mouseup', handleMouseDown);
     }
     const handleSelect = (day) => {
@@ -96,15 +96,15 @@ function DatePicker({ dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps,
             : value.includes('-')
                 ? 'DD-MM-YYYY'
                 : undefined;
-        const date = dayjs_min.default(value, format);
+        const date = dayjs(value, format);
         const isValidDate = date.isValid();
         const isAfter = calendarProps?.startMonth !== undefined
-            ? dayjs_min.default(date).isSameOrAfter(calendarProps.startMonth)
+            ? dayjs(date).isSameOrAfter(calendarProps.startMonth)
             : true;
         const isBefore = calendarProps?.endMonth !== undefined
-            ? dayjs_min.default(date).isSameOrBefore(calendarProps.endMonth)
+            ? dayjs(date).isSameOrBefore(calendarProps.endMonth)
             : true;
-        const isValid = isValidDate && isAfter && isBefore && dayjs_min.default(date).isSameOrBefore(dayjs_min.default());
+        const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());
         if (isValid) {
             setSelectedDate(date.toDate());
             setError(undefined);
@@ -113,9 +113,9 @@ function DatePicker({ dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps,
             setError('Invalid date');
         }
     }
-    const defaultTrigger = (jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select date', error: error, className: calendar_module.default.datePickerInput, trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, ...inputFieldProps, ref: inputFieldRef, value: formattedDate, onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyUp: handleKeyUp }));
+    const defaultTrigger = (jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select date', error: error, className: calendar_module.default.datePickerInput, trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons.CalendarIcon, {}) : undefined, ...inputFieldProps, ref: inputFieldRef, value: formattedDate, onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyUp: handleKeyUp }));
     const trigger = typeof children === 'function' ? (children({ selectedDate: formattedDate })) : children ? (jsxRuntime.jsx("div", { children: children })) : (jsxRuntime.jsx("div", { children: defaultTrigger }));
-    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsx(popover.Popover.Content, { ref: contentRef, ...popoverProps, className: index.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: jsxRuntime.jsx(calendar.Calendar, { required: true, ...calendarProps, timeZone: timeZone, onDropdownOpen: onDropdownOpen, mode: 'single', selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
+    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsx(popover.Popover.Content, { ref: contentRef, ...popoverProps, className: classVarianceAuthority.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: jsxRuntime.jsx(calendar.Calendar, { required: true, ...calendarProps, timeZone: timeZone, onDropdownOpen: onDropdownOpen, mode: 'single', selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
 }
 exports.DatePicker = DatePicker;

package/dist/components/calendar/date-picker.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { PropsBase, PropsSingleRequired } from 'react-day-picker';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport { Popover } from '../popover';\nimport { PopoverContentProps } from '../popover/popover';\nimport { Calendar } from './calendar';\nimport styles from './calendar.module.css';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n popoverProps?: PopoverContentProps;\n}\n\nexport function DatePicker({\n dateFormat = 'DD/MM/YYYY',\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone,\n popoverProps\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = 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 const isElementOutside = useCallback((el: HTMLElement) => {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }, []);\n\n const handleMouseDown = useCallback(\n (event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n },\n [isElementOutside]\n );\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener('mouseup', handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener('mouseup', handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\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(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === 'Enter' && inputFieldRef.current) {\n inputFieldRef.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('/')\n ? 'DD/MM/YYYY'\n : value.includes('-')\n ? 'DD-MM-YYYY'\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError('Invalid date');\n }\n }\n\n const defaultTrigger = (\n <InputField\n size='small'\n placeholder='Select date'\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n value={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === 'function' ? (\n children({ selectedDate: formattedDate })\n ) : children ? (\n <div>{children}</div>\n ) : (\n <div>{defaultTrigger}</div>\n );\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n <Popover.Content\n ref={contentRef}\n {...popoverProps}\n className={cx(styles.calendarPopover, popoverProps?.className)}\n side={popoverProps?.side ?? 'top'}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\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"~~],"mappings":";;;;;;;;;;;;;;~~AAeAA~~;AAgBgB;;;;;AAiBd;AACA;AACA;AACA;AACA;;AAGE;AACF;AAEA;AACE;;;;AAOF;AAEI;AACA;AAAgC;AAClC;AAIF;AACE;AACA;;AAGF;AACE;;AAGA;;AAE2B;AAC3B;;AAEA;;AAGF;;;;;AAKA;AAEA;AACE;;;;;AAQE;;AAGF;;AAGF;;;AAEE;;;;AAIA;AACE;AACA;AAAgC;;;AAEhC;;;;;;AAOA;AACA;;;;AAKF;AAEA;AACE;AACA;AACE;;;AAIJ;AAEA;;;AAIA;;;AAKA;;AAIE;;;;;;;AAOJ;AAiBA;;AAgCF;;"}
1	+ {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { PropsBase, PropsSingleRequired } from 'react-day-picker';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport { Popover } from '../popover';\nimport { PopoverContentProps } from '../popover/popover';\nimport { Calendar } from './calendar';\nimport styles from './calendar.module.css';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n popoverProps?: PopoverContentProps;\n}\n\nexport function DatePicker({\n dateFormat = 'DD/MM/YYYY',\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone,\n popoverProps\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = 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 const isElementOutside = useCallback((el: HTMLElement) => {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }, []);\n\n const handleMouseDown = useCallback(\n (event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n },\n [isElementOutside]\n );\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener('mouseup', handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener('mouseup', handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\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(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === 'Enter' && inputFieldRef.current) {\n inputFieldRef.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('/')\n ? 'DD/MM/YYYY'\n : value.includes('-')\n ? 'DD-MM-YYYY'\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError('Invalid date');\n }\n }\n\n const defaultTrigger = (\n <InputField\n size='small'\n placeholder='Select date'\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n value={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === 'function' ? (\n children({ selectedDate: formattedDate })\n ) : children ? (\n <div>{children}</div>\n ) : (\n <div>{defaultTrigger}</div>\n );\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n <Popover.Content\n ref={contentRef}\n {...popoverProps}\n className={cx(styles.calendarPopover, popoverProps?.className)}\n side={popoverProps?.side ?? 'top'}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\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":[],"mappings":";;;;;;;;;;;;;;AAeA;AAgBgB;;;;;AAiBd;AACA;AACA;AACA;AACA;;AAGE;AACF;AAEA;AACE;;;;AAOF;AAEI;AACA;AAAgC;AAClC;AAIF;AACE;AACA;;AAGF;AACE;;AAGA;;AAE2B;AAC3B;;AAEA;;AAGF;;;;;AAKA;AAEA;AACE;;;;;AAQE;;AAGF;;AAGF;;;AAEE;;;;AAIA;AACE;AACA;AAAgC;;;AAEhC;;;;;;AAOA;AACA;;;;AAKF;AAEA;AACE;AACA;AACE;;;AAIJ;AAEA;;;AAIA;;;AAKA;;AAIE;;;;;;;AAOJ;AAiBA;;AAgCF;;"}

package/dist/components/calendar/date-picker.js CHANGED Viewed

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
-import customParseFormat from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.js';
+import { CalendarIcon } from '@radix-ui/react-icons';
+import { cx } from 'class-variance-authority';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { InputField } from '../input-field/input-field.js';
 import { Popover } from '../popover/popover.js';

package/dist/components/calendar/range-picker.cjs CHANGED Viewed

@@ -2,9 +2,9 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var dayjs_min = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var dayjs = require('dayjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var inputField = require('../input-field/input-field.cjs');
@@ -22,18 +22,18 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
     const [currentMonth, setCurrentMonth] = React.useState(internalValue?.from);
     const selectedRange = value ?? internalValue;
     const startDate = selectedRange.from
-        ? dayjs_min.default(selectedRange.from).format(dateFormat)
+        ? dayjs(selectedRange.from).format(dateFormat)
         : '';
     const endDate = selectedRange.to
-        ? dayjs_min.default(selectedRange.to).format(dateFormat)
+        ? dayjs(selectedRange.to).format(dateFormat)
         : '';
     // Ensures two months are visible even when
     // current month is the last allowed month (endMonth).
     const computedDefaultMonth = React.useMemo(() => {
         let month = currentMonth;
         if (calendarProps?.endMonth) {
-            const endMonth = dayjs_min.default(calendarProps.endMonth);
-            const fromMonth = dayjs_min.default(currentMonth);
+            const endMonth = dayjs(calendarProps.endMonth);
+            const fromMonth = dayjs(currentMonth);
             if (fromMonth.isSame(endMonth, 'month')) {
                 month = endMonth.subtract(1, 'month').toDate();
             }
@@ -60,7 +60,7 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         if (currentRangeField === 'from') {
             // If selecting start date and it's after the current end date
             if (selectedRange?.to &&
-                dayjs_min.default(selectedDay).isAfter(dayjs_min.default(selectedRange.to))) {
+                dayjs(selectedDay).isAfter(dayjs(selectedRange.to))) {
                 newRange = { from: selectedDay };
                 newCurrentRangeField = 'to';
             }
@@ -73,7 +73,7 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         else {
             // If selecting end date and it's before the current start date
             if (selectedRange?.from &&
-                dayjs_min.default(selectedDay).isBefore(dayjs_min.default(selectedRange.from))) {
+                dayjs(selectedDay).isBefore(dayjs(selectedRange.from))) {
                 newRange = { from: selectedDay };
                 newCurrentRangeField = 'to';
             }
@@ -85,11 +85,11 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         setInternalValue(newRange);
         onSelect(newRange);
     };
-    const defaultTrigger = (jsxRuntime.jsxs(flex.Flex, { gap: 'medium', className: pickerGroupClassName, children: [jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select start date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.startDate ?? {}), value: startDate, readOnly: true, "data-range-field": 'start', "data-active": showCalendar && currentRangeField === 'from', onClick: onTriggerClick }), jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select end date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.endDate ?? {}), value: endDate, readOnly: true, "data-range-field": 'end', "data-active": showCalendar && currentRangeField === 'to', onClick: onTriggerClick })] }));
+    const defaultTrigger = (jsxRuntime.jsxs(flex.Flex, { gap: 'medium', className: pickerGroupClassName, children: [jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select start date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.startDate ?? {}), value: startDate, readOnly: true, "data-range-field": 'start', "data-active": showCalendar && currentRangeField === 'from', onClick: onTriggerClick }), jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select end date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.endDate ?? {}), value: endDate, readOnly: true, "data-range-field": 'end', "data-active": showCalendar && currentRangeField === 'to', onClick: onTriggerClick })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;
-    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: setShowCalendar, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxs(popover.Popover.Content, { ...popoverProps, className: index.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: [jsxRuntime.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, timeZone: timeZone, mode: 'range', month: computedDefaultMonth, selected: selectedRange, onSelect: handleSelect, onMonthChange: setCurrentMonth }), footer && (jsxRuntime.jsx(flex.Flex, { align: 'center', justify: 'center', className: calendar_module.default.calendarFooter, children: footer }))] })] }));
+    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: setShowCalendar, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxs(popover.Popover.Content, { ...popoverProps, className: classVarianceAuthority.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: [jsxRuntime.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, timeZone: timeZone, mode: 'range', month: computedDefaultMonth, selected: selectedRange, onSelect: handleSelect, onMonthChange: setCurrentMonth }), footer && (jsxRuntime.jsx(flex.Flex, { align: 'center', justify: 'center', className: calendar_module.default.calendarFooter, children: footer }))] })] }));
 }
 exports.RangePicker = RangePicker;

package/dist/components/calendar/range-picker.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import { CalendarIcon } from '@radix-ui/react-icons';
+import { cx } from 'class-variance-authority';
+import dayjs from 'dayjs';
 import { useState, useMemo, useCallback } from 'react';
 import { Flex } from '../flex/flex.js';
 import { InputField } from '../input-field/input-field.js';

package/dist/components/callout/callout.cjs CHANGED Viewed

@@ -2,12 +2,12 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var callout_module = require('./callout.module.css.cjs');
-const callout = index.cva(callout_module.default.callout, {
+const callout = classVarianceAuthority.cva(callout_module.default.callout, {
     variants: {
         type: {
             grey: callout_module.default['callout-grey'],
@@ -29,7 +29,7 @@ const callout = index.cva(callout_module.default.callout, {
         type: 'grey'
     }
 });
-const Callout = React.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, style, icon = jsxRuntime.jsx(reactIcons_esm.InfoCircledIcon, {}), ...props }, ref) => {
+const Callout = React.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, style, icon = jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}), ...props }, ref) => {
     const combinedStyle = {
         ...style,
         ...(width && { width: typeof width === 'number' ? `${width}px` : width })

package/dist/components/callout/callout.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './callout.module.css.js';