@servicetitan/anvil2 1.46.0 → 1.46.2

package/dist/{EditCard-WKzZ2XCz.js → EditCard-CZzL0nx7.js}

@@ -6,7 +6,7 @@ import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { C as Card } from './Card-vTYeSkxt.js';
 import { T as Text } from './Text-BqvcbXyp.js';
 import { I as Icon } from './Icon-D8SPKeO4.js';
-import { B as Button } from './Button-BxFXQ0-n.js';
+import { B as Button } from './Button-VNQQgZ45.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
 import './EditCard.css';const container = "_container_1bs09_11";
@@ -108,4 +108,4 @@ const EditCard = forwardRef(
 EditCard.displayName = "EditCard";
 
 export { EditCard as E };
-//# sourceMappingURL=EditCard-WKzZ2XCz.js.map
+//# sourceMappingURL=EditCard-CZzL0nx7.js.map

package/dist/{EditCard-WKzZ2XCz.js.map → EditCard-CZzL0nx7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditCard-WKzZ2XCz.js","sources":["../../hammer-icon/mdi/round/priority_high.svg","../src/components/EditCard/EditCard.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgPriorityHigh;\n","import cx from \"classnames\";\nimport styles from \"./EditCard.module.scss\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport PriorityHigh from \"@servicetitan/hammer-icon/mdi/round/priority_high.svg\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Card } from \"../Card\";\nimport { Text } from \"../Text\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\n/**\n * Props for the EditCard component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type EditCardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The header text to display. Can be a string or an object mapping states to different text.\n     */\n    headerText:\n      | string\n      | {\n          \"not started\": string;\n          \"in progress\": string;\n          error: string;\n          complete: string;\n        };\n    /**\n     * The current state of the edit card.\n     */\n    state: EditCardState;\n    /**\n     * Text to display on the save button.\n     * @default \"Save\"\n     */\n    saveButtonText?: string;\n    /**\n     * Text to display on the edit button.\n     * @default \"Edit\"\n     */\n    editButtonText?: string;\n    /**\n     * Whether to disable the edit button.\n     * @default false\n     */\n    disableEdit?: boolean;\n    /**\n     * Whether to disable the save button.\n     * @default false\n     */\n    disableSave?: boolean;\n    /**\n     * Callback function called when the state changes.\n     */\n    onStateChange?: (changeType: EditCardChange) => void;\n  };\n\n/**\n * The type of state change that can occur.\n * @property {\"edit\"} edit - User clicked the edit button to start editing\n * @property {\"save\"} save - User clicked the save button to save changes\n * @property {\"cancel\"} cancel - User clicked the cancel button to discard changes\n */\nexport type EditCardChange = \"edit\" | \"save\" | \"cancel\";\n\n/**\n * The current state of the edit card.\n * @property {\"not started\"} not started - Initial state, content is not being edited\n * @property {\"in progress\"} in progress - User is currently editing the content\n * @property {\"error\"} error - An error occurred during the edit process\n * @property {\"complete\"} complete - Edit was successfully completed\n */\nexport type EditCardState =\n  | \"not started\"\n  | \"in progress\"\n  | \"error\"\n  | \"complete\";\n\n/**\n * EditCard component for managing editable content with different states and actions.\n *\n * Features:\n * - Four distinct states: not started, in progress, error, and complete\n * - Visual indicators for each state with appropriate icons\n * - Dynamic header text that can change based on state\n * - Edit and save buttons with customizable text\n * - Optional button disabling for different states\n * - State change callbacks for handling user interactions\n * - Built on Card component with consistent styling\n * - Supports layout utilities for positioning and spacing\n * - Accessible with proper ARIA attributes\n * - Visual state indicators with color-coded borders\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <EditCard\n *   headerText=\"User Profile\"\n *   state=\"not started\"\n *   onStateChange={(change) => console.log(change)}\n * >\n *   <Text>Profile information goes here</Text>\n * </EditCard>\n */\nexport const EditCard = forwardRef<HTMLDivElement, EditCardProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      style,\n      headerText,\n      state,\n      editButtonText = \"Edit\",\n      saveButtonText = \"Save\",\n      disableEdit = false,\n      disableSave = false,\n      onStateChange,\n      ...rest\n    } = componentProps;\n\n    const kebabState = state?.replaceAll(\" \", \"-\");\n\n    const editCardClassNames = cx(\n      styles[\"edit-card\"],\n      styles[`edit-card-${kebabState}`],\n      className,\n    );\n\n    return (\n      <Card\n        padding=\"large\"\n        className={editCardClassNames}\n        data-anv=\"edit-card\"\n        style={style}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={cx(styles.indicator, styles[`indicator-${kebabState}`])}\n        >\n          {state === \"complete\" && <Icon svg={Check} />}\n          {state === \"error\" && <Icon svg={PriorityHigh} />}\n        </div>\n        <div className={styles.container}>\n          <div className={styles.header}>\n            <Text className={styles.heading} variant=\"headline\" el=\"h3\">\n              {typeof headerText === \"string\" ? headerText : headerText[state]}\n            </Text>\n            {state !== \"in progress\" && (\n              <Button\n                disabled={disableEdit}\n                onClick={() => onStateChange?.(\"edit\")}\n              >\n                {editButtonText}\n              </Button>\n            )}\n          </div>\n          {children && (\n            <div className={styles.content} style={layoutStyles}>\n              {children}\n            </div>\n          )}\n          {state === \"in progress\" && (\n            <div className={styles.footer}>\n              <Button onClick={() => onStateChange?.(\"cancel\")}>Cancel</Button>\n              <Button\n                appearance=\"primary\"\n                onClick={() => onStateChange?.(\"save\")}\n                disabled={disableSave}\n              >\n                {saveButtonText}\n              </Button>\n            </div>\n          )}\n        </div>\n      </Card>\n    );\n  },\n);\n\nEditCard.displayName = \"EditCard\";\n"],"names":["Check","PriorityHigh"],"mappings":"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"}
+{"version":3,"file":"EditCard-CZzL0nx7.js","sources":["../../hammer-icon/mdi/round/priority_high.svg","../src/components/EditCard/EditCard.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgPriorityHigh = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 19, r: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgPriorityHigh;\n","import cx from \"classnames\";\nimport styles from \"./EditCard.module.scss\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport PriorityHigh from \"@servicetitan/hammer-icon/mdi/round/priority_high.svg\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Card } from \"../Card\";\nimport { Text } from \"../Text\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\n/**\n * Props for the EditCard component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type EditCardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The header text to display. Can be a string or an object mapping states to different text.\n     */\n    headerText:\n      | string\n      | {\n          \"not started\": string;\n          \"in progress\": string;\n          error: string;\n          complete: string;\n        };\n    /**\n     * The current state of the edit card.\n     */\n    state: EditCardState;\n    /**\n     * Text to display on the save button.\n     * @default \"Save\"\n     */\n    saveButtonText?: string;\n    /**\n     * Text to display on the edit button.\n     * @default \"Edit\"\n     */\n    editButtonText?: string;\n    /**\n     * Whether to disable the edit button.\n     * @default false\n     */\n    disableEdit?: boolean;\n    /**\n     * Whether to disable the save button.\n     * @default false\n     */\n    disableSave?: boolean;\n    /**\n     * Callback function called when the state changes.\n     */\n    onStateChange?: (changeType: EditCardChange) => void;\n  };\n\n/**\n * The type of state change that can occur.\n * @property {\"edit\"} edit - User clicked the edit button to start editing\n * @property {\"save\"} save - User clicked the save button to save changes\n * @property {\"cancel\"} cancel - User clicked the cancel button to discard changes\n */\nexport type EditCardChange = \"edit\" | \"save\" | \"cancel\";\n\n/**\n * The current state of the edit card.\n * @property {\"not started\"} not started - Initial state, content is not being edited\n * @property {\"in progress\"} in progress - User is currently editing the content\n * @property {\"error\"} error - An error occurred during the edit process\n * @property {\"complete\"} complete - Edit was successfully completed\n */\nexport type EditCardState =\n  | \"not started\"\n  | \"in progress\"\n  | \"error\"\n  | \"complete\";\n\n/**\n * EditCard component for managing editable content with different states and actions.\n *\n * Features:\n * - Four distinct states: not started, in progress, error, and complete\n * - Visual indicators for each state with appropriate icons\n * - Dynamic header text that can change based on state\n * - Edit and save buttons with customizable text\n * - Optional button disabling for different states\n * - State change callbacks for handling user interactions\n * - Built on Card component with consistent styling\n * - Supports layout utilities for positioning and spacing\n * - Accessible with proper ARIA attributes\n * - Visual state indicators with color-coded borders\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <EditCard\n *   headerText=\"User Profile\"\n *   state=\"not started\"\n *   onStateChange={(change) => console.log(change)}\n * >\n *   <Text>Profile information goes here</Text>\n * </EditCard>\n */\nexport const EditCard = forwardRef<HTMLDivElement, EditCardProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      style,\n      headerText,\n      state,\n      editButtonText = \"Edit\",\n      saveButtonText = \"Save\",\n      disableEdit = false,\n      disableSave = false,\n      onStateChange,\n      ...rest\n    } = componentProps;\n\n    const kebabState = state?.replaceAll(\" \", \"-\");\n\n    const editCardClassNames = cx(\n      styles[\"edit-card\"],\n      styles[`edit-card-${kebabState}`],\n      className,\n    );\n\n    return (\n      <Card\n        padding=\"large\"\n        className={editCardClassNames}\n        data-anv=\"edit-card\"\n        style={style}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={cx(styles.indicator, styles[`indicator-${kebabState}`])}\n        >\n          {state === \"complete\" && <Icon svg={Check} />}\n          {state === \"error\" && <Icon svg={PriorityHigh} />}\n        </div>\n        <div className={styles.container}>\n          <div className={styles.header}>\n            <Text className={styles.heading} variant=\"headline\" el=\"h3\">\n              {typeof headerText === \"string\" ? headerText : headerText[state]}\n            </Text>\n            {state !== \"in progress\" && (\n              <Button\n                disabled={disableEdit}\n                onClick={() => onStateChange?.(\"edit\")}\n              >\n                {editButtonText}\n              </Button>\n            )}\n          </div>\n          {children && (\n            <div className={styles.content} style={layoutStyles}>\n              {children}\n            </div>\n          )}\n          {state === \"in progress\" && (\n            <div className={styles.footer}>\n              <Button onClick={() => onStateChange?.(\"cancel\")}>Cancel</Button>\n              <Button\n                appearance=\"primary\"\n                onClick={() => onStateChange?.(\"save\")}\n                disabled={disableSave}\n              >\n                {saveButtonText}\n              </Button>\n            </div>\n          )}\n        </div>\n      </Card>\n    );\n  },\n);\n\nEditCard.displayName = \"EditCard\";\n"],"names":["Check","PriorityHigh"],"mappings":"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"}

package/dist/EditCard.js

@@ -1,2 +1,2 @@
-export { E as EditCard, E as default } from './EditCard-WKzZ2XCz.js';
+export { E as EditCard, E as default } from './EditCard-CZzL0nx7.js';
 //# sourceMappingURL=EditCard.js.map

package/dist/{FieldLabel-BsbTTyom.js → FieldLabel-BP8QK5UR.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
-import { T as Tooltip } from './Tooltip-BI3Xs75X.js';
+import { T as Tooltip } from './Tooltip-CtCLw_vx.js';
 import { I as Icon } from './Icon-D8SPKeO4.js';
 import { S as SvgInfo } from './info-CYpG6tcI.js';
 
@@ -73,4 +73,4 @@ const FieldLabel = forwardRef(
 FieldLabel.displayName = "FieldLabel";
 
 export { FieldLabel as F };
-//# sourceMappingURL=FieldLabel-BsbTTyom.js.map
+//# sourceMappingURL=FieldLabel-BP8QK5UR.js.map

package/dist/{FieldLabel-BsbTTyom.js.map → FieldLabel-BP8QK5UR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel-BsbTTyom.js","sources":["../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { FieldLabelProps } from \"../FieldLabel\";\nimport { Tooltip } from \"../../Tooltip\";\nimport { Icon } from \"../../Icon\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport styles from \"../FieldLabel.module.scss\";\n\n/**\n * Internal component for rendering the info icon with tooltip.\n *\n * @param props - Component props\n * @param props.moreInfo - The content to display in the tooltip\n * @param props.openMoreInfo - Controls the tooltip open state\n */\nexport const FieldLabelMoreInfoIcon = ({\n  moreInfo,\n  openMoreInfo,\n}: {\n  moreInfo: FieldLabelProps[\"moreInfo\"];\n  openMoreInfo: FieldLabelProps[\"openMoreInfo\"];\n}) => {\n  return (\n    <Tooltip\n      open={openMoreInfo}\n      placement=\"top\"\n      offset={5}\n      fallbackPlacements={[\"right\", \"bottom\", \"left\"]}\n    >\n      <Tooltip.Trigger className={styles[\"info-trigger\"]}>\n        <Icon svg={Info} />\n      </Tooltip.Trigger>\n      <Tooltip.Content className={styles[\"info-content\"]}>\n        {moreInfo}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n","import { forwardRef, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./FieldLabel.module.scss\";\nimport { TooltipProps } from \"../Tooltip\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelMoreInfoIcon } from \"./internal/FieldLabelMoreInfoIcon\";\n\n/**\n * Props for the FieldLabel component.\n */\nexport type FieldLabelProps = Omit<ComponentPropsWithoutRef<\"label\">, \"id\"> & {\n  /** Unique identifier for the label element */\n  id?: string;\n  /**\n   * Whether the field is required. Shows a red asterisk (*) when true.\n   * @default false\n   */\n  required?: boolean;\n  /** Additional information to display in a tooltip */\n  moreInfo?: ReactNode;\n  /**\n   * Controls the open state of the more info tooltip.\n   * @default false\n   */\n  openMoreInfo?: TooltipProps[\"open\"];\n};\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Controlled and uncontrolled tooltip state management\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n */\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(\n  (props, ref) => {\n    const { children, className, moreInfo, required, openMoreInfo, ...rest } =\n      props;\n    const FieldLabelClassNames = cx([styles[\"label\"]], className);\n\n    return (\n      <label\n        className={FieldLabelClassNames}\n        data-anv=\"label\"\n        ref={ref}\n        {...rest}\n      >\n        <div className={styles[\"top-container\"]} aria-atomic=\"true\">\n          <span className={styles[\"label-text\"]}>\n            {children}\n            {required ? (\n              <>\n                <span aria-hidden className={styles[\"required\"]}>\n                  *\n                </span>\n                <SrOnly>Required</SrOnly>\n              </>\n            ) : null}\n          </span>\n          {moreInfo ? (\n            <FieldLabelMoreInfoIcon\n              moreInfo={moreInfo}\n              openMoreInfo={openMoreInfo}\n            />\n          ) : null}\n        </div>\n\n        {moreInfo ? <SrOnly>{moreInfo}</SrOnly> : null}\n      </label>\n    );\n  },\n);\n\nFieldLabel.displayName = \"FieldLabel\";\n"],"names":["Info"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EACE,uBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,YAAA;AAAA,MACN,SAAU,EAAA,KAAA;AAAA,MACV,MAAQ,EAAA,CAAA;AAAA,MACR,kBAAoB,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,CAAQ,OAAR,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,cAAc,CAAA,EAC/C,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,GAAK,EAAAA,OAAA,EAAM,CACnB,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,QAAQ,OAAR,EAAA,EAAgB,WAAW,MAAO,CAAA,cAAc,GAC9C,QACH,EAAA,QAAA,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;;ACsBO,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA,EAAE,UAAU,SAAW,EAAA,QAAA,EAAU,UAAU,YAAc,EAAA,GAAG,MAChE,GAAA,KAAA;AACF,IAAA,MAAM,uBAAuB,EAAG,CAAA,CAAC,OAAO,OAAO,CAAC,GAAG,SAAS,CAAA;AAE5D,IACE,uBAAA,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,oBAAA;AAAA,QACX,UAAS,EAAA,OAAA;AAAA,QACT,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eAAe,CAAA,EAAG,eAAY,MACnD,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,YAAY,CACjC,EAAA,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,cACA,2BAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,aAAW,EAAA,IAAA,EAAC,WAAW,MAAO,CAAA,UAAU,GAAG,QAEjD,EAAA,GAAA,EAAA,CAAA;AAAA,gCACA,GAAA,CAAC,UAAO,QAAQ,EAAA,UAAA,EAAA;AAAA,eAAA,EAClB,CACE,GAAA;AAAA,aACN,EAAA,CAAA;AAAA,YACC,QACC,mBAAA,GAAA;AAAA,cAAC,sBAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA;AAAA;AAAA,aAEA,GAAA;AAAA,WACN,EAAA,CAAA;AAAA,UAEC,QAAW,mBAAA,GAAA,CAAC,MAAQ,EAAA,EAAA,QAAA,EAAA,QAAA,EAAS,CAAY,GAAA;AAAA;AAAA;AAAA,KAC5C;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}
+{"version":3,"file":"FieldLabel-BP8QK5UR.js","sources":["../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { FieldLabelProps } from \"../FieldLabel\";\nimport { Tooltip } from \"../../Tooltip\";\nimport { Icon } from \"../../Icon\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport styles from \"../FieldLabel.module.scss\";\n\n/**\n * Internal component for rendering the info icon with tooltip.\n *\n * @param props - Component props\n * @param props.moreInfo - The content to display in the tooltip\n * @param props.openMoreInfo - Controls the tooltip open state\n */\nexport const FieldLabelMoreInfoIcon = ({\n  moreInfo,\n  openMoreInfo,\n}: {\n  moreInfo: FieldLabelProps[\"moreInfo\"];\n  openMoreInfo: FieldLabelProps[\"openMoreInfo\"];\n}) => {\n  return (\n    <Tooltip\n      open={openMoreInfo}\n      placement=\"top\"\n      offset={5}\n      fallbackPlacements={[\"right\", \"bottom\", \"left\"]}\n    >\n      <Tooltip.Trigger className={styles[\"info-trigger\"]}>\n        <Icon svg={Info} />\n      </Tooltip.Trigger>\n      <Tooltip.Content className={styles[\"info-content\"]}>\n        {moreInfo}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n","import { forwardRef, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./FieldLabel.module.scss\";\nimport { TooltipProps } from \"../Tooltip\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelMoreInfoIcon } from \"./internal/FieldLabelMoreInfoIcon\";\n\n/**\n * Props for the FieldLabel component.\n */\nexport type FieldLabelProps = Omit<ComponentPropsWithoutRef<\"label\">, \"id\"> & {\n  /** Unique identifier for the label element */\n  id?: string;\n  /**\n   * Whether the field is required. Shows a red asterisk (*) when true.\n   * @default false\n   */\n  required?: boolean;\n  /** Additional information to display in a tooltip */\n  moreInfo?: ReactNode;\n  /**\n   * Controls the open state of the more info tooltip.\n   * @default false\n   */\n  openMoreInfo?: TooltipProps[\"open\"];\n};\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Controlled and uncontrolled tooltip state management\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n */\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(\n  (props, ref) => {\n    const { children, className, moreInfo, required, openMoreInfo, ...rest } =\n      props;\n    const FieldLabelClassNames = cx([styles[\"label\"]], className);\n\n    return (\n      <label\n        className={FieldLabelClassNames}\n        data-anv=\"label\"\n        ref={ref}\n        {...rest}\n      >\n        <div className={styles[\"top-container\"]} aria-atomic=\"true\">\n          <span className={styles[\"label-text\"]}>\n            {children}\n            {required ? (\n              <>\n                <span aria-hidden className={styles[\"required\"]}>\n                  *\n                </span>\n                <SrOnly>Required</SrOnly>\n              </>\n            ) : null}\n          </span>\n          {moreInfo ? (\n            <FieldLabelMoreInfoIcon\n              moreInfo={moreInfo}\n              openMoreInfo={openMoreInfo}\n            />\n          ) : null}\n        </div>\n\n        {moreInfo ? <SrOnly>{moreInfo}</SrOnly> : null}\n      </label>\n    );\n  },\n);\n\nFieldLabel.displayName = \"FieldLabel\";\n"],"names":["Info"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,YAAA;AAAA,MACN,SAAA,EAAU,KAAA;AAAA,MACV,MAAA,EAAQ,CAAA;AAAA,MACR,kBAAA,EAAoB,CAAC,OAAA,EAAS,QAAA,EAAU,MAAM,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,CAAQ,OAAA,EAAR,EAAgB,SAAA,EAAW,MAAA,CAAO,cAAc,CAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAKA,OAAA,EAAM,CAAA,EACnB,CAAA;AAAA,wBACA,GAAA,CAAC,QAAQ,OAAA,EAAR,EAAgB,WAAW,MAAA,CAAO,cAAc,GAC9C,QAAA,EAAA,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;;ACsBO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,UAAU,SAAA,EAAW,QAAA,EAAU,UAAU,YAAA,EAAc,GAAG,MAAK,GACrE,KAAA;AACF,IAAA,MAAM,uBAAuB,EAAA,CAAG,CAAC,OAAO,OAAO,CAAC,GAAG,SAAS,CAAA;AAE5D,IAAA,uBACE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,oBAAA;AAAA,QACX,UAAA,EAAS,OAAA;AAAA,QACT,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,eAAe,CAAA,EAAG,eAAY,MAAA,EACnD,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,YAAY,CAAA,EACjC,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,cACA,2BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,aAAA,EAAW,IAAA,EAAC,WAAW,MAAA,CAAO,UAAU,GAAG,QAAA,EAAA,GAAA,EAEjD,CAAA;AAAA,gCACA,GAAA,CAAC,UAAO,QAAA,EAAA,UAAA,EAAQ;AAAA,eAAA,EAClB,CAAA,GACE;AAAA,aAAA,EACN,CAAA;AAAA,YACC,QAAA,mBACC,GAAA;AAAA,cAAC,sBAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA;AAAA;AAAA,aACF,GACE;AAAA,WAAA,EACN,CAAA;AAAA,UAEC,QAAA,mBAAW,GAAA,CAAC,MAAA,EAAA,EAAQ,QAAA,EAAA,QAAA,EAAS,CAAA,GAAY;AAAA;AAAA;AAAA,KAC5C;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/FieldLabel.js

@@ -1,2 +1,2 @@
-export { F as FieldLabel, F as default } from './FieldLabel-BsbTTyom.js';
+export { F as FieldLabel, F as default } from './FieldLabel-BP8QK5UR.js';
 //# sourceMappingURL=FieldLabel.js.map

package/dist/FieldMessage-B7uQ8vmr.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMessage-B7uQ8vmr.js","sources":["../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AriaAttributes,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./FieldMessage.module.scss\";\nimport { Icon } from \"../Icon\";\nimport Error from \"@servicetitan/hammer-icon/mdi/round/warning.svg\";\n\n/**\n * Props for the FieldMessage component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Unique identifier for the field message container.\n   */\n  id?: string;\n  /**\n   * Hint text or element to display when there's no error.\n   */\n  hint?: ReactElement | string;\n  /**\n   * Description text or element to display below the main message.\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message or element to display when there's an error.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * aria-live attribute value for the error message.\n   * @default assertive\n   * @remarks Controls how screen readers announce error messages. \"assertive\" interrupts current speech, \"polite\" waits for current speech to finish.\n   * @link https://www.w3.org/WAI/tutorials/forms/notifications/\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n};\n\n/**\n * FieldMessage component for displaying hints, descriptions, and error messages for form fields.\n *\n * Features:\n * - Displays hint text when no error is present\n * - Shows error messages with warning icon when errors occur\n * - Supports both string and React element content\n * - Configurable aria-live behavior for screen readers\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error indicators with warning icons\n * - Conditional rendering based on error state\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <FieldMessage\n *   hint=\"Enter your email address\"\n *   description=\"We'll use this to send you updates\"\n *   errorMessage=\"Please enter a valid email address\"\n * />\n */\nexport const FieldMessage = forwardRef<HTMLDivElement, FieldMessageProps>(\n  (props, ref) => {\n    const {\n      id,\n      hint,\n      description,\n      errorAriaLive = \"assertive\",\n      errorMessage,\n      className,\n      ...rest\n    } = props;\n\n    return (\n      <div\n        {...rest}\n        className={cx(styles[\"messages\"], className)}\n        ref={ref}\n        id={id}\n      >\n        {errorMessage ? (\n          <div className={styles[\"error-container\"]}>\n            <Icon\n              inherit\n              className={styles[\"error-icon\"]}\n              aria-hidden\n              svg={Error}\n            />\n            <span className={styles[\"error-message\"]} aria-live={errorAriaLive}>\n              {errorMessage}\n            </span>\n          </div>\n        ) : (\n          (hint ?? null)\n        )}\n        {description ? (\n          <div className={styles[\"description-container\"]}>\n            {description ? <span>{description}</span> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nFieldMessage.displayName = \"FieldMessage\";\n"],"names":["Error"],"mappings":";;;;;;;;;;;;;AA8DO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA;AAAA,MACJ,EAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAgB,GAAA,WAAA;AAAA,MAChB,YAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,EAAA,CAAG,MAAO,CAAA,UAAU,GAAG,SAAS,CAAA;AAAA,QAC3C,GAAA;AAAA,QACA,EAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,YAAA,mBACE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,iBAAiB,CACtC,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAO,EAAA,IAAA;AAAA,gBACP,SAAA,EAAW,OAAO,YAAY,CAAA;AAAA,gBAC9B,aAAW,EAAA,IAAA;AAAA,gBACX,GAAK,EAAAA;AAAA;AAAA,aACP;AAAA,4BACA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,eAAe,CAAG,EAAA,WAAA,EAAW,eAClD,QACH,EAAA,YAAA,EAAA;AAAA,WAAA,EACF,IAEC,IAAQ,IAAA,IAAA;AAAA,UAEV,WACC,mBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,uBAAuB,CAC3C,EAAA,QAAA,EAAA,WAAA,mBAAe,GAAA,CAAA,MAAA,EAAA,EAAM,QAAY,EAAA,WAAA,EAAA,CAAA,GAAU,MAC9C,CACE,GAAA;AAAA;AAAA;AAAA,KACN;AAAA;AAGN;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}
+{"version":3,"file":"FieldMessage-B7uQ8vmr.js","sources":["../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AriaAttributes,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./FieldMessage.module.scss\";\nimport { Icon } from \"../Icon\";\nimport Error from \"@servicetitan/hammer-icon/mdi/round/warning.svg\";\n\n/**\n * Props for the FieldMessage component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Unique identifier for the field message container.\n   */\n  id?: string;\n  /**\n   * Hint text or element to display when there's no error.\n   */\n  hint?: ReactElement | string;\n  /**\n   * Description text or element to display below the main message.\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message or element to display when there's an error.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * aria-live attribute value for the error message.\n   * @default assertive\n   * @remarks Controls how screen readers announce error messages. \"assertive\" interrupts current speech, \"polite\" waits for current speech to finish.\n   * @link https://www.w3.org/WAI/tutorials/forms/notifications/\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n};\n\n/**\n * FieldMessage component for displaying hints, descriptions, and error messages for form fields.\n *\n * Features:\n * - Displays hint text when no error is present\n * - Shows error messages with warning icon when errors occur\n * - Supports both string and React element content\n * - Configurable aria-live behavior for screen readers\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error indicators with warning icons\n * - Conditional rendering based on error state\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <FieldMessage\n *   hint=\"Enter your email address\"\n *   description=\"We'll use this to send you updates\"\n *   errorMessage=\"Please enter a valid email address\"\n * />\n */\nexport const FieldMessage = forwardRef<HTMLDivElement, FieldMessageProps>(\n  (props, ref) => {\n    const {\n      id,\n      hint,\n      description,\n      errorAriaLive = \"assertive\",\n      errorMessage,\n      className,\n      ...rest\n    } = props;\n\n    return (\n      <div\n        {...rest}\n        className={cx(styles[\"messages\"], className)}\n        ref={ref}\n        id={id}\n      >\n        {errorMessage ? (\n          <div className={styles[\"error-container\"]}>\n            <Icon\n              inherit\n              className={styles[\"error-icon\"]}\n              aria-hidden\n              svg={Error}\n            />\n            <span className={styles[\"error-message\"]} aria-live={errorAriaLive}>\n              {errorMessage}\n            </span>\n          </div>\n        ) : (\n          (hint ?? null)\n        )}\n        {description ? (\n          <div className={styles[\"description-container\"]}>\n            {description ? <span>{description}</span> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nFieldMessage.displayName = \"FieldMessage\";\n"],"names":["Error"],"mappings":";;;;;;;;;;;;;AA8DO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,EAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA,GAAgB,WAAA;AAAA,MAChB,YAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,UAAU,GAAG,SAAS,CAAA;AAAA,QAC3C,GAAA;AAAA,QACA,EAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,YAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACtC,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAO,IAAA;AAAA,gBACP,SAAA,EAAW,OAAO,YAAY,CAAA;AAAA,gBAC9B,aAAA,EAAW,IAAA;AAAA,gBACX,GAAA,EAAKA;AAAA;AAAA,aACP;AAAA,4BACA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,eAAe,CAAA,EAAG,WAAA,EAAW,eAClD,QAAA,EAAA,YAAA,EACH;AAAA,WAAA,EACF,IAEC,IAAA,IAAQ,IAAA;AAAA,UAEV,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,uBAAuB,CAAA,EAC3C,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,EAAY,CAAA,GAAU,MAC9C,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/Flex-BdQMekvA.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex-BdQMekvA.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Flex.module.scss\";\nimport { FlexSpecificProps } from \"./internal/FlexSpecificProps\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Flex component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends FlexSpecificProps\n */\nexport type FlexProps = ComponentPropsWithoutRef<\"div\"> &\n  FlexSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: FlexSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: FlexSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: FlexSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: FlexSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: FlexSpecificProps;\n  };\n\n/**\n * Flex component for creating flexible layouts using CSS Flexbox.\n *\n * Features:\n * - CSS Flexbox layout with full control over flex properties\n * - Support for both flex and inline-flex display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible direction, grow, shrink, basis, and wrap controls\n * - Deprecated flexShrink prop with modern shrink alternative\n *\n * @example\n * <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n *\n * @example\n * <Flex\n *   direction=\"column\"\n *   gap=\"2\"\n *   md={{ direction: \"row\", gap: \"4\" }}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const {\n    inline,\n    direction,\n    grow,\n    shrink,\n    basis,\n    wrap,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    flexDirection: direction,\n    flexGrow: grow,\n    flexShrink: shrink,\n    flexBasis: basis,\n    flexWrap: wrap,\n    sm: {\n      ...sm,\n      flexDirection: sm?.direction,\n      flexGrow: sm?.grow,\n      flexShrink: sm?.shrink,\n      flexBasis: sm?.basis,\n      flexWrap: sm?.wrap,\n    },\n    md: {\n      ...md,\n      flexDirection: md?.direction,\n      flexGrow: md?.grow,\n      flexShrink: md?.shrink,\n      flexBasis: md?.basis,\n      flexWrap: md?.wrap,\n    },\n    lg: {\n      ...lg,\n      flexDirection: lg?.direction,\n      flexGrow: lg?.grow,\n      flexShrink: lg?.shrink,\n      flexBasis: lg?.basis,\n      flexWrap: lg?.wrap,\n    },\n    xl: {\n      ...xl,\n      flexDirection: xl?.direction,\n      flexGrow: xl?.grow,\n      flexShrink: xl?.shrink,\n      flexBasis: xl?.basis,\n      flexWrap: xl?.wrap,\n    },\n    xxl: {\n      ...xxl,\n      flexDirection: xxl?.direction,\n      flexGrow: xxl?.grow,\n      flexShrink: xxl?.shrink,\n      flexBasis: xxl?.basis,\n      flexWrap: xxl?.wrap,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n\n  const { children, className, style, ...rest } = componentProps;\n\n  const flexClassNames = cx(className, {\n    [styles[\"flex\"]]: !inline,\n    [styles[\"inline-flex\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={flexClassNames}\n      data-anv=\"flex\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nFlex.displayName = \"Flex\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Flex-BdQMekvA.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Flex.module.scss\";\nimport { FlexSpecificProps } from \"./internal/FlexSpecificProps\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Flex component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends FlexSpecificProps\n */\nexport type FlexProps = ComponentPropsWithoutRef<\"div\"> &\n  FlexSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: FlexSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: FlexSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: FlexSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: FlexSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: FlexSpecificProps;\n  };\n\n/**\n * Flex component for creating flexible layouts using CSS Flexbox.\n *\n * Features:\n * - CSS Flexbox layout with full control over flex properties\n * - Support for both flex and inline-flex display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible direction, grow, shrink, basis, and wrap controls\n * - Deprecated flexShrink prop with modern shrink alternative\n *\n * @example\n * <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n *\n * @example\n * <Flex\n *   direction=\"column\"\n *   gap=\"2\"\n *   md={{ direction: \"row\", gap: \"4\" }}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const {\n    inline,\n    direction,\n    grow,\n    shrink,\n    basis,\n    wrap,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    flexDirection: direction,\n    flexGrow: grow,\n    flexShrink: shrink,\n    flexBasis: basis,\n    flexWrap: wrap,\n    sm: {\n      ...sm,\n      flexDirection: sm?.direction,\n      flexGrow: sm?.grow,\n      flexShrink: sm?.shrink,\n      flexBasis: sm?.basis,\n      flexWrap: sm?.wrap,\n    },\n    md: {\n      ...md,\n      flexDirection: md?.direction,\n      flexGrow: md?.grow,\n      flexShrink: md?.shrink,\n      flexBasis: md?.basis,\n      flexWrap: md?.wrap,\n    },\n    lg: {\n      ...lg,\n      flexDirection: lg?.direction,\n      flexGrow: lg?.grow,\n      flexShrink: lg?.shrink,\n      flexBasis: lg?.basis,\n      flexWrap: lg?.wrap,\n    },\n    xl: {\n      ...xl,\n      flexDirection: xl?.direction,\n      flexGrow: xl?.grow,\n      flexShrink: xl?.shrink,\n      flexBasis: xl?.basis,\n      flexWrap: xl?.wrap,\n    },\n    xxl: {\n      ...xxl,\n      flexDirection: xxl?.direction,\n      flexGrow: xxl?.grow,\n      flexShrink: xxl?.shrink,\n      flexBasis: xxl?.basis,\n      flexWrap: xxl?.wrap,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n\n  const { children, className, style, ...rest } = componentProps;\n\n  const flexClassNames = cx(className, {\n    [styles[\"flex\"]]: !inline,\n    [styles[\"inline-flex\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={flexClassNames}\n      data-anv=\"flex\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nFlex.displayName = \"Flex\";\n"],"names":[],"mappings":"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"}

package/dist/Grid-MGUC698u.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid-MGUC698u.js","sources":["../src/components/Grid/internal/GridItem.tsx","../src/components/Grid/Grid.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"../Grid.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../../types\";\n\n/**\n * Props for the GridItem component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type GridItemProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * GridItem component for individual items within a CSS Grid layout.\n *\n * Features:\n * - Individual grid item with full layout utility support\n * - Automatic grid item styling and class management\n * - Comprehensive layout utilities for positioning and sizing\n * - Support for all standard div element props\n * - Flexible grid positioning and sizing controls\n * - Automatic style generation and class management\n * - Works seamlessly with Grid component\n *\n * @example\n * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n * </Grid>\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, children, style, ...rest } = componentProps;\n\n    const gridItemClassNames = cx([styles[\"grid-item\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridItemClassNames}\n        data-anv=\"grid-item\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./Grid.module.scss\";\nimport { GridSpecificProps } from \"./internal/GridSpecificProps\";\nimport { GridItem } from \"./internal/GridItem\";\n\n/**\n * Props for the Grid component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends GridSpecificProps\n */\nexport type GridProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Applies `display: inline-grid` instead of `grid`\n   */\n  inline?: boolean;\n} & GridSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: GridSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: GridSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: GridSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: GridSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: GridSpecificProps;\n  };\n\nconst GridElement = forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n  const {\n    inline,\n    templateColumns,\n    templateRows,\n    templateAreas,\n    autoColumns,\n    autoRows,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    gridTemplateColumns: props.templateColumns,\n    gridTemplateRows: props.templateRows,\n    gridTemplateAreas: props.templateAreas,\n    gridAutoColumns: props.autoColumns,\n    gridAutoRows: props.autoRows,\n    sm: {\n      ...sm,\n      gridTemplateColumns: sm?.templateColumns,\n      gridTemplateRows: sm?.templateRows,\n      gridTemplateAreas: sm?.templateAreas,\n      gridAutoColumns: sm?.autoColumns,\n      gridAutoRows: sm?.autoRows,\n    },\n    md: {\n      ...md,\n      gridTemplateColumns: md?.templateColumns,\n      gridTemplateRows: md?.templateRows,\n      gridTemplateAreas: md?.templateAreas,\n      gridAutoColumns: md?.autoColumns,\n      gridAutoRows: md?.autoRows,\n    },\n    lg: {\n      ...lg,\n      gridTemplateColumns: lg?.templateColumns,\n      gridTemplateRows: lg?.templateRows,\n      gridTemplateAreas: lg?.templateAreas,\n      gridAutoColumns: lg?.autoColumns,\n      gridAutoRows: lg?.autoRows,\n    },\n    xl: {\n      ...xl,\n      gridTemplateColumns: xl?.templateColumns,\n      gridTemplateRows: xl?.templateRows,\n      gridTemplateAreas: xl?.templateAreas,\n      gridAutoColumns: xl?.autoColumns,\n      gridAutoRows: xl?.autoRows,\n    },\n    xxl: {\n      ...xxl,\n      gridTemplateColumns: xxl?.templateColumns,\n      gridTemplateRows: xxl?.templateRows,\n      gridTemplateAreas: xxl?.templateAreas,\n      gridAutoColumns: xxl?.autoColumns,\n      gridAutoRows: xxl?.autoRows,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n  const { children, className, style, ...rest } = componentProps;\n\n  const gridClassNames = cx(className, {\n    [styles[\"grid\"]]: !inline,\n    [styles[\"inline-grid\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={gridClassNames}\n      data-anv=\"grid\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nGridElement.displayName = \"Grid\";\n\n/**\n * Grid component for creating CSS Grid layouts with responsive design.\n *\n * Features:\n * - CSS Grid layout with full control over grid properties\n * - Support for both grid and inline-grid display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Template columns, rows, and areas configuration\n * - Auto columns and rows sizing\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible grid template and auto-sizing controls\n * - Automatic tracking ID generation for analytics\n * - Compound component structure with Item sub-component\n *\n * @example\n * <Grid templateColumns=\"repeat(3, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n *\n * @example\n * <Grid\n *   templateColumns=\"repeat(1, 1fr)\"\n *   gap=\"2\"\n *   md={{ templateColumns: \"repeat(3, 1fr)\", gap: \"4\" }}\n * >\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n */\nexport const Grid = Object.assign(GridElement, {\n  /**\n   * GridItem component for individual items within a CSS Grid layout.\n   *\n   * Features:\n   * - Individual grid item with full layout utility support\n   * - Automatic grid item styling and class management\n   * - Comprehensive layout utilities for positioning and sizing\n   * - Support for all standard div element props\n   * - Flexible grid positioning and sizing controls\n   * - Automatic style generation and class management\n   * - Works seamlessly with Grid component\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n   *   <Grid.Item>Grid Item 1</Grid.Item>\n   *   <Grid.Item>Grid Item 2</Grid.Item>\n   * </Grid>\n   */\n  Item: GridItem,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid-MGUC698u.js","sources":["../src/components/Grid/internal/GridItem.tsx","../src/components/Grid/Grid.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"../Grid.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../../types\";\n\n/**\n * Props for the GridItem component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type GridItemProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * GridItem component for individual items within a CSS Grid layout.\n *\n * Features:\n * - Individual grid item with full layout utility support\n * - Automatic grid item styling and class management\n * - Comprehensive layout utilities for positioning and sizing\n * - Support for all standard div element props\n * - Flexible grid positioning and sizing controls\n * - Automatic style generation and class management\n * - Works seamlessly with Grid component\n *\n * @example\n * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n * </Grid>\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, children, style, ...rest } = componentProps;\n\n    const gridItemClassNames = cx([styles[\"grid-item\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridItemClassNames}\n        data-anv=\"grid-item\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./Grid.module.scss\";\nimport { GridSpecificProps } from \"./internal/GridSpecificProps\";\nimport { GridItem } from \"./internal/GridItem\";\n\n/**\n * Props for the Grid component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends GridSpecificProps\n */\nexport type GridProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Applies `display: inline-grid` instead of `grid`\n   */\n  inline?: boolean;\n} & GridSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: GridSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: GridSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: GridSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: GridSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: GridSpecificProps;\n  };\n\nconst GridElement = forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n  const {\n    inline,\n    templateColumns,\n    templateRows,\n    templateAreas,\n    autoColumns,\n    autoRows,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    gridTemplateColumns: props.templateColumns,\n    gridTemplateRows: props.templateRows,\n    gridTemplateAreas: props.templateAreas,\n    gridAutoColumns: props.autoColumns,\n    gridAutoRows: props.autoRows,\n    sm: {\n      ...sm,\n      gridTemplateColumns: sm?.templateColumns,\n      gridTemplateRows: sm?.templateRows,\n      gridTemplateAreas: sm?.templateAreas,\n      gridAutoColumns: sm?.autoColumns,\n      gridAutoRows: sm?.autoRows,\n    },\n    md: {\n      ...md,\n      gridTemplateColumns: md?.templateColumns,\n      gridTemplateRows: md?.templateRows,\n      gridTemplateAreas: md?.templateAreas,\n      gridAutoColumns: md?.autoColumns,\n      gridAutoRows: md?.autoRows,\n    },\n    lg: {\n      ...lg,\n      gridTemplateColumns: lg?.templateColumns,\n      gridTemplateRows: lg?.templateRows,\n      gridTemplateAreas: lg?.templateAreas,\n      gridAutoColumns: lg?.autoColumns,\n      gridAutoRows: lg?.autoRows,\n    },\n    xl: {\n      ...xl,\n      gridTemplateColumns: xl?.templateColumns,\n      gridTemplateRows: xl?.templateRows,\n      gridTemplateAreas: xl?.templateAreas,\n      gridAutoColumns: xl?.autoColumns,\n      gridAutoRows: xl?.autoRows,\n    },\n    xxl: {\n      ...xxl,\n      gridTemplateColumns: xxl?.templateColumns,\n      gridTemplateRows: xxl?.templateRows,\n      gridTemplateAreas: xxl?.templateAreas,\n      gridAutoColumns: xxl?.autoColumns,\n      gridAutoRows: xxl?.autoRows,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n  const { children, className, style, ...rest } = componentProps;\n\n  const gridClassNames = cx(className, {\n    [styles[\"grid\"]]: !inline,\n    [styles[\"inline-grid\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={gridClassNames}\n      data-anv=\"grid\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nGridElement.displayName = \"Grid\";\n\n/**\n * Grid component for creating CSS Grid layouts with responsive design.\n *\n * Features:\n * - CSS Grid layout with full control over grid properties\n * - Support for both grid and inline-grid display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Template columns, rows, and areas configuration\n * - Auto columns and rows sizing\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible grid template and auto-sizing controls\n * - Automatic tracking ID generation for analytics\n * - Compound component structure with Item sub-component\n *\n * @example\n * <Grid templateColumns=\"repeat(3, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n *\n * @example\n * <Grid\n *   templateColumns=\"repeat(1, 1fr)\"\n *   gap=\"2\"\n *   md={{ templateColumns: \"repeat(3, 1fr)\", gap: \"4\" }}\n * >\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n */\nexport const Grid = Object.assign(GridElement, {\n  /**\n   * GridItem component for individual items within a CSS Grid layout.\n   *\n   * Features:\n   * - Individual grid item with full layout utility support\n   * - Automatic grid item styling and class management\n   * - Comprehensive layout utilities for positioning and sizing\n   * - Support for all standard div element props\n   * - Flexible grid positioning and sizing controls\n   * - Automatic style generation and class management\n   * - Works seamlessly with Grid component\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n   *   <Grid.Item>Grid Item 1</Grid.Item>\n   *   <Grid.Item>Grid Item 2</Grid.Item>\n   * </Grid>\n   */\n  Item: GridItem,\n});\n"],"names":[],"mappings":"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"}

package/dist/Helper-BkIDJqgA.js.map

@@ -1 +1 @@
-{"version":3,"file":"Helper-BkIDJqgA.js","sources":["../src/internal/components/Helper/Helper.tsx"],"sourcesContent":["import { forwardRef, AriaAttributes, ReactElement } from \"react\";\nimport styles from \"./Helper.module.scss\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { SrOnly } from \"../../../components/SrOnly\";\n\nexport type HelperProps = {\n  id?: string;\n  // required?: boolean;\n  hint?: ReactElement | string;\n  description?: ReactElement | string;\n  errorMessage?: ReactElement | string;\n  /**\n   * aria-live for the error message\n   * @default assertive\n   * @link https://www.w3.org/WAI/tutorials/forms/notifications/\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  maxLength?: number;\n  inputLength?: number;\n  isTyping?: boolean;\n  showCounter?: boolean;\n};\n\nexport const Helper = forwardRef<HTMLDivElement, HelperProps>((props, ref) => {\n  const {\n    id,\n    hint,\n    description,\n    errorAriaLive = \"assertive\",\n    errorMessage,\n    maxLength,\n    isTyping,\n    inputLength = 0,\n    showCounter,\n  } = props;\n\n  return (\n    <div className={styles[\"helper\"]} ref={ref} id={id}>\n      <FieldMessage\n        className={styles[\"messages\"]}\n        hint={hint}\n        description={description}\n        errorAriaLive={errorAriaLive}\n        errorMessage={errorMessage}\n      />\n\n      {showCounter ? (\n        <div className={styles[\"counter\"]}>\n          <span aria-hidden=\"true\">\n            {inputLength}/{maxLength}\n          </span>\n        </div>\n      ) : null}\n      {isTyping && !!maxLength ? (\n        maxLength - inputLength >= 1 ? (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span aria-live=\"polite\" aria-atomic=\"true\">{`${\n              maxLength - inputLength\n            } character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left`}</span>\n          </SrOnly>\n        ) : (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span role=\"alert\">Maximum characters count reached</span>\n          </SrOnly>\n        )\n      ) : null}\n    </div>\n  );\n});\n\nHelper.displayName = \"Helper\";\n"],"names":[],"mappings":";;;;;;;;;;;AAuBO,MAAM,MAAS,GAAA,UAAA,CAAwC,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAgB,GAAA,WAAA;AAAA,IAChB,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAc,GAAA,CAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAG,KAAU,EAC1C,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,UAAU,CAAA;AAAA,QAC5B,IAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEC,WAAA,mBACE,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SAAS,CAC9B,EAAA,QAAA,kBAAA,IAAA,CAAC,MAAK,EAAA,EAAA,aAAA,EAAY,MACf,EAAA,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAY,GAAA;AAAA,MAAE;AAAA,KAAA,EACjB,GACF,CACE,GAAA,IAAA;AAAA,IACH,QAAY,IAAA,CAAC,CAAC,SAAA,GACb,YAAY,WAAe,IAAA,CAAA,mBACxB,GAAA,CAAA,MAAA,EAAA,EAEC,8BAAC,MAAK,EAAA,EAAA,WAAA,EAAU,QAAS,EAAA,aAAA,EAAY,QAAQ,QAC3C,EAAA,CAAA,EAAA,SAAA,GAAY,WACd,CAAA,UAAA,EAAa,YAAY,WAAgB,KAAA,CAAA,GAAI,GAAM,GAAA,EAAE,SAAQ,CAC/D,EAAA,CAAA,mBAEC,GAAA,CAAA,MAAA,EAAA,EAEC,8BAAC,MAAK,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,QAAA,EAAA,kCAAA,EAAgC,GACrD,CAEA,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ,CAAC;AAED,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}
+{"version":3,"file":"Helper-BkIDJqgA.js","sources":["../src/internal/components/Helper/Helper.tsx"],"sourcesContent":["import { forwardRef, AriaAttributes, ReactElement } from \"react\";\nimport styles from \"./Helper.module.scss\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { SrOnly } from \"../../../components/SrOnly\";\n\nexport type HelperProps = {\n  id?: string;\n  // required?: boolean;\n  hint?: ReactElement | string;\n  description?: ReactElement | string;\n  errorMessage?: ReactElement | string;\n  /**\n   * aria-live for the error message\n   * @default assertive\n   * @link https://www.w3.org/WAI/tutorials/forms/notifications/\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  maxLength?: number;\n  inputLength?: number;\n  isTyping?: boolean;\n  showCounter?: boolean;\n};\n\nexport const Helper = forwardRef<HTMLDivElement, HelperProps>((props, ref) => {\n  const {\n    id,\n    hint,\n    description,\n    errorAriaLive = \"assertive\",\n    errorMessage,\n    maxLength,\n    isTyping,\n    inputLength = 0,\n    showCounter,\n  } = props;\n\n  return (\n    <div className={styles[\"helper\"]} ref={ref} id={id}>\n      <FieldMessage\n        className={styles[\"messages\"]}\n        hint={hint}\n        description={description}\n        errorAriaLive={errorAriaLive}\n        errorMessage={errorMessage}\n      />\n\n      {showCounter ? (\n        <div className={styles[\"counter\"]}>\n          <span aria-hidden=\"true\">\n            {inputLength}/{maxLength}\n          </span>\n        </div>\n      ) : null}\n      {isTyping && !!maxLength ? (\n        maxLength - inputLength >= 1 ? (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span aria-live=\"polite\" aria-atomic=\"true\">{`${\n              maxLength - inputLength\n            } character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left`}</span>\n          </SrOnly>\n        ) : (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span role=\"alert\">Maximum characters count reached</span>\n          </SrOnly>\n        )\n      ) : null}\n    </div>\n  );\n});\n\nHelper.displayName = \"Helper\";\n"],"names":[],"mappings":";;;;;;;;;;;AAuBO,MAAM,MAAA,GAAS,UAAA,CAAwC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA,GAAgB,WAAA;AAAA,IAChB,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAG,KAAU,EAAA,EAC1C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,UAAU,CAAA;AAAA,QAC5B,IAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEC,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAC9B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAY,GAAA;AAAA,MAAE;AAAA,KAAA,EACjB,GACF,CAAA,GACE,IAAA;AAAA,IACH,QAAA,IAAY,CAAC,CAAC,SAAA,GACb,YAAY,WAAA,IAAe,CAAA,mBACzB,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,aAAA,EAAY,QAAQ,QAAA,EAAA,CAAA,EAC3C,SAAA,GAAY,WACd,CAAA,UAAA,EAAa,YAAY,WAAA,KAAgB,CAAA,GAAI,GAAA,GAAM,EAAE,SAAQ,CAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,kCAAA,EAAgC,GACrD,CAAA,GAEA;AAAA,GAAA,EACN,CAAA;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/Icon-D8SPKeO4.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon-D8SPKeO4.js","sources":["../src/components/Icon/Icon.tsx"],"sourcesContent":["import { LayoutUtilProps, Size, Svg } from \"../../types\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\n\n/**\n * Props for the Icon component\n * @extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type IconProps = Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Apply a specific color to the icon.\n     */\n    color?: string;\n\n    /**\n     * The size of the icon.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * Assets passed in using svgr.\n     */\n    svg: Svg;\n\n    /**\n     * Whether the icon should inherit the color from its parent element.\n     * @default false\n     */\n    inherit?: boolean;\n  };\n\n/**\n * Icon component for displaying SVG icons with consistent styling and sizing.\n *\n * Features:\n * - SVG icon rendering with consistent styling\n * - Four predefined sizes: small, medium, large, xlarge\n * - Custom color support with optional inheritance\n * - Layout utilities for positioning and spacing\n * - Support for all standard span element props\n * - Flexible color inheritance and custom color options\n * - Consistent sizing across different icon sets\n *\n * @example\n * import Close from \"@servicetitan/anvil2/assets/icons/material/round/close.svg\";\n *\n * <Icon svg={Close} size=\"medium\" />\n *\n * @example\n * import Info from \"@servicetitan/anvil2/assets/icons/material/round/info.svg\";\n *\n * <Icon\n *   svg={Info}\n *   size=\"large\"\n *   color=\"#007bff\"\n *   inherit={false}\n * />\n */\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    size = \"medium\",\n    className,\n    svg: Svg,\n    inherit,\n    style,\n    color,\n    ...rest\n  } = componentProps;\n\n  const iconClassNames = cx([styles[\"icon\"]], className, {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"medium\"]]: size === \"medium\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"xlarge\"]]: size === \"xlarge\",\n  });\n\n  const styleCombined = {\n    color: color ? color : inherit ? \"inherit\" : undefined,\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <span\n      className={iconClassNames}\n      data-anv=\"icon\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      <Svg />\n    </span>\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["Svg"],"mappings":";;;;;;;;;;;;;;;;;;AA+DO,MAAM,IAAO,GAAA,UAAA,CAAuC,CAAC,KAAA,EAAO,GAAQ,KAAA;AACzE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAM,MAAA;AAAA,IACJ,IAAO,GAAA,QAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAKA,EAAAA,IAAAA;AAAA,IACL,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,cAAA;AAEJ,EAAA,MAAM,iBAAiB,EAAG,CAAA,CAAC,OAAO,MAAM,CAAC,GAAG,SAAW,EAAA;AAAA,IACrD,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAS,KAAA,OAAA;AAAA,IAC5B,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,IAAS,KAAA,QAAA;AAAA,IAC7B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAS,KAAA,OAAA;AAAA,IAC5B,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,IAAS,KAAA;AAAA,GAC9B,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA,GAAQ,KAAQ,GAAA,OAAA,GAAU,SAAY,GAAA,MAAA;AAAA,IAC7C,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,cAAA;AAAA,MACX,UAAS,EAAA,MAAA;AAAA,MACT,KAAO,EAAA,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAACA,MAAA,EAAI;AAAA;AAAA,GACP;AAEJ,CAAC;AAED,IAAA,CAAK,WAAc,GAAA,MAAA;;;;"}
+{"version":3,"file":"Icon-D8SPKeO4.js","sources":["../src/components/Icon/Icon.tsx"],"sourcesContent":["import { LayoutUtilProps, Size, Svg } from \"../../types\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\n\n/**\n * Props for the Icon component\n * @extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type IconProps = Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Apply a specific color to the icon.\n     */\n    color?: string;\n\n    /**\n     * The size of the icon.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * Assets passed in using svgr.\n     */\n    svg: Svg;\n\n    /**\n     * Whether the icon should inherit the color from its parent element.\n     * @default false\n     */\n    inherit?: boolean;\n  };\n\n/**\n * Icon component for displaying SVG icons with consistent styling and sizing.\n *\n * Features:\n * - SVG icon rendering with consistent styling\n * - Four predefined sizes: small, medium, large, xlarge\n * - Custom color support with optional inheritance\n * - Layout utilities for positioning and spacing\n * - Support for all standard span element props\n * - Flexible color inheritance and custom color options\n * - Consistent sizing across different icon sets\n *\n * @example\n * import Close from \"@servicetitan/anvil2/assets/icons/material/round/close.svg\";\n *\n * <Icon svg={Close} size=\"medium\" />\n *\n * @example\n * import Info from \"@servicetitan/anvil2/assets/icons/material/round/info.svg\";\n *\n * <Icon\n *   svg={Info}\n *   size=\"large\"\n *   color=\"#007bff\"\n *   inherit={false}\n * />\n */\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    size = \"medium\",\n    className,\n    svg: Svg,\n    inherit,\n    style,\n    color,\n    ...rest\n  } = componentProps;\n\n  const iconClassNames = cx([styles[\"icon\"]], className, {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"medium\"]]: size === \"medium\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"xlarge\"]]: size === \"xlarge\",\n  });\n\n  const styleCombined = {\n    color: color ? color : inherit ? \"inherit\" : undefined,\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <span\n      className={iconClassNames}\n      data-anv=\"icon\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      <Svg />\n    </span>\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["Svg"],"mappings":";;;;;;;;;;;;;;;;;;AA+DO,MAAM,IAAA,GAAO,UAAA,CAAuC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,IAAA,GAAO,QAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAA,EAAKA,IAAAA;AAAA,IACL,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,iBAAiB,EAAA,CAAG,CAAC,OAAO,MAAM,CAAC,GAAG,SAAA,EAAW;AAAA,IACrD,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,IAC5B,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,IAAA,KAAS,QAAA;AAAA,IAC7B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,IAC5B,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,IAAA,KAAS;AAAA,GAC9B,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,KAAA,GAAQ,KAAA,GAAQ,OAAA,GAAU,SAAA,GAAY,MAAA;AAAA,IAC7C,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;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,MAEJ,QAAA,kBAAA,GAAA,CAACA,MAAA,EAAI;AAAA;AAAA,GACP;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/{InputMask-_F139qFu.js → InputMask-CPuYMcw9.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, isValidElement, cloneElement } from 'react';
-import { u as useMergeRefs } from './DrawerContext-DboTgTmo.js';
-import { T as TextField } from './TextField-D8fow9j7.js';
+import { u as useMergeRefs } from './DrawerContext-D4tWTLVf.js';
+import { T as TextField } from './TextField-CFWs3lm9.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -261,4 +261,4 @@ const InputMask = forwardRef(
 InputMask.displayName = "InputMask";
 
 export { InputMask as I };
-//# sourceMappingURL=InputMask-_F139qFu.js.map
+//# sourceMappingURL=InputMask-CPuYMcw9.js.map

package/dist/{InputMask-_F139qFu.js.map → InputMask-CPuYMcw9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputMask-_F139qFu.js","sources":["../src/components/InputMask/internal/constants.ts","../src/components/InputMask/internal/utils.ts","../src/components/InputMask/InputMask.tsx"],"sourcesContent":["export const MASK_CHARS = [\"a\", \"9\", \"*\"];\n","import { MASK_CHARS } from \"./constants\";\n\n/**\n * This function applies the mask to the input value, returning a new string that matches the mask's format.\n * @param value - a string representing the raw input value (e.g., what the user typed)\n * @param mask -  a string representing the desired input mask (e.g., \"99/99/9999\" for a date)\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a string representing the masked value (e.g., \"12/31/2025\" for a date)\n *\n * @example\n * applyMask(\"1234567890\", \"99/99/9999\", \"_\") // \"12/31/2025\"\n * applyMask(\"1234567890\", \"999-999-9999\", \"-\") // \"123-456-7890\"\n * applyMask(\"123\", \"99/99\", \"_\") // \"12/3_\"\n */\nexport function applyMask(\n  value: string,\n  mask: string,\n  defaultMaskCharacter: string,\n) {\n  let maskedValue = \"\";\n  let valueIndex = 0;\n  for (let i = 0; i < mask.length; i++) {\n    const maskChar = mask[i];\n    if (MASK_CHARS.includes(maskChar)) {\n      // Find next acceptable char in value\n      while (\n        valueIndex < value.length &&\n        !isAcceptableChar(value[valueIndex], maskChar)\n      ) {\n        valueIndex++;\n      }\n      if (valueIndex < value.length) {\n        maskedValue += value[valueIndex];\n        valueIndex++;\n      } else {\n        maskedValue += defaultMaskCharacter;\n      }\n    } else {\n      maskedValue += maskChar;\n    }\n  }\n  return maskedValue;\n}\n/**\n * This function checks if a character is acceptable for a given mask character.\n * @param char - a string representing the character to check\n * @param maskChar - a string representing the mask character\n * @returns a boolean indicating if the character is acceptable\n */\nfunction isAcceptableChar(char: string, maskChar: string) {\n  if (maskChar === \"9\") {\n    return /\\d/.test(char);\n  }\n  if (maskChar === \"a\") {\n    return /[a-zA-Z]/.test(char);\n  }\n  if (maskChar === \"*\") {\n    return /[a-zA-Z0-9]/.test(char);\n  }\n  return false;\n}\n/**\n * This function finds the next open character in a given value.\n * @param value - a string representing the value to search\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a number representing the index of the next open character\n */\nexport function getNextOpenCharacterIndex(\n  value: string,\n  defaultMaskCharacter: string,\n) {\n  let idx = value.indexOf(defaultMaskCharacter);\n  if (idx < 0) {\n    idx = value.length;\n  }\n  return idx;\n}\n/**\n * This function finds the first non-fixed character in the value.\n * @param startingIndex - a number representing the index to start searching from\n * @param fixedCharacterIndices - an array of numbers representing the indices of the fixed characters\n * @returns a number representing the index of the first non-fixed character\n */\nexport function getFirstNonFixedCharacterIndex(\n  startingIndex: number,\n  fixedCharacterIndices: number[],\n) {\n  let idx = startingIndex;\n  while (fixedCharacterIndices.includes(idx)) {\n    idx++;\n  }\n  return idx;\n}\n/**\n * This function finds the last filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the last filled character\n */\nexport function getLastFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findLastIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n/**\n * This function finds the first filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the first filled character\n */\nexport function getFirstFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n","import {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n  useMemo,\n  MouseEvent,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\nimport { TextField, TextFieldProps } from \"../TextField/internal/TextField\";\nimport { childrenToString } from \"../../internal/functions\";\nimport {\n  applyMask,\n  getLastFilledCharacterIndex,\n  getFirstFilledCharacterIndex,\n  getFirstNonFixedCharacterIndex,\n  getNextOpenCharacterIndex,\n} from \"./internal/utils\";\nimport { MASK_CHARS } from \"./internal/constants\";\nimport { DataTrackingId } from \"../../types\";\n\n/**\n * Props for InputMask when using with children\n */\ninterface InputMaskPropsWithChildren {\n  /**\n   * Custom input element to be wrapped with mask functionality.\n   */\n  children: ReactElement<InputHTMLAttributes<HTMLInputElement>>;\n  /**\n   * Additional props to pass to the input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Props for InputMask when using without children\n */\ninterface InputMaskPropsWithoutChildren {\n  /**\n   * No children allowed when using default TextField.\n   */\n  children?: never;\n  /**\n   * Props to pass to the default TextField component.\n   */\n  inputProps?: TextFieldProps;\n}\n\n/**\n * Configuration for custom mask handler matching\n */\ninterface ICustomMaskHandlerMatch {\n  /**\n   * Regular expression pattern to match against input.\n   */\n  matchPattern: RegExp;\n  /**\n   * Starting position in the input string.\n   */\n  startPosition: number;\n  /**\n   * Ending position in the input string.\n   */\n  endPosition: number;\n}\n\n/**\n * Configuration for custom mask handler application\n */\ninterface ICustomMaskHandlerApply {\n  /**\n   * Pattern to apply when match is found.\n   */\n  applyPattern: string;\n  /**\n   * Offset to apply to cursor position after transformation.\n   */\n  caretOffset: number;\n}\n\n/**\n * Custom mask handler for advanced input transformations\n */\ninterface ICustomMaskHandler {\n  /**\n   * Matching configuration for the handler.\n   */\n  match: ICustomMaskHandlerMatch;\n  /**\n   * Application configuration for the handler.\n   */\n  apply: ICustomMaskHandlerApply;\n}\n\n/**\n * Shared props for InputMask component\n */\ninterface SharedInputMaskProps {\n  /**\n   * The mask pattern to apply to the input.\n   * - \"9\" for digits only\n   * - \"a\" for letters only\n   * - \"*\" for alphanumeric\n   * - Any other character is treated as a fixed character\n   */\n  mask: string;\n  /**\n   * Character to display for unfilled mask positions.\n   * @default \"_\"\n   */\n  defaultMaskCharacter?: string;\n  /**\n   * Controlled value for the input.\n   */\n  value?: string;\n  /**\n   * Default value for uncontrolled input.\n   */\n  defaultValue?: string;\n  /**\n   * Callback function called when input value changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Array of custom mask handlers for advanced transformations.\n   */\n  customMaskHandler?: ICustomMaskHandler[];\n}\n\ntype SpecialChange = {\n  reason: \"Backspace\" | \"Delete\" | \"Edit\";\n  start: number;\n  end: number;\n};\n\n/**\n * Props for the InputMask component\n * @property {string} mask - The mask pattern to apply to the input (9 for digits, a for letters, * for alphanumeric)\n * @property {string} [defaultMaskCharacter] - Character to display for unfilled mask positions\n * @property {array} [customMaskHandler] - Array of custom mask handlers for advanced transformations\n * @property {object} [inputProps] - Props to pass to the input component\n * @property {ReactElement} [children] - Custom input element to be wrapped with mask functionality\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n */\nexport type InputMaskProps = SharedInputMaskProps &\n  (InputMaskPropsWithChildren | InputMaskPropsWithoutChildren) &\n  DataTrackingId;\n\n/**\n * InputMask component for applying input masks and formatting to text inputs.\n *\n * @deprecated Use the TextField component with custom masking instead. Over time, we intend to release additional components with built-in masking.\n */\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(\n  (\n    {\n      children,\n      mask,\n      defaultMaskCharacter = \"_\",\n      value,\n      defaultValue,\n      onChange,\n      inputProps,\n      \"data-tracking-id\": dataTrackingId,\n    },\n    ref,\n  ) => {\n    const [v, setV] = useOptionallyControlledState({\n      controlledValue:\n        value !== undefined\n          ? applyMask(value, mask, defaultMaskCharacter)\n          : undefined,\n      defaultValue: applyMask(defaultValue || \"\", mask, defaultMaskCharacter),\n      // Omitting the onChange handler here because we want to handle it ourselves (i.e. send an event instead of just the value)\n    });\n    const specialChange = useRef<SpecialChange | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const passInRef = useMergeRefs([inputRef, ref]);\n\n    const currentOpenCharacterCount = useMemo(() => {\n      return v.split(\"\").filter((char) => char === defaultMaskCharacter).length;\n    }, [v, defaultMaskCharacter]);\n\n    const fixedCharacterIndices = useMemo(() => {\n      const fixedIndices: number[] = [];\n      mask.split(\"\").forEach((char, i) => {\n        if (!MASK_CHARS.includes(char)) {\n          fixedIndices.push(i);\n        }\n      });\n      return fixedIndices;\n    }, [mask]);\n\n    const moveCursorTo = (start: number, end: number = start) => {\n      requestAnimationFrame(() => {\n        inputRef.current?.setSelectionRange(start, end);\n      });\n    };\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newVal = applyMask(e.target.value, mask, defaultMaskCharacter);\n      if (\n        // A single character was backspaced\n        specialChange.current?.reason === \"Backspace\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character before the backspace is a fixed character, we need to remove the filled character before the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start - 1)) {\n          const removeIndex = getLastFilledCharacterIndex(\n            newVal.slice(0, specialChange.current.start),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n          moveCursorTo(removeIndex, removeIndex);\n        } else {\n          const idx = Math.min(\n            getLastFilledCharacterIndex(newVal, mask) + 1,\n            specialChange.current.start - 1,\n          );\n          moveCursorTo(idx, idx);\n        }\n      } else if (\n        // A single character was deleted\n        specialChange.current?.reason === \"Delete\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character after the delete is a fixed character, we need to remove the filled character after the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start)) {\n          const removeIndex = getFirstFilledCharacterIndex(\n            newVal.slice(specialChange.current.start + 1),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n        }\n        const firstFilledIdx = getFirstFilledCharacterIndex(newVal, mask);\n        const targetIdx = Math.max(firstFilledIdx, specialChange.current.start);\n        moveCursorTo(targetIdx, targetIdx);\n      } else if (\n        specialChange.current?.reason === \"Edit\" &&\n        specialChange.current.start === specialChange.current.end // A single character was edited\n      ) {\n        const firstNonFixedIdx = getFirstNonFixedCharacterIndex(\n          specialChange.current.start + 1,\n          fixedCharacterIndices,\n        );\n        moveCursorTo(firstNonFixedIdx, firstNonFixedIdx);\n      } else {\n        const newIndex = getNextOpenCharacterIndex(\n          newVal,\n          defaultMaskCharacter,\n        );\n        moveCursorTo(newIndex, newIndex);\n      }\n\n      setV(newVal);\n      if (inputRef.current) {\n        inputRef.current.value = newVal;\n      }\n      onChange?.({ ...e, target: { ...e.target, value: newVal } });\n    };\n\n    const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n      requestAnimationFrame(() => {\n        if (\n          e.target.selectionStart === null ||\n          e.target.selectionStart === undefined ||\n          e.target.selectionStart >= v.length\n        ) {\n          const newIndex = getNextOpenCharacterIndex(v, defaultMaskCharacter);\n          moveCursorTo(newIndex, newIndex);\n        }\n      });\n      inputProps?.onFocus?.(e);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      const target = e.target as HTMLInputElement;\n      if (target.selectionStart === null || target.selectionEnd === null) {\n        return;\n      }\n      if (e.key === \"Backspace\") {\n        specialChange.current = {\n          reason: \"Backspace\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (e.key === \"Delete\") {\n        specialChange.current = {\n          reason: \"Delete\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (currentOpenCharacterCount === 0) {\n        specialChange.current = {\n          reason: \"Edit\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else {\n        specialChange.current = null;\n      }\n      inputProps?.onKeyDown?.(e);\n    };\n\n    const handleClick = (e: MouseEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onClick?.(e);\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onBlur?.(e);\n    };\n\n    const mergedInputProps = {\n      ...inputProps,\n      ...(children && isValidElement(children) ? children.props : {}),\n      value: v,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n      onBlur: handleBlur,\n      ref: passInRef,\n    };\n\n    const isInputEmpty = useMemo(() => {\n      if (v.length === 0) {\n        return true;\n      }\n      return v === applyMask(\"\", mask, defaultMaskCharacter);\n    }, [v, defaultMaskCharacter, mask]);\n\n    const data = {\n      label:\n        \"label\" in mergedInputProps\n          ? childrenToString(mergedInputProps.label)\n          : null,\n      labelProps:\n        \"labelProps\" in mergedInputProps ? mergedInputProps.labelProps : null,\n      prefix: childrenToString(mergedInputProps.prefix),\n      hint:\n        \"hint\" in mergedInputProps\n          ? childrenToString(mergedInputProps.hint)\n          : null,\n      description:\n        \"description\" in mergedInputProps\n          ? childrenToString(mergedInputProps.description)\n          : null,\n      size: mergedInputProps.size,\n      type: mergedInputProps.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"InputMask\",\n      data,\n      hasOverride: !!dataTrackingId,\n    });\n\n    return children && isValidElement(children) && children.type === \"input\" ? (\n      cloneElement(children, {\n        ...mergedInputProps,\n        \"data-tracking-id\": trackingId,\n      } as InputHTMLAttributes<HTMLInputElement> & {\n        \"data-tracking-id\"?: string;\n      })\n    ) : (\n      <TextField\n        data-input-empty={isInputEmpty}\n        data-tracking-id={trackingId}\n        {...(mergedInputProps as TextFieldProps)}\n      />\n    );\n  },\n);\n\nInputMask.displayName = \"InputMask\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputMask-CPuYMcw9.js","sources":["../src/components/InputMask/internal/constants.ts","../src/components/InputMask/internal/utils.ts","../src/components/InputMask/InputMask.tsx"],"sourcesContent":["export const MASK_CHARS = [\"a\", \"9\", \"*\"];\n","import { MASK_CHARS } from \"./constants\";\n\n/**\n * This function applies the mask to the input value, returning a new string that matches the mask's format.\n * @param value - a string representing the raw input value (e.g., what the user typed)\n * @param mask -  a string representing the desired input mask (e.g., \"99/99/9999\" for a date)\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a string representing the masked value (e.g., \"12/31/2025\" for a date)\n *\n * @example\n * applyMask(\"1234567890\", \"99/99/9999\", \"_\") // \"12/31/2025\"\n * applyMask(\"1234567890\", \"999-999-9999\", \"-\") // \"123-456-7890\"\n * applyMask(\"123\", \"99/99\", \"_\") // \"12/3_\"\n */\nexport function applyMask(\n  value: string,\n  mask: string,\n  defaultMaskCharacter: string,\n) {\n  let maskedValue = \"\";\n  let valueIndex = 0;\n  for (let i = 0; i < mask.length; i++) {\n    const maskChar = mask[i];\n    if (MASK_CHARS.includes(maskChar)) {\n      // Find next acceptable char in value\n      while (\n        valueIndex < value.length &&\n        !isAcceptableChar(value[valueIndex], maskChar)\n      ) {\n        valueIndex++;\n      }\n      if (valueIndex < value.length) {\n        maskedValue += value[valueIndex];\n        valueIndex++;\n      } else {\n        maskedValue += defaultMaskCharacter;\n      }\n    } else {\n      maskedValue += maskChar;\n    }\n  }\n  return maskedValue;\n}\n/**\n * This function checks if a character is acceptable for a given mask character.\n * @param char - a string representing the character to check\n * @param maskChar - a string representing the mask character\n * @returns a boolean indicating if the character is acceptable\n */\nfunction isAcceptableChar(char: string, maskChar: string) {\n  if (maskChar === \"9\") {\n    return /\\d/.test(char);\n  }\n  if (maskChar === \"a\") {\n    return /[a-zA-Z]/.test(char);\n  }\n  if (maskChar === \"*\") {\n    return /[a-zA-Z0-9]/.test(char);\n  }\n  return false;\n}\n/**\n * This function finds the next open character in a given value.\n * @param value - a string representing the value to search\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a number representing the index of the next open character\n */\nexport function getNextOpenCharacterIndex(\n  value: string,\n  defaultMaskCharacter: string,\n) {\n  let idx = value.indexOf(defaultMaskCharacter);\n  if (idx < 0) {\n    idx = value.length;\n  }\n  return idx;\n}\n/**\n * This function finds the first non-fixed character in the value.\n * @param startingIndex - a number representing the index to start searching from\n * @param fixedCharacterIndices - an array of numbers representing the indices of the fixed characters\n * @returns a number representing the index of the first non-fixed character\n */\nexport function getFirstNonFixedCharacterIndex(\n  startingIndex: number,\n  fixedCharacterIndices: number[],\n) {\n  let idx = startingIndex;\n  while (fixedCharacterIndices.includes(idx)) {\n    idx++;\n  }\n  return idx;\n}\n/**\n * This function finds the last filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the last filled character\n */\nexport function getLastFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findLastIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n/**\n * This function finds the first filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the first filled character\n */\nexport function getFirstFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n","import {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n  useMemo,\n  MouseEvent,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\nimport { TextField, TextFieldProps } from \"../TextField/internal/TextField\";\nimport { childrenToString } from \"../../internal/functions\";\nimport {\n  applyMask,\n  getLastFilledCharacterIndex,\n  getFirstFilledCharacterIndex,\n  getFirstNonFixedCharacterIndex,\n  getNextOpenCharacterIndex,\n} from \"./internal/utils\";\nimport { MASK_CHARS } from \"./internal/constants\";\nimport { DataTrackingId } from \"../../types\";\n\n/**\n * Props for InputMask when using with children\n */\ninterface InputMaskPropsWithChildren {\n  /**\n   * Custom input element to be wrapped with mask functionality.\n   */\n  children: ReactElement<InputHTMLAttributes<HTMLInputElement>>;\n  /**\n   * Additional props to pass to the input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Props for InputMask when using without children\n */\ninterface InputMaskPropsWithoutChildren {\n  /**\n   * No children allowed when using default TextField.\n   */\n  children?: never;\n  /**\n   * Props to pass to the default TextField component.\n   */\n  inputProps?: TextFieldProps;\n}\n\n/**\n * Configuration for custom mask handler matching\n */\ninterface ICustomMaskHandlerMatch {\n  /**\n   * Regular expression pattern to match against input.\n   */\n  matchPattern: RegExp;\n  /**\n   * Starting position in the input string.\n   */\n  startPosition: number;\n  /**\n   * Ending position in the input string.\n   */\n  endPosition: number;\n}\n\n/**\n * Configuration for custom mask handler application\n */\ninterface ICustomMaskHandlerApply {\n  /**\n   * Pattern to apply when match is found.\n   */\n  applyPattern: string;\n  /**\n   * Offset to apply to cursor position after transformation.\n   */\n  caretOffset: number;\n}\n\n/**\n * Custom mask handler for advanced input transformations\n */\ninterface ICustomMaskHandler {\n  /**\n   * Matching configuration for the handler.\n   */\n  match: ICustomMaskHandlerMatch;\n  /**\n   * Application configuration for the handler.\n   */\n  apply: ICustomMaskHandlerApply;\n}\n\n/**\n * Shared props for InputMask component\n */\ninterface SharedInputMaskProps {\n  /**\n   * The mask pattern to apply to the input.\n   * - \"9\" for digits only\n   * - \"a\" for letters only\n   * - \"*\" for alphanumeric\n   * - Any other character is treated as a fixed character\n   */\n  mask: string;\n  /**\n   * Character to display for unfilled mask positions.\n   * @default \"_\"\n   */\n  defaultMaskCharacter?: string;\n  /**\n   * Controlled value for the input.\n   */\n  value?: string;\n  /**\n   * Default value for uncontrolled input.\n   */\n  defaultValue?: string;\n  /**\n   * Callback function called when input value changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Array of custom mask handlers for advanced transformations.\n   */\n  customMaskHandler?: ICustomMaskHandler[];\n}\n\ntype SpecialChange = {\n  reason: \"Backspace\" | \"Delete\" | \"Edit\";\n  start: number;\n  end: number;\n};\n\n/**\n * Props for the InputMask component\n * @property {string} mask - The mask pattern to apply to the input (9 for digits, a for letters, * for alphanumeric)\n * @property {string} [defaultMaskCharacter] - Character to display for unfilled mask positions\n * @property {array} [customMaskHandler] - Array of custom mask handlers for advanced transformations\n * @property {object} [inputProps] - Props to pass to the input component\n * @property {ReactElement} [children] - Custom input element to be wrapped with mask functionality\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n */\nexport type InputMaskProps = SharedInputMaskProps &\n  (InputMaskPropsWithChildren | InputMaskPropsWithoutChildren) &\n  DataTrackingId;\n\n/**\n * InputMask component for applying input masks and formatting to text inputs.\n *\n * @deprecated Use the TextField component with custom masking instead. Over time, we intend to release additional components with built-in masking.\n */\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(\n  (\n    {\n      children,\n      mask,\n      defaultMaskCharacter = \"_\",\n      value,\n      defaultValue,\n      onChange,\n      inputProps,\n      \"data-tracking-id\": dataTrackingId,\n    },\n    ref,\n  ) => {\n    const [v, setV] = useOptionallyControlledState({\n      controlledValue:\n        value !== undefined\n          ? applyMask(value, mask, defaultMaskCharacter)\n          : undefined,\n      defaultValue: applyMask(defaultValue || \"\", mask, defaultMaskCharacter),\n      // Omitting the onChange handler here because we want to handle it ourselves (i.e. send an event instead of just the value)\n    });\n    const specialChange = useRef<SpecialChange | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const passInRef = useMergeRefs([inputRef, ref]);\n\n    const currentOpenCharacterCount = useMemo(() => {\n      return v.split(\"\").filter((char) => char === defaultMaskCharacter).length;\n    }, [v, defaultMaskCharacter]);\n\n    const fixedCharacterIndices = useMemo(() => {\n      const fixedIndices: number[] = [];\n      mask.split(\"\").forEach((char, i) => {\n        if (!MASK_CHARS.includes(char)) {\n          fixedIndices.push(i);\n        }\n      });\n      return fixedIndices;\n    }, [mask]);\n\n    const moveCursorTo = (start: number, end: number = start) => {\n      requestAnimationFrame(() => {\n        inputRef.current?.setSelectionRange(start, end);\n      });\n    };\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newVal = applyMask(e.target.value, mask, defaultMaskCharacter);\n      if (\n        // A single character was backspaced\n        specialChange.current?.reason === \"Backspace\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character before the backspace is a fixed character, we need to remove the filled character before the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start - 1)) {\n          const removeIndex = getLastFilledCharacterIndex(\n            newVal.slice(0, specialChange.current.start),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n          moveCursorTo(removeIndex, removeIndex);\n        } else {\n          const idx = Math.min(\n            getLastFilledCharacterIndex(newVal, mask) + 1,\n            specialChange.current.start - 1,\n          );\n          moveCursorTo(idx, idx);\n        }\n      } else if (\n        // A single character was deleted\n        specialChange.current?.reason === \"Delete\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character after the delete is a fixed character, we need to remove the filled character after the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start)) {\n          const removeIndex = getFirstFilledCharacterIndex(\n            newVal.slice(specialChange.current.start + 1),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n        }\n        const firstFilledIdx = getFirstFilledCharacterIndex(newVal, mask);\n        const targetIdx = Math.max(firstFilledIdx, specialChange.current.start);\n        moveCursorTo(targetIdx, targetIdx);\n      } else if (\n        specialChange.current?.reason === \"Edit\" &&\n        specialChange.current.start === specialChange.current.end // A single character was edited\n      ) {\n        const firstNonFixedIdx = getFirstNonFixedCharacterIndex(\n          specialChange.current.start + 1,\n          fixedCharacterIndices,\n        );\n        moveCursorTo(firstNonFixedIdx, firstNonFixedIdx);\n      } else {\n        const newIndex = getNextOpenCharacterIndex(\n          newVal,\n          defaultMaskCharacter,\n        );\n        moveCursorTo(newIndex, newIndex);\n      }\n\n      setV(newVal);\n      if (inputRef.current) {\n        inputRef.current.value = newVal;\n      }\n      onChange?.({ ...e, target: { ...e.target, value: newVal } });\n    };\n\n    const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n      requestAnimationFrame(() => {\n        if (\n          e.target.selectionStart === null ||\n          e.target.selectionStart === undefined ||\n          e.target.selectionStart >= v.length\n        ) {\n          const newIndex = getNextOpenCharacterIndex(v, defaultMaskCharacter);\n          moveCursorTo(newIndex, newIndex);\n        }\n      });\n      inputProps?.onFocus?.(e);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      const target = e.target as HTMLInputElement;\n      if (target.selectionStart === null || target.selectionEnd === null) {\n        return;\n      }\n      if (e.key === \"Backspace\") {\n        specialChange.current = {\n          reason: \"Backspace\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (e.key === \"Delete\") {\n        specialChange.current = {\n          reason: \"Delete\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (currentOpenCharacterCount === 0) {\n        specialChange.current = {\n          reason: \"Edit\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else {\n        specialChange.current = null;\n      }\n      inputProps?.onKeyDown?.(e);\n    };\n\n    const handleClick = (e: MouseEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onClick?.(e);\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onBlur?.(e);\n    };\n\n    const mergedInputProps = {\n      ...inputProps,\n      ...(children && isValidElement(children) ? children.props : {}),\n      value: v,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n      onBlur: handleBlur,\n      ref: passInRef,\n    };\n\n    const isInputEmpty = useMemo(() => {\n      if (v.length === 0) {\n        return true;\n      }\n      return v === applyMask(\"\", mask, defaultMaskCharacter);\n    }, [v, defaultMaskCharacter, mask]);\n\n    const data = {\n      label:\n        \"label\" in mergedInputProps\n          ? childrenToString(mergedInputProps.label)\n          : null,\n      labelProps:\n        \"labelProps\" in mergedInputProps ? mergedInputProps.labelProps : null,\n      prefix: childrenToString(mergedInputProps.prefix),\n      hint:\n        \"hint\" in mergedInputProps\n          ? childrenToString(mergedInputProps.hint)\n          : null,\n      description:\n        \"description\" in mergedInputProps\n          ? childrenToString(mergedInputProps.description)\n          : null,\n      size: mergedInputProps.size,\n      type: mergedInputProps.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"InputMask\",\n      data,\n      hasOverride: !!dataTrackingId,\n    });\n\n    return children && isValidElement(children) && children.type === \"input\" ? (\n      cloneElement(children, {\n        ...mergedInputProps,\n        \"data-tracking-id\": trackingId,\n      } as InputHTMLAttributes<HTMLInputElement> & {\n        \"data-tracking-id\"?: string;\n      })\n    ) : (\n      <TextField\n        data-input-empty={isInputEmpty}\n        data-tracking-id={trackingId}\n        {...(mergedInputProps as TextFieldProps)}\n      />\n    );\n  },\n);\n\nInputMask.displayName = \"InputMask\";\n"],"names":[],"mappings":"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"}

package/dist/InputMask.js

@@ -1,2 +1,2 @@
-export { I as InputMask, I as default } from './InputMask-_F139qFu.js';
+export { I as InputMask, I as default } from './InputMask-CPuYMcw9.js';
 //# sourceMappingURL=InputMask.js.map

package/dist/Layout-CUUb2PVr.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout-CUUb2PVr.js","sources":["../src/components/Layout/Layout.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Layout.module.scss\";\n\n/**\n * Props for the Layout component.\n */\nexport type LayoutProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Whether the layout should be fluid (full width) instead of constrained */\n  fluid?: boolean;\n  /** The spacing variant for the layout grid */\n  variant?: \"default\" | \"wide\" | \"narrow\";\n};\n\n/**\n * Layout container component that provides a responsive grid system.\n *\n * Features:\n * - CSS Grid-based responsive layout system\n * - Container with max-width constraint (1280px) by default\n * - Fluid option for full-width layouts\n * - Three spacing variants: default, wide, and narrow\n * - Container queries for responsive behavior\n * - Automatic tracking ID generation for analytics\n * - Semantic HTML structure with proper accessibility\n * - Flexible content area for child Layout.Item components\n * - Consistent spacing and alignment across breakpoints\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6}>Left Column</Layout.Item>\n *   <Layout.Item span={6}>Right Column</Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout fluid variant=\"wide\">\n *   <Layout.Item span={4}>Column 1</Layout.Item>\n *   <Layout.Item span={4}>Column 2</Layout.Item>\n *   <Layout.Item span={4}>Column 3</Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout variant=\"narrow\">\n *   <Layout.Item span={12}>\n *     <h1>Full Width Content</h1>\n *     <p>This content spans the full width of the layout.</p>\n *   </Layout.Item>\n * </Layout>\n */\nexport const LayoutElement = forwardRef<HTMLDivElement, LayoutProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      fluid = false,\n      variant = \"default\",\n      ...rest\n    } = props;\n\n    return (\n      <div className={cx(styles.container, { [styles.fluid]: fluid })}>\n        <div\n          className={cx(\n            styles.grid,\n            {\n              [styles.wide]: variant === \"wide\",\n              [styles.narrow]: variant === \"narrow\",\n            },\n            className,\n          )}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nLayoutElement.displayName = \"Layout\";\n\n/**\n * Props for the Layout.Item component.\n */\nexport type LayoutItemProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Default span across all breakpoints (1-12) */\n  span?: number;\n  /** Extra small breakpoint span (1-12) */\n  xs?: number;\n  /** Small breakpoint span (1-12) */\n  sm?: number;\n  /** Medium breakpoint span (1-12) */\n  md?: number;\n  /** Large breakpoint span (1-12) */\n  lg?: number;\n  /** Extra large breakpoint span (1-12) */\n  xl?: number;\n  /** Extra extra large breakpoint span (1-12) */\n  xxl?: number;\n};\n\n// TODO: clamp span numbers higher than 12\n\n/**\n * Layout item component that defines grid columns within a Layout container.\n *\n * Features:\n * - Responsive grid columns with breakpoint-specific spans\n * - 12-column grid system for flexible layouts\n * - Breakpoint-specific span controls (xs, sm, md, lg, xl, xxl)\n * - Default span fallback for all breakpoints\n * - Automatic responsive behavior using container queries\n * - Semantic HTML structure with proper accessibility\n * - Flexible content area for any child components\n * - Consistent spacing and alignment with parent Layout\n * - Automatic tracking ID generation for analytics\n *\n * Breakpoints:\n * - xs: Extra small (mobile)\n * - sm: Small (tablet portrait)\n * - md: Medium (tablet landscape)\n * - lg: Large (desktop)\n * - xl: Extra large (large desktop)\n * - xxl: Extra extra large (ultra-wide)\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6} md={4} lg={3}>\n *     <Card>Responsive Card</Card>\n *   </Layout.Item>\n *   <Layout.Item span={6} md={8} lg={9}>\n *     <Card>Main Content</Card>\n *   </Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout>\n *   <Layout.Item span={12} md={6}>\n *     <h2>Left Column</h2>\n *     <p>This takes full width on mobile, half width on medium+ screens.</p>\n *   </Layout.Item>\n *   <Layout.Item span={12} md={6}>\n *     <h2>Right Column</h2>\n *     <p>This also takes full width on mobile, half width on medium+ screens.</p>\n *   </Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout variant=\"wide\">\n *   <Layout.Item span={1} sm={2} md={3} lg={4}>\n *     <Button>Small Button</Button>\n *   </Layout.Item>\n *   <Layout.Item span={11} sm={10} md={9} lg={8}>\n *     <TextField placeholder=\"Search...\" />\n *   </Layout.Item>\n * </Layout>\n */\nexport const LayoutItem = forwardRef<HTMLDivElement, LayoutItemProps>(\n  (\n    { children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        className={cx(\n          styles.cell,\n          styles[`xs${xs || span}`],\n          {\n            [styles[`sm${sm}`]]: sm,\n            [styles[`md${md}`]]: md,\n            [styles[`lg${lg}`]]: lg,\n            [styles[`xl${xl}`]]: xl,\n            [styles[`xxl${xxl}`]]: xxl,\n          },\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutItem.displayName = \"LayoutItem\";\n\n/**\n * Layout component with compound component pattern.\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6}>Left</Layout.Item>\n *   <Layout.Item span={6}>Right</Layout.Item>\n * </Layout>\n */\nexport const Layout = Object.assign(LayoutElement, {\n  Item: LayoutItem,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,KAAA;AAAA,MACR,OAAU,GAAA,SAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,MAAO,CAAA,SAAA,EAAW,EAAE,CAAC,MAAO,CAAA,KAAK,GAAG,KAAA,EAAO,CAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP;AAAA,YACE,CAAC,MAAA,CAAO,IAAI,GAAG,OAAY,KAAA,MAAA;AAAA,YAC3B,CAAC,MAAA,CAAO,MAAM,GAAG,OAAY,KAAA;AAAA,WAC/B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,QAAA;AA8ErB,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CACE,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,GAAA,EAAK,GAAG,KAAA,IAC9D,GACG,KAAA;AACH,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAW,EAAA,EAAA;AAAA,UACT,MAAO,CAAA,IAAA;AAAA,UACP,MAAO,CAAA,CAAA,EAAA,EAAK,EAAM,IAAA,IAAI,CAAE,CAAA,CAAA;AAAA,UACxB;AAAA,YACE,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAO,CAAA,CAAA,GAAA,EAAM,GAAG,CAAA,CAAE,CAAC,GAAG;AAAA,WACzB;AAAA,UACA;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;AAWZ,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,IAAM,EAAA;AACR,CAAC;;;;"}
+{"version":3,"file":"Layout-CUUb2PVr.js","sources":["../src/components/Layout/Layout.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Layout.module.scss\";\n\n/**\n * Props for the Layout component.\n */\nexport type LayoutProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Whether the layout should be fluid (full width) instead of constrained */\n  fluid?: boolean;\n  /** The spacing variant for the layout grid */\n  variant?: \"default\" | \"wide\" | \"narrow\";\n};\n\n/**\n * Layout container component that provides a responsive grid system.\n *\n * Features:\n * - CSS Grid-based responsive layout system\n * - Container with max-width constraint (1280px) by default\n * - Fluid option for full-width layouts\n * - Three spacing variants: default, wide, and narrow\n * - Container queries for responsive behavior\n * - Automatic tracking ID generation for analytics\n * - Semantic HTML structure with proper accessibility\n * - Flexible content area for child Layout.Item components\n * - Consistent spacing and alignment across breakpoints\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6}>Left Column</Layout.Item>\n *   <Layout.Item span={6}>Right Column</Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout fluid variant=\"wide\">\n *   <Layout.Item span={4}>Column 1</Layout.Item>\n *   <Layout.Item span={4}>Column 2</Layout.Item>\n *   <Layout.Item span={4}>Column 3</Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout variant=\"narrow\">\n *   <Layout.Item span={12}>\n *     <h1>Full Width Content</h1>\n *     <p>This content spans the full width of the layout.</p>\n *   </Layout.Item>\n * </Layout>\n */\nexport const LayoutElement = forwardRef<HTMLDivElement, LayoutProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      fluid = false,\n      variant = \"default\",\n      ...rest\n    } = props;\n\n    return (\n      <div className={cx(styles.container, { [styles.fluid]: fluid })}>\n        <div\n          className={cx(\n            styles.grid,\n            {\n              [styles.wide]: variant === \"wide\",\n              [styles.narrow]: variant === \"narrow\",\n            },\n            className,\n          )}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nLayoutElement.displayName = \"Layout\";\n\n/**\n * Props for the Layout.Item component.\n */\nexport type LayoutItemProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Default span across all breakpoints (1-12) */\n  span?: number;\n  /** Extra small breakpoint span (1-12) */\n  xs?: number;\n  /** Small breakpoint span (1-12) */\n  sm?: number;\n  /** Medium breakpoint span (1-12) */\n  md?: number;\n  /** Large breakpoint span (1-12) */\n  lg?: number;\n  /** Extra large breakpoint span (1-12) */\n  xl?: number;\n  /** Extra extra large breakpoint span (1-12) */\n  xxl?: number;\n};\n\n// TODO: clamp span numbers higher than 12\n\n/**\n * Layout item component that defines grid columns within a Layout container.\n *\n * Features:\n * - Responsive grid columns with breakpoint-specific spans\n * - 12-column grid system for flexible layouts\n * - Breakpoint-specific span controls (xs, sm, md, lg, xl, xxl)\n * - Default span fallback for all breakpoints\n * - Automatic responsive behavior using container queries\n * - Semantic HTML structure with proper accessibility\n * - Flexible content area for any child components\n * - Consistent spacing and alignment with parent Layout\n * - Automatic tracking ID generation for analytics\n *\n * Breakpoints:\n * - xs: Extra small (mobile)\n * - sm: Small (tablet portrait)\n * - md: Medium (tablet landscape)\n * - lg: Large (desktop)\n * - xl: Extra large (large desktop)\n * - xxl: Extra extra large (ultra-wide)\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6} md={4} lg={3}>\n *     <Card>Responsive Card</Card>\n *   </Layout.Item>\n *   <Layout.Item span={6} md={8} lg={9}>\n *     <Card>Main Content</Card>\n *   </Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout>\n *   <Layout.Item span={12} md={6}>\n *     <h2>Left Column</h2>\n *     <p>This takes full width on mobile, half width on medium+ screens.</p>\n *   </Layout.Item>\n *   <Layout.Item span={12} md={6}>\n *     <h2>Right Column</h2>\n *     <p>This also takes full width on mobile, half width on medium+ screens.</p>\n *   </Layout.Item>\n * </Layout>\n *\n * @example\n * <Layout variant=\"wide\">\n *   <Layout.Item span={1} sm={2} md={3} lg={4}>\n *     <Button>Small Button</Button>\n *   </Layout.Item>\n *   <Layout.Item span={11} sm={10} md={9} lg={8}>\n *     <TextField placeholder=\"Search...\" />\n *   </Layout.Item>\n * </Layout>\n */\nexport const LayoutItem = forwardRef<HTMLDivElement, LayoutItemProps>(\n  (\n    { children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        className={cx(\n          styles.cell,\n          styles[`xs${xs || span}`],\n          {\n            [styles[`sm${sm}`]]: sm,\n            [styles[`md${md}`]]: md,\n            [styles[`lg${lg}`]]: lg,\n            [styles[`xl${xl}`]]: xl,\n            [styles[`xxl${xxl}`]]: xxl,\n          },\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nLayoutItem.displayName = \"LayoutItem\";\n\n/**\n * Layout component with compound component pattern.\n *\n * @example\n * <Layout>\n *   <Layout.Item span={6}>Left</Layout.Item>\n *   <Layout.Item span={6}>Right</Layout.Item>\n * </Layout>\n */\nexport const Layout = Object.assign(LayoutElement, {\n  Item: LayoutItem,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,GAAQ,KAAA;AAAA,MACR,OAAA,GAAU,SAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,SAAA,EAAW,EAAE,CAAC,MAAA,CAAO,KAAK,GAAG,KAAA,EAAO,CAAA,EAC5D,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,MAAA,CAAO,IAAA;AAAA,UACP;AAAA,YACE,CAAC,MAAA,CAAO,IAAI,GAAG,OAAA,KAAY,MAAA;AAAA,YAC3B,CAAC,MAAA,CAAO,MAAM,GAAG,OAAA,KAAY;AAAA,WAC/B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,QAAA;AA8ErB,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CACE,EAAE,QAAA,EAAU,SAAA,EAAW,OAAO,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAI,GAAA,EAAK,GAAG,KAAA,IAC9D,GAAA,KACG;AACH,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,EAAA;AAAA,UACT,MAAA,CAAO,IAAA;AAAA,UACP,MAAA,CAAO,CAAA,EAAA,EAAK,EAAA,IAAM,IAAI,CAAA,CAAE,CAAA;AAAA,UACxB;AAAA,YACE,CAAC,MAAA,CAAO,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAA,CAAO,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAA,CAAO,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAA,CAAO,CAAA,EAAA,EAAK,EAAE,CAAA,CAAE,CAAC,GAAG,EAAA;AAAA,YACrB,CAAC,MAAA,CAAO,CAAA,GAAA,EAAM,GAAG,CAAA,CAAE,CAAC,GAAG;AAAA,WACzB;AAAA,UACA;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAWlB,MAAM,MAAA,GAAS,MAAA,CAAO,MAAA,CAAO,aAAA,EAAe;AAAA,EACjD,IAAA,EAAM;AACR,CAAC;;;;"}

package/dist/Link-eRsLWPaQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link-eRsLWPaQ.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"quiet\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", quiet, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"quiet\"]]: quiet,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /** Whether the link should have a quieter, less prominent appearance */\n        quiet?: boolean;\n      }\n    | {\n        /** The visual appearance of the link. Secondary appearance cannot be quiet. */\n        appearance: \"secondary\";\n        quiet?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, quiet, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    quiet,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      quiet: props.quiet,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["styles","OpenInNew","Link","BaseLink"],"mappings":"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"}
+{"version":3,"file":"Link-eRsLWPaQ.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"quiet\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", quiet, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"quiet\"]]: quiet,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /** Whether the link should have a quieter, less prominent appearance */\n        quiet?: boolean;\n      }\n    | {\n        /** The visual appearance of the link. Secondary appearance cannot be quiet. */\n        appearance: \"secondary\";\n        quiet?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, quiet, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    quiet,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" quiet>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      quiet: props.quiet,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["styles","OpenInNew","Link","BaseLink"],"mappings":"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"}