@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.2

package/dist/components/breadcrumb/breadcrumb-misc.js

@@ -2,17 +2,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { DotsHorizontalIcon, ChevronRightIcon } from '@radix-ui/react-icons';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './breadcrumb.module.css.js';
 
-const BreadcrumbEllipsis = forwardRef(({ className, children = jsx(DotsHorizontalIcon, { width: 20, height: 20 }), ...props }, ref) => {
-    return (jsx("span", { className: cx(styles['breadcrumb-ellipsis'], className), ref: ref, ...props, children: children }));
-});
-BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
-const BreadcrumbSeparator = forwardRef(({ children = jsx(ChevronRightIcon, { width: 12, height: 12 }), className, ...props }, ref) => {
-    return (jsx("span", { className: cx(styles['breadcrumb-separator'], className), ref: ref, ...props, children: children }));
-});
-BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+const BreadcrumbEllipsis = ({ ref, className, children = jsx(DotsHorizontalIcon, { width: 20, height: 20 }), ...props }) => {
+    return (jsx("li", { className: styles['breadcrumb-item'], role: 'presentation', "aria-hidden": 'true', children: jsx("span", { className: cx(styles['breadcrumb-ellipsis'], className), ref: ref, ...props, children: children }) }));
+};
+BreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis';
+const BreadcrumbSeparator = ({ ref, children = jsx(ChevronRightIcon, { width: 12, height: 12 }), className, ...props }) => {
+    return (jsx("li", { className: styles['breadcrumb-item'], role: 'presentation', "aria-hidden": 'true', children: jsx("span", { className: cx(styles['breadcrumb-separator'], className), ref: ref, role: 'presentation', "aria-hidden": 'true', ...props, children: children }) }));
+};
+BreadcrumbSeparator.displayName = 'Breadcrumb.Separator';
 
 export { BreadcrumbEllipsis, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb-misc.js.map

package/dist/components/breadcrumb/breadcrumb-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-misc.js","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbEllipsisProps\n>(\n  (\n    {\n      className,\n      children = <DotsHorizontalIcon width={20} height={20} />,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <span\n        className={cx(styles['breadcrumb-ellipsis'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n  extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbSeparatorProps\n>(\n  (\n    {\n      children = <ChevronRightIcon width={12} height={12} />,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <span\n        className={cx(styles['breadcrumb-separator'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":[],"mappings":";;;;;;;AAUO;;AAqBL;AAGF;AAKO;;AAqBL;AAGF;;"}
+{"version":3,"file":"breadcrumb-misc.js","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps extends ComponentProps<'span'> {}\n\nexport const BreadcrumbEllipsis = ({\n  ref,\n  className,\n  children = <DotsHorizontalIcon width={20} height={20} />,\n  ...props\n}: BreadcrumbEllipsisProps) => {\n  return (\n    <li\n      className={styles['breadcrumb-item']}\n      role='presentation'\n      aria-hidden='true'\n    >\n      <span\n        className={cx(styles['breadcrumb-ellipsis'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </span>\n    </li>\n  );\n};\n\nBreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis';\n\nexport interface BreadcrumbSeparatorProps extends ComponentProps<'span'> {}\n\nexport const BreadcrumbSeparator = ({\n  ref,\n  children = <ChevronRightIcon width={12} height={12} />,\n  className,\n  ...props\n}: BreadcrumbSeparatorProps) => {\n  return (\n    <li\n      className={styles['breadcrumb-item']}\n      role='presentation'\n      aria-hidden='true'\n    >\n      <span\n        className={cx(styles['breadcrumb-separator'], className)}\n        ref={ref}\n        role='presentation'\n        aria-hidden='true'\n        {...props}\n      >\n        {children}\n      </span>\n    </li>\n  );\n};\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator';\n"],"names":[],"mappings":";;;;;;AASO;AAML;AAeF;AAEA;AAIO;;AAuBP;AAEA;;"}

package/dist/components/breadcrumb/breadcrumb-root.cjs

@@ -3,7 +3,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var breadcrumb_module = require('./breadcrumb.module.css.cjs');
 
 const breadcrumbVariants = classVarianceAuthority.cva(breadcrumb_module.default['breadcrumb'], {
@@ -17,10 +16,10 @@ const breadcrumbVariants = classVarianceAuthority.cva(breadcrumb_module.default[
         size: 'medium'
     }
 });
-const BreadcrumbRoot = React.forwardRef(({ className, children, size = 'medium', ...props }, ref) => {
-    return (jsxRuntime.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsxRuntime.jsx("ol", { className: breadcrumb_module.default['breadcrumb-list'], children: children }) }));
-});
-BreadcrumbRoot.displayName = 'BreadcrumbRoot';
+const BreadcrumbRoot = ({ className, children, ref, size = 'medium', 'aria-label': ariaLabel, ...props }) => {
+    return (jsxRuntime.jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, "aria-label": ariaLabel ?? 'Breadcrumb', ...props, children: jsxRuntime.jsx("ol", { className: breadcrumb_module.default['breadcrumb-list'], children: children }) }));
+};
+BreadcrumbRoot.displayName = 'Breadcrumb';
 
 exports.BreadcrumbRoot = BreadcrumbRoot;
 //# sourceMappingURL=breadcrumb-root.cjs.map

package/dist/components/breadcrumb/breadcrumb-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ className, children, size = 'medium', ...props }, ref) => {\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>{children}</ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[],"mappings":";;;;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAQG;AASF;AAGF;;"}
+{"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\n/**\n * Breadcrumb root: renders a nav with an ordered list of items and separators.\n */\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    ComponentProps<'nav'> {}\n\nexport const BreadcrumbRoot = ({\n  className,\n  children,\n  ref,\n  size = 'medium',\n  'aria-label': ariaLabel,\n  ...props\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      className={breadcrumbVariants({ size, className })}\n      ref={ref}\n      aria-label={ariaLabel ?? 'Breadcrumb'}\n      {...props}\n    >\n      <ol className={styles['breadcrumb-list']}>{children}</ol>\n    </nav>\n  );\n};\n\nBreadcrumbRoot.displayName = 'Breadcrumb';\n"],"names":[],"mappings":";;;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQX;AAUF;AAEA;;"}

package/dist/components/breadcrumb/breadcrumb-root.d.ts

@@ -1,10 +1,16 @@
 import { type VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
+import { ComponentProps } from 'react';
 declare const breadcrumbVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLDivElement> {
+/**
+ * Breadcrumb root: renders a nav with an ordered list of items and separators.
+ */
+export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, ComponentProps<'nav'> {
 }
-export declare const BreadcrumbRoot: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BreadcrumbRoot: {
+    ({ className, children, ref, size, "aria-label": ariaLabel, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=breadcrumb-root.d.ts.map

package/dist/components/breadcrumb/breadcrumb-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-root.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,cAAc,4GAY1B,CAAC"}
+{"version":3,"file":"breadcrumb-root.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,cAAc,CAAC,KAAK,CAAC;CAAG;AAE5B,eAAO,MAAM,cAAc;4EAOxB,eAAe;;CAWjB,CAAC"}

package/dist/components/breadcrumb/breadcrumb-root.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './breadcrumb.module.css.js';
 
 const breadcrumbVariants = cva(styles['breadcrumb'], {
@@ -15,10 +14,10 @@ const breadcrumbVariants = cva(styles['breadcrumb'], {
         size: 'medium'
     }
 });
-const BreadcrumbRoot = forwardRef(({ className, children, size = 'medium', ...props }, ref) => {
-    return (jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, ...props, children: jsx("ol", { className: styles['breadcrumb-list'], children: children }) }));
-});
-BreadcrumbRoot.displayName = 'BreadcrumbRoot';
+const BreadcrumbRoot = ({ className, children, ref, size = 'medium', 'aria-label': ariaLabel, ...props }) => {
+    return (jsx("nav", { className: breadcrumbVariants({ size, className }), ref: ref, "aria-label": ariaLabel ?? 'Breadcrumb', ...props, children: jsx("ol", { className: styles['breadcrumb-list'], children: children }) }));
+};
+BreadcrumbRoot.displayName = 'Breadcrumb';
 
 export { BreadcrumbRoot };
 //# sourceMappingURL=breadcrumb-root.js.map

package/dist/components/breadcrumb/breadcrumb-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-root.js","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ className, children, size = 'medium', ...props }, ref) => {\n    return (\n      <nav\n        className={breadcrumbVariants({ size, className })}\n        ref={ref}\n        {...props}\n      >\n        <ol className={styles['breadcrumb-list']}>{children}</ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[],"mappings":";;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAQG;AASF;AAGF;;"}
+{"version":3,"file":"breadcrumb-root.js","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\n/**\n * Breadcrumb root: renders a nav with an ordered list of items and separators.\n */\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    ComponentProps<'nav'> {}\n\nexport const BreadcrumbRoot = ({\n  className,\n  children,\n  ref,\n  size = 'medium',\n  'aria-label': ariaLabel,\n  ...props\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      className={breadcrumbVariants({ size, className })}\n      ref={ref}\n      aria-label={ariaLabel ?? 'Breadcrumb'}\n      {...props}\n    >\n      <ol className={styles['breadcrumb-list']}>{children}</ol>\n    </nav>\n  );\n};\n\nBreadcrumbRoot.displayName = 'Breadcrumb';\n"],"names":[],"mappings":";;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQX;AAUF;AAEA;;"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,6 +1,18 @@
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<import("./breadcrumb-root").BreadcrumbProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: import("react").ForwardRefExoticComponent<import("./breadcrumb-item").BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-    Ellipsis: import("react").ForwardRefExoticComponent<import("./breadcrumb-misc").BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
-    Separator: import("react").ForwardRefExoticComponent<import("./breadcrumb-misc").BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Breadcrumb: {
+    ({ className, children, ref, size, "aria-label": ariaLabel, ...props }: import("./breadcrumb-root").BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Item: {
+        ({ ref, render, children, className, leadingIcon, trailingIcon, current, disabled, href, dropdownItems, ...props }: import("./breadcrumb-item").BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: {
+        ({ ref, className, children, ...props }: import("./breadcrumb-misc").BreadcrumbEllipsisProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ ref, children, className, ...props }: import("./breadcrumb-misc").BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAIrB,CAAC"}

package/dist/components/breadcrumb/breadcrumb.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
+var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-link-disabled":"breadcrumb-module_breadcrumb-link-disabled__qD0tT","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___link___disabled":"breadcrumb-module_breadcrumb-link-disabled__qD0tT","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
 
 exports.default = styles;
 //# sourceMappingURL=breadcrumb.module.css.cjs.map

package/dist/components/breadcrumb/breadcrumb.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
+var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__5yXGy","breadcrumb-small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb-medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb-list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb-item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb-link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb-link-active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb-link-disabled":"breadcrumb-module_breadcrumb-link-disabled__qD0tT","breadcrumb-icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb-separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb-ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb-dropdown-trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb-dropdown-icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb-dropdown-item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx","breadcrumb___small":"breadcrumb-module_breadcrumb-small__ddlW7","breadcrumb___medium":"breadcrumb-module_breadcrumb-medium__xGUhN","breadcrumb___list":"breadcrumb-module_breadcrumb-list__fTMHZ","breadcrumb___item":"breadcrumb-module_breadcrumb-item__geKbw","breadcrumb___link":"breadcrumb-module_breadcrumb-link__SATrN","breadcrumb___link___active":"breadcrumb-module_breadcrumb-link-active__xGmwH","breadcrumb___link___disabled":"breadcrumb-module_breadcrumb-link-disabled__qD0tT","breadcrumb___icon":"breadcrumb-module_breadcrumb-icon__GU-Xh","breadcrumb___separator":"breadcrumb-module_breadcrumb-separator__4HNuQ","breadcrumb___ellipsis":"breadcrumb-module_breadcrumb-ellipsis__aNhLZ","breadcrumb___dropdown___trigger":"breadcrumb-module_breadcrumb-dropdown-trigger__xvjTm","breadcrumb___dropdown___icon":"breadcrumb-module_breadcrumb-dropdown-icon__bh34X","breadcrumb___dropdown___item":"breadcrumb-module_breadcrumb-dropdown-item__wPdcx"};
 
 export { styles as default };
 //# sourceMappingURL=breadcrumb.module.css.js.map

package/dist/components/button/button.cjs

@@ -3,7 +3,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var spinner = require('../spinner/spinner.cjs');
 var button_module = require('./button.module.css.cjs');
 
@@ -123,12 +122,12 @@ const button = classVarianceAuthority.cva(button_module.default['button'], {
 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', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }, ref) => {
+const Button = ({ className, variant = 'solid', color = 'accent', size = 'normal', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }) => {
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsxRuntime.jsx(react.Button, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, render: render, nativeButton: !render, focusableWhenDisabled: loading, ...props, children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(spinner.Spinner, { size: 1, color: 'default' }), loaderText && (jsxRuntime.jsx("span", { className: button_module.default['loader-text'], children: loaderText }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && (jsxRuntime.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsxRuntime.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-trailing']}`, children: trailingIcon }))] })) }));
-});
+    return (jsxRuntime.jsx(react.Button, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, disabled: disabled, style: buttonStyle, render: render, nativeButton: !render, focusableWhenDisabled: loading, ...props, children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(spinner.Spinner, { size: 1, color: 'default' }), loaderText && (jsxRuntime.jsx("span", { className: button_module.default['loader-text'], children: loaderText }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && (jsxRuntime.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsxRuntime.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-trailing']}`, children: trailingIcon }))] })) }));
+};
 Button.displayName = 'Button';
 
 exports.Button = Button;

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

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ElementRef, 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    {\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  ButtonPrimitive.Props & {\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<\n  ElementRef<typeof ButtonPrimitive>,\n  ButtonProps\n>(\n  (\n    {\n      className,\n      variant = 'solid',\n      color = 'accent',\n      size = 'normal',\n      disabled,\n      loading,\n      loaderText,\n      leadingIcon,\n      trailingIcon,\n      maxWidth,\n      width,\n      style = {},\n      children,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <ButtonPrimitive\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        render={render}\n        nativeButton={!render}\n        focusableWhenDisabled={loading}\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      </ButtonPrimitive>\n    );\n  }\n);\nButton.displayName = 'Button';\n"],"names":["cva","styles","forwardRef","_jsx","ButtonPrimitive","_jsxs","_Fragment","Spinner"],"mappings":"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"}
+{"version":3,"file":"button.cjs","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { 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    {\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 = VariantProps<typeof button> &\n  ButtonPrimitive.Props & {\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 = ({\n  className,\n  variant = 'solid',\n  color = 'accent',\n  size = 'normal',\n  disabled,\n  loading,\n  loaderText,\n  leadingIcon,\n  trailingIcon,\n  maxWidth,\n  width,\n  style = {},\n  children,\n  render,\n  ...props\n}: ButtonProps) => {\n  const isLoaderOnly = loading && !loaderText;\n  const widthStyle = { maxWidth, width };\n  const buttonStyle = { ...widthStyle, ...style };\n\n  return (\n    <ButtonPrimitive\n      className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n      disabled={disabled}\n      style={buttonStyle}\n      render={render}\n      nativeButton={!render}\n      focusableWhenDisabled={loading}\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    </ButtonPrimitive>\n  );\n};\nButton.displayName = 'Button';\n"],"names":["cva","styles","_jsx","ButtonPrimitive","_jsxs","Spinner"],"mappings":"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"}

package/dist/components/button/button.d.ts

@@ -1,6 +1,6 @@
 import { Button as ButtonPrimitive } from '@base-ui/react';
 import { type VariantProps } from 'class-variance-authority';
-import { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 declare const button: (props?: ({
     variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
     size?: "small" | "normal" | null | undefined;
@@ -8,7 +8,7 @@ declare const button: (props?: ({
     loading?: boolean | null | undefined;
     color?: "accent" | "danger" | "success" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ButtonProps = PropsWithChildren<VariantProps<typeof button>> & ButtonPrimitive.Props & {
+type ButtonProps = VariantProps<typeof button> & ButtonPrimitive.Props & {
     loading?: boolean;
     loaderText?: ReactNode;
     leadingIcon?: ReactNode;
@@ -17,6 +17,9 @@ type ButtonProps = PropsWithChildren<VariantProps<typeof button>> & ButtonPrimit
     width?: string | number;
     style?: React.CSSProperties;
 };
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Button: {
+    ({ className, variant, color, size, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style, children, render, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAA0B,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7E,QAAA,MAAM,MAAM;;;;;;8EAgHV,CAAC;AAOH,KAAK,WAAW,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC,GAC/D,eAAe,CAAC,KAAK,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,MAAM,kHAgElB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,QAAA,MAAM,MAAM;;;;;;8EAgHV,CAAC;AAOH,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,GAC5C,eAAe,CAAC,KAAK,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,MAAM;wJAgBhB,WAAW;;CAuCb,CAAC"}

package/dist/components/button/button.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button as Button$1 } from '@base-ui/react';
 import { cva } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Spinner } from '../spinner/spinner.js';
 import styles from './button.module.css.js';
 
@@ -121,12 +120,12 @@ const button = cva(styles['button'], {
 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', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }, ref) => {
+const Button = ({ className, variant = 'solid', color = 'accent', size = 'normal', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }) => {
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsx(Button$1, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, render: render, nativeButton: !render, focusableWhenDisabled: loading, ...props, children: loading ? (jsxs(Fragment, { children: [jsx(Spinner, { size: 1, color: 'default' }), loaderText && (jsx("span", { className: styles['loader-text'], children: loaderText }))] })) : (jsxs(Fragment, { children: [leadingIcon && (jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon }))] })) }));
-});
+    return (jsx(Button$1, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, disabled: disabled, style: buttonStyle, render: render, nativeButton: !render, focusableWhenDisabled: loading, ...props, children: loading ? (jsxs(Fragment, { children: [jsx(Spinner, { size: 1, color: 'default' }), loaderText && (jsx("span", { className: styles['loader-text'], children: loaderText }))] })) : (jsxs(Fragment, { children: [leadingIcon && (jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon }))] })) }));
+};
 Button.displayName = 'Button';
 
 export { Button };

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ElementRef, 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    {\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  ButtonPrimitive.Props & {\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<\n  ElementRef<typeof ButtonPrimitive>,\n  ButtonProps\n>(\n  (\n    {\n      className,\n      variant = 'solid',\n      color = 'accent',\n      size = 'normal',\n      disabled,\n      loading,\n      loaderText,\n      leadingIcon,\n      trailingIcon,\n      maxWidth,\n      width,\n      style = {},\n      children,\n      render,\n      ...props\n    },\n    ref\n  ) => {\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <ButtonPrimitive\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        render={render}\n        nativeButton={!render}\n        focusableWhenDisabled={loading}\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      </ButtonPrimitive>\n    );\n  }\n);\nButton.displayName = 'Button';\n"],"names":["_jsx","ButtonPrimitive","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../components/button/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { 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    {\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 = VariantProps<typeof button> &\n  ButtonPrimitive.Props & {\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 = ({\n  className,\n  variant = 'solid',\n  color = 'accent',\n  size = 'normal',\n  disabled,\n  loading,\n  loaderText,\n  leadingIcon,\n  trailingIcon,\n  maxWidth,\n  width,\n  style = {},\n  children,\n  render,\n  ...props\n}: ButtonProps) => {\n  const isLoaderOnly = loading && !loaderText;\n  const widthStyle = { maxWidth, width };\n  const buttonStyle = { ...widthStyle, ...style };\n\n  return (\n    <ButtonPrimitive\n      className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n      disabled={disabled}\n      style={buttonStyle}\n      render={render}\n      nativeButton={!render}\n      focusableWhenDisabled={loading}\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    </ButtonPrimitive>\n  );\n};\nButton.displayName = 'Button';\n"],"names":["_jsx","ButtonPrimitive","_jsxs"],"mappings":"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"}

package/dist/components/calendar/calendar.cjs

@@ -44,7 +44,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, onDr
                     ? 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: 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 })] }) }));
+                return (jsxRuntime.jsxs(tooltip.Tooltip, { disabled: loadingData || !showTooltip || !message, children: [jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: 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 })] }) }), jsxRuntime.jsx(tooltip.Tooltip.Content, { side: 'top', children: message })] }));
             },
             MonthGrid: props => loadingData ? (jsxRuntime.jsx(skeleton.Skeleton, { count: 5, height: '18px', width: '252px', style: { marginBottom: 'var(--rs-space-6)' } })) : (jsxRuntime.jsx("table", { ...props }))
         }, classNames: {
@@ -71,6 +71,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, onDr
             ...classNames
         }, className: root({ className }), mode: 'single', ...props }));
 };
+Calendar.displayName = 'Calendar';
 
 exports.Calendar = Calendar;
 //# sourceMappingURL=calendar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon } 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 { 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        {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.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":";;;;;;;;;;;;;;AAkCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;AAWO;AAoBT;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}
+{"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon } 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 { 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        {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.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 disabled={loadingData || !showTooltip || !message}>\n              <Tooltip.Trigger\n                render={\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}>\n                      {buttonProps.children}\n                    </span>\n                  </button>\n                }\n              />\n              <Tooltip.Content side='top'>{message}</Tooltip.Content>\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\nCalendar.displayName = 'Calendar';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;AAWO;AAoBT;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAwBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;AAEA;;"}

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

@@ -11,6 +11,9 @@ interface CalendarPropsExtended {
     timeZone?: string;
 }
 export type CalendarProps = DayPickerProps & OnDropdownOpen & CalendarPropsExtended;
-export declare const Calendar: ({ className, classNames, showOutsideDays, onDropdownOpen, showTooltip, tooltipMessages, dateInfo, loadingData, timeZone, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Calendar: {
+    ({ className, classNames, showOutsideDays, onDropdownOpen, showTooltip, tooltipMessages, dateInfo, loadingData, timeZone, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=calendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,SAAS,EAAuB,MAAM,OAAO,CAAC;AACpE,OAAO,EAEL,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,IAAI,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AA4DxB,eAAO,MAAM,QAAQ,wIAWlB,aAAa,4CA4Gf,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,SAAS,EAAuB,MAAM,OAAO,CAAC;AACpE,OAAO,EAEL,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,IAAI,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AA4DxB,eAAO,MAAM,QAAQ;0IAWlB,aAAa;;CA+Gf,CAAC"}

package/dist/components/calendar/calendar.js

@@ -42,7 +42,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, onDr
                     ? dateInfo(day.date)
                     : dateInfo[dateKey];
                 const hasDateInfo = Boolean(dateComponent);
-                return (jsx(Tooltip, { side: 'top', disabled: loadingData || !showTooltip || !message, message: message, children: jsxs("button", { ...buttonProps, className: cx(buttonProps.className, hasDateInfo && styles.dayButtonWithInfo), children: [hasDateInfo && (jsx("div", { className: styles.dayInfo, children: dateComponent })), jsx("span", { className: styles.dayNumber, children: buttonProps.children })] }) }));
+                return (jsxs(Tooltip, { disabled: loadingData || !showTooltip || !message, children: [jsx(Tooltip.Trigger, { render: jsxs("button", { ...buttonProps, className: cx(buttonProps.className, hasDateInfo && styles.dayButtonWithInfo), children: [hasDateInfo && (jsx("div", { className: styles.dayInfo, children: dateComponent })), jsx("span", { className: styles.dayNumber, children: buttonProps.children })] }) }), jsx(Tooltip.Content, { side: 'top', children: message })] }));
             },
             MonthGrid: props => loadingData ? (jsx(Skeleton, { count: 5, height: '18px', width: '252px', style: { marginBottom: 'var(--rs-space-6)' } })) : (jsx("table", { ...props }))
         }, classNames: {
@@ -69,6 +69,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, onDr
             ...classNames
         }, className: root({ className }), mode: 'single', ...props }));
 };
+Calendar.displayName = 'Calendar';
 
 export { Calendar };
 //# sourceMappingURL=calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon } 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 { 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        {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.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":";;;;;;;;;;;;AAkCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;AAWO;AAoBT;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAqBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}
+{"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon } 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 { 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        {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.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 disabled={loadingData || !showTooltip || !message}>\n              <Tooltip.Trigger\n                render={\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}>\n                      {buttonProps.children}\n                    </span>\n                  </button>\n                }\n              />\n              <Tooltip.Content side='top'>{message}</Tooltip.Content>\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\nCalendar.displayName = 'Calendar';\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;AAWO;AAoBT;AAEa;AAYX;;;;;;;;AAoCQ;AACA;;AAGA;AAEI;AACA;AACJ;AAEA;;AAwBF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;AAEA;;"}

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

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var dayjs = require('dayjs');
-var customParseFormat = require('dayjs/plugin/customParseFormat');
+var customParseFormat = require('dayjs/plugin/customParseFormat.js');
 var React = require('react');
 var inputField = require('../input-field/input-field.cjs');
 var popover = require('../popover/popover.cjs');
@@ -115,8 +115,9 @@ function DatePicker({ dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps,
     }
     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: 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 }) })] }));
+    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(popover.Popover.Trigger, { render: React.isValidElement(trigger) ? trigger : jsxRuntime.jsx("button", { 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 }) })] }));
 }
+DatePicker.displayName = 'DatePicker';
 
 exports.DatePicker = DatePicker;
 //# sourceMappingURL=date-picker.cjs.map