@servicetitan/anvil2 1.39.0 → 1.40.1

package/dist/{SelectCard-CY8IVFDT-lXO3-mQ_.js → SelectCard-BaKoHPjf-BLXKVIys.js}

@@ -1,16 +1,17 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useId, createContext, useContext, useLayoutEffect } from 'react';
 import { C as Card } from './Card-ZknG-yim-7W6rYSFV.js';
-import { R as RadioGroup, a as Radio } from './Radio-DiBn0-hf-CCkWosaL.js';
+import { R as RadioGroup, a as Radio } from './Radio-BZ44ktjU-CZuSckW6.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { C as CheckboxGroup, a as Checkbox } from './Checkbox-BNrjUtHs-CfExXZer.js';
+import { C as CheckboxGroup, a as Checkbox } from './Checkbox-B25R5cdM-CQSPNPUv.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh-DAv5LXXh.js';
 
-import './SelectCard-CY8IVFDT.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",
-	"select-card--selected": "_select-card--selected_17kzl_29"
+import './SelectCard-BaKoHPjf.css';const styles = {
+	"select-card": "_select-card_3pbcy_2",
+	"select-card--errored": "_select-card--errored_3pbcy_22",
+	"select-card--selected": "_select-card--selected_3pbcy_25",
+	"select-card--disabled": "_select-card--disabled_3pbcy_41",
+	"select-card--remove-drop-shadow": "_select-card--remove-drop-shadow_3pbcy_45"
 };
 
 const SelectCardContext = createContext(null);
@@ -103,6 +104,7 @@ const SelectCardElement = forwardRef(
       errored,
       radioProps,
       onChange,
+      removeDropShadow,
       id,
       ...rest
     } = props;
@@ -148,13 +150,12 @@ const SelectCardElement = forwardRef(
             Card,
             {
               ...rest,
-              className: cx(
-                styles["select-card"],
-                isChecked && !errored && styles["select-card--selected"],
-                errored && styles["select-card--errored"],
-                disabled && styles["select-card--disabled"],
-                className ?? ""
-              ),
+              className: cx(styles["select-card"], className, {
+                [styles["select-card--remove-drop-shadow"]]: removeDropShadow,
+                [styles["select-card--selected"]]: isChecked && !errored,
+                [styles["select-card--errored"]]: errored,
+                [styles["select-card--disabled"]]: disabled
+              }),
               children
             }
           ),
@@ -174,13 +175,12 @@ const SelectCardElement = forwardRef(
             Card,
             {
               ...rest,
-              className: cx(
-                styles["select-card"],
-                isChecked && !errored && styles["select-card--selected"],
-                errored && styles["select-card--errored"],
-                disabled && styles["select-card--disabled"],
-                className ?? ""
-              ),
+              className: cx(styles["select-card"], className, {
+                [styles["select-card--remove-drop-shadow"]]: removeDropShadow,
+                [styles["select-card--selected"]]: isChecked && !errored,
+                [styles["select-card--errored"]]: errored,
+                [styles["select-card--disabled"]]: disabled
+              }),
               children
             }
           ),
@@ -221,4 +221,4 @@ const SelectCard = Object.assign(SelectCardElement, {
 });
 
 export { SelectCardGroup as S, SelectCard as a };
-//# sourceMappingURL=SelectCard-CY8IVFDT-lXO3-mQ_.js.map
+//# sourceMappingURL=SelectCard-BaKoHPjf-BLXKVIys.js.map

package/dist/SelectCard-BaKoHPjf-BLXKVIys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCard-BaKoHPjf-BLXKVIys.js","sources":["../../hammer-react/dist/SelectCard-BaKoHPjf.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { useContext, useState, useId, createContext, forwardRef, useLayoutEffect } from 'react';\nimport { C as Card } from './Card-ZknG-yim.js';\nimport { a as RadioGroup, R as Radio } from './Radio-BZ44ktjU.js';\nimport cx from 'classnames';\nimport { a as CheckboxGroup, C as Checkbox } from './Checkbox-B25R5cdM.js';\nimport { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh.js';\n\nimport './SelectCard.css';const styles = {\n\t\"select-card\": \"_select-card_3pbcy_2\",\n\t\"select-card--errored\": \"_select-card--errored_3pbcy_22\",\n\t\"select-card--selected\": \"_select-card--selected_3pbcy_25\",\n\t\"select-card--disabled\": \"_select-card--disabled_3pbcy_41\",\n\t\"select-card--remove-drop-shadow\": \"_select-card--remove-drop-shadow_3pbcy_45\"\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, options) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange(e, state);\n      }\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    if (!options?.internal) {\n      onChange(e, state);\n    }\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      removeDropShadow,\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 [_, setForceRenderCount] = useState(0);\n    useLayoutEffect(() => {\n      if (defaultCheckedProp) {\n        context?.onChange(\n          void 0,\n          {\n            id,\n            checked: defaultCheckedProp\n          },\n          { internal: true }\n        );\n        setForceRenderCount((prev) => prev + 1);\n      }\n    }, []);\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          defaultChecked: defaultCheckedProp,\n          onChange: handleChange,\n          disabled,\n          ref,\n          label: /* @__PURE__ */ jsx(\n            Card,\n            {\n              ...rest,\n              className: cx(styles[\"select-card\"], className, {\n                [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n                [styles[\"select-card--selected\"]]: isChecked && !errored,\n                [styles[\"select-card--errored\"]]: errored,\n                [styles[\"select-card--disabled\"]]: disabled\n              }),\n              children\n            }\n          ),\n          hideCheckbox: true\n        }\n      ),\n      context?.selectionMode === \"single\" && /* @__PURE__ */ jsx(\n        Radio,\n        {\n          ...radioProps,\n          defaultChecked: defaultCheckedProp,\n          onChange: handleChange,\n          disabled,\n          ref,\n          name: context.radioName,\n          label: /* @__PURE__ */ jsx(\n            Card,\n            {\n              ...rest,\n              className: cx(styles[\"select-card\"], className, {\n                [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n                [styles[\"select-card--selected\"]]: isChecked && !errored,\n                [styles[\"select-card--errored\"]]: errored,\n                [styles[\"select-card--disabled\"]]: disabled\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-BaKoHPjf.js.map\n"],"names":[],"mappings":"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"}

package/dist/SelectCard-BaKoHPjf.css

@@ -0,0 +1,51 @@
+@layer starter, reset, base, state, application;
+@layer starter, reset, base, state, application;
+@layer base {
+  ._select-card_3pbcy_2 {
+    --box-shadow-size: 0rem 0.125rem 0.5rem;
+    --box-shadow-color: var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
+    box-shadow: var(--box-shadow-size) var(--box-shadow-color);
+    cursor: pointer;
+    transition-property: box-shadow, color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 200ms;
+    isolation: isolate;
+    position: relative;
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+  ._select-card_3pbcy_2::before {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    border-radius: inherit;
+  }
+}
+@layer state {
+  ._select-card--errored_3pbcy_22 {
+    border: 2px solid var(--border-color-danger, #e13212);
+  }
+  ._select-card--selected_3pbcy_25 {
+    border: 0.0625rem solid var(--border-color-strong, #444445);
+    outline: 0.0625rem solid var(--border-color-strong, #444445);
+  }
+  ._select-card_3pbcy_2:hover::before {
+    content: "";
+    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
+  }
+  ._select-card_3pbcy_2:active::before {
+    content: "";
+    background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
+  }
+  ._select-card_3pbcy_2:focus {
+    outline: 0.25rem solid var(--focus-ring-color, #0265DC);
+    outline-offset: 0.125rem;
+  }
+  ._select-card--disabled_3pbcy_41 {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+  ._select-card--remove-drop-shadow_3pbcy_45 {
+    box-shadow: none;
+  }
+}

package/dist/SelectCard.js

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

package/dist/{SelectCardGroup-DLt9z9b8.js → SelectCardGroup-BVGPNZft.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { S as SelectCardGroup$1, a as SelectCard$1 } from './SelectCard-CY8IVFDT-lXO3-mQ_.js';
+import { S as SelectCardGroup$1, a as SelectCard$1 } from './SelectCard-BaKoHPjf-BLXKVIys.js';
 
 const SelectCardElement = forwardRef(
   (props, ref) => {
@@ -46,4 +46,4 @@ const SelectCardGroup = forwardRef(
 SelectCardGroup.displayName = SelectCardGroup$1.displayName;
 
 export { SelectCard as S, SelectCardGroup as a, SelectCardElement as b };
-//# sourceMappingURL=SelectCardGroup-DLt9z9b8.js.map
+//# sourceMappingURL=SelectCardGroup-BVGPNZft.js.map

package/dist/{SelectCardGroup-DLt9z9b8.js.map → SelectCardGroup-BVGPNZft.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectCardGroup-DLt9z9b8.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;;;;"}
+{"version":3,"file":"SelectCardGroup-BVGPNZft.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;;;;"}

package/dist/SelectTrigger-DMMw_LkZ.js

@@ -0,0 +1,138 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTrackingId } from './useTrackingId.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
+import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { a as Avatar } from './Avatar-B20IdOEO-Di14brYV.js';
+import { S as SelectTriggerBase, d as defaultItemToString, a as defaultItemToKey } from './SelectTriggerBase-A6_sIBpr-DfI0HLx2.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+
+import './SelectTrigger.css';const SelectTrigger$1 = function(props) {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    className,
+    style,
+    label,
+    size,
+    error,
+    hint,
+    description,
+    required,
+    moreInfo,
+    openMoreInfo,
+    prefix,
+    suffix,
+    maxRows,
+    selectedItemProps = () => ({}),
+    id,
+    placeholder,
+    disabled: isDisabled,
+    readOnly: isReadOnly,
+    onClick,
+    multiple,
+    onChange,
+    disableClearSelection,
+    itemToString: itemToStringProp,
+    itemToKey: itemToKeyProp,
+    selectedItem = null,
+    selectedItems = [],
+    ...rest
+  } = componentProps;
+  const itemToString = itemToStringProp ?? defaultItemToString;
+  const itemToKey = itemToKeyProp ?? defaultItemToKey;
+  function removeSelectedItem(item) {
+    if (multiple) {
+      onChange?.(
+        selectedItems.filter(
+          (selectedItem2) => itemToKey(selectedItem2) !== itemToKey(item)
+        )
+      );
+    } else if (itemToKey(selectedItem) === itemToKey(item)) {
+      onChange?.(null);
+    }
+  }
+  function reset() {
+    if (multiple) {
+      onChange?.([]);
+    } else {
+      onChange?.(null);
+    }
+  }
+  const noClearButton = isDisabled || isReadOnly || disableClearSelection;
+  const styleCombined = {
+    ...style,
+    ...layoutStyles
+  };
+  return /* @__PURE__ */ jsx(
+    SelectTriggerBase,
+    {
+      "data-anv": "select-trigger",
+      className,
+      style: styleCombined,
+      label,
+      size,
+      error,
+      hint,
+      description,
+      labelProps: {
+        required,
+        moreInfo,
+        openMoreInfo
+      },
+      prefix,
+      suffix,
+      maxRows,
+      selectedItemProps,
+      id,
+      placeholder,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      itemToString,
+      removeSelectedItem,
+      disableClearSelection: noClearButton,
+      selectedItem,
+      selectedItems,
+      onClearButtonClick: reset,
+      inputWrapperProps: { onClick },
+      inputProps: rest
+    }
+  );
+};
+
+const SelectTrigger = function({
+  prefix: prefixProp,
+  ...props
+}) {
+  const data = {
+    label: childrenToString(props.label),
+    size: props.size,
+    required: props.required,
+    moreInfo: props.moreInfo,
+    openMoreInfo: props.openMoreInfo,
+    description: childrenToString(props.description),
+    hint: props.hint,
+    labelProps: props.labelProps
+  };
+  const trackingId = useTrackingId({
+    name: "ComboboxSearchField",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
+  const prefix = prefixProp == null || typeof prefixProp === "string" ? prefixProp : "icon" in prefixProp ? /* @__PURE__ */ jsx(Icon, { ...prefixProp.icon }) : "avatar" in prefixProp ? /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      ...prefixProp.avatar,
+      size: props.size === "small" ? "small" : "medium"
+    }
+  ) : prefixProp;
+  return /* @__PURE__ */ jsx(
+    SelectTrigger$1,
+    {
+      "data-tracking-id": trackingId,
+      ...props,
+      prefix
+    }
+  );
+};
+
+export { SelectTrigger as S };
+//# sourceMappingURL=SelectTrigger-DMMw_LkZ.js.map

package/dist/SelectTrigger-DMMw_LkZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger-DMMw_LkZ.js","sources":["../../hammer-react/dist/SelectTrigger-h50LrJVt.js","../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { S as SelectTriggerBase, d as defaultItemToString, a as defaultItemToKey } from './SelectTriggerBase-A6_sIBpr.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst SelectTrigger = function(props) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    style,\n    label,\n    size,\n    error,\n    hint,\n    description,\n    required,\n    moreInfo,\n    openMoreInfo,\n    prefix,\n    suffix,\n    maxRows,\n    selectedItemProps = () => ({}),\n    id,\n    placeholder,\n    disabled: isDisabled,\n    readOnly: isReadOnly,\n    onClick,\n    multiple,\n    onChange,\n    disableClearSelection,\n    itemToString: itemToStringProp,\n    itemToKey: itemToKeyProp,\n    selectedItem = null,\n    selectedItems = [],\n    ...rest\n  } = componentProps;\n  const itemToString = itemToStringProp ?? defaultItemToString;\n  const itemToKey = itemToKeyProp ?? defaultItemToKey;\n  function removeSelectedItem(item) {\n    if (multiple) {\n      onChange?.(\n        selectedItems.filter(\n          (selectedItem2) => itemToKey(selectedItem2) !== itemToKey(item)\n        )\n      );\n    } else if (itemToKey(selectedItem) === itemToKey(item)) {\n      onChange?.(null);\n    }\n  }\n  function reset() {\n    if (multiple) {\n      onChange?.([]);\n    } else {\n      onChange?.(null);\n    }\n  }\n  const noClearButton = isDisabled || isReadOnly || disableClearSelection;\n  const styleCombined = {\n    ...style,\n    ...layoutStyles\n  };\n  return /* @__PURE__ */ jsx(\n    SelectTriggerBase,\n    {\n      \"data-anv\": \"select-trigger\",\n      className,\n      style: styleCombined,\n      label,\n      size,\n      error,\n      hint,\n      description,\n      labelProps: {\n        required,\n        moreInfo,\n        openMoreInfo\n      },\n      prefix,\n      suffix,\n      maxRows,\n      selectedItemProps,\n      id,\n      placeholder,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      itemToString,\n      removeSelectedItem,\n      disableClearSelection: noClearButton,\n      selectedItem,\n      selectedItems,\n      onClearButtonClick: reset,\n      inputWrapperProps: { onClick },\n      inputProps: rest\n    }\n  );\n};\n\nexport { SelectTrigger as S };\n//# sourceMappingURL=SelectTrigger-h50LrJVt.js.map\n","import {\n  SelectTriggerProps as CoreSelectTriggerProps,\n  SelectTrigger as CoreSelectTrigger,\n  childrenToString,\n  Icon as CoreIcon,\n  IconProps as CoreIconProps,\n  Avatar as CoreAvatar,\n  AvatarProps as CoreAvatarProps,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { DistributiveOmit } from \"../../types\";\nimport \"./SelectTrigger.scss\";\n\nexport type SelectTriggerProps<Item> = DistributiveOmit<\n  CoreSelectTriggerProps<Item>,\n  \"prefix\"\n> &\n  DataTrackingId & {\n    prefix?:\n      | string\n      | { icon: DistributiveOmit<CoreIconProps, \"size\"> }\n      | { avatar: DistributiveOmit<CoreAvatarProps, \"size\"> };\n  };\n\nexport const SelectTrigger = function <Item = any>({\n  prefix: prefixProp,\n  ...props\n}: SelectTriggerProps<Item>) {\n  const data = {\n    label: childrenToString(props.label),\n    size: props.size,\n    required: props.required,\n    moreInfo: props.moreInfo,\n    openMoreInfo: props.openMoreInfo,\n    description: childrenToString(props.description),\n    hint: props.hint,\n    labelProps: props.labelProps,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"ComboboxSearchField\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const prefix =\n    prefixProp == null || typeof prefixProp === \"string\" ? (\n      prefixProp\n    ) : \"icon\" in prefixProp ? (\n      <CoreIcon {...prefixProp.icon} />\n    ) : \"avatar\" in prefixProp ? (\n      <CoreAvatar\n        {...prefixProp.avatar}\n        size={props.size === \"small\" ? \"small\" : \"medium\"}\n      />\n    ) : (\n      prefixProp\n    );\n\n  return (\n    <CoreSelectTrigger<Item>\n      data-tracking-id={trackingId}\n      {...props}\n      prefix={prefix}\n    />\n  );\n};\n"],"names":["SelectTrigger","CoreIcon","CoreAvatar","CoreSelectTrigger"],"mappings":";;;;;;;;AAIA,MAAMA,eAAa,GAAG,SAAS,KAAK,EAAE;AACtC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,iBAAiB,GAAG,OAAO,EAAE,CAAC;AAClC,IAAI,EAAE;AACN,IAAI,WAAW;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,qBAAqB;AACzB,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,SAAS,EAAE,aAAa;AAC5B,IAAI,YAAY,GAAG,IAAI;AACvB,IAAI,aAAa,GAAG,EAAE;AACtB,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM,YAAY,GAAG,gBAAgB,IAAI,mBAAmB;AAC9D,EAAE,MAAM,SAAS,GAAG,aAAa,IAAI,gBAAgB;AACrD,EAAE,SAAS,kBAAkB,CAAC,IAAI,EAAE;AACpC,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,QAAQ;AACd,QAAQ,aAAa,CAAC,MAAM;AAC5B,UAAU,CAAC,aAAa,KAAK,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,CAAC,IAAI;AACxE;AACA,OAAO;AACP,KAAK,MAAM,IAAI,SAAS,CAAC,YAAY,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,EAAE;AAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB;AACA;AACA,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,KAAK,MAAM;AACX,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB;AACA;AACA,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,IAAI,qBAAqB;AACzE,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,GAAG;AAC5B,IAAI,iBAAiB;AACrB,IAAI;AACJ,MAAM,UAAU,EAAE,gBAAgB;AAClC,MAAM,SAAS;AACf,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,WAAW;AACjB,MAAM,UAAU,EAAE;AAClB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ;AACR,OAAO;AACP,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,iBAAiB;AACvB,MAAM,EAAE;AACR,MAAM,WAAW;AACjB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,YAAY;AAClB,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,EAAE,aAAa;AAC1C,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,kBAAkB,EAAE,KAAK;AAC/B,MAAM,iBAAiB,EAAE,EAAE,OAAO,EAAE;AACpC,MAAM,UAAU,EAAE;AAClB;AACA,GAAG;AACH,CAAC;;ACrEM,MAAM,gBAAgB,SAAsB;AAAA,EACjD,MAAQ,EAAA,UAAA;AAAA,EACR,GAAG;AACL,CAA6B,EAAA;AAC3B,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,IACnC,MAAM,KAAM,CAAA,IAAA;AAAA,IACZ,UAAU,KAAM,CAAA,QAAA;AAAA,IAChB,UAAU,KAAM,CAAA,QAAA;AAAA,IAChB,cAAc,KAAM,CAAA,YAAA;AAAA,IACpB,WAAA,EAAa,gBAAiB,CAAA,KAAA,CAAM,WAAW,CAAA;AAAA,IAC/C,MAAM,KAAM,CAAA,IAAA;AAAA,IACZ,YAAY,KAAM,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,qBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AAED,EAAA,MAAM,SACJ,UAAc,IAAA,IAAA,IAAQ,OAAO,UAAA,KAAe,WAC1C,UACE,GAAA,MAAA,IAAU,UACZ,mBAAA,GAAA,CAACC,QAAU,GAAG,UAAA,CAAW,IAAM,EAAA,CAAA,GAC7B,YAAY,UACd,mBAAA,GAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAW,CAAA,MAAA;AAAA,MACf,IAAM,EAAA,KAAA,CAAM,IAAS,KAAA,OAAA,GAAU,OAAU,GAAA;AAAA;AAAA,GAG3C,GAAA,UAAA;AAGJ,EACE,uBAAA,GAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,EAAA,UAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/SelectTrigger.css

@@ -0,0 +1,16 @@
+@layer starter, reset, base, state, application;
+/* REVERT LAYER BUGFIX START */
+[data-anv=select-trigger] input::-moz-placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+[data-anv=select-trigger] > label,
+[data-anv=select-trigger][data-anv=select-trigger] input,
+[data-anv=select-trigger][data-anv=select-trigger] button,
+[data-anv=select-trigger][data-anv=select-trigger] div[class*=input-wrapper],
+[data-anv=select-trigger] input::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+
+/* REVERT LAYER BUGFIX END */

package/dist/SelectTrigger.d.ts

@@ -0,0 +1,6 @@
+export * from './components/SelectTrigger/index'
+export {}
+import _default from './components/SelectTrigger/index'
+export default _default
+export * from './components/SelectTrigger/index'
+export {}

package/dist/SelectTrigger.js

@@ -0,0 +1,2 @@
+export { S as SelectTrigger, S as default } from './SelectTrigger-DMMw_LkZ.js';
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/SelectTrigger.js.map

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