@servicetitan/anvil2 1.26.1 → 1.27.0

package/dist/{SearchField-Cu_XUoP4.js → SearchField-CWb0kaV8.js}

@@ -1,23 +1,23 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTrackingId } from './useTrackingId.js';
 import * as React from 'react';
-import { forwardRef, useState, useId, useRef } 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-P5949bpO.js';
-import { t as textfieldStyles } from './TextField.module-JJ6esEDk-JJ6esEDk.js';
+import { t as textfieldStyles } from './TextField.module-B411p3ST-B411p3ST.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
-import { I as Icon } from './Icon-BgNIrmZM-CUkfW-_l.js';
+import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6-BkgAan7h.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" }));
 
-const searchfield = "_searchfield_43vjy_3";
-const clear = "_clear_43vjy_11";
-const input = "_input_43vjy_8";
+const searchfield = "_searchfield_1obdh_3";
+const clear = "_clear_1obdh_11";
+const input = "_input_1obdh_8";
 const styles = {
 	searchfield: searchfield,
-	"input-wrapper": "_input-wrapper_43vjy_8",
+	"input-wrapper": "_input-wrapper_1obdh_8",
 	clear: clear,
 	input: input
 };
@@ -52,6 +52,14 @@ const SearchField$1 = forwardRef(
       }
       onChange?.(e);
     };
+    useEffect(() => {
+      if (typeof value === "undefined") return;
+      if (value === "" || !value) {
+        setHasValue(false);
+      } else {
+        setHasValue(true);
+      }
+    }, [value]);
     const handleClear = () => {
       if (!inputRef.current) return;
       if (disabled || rest.readOnly) return;
@@ -151,4 +159,4 @@ const SearchField = forwardRef(
 );
 
 export { SearchField as S };
-//# sourceMappingURL=SearchField-Cu_XUoP4.js.map
+//# sourceMappingURL=SearchField-CWb0kaV8.js.map

package/dist/SearchField-CWb0kaV8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField-CWb0kaV8.js","sources":["../../hammer-icon/mdi/round/search.svg","../../hammer-react/dist/SearchField-BVXbrpyZ.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-B411p3ST.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-BXm1DGl3.js';\nimport { I as Icon } from './Icon-DbHA5GV1.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6.js';\n\nimport './SearchField.css';const searchfield = \"_searchfield_1obdh_3\";\nconst clear = \"_clear_1obdh_11\";\nconst input = \"_input_1obdh_8\";\nconst styles = {\n\tsearchfield: searchfield,\n\t\"input-wrapper\": \"_input-wrapper_1obdh_8\",\n\tclear: clear,\n\tinput: input\n};\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-BVXbrpyZ.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\nexport type SearchFieldProps = CoreSearchFieldProps & DataTrackingId;\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);\n"],"names":["SearchField","Search","Close","CoreSearchField"],"mappings":"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"}

package/dist/SearchField.css

@@ -2,31 +2,31 @@
 
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._searchfield_43vjy_3 input[type=search]::-webkit-search-cancel-button {
+  ._searchfield_1obdh_3 input[type=search]::-webkit-search-cancel-button {
     display: none;
   }
 }
 @layer base {
-  ._searchfield_43vjy_3 ._input-wrapper_43vjy_8 {
+  ._searchfield_1obdh_3 ._input-wrapper_1obdh_8 {
     padding-inline-end: 0.75rem;
   }
-  ._searchfield_43vjy_3 ._input-wrapper_43vjy_8:has(._clear_43vjy_11:active) {
-    outline: 0.125rem solid var(--focus-ring-color, #0265dc);
+  ._searchfield_1obdh_3 ._input-wrapper_1obdh_8:has(._clear_1obdh_11:active) {
+    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
     outline-offset: 0.125rem;
   }
-  ._searchfield_43vjy_3 ._input-wrapper_43vjy_8 ._input_43vjy_8::-moz-placeholder {
+  ._searchfield_1obdh_3 ._input-wrapper_1obdh_8 ._input_1obdh_8::-moz-placeholder {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._searchfield_43vjy_3 ._input-wrapper_43vjy_8 ._input_43vjy_8::placeholder {
+  ._searchfield_1obdh_3 ._input-wrapper_1obdh_8 ._input_1obdh_8::placeholder {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._searchfield_43vjy_3 ._clear_43vjy_11 {
+  ._searchfield_1obdh_3 ._clear_1obdh_11 {
     cursor: pointer;
   }
 }
 @layer state {
-  ._searchfield_43vjy_3 ._input-wrapper_43vjy_8:has(._clear_43vjy_11:active) {
-    outline: 0.125rem solid var(--focus-ring-color, #0265dc);
+  ._searchfield_1obdh_3 ._input-wrapper_1obdh_8:has(._clear_1obdh_11:active) {
+    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
     outline-offset: 0.125rem;
   }
 }

package/dist/SearchField.js

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

package/dist/{SegmentedControl-ahC8vXbk.js → SegmentedControl-DyeWOOF3.js}

@@ -1,28 +1,28 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useContext, useRef, createContext, useState, useId } from 'react';
-import { useTrackingId } from './useTrackingId.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { m as motion } from './proxy-Cy56d5Wf.js';
 import { u as useReducedMotion } from './use-reduced-motion-BR76mHGj.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { I as Icon } from './Icon-BgNIrmZM-CUkfW-_l.js';
+import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
 import { D as Duration } from './primitive-BoyEHaOo.js';
+import { useTrackingId } from './useTrackingId.js';
 
-import './SegmentedControl.css';const legend = "_legend_4wxdn_4";
-const children = "_children_4wxdn_5";
-const segment = "_segment_4wxdn_3";
-const fill = "_fill_4wxdn_81";
-const small = "_small_4wxdn_84";
-const medium = "_medium_4wxdn_93";
+import './SegmentedControl.css';const legend = "_legend_kdbeo_4";
+const children = "_children_kdbeo_5";
+const segment = "_segment_kdbeo_3";
+const fill = "_fill_kdbeo_81";
+const small = "_small_kdbeo_84";
+const medium = "_medium_kdbeo_93";
 const styles = {
-	"segmented-control": "_segmented-control_4wxdn_3",
+	"segmented-control": "_segmented-control_kdbeo_3",
 	legend: legend,
 	children: children,
-	"select-indicator": "_select-indicator_4wxdn_6",
+	"select-indicator": "_select-indicator_kdbeo_6",
 	segment: segment,
 	fill: fill,
 	small: small,
-	"icon-only": "_icon-only_4wxdn_90",
+	"icon-only": "_icon-only_kdbeo_90",
 	medium: medium
 };
 
@@ -171,4 +171,4 @@ const SegmentedControl = Object.assign(SegmentedControlElement, {
 });
 
 export { SegmentedControl as S, SegmentedControlSegment as a };
-//# sourceMappingURL=SegmentedControl-ahC8vXbk.js.map
+//# sourceMappingURL=SegmentedControl-DyeWOOF3.js.map

package/dist/{SegmentedControl-ahC8vXbk.js.map → SegmentedControl-DyeWOOF3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl-ahC8vXbk.js","sources":["../../hammer-react/dist/SegmentedControl-ButrgliA.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { jsx, Fragment, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useContext, useRef, createContext, useState, 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.2.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/motion/lib/react.mjs';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { I as Icon } from './Icon-BgNIrmZM.js';\nimport { core } from '@servicetitan/hammer-token';\n\nimport './SegmentedControl.css';const legend = \"_legend_4wxdn_4\";\nconst children = \"_children_4wxdn_5\";\nconst segment = \"_segment_4wxdn_3\";\nconst fill = \"_fill_4wxdn_81\";\nconst small = \"_small_4wxdn_84\";\nconst medium = \"_medium_4wxdn_93\";\nconst styles = {\n\t\"segmented-control\": \"_segmented-control_4wxdn_3\",\n\tlegend: legend,\n\tchildren: children,\n\t\"select-indicator\": \"_select-indicator_4wxdn_6\",\n\tsegment: segment,\n\tfill: fill,\n\tsmall: small,\n\t\"icon-only\": \"_icon-only_4wxdn_90\",\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, onChange } = useContext(\n    SegmentedControlContext\n  );\n  const labelRef = useRef(null);\n  const onChangeHandler = () => {\n    setCurrent?.(value);\n    onChange?.(value);\n  };\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: onChangeHandler,\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 = \"Segmented Control Segment\";\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    name,\n    fill,\n    ...rest\n  } = props;\n  const [current, setCurrent] = useState(defaultSelected);\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, onChange },\n          children\n        }\n      )\n    }\n  );\n});\nSegmentedControlElement.displayName = \"Segmented Control\";\nconst SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment\n});\n\nexport { SegmentedControl as S, SegmentedControlSegment as a };\n//# sourceMappingURL=SegmentedControl-ButrgliA.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\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\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);\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);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment,\n});\n"],"names":["SegmentedControlSegment","core.primitive.Duration","SegmentedControlElement","SegmentedControl","CoreSegmentedControl","CoreSegmentedControlSegment"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl-DyeWOOF3.js","sources":["../../hammer-react/dist/SegmentedControl-DcFcBc2F.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { jsx, Fragment, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useContext, useRef, createContext, useState, 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.2.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/motion/lib/react.mjs';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { I as Icon } from './Icon-DbHA5GV1.js';\nimport { core } from '@servicetitan/hammer-token';\n\nimport './SegmentedControl.css';const legend = \"_legend_kdbeo_4\";\nconst children = \"_children_kdbeo_5\";\nconst segment = \"_segment_kdbeo_3\";\nconst fill = \"_fill_kdbeo_81\";\nconst small = \"_small_kdbeo_84\";\nconst medium = \"_medium_kdbeo_93\";\nconst styles = {\n\t\"segmented-control\": \"_segmented-control_kdbeo_3\",\n\tlegend: legend,\n\tchildren: children,\n\t\"select-indicator\": \"_select-indicator_kdbeo_6\",\n\tsegment: segment,\n\tfill: fill,\n\tsmall: small,\n\t\"icon-only\": \"_icon-only_kdbeo_90\",\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, onChange } = useContext(\n    SegmentedControlContext\n  );\n  const labelRef = useRef(null);\n  const onChangeHandler = () => {\n    setCurrent?.(value);\n    onChange?.(value);\n  };\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: onChangeHandler,\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 = \"Segmented Control Segment\";\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    name,\n    fill,\n    ...rest\n  } = props;\n  const [current, setCurrent] = useState(defaultSelected);\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, onChange },\n          children\n        }\n      )\n    }\n  );\n});\nSegmentedControlElement.displayName = \"Segmented Control\";\nconst SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment\n});\n\nexport { SegmentedControl as S, SegmentedControlSegment as a };\n//# sourceMappingURL=SegmentedControl-DcFcBc2F.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\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\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);\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);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment,\n});\n"],"names":["SegmentedControlSegment","core.primitive.Duration","SegmentedControlElement","SegmentedControl","CoreSegmentedControl","CoreSegmentedControlSegment"],"mappings":"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"}

package/dist/SegmentedControl.css

@@ -2,16 +2,16 @@
 
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._segmented-control_4wxdn_3,
-  ._legend_4wxdn_4,
-  ._children_4wxdn_5,
-  ._select-indicator_4wxdn_6,
-  ._segment_4wxdn_3 {
+  ._segmented-control_kdbeo_3,
+  ._legend_kdbeo_4,
+  ._children_kdbeo_5,
+  ._select-indicator_kdbeo_6,
+  ._segment_kdbeo_3 {
     all: unset;
   }
 }
 @layer base {
-  ._segmented-control_4wxdn_3 {
+  ._segmented-control_kdbeo_3 {
     max-width: 100%;
     width: -moz-fit-content;
     width: fit-content;
@@ -30,10 +30,10 @@
     box-sizing: border-box;
     font-size: 1rem;
   }
-  ._segmented-control_4wxdn_3:disabled {
+  ._segmented-control_kdbeo_3:disabled {
     opacity: 0.6;
   }
-  ._segment_4wxdn_3 {
+  ._segment_kdbeo_3 {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
@@ -46,7 +46,7 @@
     border-radius: 0.1875rem;
     font-size: 1rem;
   }
-  ._segment_4wxdn_3 input {
+  ._segment_kdbeo_3 input {
     position: absolute;
     width: 0;
     height: 0;
@@ -54,10 +54,10 @@
     top: 0;
     left: 0;
   }
-  ._segment_4wxdn_3:has(input:checked) {
+  ._segment_kdbeo_3:has(input:checked) {
     pointer-events: none;
   }
-  ._segment_4wxdn_3::before {
+  ._segment_kdbeo_3::before {
     position: absolute;
     pointer-events: none;
     -webkit-user-select: none;
@@ -69,58 +69,58 @@
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
     z-index: -1;
   }
-  ._select-indicator_4wxdn_6 {
+  ._select-indicator_kdbeo_6 {
     display: inline-block;
     position: absolute;
     inset: 0;
     background-color: var(--background-color, #ffffff);
     border-radius: 0.1875rem;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
-    outline: 0 solid var(--focus-ring-color, #0265dc);
+    outline: 0 solid var(--focus-ring-color, #0265DC);
     outline-offset: 0.125rem;
     z-index: -1;
     transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
 }
 @layer state {
-  ._segmented-control_4wxdn_3._fill_4wxdn_81 {
+  ._segmented-control_kdbeo_3._fill_kdbeo_81 {
     width: -webkit-fill-available;
     width: -moz-available;
     width: stretch;
   }
-  ._segmented-control_4wxdn_3._small_4wxdn_84 {
+  ._segmented-control_kdbeo_3._small_kdbeo_84 {
     height: 2rem;
   }
-  ._segmented-control_4wxdn_3._small_4wxdn_84 ._segment_4wxdn_3 {
+  ._segmented-control_kdbeo_3._small_kdbeo_84 ._segment_kdbeo_3 {
     padding-inline: 0.75rem;
   }
-  ._segmented-control_4wxdn_3._small_4wxdn_84 ._segment_4wxdn_3._icon-only_4wxdn_90 {
+  ._segmented-control_kdbeo_3._small_kdbeo_84 ._segment_kdbeo_3._icon-only_kdbeo_90 {
     padding-inline: 0.1875rem;
   }
-  ._segmented-control_4wxdn_3._medium_4wxdn_93 {
+  ._segmented-control_kdbeo_3._medium_kdbeo_93 {
     height: 2.5rem;
   }
-  ._segmented-control_4wxdn_3._medium_4wxdn_93 ._segment_4wxdn_3 {
+  ._segmented-control_kdbeo_3._medium_kdbeo_93 ._segment_kdbeo_3 {
     padding-inline: 1rem;
   }
-  ._segmented-control_4wxdn_3._medium_4wxdn_93 ._segment_4wxdn_3._icon-only_4wxdn_90 {
+  ._segmented-control_kdbeo_3._medium_kdbeo_93 ._segment_kdbeo_3._icon-only_kdbeo_90 {
     padding-inline: 0.4375rem;
   }
-  ._segment_4wxdn_3:has(input:focus-visible) ._select-indicator_4wxdn_6,
-  ._segment_4wxdn_3[data-interactive=focus-visible] ._select-indicator_4wxdn_6 {
+  ._segment_kdbeo_3:has(input:focus-visible) ._select-indicator_kdbeo_6,
+  ._segment_kdbeo_3[data-interactive=focus-visible] ._select-indicator_kdbeo_6 {
     outline-width: 0.125rem;
   }
-  ._segment_4wxdn_3:not(:has(input:checked)):hover,
-  ._segment_4wxdn_3:not(:has(input:checked))[data-interactive=hover] {
+  ._segment_kdbeo_3:not(:has(input:checked)):hover,
+  ._segment_kdbeo_3:not(:has(input:checked))[data-interactive=hover] {
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._segment_4wxdn_3:not(:has(input:checked)):active,
-  ._segment_4wxdn_3:not(:has(input:checked))[data-interactive=active] {
+  ._segment_kdbeo_3:not(:has(input:checked)):active,
+  ._segment_kdbeo_3:not(:has(input:checked))[data-interactive=active] {
     background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
   }
 }
 @layer application {
-  ._segmented-control_4wxdn_3 > * {
+  ._segmented-control_kdbeo_3 > * {
     height: auto;
   }
 }

package/dist/SegmentedControl.js

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

package/dist/SelectCard.d.ts

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

package/dist/SelectCard.js

@@ -0,0 +1,2 @@
+export { S as SelectCard, a as SelectCardGroup, S as default } from './SelectCardGroup-Ch56Mp-k.js';
+//# sourceMappingURL=SelectCard.js.map

package/dist/SelectCard.js.map

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

package/dist/SelectCardGroup-Ch56Mp-k.js

@@ -0,0 +1,178 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, forwardRef, useState, useId, useContext } from 'react';
+import { C as Card } from './Card-js75vKLt-Bk6ujopM.js';
+import { a as RadioGroup, R as Radio } from './Radio-BBwG1fqT-vopD4gzD.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { a as CheckboxGroup, C as Checkbox } from './Checkbox-D6-kiZ0g-6jox0aDW.js';
+
+import './SelectCardGroup.css';const styles = {
+	"select-card": "_select-card_i3pnu_1",
+	"select-card--disabled": "_select-card--disabled_i3pnu_22",
+	"select-card--errored": "_select-card--errored_i3pnu_25",
+	"select-card--selected": "_select-card--selected_i3pnu_28"
+};
+
+const SelectCardContext = createContext(null);
+const SelectCardProvider = ({
+  children,
+  onChange,
+  selectionMode
+}) => {
+  const [selection, setSelection] = useState(/* @__PURE__ */ new Set());
+  const radioName = useId();
+  const handleChange = (e, state) => {
+    if (!state || !state.id) {
+      onChange(e, state);
+      return;
+    }
+    if (selectionMode === "single") {
+      state.checked ? setSelection(/* @__PURE__ */ new Set([state.id])) : setSelection(/* @__PURE__ */ new Set());
+    } else {
+      if (state.checked) {
+        setSelection(selection.add(state.id));
+      } else {
+        selection.delete(state.id);
+        setSelection(selection);
+      }
+    }
+    onChange(e, state);
+  };
+  const context = {
+    selectionMode,
+    onChange: handleChange,
+    radioName,
+    selection
+  };
+  return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: context, children });
+};
+const useSelectCardContext = () => useContext(SelectCardContext);
+
+const SelectCardGroup$1 = forwardRef((props, ref) => {
+  const {
+    ariaLabelledBy,
+    children,
+    legend,
+    onChange,
+    required = false,
+    selectionMode,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs(SelectCardProvider, { onChange, selectionMode, children: [
+    selectionMode === "multiple" && /* @__PURE__ */ jsx(
+      CheckboxGroup,
+      {
+        "aria-labelledby": ariaLabelledBy,
+        legend,
+        required,
+        ...rest,
+        children
+      }
+    ),
+    selectionMode === "single" && /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        "aria-labelledby": ariaLabelledBy,
+        legend,
+        required,
+        ...rest,
+        children
+      }
+    )
+  ] });
+});
+SelectCardGroup$1.displayName = "SelectCardGroup";
+
+const SelectCardElement = forwardRef(
+  (props, ref) => {
+    const {
+      checkboxProps,
+      children,
+      defaultChecked,
+      disabled,
+      errored,
+      radioProps,
+      onChange,
+      id,
+      ...rest
+    } = props;
+    const [contextFreeIsChecked, setContextFreeIsChecked] = useState(
+      defaultChecked || false
+    );
+    const context = useSelectCardContext();
+    const handleChange = (event) => {
+      onChange(event ? event.target.checked : false);
+      context?.onChange(event, {
+        id,
+        checked: event?.target.checked || false
+      });
+      setContextFreeIsChecked(!!event?.target.checked);
+    };
+    const isChecked = context ? context.selection.has(id) : contextFreeIsChecked;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      (!context || context?.selectionMode === "multiple") && /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          ...checkboxProps,
+          onChange: handleChange,
+          ref,
+          label: /* @__PURE__ */ jsx(
+            Card,
+            {
+              ...rest,
+              className: cx(
+                styles["select-card"],
+                isChecked && !errored && styles["select-card--selected"],
+                errored && styles["select-card--errored"],
+                disabled && styles["select-card--disabled"]
+              ),
+              children
+            }
+          ),
+          hideCheckbox: true
+        }
+      ),
+      context?.selectionMode === "single" && /* @__PURE__ */ jsx(
+        Radio,
+        {
+          ...radioProps,
+          onChange: handleChange,
+          ref,
+          name: context.radioName,
+          label: /* @__PURE__ */ jsx(
+            Card,
+            {
+              ...rest,
+              className: cx(
+                styles["select-card"],
+                isChecked && !errored && styles["select-card--selected"],
+                errored && styles["select-card--errored"],
+                disabled && styles["select-card--disabled"]
+              ),
+              children
+            }
+          ),
+          hideRadio: true
+        }
+      )
+    ] });
+  }
+);
+SelectCardElement.displayName = "SelectCard";
+const SelectCard$1 = Object.assign(SelectCardElement, {
+  Group: SelectCardGroup$1
+});
+
+const SelectCard = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(SelectCard$1, { ref, ...props });
+  }
+);
+
+const SelectCardGroup = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(SelectCardGroup$1, { ref, ...props });
+  }
+);
+
+export { SelectCard as S, SelectCardGroup as a };
+//# sourceMappingURL=SelectCardGroup-Ch56Mp-k.js.map

package/dist/SelectCardGroup-Ch56Mp-k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCardGroup-Ch56Mp-k.js","sources":["../../hammer-react/dist/SelectCard-CUlqHPpE.js","../src/components/SelectCard/SelectCard.tsx","../src/components/SelectCard/SelectCardGroup.tsx"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { C as Card } from './Card-js75vKLt.js';\nimport { a as RadioGroup, R as Radio } from './Radio-BBwG1fqT.js';\nimport cx from 'classnames';\nimport { a as CheckboxGroup, C as Checkbox } from './Checkbox-D6-kiZ0g.js';\nimport { createContext, useState, useId, useContext, forwardRef } from 'react';\n\nimport './SelectCard.css';const styles = {\n\t\"select-card\": \"_select-card_i3pnu_1\",\n\t\"select-card--disabled\": \"_select-card--disabled_i3pnu_22\",\n\t\"select-card--errored\": \"_select-card--errored_i3pnu_25\",\n\t\"select-card--selected\": \"_select-card--selected_i3pnu_28\"\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      state.checked ? setSelection(/* @__PURE__ */ new Set([state.id])) : setSelection(/* @__PURE__ */ new Set());\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      defaultChecked,\n      disabled,\n      errored,\n      radioProps,\n      onChange,\n      id,\n      ...rest\n    } = props;\n    const [contextFreeIsChecked, setContextFreeIsChecked] = useState(\n      defaultChecked || false\n    );\n    const context = useSelectCardContext();\n    const handleChange = (event) => {\n      onChange(event ? event.target.checked : false);\n      context?.onChange(event, {\n        id,\n        checked: event?.target.checked || false\n      });\n      setContextFreeIsChecked(!!event?.target.checked);\n    };\n    const isChecked = context ? context.selection.has(id) : contextFreeIsChecked;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      (!context || context?.selectionMode === \"multiple\") && /* @__PURE__ */ jsx(\n        Checkbox,\n        {\n          ...checkboxProps,\n          onChange: handleChange,\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              ),\n              children\n            }\n          ),\n          hideCheckbox: true\n        }\n      ),\n      context?.selectionMode === \"single\" && /* @__PURE__ */ jsx(\n        Radio,\n        {\n          ...radioProps,\n          onChange: handleChange,\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              ),\n              children\n            }\n          ),\n          hideRadio: true\n        }\n      )\n    ] });\n  }\n);\nSelectCardElement.displayName = \"SelectCard\";\nconst SelectCard = Object.assign(SelectCardElement, {\n  Group: SelectCardGroup\n});\n\nexport { SelectCard as S, SelectCardGroup as a };\n//# sourceMappingURL=SelectCard-CUlqHPpE.js.map\n","import {\n  SelectCardProps as CoreSelectCardProps,\n  SelectCard as CoreSelectCard,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardProps = CoreSelectCardProps;\n\nexport const SelectCard = forwardRef(\n  (props: SelectCardProps, ref: Ref<HTMLInputElement>) => {\n    return <CoreSelectCard ref={ref} {...props} />;\n  },\n);\n","import {\n  SelectCardGroupProps as CoreSelectCardGroupProps,\n  SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardGroupProps = CoreSelectCardGroupProps;\n\nexport const SelectCardGroup = forwardRef(\n  (props: SelectCardGroupProps, ref: Ref<HTMLInputElement>) => {\n    return <CoreSelectCardGroup ref={ref} {...props} />;\n  },\n);\n"],"names":["SelectCardGroup","SelectCard","CoreSelectCard","CoreSelectCardGroup"],"mappings":"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"}

package/dist/SelectCardGroup.css

@@ -0,0 +1,37 @@
+@layer starter, reset, base, state, application;
+@layer starter, reset, base, state, application;
+._select-card_i3pnu_1 {
+  --shadow-color-hover: light-dark(
+    rgba(20, 20, 20, 0.15),
+    rgba(255, 255, 255, 0.15)
+  );
+  --shadow-color-active: light-dark(
+    rgba(20, 20, 20, 0.21),
+    rgba(255, 255, 255, 0.21)
+  );
+  box-shadow: var(--size-0, 0px) var(--shadow-size-float-y, 2px) var(--shadow-size-float-blur, 8px) 0px var(--shadow-color, rgba(20, 20, 20, 0.08));
+  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;
+}
+._select-card_i3pnu_1:hover {
+  box-shadow: var(--size-0, 0px) var(--shadow-size-float-y, 2px) var(--shadow-size-float-blur, 8px) 0px var(--shadow-color-hover);
+}
+._select-card_i3pnu_1:active {
+  box-shadow: var(--size-0, 0px) var(--shadow-size-float-y, 2px) var(--shadow-size-float-blur, 8px) 0px var(--shadow-color-active);
+}
+._select-card--disabled_i3pnu_22 {
+  opacity: 0.4;
+}
+._select-card--errored_i3pnu_25 {
+  border: 2px solid var(--border-color-danger);
+}
+._select-card--selected_i3pnu_28 {
+  border: 1px solid var(--border-color-strong);
+  outline: 1px solid var(--border-color-strong);
+}
+._select-card_i3pnu_1:focus {
+  outline: 2px solid var(--border-color-primary);
+  outline-offset: 2px;
+}