@servicetitan/anvil2 2.9.0 → 3.0.0

package/dist/{ButtonCompound-Cmw3cgMY.js → ButtonCompound-DsrK7G3q.js}

@@ -1,11 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { s as styles } from './Button.module-wCtFYGVD.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { s as styles$1 } from './Button.module-DsGhJYRw.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
+import './ButtonCompound.css';const styles = {
+	"button-compound": "_button-compound_de23z_1",
+	"shape-rounded": "_shape-rounded_de23z_22",
+	"shape-pill": "_shape-pill_de23z_26",
+	"shape-circular": "_shape-circular_de23z_30"
+};
+
 const ButtonCompound = forwardRef(
   (props, ref) => {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -30,7 +37,7 @@ const ButtonCompound = forwardRef(
     });
     const buttonClassNames = cx(
       className,
-      styles["button"],
+      styles$1["button"],
       styles["button-compound"],
       {
         [styles["shape-pill"]]: shape === "pill",
@@ -61,4 +68,4 @@ const ButtonCompound = forwardRef(
 ButtonCompound.displayName = "ButtonCompound";
 
 export { ButtonCompound as B };
-//# sourceMappingURL=ButtonCompound-Cmw3cgMY.js.map
+//# sourceMappingURL=ButtonCompound-DsrK7G3q.js.map

package/dist/ButtonCompound-DsrK7G3q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCompound-DsrK7G3q.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 buttonStyles from \"../Button/Button.module.scss\";\nimport styles from \"./ButtonCompound.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      buttonStyles[\"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":["buttonStyles"],"mappings":";;;;;;;;;;;;;;;AA8CO,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,MACAA,SAAa,QAAQ,CAAA;AAAA,MACrB,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.css

@@ -0,0 +1,25 @@
+.anvil2{@layer starter, reset, base, state, application;._button-compound_de23z_1 {
+  --a2-mod-button-compound-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  --a2-mod-button-background-color: transparent;
+  --a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
+  --a2-mod-button-border-color: transparent;
+  --a2-mod-button-border-radius: var(--a2-mod-button-compound-border-radius);
+  --a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-button-min-width: auto;
+  --a2-mod-button-padding-block-end: 0;
+  --a2-mod-button-padding-block-start: 0;
+  --a2-mod-button-padding-inline-end: 0;
+  --a2-mod-button-padding-inline-start: 0;
+}._button-compound_de23z_1[data-interactive=hover], ._button-compound_de23z_1:hover {
+  z-index: 1;
+}._button-compound_de23z_1[data-interactive=active], ._button-compound_de23z_1:active {
+  z-index: 1;
+}._shape-rounded_de23z_22 {
+  --a2-mod-button-compound-border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
+}._shape-pill_de23z_26 {
+  --a2-mod-button-compound-border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
+}._shape-circular_de23z_30 {
+  --a2-mod-button-compound-border-radius: var(--a2-border-radius-circular, 100%);
+}
+}

package/dist/ButtonCompound.js

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

package/dist/{ButtonLink-BJKTJER8.js → ButtonLink-j3h_wRNi.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { I as Icon } from './Icon-DuIlne4x.js';
-import { S as Spinner } from './Spinner-BqmcE2pb.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
+import { S as Spinner } from './Spinner-lPMo68yW.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { s as styles } from './Button.module-wCtFYGVD.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { s as styles } from './Button.module-DsGhJYRw.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -91,7 +91,10 @@ const ButtonLink = forwardRef(
       [styles["size-small"]]: size === "small",
       [styles["size-medium"]]: size === "medium",
       [styles["size-large"]]: size === "large",
-      [styles["type-icon"]]: !children,
+      [styles["size-xsmall-icon"]]: size === "xsmall" && !children,
+      [styles["size-small-icon"]]: size === "small" && !children,
+      [styles["size-medium-icon"]]: size === "medium" && !children,
+      [styles["size-large-icon"]]: size === "large" && !children,
       [styles["loading"]]: loading
     });
     const styleCombined = {
@@ -134,4 +137,4 @@ const ButtonLink = forwardRef(
 ButtonLink.displayName = "ButtonLink";
 
 export { ButtonLink as B };
-//# sourceMappingURL=ButtonLink-BJKTJER8.js.map
+//# sourceMappingURL=ButtonLink-j3h_wRNi.js.map

package/dist/ButtonLink-j3h_wRNi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink-j3h_wRNi.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, \"xsmall\" | \"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 * - Four size options (xsmall, 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-xsmall\"]]: size === \"xsmall\",\n      [styles[\"size-small\"]]: size === \"small\",\n      [styles[\"size-medium\"]]: size === \"medium\",\n      [styles[\"size-large\"]]: size === \"large\",\n      [styles[\"size-xsmall-icon\"]]: size === \"xsmall\" && !children,\n      [styles[\"size-small-icon\"]]: size === \"small\" && !children,\n      [styles[\"size-medium-icon\"]]: size === \"medium\" && !children,\n      [styles[\"size-large-icon\"]]: size === \"large\" && !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-BJKTJER8.js';
+export { B as ButtonLink, B as default } from './ButtonLink-j3h_wRNi.js';
 //# sourceMappingURL=ButtonLink.js.map

package/dist/{ButtonToggle-DaFQ3DBG.js → ButtonToggle-Ct9_5bhC.js}

@@ -1,12 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { B as Button } from './Button-BdrrhBTI.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { s as styles } from './Button.module-wCtFYGVD.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
+import './ButtonToggle.css';const styles = {
+	"button-toggle": "_button-toggle_i6zdh_1"
+};
+
 const ButtonToggle = forwardRef(
   (props, ref) => {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -75,4 +78,4 @@ const ButtonToggle = forwardRef(
 ButtonToggle.displayName = "ButtonToggle";
 
 export { ButtonToggle as B };
-//# sourceMappingURL=ButtonToggle-DaFQ3DBG.js.map
+//# sourceMappingURL=ButtonToggle-Ct9_5bhC.js.map

package/dist/ButtonToggle-Ct9_5bhC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonToggle-Ct9_5bhC.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 \"./ButtonToggle.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.css

@@ -0,0 +1,109 @@
+.anvil2{@layer starter, reset, base, state, application;._button-toggle_i6zdh_1 {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-unpressed-background-color
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-unpressed-border-color
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-unpressed-foreground-color
+  );
+  --a2-mod-button-toggle-pressed-background-color: var(--a2-button-toggle-pressed-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), rgba(112, 177, 255, 0.2))));
+  --a2-mod-button-toggle-pressed-background-color-active: var(--a2-button-toggle-pressed-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), rgba(112, 177, 255, 0.4))));
+  --a2-mod-button-toggle-pressed-background-color-disabled: var(--a2-button-toggle-pressed-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-button-toggle-pressed-background-color-hover: var(--a2-button-toggle-pressed-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), rgba(112, 177, 255, 0.3019607843))));
+  --a2-mod-button-toggle-pressed-border-color: var(--a2-button-toggle-pressed-border-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  --a2-mod-button-toggle-pressed-border-color-active: var(--a2-button-toggle-pressed-border-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-button-toggle-pressed-border-color-disabled: var(--a2-button-toggle-pressed-border-color-disabled, rgba(0, 0, 0, 0));
+  --a2-mod-button-toggle-pressed-border-color-hover: var(--a2-button-toggle-pressed-border-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-button-toggle-pressed-foreground-color: var(--a2-button-toggle-pressed-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  --a2-mod-button-toggle-pressed-foreground-color-active: var(--a2-button-toggle-pressed-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-button-toggle-pressed-foreground-color-disabled: var(--a2-button-toggle-pressed-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-button-toggle-pressed-foreground-color-hover: var(--a2-button-toggle-pressed-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-button-toggle-unpressed-background-color: var(--a2-button-toggle-unpressed-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
+  --a2-mod-button-toggle-unpressed-background-color-active: var(--a2-button-toggle-unpressed-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-button-toggle-unpressed-background-color-disabled: var(--a2-button-toggle-unpressed-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-button-toggle-unpressed-background-color-hover: var(--a2-button-toggle-unpressed-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-button-toggle-unpressed-border-color: var(--a2-button-toggle-unpressed-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
+  --a2-mod-button-toggle-unpressed-border-color-active: var(--a2-button-toggle-unpressed-border-color-active, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
+  --a2-mod-button-toggle-unpressed-border-color-disabled: var(--a2-button-toggle-unpressed-border-color-disabled, rgba(0, 0, 0, 0));
+  --a2-mod-button-toggle-unpressed-border-color-hover: var(--a2-button-toggle-unpressed-border-color-hover, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
+  --a2-mod-button-toggle-unpressed-foreground-color: var(--a2-button-toggle-unpressed-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-button-toggle-unpressed-foreground-color-active: var(--a2-button-toggle-unpressed-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-button-toggle-unpressed-foreground-color-disabled: var(--a2-button-toggle-unpressed-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-button-toggle-unpressed-foreground-color-hover: var(--a2-button-toggle-unpressed-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  background-color: var(--a2-internal-button-toggle-background-color);
+  border-color: var(--a2-internal-button-toggle-border-color);
+  color: var(--a2-internal-button-toggle-foreground-color);
+}._button-toggle_i6zdh_1:not([aria-pressed=true], :disabled, [aria-disabled=true]):hover, ._button-toggle_i6zdh_1:not([aria-pressed=true],
+:disabled,
+[aria-disabled=true])[data-interactive=hover] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-unpressed-background-color-hover
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-unpressed-foreground-color-hover
+  );
+}._button-toggle_i6zdh_1:not([aria-pressed=true], :disabled, [aria-disabled=true]):active, ._button-toggle_i6zdh_1:not([aria-pressed=true],
+:disabled,
+[aria-disabled=true])[data-interactive=active] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-unpressed-background-color-active
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-unpressed-foreground-color-active
+  );
+}._button-toggle_i6zdh_1:not([aria-pressed=true]):disabled, ._button-toggle_i6zdh_1:not([aria-pressed=true])[aria-disabled=true] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-unpressed-background-color-disabled
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-unpressed-border-color-disabled
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-unpressed-foreground-color-disabled
+  );
+}._button-toggle_i6zdh_1[aria-pressed=true]:not(:disabled, [aria-disabled=true]) {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-pressed-background-color
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-pressed-border-color
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-pressed-foreground-color
+  );
+}._button-toggle_i6zdh_1[aria-pressed=true]:not(:disabled, [aria-disabled=true]):hover, ._button-toggle_i6zdh_1[aria-pressed=true]:not(:disabled,
+[aria-disabled=true])[data-interactive=hover] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-pressed-background-color-hover
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-pressed-border-color-hover
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-pressed-foreground-color-hover
+  );
+}._button-toggle_i6zdh_1[aria-pressed=true]:not(:disabled, [aria-disabled=true]):active, ._button-toggle_i6zdh_1[aria-pressed=true]:not(:disabled,
+[aria-disabled=true])[data-interactive=active] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-pressed-background-color-active
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-pressed-border-color-active
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-pressed-foreground-color-active
+  );
+}._button-toggle_i6zdh_1[aria-pressed=true]:disabled, ._button-toggle_i6zdh_1[aria-pressed=true][aria-disabled=true] {
+  --a2-internal-button-toggle-background-color: var(
+    --a2-mod-button-toggle-pressed-background-color-disabled
+  );
+  --a2-internal-button-toggle-border-color: var(
+    --a2-mod-button-toggle-pressed-border-color-disabled
+  );
+  --a2-internal-button-toggle-foreground-color: var(
+    --a2-mod-button-toggle-pressed-foreground-color-disabled
+  );
+}
+}

package/dist/ButtonToggle.js

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

package/dist/{Calendar-Cka4unyi.js → Calendar-BAbAagIx.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-Dxl9QnfP.js';
+import { C as CalendarBetaPropsContext, a as Calendar$1 } from './Calendar-CaCMa_jq.js';
 
 const Calendar = (props) => {
   const { dateMetadata, onMonthView, ...stableProps } = props;
@@ -7,4 +7,4 @@ const Calendar = (props) => {
 };
 
 export { Calendar as C };
-//# sourceMappingURL=Calendar-Cka4unyi.js.map
+//# sourceMappingURL=Calendar-BAbAagIx.js.map

package/dist/{Calendar-Cka4unyi.js.map → Calendar-BAbAagIx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-Cka4unyi.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Calendar-BAbAagIx.js","sources":["../src/beta/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as StableCalendar,\n  CalendarProps as StableCalendarProps,\n} from \"../../../components\";\nimport { CalendarBetaPropsContext } from \"./CalendarBetaPropsContext\";\n\nexport interface CalendarBetaProps {\n  dateMetadata?: {\n    date: string;\n    context: string;\n  }[];\n  onMonthView?: ({ month, year }: { month: number; year: number }) => void;\n}\n\nexport const Calendar = (props: CalendarBetaProps & StableCalendarProps) => {\n  const { dateMetadata, onMonthView, ...stableProps } = props;\n  return (\n    <CalendarBetaPropsContext.Provider value={{ dateMetadata, onMonthView }}>\n      <StableCalendar {...stableProps} />\n    </CalendarBetaPropsContext.Provider>\n  );\n};\n"],"names":["StableCalendar"],"mappings":";;;AAcO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AAC1E,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,GAAG,aAAY,GAAI,KAAA;AACtD,EAAA,uBACE,GAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,EAAE,YAAA,EAAc,WAAA,EAAY,EACpE,QAAA,kBAAA,GAAA,CAACA,UAAA,EAAA,EAAgB,GAAG,aAAa,CAAA,EACnC,CAAA;AAEJ;;;;"}

package/dist/{Calendar-Dxl9QnfP.js → Calendar-CaCMa_jq.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { D as DateTime, I as Info } from './luxon-wpz4A-OQ.js';
 import { createContext, useContext, forwardRef, useState, useEffect, useRef, useCallback, useMemo, useId } from 'react';
-import { B as Button } from './Button-BdrrhBTI.js';
+import { B as Button } from './Button-Bnt8XUI7.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-De1g9FRV.js';
-import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
+import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
-import { G as Grid } from './Grid-DeYIx5k4.js';
-import { S as SelectCard } from './SelectCard-DVcWJRbX.js';
+import { G as Grid } from './Grid-B1VVssDD.js';
+import { S as SelectCard } from './SelectCard-CtXwY8FZ.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 import './Calendar.css';const CalendarContext = createContext(null);
 function useCalendar() {
@@ -189,40 +189,42 @@ const CalendarYearButton = forwardRef((props, ref) => {
 });
 CalendarYearButton.displayName = "CalendarYearButton";
 
-const calendar = "_calendar_1fg5q_2";
-const header = "_header_1fg5q_15";
-const controller = "_controller_1fg5q_46";
-const spacer = "_spacer_1fg5q_54";
-const cell = "_cell_1fg5q_67";
-const overflow = "_overflow_1fg5q_98";
-const weekday = "_weekday_1fg5q_104";
-const range = "_range_1fg5q_149";
-const selected = "_selected_1fg5q_159";
-const pip = "_pip_1fg5q_233";
+const calendar = "_calendar_13hkc_1";
+const grid = "_grid_13hkc_19";
+const header = "_header_13hkc_24";
+const controller = "_controller_13hkc_48";
+const spacer = "_spacer_13hkc_61";
+const cell = "_cell_13hkc_76";
+const weekday = "_weekday_13hkc_121";
+const range = "_range_13hkc_164";
+const overflow = "_overflow_13hkc_170";
+const selected = "_selected_13hkc_174";
+const pip = "_pip_13hkc_256";
 const styles$1 = {
 	calendar: calendar,
+	grid: grid,
 	header: header,
 	controller: controller,
+	"controller-button": "_controller-button_13hkc_57",
 	spacer: spacer,
-	"day-grid": "_day-grid_1fg5q_57",
+	"day-grid": "_day-grid_13hkc_65",
 	cell: cell,
-	overflow: overflow,
 	weekday: weekday,
-	"month-selection": "_month-selection_1fg5q_116",
-	"selection-checkbox": "_selection-checkbox_1fg5q_116",
-	"selection-card": "_selection-card_1fg5q_126",
-	"range-first": "_range-first_1fg5q_149",
-	"range-last": "_range-last_1fg5q_149",
+	"month-selection": "_month-selection_13hkc_135",
+	"selection-checkbox": "_selection-checkbox_13hkc_135",
+	"selection-card": "_selection-card_13hkc_145",
+	"year-selector": "_year-selector_13hkc_157",
+	"range-first": "_range-first_13hkc_164",
+	"range-last": "_range-last_13hkc_164",
 	range: range,
+	overflow: overflow,
 	selected: selected,
-	"is-unavailable": "_is-unavailable_1fg5q_167",
-	"hover-last": "_hover-last_1fg5q_225",
-	"has-metadata": "_has-metadata_1fg5q_229",
+	"is-unavailable": "_is-unavailable_13hkc_183",
+	"hover-last": "_hover-last_13hkc_208",
+	"has-metadata": "_has-metadata_13hkc_251",
 	pip: pip,
-	"range-fill": "_range-fill_1fg5q_245",
-	"range-disabled": "_range-disabled_1fg5q_255",
-	"controller-button": "_controller-button_1fg5q_263",
-	"year-selector": "_year-selector_1fg5q_271"
+	"range-fill": "_range-fill_13hkc_269",
+	"range-disabled": "_range-disabled_13hkc_280"
 };
 
 const CalendarPrev = forwardRef(
@@ -885,10 +887,10 @@ const CalendarMonth = forwardRef(
 CalendarMonth.displayName = "CalendarMonth";
 
 const styles = {
-	"year-selector": "_year-selector_1pxps_2",
-	"year-grid": "_year-grid_1pxps_9",
-	"year-item": "_year-item_1pxps_26",
-	"pseudo-focused": "_pseudo-focused_1pxps_29"
+	"year-selector": "_year-selector_1jh12_1",
+	"year-grid": "_year-grid_1jh12_17",
+	"year-item": "_year-item_1jh12_25",
+	"pseudo-focused": "_pseudo-focused_1jh12_29"
 };
 
 const useYearSelectorKeys = ({
@@ -1001,7 +1003,8 @@ const YearItem = ({
       checked: selected,
       checkboxProps: {
         tabIndex: -1,
-        onFocus
+        onFocus,
+        ...pseudoFocused && { "data-interactive": "focus-visible" }
       },
       flexGrow: 1,
       className: cx(styles["year-item"], {
@@ -1817,4 +1820,4 @@ const Calendar = Object.assign(
 Calendar.displayName = "Calendar";
 
 export { CalendarBetaPropsContext as C, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-Dxl9QnfP.js.map
+//# sourceMappingURL=Calendar-CaCMa_jq.js.map