@servicetitan/anvil2 1.48.1 → 1.49.1

package/dist/{ButtonCompound-Dvr3Fres.js.map → ButtonCompound-COdSELhh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonCompound-Dvr3Fres.js","sources":["../src/components/ButtonCompound/ButtonCompound.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonCompound component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type ButtonCompoundProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"button\"> & {\n    /**\n     * The shape of the compound button.\n     * @default rounded\n     */\n    shape?: \"pill\" | \"circular\" | \"rounded\";\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonCompound component for creating compound button layouts.\n *\n * Features:\n * - Three shape options (pill, circular, rounded)\n * - Transparent background for compound layouts\n * - Supports layout utilities for positioning and spacing\n * - Full accessibility support with proper ARIA attributes\n * - Flexible content support\n * - Consistent styling with other button components\n * - Hover and active state management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonCompound shape=\"circular\">\n *   <Avatar name=\"John Doe\" />\n * </ButtonCompound>\n */\nexport const ButtonCompound = forwardRef(\n  (props: ButtonCompoundProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      shape = \"rounded\",\n      type,\n      disabled,\n      children,\n      style,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      shape,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonCompound\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(\n      className,\n      styles[\"button\"],\n      styles[\"button-compound\"],\n      {\n        [styles[\"shape-pill\"]]: shape === \"pill\",\n        [styles[\"shape-circular\"]]: shape === \"circular\",\n        [styles[\"shape-rounded\"]]: shape === \"rounded\",\n      },\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        type={type}\n        disabled={disabled}\n        data-anv=\"button-compound\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nButtonCompound.displayName = \"ButtonCompound\";\n"],"names":[],"mappings":";;;;;;;;AA6CO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAA,KAAgC;AAC3D,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA,GAAQ,SAAA;AAAA,MACR,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,QAAQ,CAAA;AAAA,MACf,OAAO,iBAAiB,CAAA;AAAA,MACxB;AAAA,QACE,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,KAAA,KAAU,MAAA;AAAA,QAClC,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAA,KAAU,UAAA;AAAA,QACtC,CAAC,MAAA,CAAO,eAAe,CAAC,GAAG,KAAA,KAAU;AAAA;AACvC,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAW,gBAAA;AAAA,QACX,IAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA,EAAS,iBAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}
+{"version":3,"file":"ButtonCompound-COdSELhh.js","sources":["../src/components/ButtonCompound/ButtonCompound.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonCompound component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type ButtonCompoundProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"button\"> & {\n    /**\n     * The shape of the compound button.\n     * @default rounded\n     */\n    shape?: \"pill\" | \"circular\" | \"rounded\";\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonCompound component for creating compound button layouts.\n *\n * Features:\n * - Three shape options (pill, circular, rounded)\n * - Transparent background for compound layouts\n * - Supports layout utilities for positioning and spacing\n * - Full accessibility support with proper ARIA attributes\n * - Flexible content support\n * - Consistent styling with other button components\n * - Hover and active state management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonCompound shape=\"circular\">\n *   <Avatar name=\"John Doe\" />\n * </ButtonCompound>\n */\nexport const ButtonCompound = forwardRef(\n  (props: ButtonCompoundProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      shape = \"rounded\",\n      type,\n      disabled,\n      children,\n      style,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      shape,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonCompound\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(\n      className,\n      styles[\"button\"],\n      styles[\"button-compound\"],\n      {\n        [styles[\"shape-pill\"]]: shape === \"pill\",\n        [styles[\"shape-circular\"]]: shape === \"circular\",\n        [styles[\"shape-rounded\"]]: shape === \"rounded\",\n      },\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        type={type}\n        disabled={disabled}\n        data-anv=\"button-compound\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nButtonCompound.displayName = \"ButtonCompound\";\n"],"names":[],"mappings":";;;;;;;;AA6CO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAA,KAAgC;AAC3D,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA,GAAQ,SAAA;AAAA,MACR,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,MACvB,SAAA;AAAA,MACA,OAAO,QAAQ,CAAA;AAAA,MACf,OAAO,iBAAiB,CAAA;AAAA,MACxB;AAAA,QACE,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,KAAA,KAAU,MAAA;AAAA,QAClC,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAA,KAAU,UAAA;AAAA,QACtC,CAAC,MAAA,CAAO,eAAe,CAAC,GAAG,KAAA,KAAU;AAAA;AACvC,KACF;AAEA,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,SAAA,EAAW,gBAAA;AAAA,QACX,IAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA,EAAS,iBAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}

package/dist/ButtonCompound.js

@@ -1,2 +1,2 @@
-export { B as ButtonCompound, B as default } from './ButtonCompound-Dvr3Fres.js';
+export { B as ButtonCompound, B as default } from './ButtonCompound-COdSELhh.js';
 //# sourceMappingURL=ButtonCompound.js.map

package/dist/{ButtonLink-DGIRpyK6.js → ButtonLink-C0zR7Wnb.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { I as Icon } from './Icon-TcJbUdTz.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
 import { S as Spinner } from './Spinner-xEFwsq8_.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { s as styles } from './Button.module-C1g9rrJs.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -133,4 +133,4 @@ const ButtonLink = forwardRef(
 ButtonLink.displayName = "ButtonLink";
 
 export { ButtonLink as B };
-//# sourceMappingURL=ButtonLink-DGIRpyK6.js.map
+//# sourceMappingURL=ButtonLink-C0zR7Wnb.js.map

package/dist/{ButtonLink-DGIRpyK6.js.map → ButtonLink-C0zR7Wnb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink-DGIRpyK6.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  forwardRef,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  ButtonAppearance,\n  LayoutUtilProps,\n  Size,\n} from \"../../types\";\nimport Icon, { IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Spinner from \"../Spinner\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonLink component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type ButtonLinkProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"a\"> & {\n    /**\n     * The disabled state of the button link.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The visual variant of the button link.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button link.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The icons of the button link.\n     */\n    icon?:\n      | IconProps[\"svg\"]\n      | {\n          after: IconProps[\"svg\"];\n        }\n      | {\n          before: IconProps[\"svg\"];\n        };\n\n    /**\n     * The loading state of the button link.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n *   Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n    const {\n      children,\n      className,\n      appearance = \"secondary\",\n      size = \"medium\",\n      icon,\n      loading = false,\n      disabled,\n      onClick,\n      onKeyUp,\n      onKeyDown,\n      style,\n      href,\n      type,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      href,\n      icon,\n      size,\n      type,\n    };\n\n    const iconBefore = (icon: ButtonLinkProps[\"icon\"]) => {\n      if (icon && typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            aria-hidden\n            className={styles[\"icon\"]}\n            inherit\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon aria-hidden className={styles[\"icon\"]} inherit svg={icon} />\n        );\n      }\n      return;\n    };\n\n    const handleOnClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\") {\n        e.preventDefault();\n        onKeyDown?.(e);\n        return;\n      }\n\n      onKeyDown?.(e);\n    };\n\n    const onKeyUpHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\" || e.code === \"Enter\") {\n        e.preventDefault();\n        if (onClick) {\n          e.currentTarget.click();\n        }\n      }\n\n      onKeyUp?.(e);\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonLink\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(className, styles[\"button\"], {\n      [styles[\"appearance-primary\"]]: appearance === \"primary\",\n      [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n      [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n      [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n      [styles[\"danger-primary\"]]: appearance === \"danger\",\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n      [styles[\"type-icon\"]]: !children,\n      [styles[\"loading\"]]: loading,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <a\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        data-anv=\"button-link\"\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={handleOnClick}\n        onKeyDown={onKeyDownHandler}\n        onKeyUp={onKeyUpHandler}\n        style={styleCombined}\n        ref={ref}\n        href={href}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit size=\"small\" className={styles[\"loading-spinner\"]} />\n        ) : icon ? (\n          iconBefore(icon)\n        ) : null}\n        {children}\n        {typeof icon === \"object\" && \"after\" in icon ? (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon.after}\n          />\n        ) : null}\n      </a>\n    );\n  },\n);\n\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["icon"],"mappings":"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"}
+{"version":3,"file":"ButtonLink-C0zR7Wnb.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  forwardRef,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  ButtonAppearance,\n  LayoutUtilProps,\n  Size,\n} from \"../../types\";\nimport Icon, { IconProps } from \"../Icon\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport Spinner from \"../Spinner\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\n/**\n * Props for the ButtonLink component\n * @extends LayoutUtilProps\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type ButtonLinkProps = LayoutUtilProps &\n  ComponentPropsWithoutRef<\"a\"> & {\n    /**\n     * The disabled state of the button link.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The visual variant of the button link.\n     * @default secondary\n     */\n    appearance?: ButtonAppearance;\n\n    /**\n     * The size of the button link.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n    /**\n     * The icons of the button link.\n     */\n    icon?:\n      | IconProps[\"svg\"]\n      | {\n          after: IconProps[\"svg\"];\n        }\n      | {\n          before: IconProps[\"svg\"];\n        };\n\n    /**\n     * The loading state of the button link.\n     * If true, it will show infinite state of the loading.\n     * @default false\n     */\n    loading?: boolean;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n *   Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n    const {\n      children,\n      className,\n      appearance = \"secondary\",\n      size = \"medium\",\n      icon,\n      loading = false,\n      disabled,\n      onClick,\n      onKeyUp,\n      onKeyDown,\n      style,\n      href,\n      type,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      children: childrenToString(props.children),\n      appearance,\n      href,\n      icon,\n      size,\n      type,\n    };\n\n    const iconBefore = (icon: ButtonLinkProps[\"icon\"]) => {\n      if (icon && typeof icon === \"object\" && \"before\" in icon) {\n        return (\n          <Icon\n            aria-hidden\n            className={styles[\"icon\"]}\n            inherit\n            svg={icon.before}\n          />\n        );\n      }\n      if (icon && typeof icon !== \"object\") {\n        return (\n          <Icon aria-hidden className={styles[\"icon\"]} inherit svg={icon} />\n        );\n      }\n      return;\n    };\n\n    const handleOnClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\") {\n        e.preventDefault();\n        onKeyDown?.(e);\n        return;\n      }\n\n      onKeyDown?.(e);\n    };\n\n    const onKeyUpHandler = (e: KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.code === \"Space\" || e.code === \"Enter\") {\n        e.preventDefault();\n        if (onClick) {\n          e.currentTarget.click();\n        }\n      }\n\n      onKeyUp?.(e);\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonLink\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const buttonClassNames = cx(className, styles[\"button\"], {\n      [styles[\"appearance-primary\"]]: appearance === \"primary\",\n      [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n      [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n      [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n      [styles[\"danger-primary\"]]: appearance === \"danger\",\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n      [styles[\"type-icon\"]]: !children,\n      [styles[\"loading\"]]: loading,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <a\n        data-tracking-id={trackingId}\n        className={buttonClassNames}\n        aria-disabled={disabled || loading}\n        aria-busy={loading}\n        data-anv=\"button-link\"\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={handleOnClick}\n        onKeyDown={onKeyDownHandler}\n        onKeyUp={onKeyUpHandler}\n        style={styleCombined}\n        ref={ref}\n        href={href}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner inherit size=\"small\" className={styles[\"loading-spinner\"]} />\n        ) : icon ? (\n          iconBefore(icon)\n        ) : null}\n        {children}\n        {typeof icon === \"object\" && \"after\" in icon ? (\n          <Icon\n            className={styles[\"icon\"]}\n            inherit\n            aria-hidden\n            svg={icon.after}\n          />\n        ) : null}\n      </a>\n    );\n  },\n);\n\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["icon"],"mappings":"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"}

package/dist/ButtonLink.js

@@ -1,2 +1,2 @@
-export { B as ButtonLink, B as default } from './ButtonLink-DGIRpyK6.js';
+export { B as ButtonLink, B as default } from './ButtonLink-C0zR7Wnb.js';
 //# sourceMappingURL=ButtonLink.js.map

package/dist/{ButtonToggle-Dv6VAm4W.js → ButtonToggle--sKvhBoA.js}

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { B as Button } from './Button-DzcOa6iJ.js';
+import { B as Button } from './Button-92_FKAyV.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { s as styles } from './Button.module-C1g9rrJs.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -75,4 +75,4 @@ const ButtonToggle = forwardRef(
 ButtonToggle.displayName = "ButtonToggle";
 
 export { ButtonToggle as B };
-//# sourceMappingURL=ButtonToggle-Dv6VAm4W.js.map
+//# sourceMappingURL=ButtonToggle--sKvhBoA.js.map

package/dist/{ButtonToggle-Dv6VAm4W.js.map → ButtonToggle--sKvhBoA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonToggle-Dv6VAm4W.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}
+{"version":3,"file":"ButtonToggle--sKvhBoA.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/ButtonToggle.js

@@ -1,2 +1,2 @@
-export { B as ButtonToggle, B as default } from './ButtonToggle-Dv6VAm4W.js';
+export { B as ButtonToggle, B as default } from './ButtonToggle--sKvhBoA.js';
 //# sourceMappingURL=ButtonToggle.js.map

package/dist/{Calendar-NDOcurOz.js → Calendar-BkJs1qTF.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { createContext, useContext, forwardRef, useState, useEffect, useRef, useCallback, useMemo, useId } from 'react';
-import { B as Button } from './Button-DzcOa6iJ.js';
+import { B as Button } from './Button-92_FKAyV.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
-import { G as Grid } from './Grid-BpAt2zA7.js';
-import { S as SelectCard } from './SelectCard-Dw7zW0UN.js';
+import { G as Grid } from './Grid-DW2cAuHi.js';
+import { S as SelectCard } from './SelectCard-lBcnP5j5.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { flushSync } from 'react-dom';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C7FVYB8F.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 
 import './Calendar.css';// these aren't really private, but nor are they really useful to document
 
@@ -8330,40 +8330,40 @@ const CalendarYearButton = forwardRef((props, ref) => {
 });
 CalendarYearButton.displayName = "CalendarYearButton";
 
-const calendar = "_calendar_1csvm_2";
-const header = "_header_1csvm_15";
-const controller = "_controller_1csvm_46";
-const spacer = "_spacer_1csvm_53";
-const cell = "_cell_1csvm_66";
-const overflow = "_overflow_1csvm_97";
-const weekday = "_weekday_1csvm_103";
-const range = "_range_1csvm_148";
-const selected = "_selected_1csvm_158";
-const pip = "_pip_1csvm_232";
+const calendar = "_calendar_50kmd_2";
+const header = "_header_50kmd_15";
+const controller = "_controller_50kmd_46";
+const spacer = "_spacer_50kmd_54";
+const cell = "_cell_50kmd_67";
+const overflow = "_overflow_50kmd_98";
+const weekday = "_weekday_50kmd_104";
+const range = "_range_50kmd_149";
+const selected = "_selected_50kmd_159";
+const pip = "_pip_50kmd_233";
 const styles$1 = {
 	calendar: calendar,
 	header: header,
 	controller: controller,
 	spacer: spacer,
-	"day-grid": "_day-grid_1csvm_56",
+	"day-grid": "_day-grid_50kmd_57",
 	cell: cell,
 	overflow: overflow,
 	weekday: weekday,
-	"month-selection": "_month-selection_1csvm_115",
-	"selection-checkbox": "_selection-checkbox_1csvm_115",
-	"selection-card": "_selection-card_1csvm_125",
-	"range-first": "_range-first_1csvm_148",
-	"range-last": "_range-last_1csvm_148",
+	"month-selection": "_month-selection_50kmd_116",
+	"selection-checkbox": "_selection-checkbox_50kmd_116",
+	"selection-card": "_selection-card_50kmd_126",
+	"range-first": "_range-first_50kmd_149",
+	"range-last": "_range-last_50kmd_149",
 	range: range,
 	selected: selected,
-	"is-unavailable": "_is-unavailable_1csvm_166",
-	"hover-last": "_hover-last_1csvm_224",
-	"has-metadata": "_has-metadata_1csvm_228",
+	"is-unavailable": "_is-unavailable_50kmd_167",
+	"hover-last": "_hover-last_50kmd_225",
+	"has-metadata": "_has-metadata_50kmd_229",
 	pip: pip,
-	"range-fill": "_range-fill_1csvm_244",
-	"range-disabled": "_range-disabled_1csvm_254",
-	"controller-button": "_controller-button_1csvm_262",
-	"year-selector": "_year-selector_1csvm_270"
+	"range-fill": "_range-fill_50kmd_245",
+	"range-disabled": "_range-disabled_50kmd_255",
+	"controller-button": "_controller-button_50kmd_263",
+	"year-selector": "_year-selector_50kmd_271"
 };
 
 const CalendarPrev = forwardRef(
@@ -8784,47 +8784,37 @@ const CalendarDay = forwardRef(
     });
     const isMinDate = minDate !== null && date.toMillis() <= minDate?.toMillis();
     const isMaxDate = maxDate !== null && date.toMillis() >= maxDate?.toMillis();
-    return /* @__PURE__ */ jsxs(
-      "td",
-      {
-        "aria-disabled": !isSameMonth(date, focusedDate),
-        role: "gridcell",
-        ...rest,
-        ref,
-        children: [
-          !isUnavailable && (isRange(date) || hoverRange) ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "presentation",
-              className: cx(styles$1["range-fill"], {
-                [styles$1["range-disabled"]]: isDisabled,
-                [styles$1["hover-last"]]: hoverRange && isSameDay(date, hoveredDate)
-              })
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => onClickHandler(date),
-              onFocus: () => onFocusHandler(date),
-              onBlur: () => onBlurHandler(),
-              className: cellCx,
-              onKeyDown: onKeyDownHandler,
-              onMouseEnter: () => onMouseEnterHandler(date),
-              tabIndex: disableAutofocus ? -1 : isSameDay(date, focusedDate) ? 0 : -1,
-              disabled: isDisabled ? true : void 0,
-              "aria-label": `${date.toLocaleString(dateFormat)}${isSelectedDate(date) ? " selected" : ""}${hasMetadata ? `, ${hasMetadata}` : ""}${isMinDate ? ", You are on the first available date" : ""}${isMaxDate ? ", You are on the last available date" : ""}`,
-              id: `${uid}-${date.toISODate()}`,
-              children: [
-                date.day,
-                hasMetadata && /* @__PURE__ */ jsx("span", { className: styles$1["pip"], "aria-hidden": "true" })
-              ]
-            }
-          )
-        ]
-      },
-      date.toISODate()
-    );
+    return /* @__PURE__ */ jsxs("td", { role: "gridcell", ...rest, ref, children: [
+      !isUnavailable && (isRange(date) || hoverRange) ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "presentation",
+          className: cx(styles$1["range-fill"], {
+            [styles$1["range-disabled"]]: isDisabled,
+            [styles$1["hover-last"]]: hoverRange && isSameDay(date, hoveredDate)
+          })
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onClickHandler(date),
+          onFocus: () => onFocusHandler(date),
+          onBlur: () => onBlurHandler(),
+          className: cellCx,
+          onKeyDown: onKeyDownHandler,
+          onMouseEnter: () => onMouseEnterHandler(date),
+          tabIndex: disableAutofocus ? -1 : isSameDay(date, focusedDate) ? 0 : -1,
+          disabled: isDisabled ? true : void 0,
+          "aria-label": `${date.toLocaleString(dateFormat)}${isSelectedDate(date) ? " selected" : ""}${hasMetadata ? `, ${hasMetadata}` : ""}${isMinDate ? ", You are on the first available date" : ""}${isMaxDate ? ", You are on the last available date" : ""}`,
+          id: `${uid}-${date.toISODate()}`,
+          children: [
+            date.day,
+            hasMetadata && /* @__PURE__ */ jsx("span", { className: styles$1["pip"], "aria-hidden": "true" })
+          ]
+        }
+      )
+    ] }, date.toISODate());
   }
 );
 CalendarDay.displayName = "CalendarDay";
@@ -10869,4 +10859,4 @@ const Calendar = Object.assign(CalendarElement, {
 });
 
 export { CalendarBetaPropsContext as C, DateTime as D, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, isValidDate as i, toDateString as t, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-NDOcurOz.js.map
+//# sourceMappingURL=Calendar-BkJs1qTF.js.map