@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/checkbox/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  createContext,\n  createUniqueId,\n  type JSX,\n  splitProps,\n  mergeProps,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport {\n  CheckboxField as HeadlessCheckboxField,\n  CheckboxButton as HeadlessCheckboxButton,\n  CheckboxGroup as HeadlessCheckboxGroup,\n  CheckboxGroupStateContext as HeadlessCheckboxGroupStateContext,\n  type CheckboxFieldProps as HeadlessCheckboxFieldProps,\n  type CheckboxGroupProps as HeadlessCheckboxGroupProps,\n  type CheckboxRenderProps,\n  type CheckboxGroupRenderProps,\n  type CheckboxFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\n// The headless group is the single source of truth for the description/error ids\n// (minted by createField, threaded onto the group AND every item's\n// aria-describedby via this WeakMap). We render the visible HelpText ourselves\n// (renderHelpText={false}) but read the id back from here so all three — group\n// node, item inputs, and our <Text> — resolve to the same element.\nimport { checkboxGroupData } from \"@proyecto-viviana/solidaria\";\nimport { Text } from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, space, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport DashIcon from \"../icon/ui-icons/Dash\";\nimport { useProviderProps } from \"../provider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type CheckboxGroupOrientation = \"horizontal\" | \"vertical\";\nexport type CheckboxGroupLabelPosition = \"top\" | \"side\";\nexport type CheckboxGroupLabelAlign = \"start\" | \"end\";\nexport type CheckboxGroupNecessityIndicator = \"icon\" | \"label\";\n\ninterface CheckboxGroupStyleContextValue {\n  size?: CheckboxSize;\n  isEmphasized?: boolean;\n}\n\nconst CheckboxGroupStyleContext = createContext<CheckboxGroupStyleContextValue>({});\n\nexport interface CheckboxProps extends Omit<\n  HeadlessCheckboxFieldProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\" | \"inputRef\"\n> {\n  /** The size of the checkbox. */\n  size?: CheckboxSize;\n  /** Whether the checkbox should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Label text for the checkbox. */\n  children?: JSX.Element;\n  /** A description for the checkbox, displayed below the label. */\n  description?: JSX.Element;\n  /** An error message for the checkbox, displayed when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the underlying field (root `<div>`) element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\nexport interface CheckboxGroupProps extends Omit<\n  HeadlessCheckboxGroupProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The size of the Checkboxes in the CheckboxGroup. */\n  size?: CheckboxSize;\n  /** The axis the checkboxes should align with. */\n  orientation?: CheckboxGroupOrientation;\n  /** The label's overall position relative to the checkbox items. */\n  labelPosition?: CheckboxGroupLabelPosition;\n  /** The label's horizontal alignment relative to the checkbox items. */\n  labelAlign?: CheckboxGroupLabelAlign;\n  /** Whether the required state should be shown as an icon or text label. */\n  necessityIndicator?: CheckboxGroupNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /** Whether the Checkboxes should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Children checkboxes. */\n  children?: JSX.Element;\n  /** Label for the group. */\n  label?: JSX.Element;\n  /** Description for the group. */\n  description?: JSX.Element;\n  /** Error message when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the checkbox group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface CheckboxStyleProps {\n  size?: S2CheckboxSize;\n  isEmphasized?: boolean;\n  orientation?: CheckboxGroupOrientation;\n  labelPosition?: \"top\" | \"side\";\n  labelAlign?: \"start\" | \"end\";\n  isInForm?: boolean;\n}\n\ntype CheckboxStyleState = CheckboxRenderProps & CheckboxStyleProps;\ntype CheckboxGroupStyleState = CheckboxGroupRenderProps & CheckboxStyleProps;\n\nexport const CheckboxContext = createContext<SpectrumContextValue<CheckboxProps>>(null);\nexport const CheckboxGroupContext = createContext<SpectrumContextValue<CheckboxGroupProps>>(null);\n\nconst checkboxGroupRoot = style<CheckboxGroupStyleState>(\n  {\n    ...field(),\n    \"--field-gap\": {\n      type: \"rowGap\",\n      value: \"calc(var(--field-height) - 1lh)\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst checkboxGroupLabelWrapper = style<CheckboxGroupStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  // Byte-faithful to upstream Field.tsx FieldLabel outer `<div>` contain: the\n  // `isQuiet:'none'` branch is declared last, so when CheckboxGroup passes\n  // `isQuiet` (which it always does — see renderChildren) it wins under\n  // last-match-wins and the label wrapper computes `contain:none` on the default\n  // `labelPosition:top` (previously mis-computed `contain:inline-size`).\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst checkboxGroupLabel = style<CheckboxGroupStyleState>({\n  ...fieldLabel(),\n});\n\nconst checkboxGroupItems = style<CheckboxGroupStyleState>({\n  gridArea: \"input\",\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      vertical: \"column\",\n      horizontal: \"row\",\n    },\n  },\n  lineHeight: \"ui\",\n  rowGap: \"--field-gap\",\n  columnGap: 16,\n  // Byte-faithful to upstream CheckboxGroup.tsx: only a horizontal group wraps.\n  // The previous unconditional `\"wrap\"` was a self-inflicted divergence — for a\n  // vertical group (the demo default) upstream computes `flex-wrap:nowrap`.\n  flexWrap: {\n    orientation: {\n      horizontal: \"wrap\",\n    },\n  },\n});\n\nconst checkboxGroupHelpText = style<CheckboxGroupStyleState>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst checkboxGroupRequiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst checkboxGroupNoWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// The field grid — byte-faithful to upstream S2 `Checkbox.tsx` local `field`.\n// `gridColumnStart:{isInForm:'field'}` is deliberately dormant: upstream calls\n// field() with {size, isInCheckboxGroup, isNoVisibleLabel} and never passes\n// isInForm, so this branch never fires (isInForm is applied to the subgrid\n// wrapper below instead). Kept for byte-parity with the upstream style object.\nconst checkboxFieldStyle = style<\n  CheckboxStyleState & { isInCheckboxGroup?: boolean; isNoVisibleLabel?: boolean }\n>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      default: [\"max-content\", \"1fr\"],\n      isNoVisibleLabel: [\"max-content\"],\n    },\n    columnGap: \"text-to-control\",\n    alignContent: \"start\",\n    width: {\n      default: \"fit\",\n      isInCheckboxGroup: \"auto\",\n    },\n    font: controlFont(),\n    \"--field-height\": {\n      type: \"height\",\n      value: controlSize(),\n    },\n    rowGap: {\n      default: \"calc(var(--field-height) - 1lh)\",\n      isInCheckboxGroup: {\n        size: {\n          S: space(1),\n          M: space(1),\n          L: 2,\n          XL: 2,\n        },\n      },\n    },\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\n// The subgrid wrapper (CheckboxButton `<label>`) — byte-faithful to upstream\n// `wrapper`. No getAllowedOverrides (upstream's wrapper is a plain style()).\nconst wrapper = style<CheckboxStyleState & { isInForm?: boolean }>({\n  display: \"grid\",\n  gridTemplateColumns: \"subgrid\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  position: \"relative\",\n  alignItems: \"baseline\",\n  transition: \"colors\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  disableTapHighlight: true,\n});\n\n// The visible label span sits in the second grid column — upstream renders\n// `<span className={style({gridColumnStart: 2})}>{children}</span>`.\nconst labelSpan = style({ gridColumnStart: 2 });\n\n// Individual-field help text. Byte-faithful to upstream Field.tsx\n// `helpTextStyles`, folding in the checkbox's inline override\n// (`gridColumnStart:{default:1,isInCheckboxGroup:2}, paddingTop:0`). Rendered\n// via the field's `Text` description/errorMessage slot contract. NOTE: the\n// checkbox demo never sets description/errorMessage, so upstream's `HelpText`\n// is `null` in every cert case — this path is faithful but dormant here.\nconst checkboxHelpText = style<\n  CheckboxStyleState & { isInvalid?: boolean; isDisabled?: boolean; isInCheckboxGroup?: boolean }\n>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n  gridColumnStart: {\n    default: 1,\n    isInCheckboxGroup: 2,\n  },\n  paddingTop: 0,\n});\n\nconst checkboxBox = style<CheckboxStyleState>({\n  ...focusRing(),\n  ...controlBorderRadius(\"sm\"),\n  size: controlSize(\"sm\"),\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // The register draws control chrome edges at 1px, which is what the matte\n  // register bakes in (`result.borderWidth = 1` in s2-internal/style-utils.ts,\n  // both the `chip` and `matte` branches). This box cannot spread control()\n  // itself — control() unconditionally emits display/paddingX/minWidth/font,\n  // all of which would break a square choice box — so it carries the literal.\n  // The identical hand-rolled block in menu/s2-menu-styles.ts must move with it.\n  borderWidth: 1,\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    // The matte well, not paper. `gray-25` is #ffffff in light\n    // (style/glasselated-ramps.ts:87), so the unselected box read as a hole\n    // punched through the panel rather than a recess. `well` resolves to\n    // var(--surface-well) (style/spectrum-theme.ts:927), the register's inset\n    // control surface. NOTE: in light --surface-well sits very close to the app\n    // surface, so the `borderColor.default` below is what carries the box's\n    // shape — it is deliberately NOT softened to `well-border`.\n    default: \"well\",\n    forcedColors: \"Background\",\n    isSelected: {\n      // Accent-on-selection is the register's selection idiom, not an emphasis\n      // variant, so the accent fill moves to `default` — previously a\n      // non-emphasized selected checkbox filled with the text ramp and rendered\n      // no accent at all. `isEmphasized` is preserved as a real, visible step\n      // rather than deleted: it goes one stop deeper in the same accent channel\n      // (accent-1000), so the public prop keeps changing what it renders.\n      // Both stops are held flat rather than moved to the\n      // lightDark(\"accent-900\",\"accent-700\") idiom used by Button/Tag, because\n      // the checkmark ink here is `gray-25`, which flips to near-black in dark\n      // (style/glasselated-ramps.ts:87) — near-black ink on dark accent-700\n      // would not clear AA.\n      default: baseColor(\"accent-900\"),\n      isEmphasized: baseColor(\"accent-1000\"),\n      forcedColors: \"Highlight\",\n      isInvalid: {\n        default: baseColor(\"negative-900\"),\n        forcedColors: \"Mark\",\n      },\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n});\n\nconst checkboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst iconSize = {\n  S: \"XS\",\n  M: \"S\",\n  L: \"M\",\n  XL: \"L\",\n} as const;\n\nconst checkmarkIconPixelSize = {\n  S: 10,\n  M: 10,\n  L: 10,\n  XL: 12,\n} as const;\n\nconst dashIconPixelSize = {\n  S: 8,\n  M: 8,\n  L: 10,\n  XL: 12,\n} as const;\n\nfunction normalizeCheckboxSize(size: CheckboxSize | undefined): S2CheckboxSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction checkboxPressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: CheckboxRenderProps,\n): JSX.CSSProperties {\n  const pressStyle = { \"will-change\": \"transform\" } as JSX.CSSProperties;\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    pressStyle.transform = `perspective(${Math.max(height, width / 3, 24)}px) translate3d(0, 0, -2px)`;\n  }\n\n  return pressStyle;\n}\n\nfunction checkboxIconSizeStyle(size: number): JSX.CSSProperties {\n  return {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n}\n\nfunction requiredIconStyle(size: S2CheckboxSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\n/**\n * A checkbox allows users to select one or more items from a set.\n *\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const groupStyleContext = useContext(CheckboxGroupStyleContext);\n  const isInForm = useIsInForm();\n  const isInCheckboxGroup = !!useContext(HeadlessCheckboxGroupStateContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(CheckboxContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"description\",\n    \"errorMessage\",\n    \"slot\",\n    \"ref\",\n    \"inputRef\",\n  ]);\n\n  const size = () => normalizeCheckboxSize(local.size ?? groupStyleContext.size);\n  const isEmphasized = () => local.isEmphasized ?? groupStyleContext.isEmphasized;\n  // Upstream checks `!children` for the truthiness — reading `local.children`\n  // never invokes a component thunk (a function is truthy as-is), so this is\n  // safe to read alongside the `<span>{local.children}</span>` render below.\n  const hasLabel = () => !!local.children;\n  // Upstream: `size={isInCheckboxGroup ? smallerSize[size] : size}` — `iconSize`\n  // is the port's `smallerSize` map.\n  const helpTextSize = () => (isInCheckboxGroup ? iconSize[size()] : size());\n  let boxElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const assignInputRef = mergeContextRefs(\n    (contextProps as { inputRef?: RefLike<HTMLInputElement> } | null)?.inputRef,\n    props.inputRef,\n  );\n\n  // The field grid className. Mirrors upstream `field({size, isInCheckboxGroup,\n  // isNoVisibleLabel}, styles)` — and deliberately does NOT pass `isInForm`, so\n  // the field's dormant `gridColumnStart:{isInForm:'field'}` stays inert\n  // (upstream passes isInForm to the wrapper subgrid instead).\n  const getFieldClassName = (_renderProps?: CheckboxFieldRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxFieldStyle(\n        {\n          size: size(),\n          isInCheckboxGroup,\n          isNoVisibleLabel: !hasLabel(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  // Upstream: `isInvalid={isInCheckboxGroup ? false : isInvalid}` on the HelpText\n  // (in a group, validation is surfaced at the group level, not per-checkbox).\n  const invalidFor = (fieldRenderProps: CheckboxFieldRenderProps): boolean =>\n    isInCheckboxGroup ? false : fieldRenderProps.isInvalid;\n\n  const renderHelpText = (fieldRenderProps: CheckboxFieldRenderProps): JSX.Element => (\n    <>\n      <Show when={local.description && !invalidFor(fieldRenderProps)}>\n        <Text\n          slot=\"description\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      <Show when={invalidFor(fieldRenderProps) && local.errorMessage}>\n        <Text\n          slot=\"errorMessage\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isInvalid: true,\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <HeadlessCheckboxField\n      {...headlessProps}\n      ref={(element) => assignRootRef(element)}\n      inputRef={(element) => assignInputRef(element)}\n      slot={local.slot ?? undefined}\n      class={getFieldClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(fieldRenderProps: CheckboxFieldRenderProps) => (\n        <>\n          <HeadlessCheckboxButton\n            class={(renderProps: CheckboxRenderProps) =>\n              wrapper({ ...renderProps, isInForm, size: size() })\n            }\n          >\n            {(renderProps: CheckboxRenderProps) => {\n              const checkbox = (\n                <div\n                  ref={boxElement}\n                  class={checkboxBox({\n                    ...renderProps,\n                    isSelected: renderProps.isSelected || renderProps.isIndeterminate,\n                    size: size(),\n                    isEmphasized: isEmphasized(),\n                  })}\n                  style={checkboxPressScaleStyle(boxElement, renderProps)}\n                >\n                  <Show when={renderProps.isIndeterminate}>\n                    <DashIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(dashIconPixelSize[size()])}\n                    />\n                  </Show>\n                  <Show when={renderProps.isSelected && !renderProps.isIndeterminate}>\n                    <CheckmarkIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(checkmarkIconPixelSize[size()])}\n                    />\n                  </Show>\n                </div>\n              );\n\n              // Only render checkbox without center baseline if no label.\n              // This avoids expanding the checkbox height to the font's line height.\n              if (!hasLabel()) {\n                return checkbox;\n              }\n\n              return (\n                <>\n                  <CenterBaseline>{checkbox}</CenterBaseline>\n                  <span class={labelSpan}>{local.children}</span>\n                </>\n              );\n            }}\n          </HeadlessCheckboxButton>\n          {renderHelpText(fieldRenderProps)}\n        </>\n      )}\n    </HeadlessCheckboxField>\n  );\n}\n\n/**\n * A checkbox group allows users to select multiple items from a list.\n *\n */\nexport function CheckboxGroup(props: CheckboxGroupProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(CheckboxGroupContext), props.slot);\n  const defaultProps: Partial<CheckboxGroupProps> = {\n    orientation: \"vertical\",\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"orientation\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeCheckboxSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const idBase = createUniqueId();\n  const labelId = `${idBase}-label`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const getClassName = (renderProps: CheckboxGroupRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxGroupRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderChildren = (renderProps: CheckboxGroupRenderProps) => (\n    <>\n      <Show when={local.label}>\n        <div\n          class={checkboxGroupLabelWrapper({\n            ...renderProps,\n            size: size(),\n            labelPosition: labelPosition(),\n            labelAlign: labelAlign(),\n            // Upstream FieldLabel is rendered by CheckboxGroup with `isQuiet`\n            // (\"Make the label affect the width of the group\"), so the wrapper's\n            // `contain` resolves to `none` (label width feeds the group), not the\n            // `inline-size` a bare labelPosition:top would give.\n            isQuiet: true,\n          })}\n        >\n          {/* Upstream renders the group label via RAC <Label>, but a group is not\n              a labelable element: RAC CheckboxGroup supplies LabelContext with\n              `elementType: 'span'`, so the group label is a <span> (associated to\n              the group by `aria-labelledby`, not `for`). The hand-roll matches that\n              output with a <span id>. */}\n          <span id={labelId} class={checkboxGroupLabel({ ...renderProps, size: size() })}>\n            {local.label}\n            <Show when={headlessProps.isRequired || necessityIndicator() === \"label\"}>\n              <span class={checkboxGroupNoWrap}>\n                &nbsp;\n                <Show\n                  when={necessityIndicator() === \"icon\"}\n                  fallback={\n                    <span aria-hidden={headlessProps.isRequired ? true : undefined}>\n                      {headlessProps.isRequired ? \"(required)\" : \"(optional)\"}\n                    </span>\n                  }\n                >\n                  <AsteriskIcon\n                    size={size() === \"S\" ? \"M\" : size()}\n                    class={checkboxGroupRequiredIcon}\n                    style={requiredIconStyle(size())}\n                    aria-hidden=\"true\"\n                  />\n                </Show>\n              </span>\n            </Show>\n          </span>\n          <Show when={local.contextualHelp}>\n            <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n          </Show>\n        </div>\n      </Show>\n      <div\n        class={checkboxGroupItems({\n          ...renderProps,\n          size: size(),\n          orientation: local.orientation,\n        })}\n      >\n        <FormContext.Provider\n          value={{\n            ...(formContext ?? {}),\n            get size() {\n              return size();\n            },\n            isRequired: undefined,\n          }}\n        >\n          <CheckboxContext.Provider\n            value={{\n              get isEmphasized() {\n                return local.isEmphasized;\n              },\n            }}\n          >\n            {local.children}\n          </CheckboxContext.Provider>\n        </FormContext.Provider>\n      </div>\n      {/* Byte-faithful to upstream Field.tsx HelpText: the description renders a\n          RAC `<Text slot=\"description\">` (a `<span>`), not a `<div>`. */}\n      <Show when={local.description && !renderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          id={checkboxGroupData.get(renderProps.state)?.descriptionId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      {/* Upstream renders the invalid message through a RAC `<FieldError>`, which\n          is a `<Text slot=\"errorMessage\">` (a `<span>`) with NO `role=\"alert\"`\n          (RAC FieldError carries no alert role; the group's `aria-describedby`\n          points here for the association). */}\n      <Show when={local.errorMessage && renderProps.isInvalid}>\n        <Text\n          slot=\"errorMessage\"\n          id={checkboxGroupData.get(renderProps.state)?.errorMessageId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <CheckboxGroupStyleContext.Provider\n      value={{\n        get size() {\n          return local.size;\n        },\n        get isEmphasized() {\n          return local.isEmphasized;\n        },\n      }}\n    >\n      <HeadlessCheckboxGroup\n        {...headlessProps}\n        value={headlessProps.value}\n        defaultValue={headlessProps.defaultValue}\n        onChange={headlessProps.onChange}\n        isDisabled={headlessProps.isDisabled}\n        isReadOnly={headlessProps.isReadOnly}\n        isRequired={headlessProps.isRequired}\n        isInvalid={headlessProps.isInvalid}\n        // Pass the field content down so the headless mints the description/error\n        // ids and threads them onto the group and every item's aria-describedby —\n        // the single source of truth. renderHelpText={false} suppresses the\n        // headless's own plain div; we render the styled <Text> above.\n        description={local.description}\n        errorMessage={local.errorMessage}\n        renderHelpText={false}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? (local.label ? labelId : undefined)}\n        ref={(element) => assignRootRef(element)}\n        slot={local.slot ?? undefined}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n        data-size={size()}\n      >\n        {renderChildren}\n      </HeadlessCheckboxGroup>\n    </CheckboxGroupStyleContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/checkbox/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Checkbox.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/CheckboxGroup.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Field.tsx\n\n// Port of packages/@react-spectrum/s2/src/Checkbox.tsx.\n// Port of packages/@react-spectrum/s2/src/CheckboxGroup.tsx.\n// Port of packages/@react-spectrum/s2/src/Field.tsx.\n\nimport { createContext, createUniqueId, Show, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  CheckboxField as HeadlessCheckboxField,\n  CheckboxButton as HeadlessCheckboxButton,\n  CheckboxGroup as HeadlessCheckboxGroup,\n  CheckboxGroupStateContext as HeadlessCheckboxGroupStateContext,\n  type CheckboxFieldProps as HeadlessCheckboxFieldProps,\n  type CheckboxGroupProps as HeadlessCheckboxGroupProps,\n  type CheckboxRenderProps,\n  type CheckboxGroupRenderProps,\n  type CheckboxFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\n// The headless group is the single source of truth for the description/error ids\n// (minted by createField, threaded onto the group AND every item's\n// aria-describedby via this WeakMap). We render the visible HelpText ourselves\n// (renderHelpText={false}) but read the id back from here so all three — group\n// node, item inputs, and our <Text> — resolve to the same element.\nimport { mergeProps, checkboxGroupData } from \"@proyecto-viviana/solidaria\";\nimport { Text } from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, space, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  field,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport DashIcon from \"../icon/ui-icons/Dash\";\nimport { useProviderProps } from \"../provider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type CheckboxGroupOrientation = \"horizontal\" | \"vertical\";\nexport type CheckboxGroupLabelPosition = \"top\" | \"side\";\nexport type CheckboxGroupLabelAlign = \"start\" | \"end\";\nexport type CheckboxGroupNecessityIndicator = \"icon\" | \"label\";\n\ninterface CheckboxGroupStyleContextValue {\n  size?: CheckboxSize;\n  isEmphasized?: boolean;\n}\n\nconst CheckboxGroupStyleContext = createContext<CheckboxGroupStyleContextValue>({});\n\nexport interface CheckboxProps extends Omit<\n  HeadlessCheckboxFieldProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\" | \"inputRef\"\n> {\n  /** The size of the checkbox. */\n  size?: CheckboxSize;\n  /** Whether the checkbox should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Label text for the checkbox. */\n  children?: JSX.Element;\n  /** A description for the checkbox, displayed below the label. */\n  description?: JSX.Element;\n  /** An error message for the checkbox, displayed when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the underlying field (root `<div>`) element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\nexport interface CheckboxGroupProps extends Omit<\n  HeadlessCheckboxGroupProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The size of the Checkboxes in the CheckboxGroup. */\n  size?: CheckboxSize;\n  /** The axis the checkboxes should align with. */\n  orientation?: CheckboxGroupOrientation;\n  /** The label's overall position relative to the checkbox items. */\n  labelPosition?: CheckboxGroupLabelPosition;\n  /** The label's horizontal alignment relative to the checkbox items. */\n  labelAlign?: CheckboxGroupLabelAlign;\n  /** Whether the required state should be shown as an icon or text label. */\n  necessityIndicator?: CheckboxGroupNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /** Whether the Checkboxes should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Children checkboxes. */\n  children?: JSX.Element;\n  /** Label for the group. */\n  label?: JSX.Element;\n  /** Description for the group. */\n  description?: JSX.Element;\n  /** Error message when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the checkbox group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface CheckboxStyleProps {\n  size?: S2CheckboxSize;\n  isEmphasized?: boolean;\n  orientation?: CheckboxGroupOrientation;\n  labelPosition?: \"top\" | \"side\";\n  labelAlign?: \"start\" | \"end\";\n  isInForm?: boolean;\n}\n\ntype CheckboxStyleState = CheckboxRenderProps & CheckboxStyleProps;\ntype CheckboxGroupStyleState = CheckboxGroupRenderProps & CheckboxStyleProps;\n\nexport const CheckboxContext = createContext<SpectrumContextValue<CheckboxProps>>(null);\nexport const CheckboxGroupContext = createContext<SpectrumContextValue<CheckboxGroupProps>>(null);\n\nconst checkboxGroupRoot = style<CheckboxGroupStyleState>(\n  {\n    ...field(),\n    \"--field-gap\": {\n      type: \"rowGap\",\n      value: \"calc(var(--field-height) - 1lh)\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst checkboxGroupLabelWrapper = style<CheckboxGroupStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  // Byte-faithful to upstream Field.tsx FieldLabel outer `<div>` contain: the\n  // `isQuiet:'none'` branch is declared last, so when CheckboxGroup passes\n  // `isQuiet` (which it always does — see renderChildren) it wins under\n  // last-match-wins and the label wrapper computes `contain:none` on the default\n  // `labelPosition:top` (previously mis-computed `contain:inline-size`).\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst checkboxGroupLabel = style<CheckboxGroupStyleState>({\n  ...fieldLabel(),\n});\n\nconst checkboxGroupItems = style<CheckboxGroupStyleState>({\n  gridArea: \"input\",\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      vertical: \"column\",\n      horizontal: \"row\",\n    },\n  },\n  lineHeight: \"ui\",\n  rowGap: \"--field-gap\",\n  columnGap: 16,\n  // Byte-faithful to upstream CheckboxGroup.tsx: only a horizontal group wraps.\n  // The previous unconditional `\"wrap\"` was a self-inflicted divergence — for a\n  // vertical group (the demo default) upstream computes `flex-wrap:nowrap`.\n  flexWrap: {\n    orientation: {\n      horizontal: \"wrap\",\n    },\n  },\n});\n\nconst checkboxGroupHelpText = style<CheckboxGroupStyleState>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst checkboxGroupRequiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst checkboxGroupNoWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// The field grid — byte-faithful to upstream S2 `Checkbox.tsx` local `field`.\n// `gridColumnStart:{isInForm:'field'}` is deliberately dormant: upstream calls\n// field() with {size, isInCheckboxGroup, isNoVisibleLabel} and never passes\n// isInForm, so this branch never fires (isInForm is applied to the subgrid\n// wrapper below instead). Kept for byte-parity with the upstream style object.\nconst checkboxFieldStyle = style<\n  CheckboxStyleState & { isInCheckboxGroup?: boolean; isNoVisibleLabel?: boolean }\n>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      default: [\"max-content\", \"1fr\"],\n      isNoVisibleLabel: [\"max-content\"],\n    },\n    columnGap: \"text-to-control\",\n    alignContent: \"start\",\n    width: {\n      default: \"fit\",\n      isInCheckboxGroup: \"auto\",\n    },\n    font: controlFont(),\n    \"--field-height\": {\n      type: \"height\",\n      value: controlSize(),\n    },\n    rowGap: {\n      default: \"calc(var(--field-height) - 1lh)\",\n      isInCheckboxGroup: {\n        size: {\n          S: space(1),\n          M: space(1),\n          L: 2,\n          XL: 2,\n        },\n      },\n    },\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\n// The subgrid wrapper (CheckboxButton `<label>`) — byte-faithful to upstream\n// `wrapper`. No getAllowedOverrides (upstream's wrapper is a plain style()).\nconst wrapper = style<CheckboxStyleState & { isInForm?: boolean }>({\n  display: \"grid\",\n  gridTemplateColumns: \"subgrid\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  position: \"relative\",\n  alignItems: \"baseline\",\n  transition: \"colors\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  disableTapHighlight: true,\n});\n\n// The visible label span sits in the second grid column — upstream renders\n// `<span className={style({gridColumnStart: 2})}>{children}</span>`.\nconst labelSpan = style({ gridColumnStart: 2 });\n\n// Individual-field help text. Byte-faithful to upstream Field.tsx\n// `helpTextStyles`, folding in the checkbox's inline override\n// (`gridColumnStart:{default:1,isInCheckboxGroup:2}, paddingTop:0`). Rendered\n// via the field's `Text` description/errorMessage slot contract. NOTE: the\n// checkbox demo never sets description/errorMessage, so upstream's `HelpText`\n// is `null` in every cert case — this path is faithful but dormant here.\nconst checkboxHelpText = style<\n  CheckboxStyleState & { isInvalid?: boolean; isDisabled?: boolean; isInCheckboxGroup?: boolean }\n>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n  gridColumnStart: {\n    default: 1,\n    isInCheckboxGroup: 2,\n  },\n  paddingTop: 0,\n});\n\nconst checkboxBox = style<CheckboxStyleState>({\n  ...focusRing(),\n  /* Terminal Glass draws the choice box as a PIXEL square, not a rounded control:\n   * the checkpoint quiz marks each answer with a 14x14 box at `border: 2px solid`\n   * and no radius at all (\"Terminal Glass App.dc.html\":242). Size S is where that\n   * geometry lands, because `controlSize(\"sm\")` already resolves S to 14px — the\n   * handoff's own measurement — so the register only has to flatten the corner and\n   * double the edge there. M/L/XL keep the Spectrum 5px corner and 1px edge: they\n   * are the form-density sizes, not the one the register draws. */\n  borderRadius: {\n    default: \"control\",\n    size: {\n      S: \"none\",\n    },\n  },\n  size: controlSize(\"sm\"),\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // The register draws control chrome edges at 1px, which is what the matte\n  // register bakes in (`result.borderWidth = 1` in s2-internal/style-utils.ts,\n  // both the `chip` and `matte` branches). This box cannot spread control()\n  // itself — control() unconditionally emits display/paddingX/minWidth/font,\n  // all of which would break a square choice box — so it carries the literal.\n  // The identical hand-rolled block in menu/s2-menu-styles.ts must move with it.\n  // Size S is the exception, and it is the register's own: the quiz box is drawn at\n  // 2px so a 14px square still reads as a hard-edged mark rather than a hairline.\n  borderWidth: {\n    default: 1,\n    size: {\n      S: 2,\n    },\n  },\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    // The matte well, not paper. `gray-25` is #ffffff in light\n    // (style/glasselated-ramps.ts:87), so the unselected box read as a hole\n    // punched through the panel rather than a recess. `well` resolves to\n    // var(--surface-well) (style/spectrum-theme.ts:927), the register's inset\n    // control surface. NOTE: in light --surface-well sits very close to the app\n    // surface, so the `borderColor.default` below is what carries the box's\n    // shape — it is deliberately NOT softened to `well-border`.\n    default: \"well\",\n    forcedColors: \"Background\",\n    isSelected: {\n      // Accent-on-selection is the register's selection idiom, not an emphasis\n      // variant, so the accent fill moves to `default` — previously a\n      // non-emphasized selected checkbox filled with the text ramp and rendered\n      // no accent at all. `isEmphasized` is preserved as a real, visible step\n      // rather than deleted: it goes one stop deeper in the same accent channel\n      // (accent-1000), so the public prop keeps changing what it renders.\n      // Both stops are held flat rather than moved to the\n      // lightDark(\"accent-900\",\"accent-700\") idiom used by Button/Tag, because\n      // the checkmark ink here is `gray-25`, which flips to near-black in dark\n      // (style/glasselated-ramps.ts:87) — near-black ink on dark accent-700\n      // would not clear AA.\n      default: baseColor(\"accent-900\"),\n      isEmphasized: baseColor(\"accent-1000\"),\n      forcedColors: \"Highlight\",\n      isInvalid: {\n        default: baseColor(\"negative-900\"),\n        forcedColors: \"Mark\",\n      },\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n});\n\nconst checkboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    /* The mark inside a filled box is the DEEP well, not paper. The handoff punches\n     * the correct answer's dot in `--well2` over the `--status-info` fill\n     * (\"Terminal Glass App.dc.html\":520, `dot: right ? 'var(--well2)'`), which is\n     * `--surface-well-deep` here. `gray-25` was the Spectrum answer — pure #ffffff in\n     * light — and it made the checkmark read as a hole in the fill rather than as\n     * something stamped into it. In dark the two values are within a hair of each\n     * other, so this only moves the light scheme, where it stays well clear of the\n     * 3:1 graphical floor against the accent fill. */\n    value: {\n      default: \"[var(--surface-well-deep)]\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst iconSize = {\n  S: \"XS\",\n  M: \"S\",\n  L: \"M\",\n  XL: \"L\",\n} as const;\n\nconst checkmarkIconPixelSize = {\n  S: 10,\n  M: 10,\n  L: 10,\n  XL: 12,\n} as const;\n\nconst dashIconPixelSize = {\n  S: 8,\n  M: 8,\n  L: 10,\n  XL: 12,\n} as const;\n\nfunction normalizeCheckboxSize(size: CheckboxSize | undefined): S2CheckboxSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction checkboxPressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: CheckboxRenderProps,\n): JSX.CSSProperties {\n  const pressStyle = { \"will-change\": \"transform\" } as JSX.CSSProperties;\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    pressStyle.transform = `perspective(${Math.max(height, width / 3, 24)}px) translate3d(0, 0, -2px)`;\n  }\n\n  return pressStyle;\n}\n\nfunction checkboxIconSizeStyle(size: number): JSX.CSSProperties {\n  return {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n}\n\nfunction requiredIconStyle(size: S2CheckboxSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\n/**\n * A checkbox allows users to select one or more items from a set.\n *\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const groupStyleContext = useContext(CheckboxGroupStyleContext);\n  const isInForm = useIsInForm();\n  const isInCheckboxGroup = !!useContext(HeadlessCheckboxGroupStateContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(CheckboxContext), props.slot);\n  const merged = mergeProps(flags, contextProps ?? {}, props);\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"description\",\n    \"errorMessage\",\n    \"slot\",\n    \"ref\",\n    \"inputRef\",\n  ]);\n\n  const size = () => normalizeCheckboxSize(local.size ?? groupStyleContext.size);\n  const isEmphasized = () => local.isEmphasized ?? groupStyleContext.isEmphasized;\n  // Upstream checks `!children` for the truthiness — reading `local.children`\n  // never invokes a component thunk (a function is truthy as-is), so this is\n  // safe to read alongside the `<span>{local.children}</span>` render below.\n  const hasLabel = () => !!local.children;\n  // Upstream: `size={isInCheckboxGroup ? smallerSize[size] : size}` — `iconSize`\n  // is the port's `smallerSize` map.\n  const helpTextSize = () => (isInCheckboxGroup ? iconSize[size()] : size());\n  let boxElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const assignInputRef = mergeContextRefs(\n    (contextProps as { inputRef?: RefLike<HTMLInputElement> } | null)?.inputRef,\n    props.inputRef,\n  );\n\n  // The field grid className. Mirrors upstream `field({size, isInCheckboxGroup,\n  // isNoVisibleLabel}, styles)` — and deliberately does NOT pass `isInForm`, so\n  // the field's dormant `gridColumnStart:{isInForm:'field'}` stays inert\n  // (upstream passes isInForm to the wrapper subgrid instead).\n  const getFieldClassName = (_renderProps?: CheckboxFieldRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxFieldStyle(\n        {\n          size: size(),\n          isInCheckboxGroup,\n          isNoVisibleLabel: !hasLabel(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  // Upstream: `isInvalid={isInCheckboxGroup ? false : isInvalid}` on the HelpText\n  // (in a group, validation is surfaced at the group level, not per-checkbox).\n  const invalidFor = (fieldRenderProps: CheckboxFieldRenderProps): boolean =>\n    isInCheckboxGroup ? false : fieldRenderProps.isInvalid;\n\n  const renderHelpText = (fieldRenderProps: CheckboxFieldRenderProps): JSX.Element => (\n    <>\n      <Show when={local.description && !invalidFor(fieldRenderProps)}>\n        <Text\n          slot=\"description\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      <Show when={invalidFor(fieldRenderProps) && local.errorMessage}>\n        <Text\n          slot=\"errorMessage\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isInvalid: true,\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <HeadlessCheckboxField\n      {...headlessProps}\n      ref={(element) => assignRootRef(element)}\n      inputRef={(element) => assignInputRef(element)}\n      slot={local.slot ?? undefined}\n      class={getFieldClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(fieldRenderProps: CheckboxFieldRenderProps) => (\n        <>\n          <HeadlessCheckboxButton\n            class={(renderProps: CheckboxRenderProps) =>\n              wrapper({ ...renderProps, isInForm, size: size() })\n            }\n          >\n            {(renderProps: CheckboxRenderProps) => {\n              const checkbox = (\n                <div\n                  ref={boxElement}\n                  class={checkboxBox({\n                    ...renderProps,\n                    isSelected: renderProps.isSelected || renderProps.isIndeterminate,\n                    size: size(),\n                    isEmphasized: isEmphasized(),\n                  })}\n                  style={checkboxPressScaleStyle(boxElement, renderProps)}\n                >\n                  <Show when={renderProps.isIndeterminate}>\n                    <DashIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(dashIconPixelSize[size()])}\n                    />\n                  </Show>\n                  <Show when={renderProps.isSelected && !renderProps.isIndeterminate}>\n                    <CheckmarkIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(checkmarkIconPixelSize[size()])}\n                    />\n                  </Show>\n                </div>\n              );\n\n              // Only render checkbox without center baseline if no label.\n              // This avoids expanding the checkbox height to the font's line height.\n              if (!hasLabel()) {\n                return checkbox;\n              }\n\n              return (\n                <>\n                  <CenterBaseline>{checkbox}</CenterBaseline>\n                  <span class={labelSpan}>{local.children}</span>\n                </>\n              );\n            }}\n          </HeadlessCheckboxButton>\n          {renderHelpText(fieldRenderProps)}\n        </>\n      )}\n    </HeadlessCheckboxField>\n  );\n}\n\n/**\n * A checkbox group allows users to select multiple items from a list.\n *\n */\nexport function CheckboxGroup(props: CheckboxGroupProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(CheckboxGroupContext), props.slot);\n  const defaultProps: Partial<CheckboxGroupProps> = {\n    orientation: \"vertical\",\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"orientation\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeCheckboxSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const idBase = createUniqueId();\n  const labelId = `${idBase}-label`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const getClassName = (renderProps: CheckboxGroupRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxGroupRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderChildren = (renderProps: CheckboxGroupRenderProps) => (\n    <>\n      <Show when={local.label}>\n        <div\n          class={checkboxGroupLabelWrapper({\n            ...renderProps,\n            size: size(),\n            labelPosition: labelPosition(),\n            labelAlign: labelAlign(),\n            // Upstream FieldLabel is rendered by CheckboxGroup with `isQuiet`\n            // (\"Make the label affect the width of the group\"), so the wrapper's\n            // `contain` resolves to `none` (label width feeds the group), not the\n            // `inline-size` a bare labelPosition:top would give.\n            isQuiet: true,\n          })}\n        >\n          {/* Upstream renders the group label via RAC <Label>, but a group is not\n              a labelable element: RAC CheckboxGroup supplies LabelContext with\n              `elementType: 'span'`, so the group label is a <span> (associated to\n              the group by `aria-labelledby`, not `for`). The hand-roll matches that\n              output with a <span id>. */}\n          <span id={labelId} class={checkboxGroupLabel({ ...renderProps, size: size() })}>\n            {local.label}\n            <Show when={headlessProps.isRequired || necessityIndicator() === \"label\"}>\n              <span class={checkboxGroupNoWrap}>\n                &nbsp;\n                <Show\n                  when={necessityIndicator() === \"icon\"}\n                  fallback={\n                    <span aria-hidden={headlessProps.isRequired ? true : undefined}>\n                      {stringFormatter().format(\n                        headlessProps.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                      )}\n                    </span>\n                  }\n                >\n                  <AsteriskIcon\n                    size={size() === \"S\" ? \"M\" : size()}\n                    class={checkboxGroupRequiredIcon}\n                    style={requiredIconStyle(size())}\n                    aria-hidden=\"true\"\n                  />\n                </Show>\n              </span>\n            </Show>\n          </span>\n          <Show when={local.contextualHelp}>\n            <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n          </Show>\n        </div>\n      </Show>\n      <div\n        class={checkboxGroupItems({\n          ...renderProps,\n          size: size(),\n          orientation: local.orientation,\n        })}\n      >\n        <FormContext\n          value={{\n            ...(formContext ?? {}),\n            get size() {\n              return size();\n            },\n            isRequired: undefined,\n          }}\n        >\n          <CheckboxContext\n            value={{\n              get isEmphasized() {\n                return local.isEmphasized;\n              },\n            }}\n          >\n            {local.children}\n          </CheckboxContext>\n        </FormContext>\n      </div>\n      {/* Byte-faithful to upstream Field.tsx HelpText: the description renders a\n          RAC `<Text slot=\"description\">` (a `<span>`), not a `<div>`. */}\n      <Show when={local.description && !renderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          id={checkboxGroupData.get(renderProps.state)?.descriptionId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      {/* Upstream renders the invalid message through a RAC `<FieldError>`, which\n          is a `<Text slot=\"errorMessage\">` (a `<span>`) with NO `role=\"alert\"`\n          (RAC FieldError carries no alert role; the group's `aria-describedby`\n          points here for the association). */}\n      <Show when={local.errorMessage && renderProps.isInvalid}>\n        <Text\n          slot=\"errorMessage\"\n          id={checkboxGroupData.get(renderProps.state)?.errorMessageId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <CheckboxGroupStyleContext\n      value={{\n        get size() {\n          return local.size;\n        },\n        get isEmphasized() {\n          return local.isEmphasized;\n        },\n      }}\n    >\n      <HeadlessCheckboxGroup\n        {...headlessProps}\n        value={headlessProps.value}\n        defaultValue={headlessProps.defaultValue}\n        onChange={headlessProps.onChange}\n        isDisabled={headlessProps.isDisabled}\n        isReadOnly={headlessProps.isReadOnly}\n        isRequired={headlessProps.isRequired}\n        isInvalid={headlessProps.isInvalid}\n        // Pass the field content down so the headless mints the description/error\n        // ids and threads them onto the group and every item's aria-describedby —\n        // the single source of truth. renderHelpText={false} suppresses the\n        // headless's own plain div; we render the styled <Text> above.\n        description={local.description}\n        errorMessage={local.errorMessage}\n        renderHelpText={false}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? (local.label ? labelId : undefined)}\n        ref={(element) => assignRootRef(element)}\n        slot={local.slot ?? undefined}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n        data-size={size()}\n      >\n        {renderChildren}\n      </HeadlessCheckboxGroup>\n    </CheckboxGroupStyleContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,MAAM,4BAA4B,cAA8C,CAAC,CAAA;AAoFjF,MAAa,kBAAkB,cAAmD,IAAA;AAClF,MAAa,uBAAuB,cAAwD,IAAA;AAE5F,MAAM,oBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWN,MAAM,4BAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;AA2BN,MAAM,qBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIN,MAAM,qBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;AAsBN,MAAM,wBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BN,MAAM,4BAAA;AAgBN,MAAM,qBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;AA4BN,MAAM,mBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFN,MAAM,eAAA;AAmBN,MAAM,WAAW;CACf,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;AACN;AAEA,MAAM,yBAAyB;CAC7B,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;AACN;AAEA,MAAM,oBAAoB;CACxB,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;AACN;AAEA,SAAS,sBAAsB,MAAiC;CAC9D,QAAQ,MAAR;EACE,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,MACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAS,wBACP,SACA,aACK;CACL,MAAM,aAAa,EAAE,eAAe,YAAY;CAEhD,IAAI,YAAY,aAAa,SAAS;EACpC,MAAM,EAAE,OAAO,WAAW,QAAQ,sBAAqB;EACvD,WAAW,YAAY,eAAe,KAAK,IAAI,QAAQ,QAAQ,GAAG,EAAA,EAAI;CACxE;CAEA,OAAO;AACT;AAEA,SAAS,sBAAsB,MAAmB;CAChD,OAAO;EACL,OAAO,GAAG,KAAK;EACf,QAAQ,GAAG,KAAK;CAClB;AACF;AAEA,SAAS,kBAAkB,MAA2B;CACpD,MAAM,YAAY,SAAS,OAAO,SAAS,OAAO,KAAK;CACvD,OAAO;EACL,OAAO,GAAG,UAAU;EACpB,QAAQ,GAAG,UAAU;CACvB;AACF;;;;GAMA,SAAgB,SAAS,OAA2B;CAClD,MAAM,oBAAoB,WAAW,yBAAA;CACrC,MAAM,WAAW,YAAA;CACjB,MAAM,oBAAoB,CAAC,CAAC,WAAW,yBAAA;CACvC,MAAM,gBAAgB,iBAAiB,aAAa,KAAA,CAAA;CACpD,MAAM,CAAC,SAAS,WAAW,eAAe;EACxC;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,eAAe,uBAAuB,WAAW,eAAA,GAAkB,MAAM,IAAI;CACnF,MAAM,SAAS,aAAW,OAAO,gBAAgB,CAAC,GAAG,KAAA;CAErD,MAAM,CAAC,OAAO,iBAAiB,WAAW,QAAQ;EAChD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CAED,MAAM,aAAa,sBAAsB,MAAM,QAAQ,kBAAkB,IAAI;CAC7E,MAAM,qBAAqB,MAAM,gBAAgB,kBAAkB;CAInE,MAAM,iBAAiB,CAAC,CAAC,MAAM;CAG/B,MAAM,qBAAsB,oBAAoB,SAAS,KAAA,KAAU,KAAA;CACnE,IAAI;CACJ,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,gBAAgB,iBACnB,cAA2D,KAC5D,MAAM,GAAG;CAEX,MAAM,iBAAiB,iBACpB,cAAkE,UACnE,MAAM,QAAQ;CAOhB,MAAM,qBAAqB,iBACzB;EACE,cAAc;EACd,MAAM;EACN,MAAM;EACN,mBACE;GACE,MAAM,KAAA;GACN;GACA,kBAAkB,CAAC,SAAA;EACrB,GACA,aAAA,CAAA;CAEH,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CAIV,MAAM,cAAc,qBAClB,oBAAoB,QAAQ,iBAAiB;CAE/C,MAAM,kBAAkB,qBACpB,CACA,gBAAA,MAAA;EAAM,IAAA,OAAA;GAAM,OAAA,WAAA;IAAM,OAAA,CAAA,CAAA,MAAA;GAA2B,CAAA,CAAA,CAAA,IAAZ,CAAC,WAAW,gBAAA,IAAjC,MAAM;EAA2B;EAA7C,IAAA,WAAA;GACE,OAAA,gBAAA,QAAA;IACE,MAAK;IACL,IAAA,SAAA;KAAQ,OAAA,iBAAiB;MACvB,MAAM,aAAA;MACN,YAAY,iBAAiB;MAC7B;KACF,CAAA;IAAA;IANF,IAAA,WAAA;KAQG,OAAA,MAAM;IACP;;EACF;CACF,CAAA,GAAA,gBAAA,MAAA;EAAM,IAAA,OAAA;GAAM,OAAA,WAAA;IAAW,OAAA,CAAA,CAAA,WAAA,gBAAA;GAA2B,CAAA,CAAY,CAAZ,IAAN,MAAM,eAAtC,WAAW,gBAAA;EAAuC;EAA9D,IAAA,WAAA;GACE,OAAA,gBAAA,QAAA;IACE,MAAK;IACL,IAAA,SAAA;KAAQ,OAAA,iBAAiB;MACvB,MAAM,aAAA;MACN,WAAW;MACX,YAAY,iBAAiB;MAC7B;KACF,CAAA;IAAA;IAPF,IAAA,WAAA;KAQC,OAAA,CACC,gBAAA,gBAAA,EAAA,IAAA,WAAA;MACE,OAAA,gBAAA,mBAAA,EAAmB,eAAY,OAAA,CAAA;KAC/B,EAAA,CAAA,UACF;MAA4B,IAAA,OAAA,eAAA,MAAA;MAA5B,OAAA,YAAC;OAAM,OAAA,MAAM;MAAY,CAAG;MAA5B,OAAA;KAA4B,EAAA,CAAA,CAH5B;IAIA;;EACF;CA3BF,CAAA,CAAA;CA+BJ,OAAO,gBAAA,eAAA,WAEC,eAFD;EAGH,MAAM,YAAY,cAAc,OAAA;EAChC,WAAW,YAAY,eAAe,OAAA;EACtC,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAA;EACpB,OAAO;EACP,IAAA,QAAA;GAAO,OAAA,kBAAA;EAAA;EAPJ,WASD,qBACE,CACA,gBAAA,gBAAA;GACE,QAAQ,gBACN,QAAQ;IAAE,GAAG;IAAa;IAAU,MAAM,KAAA;GAAO,CAAA;GAFrD,WAKI,gBAAa;IACI,IAAA,QAAA,eAAA,OAyBb;IAzBa,IAAA,QAAA,MAAA;IAyBb,IAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA;IAzBa,IAAA,QAAA,MAAA;IAyBb,IAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA;IAvBA,IAAA,QAAK;IAAL,OAAA,UAAA,cAAA,MAAA,QAAA,KAAK,IAAL,UAAA;;IAAK,GAAL,KAAK,IAAL,aAAA;IAFa,OAAA,OAWb,gBAAA,MAAA;KAAM,IAAA,OAAA;MAAM,OAAA,YAAY;KAAe;KAAvC,IAAA,WAAA;MACE,OAAA,gBAAA,MAAA;OACE,IAAA,OAAA;QAAM,OAAA,SAAS,KAAA;OAAO;OACtB,OAAO;OACP,IAAA,QAAA;QAAO,OAAA,sBAAsB,kBAAkB,KAAA,EAAO;OAAA;MAAA,CAAA;KAExD;IAjBW,CAAA,GAAA,OAAA,KAyBb;IAzBa,OAAA,OAkBb,gBAAA,MAAA;KAAM,IAAA,OAAA;MAAM,OAAA,WAAA;OAAY,OAAA,CAAA,CAAA,YAAA;MAA2B,CAAA,CAAe,CAAf,IAAb,CAAC,YAAY,kBAAvC,YAAY;KAA0C;KAAlE,IAAA,WAAA;MACE,OAAA,gBAAA,WAAA;OACE,IAAA,OAAA;QAAM,OAAA,SAAS,KAAA;OAAO;OACtB,OAAO;OACP,IAAA,QAAA;QAAO,OAAA,sBAAsB,uBAAuB,KAAA,EAAO;OAAA;MAAA,CAAA;KAE7D;IAxBW,CAAA,GAAA,OAAA,KAyBb;IAtBA,aAAA;;MAAO,GAAA,YAAA,YAAY;OACjB,GAAG;OACH,YAAY,YAAY,cAAc,YAAY;OAClD,MAAM,KAAA;OACN,cAAc,aAAA;MAChB,CAAA,CAAA;MACA,GAAA,YAAO,wBAAwB,YAAY,WAAA,CAAA;KAD3C;IALA,IAAA,EAAA,GAAA,KAAA,QAAA;KAKA,UAAA,OAAA,GAAA,KAAA,CAAA;KACA,MAAA,OAAA,GAAA,KAAA,CAA2C;IAD3C,CAAA;IARJ,MAAM,WAAW;IA8BjB,IAAI,CAAC,SAAA,GACH,OAAO;IAGT,OACI,CACA,gBAAA,gBAAA,EAAA,UAAiB,SAAW,CAAA,UAC5B;KAA0C,IAAA,QAAA,eAAA,OAAA;KAA1C,OAAA,OAAa,YAAA;MAAY,OAAA,MAAM;KAAQ,CAAA,CAAG;KAA1C,OAAA;IAA0C,EAAA,CAAA,CAD1C;GAIN;EACA,CAAA,GACF,WAAA;GAAC,OAAA,eAAe,gBAAA;EAAA,CAAA,CAhDhB;CAmDJ,CAAA,CAAA;AAEN;;;;GAMA,SAAgB,cAAc,OAAgC;CAC5D,MAAM,WAAW,YAAA;CACjB,MAAM,cAAc,WAAW,WAAA;CAC/B,MAAM,gBAAgB,iBAAiB,aAAa,KAAA,CAAA;CACpD,MAAM,CAAC,SAAS,WAAW,eAAe;EACxC;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,eAAe,uBAAuB,WAAW,oBAAA,GAAuB,MAAM,IAAI;CAOxF,MAAM,cAAc,aAAW;EAL7B,aAAa;EACb,eAAe;EACf,YAAY;EACZ,oBAAoB;CAES,GAAc,OAAO,gBAAgB,CAAC,GAAG,KAAA;CACxE,MAAM,CAAC,OAAO,iBAAiB,WAAW,aAAa;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,aAAa,sBAAsB,MAAM,IAAI;CACnD,MAAM,sBAAsB,MAAM,iBAAiB;CACnD,MAAM,mBAAmB,MAAM,cAAc;CAC7C,MAAM,2BAA2B,MAAM,sBAAsB;CAC7D,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAE7D,MAAM,UAAU,GADD,eACI,EAAO;CAC1B,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,gBAAgB,iBACnB,cAA2D,KAC5D,MAAM,GAAG;CAGX,MAAM,gBAAgB,gBACpB;EACE,cAAc;EACd,MAAM;EACN,MAAM;EACN,kBACE;GACE,GAAG;GACH,MAAM,KAAA;GACN,eAAe,cAAA;GACf,YAAY,WAAA;GACZ;EACF,GACA,aAAA,CAAA;CAEH,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CAEV,MAAM,kBAAkB,gBACpB;EACA,gBAAA,MAAA;GAAM,IAAA,OAAA;IAAM,OAAA,MAAM;GAAK;GAAvB,IAAA,WAAA;IACE,IAAA,SAAA,eAAA,OA8CE;IA5BA,IAAA,SAAA,OAAA;;IAwBE,IAAA,CAAA,QAAA,UAAA,cAAA,OAAA,WAAA;IAxBF,IAAA,SAAA,OAAA;IAwBE,IAAA,CAAA,QAAA,UAAA,cAAA,OAAA,WAAA;IA1CJ,IAAA,SAAA,OAAA;IA8CE,IAAA,CAAA,QAAA,UAAA,cAAA,OAAA,WAAA;IA5BM,aAAA,QAAA,MAAI,OAAA;IAAV,OAAA,cACE;KAAC,OAAA,MAAM;IAAK,GADd,QAAA,MAwBE;IAxBF,OAAA,QAEE,gBAAA,MAAA;KAAM,IAAA,OAAA;MAAM,OAAA,cAAc,cAAc,mBAAA,MAAyB;KAAA;KAAjE,IAAA,WAAA;MACE,IAAA,SAAA,eAAA,OAmBE;MAnBF,IAAA,SAAA,OAAA,WAAA;MAmBE,IAAA,CAAA,QAAA,UAAA,cAAA,OAAA,WAAA;MAnBF,OAAA,QAEE,gBAAA,MAAA;OACE,IAAA,OAAA;QAAM,OAAA,mBAAA,MAAyB;OAAA;OAC/B,IAAA,WAAA;QAAA,IAAA,SAAA,eAAA,MAKI;QALJ,OAAA,QAEI,YAAA;SAAC,OAAA,gBAAA,CAAA,CAAkB,OACjB,cAAc,aAAa,qBAAqB,kBAAA;QAAA,CAAA,CAElD;QAJI,aAAa,cAAc,aAAa,OAAO,KAAA,IAA/C,QAAA;SAA+C,aAAA,QAAA,eAAA,GAAA;;QADvD,OAAA;OAKI;OAPN,IAAA,WAAA;QAUE,OAAA,gBAAA,UAAA;SACE,IAAA,OAAA;UAAM,OAAA,WAAA;WAAA,OAAA,KAAA,MAAW;UAAY,CAAA,CAAA,CAAA,IAAN,MAAM,KAAA;SAAA;SAC7B,OAAO;SACP,IAAA,QAAA;UAAO,OAAA,kBAAkB,KAAA,CAAA;SAAA;SACzB,eAAY;QAAA,CAAA;OAEd;MAlBJ,CAAA,GAAA,QAAA,MAmBE;MApBJ,OACE;KAoBA;IAvBJ,CAAA,GAAA,QAAA,MAwBE;IA1CJ,OAAA,QA2CE,gBAAA,MAAA;KAAM,IAAA,OAAA;MAAM,OAAA,MAAM;KAAc;KAAhC,IAAA,WAAA;MACE,IAAA,SAAA,eAAA,OAAyD;MAAzD,OAAA,cAAgB;OAAkB,OAAA,MAAM;MAAc,CAAG;MAD3D,OACE;KACA;IA7CJ,CAAA,GAAA,QAAA,MA8CE;IA7CA,aAAA;;MAAO,GAAA,YAAA,0BAA0B;OAC/B,GAAG;OACH,MAAM,KAAA;OACN,eAAe,cAAA;OACf,YAAY,WAAA;OAKZ,SAAS;MACX,CAAA,CAAA;MAOmB,GAAA,YAAO,mBAAmB;OAAE,GAAG;OAAa,MAAM,KAAA;MAAO,CAAA,CAAA;KAP5E;IAVA,IAAA,EAAA,GAAA,KAAA,QAAA;KAUA,UAAA,QAAA,GAAA,KAAA,CAAA;KAOmB,UAAA,QAAA,GAAA,KAAA,CAAyD;IAP5E,CAAA;IAZJ,OACE;GA+CA;;SACF;GA0BE,IAAA,SAAA,eAAA,OAAA;GA1BF,OAAA,QAOE,gBAAA,aAAA;IACE,IAAA,QAAA;KAAO,OAAA;MACL,GAAI,eAAe,CAAC;MACpB,IAAI,OAAO;OACT,OAAO,KAAA;MACT;MACA,YAAY,KAAA;KACd;IAAA;IAPF,IAAA,WAAA;KASE,OAAA,gBAAA,iBAAA;MACE,OAAO,EACL,IAAI,eAAe;OACjB,OAAO,MAAM;MACf,EACF;MALF,IAAA,WAAA;OAOG,OAAA,MAAM;MACP;;IACF;GACF,CAAA,CAAA;GAzBA,aAAA,YAAO,mBAAmB;IACxB,GAAG;IACH,MAAM,KAAA;IACN,aAAa,MAAM;GACrB,CAAA,CAAA,IAJA,KAAA,QAAA;IAIA,UAAA,QAAA,KAAA,GAAA;;GALF,OAAA;EA0BE,EAAA,CAAA;EAGF,gBAAA,MAAA;GAAM,IAAA,OAAA;IAAM,OAAA,WAAA;KAAM,OAAA,CAAA,CAAA,MAAA;IAA4B,CAAA,CAAS,CAAT,IAAb,CAAC,YAAY,YAAlC,MAAM;GAAqC;GAAvD,IAAA,WAAA;IACE,OAAA,gBAAA,QAAA;KACE,MAAK;KACL,IAAA,KAAA;MAAI,OAAA,kBAAkB,IAAI,YAAY,KAAK,CAAA,EAAG;KAAA;KAC9C,IAAA,SAAA;MAAQ,OAAA,sBAAsB;OAAE,GAAG;OAAa,MAAM,KAAA;MAAO,CAAA;KAAA;KAH/D,IAAA,WAAA;MAKG,OAAA,MAAM;KACP;;GACF;;EAKF,gBAAA,MAAA;GAAM,IAAA,OAAA;IAAM,OAAA,WAAA;KAAM,OAAA,CAAA,CAAA,MAAA;IAA4B,CAAA,CAAS,CAAT,IAAZ,YAAY,YAAlC,MAAM;GAAqC;GAAvD,IAAA,WAAA;IACE,OAAA,gBAAA,QAAA;KACE,MAAK;KACL,IAAA,KAAA;MAAI,OAAA,kBAAkB,IAAI,YAAY,KAAK,CAAA,EAAG;KAAA;KAC9C,IAAA,SAAA;MAAQ,OAAA,sBAAsB;OAAE,GAAG;OAAa,MAAM,KAAA;MAAO,CAAA;KAAA;KAH/D,IAAA,WAAA;MAIC,OAAA,CACC,gBAAA,gBAAA,EAAA,IAAA,WAAA;OACE,OAAA,gBAAA,mBAAA,EAAmB,eAAY,OAAA,CAAA;MAC/B,EAAA,CAAA,UACF;OAA4B,IAAA,SAAA,eAAA,MAAA;OAA5B,OAAA,cAAC;QAAM,OAAA,MAAM;OAAY,CAAG;OAA5B,OAAA;MAA4B,EAAA,CAAA,CAH5B;KAIA;;GACF;;CAtGF;CA0GJ,OAAO,gBAAA,2BAAA;EAEH,OAAO;GACL,IAAI,OAAO;IACT,OAAO,MAAM;GACf;GACA,IAAI,eAAe;IACjB,OAAO,MAAM;GACf;EACF;EATG,IAAA,WAAA;GAWH,OAAA,gBAAA,iBAAA,WACM,eADN;IAEE,IAAA,QAAA;KAAO,OAAA,cAAc;IAAK;IAC1B,IAAA,eAAA;KAAc,OAAA,cAAc;IAAY;IACxC,IAAA,WAAA;KAAU,OAAA,cAAc;IAAQ;IAChC,IAAA,aAAA;KAAY,OAAA,cAAc;IAAU;IACpC,IAAA,aAAA;KAAY,OAAA,cAAc;IAAU;IACpC,IAAA,aAAA;KAAY,OAAA,cAAc;IAAU;IACpC,IAAA,YAAA;KAAW,OAAA,cAAc;IAAS;IAKlC,IAAA,cAAA;KAAa,OAAA,MAAM;IAAW;IAC9B,IAAA,eAAA;KAAc,OAAA,MAAM;IAAY;IAChC,gBAAgB;IAChB,IAAA,oBAAA;KAAiB,OAAA,cAAc,uBAAuB,MAAM,QAAQ,UAAU,KAAA;IAAS;IACvF,MAAM,YAAY,cAAc,OAAA;IAChC,IAAA,OAAA;KAAM,OAAA,MAAM,QAAQ,KAAA;IAAA;IACpB,OAAO;IACP,IAAA,QAAA;KAAO,OAAA,kBAAA;IAAA;IACP,IAAA,cAAA;KAAW,OAAA,KAAA;IAAA;IArBb,UAuBG;GACD,CAAA,CAAA;EACF;;AAEN"}