@servicetitan/anvil2 2.5.1 → 2.6.0

package/dist/{Calendar-CkgpKD7Q.js → Calendar-MXQWMrwC.js}

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

package/dist/{Calendar-CkgpKD7Q.js.map → Calendar-MXQWMrwC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-CkgpKD7Q.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-MXQWMrwC.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.js

@@ -1,3 +1,3 @@
-export { C as Calendar, C as default } from './Calendar-CkgpKD7Q.js';
-export { u as useCalendarBetaProps } from './Calendar-CtkL4zYU.js';
+export { C as Calendar, C as default } from './Calendar-MXQWMrwC.js';
+export { u as useCalendarBetaProps } from './Calendar-M8K2O28r.js';
 //# sourceMappingURL=Calendar.js.map

package/dist/{Card-DDH7gI8m.js → Card-C5TyS0Iv.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 
 import './Card.css';const card = "_card_gi462_2";
 const styles = {
@@ -53,4 +53,4 @@ const Card = forwardRef((props, ref) => {
 Card.displayName = "Card";
 
 export { Card as C };
-//# sourceMappingURL=Card-DDH7gI8m.js.map
+//# sourceMappingURL=Card-C5TyS0Iv.js.map

package/dist/{Card-DDH7gI8m.js.map → Card-C5TyS0Iv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DDH7gI8m.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <h2>Card Title</h2>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Card-C5TyS0Iv.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <h2>Card Title</h2>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/Card.js

@@ -1,2 +1,2 @@
-export { C as Card, C as default } from './Card-DDH7gI8m.js';
+export { C as Card, C as default } from './Card-C5TyS0Iv.js';
 //# sourceMappingURL=Card.js.map

package/dist/{Checkbox-CFgjreAl.js → Checkbox-Czx6UCfq.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-CxjZpzPp.js';
+import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-LPr8zpzs.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -47,4 +47,4 @@ const Checkbox = Object.assign(CheckboxElement, {
 });
 
 export { Checkbox as C };
-//# sourceMappingURL=Checkbox-CFgjreAl.js.map
+//# sourceMappingURL=Checkbox-Czx6UCfq.js.map

package/dist/{Checkbox-CFgjreAl.js.map → Checkbox-Czx6UCfq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-CFgjreAl.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n  CheckboxProps as CoreCheckboxProps,\n  Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n  DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Checkbox\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n  /**\n   * CheckboxGroup component for grouping related checkboxes together.\n   *\n   * Features:\n   * - Groups multiple checkboxes with a common legend\n   * - Supports required field indication\n   * - Optional helper text and descriptions\n   * - Full accessibility support with fieldset/legend\n   * - Focus management for keyboard navigation\n   * - Layout utility props for positioning and spacing\n   * - Flexible layout direction (row/column)\n   * - Screen reader support with hidden labels\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <CheckboxGroup legend=\"Select your interests\" required>\n   *   <Checkbox label=\"Technology\" />\n   *   <Checkbox label=\"Sports\" />\n   *   <Checkbox label=\"Music\" />\n   * </CheckboxGroup>\n   */\n  Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,OAAsB,GAAA,KAA+B;AACpD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAA,CAAM;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1E;AACF,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAA,CAAa,WAAA;AAuBpC,MAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAA,EAAO;AACT,CAAC;;;;"}
+{"version":3,"file":"Checkbox-Czx6UCfq.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n  CheckboxProps as CoreCheckboxProps,\n  Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n  DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n  (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Checkbox\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n  /**\n   * CheckboxGroup component for grouping related checkboxes together.\n   *\n   * Features:\n   * - Groups multiple checkboxes with a common legend\n   * - Supports required field indication\n   * - Optional helper text and descriptions\n   * - Full accessibility support with fieldset/legend\n   * - Focus management for keyboard navigation\n   * - Layout utility props for positioning and spacing\n   * - Flexible layout direction (row/column)\n   * - Screen reader support with hidden labels\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <CheckboxGroup legend=\"Select your interests\" required>\n   *   <Checkbox label=\"Technology\" />\n   *   <Checkbox label=\"Sports\" />\n   *   <Checkbox label=\"Music\" />\n   * </CheckboxGroup>\n   */\n  Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,OAAsB,GAAA,KAA+B;AACpD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAA,CAAM;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EAC1E;AACF,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAA,CAAa,WAAA;AAuBpC,MAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAA,EAAO;AACT,CAAC;;;;"}

package/dist/{Checkbox-CxjZpzPp.js → Checkbox-LPr8zpzs.js}

@@ -1,15 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useContext, forwardRef, useState, useId, useMemo } from 'react';
-import { c as checkboxStyles } from './Checkbox.module-D4EgXL0i.js';
+import { createContext, useContext, forwardRef, useId, useMemo } from 'react';
+import { c as checkboxStyles } from './Checkbox.module-EkRZO48Y.js';
 import { c as cx } from './index-SvGbrGuT.js';
-import { F as FieldLabel } from './FieldLabel-DL0D6fvc.js';
-import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
-import { F as FieldMessage } from './FieldMessage-OeP_xSUE.js';
+import { F as FieldLabel, a as FieldLabelMoreInfoIcon } from './FieldLabel-35fac7b-.js';
+import { F as FieldMessage } from './FieldMessage-eYenMJY5.js';
 import { w as warnDeprecatedErrorUsage } from './utils-pudAMGnO.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
-import { I as Icon } from './Icon-Bcil6aBo.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { I as Icon } from './Icon-Bgkq1egx.js';
 import { S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-B4zobNlt.js';
-import { H as Helper } from './Helper-B2UrgJvr.js';
+import { H as Helper } from './Helper-CDZD_AOG.js';
 
 const CheckboxGroupContext = createContext(void 0);
 const useCheckboxGroupContext = () => {
@@ -35,27 +34,20 @@ const CheckboxGroup = forwardRef((props, ref) => {
     ...rest
   } = componentProps;
   const checkboxGroupClassNames = cx(checkboxStyles["checkbox-group"], className);
-  const [openInfo, setOpenInfo] = useState(false);
   const helperUid = useId();
+  const moreInfoUid = useId();
   const styleCombined = {
     ...style,
     ...layoutStyles,
     alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "flex-start" : void 0)
   };
-  const focusHandler = (e) => {
-    onFocus?.(e);
-    setOpenInfo(true);
-  };
-  const blurHandler = (e) => {
-    onBlur?.(e);
-    setOpenInfo(false);
-  };
   const labelClassNames = cx(checkboxStyles["label"], {
     [checkboxStyles["direction-row"]]: layoutStyles?.flexDirection === "row"
   });
   warnDeprecatedErrorUsage("CheckboxGroup", error);
   const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
   const hasHelperText = hint || errorMessages || warning || description;
+  const ariaDescribedBy = [hasHelperText && helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ") || void 0;
   const contextValue = useMemo(
     () => ({
       hasError: !!error
@@ -70,27 +62,25 @@ const CheckboxGroup = forwardRef((props, ref) => {
       className: checkboxGroupClassNames,
       ref,
       style: styleCombined,
-      onFocus: focusHandler,
-      onBlur: blurHandler,
+      onFocus,
+      onBlur,
       ...rest,
-      "aria-describedby": hasHelperText ? helperUid : void 0,
+      "aria-describedby": ariaDescribedBy,
       children: [
         /* @__PURE__ */ jsxs("legend", { className: checkboxStyles["legend"], children: [
           legend,
-          required && ", required",
-          moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })
+          required && ", required"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: checkboxStyles["label-row"], children: [
+          /* @__PURE__ */ jsx(FieldLabel, { "aria-hidden": true, required, className: labelClassNames, children: legend }),
+          moreInfo && /* @__PURE__ */ jsx(
+            FieldLabelMoreInfoIcon,
+            {
+              moreInfo,
+              moreInfoId: moreInfoUid
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(
-          FieldLabel,
-          {
-            "aria-hidden": true,
-            moreInfo,
-            required,
-            moreInfoOpen: openInfo,
-            className: labelClassNames,
-            children: legend
-          }
-        ),
         /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
           "div",
           {
@@ -244,4 +234,4 @@ CheckboxElement.displayName = "Checkbox";
 const Checkbox = CheckboxElement;
 
 export { CheckboxGroup as C, Checkbox as a };
-//# sourceMappingURL=Checkbox-CxjZpzPp.js.map
+//# sourceMappingURL=Checkbox-LPr8zpzs.js.map

package/dist/Checkbox-LPr8zpzs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-LPr8zpzs.js","sources":["../src/components/Checkbox/internal/CheckboxGroupContext.tsx","../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value for CheckboxGroup\n * @property {boolean} hasError - Whether the group has an error state\n */\nexport type CheckboxGroupContextValue = {\n  /**\n   * Whether the checkbox group has an error state\n   */\n  hasError: boolean;\n};\n\n/**\n * Context for sharing state between CheckboxGroup and child Checkbox components\n */\nexport const CheckboxGroupContext = createContext<\n  CheckboxGroupContextValue | undefined\n>(undefined);\n\n/**\n * Hook to access CheckboxGroup context from child Checkbox components\n * @returns CheckboxGroupContextValue if inside a CheckboxGroup, undefined otherwise\n */\nexport const useCheckboxGroupContext = () => {\n  return useContext(CheckboxGroupContext);\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  useId,\n  useMemo,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { FieldLabelMoreInfoIcon } from \"../FieldLabel/internal/FieldLabelMoreInfoIcon\";\nimport { FieldLabelProps } from \"../../internal/types\";\nimport { HelperProps } from \"../../internal/components\";\nimport FieldMessage, { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { CheckboxGroupContext } from \"./internal/CheckboxGroupContext\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<FieldLabelProps, \"labelProps\"> & {\n    /**\n     * required flag for label\n     * @accessibility This does not enforce error when nothing is selected.\n     * @default false\n     */\n    required?: boolean;\n\n    /**\n     * legend for the fieldset\n     */\n    legend: string | ReactElement;\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    /**\n     * Description text to display below the field.\n     */\n    description?: HelperProps[\"description\"];\n    /**\n     * Hint text to display below the field.\n     */\n    hint?: HelperProps[\"hint\"];\n  };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n *   <Checkbox label=\"Technology\" />\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    className,\n    children,\n    description,\n    error,\n    errorAriaLive: _errorAriaLive,\n    hint,\n    warning,\n    legend,\n    moreInfo,\n    onBlur,\n    onFocus,\n    required,\n    style,\n    ...rest\n  } = componentProps;\n\n  const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    alignItems:\n      layoutStyles?.alignItems ??\n      (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n  };\n\n  const labelClassNames = cx(styles[\"label\"], {\n    [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n  });\n\n  warnDeprecatedErrorUsage(\"CheckboxGroup\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const hasHelperText = hint || errorMessages || warning || description;\n\n  const ariaDescribedBy =\n    [hasHelperText && helperUid, moreInfo && moreInfoUid]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  const contextValue = useMemo(\n    () => ({\n      hasError: !!error,\n    }),\n    [error],\n  );\n\n  return (\n    <fieldset\n      role=\"group\"\n      data-anv=\"checkbox-group\"\n      className={checkboxGroupClassNames}\n      ref={ref}\n      style={styleCombined}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      {...rest}\n      aria-describedby={ariaDescribedBy}\n    >\n      <legend className={styles[\"legend\"]}>\n        {legend}\n        {required && \", required\"}\n      </legend>\n      <div className={styles[\"label-row\"]}>\n        <FieldLabel aria-hidden required={required} className={labelClassNames}>\n          {legend}\n        </FieldLabel>\n        {moreInfo && (\n          <FieldLabelMoreInfoIcon\n            moreInfo={moreInfo}\n            moreInfoId={moreInfoUid}\n          />\n        )}\n      </div>\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div\n          className={styles[\"children\"]}\n          style={{\n            flexDirection: layoutStyles?.flexDirection,\n            gap: layoutStyles?.gap,\n          }}\n        >\n          {children}\n        </div>\n      </CheckboxGroupContext.Provider>\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n  forwardRef,\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\nimport { useCheckboxGroupContext } from \"./CheckboxGroupContext\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n  Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"onChange\" | \"onClick\" | \"indeterminate\"\n  > & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Indeterminate state of the checkbox\n     * @accessibility Applies aria-checked=\"mixed\"\n     * @default false\n     */\n    indeterminate?: boolean;\n\n    /**\n     * Callback when checkbox is changed\n     */\n    onChange?: (\n      e: ChangeEvent<HTMLInputElement>,\n      state?: CheckboxState,\n    ) => void;\n\n    /**\n     * Callback when checkbox is clicked\n     */\n    onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n    /**\n     * label for checkbox\n     * @accessibility This should either be a string or have text content inside for accessibility\n     */\n    label?: string | ReactElement;\n\n    /**\n     * Error state for the checkbox\n     * @accessibility Applies aria-invalid=\"true\"\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides\n     */\n    icons?: {\n      checked?: Svg;\n      indeterminate?: Svg;\n      unchecked?: Svg;\n    };\n\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When `true`, hides the checkbox for visual users.\n     * @default false\n     */\n    hideCheckbox?: boolean;\n  };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      indeterminate,\n      onChange,\n      onClick,\n      value,\n      className,\n      disabled,\n      error,\n      icons,\n      checked: checkedProp,\n      defaultChecked,\n      label,\n      style,\n      required,\n      description,\n      hideCheckbox = false,\n      ...rest\n    } = componentProps;\n\n    const groupContext = useCheckboxGroupContext();\n    const {\n      checked: checkedIcon = CheckboxChecked,\n      indeterminate: indeterminateIcon = CheckboxIndeterminate,\n      unchecked: uncheckedIcon = CheckboxOutline,\n    } = { ...icons };\n\n    const isControlled = typeof checkedProp !== \"undefined\";\n\n    const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n    };\n\n    const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n      onClick?.(e, {\n        value,\n        checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n      });\n    };\n\n    const helperUid = useId();\n\n    // Combine local error state with group error state\n    const hasError = error || groupContext?.hasError;\n\n    const wrapperClassNames = cx(\n      styles[\"wrapper\"],\n      { [styles[\"focus\"]]: hideCheckbox },\n      className,\n    );\n\n    const checkboxClassNames = cx(styles[\"checkbox\"], {\n      [styles[\"error\"]]: hasError,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={wrapperClassNames}\n        style={styleCombined}\n        data-anv=\"checkbox\"\n      >\n        <label className={checkboxClassNames}>\n          <input\n            type=\"checkbox\"\n            disabled={disabled}\n            value={value}\n            onChange={onChangeHandler}\n            onClick={onClickHandler}\n            aria-checked={\n              indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n            }\n            checked={isControlled ? checkedProp : undefined}\n            defaultChecked={defaultChecked}\n            aria-invalid={hasError}\n            aria-describedby={description ? helperUid : undefined}\n            ref={ref}\n            {...rest}\n          />\n\n          <span\n            className={cx(styles[\"icon-wrapper\"], {\n              [styles[\"sr-only\"]]: hideCheckbox,\n            })}\n            aria-hidden\n          >\n            <Icon\n              size=\"large\"\n              svg={indeterminateIcon}\n              className={styles[\"icon-indeterminate\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={checkedIcon}\n              className={styles[\"icon-checked\"]}\n            />\n\n            <Icon\n              size=\"large\"\n              svg={uncheckedIcon}\n              className={styles[\"icon-unchecked\"]}\n            />\n          </span>\n\n          <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n            {label}\n\n            {required && (\n              <span aria-hidden className={styles[\"required-asterisk\"]}>\n                *\n              </span>\n            )}\n          </span>\n        </label>\n\n        {description ? (\n          <div className={styles[\"helper-wrapper\"]}>\n            <Helper id={helperUid} description={description} />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n *   label=\"Accept terms and conditions\"\n *   onChange={(e, state) => console.log('Checked:', state.checked)}\n *   required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}

package/dist/Checkbox.css

@@ -6,7 +6,7 @@
 
 /* REVERT LAYER BUGFIX END */
 @layer reset {
-  ._checkbox_19qga_8 {
+  ._checkbox_20dx6_8 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -21,12 +21,12 @@
   }
 }
 @layer base {
-  ._wrapper_19qga_23 {
+  ._wrapper_20dx6_23 {
     display: inline-flex;
     flex-direction: column;
     gap: 0.25rem;
   }
-  ._checkbox_19qga_8 {
+  ._checkbox_20dx6_8 {
     display: inline-flex;
     align-items: flex-start;
     gap: 0.5rem;
@@ -35,17 +35,17 @@
     font-size: 1rem;
     line-height: 1.5;
   }
-  ._checkbox_19qga_8 ._required-asterisk_19qga_37 {
+  ._checkbox_20dx6_8 ._required-asterisk_20dx6_37 {
     margin-inline-start: 0.25rem;
     color: var(--foreground-color-danger, #e13212);
   }
-  ._checkbox_19qga_8 ._focus-label_19qga_41 {
+  ._checkbox_20dx6_8 ._focus-label_20dx6_41 {
     border-radius: 0.75rem;
     outline: 0 solid var(--focus-ring-color, #0265DC);
     outline-offset: 2px;
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._checkbox_19qga_8 ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47 {
     display: inline-flex;
     border-radius: 0.3125rem;
     background-color: transparent;
@@ -53,7 +53,7 @@
     position: relative;
     outline: 0 solid var(--focus-ring-color, #0265DC);
   }
-  ._checkbox_19qga_8 ._icon-wrapper_19qga_47::before {
+  ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47::before {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -68,7 +68,7 @@
     pointer-events: none;
     border-radius: inherit;
   }
-  ._checkbox_19qga_8 input {
+  ._checkbox_20dx6_8 input {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -80,128 +80,128 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._helper-wrapper_19qga_80 {
+  ._helper-wrapper_20dx6_80 {
     margin-inline-start: 2rem;
   }
 }
 @layer state {
-  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85,
-  ._checkbox_19qga_8 ._icon-unchecked_19qga_86,
-  ._checkbox_19qga_8 ._icon-checked_19qga_87 {
+  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85,
+  ._checkbox_20dx6_8 ._icon-unchecked_20dx6_86,
+  ._checkbox_20dx6_8 ._icon-checked_20dx6_87 {
     border-radius: 0.1875rem;
   }
-  ._checkbox_19qga_8 ._icon-checked_19qga_87,
-  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85 {
+  ._checkbox_20dx6_8 ._icon-checked_20dx6_87,
+  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85 {
     color: var(--checkbox-checked-fill-color-default, #0265DC);
     display: none;
   }
-  ._checkbox_19qga_8 ._icon-checked_19qga_87:hover,
-  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85:hover {
+  ._checkbox_20dx6_8 ._icon-checked_20dx6_87:hover,
+  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85:hover {
     color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
   }
-  ._checkbox_19qga_8 ._icon-checked_19qga_87:active,
-  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85:active {
+  ._checkbox_20dx6_8 ._icon-checked_20dx6_87:active,
+  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85:active {
     color: var(--checkbox-checked-fill-color-active, rgba(1, 81, 175, 0.7215686275));
   }
-  ._checkbox_19qga_8._error_19qga_103 ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-wrapper_20dx6_47 {
     outline-color: var(--focus-ring-color-danger, #e13212);
   }
-  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87 {
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87 {
     color: var(--checkbox-checked-error-fill-color-default, #e13212);
   }
-  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85:hover,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86:hover,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87:hover {
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85:hover,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86:hover,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87:hover {
     color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
   }
-  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85:active,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86:active,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87:active {
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85:active,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86:active,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87:active {
     color: var(--checkbox-checked-error-fill-color-active, #bf2a00);
   }
-  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87,
-  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85 {
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87,
+  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85 {
     display: none;
   }
-  ._checkbox_19qga_8:hover {
+  ._checkbox_20dx6_8:hover {
     cursor: pointer;
   }
-  ._checkbox_19qga_8:hover:has(input:not(:disabled)) ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8:hover:has(input:not(:disabled)) ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._checkbox_19qga_8:hover:has(input:not(:disabled):checked) ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8:hover:has(input:not(:disabled):checked) ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87,
-  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
+  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87,
+  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
     color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
   }
-  ._checkbox_19qga_8._error_19qga_103:hover {
+  ._checkbox_20dx6_8._error_20dx6_103:hover {
     cursor: pointer;
   }
-  ._checkbox_19qga_8._error_19qga_103:hover:has(input:not(:disabled)) ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8._error_20dx6_103:hover:has(input:not(:disabled)) ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_19qga_8._error_19qga_103:hover:has(input:not(:disabled):checked) ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8._error_20dx6_103:hover:has(input:not(:disabled):checked) ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 {
     background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87,
-  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
+  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87,
+  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
     color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
   }
-  ._checkbox_19qga_8 input:focus-visible ~ ._icon-wrapper_19qga_47,
-  ._checkbox_19qga_8 input:focus-visible ~ ._focus-label_19qga_41 {
+  ._checkbox_20dx6_8 input:focus-visible ~ ._icon-wrapper_20dx6_47,
+  ._checkbox_20dx6_8 input:focus-visible ~ ._focus-label_20dx6_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_19qga_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_19qga_47,
-  ._checkbox_19qga_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_19qga_41 {
+  ._checkbox_20dx6_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_20dx6_47,
+  ._checkbox_20dx6_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_20dx6_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_19qga_8 input:checked ~ ._icon-wrapper_19qga_47 ._icon-unchecked_19qga_86 {
+  ._checkbox_20dx6_8 input:checked ~ ._icon-wrapper_20dx6_47 ._icon-unchecked_20dx6_86 {
     display: none;
   }
-  ._checkbox_19qga_8 input:checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87 {
+  ._checkbox_20dx6_8 input:checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87 {
     display: inline-flex;
   }
-  ._checkbox_19qga_8 input:checked:focus-visible ~ ._icon-wrapper_19qga_47, ._checkbox_19qga_8 input:checked:focus-visible ~ ._focus-label_19qga_41 {
+  ._checkbox_20dx6_8 input:checked:focus-visible ~ ._icon-wrapper_20dx6_47, ._checkbox_20dx6_8 input:checked:focus-visible ~ ._focus-label_20dx6_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87, ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-unchecked_19qga_86 {
+  ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87, ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-unchecked_20dx6_86 {
     display: none;
   }
-  ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
+  ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
     display: inline-flex;
   }
-  ._checkbox_19qga_8:has(input[disabled]) {
+  ._checkbox_20dx6_8:has(input[disabled]) {
     opacity: 0.6;
     filter: grayscale(1);
   }
-  ._checkbox_19qga_8:has(input[disabled]) ._icon-indeterminate_19qga_85,
-  ._checkbox_19qga_8:has(input[disabled]) ._icon-unchecked_19qga_86,
-  ._checkbox_19qga_8:has(input[disabled]) ._icon-checked_19qga_87 {
+  ._checkbox_20dx6_8:has(input[disabled]) ._icon-indeterminate_20dx6_85,
+  ._checkbox_20dx6_8:has(input[disabled]) ._icon-unchecked_20dx6_86,
+  ._checkbox_20dx6_8:has(input[disabled]) ._icon-checked_20dx6_87 {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._checkbox_19qga_8:has(input[disabled]):hover {
+  ._checkbox_20dx6_8:has(input[disabled]):hover {
     cursor: not-allowed;
   }
-  ._checkbox_19qga_8:has(input[disabled]):hover ._icon-wrapper_19qga_47 {
+  ._checkbox_20dx6_8:has(input[disabled]):hover ._icon-wrapper_20dx6_47 {
     box-shadow: none;
   }
-  ._sr-only_19qga_201 {
+  ._sr-only_20dx6_201 {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -215,19 +215,19 @@
   }
 }
 @layer application {
-  ._checkbox-group_19qga_215 ._label_19qga_215._direction-row_19qga_215 {
+  ._checkbox-group_20dx6_215 ._label_20dx6_215._direction-row_20dx6_215 {
     min-height: 1.5rem;
     justify-content: center;
   }
   @media (prefers-reduced-motion: reduce) {
-    ._checkbox_19qga_8 ._icon-wrapper_19qga_47 {
+    ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47 {
       transition-duration: 0.01ms !important;
       transition-property: outline;
     }
   }
 }
 @layer reset {
-  ._checkbox-group_19qga_215 {
+  ._checkbox-group_20dx6_215 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -242,12 +242,12 @@
   }
 }
 @layer base {
-  ._checkbox-group_19qga_215 {
+  ._checkbox-group_20dx6_215 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;
   }
-  ._checkbox-group_19qga_215 ._legend_19qga_247 {
+  ._checkbox-group_20dx6_215 ._legend_20dx6_247 {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -259,7 +259,12 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._checkbox-group_19qga_215 ._children_19qga_259 {
+  ._checkbox-group_20dx6_215 ._label-row_20dx6_259 {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+  ._checkbox-group_20dx6_215 ._children_20dx6_264 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;

package/dist/Checkbox.js

@@ -1,2 +1,2 @@
-export { C as Checkbox, C as default } from './Checkbox-CFgjreAl.js';
+export { C as Checkbox, C as default } from './Checkbox-Czx6UCfq.js';
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.module-EkRZO48Y.js

@@ -0,0 +1,28 @@
+import './Checkbox.css';const checkbox = "_checkbox_20dx6_8";
+const wrapper = "_wrapper_20dx6_23";
+const error = "_error_20dx6_103";
+const label = "_label_20dx6_215";
+const legend = "_legend_20dx6_247";
+const children = "_children_20dx6_264";
+const checkboxStyles = {
+	checkbox: checkbox,
+	wrapper: wrapper,
+	"required-asterisk": "_required-asterisk_20dx6_37",
+	"focus-label": "_focus-label_20dx6_41",
+	"icon-wrapper": "_icon-wrapper_20dx6_47",
+	"helper-wrapper": "_helper-wrapper_20dx6_80",
+	"icon-indeterminate": "_icon-indeterminate_20dx6_85",
+	"icon-unchecked": "_icon-unchecked_20dx6_86",
+	"icon-checked": "_icon-checked_20dx6_87",
+	error: error,
+	"sr-only": "_sr-only_20dx6_201",
+	"checkbox-group": "_checkbox-group_20dx6_215",
+	label: label,
+	"direction-row": "_direction-row_20dx6_215",
+	legend: legend,
+	"label-row": "_label-row_20dx6_259",
+	children: children
+};
+
+export { checkboxStyles as c };
+//# sourceMappingURL=Checkbox.module-EkRZO48Y.js.map

package/dist/Checkbox.module-EkRZO48Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module-EkRZO48Y.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{Chip-Bc7jiIJ1.js → Chip-BJmzOMOd.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useId, useLayoutEffect, useContext } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
 import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-BYKjkGRg.js';
-import { a as Avatar } from './Avatar-COMPK7Ym.js';
+import { a as Avatar } from './Avatar-CJCAu9Hk.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { I as Icon } from './Icon-Bcil6aBo.js';
+import { I as Icon } from './Icon-Bgkq1egx.js';
 import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -184,4 +184,4 @@ const Chip = forwardRef(
 Chip.displayName = Chip$1.displayName;
 
 export { Chip as C };
-//# sourceMappingURL=Chip-Bc7jiIJ1.js.map
+//# sourceMappingURL=Chip-BJmzOMOd.js.map