@raystack/apsara 0.56.6 → 1.0.0-rc.0

package/dist/components/avatar/avatar.d.ts

@@ -1,5 +1,5 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { VariantProps } from 'class-variance-authority';
-import { Avatar as AvatarPrimitive } from 'radix-ui';
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import { AVATAR_COLORS } from './utils';
 declare const avatar: (props?: ({
@@ -9,18 +9,17 @@ declare const avatar: (props?: ({
     disabled?: boolean | null | undefined;
     color?: "indigo" | "orange" | "mint" | "neutral" | "sky" | "lime" | "grass" | "cyan" | "iris" | "purple" | "pink" | "crimson" | "gold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const getAvatarProps: (element: ReactElement) => AvatarProps;
-export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatar> {
+export declare const getAvatarProps: (element: ReactElement<AvatarProps>) => AvatarProps;
+export interface AvatarProps extends AvatarPrimitive.Root.Props, VariantProps<typeof avatar> {
     size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;
     src?: string;
     alt?: string;
     fallback?: ReactNode;
     variant?: 'solid' | 'soft';
     color?: AVATAR_COLORS;
-    asChild?: boolean;
     className?: string;
 }
-export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 export interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {
     children: React.ReactElement<AvatarProps>[];
     max?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAAa,YAAY,KAAG,WAatD,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EACL,wBAAwB,EAGxB,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAChB,aAAa,WAAW,CAAC,KACjC,WAaF,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK,EAChC,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,eAAO,MAAM,MAAM,sHAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}

package/dist/components/avatar/avatar.js

@@ -1,8 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import { cva, cx } from 'class-variance-authority';
-import { Avatar as Avatar$1 } from 'radix-ui';
 import { forwardRef, isValidElement } from 'react';
-import { Box } from '../box/box.js';
 import styles from './avatar.module.css.js';
 
 const avatar = cva(styles.avatar, {
@@ -124,7 +123,7 @@ const image = cva(styles.image);
  * wrapped in another component like Tooltip, Flex, etc.
  */
 const getAvatarProps = (element) => {
-    const { props } = element;
+    const props = element.props;
     if (element.type === Avatar) {
         return props;
     }
@@ -135,7 +134,7 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsx(Box, { className: styles.imageWrapper, children: jsxs(Avatar$1.Root, { ref: ref, className: cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsx(Avatar$1.Image, { className: image(), src: src, alt: alt }), jsx(Avatar$1.Fallback, { className: styles.fallback, children: fallback })] }) })));
+const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxs(Avatar$1.Root, { ref: ref, className: cx(styles.imageWrapper, avatar({ size, radius, variant, color }), className), ...props, children: [jsx(Avatar$1.Image, { className: image(), src: src, alt: alt }), jsx(Avatar$1.Fallback, { className: styles.fallback, children: fallback })] })));
 AvatarRoot.displayName = Avatar$1.Root.displayName;
 const Avatar = AvatarRoot;
 const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) => {

package/dist/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive"],"mappings":"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"}
+{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode\n} from 'react';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (\n  element: ReactElement<AvatarProps>\n): AvatarProps => {\n  const props = element.props as AvatarProps & { children?: ReactNode };\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement<AvatarProps>(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends AvatarPrimitive.Root.Props,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <AvatarPrimitive.Root\n      ref={ref}\n      className={cx(\n        styles.imageWrapper,\n        avatar({ size, radius, variant, color }),\n        className\n      )}\n      {...props}\n    >\n      <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n      <AvatarPrimitive.Fallback className={styles.fallback}>\n        {fallback}\n      </AvatarPrimitive.Fallback>\n    </AvatarPrimitive.Root>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","AvatarPrimitive","_jsx"],"mappings":";;;;;;AAYA,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;AAChC,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,GAAG,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAC/B,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,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,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AAED,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE;AACvE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AAC1E,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAEhC;;;AAGG;AACU,MAAA,cAAc,GAAG,CAC5B,OAAkC,KACnB;AACf,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAA+C,CAAC;AAEtE,IAAA,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3B,QAAA,OAAO,KAAK,CAAC;KACd;AAED,IAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,QAAA,IAAI,cAAc,CAAc,KAAK,CAAC,QAAQ,CAAC,EAAE;AAC/C,YAAA,OAAO,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvC;KACF;AACD,IAAA,OAAO,EAAE,CAAC;AACZ,EAAE;AAcF,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACzE,GAAG,MAEHA,IAAC,CAAAC,QAAe,CAAC,IAAI,EACnB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACxC,SAAS,CACV,KACG,KAAK,EAAA,QAAA,EAAA,CAETC,IAACD,QAAe,CAAC,KAAK,EAAC,EAAA,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAI,CAAA,EACjEC,GAAC,CAAAD,QAAe,CAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EACjD,QAAQ,EACgB,CAAA,CAAA,EAAA,CACN,CACxB,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAGA,QAAe,CAAC,IAAI,CAAC,WAAW,CAAC;AAEnD,MAAM,MAAM,GAAG,WAAW;MAOpB,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9C,IAAA,MAAM,OAAO,GAAG,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC;IACxD,MAAM,KAAK,GAAG,GAAG,IAAI,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;;IAGvE,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,QACED,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAAA,CACnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACzBE,aAAiB,SAAS,EAAE,MAAM,CAAC,aAAa,YAC7C,MAAM,EAAA,EADC,KAAK,CAET,CACP,CAAC,EACD,KAAK,GAAG,CAAC,KACRA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAClC,QAAA,EAAAA,GAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,OAAO,EAAE,gBAAgB,CAAC,OAAO,EACjC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,EAAA,CACrB,GACE,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC;;;;"}

package/dist/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
-export { Avatar, AvatarGroup } from "./avatar";
-export { getAvatarColor } from "./utils";
+export { Avatar, AvatarGroup } from './avatar';
+export { getAvatarColor } from './utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,14 +5,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
-var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
+var menu = require('../menu/menu.cjs');
 var breadcrumb_module = require('./breadcrumb.module.css.cjs');
 
 const BreadcrumbItem = React.forwardRef(({ as, children, className, leadingIcon, current, href, dropdownItems, ...props }, ref) => {
     const renderedElement = as ?? jsxRuntime.jsx("a", { ref: ref });
     const label = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leadingIcon && (jsxRuntime.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: leadingIcon })), children && jsxRuntime.jsx("span", { children: children })] }));
     if (dropdownItems) {
-        return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [label, jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsx(dropdownMenu.DropdownMenu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onSelect: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
+        return (jsxRuntime.jsxs(menu.Menu, { children: [jsxRuntime.jsxs(menu.Menu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [label, jsxRuntime.jsx(reactIcons.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsx(menu.Menu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsx(menu.Menu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onClick: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
     }
     return (jsxRuntime.jsx("li", { className: classVarianceAuthority.cx(breadcrumb_module.default['breadcrumb-item'], className), children: React.cloneElement(renderedElement, {
             className: classVarianceAuthority.cx(breadcrumb_module.default['breadcrumb-link'], current && breadcrumb_module.default['breadcrumb-link-active']),

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n  cloneElement,\n  forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        {children && <span>{children}</span>}\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            className={styles['breadcrumb-dropdown-trigger']}\n          >\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            className={styles['breadcrumb-dropdown-content']}\n          >\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <DropdownMenu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onSelect={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;;;AA4BO;;;;AA4BD;;AAwBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}
+{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode\n} from 'react';\nimport { Menu } from '../menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        {children && <span>{children}</span>}\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <Menu>\n          <Menu.Trigger className={styles['breadcrumb-dropdown-trigger']}>\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </Menu.Trigger>\n          <Menu.Content className={styles['breadcrumb-dropdown-content']}>\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <Menu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onClick={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </Menu.Item>\n            ))}\n          </Menu.Content>\n        </Menu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;;;AA2BO;;;;AA4BD;;AAoBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}

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

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactElement, ReactEventHandler, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactElement, ReactNode } from 'react';
 export interface BreadcrumbDropdownItem {
     label: string;
-    onClick?: ReactEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
 }
 export interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {
     leadingIcon?: ReactNode;
@@ -10,5 +10,5 @@ export interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {
     href?: string;
     as?: ReactElement;
 }
-export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLAnchorElement>>;
 //# sourceMappingURL=breadcrumb-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,mHAsE1B,CAAC"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAGZ,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FAkE1B,CAAC"}

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

@@ -3,14 +3,14 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 import { cx } from 'class-variance-authority';
 import { forwardRef, cloneElement } from 'react';
-import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
+import { Menu } from '../menu/menu.js';
 import styles from './breadcrumb.module.css.js';
 
 const BreadcrumbItem = forwardRef(({ as, children, className, leadingIcon, current, href, dropdownItems, ...props }, ref) => {
     const renderedElement = as ?? jsx("a", { ref: ref });
     const label = (jsxs(Fragment, { children: [leadingIcon && (jsx("span", { className: styles['breadcrumb-icon'], children: leadingIcon })), children && jsx("span", { children: children })] }));
     if (dropdownItems) {
-        return (jsxs(DropdownMenu, { children: [jsxs(DropdownMenu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [label, jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsx(DropdownMenu.Content, { className: styles['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsx(DropdownMenu.Item, { className: styles['breadcrumb-dropdown-item'], onSelect: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
+        return (jsxs(Menu, { children: [jsxs(Menu.Trigger, { className: styles['breadcrumb-dropdown-trigger'], children: [label, jsx(ChevronDownIcon, { className: styles['breadcrumb-dropdown-icon'] })] }), jsx(Menu.Content, { className: styles['breadcrumb-dropdown-content'], children: dropdownItems.map((dropdownItem, dropdownIndex) => (jsx(Menu.Item, { className: styles['breadcrumb-dropdown-item'], onClick: dropdownItem?.onClick, children: dropdownItem.label }, dropdownIndex))) })] }));
     }
     return (jsx("li", { className: cx(styles['breadcrumb-item'], className), children: cloneElement(renderedElement, {
             className: cx(styles['breadcrumb-link'], current && styles['breadcrumb-link-active']),

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n  cloneElement,\n  forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        {children && <span>{children}</span>}\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            className={styles['breadcrumb-dropdown-trigger']}\n          >\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            className={styles['breadcrumb-dropdown-content']}\n          >\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <DropdownMenu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onSelect={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;AA4BO;;;;AA4BD;;AAwBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}
+{"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode\n} from 'react';\nimport { Menu } from '../menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n  label: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n  leadingIcon?: ReactNode;\n  current?: boolean;\n  dropdownItems?: BreadcrumbDropdownItem[];\n  href?: string;\n  as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbItemProps\n>(\n  (\n    {\n      as,\n      children,\n      className,\n      leadingIcon,\n      current,\n      href,\n      dropdownItems,\n      ...props\n    },\n    ref\n  ) => {\n    const renderedElement = as ?? <a ref={ref} />;\n    const label = (\n      <>\n        {leadingIcon && (\n          <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n        )}\n        {children && <span>{children}</span>}\n      </>\n    );\n\n    if (dropdownItems) {\n      return (\n        <Menu>\n          <Menu.Trigger className={styles['breadcrumb-dropdown-trigger']}>\n            {label}\n            <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n          </Menu.Trigger>\n          <Menu.Content className={styles['breadcrumb-dropdown-content']}>\n            {dropdownItems.map((dropdownItem, dropdownIndex) => (\n              <Menu.Item\n                key={dropdownIndex}\n                className={styles['breadcrumb-dropdown-item']}\n                onClick={dropdownItem?.onClick}\n              >\n                {dropdownItem.label}\n              </Menu.Item>\n            ))}\n          </Menu.Content>\n        </Menu>\n      );\n    }\n    return (\n      <li className={cx(styles['breadcrumb-item'], className)}>\n        {cloneElement(\n          renderedElement,\n          {\n            className: cx(\n              styles['breadcrumb-link'],\n              current && styles['breadcrumb-link-active']\n            ),\n            href,\n            ...props,\n            ...renderedElement.props\n          },\n          label\n        )}\n      </li>\n    );\n  }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;AA2BO;;;;AA4BD;;AAoBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}

package/dist/components/button/button.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 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');
@@ -123,12 +123,11 @@ 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', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
-    const Comp = asChild ? radixUi.Slot.Root : 'button';
+const Button = React.forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }, ref) => {
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsxRuntime.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...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) : ''}`, 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 }))] })) }));
 });
 Button.displayName = 'Button';
 

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

@@ -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","_jsx","_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 { 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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"}

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

@@ -1,21 +1,22 @@
+import { Button as ButtonPrimitive } from '@base-ui/react';
 import { type VariantProps } from 'class-variance-authority';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-export declare const Button: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
+import { PropsWithChildren, ReactNode } from 'react';
+declare const button: (props?: ({
     variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
     size?: "small" | "normal" | null | undefined;
     disabled?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     color?: "accent" | "danger" | "success" | "neutral" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: ReactNode;
-} & ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = PropsWithChildren<VariantProps<typeof button>> & ButtonPrimitive.Props & {
+    loading?: boolean;
     loaderText?: ReactNode;
     leadingIcon?: ReactNode;
     trailingIcon?: ReactNode;
-    maxWidth?: string | number | undefined;
-    width?: string | number | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+    maxWidth?: string | number;
+    width?: string | number;
+    style?: React.CSSProperties;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+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,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AAwIf,eAAO,MAAM,MAAM;;;;;;;;;;;iBARF,SAAS;kBACR,SAAS;mBACR,SAAS;;;;qDAiE3B,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,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"}

package/dist/components/button/button.js

@@ -1,6 +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 { Slot } from 'radix-ui';
 import { forwardRef } from 'react';
 import { Spinner } from '../spinner/spinner.js';
 import styles from './button.module.css.js';
@@ -121,12 +121,11 @@ 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', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
-    const Comp = asChild ? Slot.Root : 'button';
+const Button = forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, render, ...props }, ref) => {
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...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) : ''}`, 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 }))] })) }));
 });
 Button.displayName = 'Button';
 

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

@@ -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":["_jsx","_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 { 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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"}

package/dist/components/calendar/calendar.cjs

@@ -6,7 +6,6 @@ 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');
@@ -27,7 +26,7 @@ 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.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, {}) }) })] })] }));
+                }, size: 'small', variant: 'text', disabled: disabled, children: jsxRuntime.jsx(select.Select.Value, {}) }), jsxRuntime.jsx(select.Select.Content, { className: calendar_module.default.dropdownContent, children: options.map(opt => (jsxRuntime.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, children: opt.label }, opt.value))) })] }));
 }
 const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, dateInfo = {}, loadingData = false, timeZone, ...props }) {
     return (jsxRuntime.jsx(reactDayPicker.DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {

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

@@ -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;;"}
+{"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;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/calendar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAe,SAAS,EAAuB,MAAM,OAAO,CAAC;AACpE,OAAO,EAEL,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAS1B,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;AAwExB,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,wIAWlB,aAAa,4CA4Gf,CAAC"}

package/dist/components/calendar/calendar.js

@@ -1,10 +1,9 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '@radix-ui/react-icons';
+import { ChevronLeftIcon, ChevronRightIcon } 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';
@@ -25,7 +24,7 @@ function DropDown({ options = [], value, onChange, onDropdownOpen, disabled }) {
     }
     return (jsxs(Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsx(Select.Trigger, { className: styles.dropdownTrigger, iconProps: {
                     className: styles.dropdownIcon
-                }, size: 'small', variant: 'text', disabled: disabled, children: jsx(Select.Value, {}) }), jsxs(Select.Content, { className: styles.dropdownContent, children: [jsx(Select.ScrollUpButton, { asChild: true, children: jsx(Flex, { justify: 'center', children: jsx(ChevronUpIcon, {}) }) }), jsx(Select.Viewport, { children: options.map(opt => (jsx(Select.Item, { value: opt.value.toString(), disabled: opt.disabled, children: opt.label }, opt.value))) }), jsx(Select.ScrollDownButton, { asChild: true, children: jsx(Flex, { justify: 'center', children: jsx(ChevronDownIcon, {}) }) })] })] }));
+                }, size: 'small', variant: 'text', disabled: disabled, children: jsx(Select.Value, {}) }), jsx(Select.Content, { className: styles.dropdownContent, children: options.map(opt => (jsx(Select.Item, { value: opt.value.toString(), disabled: opt.disabled, children: opt.label }, opt.value))) })] }));
 }
 const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, dateInfo = {}, loadingData = false, timeZone, ...props }) {
     return (jsx(DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {

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

@@ -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;;"}
+{"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;;"}

package/dist/components/checkbox/__tests__/checkbox-group.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=checkbox-group.test.d.ts.map