@servicetitan/anvil2 1.37.2 → 1.38.0

package/dist/ProgressBar.js

@@ -1,2 +1,2 @@
-export { P as ProgressBar, P as default } from './ProgressBar-B25Wxpaf.js';
+export { P as ProgressBar, P as default } from './ProgressBar-BotOFymw.js';
 //# sourceMappingURL=ProgressBar.js.map

package/dist/{Radio-BlMDLvPw-DUeywcYR.js → Radio-7U7IBI58-BDhdZJoC.js}

@@ -2,12 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef, useState, useId } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
+import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
 import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { L as Label, H as Helper } from './ProgressBar-CeClhdcf-Dcft7ZjO.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
+import { L as Label } from './ProgressBar-Cfi5zZRy-BpESsdh_.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { H as Helper } from './Helper-C9sHaTrI-C5fAsK6i.js';
 
-import './Radio-BlMDLvPw.css';const SvgRadioButtonUnchecked = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }));
+import './Radio-7U7IBI58.css';const SvgRadioButtonUnchecked = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }));
 
 const SvgRadioButtonChecked = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 5 }));
 
@@ -190,9 +191,28 @@ const RadioElement = forwardRef((props, ref) => {
   ] });
 });
 const Radio = Object.assign(RadioElement, {
+  /**
+   * RadioGroup component for grouping related radio options.
+   *
+   * Features:
+   * - Groups multiple radio options together
+   * - Legend support for group labeling
+   * - Required field indication
+   * - Accessibility support with proper fieldset semantics
+   * - Layout utility props for positioning and spacing
+   * - Focus and blur event handling
+   * - More info support for additional context
+   *
+   * @example
+   * <Radio.Group legend="Choose your preference" required>
+   *   <Radio label="Option A" value="a" />
+   *   <Radio label="Option B" value="b" />
+   *   <Radio label="Option C" value="c" />
+   * </Radio.Group>
+   */
   Group: RadioGroup
 });
 RadioElement.displayName = "RadioElement";
 
 export { RadioGroup as R, Radio as a };
-//# sourceMappingURL=Radio-BlMDLvPw-DUeywcYR.js.map
+//# sourceMappingURL=Radio-7U7IBI58-BDhdZJoC.js.map

package/dist/Radio-7U7IBI58-BDhdZJoC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-7U7IBI58-BDhdZJoC.js","sources":["../../hammer-icon/mdi/two-tone/radio_button_unchecked.svg","../../hammer-icon/mdi/two-tone/radio_button_checked.svg","../../hammer-react/dist/Radio-7U7IBI58.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgRadioButtonUnchecked = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }));\nexport default SvgRadioButtonUnchecked;\n","import * as React from \"react\";\nconst SvgRadioButtonChecked = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }), /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 12, r: 5 }));\nexport default SvgRadioButtonChecked;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport Radio_outline from '@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg';\nimport Radio_checked from '@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { L as Label } from './ProgressBar-Cfi5zZRy.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { H as Helper } from './Helper-C9sHaTrI.js';\n\nimport './Radio.css';const radio = \"_radio_1r8vp_2\";\nconst wrapper = \"_wrapper_1r8vp_30\";\nconst legend = \"_legend_1r8vp_86\";\nconst children = \"_children_1r8vp_98\";\nconst error = \"_error_1r8vp_109\";\nconst styles = {\n\tradio: radio,\n\t\"radio-group\": \"_radio-group_1r8vp_15\",\n\twrapper: wrapper,\n\t\"focus-label\": \"_focus-label_1r8vp_44\",\n\t\"icon-wrapper\": \"_icon-wrapper_1r8vp_50\",\n\tlegend: legend,\n\tchildren: children,\n\t\"helper-wrapper\": \"_helper-wrapper_1r8vp_104\",\n\terror: error,\n\t\"icon-unchecked\": \"_icon-unchecked_1r8vp_152\",\n\t\"icon-checked\": \"_icon-checked_1r8vp_153\",\n\t\"sr-only\": \"_sr-only_1r8vp_200\"\n};\n\nconst RadioGroup = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      children,\n      legend,\n      moreInfo,\n      onBlur,\n      onFocus,\n      required,\n      style,\n      ...rest\n    } = componentProps;\n    const RadioGroupClassNames = cx(styles[\"radio-group\"], className);\n    const [openInfo, setOpenInfo] = useState(false);\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"center\" : void 0)\n    };\n    const focusHandler = (e) => {\n      onFocus?.(e);\n      setOpenInfo(true);\n    };\n    const blurHandler = (e) => {\n      onBlur?.(e);\n      setOpenInfo(false);\n    };\n    return /* @__PURE__ */ jsxs(\n      \"fieldset\",\n      {\n        role: \"radiogroup\",\n        \"data-anv\": \"radio-group\",\n        className: RadioGroupClassNames,\n        \"aria-required\": required,\n        style: styleCombined,\n        ref,\n        onFocus: focusHandler,\n        onBlur: blurHandler,\n        ...rest,\n        children: [\n          /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n            legend,\n            required && \", required\",\n            moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })\n          ] }),\n          /* @__PURE__ */ jsx(\n            Label,\n            {\n              \"aria-hidden\": true,\n              moreInfo,\n              required,\n              openMoreInfo: openInfo,\n              children: legend\n            }\n          ),\n          /* @__PURE__ */ jsx(\n            \"div\",\n            {\n              className: styles[\"children\"],\n              style: {\n                flexDirection: layoutStyles?.flexDirection,\n                gap: layoutStyles?.gap\n              },\n              children\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nRadioGroup.displayName = \"RadioGroup\";\n\nconst RadioElement = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    checked,\n    defaultChecked,\n    value,\n    icons,\n    error,\n    label,\n    onChange,\n    style,\n    description,\n    hideRadio = false,\n    ...rest\n  } = componentProps;\n  const {\n    checked: checkedIcon = Radio_checked,\n    unchecked: uncheckedIcon = Radio_outline\n  } = { ...icons };\n  const onChangeHandler = (e) => {\n    onChange?.(e, { value, checked: e.target.checked });\n  };\n  const helperUid = useId();\n  const wrapperClassNames = cx(\n    styles[\"wrapper\"],\n    { [styles[\"focus\"]]: hideRadio },\n    className\n  );\n  const radioClassNames = cx(styles[\"radio\"], {\n    [styles[\"error\"]]: error\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles\n  };\n  return /* @__PURE__ */ jsxs(\"div\", { className: wrapperClassNames, style: styleCombined, \"data-anv\": \"radio\", children: [\n    /* @__PURE__ */ jsxs(\"label\", { className: radioClassNames, children: [\n      /* @__PURE__ */ jsx(\n        \"input\",\n        {\n          type: \"radio\",\n          \"aria-checked\": checked ?? defaultChecked,\n          checked,\n          defaultChecked,\n          value,\n          onChange: onChangeHandler,\n          \"aria-describedby\": helperUid,\n          ref,\n          ...rest\n        }\n      ),\n      /* @__PURE__ */ jsxs(\n        \"span\",\n        {\n          className: cx(styles[\"icon-wrapper\"], {\n            [styles[\"sr-only\"]]: hideRadio\n          }),\n          children: [\n            /* @__PURE__ */ jsx(\n              Icon,\n              {\n                size: \"large\",\n                svg: uncheckedIcon,\n                className: cx([styles[\"icon-unchecked\"]])\n              }\n            ),\n            /* @__PURE__ */ jsx(\n              Icon,\n              {\n                size: \"large\",\n                svg: checkedIcon,\n                className: cx([styles[\"icon-checked\"]])\n              }\n            )\n          ]\n        }\n      ),\n      /* @__PURE__ */ jsx(\"span\", { className: cx({ [styles[\"focus-label\"]]: hideRadio }), children: label })\n    ] }),\n    description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n  ] });\n});\nconst Radio = Object.assign(RadioElement, {\n  /**\n   * RadioGroup component for grouping related radio options.\n   *\n   * Features:\n   * - Groups multiple radio options together\n   * - Legend support for group labeling\n   * - Required field indication\n   * - Accessibility support with proper fieldset semantics\n   * - Layout utility props for positioning and spacing\n   * - Focus and blur event handling\n   * - More info support for additional context\n   *\n   * @example\n   * <Radio.Group legend=\"Choose your preference\" required>\n   *   <Radio label=\"Option A\" value=\"a\" />\n   *   <Radio label=\"Option B\" value=\"b\" />\n   *   <Radio label=\"Option C\" value=\"c\" />\n   * </Radio.Group>\n   */\n  Group: RadioGroup\n});\nRadioElement.displayName = \"RadioElement\";\n\nexport { Radio as R, RadioGroup as a };\n//# sourceMappingURL=Radio-7U7IBI58.js.map\n"],"names":["Radio_checked","Radio_outline"],"mappings":";;;;;;;;;;AACA,MAAM,uBAAuB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,8HAA8H,EAAE,CAAC,CAAC;;ACA/W,MAAM,qBAAqB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,8HAA8H,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;ACUja,MAAM,KAAK,GAAG,gBAAgB;AACnD,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,QAAQ,GAAG,oBAAoB;AACrC,MAAM,KAAK,GAAG,kBAAkB;AAChC,MAAM,MAAM,GAAG;AACf,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,cAAc,EAAE,wBAAwB;AACzC,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,QAAQ,EAAE,QAAQ;AACnB,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,cAAc,EAAE,yBAAyB;AAC1C,CAAC,SAAS,EAAE;AACZ,CAAC;;AAEI,MAAC,UAAU,GAAG,UAAU;AAC7B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,oBAAoB,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;AACrE,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG,YAAY;AACrB,MAAM,UAAU,EAAE,YAAY,EAAE,UAAU,KAAK,YAAY,EAAE,aAAa,KAAK,KAAK,GAAG,QAAQ,GAAG,MAAM;AACxG,KAAK;AACL,IAAI,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK;AAChC,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,WAAW,CAAC,IAAI,CAAC;AACvB,KAAK;AACL,IAAI,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK;AAC/B,MAAM,MAAM,GAAG,CAAC,CAAC;AACjB,MAAM,WAAW,CAAC,KAAK,CAAC;AACxB,KAAK;AACL,IAAI,uBAAuB,IAAI;AAC/B,MAAM,UAAU;AAChB,MAAM;AACN,QAAQ,IAAI,EAAE,YAAY;AAC1B,QAAQ,UAAU,EAAE,aAAa;AACjC,QAAQ,SAAS,EAAE,oBAAoB;AACvC,QAAQ,eAAe,EAAE,QAAQ;AACjC,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG;AACX,QAAQ,OAAO,EAAE,YAAY;AAC7B,QAAQ,MAAM,EAAE,WAAW;AAC3B,QAAQ,GAAG,IAAI;AACf,QAAQ,QAAQ,EAAE;AAClB,0BAA0B,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE;AAClF,YAAY,MAAM;AAClB,YAAY,QAAQ,IAAI,YAAY;AACpC,YAAY,QAAQ,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC1E,WAAW,EAAE,CAAC;AACd,0BAA0B,GAAG;AAC7B,YAAY,KAAK;AACjB,YAAY;AACZ,cAAc,aAAa,EAAE,IAAI;AACjC,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,YAAY,EAAE,QAAQ;AACpC,cAAc,QAAQ,EAAE;AACxB;AACA,WAAW;AACX,0BAA0B,GAAG;AAC7B,YAAY,KAAK;AACjB,YAAY;AACZ,cAAc,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;AAC3C,cAAc,KAAK,EAAE;AACrB,gBAAgB,aAAa,EAAE,YAAY,EAAE,aAAa;AAC1D,gBAAgB,GAAG,EAAE,YAAY,EAAE;AACnC,eAAe;AACf,cAAc;AACd;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,UAAU,CAAC,WAAW,GAAG,YAAY;;AAErC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM;AACR,IAAI,OAAO,EAAE,WAAW,GAAGA,qBAAa;AACxC,IAAI,SAAS,EAAE,aAAa,GAAGC;AAC/B,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE;AAClB,EAAE,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK;AACjC,IAAI,QAAQ,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;AACvD,GAAG;AACH,EAAE,MAAM,SAAS,GAAG,KAAK,EAAE;AAC3B,EAAE,MAAM,iBAAiB,GAAG,EAAE;AAC9B,IAAI,MAAM,CAAC,SAAS,CAAC;AACrB,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,EAAE;AACpC,IAAI;AACJ,GAAG;AACH,EAAE,MAAM,eAAe,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AAC9C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;AACvB,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE;AAC1H,oBAAoB,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE;AAC1E,sBAAsB,GAAG;AACzB,QAAQ,OAAO;AACf,QAAQ;AACR,UAAU,IAAI,EAAE,OAAO;AACvB,UAAU,cAAc,EAAE,OAAO,IAAI,cAAc;AACnD,UAAU,OAAO;AACjB,UAAU,cAAc;AACxB,UAAU,KAAK;AACf,UAAU,QAAQ,EAAE,eAAe;AACnC,UAAU,kBAAkB,EAAE,SAAS;AACvC,UAAU,GAAG;AACb,UAAU,GAAG;AACb;AACA,OAAO;AACP,sBAAsB,IAAI;AAC1B,QAAQ,MAAM;AACd,QAAQ;AACR,UAAU,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;AAChD,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG;AACjC,WAAW,CAAC;AACZ,UAAU,QAAQ,EAAE;AACpB,4BAA4B,GAAG;AAC/B,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,GAAG,EAAE,aAAa;AAClC,gBAAgB,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACxD;AACA,aAAa;AACb,4BAA4B,GAAG;AAC/B,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,GAAG,EAAE,WAAW;AAChC,gBAAgB,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AACtD;AACA;AACA;AACA;AACA,OAAO;AACP,sBAAsB,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC5G,KAAK,EAAE,CAAC;AACR,IAAI,WAAW,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG;AAC/J,GAAG,EAAE,CAAC;AACN,CAAC,CAAC;AACG,MAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,KAAK,EAAE;AACT,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/Radio-D4rRt1a6.js

@@ -0,0 +1,66 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTrackingId } from './useTrackingId.js';
+import { R as RadioGroup$1, a as Radio$1 } from './Radio-7U7IBI58-BDhdZJoC.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
+
+const RadioElement = forwardRef(
+  (props, ref) => {
+    const data = {
+      label: childrenToString(props.label),
+      ariaLabel: props["aria-label"],
+      ariaLabelledBy: props["aria-labelledby"],
+      name: props.name,
+      value: props.value
+    };
+    const trackingId = useTrackingId({
+      name: "Radio",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(Radio$1, { ref, "data-tracking-id": trackingId, ...props });
+  }
+);
+RadioElement.displayName = Radio$1.displayName;
+const RadioGroup = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(RadioGroup$1, { ref, ...props });
+  }
+);
+RadioGroup.displayName = RadioGroup$1.displayName;
+const Radio = Object.assign(RadioElement, {
+  /**
+   * RadioGroup component for grouping related radio options.
+   *
+   * Features:
+   * - Groups multiple radio options together
+   * - Legend support for group labeling
+   * - Required field indication
+   * - Accessibility support with proper fieldset semantics
+   * - Layout utility props for positioning and spacing
+   * - Focus and blur event handling
+   * - More info support for additional context
+   * - Automatic alignment based on flex direction
+   *
+   * @example
+   * <RadioGroup legend="Choose your preference" required>
+   *   <Radio label="Option A" value="a" />
+   *   <Radio label="Option B" value="b" />
+   *   <Radio label="Option C" value="c" />
+   * </RadioGroup>
+   *
+   * @example
+   * <RadioGroup
+   *   legend="Horizontal layout"
+   *   flexDirection="row"
+   *   gap="4"
+   * >
+   *   <Radio label="Yes" value="yes" />
+   *   <Radio label="No" value="no" />
+   * </RadioGroup>
+   */
+  Group: RadioGroup
+});
+
+export { Radio as R, RadioGroup as a };
+//# sourceMappingURL=Radio-D4rRt1a6.js.map

package/dist/Radio-D4rRt1a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-D4rRt1a6.js","sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["import {\n  RadioProps as CoreRadioProps,\n  Radio as CoreRadio,\n  RadioGroup as CoreRadioGroup,\n  RadioGroupProps as CoreRadioGroupProps,\n  childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Radio component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {Function} [onChange] - Callback when radio is changed\n * @property {ReactElement | string} [label] - Label for Radio\n * @property {boolean} [error] - Error state for the radio\n * @property {object} [icons] - Icon overrides for checked and unchecked states\n * @property {string} [description] - Description text to display below the radio\n * @property {string} [aria-label] - Accessible label for the radio\n * @property {string} [aria-labelledby] - ID of element that labels the radio\n * @property {string} [name] - Name attribute for the radio\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n * @extends DataTrackingId\n */\nexport type RadioProps = Omit<CoreRadioProps, \"hideRadio\"> & DataTrackingId;\n\n/**\n * Props for the RadioGroup component\n * @property {string | ReactElement} [legend] - Legend for the fieldset\n * @property {boolean} [required] - Required flag for label\n * @property {string} [moreInfo] - Additional information for the group\n */\nexport type RadioGroupProps = CoreRadioGroupProps;\n\nconst RadioElement = forwardRef(\n  (props: RadioProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      name: props.name,\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Radio\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreRadio ref={ref} data-tracking-id={trackingId} {...props} />;\n  },\n);\n\nRadioElement.displayName = CoreRadio.displayName;\n\n/**\n * RadioGroup component for grouping related radio options.\n *\n * Features:\n * - Groups multiple radio options together\n * - Legend support for group labeling\n * - Required field indication\n * - Accessibility support with proper fieldset semantics\n * - Layout utility props for positioning and spacing\n * - Focus and blur event handling\n * - More info support for additional context\n * - Automatic alignment based on flex direction\n *\n * @example\n * <RadioGroup legend=\"Choose your preference\" required>\n *   <Radio label=\"Option A\" value=\"a\" />\n *   <Radio label=\"Option B\" value=\"b\" />\n *   <Radio label=\"Option C\" value=\"c\" />\n * </RadioGroup>\n *\n * @example\n * <RadioGroup\n *   legend=\"Horizontal layout\"\n *   flexDirection=\"row\"\n *   gap=\"4\"\n * >\n *   <Radio label=\"Yes\" value=\"yes\" />\n *   <Radio label=\"No\" value=\"no\" />\n * </RadioGroup>\n */\nexport const RadioGroup = forwardRef(\n  (props: CoreRadioGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n    return <CoreRadioGroup ref={ref} {...props} />;\n  },\n);\nRadioGroup.displayName = CoreRadioGroup.displayName;\n\n/**\n * Radio component for single selection from a group of options.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Customizable icons for checked and unchecked states\n * - Error state with visual indicators\n * - Description text support\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Flexible labeling options\n * - Group support via Radio.Group\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Radio\n *   label=\"Option 1\"\n *   value=\"option1\"\n *   checked={selectedValue === \"option1\"}\n *   onChange={(e, state) => setSelectedValue(state?.value)}\n * />\n *\n * @example\n * <Radio\n *   label=\"Custom styled option\"\n *   value=\"custom\"\n *   icons={{\n *     checked: CustomCheckedIcon,\n *     unchecked: CustomUncheckedIcon\n *   }}\n *   description=\"This option has custom styling\"\n * />\n *\n * @example\n * <Radio.Group legend=\"Choose your preference\" required>\n *   <Radio label=\"Option A\" value=\"a\" />\n *   <Radio label=\"Option B\" value=\"b\" />\n *   <Radio label=\"Option C\" value=\"c\" />\n * </Radio.Group>\n */\nexport const Radio = Object.assign(RadioElement, {\n  /**\n   * RadioGroup component for grouping related radio options.\n   *\n   * Features:\n   * - Groups multiple radio options together\n   * - Legend support for group labeling\n   * - Required field indication\n   * - Accessibility support with proper fieldset semantics\n   * - Layout utility props for positioning and spacing\n   * - Focus and blur event handling\n   * - More info support for additional context\n   * - Automatic alignment based on flex direction\n   *\n   * @example\n   * <RadioGroup legend=\"Choose your preference\" required>\n   *   <Radio label=\"Option A\" value=\"a\" />\n   *   <Radio label=\"Option B\" value=\"b\" />\n   *   <Radio label=\"Option C\" value=\"c\" />\n   * </RadioGroup>\n   *\n   * @example\n   * <RadioGroup\n   *   legend=\"Horizontal layout\"\n   *   flexDirection=\"row\"\n   *   gap=\"4\"\n   * >\n   *   <Radio label=\"Yes\" value=\"yes\" />\n   *   <Radio label=\"No\" value=\"no\" />\n   * </RadioGroup>\n   */\n  Group: RadioGroup,\n});\n"],"names":["CoreRadio","CoreRadioGroup"],"mappings":";;;;;;AAoCA,MAAM,YAAe,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA+B,KAAA;AACjD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE,CAAA;AAEA,YAAA,CAAa,cAAcA,OAAU,CAAA,WAAA;AAgC9B,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAA4B,GAAkC,KAAA;AAC7D,IAAA,uBAAQ,GAAA,CAAAC,YAAA,EAAA,EAAe,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEhD;AACA,UAAA,CAAW,cAAcA,YAAe,CAAA,WAAA;AA0C3B,MAAA,KAAA,GAAQ,MAAO,CAAA,MAAA,CAAO,YAAc,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+B/C,KAAO,EAAA;AACT,CAAC;;;;"}

package/dist/Radio.js

@@ -1,2 +1,2 @@
-export { R as Radio, a as RadioGroup, R as default } from './Radio-D3CqAXiM.js';
+export { R as Radio, a as RadioGroup, R as default } from './Radio-D4rRt1a6.js';
 //# sourceMappingURL=Radio.js.map

package/dist/{SearchField-D3z4LjJg.js → SearchField-Bz4HPxCQ.js}

@@ -3,12 +3,12 @@ import { useTrackingId } from './useTrackingId.js';
 import * as React from 'react';
 import { forwardRef, useState, useId, useRef, useEffect } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { u as useMergeRefs } from './floating-ui.react-Domgunz0.js';
+import { u as useMergeRefs } from './floating-ui.react-BFNinq1w.js';
 import { t as textfieldStyles } from './TextField.module-ChLlwuT--ChLlwuT-.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
+import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
 
 import './SearchField.css';const SvgSearch = (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: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }));
 
@@ -154,6 +154,7 @@ const SearchField = forwardRef(
     return /* @__PURE__ */ jsx(SearchField$1, { ref, "data-tracking-id": trackingId, ...props });
   }
 );
+SearchField.displayName = SearchField$1.displayName;
 
 export { SearchField as S };
-//# sourceMappingURL=SearchField-D3z4LjJg.js.map
+//# sourceMappingURL=SearchField-Bz4HPxCQ.js.map

package/dist/SearchField-Bz4HPxCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField-Bz4HPxCQ.js","sources":["../../hammer-icon/mdi/round/search.svg","../../hammer-react/dist/SearchField-Cji-FsDz.js","../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = (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: \"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" }));\nexport default SvgSearch;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId, useRef, useEffect } from 'react';\nimport cx from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\nimport { t as textfieldStyles } from './TextField.module-ChLlwuT-.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Search from '@servicetitan/hammer-icon/mdi/round/search.svg';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './SearchField.css';const searchfield = \"_searchfield_1s8tg_2\";\nconst clear = \"_clear_1s8tg_10\";\nconst styles = {\n\tsearchfield: searchfield,\n\t\"input-wrapper\": \"_input-wrapper_1s8tg_7\",\n\tclear: clear};\n\nconst SearchField = forwardRef(\n  function SearchField2(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      size,\n      onChange,\n      onClear,\n      id: idProp,\n      disabled,\n      style,\n      value,\n      placeholder = \"Search...\",\n      autoComplete = \"off\",\n      ...rest\n    } = componentProps;\n    const [hasValue, setHasValue] = useState(\n      rest.defaultValue || value ? true : false\n    );\n    const placeholderUid = useId();\n    const inputRef = useRef(null);\n    const styleCombined = { ...style, ...layoutStyles };\n    const handleOnChange = (e) => {\n      if (e.target.value) {\n        setHasValue(true);\n      } else {\n        setHasValue(false);\n      }\n      onChange?.(e);\n    };\n    useEffect(() => {\n      if (typeof value === \"undefined\") return;\n      if (value === \"\" || !value) {\n        setHasValue(false);\n      } else {\n        setHasValue(true);\n      }\n    }, [value]);\n    const handleClear = () => {\n      if (!inputRef.current) return;\n      if (disabled || rest.readOnly) return;\n      onClear?.();\n      if (value) {\n        return;\n      }\n      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n        window.HTMLInputElement.prototype,\n        \"value\"\n      )?.set;\n      nativeInputValueSetter?.call(inputRef.current, \"\");\n      inputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      setHasValue(false);\n    };\n    return /* @__PURE__ */ jsxs(\n      \"div\",\n      {\n        className: cx(\n          textfieldStyles[\"textfield\"],\n          styles[\"searchfield\"],\n          className\n        ),\n        \"data-anv\": \"SearchField\",\n        style: styleCombined,\n        children: [\n          /* @__PURE__ */ jsxs(\n            \"div\",\n            {\n              className: cx(\n                textfieldStyles[\"input-wrapper\"],\n                styles[\"input-wrapper\"],\n                {\n                  [textfieldStyles[\"small\"]]: size === \"small\",\n                  [textfieldStyles[\"large\"]]: size === \"large\"\n                }\n              ),\n              role: \"presentation\",\n              onClick: () => inputRef.current?.focus(),\n              children: [\n                /* @__PURE__ */ jsx(\"div\", { \"aria-hidden\": true, className: textfieldStyles[\"prefix\"], children: /* @__PURE__ */ jsx(Icon, { \"aria-label\": \"search\", svg: Search }) }),\n                /* @__PURE__ */ jsx(\n                  \"input\",\n                  {\n                    className: cx(textfieldStyles[\"input\"]),\n                    ref: useMergeRefs([ref, inputRef]),\n                    onChange: handleOnChange,\n                    placeholder,\n                    value,\n                    type: \"search\",\n                    autoComplete,\n                    disabled,\n                    \"aria-describedby\": placeholderUid,\n                    ...rest\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Icon,\n                  {\n                    \"aria-label\": \"cancel\",\n                    svg: Close,\n                    role: \"button\",\n                    onClick: handleClear,\n                    className: styles[\"clear\"],\n                    \"aria-disabled\": disabled,\n                    style: {\n                      visibility: hasValue ? \"visible\" : \"hidden\"\n                    }\n                  }\n                )\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsx(SrOnly, { \"aria-hidden\": true, id: placeholderUid, children: placeholder })\n        ]\n      }\n    );\n  }\n);\n\nexport { SearchField as S };\n//# sourceMappingURL=SearchField-Cji-FsDz.js.map\n","import {\n  SearchField as CoreSearchField,\n  type SearchFieldProps as CoreSearchFieldProps,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { forwardRef, Ref } from \"react\";\n\n/**\n * Props for the SearchField component\n * @property {string} [size] - Size of the search field (small, medium, large)\n * @property {Function} [onClear] - Callback when the clear button is clicked\n * @extends DataTrackingId\n */\nexport type SearchFieldProps = CoreSearchFieldProps & DataTrackingId;\n\n/**\n * SearchField component for text input with search functionality.\n *\n * Features:\n * - Search icon prefix for visual clarity\n * - Clear button that appears when input has value\n * - Multiple size variants (small, medium, large)\n * - Controlled and uncontrolled modes\n * - Disabled and read-only states\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Automatic value detection for clear button visibility\n * - Search-specific input type and autocomplete settings\n * - Screen reader support with placeholder announcements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SearchField\n *   placeholder=\"Search users...\"\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n * />\n *\n * @example\n * <SearchField\n *   size=\"large\"\n *   value={searchValue}\n *   onChange={(e) => setSearchValue(e.target.value)}\n *   disabled={isLoading}\n * />\n */\nexport const SearchField = forwardRef(\n  (props: SearchFieldProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      value: props.value,\n      defaultValue: props.defaultValue,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      size: props.size,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SearchField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreSearchField ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  },\n);\nSearchField.displayName = CoreSearchField.displayName;\n"],"names":["SearchField","Search","Close","CoreSearchField"],"mappings":"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"}

package/dist/SearchField.js

@@ -1,2 +1,2 @@
-export { S as SearchField } from './SearchField-D3z4LjJg.js';
+export { S as SearchField } from './SearchField-Bz4HPxCQ.js';
 //# sourceMappingURL=SearchField.js.map

package/dist/{SegmentedControl-D_ADGpVy.js → SegmentedControl-DKMQuf7s.js}

@@ -5,7 +5,7 @@ import { m as motion } from './proxy-CreWmH-e.js';
 import { u as useReducedMotion } from './use-reduced-motion-znCm41qB.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh-DAv5LXXh.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
+import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
 import { D as Duration } from './primitive-BoyEHaOo.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -123,6 +123,22 @@ const SegmentedControlElement$1 = forwardRef((props, ref) => {
 });
 SegmentedControlElement$1.displayName = "SegmentedControl";
 const SegmentedControl$1 = Object.assign(SegmentedControlElement$1, {
+  /**
+   * SegmentedControlSegment component for individual segments within a segmented control.
+   *
+   * Features:
+   * - Individual segment with radio input
+   * - Optional icon support
+   * - Animated selection indicator
+   * - Accessibility support with proper ARIA attributes
+   * - Context integration with parent SegmentedControl
+   * - Motion animations with reduced motion support
+   *
+   * @example
+   * <SegmentedControl.Segment value="option1" icon={Icon1}>
+   *   Option 1
+   * </SegmentedControl.Segment>
+   */
   Segment: SegmentedControlSegment$1
 });
 
@@ -146,6 +162,7 @@ const SegmentedControlElement = forwardRef(
     );
   }
 );
+SegmentedControlElement.displayName = SegmentedControl$1.displayName;
 const SegmentedControlSegment = forwardRef(
   (props, ref) => {
     const data = {
@@ -166,9 +183,31 @@ const SegmentedControlSegment = forwardRef(
     );
   }
 );
+SegmentedControlSegment.displayName = SegmentedControlSegment$1.displayName;
 const SegmentedControl = Object.assign(SegmentedControlElement, {
+  /**
+   * SegmentedControlSegment component for individual segments within a segmented control.
+   *
+   * Features:
+   * - Individual segment with radio input
+   * - Optional icon support
+   * - Animated selection indicator
+   * - Accessibility support with proper ARIA attributes
+   * - Context integration with parent SegmentedControl
+   * - Motion animations with reduced motion support
+   * - Icon-only mode when no children provided
+   * - Automatic tracking ID generation for analytics
+   *
+   * @example
+   * <SegmentedControl.Segment value="option1" icon={Icon1}>
+   *   Option 1
+   * </SegmentedControl.Segment>
+   *
+   * @example
+   * <SegmentedControl.Segment value="icon-only" icon={IconOnly} />
+   */
   Segment: SegmentedControlSegment
 });
 
 export { SegmentedControl as S, SegmentedControlSegment as a };
-//# sourceMappingURL=SegmentedControl-D_ADGpVy.js.map
+//# sourceMappingURL=SegmentedControl-DKMQuf7s.js.map

package/dist/SegmentedControl-DKMQuf7s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl-DKMQuf7s.js","sources":["../../hammer-react/dist/SegmentedControl-CaAD848n.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { jsx, Fragment, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useContext, useRef, createContext, useId } from 'react';\nimport cx from 'classnames';\nimport { useReducedMotion, motion } from '/home/runner/work/hammer/hammer/node_modules/.pnpm/motion@12.4.10_@emotion+is-prop-valid@1.3.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/motion/dist/es/motion/lib/react.mjs';\nimport { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { core } from '@servicetitan/hammer-token';\n\nimport './SegmentedControl.css';const legend = \"_legend_1jy4v_3\";\nconst children = \"_children_1jy4v_4\";\nconst segment = \"_segment_1jy4v_2\";\nconst fill = \"_fill_1jy4v_80\";\nconst small = \"_small_1jy4v_83\";\nconst medium = \"_medium_1jy4v_92\";\nconst styles = {\n\t\"segmented-control\": \"_segmented-control_1jy4v_2\",\n\tlegend: legend,\n\tchildren: children,\n\t\"select-indicator\": \"_select-indicator_1jy4v_5\",\n\tsegment: segment,\n\tfill: fill,\n\tsmall: small,\n\t\"icon-only\": \"_icon-only_1jy4v_89\",\n\tmedium: medium\n};\n\nconst SegmentedControlSegment = forwardRef((props, ref) => {\n  const { icon, value, children, className, ...rest } = props;\n  const shouldReduceMotion = useReducedMotion();\n  const { current, setCurrent, name } = useContext(SegmentedControlContext);\n  const labelRef = useRef(null);\n  const classNames = cx(styles.segment, className, {\n    [styles[\"icon-only\"]]: icon && !children\n  });\n  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(\n    \"label\",\n    {\n      className: classNames,\n      ref: useMergeRefs([labelRef, ref]),\n      \"data-anv\": \"segmented-control-segment\",\n      ...rest,\n      children: [\n        /* @__PURE__ */ jsx(\n          \"input\",\n          {\n            type: \"radio\",\n            name,\n            value,\n            onChange: () => setCurrent?.(value),\n            checked: current === value,\n            \"aria-checked\": current === value\n          }\n        ),\n        icon ? /* @__PURE__ */ jsx(Icon, { svg: icon, \"aria-hidden\": true }) : null,\n        children,\n        current === value && /* @__PURE__ */ jsx(\n          motion.span,\n          {\n            layoutId: name,\n            className: styles[\"select-indicator\"],\n            transition: {\n              duration: shouldReduceMotion ? 0 : +core.primitive.Duration.value.replace(\"ms\", \"\") / 1e3\n            }\n          }\n        )\n      ]\n    }\n  ) });\n});\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n\nconst SegmentedControlContext = createContext({});\nconst SegmentedControlElement = forwardRef((props, ref) => {\n  const {\n    className,\n    onClick,\n    onChange,\n    children,\n    size = \"medium\",\n    defaultSelected,\n    selected,\n    name,\n    fill,\n    ...rest\n  } = props;\n  const [current, setCurrent] = useOptionallyControlledState({\n    controlledValue: selected,\n    defaultValue: defaultSelected,\n    onChange\n  });\n  const segmentedControlRef = useRef(null);\n  const SegmentedControlClassNames = cx(\n    styles[\"segmented-control\"],\n    styles[size],\n    className,\n    {\n      [styles.fill]: fill\n    }\n  );\n  const uid = useId();\n  return /* @__PURE__ */ jsx(\n    motion.div,\n    {\n      transition: { duration: 0 },\n      layout: true,\n      role: \"radiogroup\",\n      className: SegmentedControlClassNames,\n      \"data-anv\": \"segmented-control\",\n      ref: useMergeRefs([segmentedControlRef, ref]),\n      ...rest,\n      children: /* @__PURE__ */ jsx(\n        SegmentedControlContext.Provider,\n        {\n          value: { current, setCurrent, name: name ?? uid },\n          children\n        }\n      )\n    }\n  );\n});\nSegmentedControlElement.displayName = \"SegmentedControl\";\nconst SegmentedControl = Object.assign(SegmentedControlElement, {\n  /**\n   * SegmentedControlSegment component for individual segments within a segmented control.\n   *\n   * Features:\n   * - Individual segment with radio input\n   * - Optional icon support\n   * - Animated selection indicator\n   * - Accessibility support with proper ARIA attributes\n   * - Context integration with parent SegmentedControl\n   * - Motion animations with reduced motion support\n   *\n   * @example\n   * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n   *   Option 1\n   * </SegmentedControl.Segment>\n   */\n  Segment: SegmentedControlSegment\n});\n\nexport { SegmentedControl as S, SegmentedControlSegment as a };\n//# sourceMappingURL=SegmentedControl-CaAD848n.js.map\n","import {\n  SegmentedControlProps as CoreSegmentedControlProps,\n  SegmentedControl as CoreSegmentedControl,\n  SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n  SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the SegmentedControl component\n * @property {string} [size] - Size of the segment (small, medium)\n * @property {boolean} [fill] - Whether to fill available width\n * @property {string} [name] - Name attribute for radio inputs\n * @property {Function} [onChange] - Callback when segment is changed\n * @property {string} [selected] - Selected segment (controlled mode)\n * @property {string} [defaultSelected] - Initial selection (uncontrolled mode)\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n * @extends DataTrackingId\n */\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\n\n/**\n * Props for the SegmentedControlSegment component\n * @property {string} value - Value of the segment\n * @property {object} [icon] - Optional icon to display in the segment\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n * @extends DataTrackingId\n */\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n  DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n  (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      name: props.name,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControl\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <CoreSegmentedControl\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  },\n);\nSegmentedControlElement.displayName = CoreSegmentedControl.displayName;\n\n/**\n * SegmentedControlSegment component for individual segments within a segmented control.\n *\n * Features:\n * - Individual segment with radio input\n * - Optional icon support\n * - Animated selection indicator\n * - Accessibility support with proper ARIA attributes\n * - Context integration with parent SegmentedControl\n * - Motion animations with reduced motion support\n * - Icon-only mode when no children provided\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n *   Option 1\n * </SegmentedControl.Segment>\n *\n * @example\n * <SegmentedControl.Segment value=\"icon-only\" icon={IconOnly} />\n */\nexport const SegmentedControlSegment = forwardRef(\n  (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n    const data = {\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControlSegment\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreSegmentedControlSegment\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  },\n);\nSegmentedControlSegment.displayName = CoreSegmentedControlSegment.displayName;\n\n/**\n * SegmentedControl component for selecting one option from a group of related choices.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Multiple size variants (small, medium)\n * - Optional fill width mode\n * - Smooth animations with motion\n * - Accessibility support with proper radio group semantics\n * - Layout utility props for positioning and spacing\n * - Context-based state management\n * - Auto-generated or custom name attributes\n * - Segment support via SegmentedControl.Segment\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SegmentedControl\n *   selected={selectedValue}\n *   onChange={setSelectedValue}\n *   size=\"medium\"\n * >\n *   <SegmentedControl.Segment value=\"option1\">Option 1</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option2\">Option 2</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option3\">Option 3</SegmentedControl.Segment>\n * </SegmentedControl>\n *\n * @example\n * <SegmentedControl\n *   defaultSelected=\"small\"\n *   size=\"small\"\n *   fill\n * >\n *   <SegmentedControl.Segment value=\"small\" icon={SmallIcon}>Small</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"large\" icon={LargeIcon}>Large</SegmentedControl.Segment>\n * </SegmentedControl>\n */\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  /**\n   * SegmentedControlSegment component for individual segments within a segmented control.\n   *\n   * Features:\n   * - Individual segment with radio input\n   * - Optional icon support\n   * - Animated selection indicator\n   * - Accessibility support with proper ARIA attributes\n   * - Context integration with parent SegmentedControl\n   * - Motion animations with reduced motion support\n   * - Icon-only mode when no children provided\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n   *   Option 1\n   * </SegmentedControl.Segment>\n   *\n   * @example\n   * <SegmentedControl.Segment value=\"icon-only\" icon={IconOnly} />\n   */\n  Segment: SegmentedControlSegment,\n});\n"],"names":["SegmentedControlSegment","core.primitive.Duration","SegmentedControlElement","SegmentedControl","CoreSegmentedControl","CoreSegmentedControlSegment"],"mappings":"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"}

package/dist/SegmentedControl.js

@@ -1,2 +1,2 @@
-export { S as SegmentedControl, a as SegmentedControlSegment, S as default } from './SegmentedControl-D_ADGpVy.js';
+export { S as SegmentedControl, a as SegmentedControlSegment, S as default } from './SegmentedControl-DKMQuf7s.js';
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/{SelectCard-D26y01WZ-BWN9G09J.js → SelectCard-B5EqtxOK-CpCgVjV8.js}

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { C as Card } from './Card-BNT0qpxt-OPUNKZW6.js';
-import { R as RadioGroup, a as Radio } from './Radio-BlMDLvPw-DUeywcYR.js';
+import { C as Card } from './Card-ZknG-yim-7W6rYSFV.js';
+import { R as RadioGroup, a as Radio } from './Radio-7U7IBI58-BDhdZJoC.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { C as CheckboxGroup, a as Checkbox } from './Checkbox-CRurfeRE-BR_NXfh6.js';
+import { C as CheckboxGroup, a as Checkbox } from './Checkbox-TIcImbEx-EgjesTNn.js';
 import { forwardRef, useState, useId, createContext, useContext } from 'react';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh-DAv5LXXh.js';
 
-import './SelectCard-D26y01WZ.css';const styles = {
+import './SelectCard-B5EqtxOK.css';const styles = {
 	"select-card": "_select-card_17kzl_1",
 	"select-card--disabled": "_select-card--disabled_17kzl_22",
 	"select-card--errored": "_select-card--errored_17kzl_26",
@@ -26,7 +27,11 @@ const SelectCardProvider = ({
       return;
     }
     if (selectionMode === "single") {
-      state.checked ? setSelection(/* @__PURE__ */ new Set([state.id])) : setSelection(/* @__PURE__ */ new Set());
+      if (state.checked) {
+        setSelection(/* @__PURE__ */ new Set([state.id]));
+      } else {
+        setSelection(/* @__PURE__ */ new Set());
+      }
     } else {
       if (state.checked) {
         setSelection(selection.add(state.id));
@@ -47,7 +52,7 @@ const SelectCardProvider = ({
 };
 const useSelectCardContext = () => useContext(SelectCardContext);
 
-const SelectCardGroup = forwardRef((props, ref) => {
+const SelectCardGroup = forwardRef((props, _ref) => {
   const {
     ariaLabelledBy,
     children,
@@ -87,9 +92,9 @@ const SelectCardElement = forwardRef(
     const {
       checkboxProps,
       children,
-      checked,
+      checked: checkedProp,
       className,
-      defaultChecked,
+      defaultChecked: defaultCheckedProp,
       disabled,
       errored,
       radioProps,
@@ -97,22 +102,21 @@ const SelectCardElement = forwardRef(
       id,
       ...rest
     } = props;
-    const [contextFreeIsChecked, setContextFreeIsChecked] = useState(
-      defaultChecked || false
-    );
+    const [checked, setChecked] = useOptionallyControlledState({
+      controlledValue: checkedProp,
+      defaultValue: defaultCheckedProp || false,
+      onChange
+    });
     const context = useSelectCardContext();
     const handleChange = (event) => {
       const newChecked = event ? event.target.checked : false;
-      onChange(newChecked);
+      setChecked(newChecked);
       context?.onChange(event, {
         id,
         checked: newChecked
       });
-      if (checked === void 0) {
-        setContextFreeIsChecked(newChecked);
-      }
     };
-    const isChecked = context ? context.selection.has(id) : checked !== void 0 ? checked : contextFreeIsChecked;
+    const isChecked = context ? context.selection.has(id) : checked;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       (!context || context?.selectionMode === "multiple") && /* @__PURE__ */ jsx(
         Checkbox,
@@ -168,8 +172,33 @@ const SelectCardElement = forwardRef(
 );
 SelectCardElement.displayName = "SelectCard";
 const SelectCard = Object.assign(SelectCardElement, {
+  /**
+   * SelectCardGroup component for managing groups of selectable cards.
+   *
+   * Features:
+   * - Manages selection state for multiple SelectCard components
+   * - Supports both single and multiple selection modes
+   * - Provides proper accessibility with legends and ARIA labels
+   * - Handles required field validation
+   * - Automatic radio button grouping for single selection
+   * - Context provider for child SelectCard components
+   *
+   * @example
+   * <SelectCard.Group
+   *   legend="Choose your plan"
+   *   selectionMode="single"
+   *   onChange={(e, state) => console.log('Selection changed:', state)}
+   * >
+   *   <SelectCard id="basic" onChange={() => {}}>
+   *     <Text variant="headline" size="small">Basic Plan</Text>
+   *   </SelectCard>
+   *   <SelectCard id="premium" onChange={() => {}}>
+   *     <Text variant="headline" size="small">Premium Plan</Text>
+   *   </SelectCard>
+   * </SelectCard.Group>
+   */
   Group: SelectCardGroup
 });
 
 export { SelectCardGroup as S, SelectCard as a };
-//# sourceMappingURL=SelectCard-D26y01WZ-BWN9G09J.js.map
+//# sourceMappingURL=SelectCard-B5EqtxOK-CpCgVjV8.js.map

package/dist/SelectCard-B5EqtxOK-CpCgVjV8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCard-B5EqtxOK-CpCgVjV8.js","sources":["../../hammer-react/dist/SelectCard-B5EqtxOK.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { C as Card } from './Card-ZknG-yim.js';\nimport { a as RadioGroup, R as Radio } from './Radio-7U7IBI58.js';\nimport cx from 'classnames';\nimport { a as CheckboxGroup, C as Checkbox } from './Checkbox-TIcImbEx.js';\nimport { useContext, useState, useId, createContext, forwardRef } from 'react';\nimport { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh.js';\n\nimport './SelectCard.css';const styles = {\n\t\"select-card\": \"_select-card_17kzl_1\",\n\t\"select-card--disabled\": \"_select-card--disabled_17kzl_22\",\n\t\"select-card--errored\": \"_select-card--errored_17kzl_26\",\n\t\"select-card--selected\": \"_select-card--selected_17kzl_29\"\n};\n\nconst SelectCardContext = createContext(null);\nconst SelectCardProvider = ({\n  children,\n  onChange,\n  selectionMode\n}) => {\n  const [selection, setSelection] = useState(/* @__PURE__ */ new Set());\n  const radioName = useId();\n  const handleChange = (e, state) => {\n    if (!state || !state.id) {\n      onChange(e, state);\n      return;\n    }\n    if (selectionMode === \"single\") {\n      if (state.checked) {\n        setSelection(/* @__PURE__ */ new Set([state.id]));\n      } else {\n        setSelection(/* @__PURE__ */ new Set());\n      }\n    } else {\n      if (state.checked) {\n        setSelection(selection.add(state.id));\n      } else {\n        selection.delete(state.id);\n        setSelection(selection);\n      }\n    }\n    onChange(e, state);\n  };\n  const context = {\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection\n  };\n  return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: context, children });\n};\nconst useSelectCardContext = () => useContext(SelectCardContext);\n\nconst SelectCardGroup = forwardRef((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    legend,\n    onChange,\n    required = false,\n    selectionMode,\n    ...rest\n  } = props;\n  return /* @__PURE__ */ jsxs(SelectCardProvider, { onChange, selectionMode, children: [\n    selectionMode === \"multiple\" && /* @__PURE__ */ jsx(\n      CheckboxGroup,\n      {\n        \"aria-labelledby\": ariaLabelledBy,\n        legend,\n        required,\n        ...rest,\n        children\n      }\n    ),\n    selectionMode === \"single\" && /* @__PURE__ */ jsx(\n      RadioGroup,\n      {\n        \"aria-labelledby\": ariaLabelledBy,\n        legend,\n        required,\n        ...rest,\n        children\n      }\n    )\n  ] });\n});\nSelectCardGroup.displayName = \"SelectCardGroup\";\n\nconst SelectCardElement = forwardRef(\n  (props, ref) => {\n    const {\n      checkboxProps,\n      children,\n      checked: checkedProp,\n      className,\n      defaultChecked: defaultCheckedProp,\n      disabled,\n      errored,\n      radioProps,\n      onChange,\n      id,\n      ...rest\n    } = props;\n    const [checked, setChecked] = useOptionallyControlledState({\n      controlledValue: checkedProp,\n      defaultValue: defaultCheckedProp || false,\n      onChange\n    });\n    const context = useSelectCardContext();\n    const handleChange = (event) => {\n      const newChecked = event ? event.target.checked : false;\n      setChecked(newChecked);\n      context?.onChange(event, {\n        id,\n        checked: newChecked\n      });\n    };\n    const isChecked = context ? context.selection.has(id) : checked;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      (!context || context?.selectionMode === \"multiple\") && /* @__PURE__ */ jsx(\n        Checkbox,\n        {\n          ...checkboxProps,\n          onChange: handleChange,\n          disabled,\n          ref,\n          label: /* @__PURE__ */ jsx(\n            Card,\n            {\n              ...rest,\n              className: cx(\n                styles[\"select-card\"],\n                isChecked && !errored && styles[\"select-card--selected\"],\n                errored && styles[\"select-card--errored\"],\n                disabled && styles[\"select-card--disabled\"],\n                className ?? \"\"\n              ),\n              children\n            }\n          ),\n          hideCheckbox: true\n        }\n      ),\n      context?.selectionMode === \"single\" && /* @__PURE__ */ jsx(\n        Radio,\n        {\n          ...radioProps,\n          onChange: handleChange,\n          disabled,\n          ref,\n          name: context.radioName,\n          label: /* @__PURE__ */ jsx(\n            Card,\n            {\n              ...rest,\n              className: cx(\n                styles[\"select-card\"],\n                isChecked && !errored && styles[\"select-card--selected\"],\n                errored && styles[\"select-card--errored\"],\n                disabled && styles[\"select-card--disabled\"],\n                className ?? \"\"\n              ),\n              children\n            }\n          ),\n          hideRadio: true\n        }\n      )\n    ] });\n  }\n);\nSelectCardElement.displayName = \"SelectCard\";\nconst SelectCard = Object.assign(SelectCardElement, {\n  /**\n   * SelectCardGroup component for managing groups of selectable cards.\n   *\n   * Features:\n   * - Manages selection state for multiple SelectCard components\n   * - Supports both single and multiple selection modes\n   * - Provides proper accessibility with legends and ARIA labels\n   * - Handles required field validation\n   * - Automatic radio button grouping for single selection\n   * - Context provider for child SelectCard components\n   *\n   * @example\n   * <SelectCard.Group\n   *   legend=\"Choose your plan\"\n   *   selectionMode=\"single\"\n   *   onChange={(e, state) => console.log('Selection changed:', state)}\n   * >\n   *   <SelectCard id=\"basic\" onChange={() => {}}>\n   *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n   *   </SelectCard>\n   *   <SelectCard id=\"premium\" onChange={() => {}}>\n   *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n   *   </SelectCard>\n   * </SelectCard.Group>\n   */\n  Group: SelectCardGroup\n});\n\nexport { SelectCard as S, SelectCardGroup as a };\n//# sourceMappingURL=SelectCard-B5EqtxOK.js.map\n"],"names":[],"mappings":"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"}

package/dist/SelectCard.js

@@ -1,2 +1,2 @@
-export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup, S as default } from './SelectCardGroup-DxA6P-Q7.js';
+export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup, S as default } from './SelectCardGroup-DsHZgCqA.js';
 //# sourceMappingURL=SelectCard.js.map

package/dist/SelectCardGroup-DsHZgCqA.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { S as SelectCardGroup$1, a as SelectCard$1 } from './SelectCard-B5EqtxOK-CpCgVjV8.js';
+
+const SelectCardElement = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(SelectCard$1, { ref, ...props });
+  }
+);
+SelectCardElement.displayName = SelectCard$1.displayName;
+const SelectCard = Object.assign(SelectCardElement, {
+  /**
+   * SelectCardGroup component for managing groups of selectable cards.
+   *
+   * Features:
+   * - Manages selection state for multiple SelectCard components
+   * - Supports both single and multiple selection modes
+   * - Provides proper accessibility with legends and ARIA labels
+   * - Handles required field validation
+   * - Automatic radio button grouping for single selection
+   * - Context provider for child SelectCard components
+   * - Automatic tracking ID generation for analytics
+   *
+   * @example
+   * <SelectCard.Group
+   *   legend="Choose your plan"
+   *   selectionMode="single"
+   *   onChange={(e, state) => console.log('Selection changed:', state)}
+   * >
+   *   <SelectCard id="basic" onChange={() => {}}>
+   *     <Text variant="headline" size="small">Basic Plan</Text>
+   *   </SelectCard>
+   *   <SelectCard id="premium" onChange={() => {}}>
+   *     <Text variant="headline" size="small">Premium Plan</Text>
+   *   </SelectCard>
+   * </SelectCard.Group>
+   */
+  Group: SelectCardGroup$1
+});
+
+const SelectCardGroup = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(SelectCardGroup$1, { ref, ...props });
+  }
+);
+SelectCardGroup.displayName = SelectCardGroup$1.displayName;
+
+export { SelectCard as S, SelectCardGroup as a, SelectCardElement as b };
+//# sourceMappingURL=SelectCardGroup-DsHZgCqA.js.map

package/dist/SelectCardGroup-DsHZgCqA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCardGroup-DsHZgCqA.js","sources":["../src/components/SelectCard/SelectCard.tsx","../src/components/SelectCard/SelectCardGroup.tsx"],"sourcesContent":["import {\n  SelectCardProps as CoreSelectCardProps,\n  SelectCard as CoreSelectCard,\n  SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the SelectCard component\n * @property {Omit<CheckboxProps, \"label\">} [checkboxProps] - Passes props to the underlying Checkbox component\n * @property {boolean} [checked] - Controlled state. When provided, the component becomes controlled\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [disabled] - When true, disables the card\n * @property {boolean} [errored] - When true, sets error styling on the card\n * @property {string | number} id - A unique identifier for the card, used to track the selection state\n * @property {(value: boolean) => void} onChange - Function called on selection state change\n * @property {Omit<RadioProps, \"label\">} [radioProps] - Passes props to the underlying Radio component\n * @extends CoreSelectCardProps\n */\nexport type SelectCardProps = CoreSelectCardProps;\n\nexport const SelectCardElement = forwardRef(\n  (props: SelectCardProps, ref: Ref<HTMLInputElement>) => {\n    return <CoreSelectCard ref={ref} {...props} />;\n  },\n);\nSelectCardElement.displayName = CoreSelectCard.displayName;\n\n/**\n * SelectCard component for creating interactive card-based selection interfaces.\n *\n * Features:\n * - Supports both single selection (radio) and multiple selection (checkbox) modes\n * - Automatic context detection for selection behavior\n * - Visual feedback for selected, disabled, and error states\n * - Accessible with proper ARIA roles and keyboard navigation\n * - Customizable styling through Card component props\n * - Hover and focus states with smooth transitions\n * - Integration with SelectCardGroup for grouped selection\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SelectCard\n *   id=\"option-1\"\n *   onChange={(checked) => console.log('Selected:', checked)}\n * >\n *   <Text variant=\"headline\" size=\"small\">Option 1</Text>\n *   <Text>Description of option 1</Text>\n * </SelectCard>\n */\nexport const SelectCard = Object.assign(SelectCardElement, {\n  /**\n   * SelectCardGroup component for managing groups of selectable cards.\n   *\n   * Features:\n   * - Manages selection state for multiple SelectCard components\n   * - Supports both single and multiple selection modes\n   * - Provides proper accessibility with legends and ARIA labels\n   * - Handles required field validation\n   * - Automatic radio button grouping for single selection\n   * - Context provider for child SelectCard components\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <SelectCard.Group\n   *   legend=\"Choose your plan\"\n   *   selectionMode=\"single\"\n   *   onChange={(e, state) => console.log('Selection changed:', state)}\n   * >\n   *   <SelectCard id=\"basic\" onChange={() => {}}>\n   *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n   *   </SelectCard>\n   *   <SelectCard id=\"premium\" onChange={() => {}}>\n   *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n   *   </SelectCard>\n   * </SelectCard.Group>\n   */\n  Group: CoreSelectCardGroup,\n});\n","import {\n  SelectCardGroupProps as CoreSelectCardGroupProps,\n  SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the SelectCardGroup component\n * @property {string} [ariaLabelledBy] - Associates the legend with content below\n * @property {ReactNode} [children] - Child SelectCard components\n * @property {CheckboxGroupProps[\"legend\"]} legend - Sets the legend on the group\n * @property {boolean} [required] - When true, sets \"required\" text in label. This does not enforce error when nothing is selected\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: ISelectCardState) => void} onChange - Callback function that is triggered when the selection state changes\n * @property {\"single\" | \"multiple\"} selectionMode - Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n * @extends CoreSelectCardGroupProps\n */\nexport type SelectCardGroupProps = CoreSelectCardGroupProps;\n\n/**\n * SelectCardGroup component for managing groups of selectable cards.\n *\n * Features:\n * - Manages selection state for multiple SelectCard components\n * - Supports both single and multiple selection modes\n * - Provides proper accessibility with legends and ARIA labels\n * - Handles required field validation\n * - Automatic radio button grouping for single selection\n * - Context provider for child SelectCard components\n * - Integrates with CheckboxGroup and RadioGroup for proper form semantics\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef(\n  (props: SelectCardGroupProps, ref: Ref<HTMLInputElement>) => {\n    return <CoreSelectCardGroup ref={ref} {...props} />;\n  },\n);\nSelectCardGroup.displayName = CoreSelectCardGroup.displayName;\n"],"names":["CoreSelectCard","CoreSelectCardGroup"],"mappings":";;;;AAqBO,MAAM,iBAAoB,GAAA,UAAA;AAAA,EAC/B,CAAC,OAAwB,GAA+B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAA,YAAA,EAAA,EAAe,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEhD;AACA,iBAAA,CAAkB,cAAcA,YAAe,CAAA,WAAA;AAwBlC,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BzD,KAAO,EAAAC;AACT,CAAC;;ACjCM,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,CAAC,OAA6B,GAA+B,KAAA;AAC3D,IAAA,uBAAQ,GAAA,CAAAA,iBAAA,EAAA,EAAoB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAErD;AACA,eAAA,CAAgB,cAAcA,iBAAoB,CAAA,WAAA;;;;"}