@servicetitan/anvil2 3.0.1 → 3.0.3

package/dist/RichTextEditor.css

@@ -0,0 +1,178 @@
+.anvil2 {._toolbar-wrapper_1tfzv_1 {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+  padding: var(--a2-size-1, 0.25rem);
+}._btn-toggle_1tfzv_6[aria-pressed=false]:not([data-interactive=hover],
+:hover,
+[data-interactive=active],
+:active) {
+  --a2-mod-button-toggle-unpressed-background-color: transparent;
+  --a2-mod-button-toggle-unpressed-border-color: transparent;
+}
+}.anvil2 {._rte_b1wla_1 {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+  gap: var(--a2-size-2, 0.5rem);
+}._editor-wrapper_b1wla_8 {
+  --a2-mod-rte-background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
+  --a2-mod-rte-border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
+  --a2-mod-rte-focus-ring-color: var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  background-color: var(--a2-mod-rte-background-color);
+  border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-mod-rte-border-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  display: flex;
+  flex-direction: column;
+  min-width: 10rem;
+  overflow: hidden;
+  position: relative;
+}._editor-wrapper_b1wla_8:focus-within:not(._disabled_b1wla_21) {
+  outline: var(--a2-size-half, 0.125rem) solid var(--a2-mod-rte-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+}._error_b1wla_26 {
+  --a2-mod-rte-border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
+  --a2-mod-rte-focus-ring-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
+}._disabled_b1wla_21 {
+  --a2-mod-rte-background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+  opacity: 0.6;
+  pointer-events: none;
+}._disabled_b1wla_21:hover {
+  cursor: not-allowed;
+}._editor_b1wla_8 {
+  --a2-mod-rte-editor-padding-inline-start: var(--a2-size-3, 0.75rem);
+  cursor: text;
+  flex: 1;
+  min-height: 10rem;
+  padding: var(--a2-size-3, 0.75rem);
+  padding-inline-start: var(--a2-mod-rte-editor-padding-inline-start);
+}._editor--drag_b1wla_52 {
+  --a2-mod-rte-editor-padding-inline-start: var(--a2-size-8, 2rem);
+}._editor_b1wla_8 ._drag-handle_b1wla_200 {
+  margin-block-start: -var(--a2-size-1, 0.25rem);
+}
+}._disabled_b1wla_21 .ProseMirror {
+  pointer-events: none;
+}._editor_b1wla_8 .ProseMirror {
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  line-height: 1.5;
+  min-height: 10rem;
+  outline: none;
+}._editor_b1wla_8 .ProseMirror p.is-editor-empty::before {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}._editor_b1wla_8 .ProseMirror p {
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror p:last-child {
+  margin-bottom: 0;
+}._editor_b1wla_8 .ProseMirror h1 {
+  font-size: var(--a2-typography-heading-size-xlarge, var(--a2-font-size-800, 2rem));
+  font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror h2 {
+  font-size: var(--a2-typography-heading-size-large, var(--a2-font-size-600, 1.5rem));
+  font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror h3 {
+  font-size: var(--a2-typography-heading-size-default, var(--a2-font-size-500, 1.25rem));
+  font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror ul,
+._editor_b1wla_8 .ProseMirror ol {
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+  padding-inline-start: var(--a2-size-6, 1.5rem);
+}._editor_b1wla_8 .ProseMirror ol {
+  list-style-type: decimal;
+}._editor_b1wla_8 .ProseMirror ol ol {
+  list-style-type: lower-alpha;
+}._editor_b1wla_8 .ProseMirror ol ol ol {
+  list-style-type: lower-roman;
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] {
+  list-style: none;
+  padding-inline-start: 0;
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] li {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] li > label {
+  flex-shrink: 0;
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] li > label > input {
+  margin-block-start: 0;
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] li > div {
+  flex: 1;
+}._editor_b1wla_8 .ProseMirror ul[data-type=taskList] li[data-checked=true] > div {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+  text-decoration: line-through;
+}._editor_b1wla_8 .ProseMirror blockquote {
+  border-inline-start: var(--a2-size-1, 0.25rem) solid var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+  padding-inline-start: var(--a2-size-6, 1.5rem);
+}._editor_b1wla_8 .ProseMirror code {
+  background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
+  border: none;
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  font-family: var(--a2-typography-paragraph-font-family, var(--a2-font-family-base, "Nunito Sans", sans-serif));
+  font-size: inherit;
+  line-height: var(--a2-font-line-height-base, 1.5);
+  padding: 0 var(--a2-size-half, 0.125rem);
+}._editor_b1wla_8 .ProseMirror a {
+  color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
+  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-line: underline;
+  -webkit-text-decoration-skip-ink: none;
+          text-decoration-skip-ink: none;
+  text-decoration-style: solid;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
+}._editor_b1wla_8 .ProseMirror img {
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  display: block;
+  height: auto;
+  max-width: min(560px, 100%);
+  outline: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid transparent;
+  outline-offset: var(--a2-size-half, 0.125rem);
+}._editor_b1wla_8 .ProseMirror img.ProseMirror-selectednode {
+  outline-color: var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+}._editor_b1wla_8 .ProseMirror img[style*="text-align: center"] {
+  margin-left: auto;
+  margin-right: auto;
+}._editor_b1wla_8 .ProseMirror img[style*="text-align: right"] {
+  margin-left: auto;
+  margin-right: 0;
+}._editor_b1wla_8 .ProseMirror div[data-youtube-video] {
+  margin: 0 0 var(--a2-size-2, 0.5rem);
+}._editor_b1wla_8 .ProseMirror div[data-youtube-video] iframe {
+  aspect-ratio: 16/9;
+  border: none;
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  display: block;
+}._editor_b1wla_8 .ProseMirror div[data-youtube-video] iframe[style*="text-align: center"] {
+  margin-left: auto;
+  margin-right: auto;
+}._editor_b1wla_8 .ProseMirror div[data-youtube-video] iframe[style*="text-align: right"] {
+  margin-left: auto;
+  margin-right: 0;
+}._editor_b1wla_8 .ProseMirror button[data-type=mention] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
+  border: none;
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
+  cursor: pointer;
+  display: inline-block;
+  font: inherit;
+  line-height: inherit;
+  padding: 0 var(--a2-size-1, 0.25rem);
+}.anvil2 {._empty_4nxfy_1 {
+  padding-block-end: var(--a2-size-4, 1rem);
+  padding-block-start: var(--a2-size-3, 0.75rem);
+  padding-inline-end: var(--a2-size-6, 1.5rem);
+  padding-inline-start: var(--a2-size-6, 1.5rem);
+}
+}

package/dist/RichTextEditor.d.ts

@@ -0,0 +1,2 @@
+export * from './beta/components/RichTextEditor/index'
+export {}

package/dist/RichTextEditor.js

@@ -0,0 +1,2 @@
+export { R as RichTextEditor } from './RichTextEditor-DUz-bi8H.js';
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/RichTextEditor.js.map

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

package/dist/{SelectCard-CtXwY8FZ.js → SelectCard-E-13CjHS.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useContext, createContext, useState, useMemo, useId, forwardRef, useLayoutEffect, useRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { a as CheckboxGroup, C as Checkbox } from './Checkbox-BSAS8-DM.js';
-import { a as RadioGroup, R as Radio, S as SvgRadioButtonChecked, b as SvgRadioButtonUnchecked } from './Radio-DO4UhbBE.js';
+import { a as CheckboxGroup, C as Checkbox } from './Checkbox-BngBrjEV.js';
+import { a as RadioGroup, R as Radio, S as SvgRadioButtonChecked, b as SvgRadioButtonUnchecked } from './Radio-IksHWkBl.js';
 import { C as Card } from './Card-DSFuXUGk.js';
 import { I as Icon } from './Icon-BMMbp40n.js';
 import { S as SvgCheckBox, a as SvgCheckBoxOutlineBlank } from './check_box-0U1tbEAd.js';
@@ -348,4 +348,4 @@ const SelectCard = Object.assign(SelectCardElement, {
 });
 
 export { SelectCard as S };
-//# sourceMappingURL=SelectCard-CtXwY8FZ.js.map
+//# sourceMappingURL=SelectCard-E-13CjHS.js.map

package/dist/{SelectCard-CtXwY8FZ.js.map → SelectCard-E-13CjHS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectCard-CtXwY8FZ.js","sources":["../src/components/SelectCard/internal/SelectCardContext.tsx","../src/components/SelectCard/internal/SelectCardProvider.tsx","../src/components/SelectCard/SelectCardGroup.tsx","../src/components/SelectCard/SelectCard.tsx"],"sourcesContent":["import { ChangeEvent, createContext, useContext } from \"react\";\n\n/**\n * Interface for the select card state\n */\nexport interface ISelectCardState {\n  /**\n   * When `true`, adds the item to the selected state holder.\n   */\n  checked: boolean;\n\n  /**\n   * Gives an explicit id to each item in the set.\n   */\n  id?: string | number;\n}\n\n/**\n * Interface for the select card onChange options\n */\nexport interface ISelectCardOnChangeOptions {\n  /**\n   * When `true`, doesn't fire the user's `onChange`\n   */\n  internal?: boolean;\n}\n\n/**\n * Interface for the select card context\n */\nexport interface ISelectCardContext {\n  /**\n   * Callback function that is triggered when the selection state changes.\n   *\n   * @callback OnChangeCallback\n   * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.\n   * @param {ISelectCardState} [state] - The current state of the select card component after the change.\n   * @returns {void}\n   */\n  onChange?: (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => void;\n\n  /**\n   * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n   */\n  selectionMode: \"single\" | \"multiple\";\n\n  /**\n   * Used internally to create a UUID for the HTML `name` property on radios.\n   */\n  radioName: string;\n\n  /**\n   * Creates a set of ids that are selected.\n   */\n  selection: Set<string | number>;\n\n  /**\n   * When `true`, indicates that selection is controlled at the group level via the `value` prop.\n   * @default false\n   */\n  isGroupControlled?: boolean;\n\n  /**\n   * When `true`, the group was given a `defaultValue` and owns the initial selection state.\n   * Individual `SelectCard` mount syncs should be skipped to avoid overriding it.\n   * @default false\n   */\n  hasGroupDefault?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the selection mode from SelectCard.Group context.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nexport const SelectCardContext = createContext<ISelectCardContext | null>(null);\n\n/**\n * Custom hook for accessing the SelectCard context.\n * @returns The SelectCard context or null if not within a SelectCardProvider\n */\nexport const useSelectCardContext = () => useContext(SelectCardContext);\n","import { ChangeEvent, ReactNode, useId, useMemo, useState } from \"react\";\nimport {\n  ISelectCardContext,\n  ISelectCardOnChangeOptions,\n  ISelectCardState,\n  SelectCardContext,\n} from \"./SelectCardContext\";\n\n/**\n * Props for the SelectCardProvider component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\ninterface ISelectCardProviderProps extends Omit<\n  ISelectCardContext,\n  \"radioName\" | \"selection\"\n> {\n  children: ReactNode;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   */\n  defaultValue?: Array<string | number>;\n}\n\n/**\n * SelectCardProvider component for managing selection state across SelectCard components.\n *\n * Features:\n * - Provides context for SelectCard components to share selection state\n * - Manages selection mode (single vs multiple)\n * - Handles selection state updates and callbacks\n * - Generates unique radio button names for single selection mode\n * - Maintains a set of selected card IDs\n * - Integrates with SelectCardGroup for automatic context provision\n *\n * @example\n * <SelectCardProvider\n *   selectionMode=\"multiple\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"1\" onChange={() => {}}>Option 1</SelectCard>\n *   <SelectCard id=\"2\" onChange={() => {}}>Option 2</SelectCard>\n * </SelectCardProvider>\n */\nexport const SelectCardProvider = ({\n  children,\n  defaultValue,\n  onChange,\n  selectionMode,\n  showSelectIndicator,\n  value,\n}: ISelectCardProviderProps) => {\n  const isControlled = value !== undefined;\n  const [internalSelection, setInternalSelection] = useState<\n    Set<string | number>\n  >(() => {\n    const ids = defaultValue ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  });\n  const selection = useMemo(() => {\n    if (!isControlled) return internalSelection;\n    const ids = value ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  }, [isControlled, value, internalSelection, selectionMode]);\n\n  const radioName = useId();\n\n  const handleChange = (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange?.(e, state);\n      }\n\n      return;\n    }\n\n    // Update internal selection when uncontrolled\n    if (!isControlled) {\n      if (selectionMode === \"single\") {\n        setInternalSelection(state.checked ? new Set([state.id]) : new Set());\n      } else {\n        setInternalSelection((prev) => {\n          const next = new Set(prev);\n          if (state.checked) {\n            next.add(state.id!);\n          } else {\n            next.delete(state.id!);\n          }\n          return next;\n        });\n      }\n    }\n\n    if (!options?.internal) {\n      onChange?.(e, state);\n    }\n  };\n\n  const context = {\n    hasGroupDefault: defaultValue !== undefined,\n    isGroupControlled: isControlled,\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection,\n    showSelectIndicator,\n  };\n\n  return (\n    <SelectCardContext.Provider value={context}>\n      {children}\n    </SelectCardContext.Provider>\n  );\n};\n","import { forwardRef, ReactNode } from \"react\";\nimport { CheckboxGroup, CheckboxGroupProps } from \"../Checkbox/CheckboxGroup\";\nimport { RadioGroup } from \"../Radio/RadioGroup\";\nimport { SelectCardProvider } from \"./internal/SelectCardProvider\";\nimport { ISelectCardContext } from \"./internal/SelectCardContext\";\n\n/**\n * Props for the SelectCardGroup component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\nexport interface SelectCardGroupProps\n  extends\n    Omit<ISelectCardContext, \"radioName\" | \"selection\">,\n    Pick<CheckboxGroupProps, \"moreInfo\"> {\n  /**\n   * Associates the legend with content below.\n   */\n  ariaLabelledBy?: string;\n\n  children?: ReactNode;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   * Takes precedence over individual `SelectCard` `defaultChecked` props.\n   */\n  defaultValue?: Array<string | number>;\n\n  /**\n   * Sets the legend on the group.\n   */\n  legend: CheckboxGroupProps[\"legend\"];\n\n  /**\n   * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n   */\n  legendProps?: CheckboxGroupProps[\"legendProps\"];\n\n  /**\n   * When `true`, sets \"required\" text in label.\n   * @accessibility This does not enforce error when nothing is selected.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` setting.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n}\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 * - Supports AI mark indicator\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n *   legendProps={{ aiMark: true }}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef<\n  HTMLInputElement,\n  SelectCardGroupProps\n>((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    defaultValue,\n    legend,\n    legendProps,\n    moreInfo,\n    onChange,\n    required = false,\n    selectionMode,\n    showSelectIndicator = false,\n    value,\n    ...rest\n  } = props;\n\n  return (\n    <SelectCardProvider\n      defaultValue={defaultValue}\n      onChange={onChange}\n      selectionMode={selectionMode}\n      showSelectIndicator={showSelectIndicator}\n      value={value}\n    >\n      {selectionMode === \"multiple\" && (\n        <CheckboxGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </CheckboxGroup>\n      )}\n      {selectionMode === \"single\" && (\n        <RadioGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </RadioGroup>\n      )}\n    </SelectCardProvider>\n  );\n});\n\nSelectCardGroup.displayName = \"SelectCardGroup\";\n","import {\n  useLayoutEffect,\n  useState,\n  useRef,\n  forwardRef,\n  type ChangeEvent,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { SelectCardGroup } from \"./SelectCardGroup\";\nimport { Card, CardProps } from \"../Card\";\nimport { Radio, RadioProps } from \"../Radio/internal/Radio\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox/internal/Checkbox\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useSelectCardContext } from \"./internal/SelectCardContext\";\nimport { Icon } from \"../Icon\";\n\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport RadioOutline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport RadioChecked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\n\nimport styles from \"./SelectCard.module.scss\";\n\n/**\n * Props for the SelectCard component\n * @extends Omit<CardProps, \"onChange\" | \"id\">\n */\nexport interface SelectCardProps extends Omit<CardProps, \"onChange\" | \"id\"> {\n  /**\n   * Passes props to the underlying `<Checkbox />` component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"label\">;\n\n  /**\n   * Controlled state. When provided, the component becomes controlled.\n   */\n  checked?: boolean;\n\n  /**\n   * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * When `true`, disables the card.\n   */\n  disabled?: boolean;\n\n  /**\n   * When `true`, sets error styling on the card.\n   */\n  errored?: boolean;\n\n  /**\n   * A unique identifier for the card, used to track the selection state.\n   */\n  id: string | number;\n\n  /**\n   * Function called on selection state change.\n   */\n  onChange?: (value: boolean) => void;\n\n  /**\n   * Passes props to the underlying `<Radio />` component.\n   */\n  radioProps?: Omit<RadioProps, \"label\">;\n\n  /**\n   * Removes the drop shadow effect on the card.\n   */\n  removeDropShadow?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the\n   * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nconst SelectCardElement = forwardRef<HTMLInputElement, SelectCardProps>(\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      showSelectIndicator = false,\n      id,\n      ...rest\n    } = props;\n\n    const [checked, setChecked] = useOptionallyControlledState<boolean>({\n      controlledValue: checkedProp,\n      defaultValue: defaultCheckedProp || false,\n      onChange,\n    });\n\n    const context = useSelectCardContext();\n    const isCardControlled = checkedProp !== undefined;\n    const isGroupControlled = context?.isGroupControlled ?? false;\n\n    // we need to re-render after setting the initial selection state on context\n    const [_, setForceRenderCount] = useState(0);\n    useLayoutEffect(() => {\n      // Sync initial checked state to context (for both controlled and uncontrolled modes).\n      // Skip when group is controlled — the group's value prop owns the selection Set.\n      const initialChecked = checkedProp ?? defaultCheckedProp;\n      if (initialChecked && !isGroupControlled && !context?.hasGroupDefault) {\n        context?.onChange?.(\n          undefined,\n          {\n            id,\n            checked: initialChecked,\n          },\n          { internal: true },\n        );\n\n        setForceRenderCount((prev) => prev + 1);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Sync controlled state changes to context (skip initial mount - handled by above effect)\n    const isFirstRender = useRef(true);\n    useLayoutEffect(() => {\n      if (isFirstRender.current) {\n        isFirstRender.current = false;\n        return;\n      }\n      if (isCardControlled && context) {\n        // In single selection mode, only sync when checked is true.\n        // Unchecking is implicit when another card becomes checked.\n        // Syncing checked=false would clear the entire selection.\n        if (context.selectionMode === \"single\" && !checkedProp) {\n          return;\n        }\n        context.onChange?.(\n          undefined,\n          {\n            id,\n            checked: checkedProp!,\n          },\n          { internal: true },\n        );\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checkedProp]);\n\n    const handleChange = (event?: ChangeEvent<HTMLInputElement>) => {\n      const newChecked = event ? event.target.checked : false;\n      setChecked(newChecked);\n      context?.onChange?.(event, {\n        id,\n        checked: newChecked,\n      });\n    };\n\n    // A selection in the group context supersedes the normal checked state of the card\n    const isChecked = context ? context.selection.has(id) : checked;\n    const showIndicator = context?.showSelectIndicator || showSelectIndicator;\n\n    // When group is controlled (value prop), drive input from context selection.\n    // When group has defaultValue, it takes precedence — ignore individual defaultChecked.\n    const inputChecked = isGroupControlled\n      ? isChecked\n      : isCardControlled\n        ? checkedProp\n        : undefined;\n    const inputDefaultChecked =\n      isGroupControlled || isCardControlled\n        ? undefined\n        : context?.hasGroupDefault\n          ? context.selection.has(id)\n          : defaultCheckedProp;\n\n    const contentClassName = cx(styles[\"select-card\"], className, {\n      [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n      [styles[\"select-card--checked\"]]: isChecked,\n      [styles[\"select-card--selected\"]]: isChecked && !errored,\n      [styles[\"select-card--errored\"]]: errored,\n      [styles[\"select-card--disabled\"]]: disabled,\n    });\n\n    const iconClassNames = cx({\n      [styles[\"icon-checked\"]]: isChecked && !errored && !disabled,\n      [styles[\"icon-unchecked\"]]: !isChecked && !disabled,\n      [styles[\"icon-checked-error\"]]: errored && !disabled,\n      [styles[\"icon-checked-disabled\"]]: disabled,\n    });\n\n    return (\n      <>\n        {(!context || context?.selectionMode === \"multiple\") && (\n          <Checkbox\n            {...checkboxProps}\n            className={cx(\n              styles[\"select-card-wrapper\"],\n              checkboxProps?.className,\n              {\n                [styles[\"select-card-checkbox-unchecked\"]]:\n                  !isChecked && !errored,\n                [styles[\"select-card-checkbox-checked\"]]: isChecked && !errored,\n                [styles[\"select-card-checkbox-error\"]]: errored,\n              },\n            )}\n            labelWrapperClassName={styles[\"select-card-label\"]}\n            checked={inputChecked}\n            defaultChecked={inputDefaultChecked}\n            onChange={handleChange}\n            disabled={disabled}\n            ref={ref}\n            label={\n              <Card\n                {...rest}\n                className={contentClassName}\n                flex={showIndicator ? \"1\" : undefined}\n                gap={showIndicator ? \"2\" : undefined}\n                alignItems={showIndicator ? \"flex-start\" : undefined}\n              >\n                {showIndicator ? (\n                  <>\n                    <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                      <Icon\n                        size=\"large\"\n                        svg={isChecked ? CheckboxChecked : CheckboxOutline}\n                        className={iconClassNames}\n                      />\n                    </span>\n                    {children}\n                  </>\n                ) : (\n                  children\n                )}\n              </Card>\n            }\n            hideCheckbox\n          />\n        )}\n        {context?.selectionMode === \"single\" && (\n          <Radio\n            {...radioProps}\n            className={cx(\n              styles[\"select-card-wrapper\"],\n              radioProps?.className,\n              {\n                [styles[\"select-card-checkbox-unchecked\"]]:\n                  !isChecked && !errored,\n                [styles[\"select-card-checkbox-checked\"]]: isChecked && !errored,\n                [styles[\"select-card-checkbox-error\"]]: errored,\n              },\n            )}\n            labelWrapperClassName={styles[\"select-card-label\"]}\n            checked={inputChecked}\n            defaultChecked={inputDefaultChecked}\n            onChange={handleChange}\n            disabled={disabled}\n            ref={ref}\n            name={context.radioName}\n            label={\n              <Card\n                {...rest}\n                className={contentClassName}\n                flex={showIndicator ? \"1\" : undefined}\n                gap={showIndicator ? \"2\" : undefined}\n                alignItems={showIndicator ? \"flex-start\" : undefined}\n              >\n                {showIndicator ? (\n                  <>\n                    <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                      <Icon\n                        size=\"large\"\n                        svg={isChecked ? RadioChecked : RadioOutline}\n                        className={iconClassNames}\n                      />\n                    </span>\n                    {children}\n                  </>\n                ) : (\n                  children\n                )}\n              </Card>\n            }\n            hideRadio\n          />\n        )}\n      </>\n    );\n  },\n);\n\nSelectCardElement.displayName = \"SelectCard\";\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 *\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   *\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"],"names":["CheckboxChecked","CheckboxOutline","RadioChecked","RadioOutline"],"mappings":"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"}
+{"version":3,"file":"SelectCard-E-13CjHS.js","sources":["../src/components/SelectCard/internal/SelectCardContext.tsx","../src/components/SelectCard/internal/SelectCardProvider.tsx","../src/components/SelectCard/SelectCardGroup.tsx","../src/components/SelectCard/SelectCard.tsx"],"sourcesContent":["import { ChangeEvent, createContext, useContext } from \"react\";\n\n/**\n * Interface for the select card state\n */\nexport interface ISelectCardState {\n  /**\n   * When `true`, adds the item to the selected state holder.\n   */\n  checked: boolean;\n\n  /**\n   * Gives an explicit id to each item in the set.\n   */\n  id?: string | number;\n}\n\n/**\n * Interface for the select card onChange options\n */\nexport interface ISelectCardOnChangeOptions {\n  /**\n   * When `true`, doesn't fire the user's `onChange`\n   */\n  internal?: boolean;\n}\n\n/**\n * Interface for the select card context\n */\nexport interface ISelectCardContext {\n  /**\n   * Callback function that is triggered when the selection state changes.\n   *\n   * @callback OnChangeCallback\n   * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.\n   * @param {ISelectCardState} [state] - The current state of the select card component after the change.\n   * @returns {void}\n   */\n  onChange?: (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => void;\n\n  /**\n   * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n   */\n  selectionMode: \"single\" | \"multiple\";\n\n  /**\n   * Used internally to create a UUID for the HTML `name` property on radios.\n   */\n  radioName: string;\n\n  /**\n   * Creates a set of ids that are selected.\n   */\n  selection: Set<string | number>;\n\n  /**\n   * When `true`, indicates that selection is controlled at the group level via the `value` prop.\n   * @default false\n   */\n  isGroupControlled?: boolean;\n\n  /**\n   * When `true`, the group was given a `defaultValue` and owns the initial selection state.\n   * Individual `SelectCard` mount syncs should be skipped to avoid overriding it.\n   * @default false\n   */\n  hasGroupDefault?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the selection mode from SelectCard.Group context.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nexport const SelectCardContext = createContext<ISelectCardContext | null>(null);\n\n/**\n * Custom hook for accessing the SelectCard context.\n * @returns The SelectCard context or null if not within a SelectCardProvider\n */\nexport const useSelectCardContext = () => useContext(SelectCardContext);\n","import { ChangeEvent, ReactNode, useId, useMemo, useState } from \"react\";\nimport {\n  ISelectCardContext,\n  ISelectCardOnChangeOptions,\n  ISelectCardState,\n  SelectCardContext,\n} from \"./SelectCardContext\";\n\n/**\n * Props for the SelectCardProvider component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\ninterface ISelectCardProviderProps extends Omit<\n  ISelectCardContext,\n  \"radioName\" | \"selection\"\n> {\n  children: ReactNode;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   */\n  defaultValue?: Array<string | number>;\n}\n\n/**\n * SelectCardProvider component for managing selection state across SelectCard components.\n *\n * Features:\n * - Provides context for SelectCard components to share selection state\n * - Manages selection mode (single vs multiple)\n * - Handles selection state updates and callbacks\n * - Generates unique radio button names for single selection mode\n * - Maintains a set of selected card IDs\n * - Integrates with SelectCardGroup for automatic context provision\n *\n * @example\n * <SelectCardProvider\n *   selectionMode=\"multiple\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"1\" onChange={() => {}}>Option 1</SelectCard>\n *   <SelectCard id=\"2\" onChange={() => {}}>Option 2</SelectCard>\n * </SelectCardProvider>\n */\nexport const SelectCardProvider = ({\n  children,\n  defaultValue,\n  onChange,\n  selectionMode,\n  showSelectIndicator,\n  value,\n}: ISelectCardProviderProps) => {\n  const isControlled = value !== undefined;\n  const [internalSelection, setInternalSelection] = useState<\n    Set<string | number>\n  >(() => {\n    const ids = defaultValue ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  });\n  const selection = useMemo(() => {\n    if (!isControlled) return internalSelection;\n    const ids = value ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  }, [isControlled, value, internalSelection, selectionMode]);\n\n  const radioName = useId();\n\n  const handleChange = (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange?.(e, state);\n      }\n\n      return;\n    }\n\n    // Update internal selection when uncontrolled\n    if (!isControlled) {\n      if (selectionMode === \"single\") {\n        setInternalSelection(state.checked ? new Set([state.id]) : new Set());\n      } else {\n        setInternalSelection((prev) => {\n          const next = new Set(prev);\n          if (state.checked) {\n            next.add(state.id!);\n          } else {\n            next.delete(state.id!);\n          }\n          return next;\n        });\n      }\n    }\n\n    if (!options?.internal) {\n      onChange?.(e, state);\n    }\n  };\n\n  const context = {\n    hasGroupDefault: defaultValue !== undefined,\n    isGroupControlled: isControlled,\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection,\n    showSelectIndicator,\n  };\n\n  return (\n    <SelectCardContext.Provider value={context}>\n      {children}\n    </SelectCardContext.Provider>\n  );\n};\n","import { forwardRef, ReactNode } from \"react\";\nimport { CheckboxGroup, CheckboxGroupProps } from \"../Checkbox/CheckboxGroup\";\nimport { RadioGroup } from \"../Radio/RadioGroup\";\nimport { SelectCardProvider } from \"./internal/SelectCardProvider\";\nimport { ISelectCardContext } from \"./internal/SelectCardContext\";\n\n/**\n * Props for the SelectCardGroup component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\nexport interface SelectCardGroupProps\n  extends\n    Omit<ISelectCardContext, \"radioName\" | \"selection\">,\n    Pick<CheckboxGroupProps, \"moreInfo\"> {\n  /**\n   * Associates the legend with content below.\n   */\n  ariaLabelledBy?: string;\n\n  children?: ReactNode;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   * Takes precedence over individual `SelectCard` `defaultChecked` props.\n   */\n  defaultValue?: Array<string | number>;\n\n  /**\n   * Sets the legend on the group.\n   */\n  legend: CheckboxGroupProps[\"legend\"];\n\n  /**\n   * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n   */\n  legendProps?: CheckboxGroupProps[\"legendProps\"];\n\n  /**\n   * When `true`, sets \"required\" text in label.\n   * @accessibility This does not enforce error when nothing is selected.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` setting.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n}\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 * - Supports AI mark indicator\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n *   legendProps={{ aiMark: true }}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef<\n  HTMLInputElement,\n  SelectCardGroupProps\n>((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    defaultValue,\n    legend,\n    legendProps,\n    moreInfo,\n    onChange,\n    required = false,\n    selectionMode,\n    showSelectIndicator = false,\n    value,\n    ...rest\n  } = props;\n\n  return (\n    <SelectCardProvider\n      defaultValue={defaultValue}\n      onChange={onChange}\n      selectionMode={selectionMode}\n      showSelectIndicator={showSelectIndicator}\n      value={value}\n    >\n      {selectionMode === \"multiple\" && (\n        <CheckboxGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </CheckboxGroup>\n      )}\n      {selectionMode === \"single\" && (\n        <RadioGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </RadioGroup>\n      )}\n    </SelectCardProvider>\n  );\n});\n\nSelectCardGroup.displayName = \"SelectCardGroup\";\n","import {\n  useLayoutEffect,\n  useState,\n  useRef,\n  forwardRef,\n  type ChangeEvent,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { SelectCardGroup } from \"./SelectCardGroup\";\nimport { Card, CardProps } from \"../Card\";\nimport { Radio, RadioProps } from \"../Radio/internal/Radio\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox/internal/Checkbox\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useSelectCardContext } from \"./internal/SelectCardContext\";\nimport { Icon } from \"../Icon\";\n\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport RadioOutline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport RadioChecked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\n\nimport styles from \"./SelectCard.module.scss\";\n\n/**\n * Props for the SelectCard component\n * @extends Omit<CardProps, \"onChange\" | \"id\">\n */\nexport interface SelectCardProps extends Omit<CardProps, \"onChange\" | \"id\"> {\n  /**\n   * Passes props to the underlying `<Checkbox />` component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"label\">;\n\n  /**\n   * Controlled state. When provided, the component becomes controlled.\n   */\n  checked?: boolean;\n\n  /**\n   * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * When `true`, disables the card.\n   */\n  disabled?: boolean;\n\n  /**\n   * When `true`, sets error styling on the card.\n   */\n  errored?: boolean;\n\n  /**\n   * A unique identifier for the card, used to track the selection state.\n   */\n  id: string | number;\n\n  /**\n   * Function called on selection state change.\n   */\n  onChange?: (value: boolean) => void;\n\n  /**\n   * Passes props to the underlying `<Radio />` component.\n   */\n  radioProps?: Omit<RadioProps, \"label\">;\n\n  /**\n   * Removes the drop shadow effect on the card.\n   */\n  removeDropShadow?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the\n   * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nconst SelectCardElement = forwardRef<HTMLInputElement, SelectCardProps>(\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      showSelectIndicator = false,\n      id,\n      ...rest\n    } = props;\n\n    const [checked, setChecked] = useOptionallyControlledState<boolean>({\n      controlledValue: checkedProp,\n      defaultValue: defaultCheckedProp || false,\n      onChange,\n    });\n\n    const context = useSelectCardContext();\n    const isCardControlled = checkedProp !== undefined;\n    const isGroupControlled = context?.isGroupControlled ?? false;\n\n    // we need to re-render after setting the initial selection state on context\n    const [_, setForceRenderCount] = useState(0);\n    useLayoutEffect(() => {\n      // Sync initial checked state to context (for both controlled and uncontrolled modes).\n      // Skip when group is controlled — the group's value prop owns the selection Set.\n      const initialChecked = checkedProp ?? defaultCheckedProp;\n      if (initialChecked && !isGroupControlled && !context?.hasGroupDefault) {\n        context?.onChange?.(\n          undefined,\n          {\n            id,\n            checked: initialChecked,\n          },\n          { internal: true },\n        );\n\n        setForceRenderCount((prev) => prev + 1);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Sync controlled state changes to context (skip initial mount - handled by above effect)\n    const isFirstRender = useRef(true);\n    useLayoutEffect(() => {\n      if (isFirstRender.current) {\n        isFirstRender.current = false;\n        return;\n      }\n      if (isCardControlled && context) {\n        // In single selection mode, only sync when checked is true.\n        // Unchecking is implicit when another card becomes checked.\n        // Syncing checked=false would clear the entire selection.\n        if (context.selectionMode === \"single\" && !checkedProp) {\n          return;\n        }\n        context.onChange?.(\n          undefined,\n          {\n            id,\n            checked: checkedProp!,\n          },\n          { internal: true },\n        );\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checkedProp]);\n\n    const handleChange = (event?: ChangeEvent<HTMLInputElement>) => {\n      const newChecked = event ? event.target.checked : false;\n      setChecked(newChecked);\n      context?.onChange?.(event, {\n        id,\n        checked: newChecked,\n      });\n    };\n\n    // A selection in the group context supersedes the normal checked state of the card\n    const isChecked = context ? context.selection.has(id) : checked;\n    const showIndicator = context?.showSelectIndicator || showSelectIndicator;\n\n    // When group is controlled (value prop), drive input from context selection.\n    // When group has defaultValue, it takes precedence — ignore individual defaultChecked.\n    const inputChecked = isGroupControlled\n      ? isChecked\n      : isCardControlled\n        ? checkedProp\n        : undefined;\n    const inputDefaultChecked =\n      isGroupControlled || isCardControlled\n        ? undefined\n        : context?.hasGroupDefault\n          ? context.selection.has(id)\n          : defaultCheckedProp;\n\n    const contentClassName = cx(styles[\"select-card\"], className, {\n      [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n      [styles[\"select-card--checked\"]]: isChecked,\n      [styles[\"select-card--selected\"]]: isChecked && !errored,\n      [styles[\"select-card--errored\"]]: errored,\n      [styles[\"select-card--disabled\"]]: disabled,\n    });\n\n    const iconClassNames = cx({\n      [styles[\"icon-checked\"]]: isChecked && !errored && !disabled,\n      [styles[\"icon-unchecked\"]]: !isChecked && !disabled,\n      [styles[\"icon-checked-error\"]]: errored && !disabled,\n      [styles[\"icon-checked-disabled\"]]: disabled,\n    });\n\n    return (\n      <>\n        {(!context || context?.selectionMode === \"multiple\") && (\n          <Checkbox\n            {...checkboxProps}\n            className={cx(\n              styles[\"select-card-wrapper\"],\n              checkboxProps?.className,\n              {\n                [styles[\"select-card-checkbox-unchecked\"]]:\n                  !isChecked && !errored,\n                [styles[\"select-card-checkbox-checked\"]]: isChecked && !errored,\n                [styles[\"select-card-checkbox-error\"]]: errored,\n              },\n            )}\n            labelWrapperClassName={styles[\"select-card-label\"]}\n            checked={inputChecked}\n            defaultChecked={inputDefaultChecked}\n            onChange={handleChange}\n            disabled={disabled}\n            ref={ref}\n            label={\n              <Card\n                {...rest}\n                className={contentClassName}\n                flex={showIndicator ? \"1\" : undefined}\n                gap={showIndicator ? \"2\" : undefined}\n                alignItems={showIndicator ? \"flex-start\" : undefined}\n              >\n                {showIndicator ? (\n                  <>\n                    <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                      <Icon\n                        size=\"large\"\n                        svg={isChecked ? CheckboxChecked : CheckboxOutline}\n                        className={iconClassNames}\n                      />\n                    </span>\n                    {children}\n                  </>\n                ) : (\n                  children\n                )}\n              </Card>\n            }\n            hideCheckbox\n          />\n        )}\n        {context?.selectionMode === \"single\" && (\n          <Radio\n            {...radioProps}\n            className={cx(\n              styles[\"select-card-wrapper\"],\n              radioProps?.className,\n              {\n                [styles[\"select-card-checkbox-unchecked\"]]:\n                  !isChecked && !errored,\n                [styles[\"select-card-checkbox-checked\"]]: isChecked && !errored,\n                [styles[\"select-card-checkbox-error\"]]: errored,\n              },\n            )}\n            labelWrapperClassName={styles[\"select-card-label\"]}\n            checked={inputChecked}\n            defaultChecked={inputDefaultChecked}\n            onChange={handleChange}\n            disabled={disabled}\n            ref={ref}\n            name={context.radioName}\n            label={\n              <Card\n                {...rest}\n                className={contentClassName}\n                flex={showIndicator ? \"1\" : undefined}\n                gap={showIndicator ? \"2\" : undefined}\n                alignItems={showIndicator ? \"flex-start\" : undefined}\n              >\n                {showIndicator ? (\n                  <>\n                    <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                      <Icon\n                        size=\"large\"\n                        svg={isChecked ? RadioChecked : RadioOutline}\n                        className={iconClassNames}\n                      />\n                    </span>\n                    {children}\n                  </>\n                ) : (\n                  children\n                )}\n              </Card>\n            }\n            hideRadio\n          />\n        )}\n      </>\n    );\n  },\n);\n\nSelectCardElement.displayName = \"SelectCard\";\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 *\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   *\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"],"names":["CheckboxChecked","CheckboxOutline","RadioChecked","RadioOutline"],"mappings":"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"}

package/dist/SelectCard.js

@@ -1,2 +1,2 @@
-export { S as SelectCard, S as default } from './SelectCard-CtXwY8FZ.js';
+export { S as SelectCard, S as default } from './SelectCard-E-13CjHS.js';
 //# sourceMappingURL=SelectCard.js.map

package/dist/SelectField.js

@@ -1,2 +1,2 @@
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-W_-jTf7z.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Ci9k35TH.js';
 //# sourceMappingURL=SelectField.js.map

package/dist/{SelectFieldLabel-DLT5dKbx.js → SelectFieldLabel-DznBaE99.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { F as FieldLabel } from './FieldLabel-DZWu5dMp.js';
+import { F as FieldLabel } from './FieldLabel-rHPbiyR3.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 
 const SelectFieldLabel = ({
@@ -8,6 +8,7 @@ const SelectFieldLabel = ({
   getLabelProps,
   hideLabel = false,
   moreInfo,
+  moreInfoId,
   moreInfoOpen,
   required
 }) => {
@@ -18,6 +19,7 @@ const SelectFieldLabel = ({
       aiMark,
       required,
       moreInfo,
+      moreInfoId,
       moreInfoOpen,
       children: label
     }
@@ -29,4 +31,4 @@ const SelectFieldLabel = ({
 };
 
 export { SelectFieldLabel as S };
-//# sourceMappingURL=SelectFieldLabel-DLT5dKbx.js.map
+//# sourceMappingURL=SelectFieldLabel-DznBaE99.js.map

package/dist/SelectFieldLabel-DznBaE99.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldLabel-DznBaE99.js","sources":["../src/beta/components/SelectField/internal/SelectFieldLabel.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../../components/SrOnly\";\n\ntype GetLabelProps = (options?: object) => { id: string; htmlFor: string };\n\n/**\n * Props for the SelectFieldLabel component\n * @property {AiMarkWithTooltipOrPopoverProps} aiMark - The AI mark to display\n * @property {string} label - The text content to display as the label\n * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label\n * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.\n * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip\n * @property {string} [moreInfoId] - ID for the sr-only description span, referenced via aria-describedby on the associated input\n * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip\n * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers\n */\nexport type SelectFieldLabelProps = {\n  aiMark?: FieldLabelProps[\"aiMark\"];\n  label: string;\n  getLabelProps: GetLabelProps;\n  hideLabel?: boolean;\n  moreInfo?: ReactNode;\n  moreInfoId?: string;\n  moreInfoOpen?: boolean;\n  required?: boolean;\n};\n\n/**\n * Internal label component for the SelectField that renders an accessible label element.\n *\n * Features:\n * - Renders a FieldLabel with proper accessibility attributes from Downshift\n * - Automatically associates the label with the combobox input\n * - Supports screen readers with proper labeling\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Can visually hide the label while maintaining accessibility\n *\n * @example\n * <SelectFieldLabel\n *   label=\"Select an option\"\n *   getLabelProps={getLabelProps}\n *   required\n *   moreInfo=\"Choose from available options\"\n * />\n */\nexport const SelectFieldLabel = ({\n  aiMark,\n  label,\n  getLabelProps,\n  hideLabel = false,\n  moreInfo,\n  moreInfoId,\n  moreInfoOpen,\n  required,\n}: SelectFieldLabelProps) => {\n  const labelContent = (\n    <FieldLabel\n      {...getLabelProps()}\n      aiMark={aiMark}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoId={moreInfoId}\n      moreInfoOpen={moreInfoOpen}\n    >\n      {label}\n    </FieldLabel>\n  );\n\n  if (hideLabel) {\n    return <SrOnly>{labelContent}</SrOnly>;\n  }\n\n  return labelContent;\n};\n"],"names":[],"mappings":";;;;AA+CO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAO,GAAA,CAAC,UAAQ,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,OAAO,YAAA;AACT;;;;"}

package/dist/{SelectFieldSync-W_-jTf7z.js → SelectFieldSync-Ci9k35TH.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useRef, useCallback, useEffect, forwardRef, useId } from 'react';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { S as SelectOptions } from './SelectOptions-BsX0f22q.js';
+import { S as SelectOptions } from './SelectOptions-5zgSQ6Xs.js';
 import { s as styles } from './SelectTriggerBase.module-DKF1FQnc.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { B as Button } from './Button-Bnt8XUI7.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SelectFieldLabel } from './SelectFieldLabel-DLT5dKbx.js';
+import { S as SelectFieldLabel } from './SelectFieldLabel-DznBaE99.js';
 import { u as useDownshiftEnvironment, a as useCombobox, b as useSelect } from './downshift.esm-xtSnQp44.js';
-import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-nJS_tCsu.js';
+import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-BCxA8KSW.js';
 import { F as FieldMessage } from './FieldMessage-DzxfodaI.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
@@ -267,6 +267,8 @@ const SelectFieldComboboxMode = ({
   label,
   hideLabel,
   hint,
+  moreInfo,
+  moreInfoId,
   errorMessages,
   warning,
   description,
@@ -373,7 +375,9 @@ const SelectFieldComboboxMode = ({
               label,
               hideLabel,
               getLabelProps,
-              required
+              required,
+              moreInfo,
+              moreInfoId
             }
           ),
           /* @__PURE__ */ jsx(
@@ -389,7 +393,7 @@ const SelectFieldComboboxMode = ({
               onClear: () => onSelectedOptionChange(null),
               id: `${id}-input`,
               inputProps: getInputProps({
-                "aria-describedby": hasHelperText ? helperUid : void 0,
+                "aria-describedby": [hasHelperText && helperUid, moreInfo && moreInfoId].filter(Boolean).join(" ") || void 0,
                 "aria-invalid": error ? true : void 0
               }),
               size,
@@ -474,7 +478,9 @@ const SelectFieldComboboxMode = ({
             label,
             hideLabel,
             getLabelProps,
-            required
+            required,
+            moreInfo,
+            moreInfoId
           }
         ),
         /* @__PURE__ */ jsx(
@@ -485,7 +491,7 @@ const SelectFieldComboboxMode = ({
             required,
             inputProps: getInputProps({
               popovertarget: `${id}-popover`,
-              "aria-describedby": hasHelperText ? helperUid : void 0,
+              "aria-describedby": [hasHelperText && helperUid, moreInfo && moreInfoId].filter(Boolean).join(" ") || void 0,
               "aria-invalid": error ? true : void 0
             }),
             toggleButtonProps: getToggleButtonProps(),
@@ -771,6 +777,8 @@ const SelectFieldSelectMode = ({
   label,
   hideLabel,
   hint,
+  moreInfo,
+  moreInfoId,
   errorMessages,
   warning,
   description,
@@ -838,7 +846,7 @@ const SelectFieldSelectMode = ({
   const toggleButtonProps = getToggleButtonProps({
     disabled: !!disabled,
     "aria-required": required ? true : void 0,
-    "aria-describedby": hasHelperText ? helperUid : void 0,
+    "aria-describedby": [hasHelperText && helperUid, moreInfo && moreInfoId].filter(Boolean).join(" ") || void 0,
     "aria-invalid": error ? true : void 0
   });
   if (displayAs === "dialog") {
@@ -856,7 +864,9 @@ const SelectFieldSelectMode = ({
               label,
               hideLabel,
               getLabelProps,
-              required
+              required,
+              moreInfo,
+              moreInfoId
             }
           ),
           /* @__PURE__ */ jsx(
@@ -938,7 +948,9 @@ const SelectFieldSelectMode = ({
             label,
             hideLabel,
             getLabelProps,
-            required
+            required,
+            moreInfo,
+            moreInfoId
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1026,6 +1038,7 @@ const SelectField = forwardRef(
       size,
       error,
       hint,
+      moreInfo,
       description,
       errorAriaLive: _errorAriaLive,
       required,
@@ -1045,6 +1058,7 @@ const SelectField = forwardRef(
     const autoId = useId();
     const id = idProp ?? autoId;
     const helperUid = useId();
+    const moreInfoUid = useId();
     warnDeprecatedErrorUsage("SelectField", error);
     const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
     const hasHelperText = !!(hint || errorMessages || warning || description);
@@ -1091,6 +1105,8 @@ const SelectField = forwardRef(
       labelAiMark,
       hideLabel,
       hint,
+      moreInfo,
+      moreInfoId: moreInfo ? moreInfoUid : void 0,
       errorMessages,
       warning,
       description,
@@ -1157,4 +1173,4 @@ const SelectFieldSync = (props) => {
 };
 
 export { SelectField as S, SelectFieldSync as a };
-//# sourceMappingURL=SelectFieldSync-W_-jTf7z.js.map
+//# sourceMappingURL=SelectFieldSync-Ci9k35TH.js.map