@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{Radio-DQ_VQFGZ-SdFBlDnE.js → RadioGroup-BNCWIHOG.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { forwardRef, useState, useId } from 'react';
+import { forwardRef, useId, useState } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { L as Label } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
-import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { H as Helper } from './Helper-BkIDJqgA.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { F as FieldLabel } from './FieldLabel-BfnCXung.js';
 
-import './Radio-DQ_VQFGZ.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 './RadioGroup.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 }));
 
@@ -32,81 +32,6 @@ const styles = {
 	"sr-only": "_sr-only_1r8vp_200"
 };
 
-const RadioGroup = forwardRef(
-  (props, ref) => {
-    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
-    const {
-      className,
-      children,
-      legend,
-      moreInfo,
-      onBlur,
-      onFocus,
-      required,
-      style,
-      ...rest
-    } = componentProps;
-    const RadioGroupClassNames = cx(styles["radio-group"], className);
-    const [openInfo, setOpenInfo] = useState(false);
-    const styleCombined = {
-      ...style,
-      ...layoutStyles,
-      alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "center" : void 0)
-    };
-    const focusHandler = (e) => {
-      onFocus?.(e);
-      setOpenInfo(true);
-    };
-    const blurHandler = (e) => {
-      onBlur?.(e);
-      setOpenInfo(false);
-    };
-    return /* @__PURE__ */ jsxs(
-      "fieldset",
-      {
-        role: "radiogroup",
-        "data-anv": "radio-group",
-        className: RadioGroupClassNames,
-        "aria-required": required,
-        style: styleCombined,
-        ref,
-        onFocus: focusHandler,
-        onBlur: blurHandler,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxs("legend", { className: styles["legend"], children: [
-            legend,
-            required && ", required",
-            moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Label,
-            {
-              "aria-hidden": true,
-              moreInfo,
-              required,
-              openMoreInfo: openInfo,
-              children: legend
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles["children"],
-              style: {
-                flexDirection: layoutStyles?.flexDirection,
-                gap: layoutStyles?.gap
-              },
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-
 const RadioElement = forwardRef((props, ref) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
@@ -190,29 +115,83 @@ const RadioElement = forwardRef((props, ref) => {
     description ? /* @__PURE__ */ jsx("div", { className: styles["helper-wrapper"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null
   ] });
 });
-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";
+const Radio = RadioElement;
+
+const RadioGroup = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      children,
+      legend,
+      moreInfo,
+      onBlur,
+      onFocus,
+      required,
+      style,
+      ...rest
+    } = componentProps;
+    const RadioGroupClassNames = cx(styles["radio-group"], className);
+    const [openInfo, setOpenInfo] = useState(false);
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "center" : void 0)
+    };
+    const focusHandler = (e) => {
+      onFocus?.(e);
+      setOpenInfo(true);
+    };
+    const blurHandler = (e) => {
+      onBlur?.(e);
+      setOpenInfo(false);
+    };
+    return /* @__PURE__ */ jsxs(
+      "fieldset",
+      {
+        role: "radiogroup",
+        "data-anv": "radio-group",
+        className: RadioGroupClassNames,
+        "aria-required": required,
+        style: styleCombined,
+        ref,
+        onFocus: focusHandler,
+        onBlur: blurHandler,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs("legend", { className: styles["legend"], children: [
+            legend,
+            required && ", required",
+            moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })
+          ] }),
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              "aria-hidden": true,
+              moreInfo,
+              required,
+              openMoreInfo: openInfo,
+              children: legend
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: styles["children"],
+              style: {
+                flexDirection: layoutStyles?.flexDirection,
+                gap: layoutStyles?.gap
+              },
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
 
 export { RadioGroup as R, Radio as a };
-//# sourceMappingURL=Radio-DQ_VQFGZ-SdFBlDnE.js.map
+//# sourceMappingURL=RadioGroup-BNCWIHOG.js.map

package/dist/RadioGroup-BNCWIHOG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-BNCWIHOG.js","sources":["../../hammer-icon/mdi/two-tone/radio_button_unchecked.svg","../../hammer-icon/mdi/two-tone/radio_button_checked.svg","../src/components/Radio/internal/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"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 {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ChangeEvent,\n  ReactElement,\n  useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\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 styles from \"../Radio.module.scss\";\nimport { LayoutUtilProps, Svg } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { RadioState } from \"../types\";\n\n/**\n * Props for the Radio component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\">\n * @extends LayoutUtilProps\n */\nexport type RadioProps = Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\"> &\n  LayoutUtilProps & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Callback when radio is changed\n     */\n    onChange?: (e?: ChangeEvent<HTMLInputElement>, state?: RadioState) => void;\n\n    /**\n     * Label for Radio\n     * @remarks This should either be a string or have text content inside for accessibility\n     */\n    label?: ReactElement | string;\n\n    /**\n     * Error state for the radio\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides for checked and unchecked states\n     */\n    icons?: {\n      /**\n       * Icon to display when radio is checked\n       */\n      checked?: Svg;\n      /**\n       * Icon to display when radio is unchecked\n       */\n      unchecked?: Svg;\n    };\n\n    /**\n     * Description text to display below the radio\n     */\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When true, hides the radio for visual users\n     * @default false\n     */\n    hideRadio?: boolean;\n  };\n\nconst RadioElement = forwardRef<HTMLInputElement, RadioProps>((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\n  const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e, { value, checked: e.target.checked });\n  };\n\n  const helperUid = useId();\n\n  const wrapperClassNames = cx(\n    styles[\"wrapper\"],\n    { [styles[\"focus\"]]: hideRadio },\n    className,\n  );\n\n  const radioClassNames = cx(styles[\"radio\"], {\n    [styles[\"error\"]]: error,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div className={wrapperClassNames} style={styleCombined} data-anv=\"radio\">\n      <label className={radioClassNames}>\n        <input\n          type=\"radio\"\n          aria-checked={checked ?? defaultChecked}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          value={value}\n          onChange={onChangeHandler}\n          aria-describedby={helperUid}\n          ref={ref}\n          {...rest}\n        />\n\n        <span\n          className={cx(styles[\"icon-wrapper\"], {\n            [styles[\"sr-only\"]]: hideRadio,\n          })}\n        >\n          <Icon\n            size=\"large\"\n            svg={uncheckedIcon}\n            className={cx([styles[\"icon-unchecked\"]])}\n          />\n\n          <Icon\n            size=\"large\"\n            svg={checkedIcon}\n            className={cx([styles[\"icon-checked\"]])}\n          />\n        </span>\n\n        <span className={cx({ [styles[\"focus-label\"]]: hideRadio })}>\n          {label}\n        </span>\n      </label>\n\n      {description ? (\n        <div className={styles[\"helper-wrapper\"]}>\n          <Helper id={helperUid} description={description} />\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nRadioElement.displayName = \"RadioElement\";\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 * - Optional radio hiding for visual users\n * - Flexible labeling options\n * - Group support via Radio.Group\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 = RadioElement;\n","import {\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  forwardRef,\n  ReactElement,\n  useState,\n} from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the RadioGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type RadioGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<FieldLabelProps, \"labelProps\"> & {\n    /**\n     * Required flag for label\n     * @remarks This does not enforce error when nothing is selected\n     */\n    required?: boolean;\n\n    /**\n     * Legend for the fieldset\n     */\n    legend?: string | ReactElement;\n  };\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<HTMLFieldSetElement, RadioGroupProps>(\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\n    const RadioGroupClassNames = cx(styles[\"radio-group\"], className);\n    const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      alignItems:\n        layoutStyles?.alignItems ??\n        (layoutStyles?.flexDirection === \"row\" ? \"center\" : undefined),\n    };\n\n    const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n      onFocus?.(e);\n      setOpenInfo(true);\n    };\n\n    const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n      onBlur?.(e);\n      setOpenInfo(false);\n    };\n\n    return (\n      <fieldset\n        role=\"radiogroup\"\n        data-anv=\"radio-group\"\n        className={RadioGroupClassNames}\n        aria-required={required}\n        style={styleCombined}\n        ref={ref}\n        onFocus={focusHandler}\n        onBlur={blurHandler}\n        {...rest}\n      >\n        <legend className={styles[\"legend\"]}>\n          {legend}\n          {required && \", required\"}\n          {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n        </legend>\n        <FieldLabel\n          aria-hidden\n          moreInfo={moreInfo}\n          required={required}\n          openMoreInfo={openInfo}\n        >\n          {legend}\n        </FieldLabel>\n        <div\n          className={styles[\"children\"]}\n          style={{\n            flexDirection: layoutStyles?.flexDirection,\n            gap: layoutStyles?.gap,\n          }}\n        >\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"names":["Radio_checked","Radio_outline"],"mappings":"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"}

package/dist/{Radio-DQ_VQFGZ.css → RadioGroup.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._radio_1r8vp_2 {
     all: unset;

package/dist/{SearchField-BGPqpnVd.js → SearchField-BKXkoWPs.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-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-BFNinq1w.js';
-import { t as textfieldStyles } from './TextField.module-EkKlj66e-EkKlj66e.js';
+import { t as textfieldStyles } from './TextField.module-EkKlj66e.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { useTrackingId } from './useTrackingId.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.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" }));
 
@@ -19,7 +19,7 @@ const styles = {
 	"input-wrapper": "_input-wrapper_1s8tg_7",
 	clear: clear};
 
-const SearchField$1 = forwardRef(
+const SearchField = forwardRef(
   function SearchField2(props, ref) {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
@@ -72,6 +72,18 @@ const SearchField$1 = forwardRef(
       inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
       setHasValue(false);
     };
+    const data = {
+      value: props.value,
+      defaultValue: props.defaultValue,
+      disabled: props.disabled,
+      readOnly: props.readOnly,
+      size: props.size
+    };
+    const trackingId = useTrackingId({
+      name: "SearchField",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -110,6 +122,7 @@ const SearchField$1 = forwardRef(
                     autoComplete,
                     disabled,
                     "aria-labelledby": placeholderUid,
+                    "data-tracking-id": trackingId,
                     ...rest
                   }
                 ),
@@ -137,24 +150,5 @@ const SearchField$1 = forwardRef(
   }
 );
 
-const SearchField = forwardRef(
-  (props, ref) => {
-    const data = {
-      value: props.value,
-      defaultValue: props.defaultValue,
-      disabled: props.disabled,
-      readOnly: props.readOnly,
-      size: props.size
-    };
-    const trackingId = useTrackingId({
-      name: "SearchField",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(SearchField$1, { ref, "data-tracking-id": trackingId, ...props });
-  }
-);
-SearchField.displayName = SearchField$1.displayName;
-
 export { SearchField as S };
-//# sourceMappingURL=SearchField-BGPqpnVd.js.map
+//# sourceMappingURL=SearchField-BKXkoWPs.js.map

package/dist/SearchField-BKXkoWPs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField-BKXkoWPs.js","sources":["../../hammer-icon/mdi/round/search.svg","../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 {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  useId,\n  useRef,\n  ChangeEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport textfieldStyles from \"../TextField/TextField.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Search from \"@servicetitan/hammer-icon/mdi/round/search.svg\";\nimport styles from \"./SearchField.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { SrOnly } from \"../SrOnly\";\nimport { Icon } from \"../Icon\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\n\n/**\n * Props for the SearchField component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"required\" | \"children\">\n * @extends LayoutUtilProps\n */\nexport type SearchFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\" | \"required\" | \"children\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Size of the search field\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the search field is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Callback when the clear button is clicked\n     */\n    onClear?: () => void;\n  } & 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<HTMLInputElement, SearchFieldProps>(\n  function SearchField(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\n    const [hasValue, setHasValue] = useState(\n      rest.defaultValue || value ? true : false,\n    );\n    const placeholderUid = useId();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value) {\n        setHasValue(true);\n      } else {\n        setHasValue(false);\n      }\n      onChange?.(e);\n    };\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\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\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\n    return (\n      <div\n        className={cx(\n          textfieldStyles[\"textfield\"],\n          styles[\"searchfield\"],\n          className,\n        )}\n        data-anv=\"SearchField\"\n        style={styleCombined}\n      >\n        <div\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        >\n          <div aria-hidden className={textfieldStyles[\"prefix\"]}>\n            <Icon aria-label=\"search\" svg={Search} />\n          </div>\n          <input\n            className={cx(textfieldStyles[\"input\"])}\n            ref={useMergeRefs([ref, inputRef])}\n            onChange={handleOnChange}\n            placeholder={placeholder}\n            value={value}\n            type=\"search\"\n            autoComplete={autoComplete}\n            disabled={disabled}\n            aria-labelledby={placeholderUid}\n            data-tracking-id={trackingId}\n            {...rest}\n          />\n          <Icon\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        </div>\n        <SrOnly id={placeholderUid}>{placeholder}</SrOnly>\n      </div>\n    );\n  },\n);\n"],"names":["SearchField","Search","Close"],"mappings":"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"}

package/dist/SearchField.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._searchfield_1s8tg_2 input[type=search]::-webkit-search-cancel-button {
     display: none;

package/dist/SearchField.js

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

package/dist/{SegmentedControl-DY1PSYmd.js → SegmentedControl-CsjjV1Dz.js}

@@ -1,15 +1,17 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useContext, createContext, useRef, useId } from 'react';
+import { createContext, forwardRef, useContext, useRef, useId } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-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-DbDuos5L-DbDuos5L.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
 import { D as Duration } from './primitive-BoyEHaOo.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { u as useReducedMotion } from './use-reduced-motion-znCm41qB.js';
+import { m as motion } from './proxy-CreWmH-e.js';
 import { useTrackingId } from './useTrackingId.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 
-import './SegmentedControl.css';const legend = "_legend_1jy4v_3";
+import './SegmentedControl.css';const SegmentedControlContext = createContext({});
+
+const legend = "_legend_1jy4v_3";
 const children = "_children_1jy4v_4";
 const segment = "_segment_1jy4v_2";
 const fill = "_fill_1jy4v_80";
@@ -27,7 +29,7 @@ const styles = {
 	medium: medium
 };
 
-const SegmentedControlSegment$1 = forwardRef((props, ref) => {
+const SegmentedControlSegment = forwardRef((props, ref) => {
   const { icon, value, children, className, ...rest } = props;
   const shouldReduceMotion = useReducedMotion();
   const { current, setCurrent, name } = useContext(SegmentedControlContext);
@@ -35,11 +37,20 @@ const SegmentedControlSegment$1 = forwardRef((props, ref) => {
   const classNames = cx(styles.segment, className, {
     [styles["icon-only"]]: icon && !children
   });
+  const data = {
+    value: props.value
+  };
+  const trackingId = useTrackingId({
+    name: "SegmentedControlSegment",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     "label",
     {
       className: classNames,
       ref: useMergeRefs([labelRef, ref]),
+      "data-tracking-id": trackingId,
       "data-anv": "segmented-control-segment",
       ...rest,
       children: [
@@ -70,10 +81,9 @@ const SegmentedControlSegment$1 = forwardRef((props, ref) => {
     }
   ) });
 });
-SegmentedControlSegment$1.displayName = "SegmentedControlSegment";
+SegmentedControlSegment.displayName = "SegmentedControlSegment";
 
-const SegmentedControlContext = createContext({});
-const SegmentedControlElement$1 = forwardRef((props, ref) => {
+const SegmentedControlElement = forwardRef((props, ref) => {
   const {
     className,
     onClick,
@@ -101,6 +111,14 @@ const SegmentedControlElement$1 = forwardRef((props, ref) => {
     }
   );
   const uid = useId();
+  const data = {
+    name: props.name
+  };
+  const trackingId = useTrackingId({
+    name: "SegmentedControl",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
   return /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -109,6 +127,7 @@ const SegmentedControlElement$1 = forwardRef((props, ref) => {
       role: "radiogroup",
       className: SegmentedControlClassNames,
       "data-anv": "segmented-control",
+      "data-tracking-id": trackingId,
       ref: useMergeRefs([segmentedControlRef, ref]),
       ...rest,
       children: /* @__PURE__ */ jsx(
@@ -121,69 +140,7 @@ 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
-});
-
-const SegmentedControlElement = forwardRef(
-  (props, ref) => {
-    const data = {
-      name: props.name
-    };
-    const trackingId = useTrackingId({
-      name: "SegmentedControl",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(
-      SegmentedControl$1,
-      {
-        ref,
-        "data-tracking-id": trackingId,
-        ...props
-      }
-    );
-  }
-);
-SegmentedControlElement.displayName = SegmentedControl$1.displayName;
-const SegmentedControlSegment = forwardRef(
-  (props, ref) => {
-    const data = {
-      value: props.value
-    };
-    const trackingId = useTrackingId({
-      name: "SegmentedControlSegment",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(
-      SegmentedControlSegment$1,
-      {
-        ref,
-        "data-tracking-id": trackingId,
-        ...props
-      }
-    );
-  }
-);
-SegmentedControlSegment.displayName = SegmentedControlSegment$1.displayName;
+SegmentedControlElement.displayName = "SegmentedControl";
 const SegmentedControl = Object.assign(SegmentedControlElement, {
   /**
    * SegmentedControlSegment component for individual segments within a segmented control.
@@ -195,19 +152,14 @@ const SegmentedControl = Object.assign(SegmentedControlElement, {
    * - 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-DY1PSYmd.js.map
+//# sourceMappingURL=SegmentedControl-CsjjV1Dz.js.map

package/dist/SegmentedControl-CsjjV1Dz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl-CsjjV1Dz.js","sources":["../src/components/SegmentedControl/internal/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControlSegment.tsx","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { SegmentedControlSegmentProps } from \"../SegmentedControlSegment\";\nimport { SegmentedControlProps } from \"../SegmentedControl\";\n\n/**\n * Context props for SegmentedControl internal state management\n */\nexport type SegmentedControlContextProps = {\n  /**\n   * Currently selected segment value\n   */\n  current?: SegmentedControlSegmentProps[\"value\"];\n  /**\n   * Function to set the current segment\n   */\n  setCurrent?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n  /**\n   * Change handler for the segmented control\n   */\n  onChange?: SegmentedControlProps[\"onChange\"];\n  /**\n   * Name attribute for radio inputs\n   */\n  name?: string;\n};\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextProps>({});\n","import {\n  useContext,\n  useRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { motion, useReducedMotion } from \"motion/react\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * State object returned by segment interactions\n */\nexport type SegmentState = {\n  /**\n   * Whether the segment is checked\n   */\n  checked: boolean;\n  /**\n   * The value of the segment\n   */\n  value?: SegmentedControlSegmentProps[\"value\"];\n};\n\n/**\n * Props for the SegmentedControlSegment component\n * @extends ComponentPropsWithoutRef<\"label\">\n */\nexport type SegmentedControlSegmentProps = ComponentPropsWithoutRef<\"label\"> & {\n  /**\n   * Optional icon to display in the segment\n   */\n  icon?: IconProps[\"svg\"];\n  /**\n   * Value of the segment\n   */\n  value: string;\n  /**\n   * The content to display in the segment\n   */\n  children?: React.ReactNode;\n} & DataTrackingId;\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 * - Data tracking id support\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  HTMLLabelElement,\n  SegmentedControlSegmentProps\n>((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<HTMLSpanElement>(null);\n\n  const classNames = cx(styles.segment, className, {\n    [styles[\"icon-only\"]]: icon && !children,\n  });\n\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\n  return (\n    <>\n      <label\n        className={classNames}\n        ref={useMergeRefs([labelRef, ref])}\n        data-tracking-id={trackingId}\n        data-anv=\"segmented-control-segment\"\n        {...rest}\n      >\n        <input\n          type=\"radio\"\n          name={name}\n          value={value}\n          onChange={() => setCurrent?.(value)}\n          checked={current === value}\n          aria-checked={current === value}\n        />\n        {icon ? <Icon svg={icon} aria-hidden /> : null}\n        {children}\n        {current === value && (\n          <motion.span\n            layoutId={name}\n            className={styles[\"select-indicator\"]}\n            transition={{\n              duration: shouldReduceMotion\n                ? 0\n                : +core.primitive.Duration.value.replace(\"ms\", \"\") / 1000,\n            }}\n          />\n        )}\n      </label>\n    </>\n  );\n});\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n","import { forwardRef, useId, ComponentPropsWithoutRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { motion } from \"motion/react\";\n\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\nimport {\n  SegmentedControlSegment,\n  SegmentedControlSegmentProps,\n} from \"./SegmentedControlSegment\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * Base props for SegmentedControl component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\">\n * @extends LayoutUtilProps\n */\ntype BaseSegmentedControlProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\"\n> &\n  LayoutUtilProps &\n  DataTrackingId & {\n    /**\n     * Callback when segment is changed\n     */\n    onChange?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n\n    /**\n     * Size of the segment\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Whether to fill available width\n     * @default false\n     */\n    fill?: boolean;\n\n    /**\n     * Name attribute for radio inputs\n     * @remarks If empty, it will auto generate one using useId()\n     */\n    name?: string;\n\n    /**\n     * The segments to render within the segmented control\n     */\n    children?: React.ReactNode;\n  };\n\n/**\n * Props for controlled SegmentedControl\n */\ntype ControlledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Selected segment (controlled mode)\n   */\n  selected: SegmentedControlSegmentProps[\"value\"];\n  defaultSelected?: never;\n};\n\n/**\n * Props for uncontrolled SegmentedControl\n */\ntype UncontrolledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Initial selection (uncontrolled mode)\n   */\n  defaultSelected: SegmentedControlSegmentProps[\"value\"];\n  selected?: never;\n};\n\n/**\n * Props for the SegmentedControl component\n */\nexport type SegmentedControlProps =\n  | ControlledSegmentedControlProps\n  | UncontrolledSegmentedControlProps;\n\nconst SegmentedControlElement = forwardRef<\n  HTMLDivElement,\n  SegmentedControlProps\n>((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\n  const [current, setCurrent] = useOptionallyControlledState({\n    controlledValue: selected,\n    defaultValue: defaultSelected,\n    onChange,\n  });\n\n  const segmentedControlRef = useRef<HTMLDivElement>(null);\n\n  const SegmentedControlClassNames = cx(\n    styles[\"segmented-control\"],\n    styles[size],\n    className,\n    {\n      [styles.fill]: fill,\n    },\n  );\n\n  const uid = useId();\n\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    <motion.div\n      transition={{ duration: 0 }}\n      layout\n      role=\"radiogroup\"\n      className={SegmentedControlClassNames}\n      data-anv=\"segmented-control\"\n      data-tracking-id={trackingId}\n      ref={useMergeRefs([segmentedControlRef, ref])}\n      {...rest}\n    >\n      <SegmentedControlContext.Provider\n        value={{ current, setCurrent, name: name ?? uid }}\n      >\n        {children}\n      </SegmentedControlContext.Provider>\n    </motion.div>\n  );\n});\n\nSegmentedControlElement.displayName = \"SegmentedControl\";\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 * - Data tracking id support\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   *\n   * @example\n   * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n   *   Option 1\n   * </SegmentedControl.Segment>\n   */\n  Segment: SegmentedControlSegment,\n});\n\nexport default SegmentedControl;\n"],"names":["core.primitive.Duration"],"mappings":";;;;;;;;;;;AA2Ba,MAAA,uBAAA,GACX,aAA4C,CAAA,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;AC4CzC,MAAM,uBAA0B,GAAA,UAAA,CAGrC,CAAC,KAAA,EAAO,GAAQ,KAAA;AAChB,EAAA,MAAM,EAAE,IAAM,EAAA,KAAA,EAAO,UAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACtD,EAAA,MAAM,qBAAqB,gBAAiB,EAAA;AAC5C,EAAA,MAAM,EAAE,OAAS,EAAA,UAAA,EAAY,IAAK,EAAA,GAAI,WAAW,uBAAuB,CAAA;AACxE,EAAM,MAAA,QAAA,GAAW,OAAwB,IAAI,CAAA;AAE7C,EAAA,MAAM,UAAa,GAAA,EAAA,CAAG,MAAO,CAAA,OAAA,EAAS,SAAW,EAAA;AAAA,IAC/C,CAAC,MAAO,CAAA,WAAW,CAAC,GAAG,QAAQ,CAAC;AAAA,GACjC,CAAA;AAED,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,OAAO,KAAM,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,yBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AAED,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,UAAA;AAAA,MACX,GAAK,EAAA,YAAA,CAAa,CAAC,QAAA,EAAU,GAAG,CAAC,CAAA;AAAA,MACjC,kBAAkB,EAAA,UAAA;AAAA,MAClB,UAAS,EAAA,2BAAA;AAAA,MACR,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,OAAA;AAAA,YACL,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA,EAAU,MAAM,UAAA,GAAa,KAAK,CAAA;AAAA,YAClC,SAAS,OAAY,KAAA,KAAA;AAAA,YACrB,gBAAc,OAAY,KAAA;AAAA;AAAA,SAC5B;AAAA,QACC,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAK,IAAM,EAAA,aAAA,EAAW,MAAC,CAAK,GAAA,IAAA;AAAA,QACzC,QAAA;AAAA,QACA,YAAY,KACX,oBAAA,GAAA;AAAA,UAAC,MAAO,CAAA,IAAA;AAAA,UAAP;AAAA,YACC,QAAU,EAAA,IAAA;AAAA,YACV,SAAA,EAAW,OAAO,kBAAkB,CAAA;AAAA,YACpC,UAAY,EAAA;AAAA,cACV,QAAA,EAAU,kBACN,GAAA,CAAA,GACA,CAACA,QAAe,CAAS,KAAM,CAAA,OAAA,CAAQ,IAAM,EAAA,EAAE,CAAI,GAAA;AAAA;AACzD;AAAA;AACF;AAAA;AAAA,GAGN,EAAA,CAAA;AAEJ,CAAC;AAED,uBAAA,CAAwB,WAAc,GAAA,yBAAA;;AC7CtC,MAAM,uBAA0B,GAAA,UAAA,CAG9B,CAAC,KAAA,EAAO,GAAQ,KAAA;AAChB,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,IACP,eAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,4BAA6B,CAAA;AAAA,IACzD,eAAiB,EAAA,QAAA;AAAA,IACjB,YAAc,EAAA,eAAA;AAAA,IACd;AAAA,GACD,CAAA;AAED,EAAM,MAAA,mBAAA,GAAsB,OAAuB,IAAI,CAAA;AAEvD,EAAA,MAAM,0BAA6B,GAAA,EAAA;AAAA,IACjC,OAAO,mBAAmB,CAAA;AAAA,IAC1B,OAAO,IAAI,CAAA;AAAA,IACX,SAAA;AAAA,IACA;AAAA,MACE,CAAC,MAAO,CAAA,IAAI,GAAG;AAAA;AACjB,GACF;AAEA,EAAA,MAAM,MAAM,KAAM,EAAA;AAElB,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,MAAM,KAAM,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,kBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,MAAO,CAAA,GAAA;AAAA,IAAP;AAAA,MACC,UAAA,EAAY,EAAE,QAAA,EAAU,CAAE,EAAA;AAAA,MAC1B,MAAM,EAAA,IAAA;AAAA,MACN,IAAK,EAAA,YAAA;AAAA,MACL,SAAW,EAAA,0BAAA;AAAA,MACX,UAAS,EAAA,mBAAA;AAAA,MACT,kBAAkB,EAAA,UAAA;AAAA,MAClB,GAAK,EAAA,YAAA,CAAa,CAAC,mBAAA,EAAqB,GAAG,CAAC,CAAA;AAAA,MAC3C,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,uBAAwB,CAAA,QAAA;AAAA,QAAxB;AAAA,UACC,OAAO,EAAE,OAAA,EAAS,UAAY,EAAA,IAAA,EAAM,QAAQ,GAAI,EAAA;AAAA,UAE/C;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,uBAAA,CAAwB,WAAc,GAAA,kBAAA;AAsCzB,MAAA,gBAAA,GAAmB,MAAO,CAAA,MAAA,CAAO,uBAAyB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBrE,OAAS,EAAA;AACX,CAAC;;;;"}

package/dist/SegmentedControl.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._segmented-control_1jy4v_2,
   ._legend_1jy4v_3,

package/dist/SegmentedControl.js

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