@epilot/zenith-react 0.2.0-next.5 → 0.2.0-next.6

package/dist/components/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n */\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement\n  | HTMLButtonElement\n  | null\n\nexport interface FieldContextValue {\n  inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue | null>(null)\n\nexport const useFieldContext = () => {\n  const context = React.useContext(FieldContext)\n  if (!context) {\n    throw new Error(\"FieldInput must be used within a Field component\")\n  }\n  return context\n}\n\n/**\n * Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\n/** The controls a Field wraps; their `:disabled` is what makes the field disabled. */\nconst FIELD_CONTROL_SLOTS = [\"field-input\", \"field-textarea\", \"select-trigger\"]\n/** FieldLabel, and the standalone Label when a caller uses it inside a Field. */\nconst FIELD_LABEL_SLOTS = [\"field-label\", \"label\"]\nconst DISABLED_LABEL = { cursor: \"not-allowed\", opacity: 0.5 }\n\n/**\n * One rule per (disabled condition, label slot). Each `:has()` names a single control rather than\n * any `:disabled` descendant, so an unrelated disabled button beside an enabled control (a clear\n * button with nothing to clear) does not dim the label. One key per selector: no comma lists.\n */\nconst disabledLabelRules = () =>\n  Object.fromEntries(\n    [\n      \"&[data-disabled]\",\n      ...FIELD_CONTROL_SLOTS.map(\n        (slot) => `&:has([${SLOT_ATTR}=\"${slot}\"]:disabled)`\n      ),\n    ].flatMap((condition) =>\n      FIELD_LABEL_SLOTS.map((label) => [\n        `${condition} [${SLOT_ATTR}=\"${label}\"]`,\n        DISABLED_LABEL,\n      ])\n    )\n  )\n\n/**\n * Password managers (1Password, NordPass) inject a button next to the control, sometimes inline. In\n * a column the injection became a new row and the field grew (#5). It is placed in a second column\n * beside the control instead, centred on the control's row, with negative block margins as deep as\n * the field's padding so a button taller than the control does not stretch the row either.\n * Recognised as an element directly after a control that is not one of Zenith's own parts.\n */\nconst BESIDE_CONTROL = {\n  alignSelf: \"center\",\n  marginTop: `calc(-1 * ${tokens.fieldPaddingY})`,\n  marginBottom: `calc(-1 * ${tokens.fieldPaddingY})`,\n}\n\n/** The parts that sit in the control's row: the controls, or a group holding one. */\nconst CONTROL_ROW_SLOTS = [...FIELD_CONTROL_SLOTS, \"field-input-group\"]\n\n/** Every part spans both columns, as it stacked before; a control takes the first column. */\nconst controlRowRules = () =>\n  Object.fromEntries([\n    [\"& > *\", { gridColumnStart: 1, gridColumnEnd: -1 }],\n    ...CONTROL_ROW_SLOTS.flatMap((slot) => [\n      [\n        `& > [${SLOT_ATTR}=\"${slot}\"]`,\n        { gridColumnStart: 1, gridColumnEnd: 2 },\n      ],\n      [\n        `& > [${SLOT_ATTR}=\"${slot}\"] + :not([${SLOT_ATTR}])`,\n        {\n          gridColumnStart: 2,\n          gridColumnEnd: 3,\n          marginLeft: tokens.spacingElement1,\n          ...BESIDE_CONTROL,\n        },\n      ],\n    ]),\n  ])\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    position: \"relative\",\n    // A grid, not a column, so an injected button can sit beside the control (see BESIDE_CONTROL).\n    // The second column is empty and zero-wide unless something is injected.\n    display: \"grid\",\n    gridTemplateColumns: \"minmax(0, 1fr) auto\",\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n    // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n    // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n    // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n    // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n    paddingTop: tokens.fieldPaddingY,\n    paddingBottom: tokens.fieldPaddingY,\n    paddingLeft: tokens.fieldPaddingX,\n    paddingRight: tokens.fieldPaddingX,\n    // Row gap only: a column gap would narrow the control even while the second column is empty.\n    rowGap: tokens.spacingElement1,\n    ...shorthands.borderRadius(tokens.radiusLg),\n    transitionProperty: \"all\",\n    transitionDuration: \"75ms\",\n    outlineOffset: \"2px\",\n    outlineWidth: \"2px\",\n    outlineStyle: \"none\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.errorSoft,\n    },\n\n    // Label's disabled styling, declared here because Field owns the elements these selectors are\n    // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n    // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n    // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n    // See src/ancestor-selector.test.ts. The port of those rules still missed: they named the\n    // `label` slot while FieldLabel emits `field-label`, and the `~` forms needed the label AFTER\n    // the control, but it comes first. `:has()` reaches the control wherever it sits.\n    ...disabledLabelRules(),\n    ...controlRowRules(),\n  },\n  rootDefault: {\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n  },\n  rootDestructive: {\n    backgroundColor: tokens.errorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  fieldSet: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n    // this used before binding.\n    ...shorthands.gap(tokens.fieldSetGap),\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n  fieldGroup: {\n    ...boxModel,\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n  fieldGroupColumn: {\n    flexDirection: \"column\",\n  },\n  fieldGroupRow: {\n    flexDirection: \"row\",\n  },\n  fieldContent: {\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    lineHeight: \"1.375\",\n  },\n  label: {\n    ...boxModel,\n    minHeight: \"1rem\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    // No width: the label stretches across the field's column, so the whole label row is a hit\n    // area for the control rather than only the text. Field reads as one box and is aimed at as one.\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    cursor: \"default\",\n    color: tokens.grayA12,\n    \"&[data-disabled]\": {\n      opacity: 0.5,\n    },\n  },\n  labelContent: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    transitionProperty: \"opacity\",\n    transitionDuration: \"150ms\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  labelContentHover: {\n    ...boxModel,\n    width: 0,\n    height: 0,\n    overflowX: \"visible\",\n    overflowY: \"visible\",\n    opacity: 0,\n    pointerEvents: \"none\",\n  },\n  description: {\n    fontSize: tokens.textXs,\n    lineHeight: \"1.5\",\n    fontWeight: tokens.fontWeightNormal,\n    ...shorthands.margin(0),\n    \"& a\": {\n      textDecorationLine: \"underline\",\n      textUnderlineOffset: \"4px\",\n    },\n  },\n  descriptionDefault: {\n    color: tokens.grayA12,\n  },\n  descriptionHelper: {\n    color: tokens.grayA11,\n  },\n  error: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n  },\n  errorList: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.margin(0),\n    paddingLeft: \"1.25rem\",\n    listStyleType: \"disc\",\n  },\n  errorListItem: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n    marginTop: \"0.25rem\",\n    marginBottom: \"0.25rem\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n    // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n    // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n    // reach it; review corrected an earlier claim that it did.\n    height: tokens.fieldInputHeight,\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  inputGroup: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"100%\",\n    // Already a row, so an injected button lands beside the input; it must not stretch the row.\n    [`& > [${SLOT_ATTR}=\"field-input\"] + :not([${SLOT_ATTR}])`]: BESIDE_CONTROL,\n  },\n  textarea: {\n    ...nativeControl,\n    width: \"100%\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  resizeNone: {\n    resize: \"none\",\n  },\n  resizeVertical: {\n    resize: \"vertical\",\n  },\n  resizeHorizontal: {\n    resize: \"horizontal\",\n  },\n  addon: {\n    ...boxModel,\n    color: tokens.grayA11,\n    display: \"flex\",\n    height: \"auto\",\n    cursor: \"text\",\n    whiteSpace: \"nowrap\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightNormal,\n    userSelect: \"none\",\n  },\n  addonStart: {\n    order: -1,\n  },\n  addonEnd: {\n    order: 1,\n  },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n  variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n  return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n  function Field(\n    {\n      className,\n      variant = \"default\",\n      children,\n      onFocusCapture,\n      onBlurCapture,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const inputRef = React.useRef<FieldInputRef>(null)\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n      event\n    ) => {\n      setIsFocused(true)\n      onFocusCapture?.(event)\n    }\n\n    const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n      event\n    ) => {\n      setIsFocused(false)\n      onBlurCapture?.(event)\n    }\n\n    const variantStyle =\n      variant === \"highlight\"\n        ? styles.rootHighlight\n        : variant === \"readonly\"\n          ? styles.rootReadonly\n          : variant === \"destructive\"\n            ? styles.rootDestructive\n            : styles.rootDefault\n\n    return (\n      <FieldContext.Provider value={{ inputRef }}>\n        <FieldRootBase\n          ref={ref}\n          role=\"group\"\n          data-slot=\"field\"\n          {...{ [SLOT_ATTR]: \"field\" }}\n          data-focused={isFocused ? \"true\" : \"false\"}\n          className={mergeClasses(styles.root, variantStyle, className)}\n          onFocusCapture={handleFocusCapture}\n          onBlurCapture={handleBlurCapture}\n          {...props}\n        >\n          {children}\n        </FieldRootBase>\n      </FieldContext.Provider>\n    )\n  }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n  function FieldSet({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <fieldset\n        ref={ref}\n        data-slot=\"field-set\"\n        {...{ [SLOT_ATTR]: \"field-set\" }}\n        className={mergeClasses(styles.fieldSet, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n  direction?: \"column\" | \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n  function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-group\"\n        {...{ [SLOT_ATTR]: \"field-group\" }}\n        className={mergeClasses(\n          styles.fieldGroup,\n          direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n  function FieldContent({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-content\"\n        {...{ [SLOT_ATTR]: \"field-content\" }}\n        className={mergeClasses(styles.fieldContent, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelProps = Omit<\n  React.ComponentProps<\"label\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <FieldLabelBase\n        ref={ref}\n        data-slot=\"field-label\"\n        {...{ [SLOT_ATTR]: \"field-label\" }}\n        className={mergeClasses(styles.label, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n  showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n  HTMLDivElement,\n  FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-label-content\"\n      {...{ [SLOT_ATTR]: \"field-label-content\" }}\n      className={mergeClasses(\n        styles.labelContent,\n        showOnHover && styles.labelContentHover,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type FieldDescriptionVariant = \"default\" | \"helper\"\n\nexport const fieldDescriptionVariants = ({\n  variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n  return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n  React.ComponentProps<\"p\">,\n  \"className\"\n> & {\n  className?: string\n  variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n  HTMLParagraphElement,\n  FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n  const styles = useStyles()\n\n  const variantStyle =\n    variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n  return (\n    <FieldDescriptionBase\n      ref={ref}\n      data-slot=\"field-description\"\n      {...{ [SLOT_ATTR]: \"field-description\" }}\n      className={mergeClasses(styles.description, variantStyle, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  errors?: Array<{ message?: string } | undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n  function FieldError({ className, children, errors, ...props }, ref) {\n    const styles = useStyles()\n\n    const content = React.useMemo(() => {\n      if (children) {\n        return children\n      }\n\n      if (!errors?.length) {\n        return null\n      }\n\n      const uniqueErrors = [\n        ...new Map(errors.map((error) => [error?.message, error])).values(),\n      ]\n\n      if (uniqueErrors.length === 1) {\n        return uniqueErrors[0]?.message\n      }\n\n      return (\n        <ul className={styles.errorList}>\n          {uniqueErrors.map(\n            (error, index) =>\n              error?.message && (\n                <li className={styles.errorListItem} key={index}>\n                  {error.message}\n                </li>\n              )\n          )}\n        </ul>\n      )\n    }, [children, errors, styles.errorList, styles.errorListItem])\n\n    if (!content) {\n      return null\n    }\n\n    return (\n      <FieldErrorBase\n        ref={ref}\n        role=\"alert\"\n        data-slot=\"field-error\"\n        {...{ [SLOT_ATTR]: \"field-error\" }}\n        className={mergeClasses(styles.error, className)}\n        {...props}\n      >\n        {content}\n      </FieldErrorBase>\n    )\n  }\n)\n\nexport type FieldInputProps = Omit<\n  React.ComponentProps<\"input\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n  function FieldInput({ className, ...props }, forwardedRef) {\n    const styles = useStyles()\n    const { inputRef } = useFieldContext()\n\n    return (\n      <FieldControlBase\n        ref={(el: HTMLElement | null) => {\n          inputRef.current = el as HTMLInputElement | null\n          if (typeof forwardedRef === \"function\") {\n            forwardedRef(el as HTMLInputElement)\n          } else if (forwardedRef) {\n            forwardedRef.current = el as HTMLInputElement | null\n          }\n        }}\n        data-readonly={props.readOnly}\n        data-slot=\"field-input\"\n        {...{ [SLOT_ATTR]: \"field-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-input-group\"\n      {...{ [SLOT_ATTR]: \"field-input-group\" }}\n      className={mergeClasses(styles.inputGroup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldTextareaResize = \"none\" | \"vertical\" | \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n  resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  FieldTextareaProps\n>(function FieldTextarea(\n  { className, resize = \"none\", ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  const { inputRef } = useFieldContext()\n\n  const resizeStyle =\n    resize === \"vertical\"\n      ? styles.resizeVertical\n      : resize === \"horizontal\"\n        ? styles.resizeHorizontal\n        : styles.resizeNone\n\n  return (\n    <textarea\n      {...props}\n      ref={(el: HTMLTextAreaElement | null) => {\n        inputRef.current = el\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(el)\n        } else if (forwardedRef) {\n          forwardedRef.current = el\n        }\n      }}\n      data-readonly={props.readOnly}\n      data-slot=\"field-textarea\"\n      {...{ [SLOT_ATTR]: \"field-textarea\" }}\n      data-resize={resize}\n      className={mergeClasses(styles.textarea, resizeStyle, className)}\n    />\n  )\n})\n\nexport type FieldGroupAddonAlign = \"start\" | \"end\"\n\nexport const inputGroupAddonVariants = ({\n  align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n  return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n  align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n  HTMLDivElement,\n  FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n      data-align={align}\n      className={mergeClasses(\n        styles.addon,\n        align === \"end\" ? styles.addonEnd : styles.addonStart,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","useFieldContext","context","useOptionalFieldContext","FIELD_CONTROL_SLOTS","FIELD_LABEL_SLOTS","DISABLED_LABEL","disabledLabelRules","slot","SLOT_ATTR","condition","label","BESIDE_CONTROL","tokens.fieldPaddingY","CONTROL_ROW_SLOTS","controlRowRules","tokens.spacingElement1","useStyles","makeZenithStyles","boxModel","tokens.fieldPaddingX","shorthands","tokens.radiusLg","tokens.focusRing","tokens.errorSoft","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorOnSoft","nativeControl","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","_a","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * Plain elements, not a primitive. v1's Field uses no Radix primitive at all — it is a custom\n * implementation with its own context, and v2 already had the same context (`FieldContext`,\n * carrying `inputRef`).\n */\nconst FieldRootBase = \"div\" as const\nconst FieldLabelBase = \"label\" as const\nconst FieldControlBase = \"input\" as const\nconst FieldDescriptionBase = \"p\" as const\nconst FieldErrorBase = \"div\" as const\n\nexport type FieldInputRef =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement\n  | HTMLButtonElement\n  | null\n\nexport interface FieldContextValue {\n  inputRef: React.RefObject<FieldInputRef>\n}\n\nconst FieldContext = React.createContext<FieldContextValue | null>(null)\n\nexport const useFieldContext = () => {\n  const context = React.useContext(FieldContext)\n  if (!context) {\n    throw new Error(\"FieldInput must be used within a Field component\")\n  }\n  return context\n}\n\n/**\n * Field context when there is one, `null` otherwise — for parts that work both inside and outside\n * a Field.\n */\nexport const useOptionalFieldContext = (): FieldContextValue | null =>\n  React.useContext(FieldContext)\n\nexport type FieldVariant = \"default\" | \"highlight\" | \"readonly\" | \"destructive\"\n\n/** The controls a Field wraps; their `:disabled` is what makes the field disabled. */\nconst FIELD_CONTROL_SLOTS = [\"field-input\", \"field-textarea\", \"select-trigger\"]\n/** FieldLabel, and the standalone Label when a caller uses it inside a Field. */\nconst FIELD_LABEL_SLOTS = [\"field-label\", \"label\"]\nconst DISABLED_LABEL = { cursor: \"not-allowed\", opacity: 0.5 }\n\n/**\n * One rule per (disabled condition, label slot). Each `:has()` names a single control rather than\n * any `:disabled` descendant, so an unrelated disabled button beside an enabled control (a clear\n * button with nothing to clear) does not dim the label. One key per selector: no comma lists.\n */\nconst disabledLabelRules = () =>\n  Object.fromEntries(\n    [\n      \"&[data-disabled]\",\n      ...FIELD_CONTROL_SLOTS.map(\n        (slot) => `&:has([${SLOT_ATTR}=\"${slot}\"]:disabled)`\n      ),\n    ].flatMap((condition) =>\n      FIELD_LABEL_SLOTS.map((label) => [\n        `${condition} [${SLOT_ATTR}=\"${label}\"]`,\n        DISABLED_LABEL,\n      ])\n    )\n  )\n\n/**\n * Password managers (1Password, NordPass) inject a button next to the control, sometimes inline. In\n * a column the injection became a new row and the field grew (#5). It is placed in a second column\n * beside the control instead, centred on the control's row, with negative block margins as deep as\n * the field's padding so a button taller than the control does not stretch the row either.\n * Recognised as an element directly after a control that is not one of Zenith's own parts.\n */\nconst BESIDE_CONTROL = {\n  alignSelf: \"center\",\n  marginTop: `calc(-1 * ${tokens.fieldPaddingY})`,\n  marginBottom: `calc(-1 * ${tokens.fieldPaddingY})`,\n}\n\n/** The parts that sit in the control's row: the controls, or a group holding one. */\nconst CONTROL_ROW_SLOTS = [...FIELD_CONTROL_SLOTS, \"field-input-group\"]\n\n/** Every part spans both columns, as it stacked before; a control takes the first column. */\nconst controlRowRules = () =>\n  Object.fromEntries([\n    [\"& > *\", { gridColumnStart: 1, gridColumnEnd: -1 }],\n    ...CONTROL_ROW_SLOTS.flatMap((slot) => [\n      [\n        `& > [${SLOT_ATTR}=\"${slot}\"]`,\n        { gridColumnStart: 1, gridColumnEnd: 2 },\n      ],\n      [\n        `& > [${SLOT_ATTR}=\"${slot}\"] + :not([${SLOT_ATTR}])`,\n        {\n          gridColumnStart: 2,\n          gridColumnEnd: 3,\n          marginLeft: tokens.spacingElement1,\n          ...BESIDE_CONTROL,\n        },\n      ],\n    ]),\n  ])\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    position: \"relative\",\n    // A grid, not a column, so an injected button can sit beside the control (see BESIDE_CONTROL).\n    // The second column is empty and zero-wide unless something is injected.\n    display: \"grid\",\n    gridTemplateColumns: \"minmax(0, 1fr) auto\",\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3, WP9B1-ACCEPTANCE-WP9B2A): normal resolves to the same\n    // spacingElement2/spacingElement3 values this used before binding — `spacingGroup1` (0.5rem)\n    // is a half-step short of the 0.75rem v1 actually uses, which three components got wrong by\n    // reaching for it directly; that pitfall is why fieldPaddingX's normal tier aliases\n    // spacingElement3, not spacingGroup1 (packages/tokens/spec/density.yaml).\n    paddingTop: tokens.fieldPaddingY,\n    paddingBottom: tokens.fieldPaddingY,\n    paddingLeft: tokens.fieldPaddingX,\n    paddingRight: tokens.fieldPaddingX,\n    // Row gap only: a column gap would narrow the control even while the second column is empty.\n    rowGap: tokens.spacingElement1,\n    ...shorthands.borderRadius(tokens.radiusLg),\n    transitionProperty: \"all\",\n    transitionDuration: \"75ms\",\n    outlineOffset: \"2px\",\n    outlineWidth: \"2px\",\n    outlineStyle: \"none\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    \"&[data-focused='true'], &[data-focus-visible]\": {\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \"&[data-invalid]\": {\n      backgroundColor: tokens.errorSoft,\n    },\n\n    // Label's disabled styling, declared here because Field owns the elements these selectors are\n    // rooted at. On Label they were written as \"[data-disabled] &\", \":disabled ~ &\" and\n    // \"[data-disabled] ~ &\"; Griffel does not substitute `&` in that position and emits\n    // `.hash<selector> .hash`, which never matches, so a label in a disabled field never dimmed.\n    // See src/ancestor-selector.test.ts. The port of those rules still missed: they named the\n    // `label` slot while FieldLabel emits `field-label`, and the `~` forms needed the label AFTER\n    // the control, but it comes first. `:has()` reaches the control wherever it sits.\n    ...disabledLabelRules(),\n    ...controlRowRules(),\n  },\n  rootDefault: {\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  rootHighlight: {\n    backgroundColor: tokens.accentA3,\n    \":hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  rootReadonly: {\n    backgroundColor: tokens.grayA3,\n  },\n  rootDestructive: {\n    backgroundColor: tokens.errorSoft,\n    \":hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  fieldSet: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same spacingLayout2 (32px)\n    // this used before binding.\n    ...shorthands.gap(tokens.fieldSetGap),\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n  fieldGroup: {\n    ...boxModel,\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n  fieldGroupColumn: {\n    flexDirection: \"column\",\n  },\n  fieldGroupRow: {\n    flexDirection: \"row\",\n  },\n  fieldContent: {\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    lineHeight: \"1.375\",\n  },\n  label: {\n    ...boxModel,\n    minHeight: \"1rem\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    // No width: the label stretches across the field's column, so the whole label row is a hit\n    // area for the control rather than only the text. Field reads as one box and is aimed at as one.\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    cursor: \"default\",\n    color: tokens.grayA12,\n    \"&[data-disabled]\": {\n      opacity: 0.5,\n    },\n  },\n  labelContent: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    transitionProperty: \"opacity\",\n    transitionDuration: \"150ms\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  labelContentHover: {\n    ...boxModel,\n    width: 0,\n    height: 0,\n    overflowX: \"visible\",\n    overflowY: \"visible\",\n    opacity: 0,\n    pointerEvents: \"none\",\n  },\n  description: {\n    fontSize: tokens.textXs,\n    lineHeight: \"1.5\",\n    fontWeight: tokens.fontWeightNormal,\n    ...shorthands.margin(0),\n    \"& a\": {\n      textDecorationLine: \"underline\",\n      textUnderlineOffset: \"4px\",\n    },\n  },\n  descriptionDefault: {\n    color: tokens.grayA12,\n  },\n  descriptionHelper: {\n    color: tokens.grayA11,\n  },\n  error: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n  },\n  errorList: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.margin(0),\n    paddingLeft: \"1.25rem\",\n    listStyleType: \"disc\",\n  },\n  errorListItem: {\n    color: tokens.errorOnSoft,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightNormal,\n    marginTop: \"0.25rem\",\n    marginBottom: \"0.25rem\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"100%\",\n    // Density-bound (DENSITY-SPEC.md §2.3): normal resolves to the same \"1.5rem\" this used before\n    // binding. FieldComboboxInput (field-combobox.tsx) has its OWN separate makeZenithStyles call\n    // and its own unrelated \"input\" key (width: \"100%\" only, no height) — this binding does not\n    // reach it; review corrected an earlier claim that it did.\n    height: tokens.fieldInputHeight,\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  inputGroup: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"100%\",\n    // Already a row, so an injected button lands beside the input; it must not stretch the row.\n    [`& > [${SLOT_ATTR}=\"field-input\"] + :not([${SLOT_ATTR}])`]: BESIDE_CONTROL,\n  },\n  textarea: {\n    ...nativeControl,\n    width: \"100%\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  resizeNone: {\n    resize: \"none\",\n  },\n  resizeVertical: {\n    resize: \"vertical\",\n  },\n  resizeHorizontal: {\n    resize: \"horizontal\",\n  },\n  addon: {\n    ...boxModel,\n    color: tokens.grayA11,\n    display: \"flex\",\n    height: \"auto\",\n    cursor: \"text\",\n    whiteSpace: \"nowrap\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightNormal,\n    userSelect: \"none\",\n  },\n  addonStart: {\n    order: -1,\n  },\n  addonEnd: {\n    order: 1,\n  },\n})\n\n// fieldVariants helper for v1 API compatibility\nexport const fieldVariants = ({\n  variant = \"default\",\n}: { variant?: FieldVariant } = {}) => {\n  return variant\n}\n\nexport type FieldProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  variant?: FieldVariant\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n  function Field(\n    {\n      className,\n      variant = \"default\",\n      children,\n      onFocusCapture,\n      onBlurCapture,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const inputRef = React.useRef<FieldInputRef>(null)\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    const handleFocusCapture: React.ComponentProps<\"div\">[\"onFocusCapture\"] = (\n      event\n    ) => {\n      setIsFocused(true)\n      onFocusCapture?.(event)\n    }\n\n    const handleBlurCapture: React.ComponentProps<\"div\">[\"onBlurCapture\"] = (\n      event\n    ) => {\n      setIsFocused(false)\n      onBlurCapture?.(event)\n    }\n\n    const variantStyle =\n      variant === \"highlight\"\n        ? styles.rootHighlight\n        : variant === \"readonly\"\n          ? styles.rootReadonly\n          : variant === \"destructive\"\n            ? styles.rootDestructive\n            : styles.rootDefault\n\n    return (\n      <FieldContext.Provider value={{ inputRef }}>\n        <FieldRootBase\n          ref={ref}\n          role=\"group\"\n          data-slot=\"field\"\n          {...{ [SLOT_ATTR]: \"field\" }}\n          data-focused={isFocused ? \"true\" : \"false\"}\n          className={mergeClasses(styles.root, variantStyle, className)}\n          onFocusCapture={handleFocusCapture}\n          onBlurCapture={handleBlurCapture}\n          {...props}\n        >\n          {children}\n        </FieldRootBase>\n      </FieldContext.Provider>\n    )\n  }\n)\n\nexport type FieldSetProps = React.ComponentProps<\"fieldset\">\n\nexport const FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\n  function FieldSet({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <fieldset\n        ref={ref}\n        data-slot=\"field-set\"\n        {...{ [SLOT_ATTR]: \"field-set\" }}\n        className={mergeClasses(styles.fieldSet, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldGroupProps = React.ComponentProps<\"div\"> & {\n  direction?: \"column\" | \"row\"\n}\n\nexport const FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\n  function FieldGroup({ className, direction = \"column\", ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-group\"\n        {...{ [SLOT_ATTR]: \"field-group\" }}\n        className={mergeClasses(\n          styles.fieldGroup,\n          direction === \"row\" ? styles.fieldGroupRow : styles.fieldGroupColumn,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldContentProps = React.ComponentProps<\"div\">\n\nexport const FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\n  function FieldContent({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"field-content\"\n        {...{ [SLOT_ATTR]: \"field-content\" }}\n        className={mergeClasses(styles.fieldContent, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelProps = Omit<\n  React.ComponentProps<\"label\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <FieldLabelBase\n        ref={ref}\n        data-slot=\"field-label\"\n        {...{ [SLOT_ATTR]: \"field-label\" }}\n        className={mergeClasses(styles.label, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldLabelContentProps = React.ComponentProps<\"div\"> & {\n  showOnHover?: boolean\n}\n\nexport const FieldLabelContent = React.forwardRef<\n  HTMLDivElement,\n  FieldLabelContentProps\n>(function FieldLabelContent({ className, showOnHover = true, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-label-content\"\n      {...{ [SLOT_ATTR]: \"field-label-content\" }}\n      className={mergeClasses(\n        styles.labelContent,\n        showOnHover && styles.labelContentHover,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type FieldDescriptionVariant = \"default\" | \"helper\"\n\nexport const fieldDescriptionVariants = ({\n  variant = \"default\",\n}: { variant?: FieldDescriptionVariant } = {}) => {\n  return variant\n}\n\nexport type FieldDescriptionProps = Omit<\n  React.ComponentProps<\"p\">,\n  \"className\"\n> & {\n  className?: string\n  variant?: FieldDescriptionVariant\n}\n\nexport const FieldDescription = React.forwardRef<\n  HTMLParagraphElement,\n  FieldDescriptionProps\n>(function FieldDescription({ className, variant = \"default\", ...props }, ref) {\n  const styles = useStyles()\n\n  const variantStyle =\n    variant === \"helper\" ? styles.descriptionHelper : styles.descriptionDefault\n\n  return (\n    <FieldDescriptionBase\n      ref={ref}\n      data-slot=\"field-description\"\n      {...{ [SLOT_ATTR]: \"field-description\" }}\n      className={mergeClasses(styles.description, variantStyle, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldErrorProps = Omit<React.ComponentProps<\"div\">, \"className\"> & {\n  className?: string\n  errors?: Array<{ message?: string } | undefined>\n}\n\nexport const FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\n  function FieldError({ className, children, errors, ...props }, ref) {\n    const styles = useStyles()\n\n    const content = React.useMemo(() => {\n      if (children) {\n        return children\n      }\n\n      if (!errors?.length) {\n        return null\n      }\n\n      const uniqueErrors = [\n        ...new Map(errors.map((error) => [error?.message, error])).values(),\n      ]\n\n      if (uniqueErrors.length === 1) {\n        return uniqueErrors[0]?.message\n      }\n\n      return (\n        <ul className={styles.errorList}>\n          {uniqueErrors.map(\n            (error, index) =>\n              error?.message && (\n                <li className={styles.errorListItem} key={index}>\n                  {error.message}\n                </li>\n              )\n          )}\n        </ul>\n      )\n    }, [children, errors, styles.errorList, styles.errorListItem])\n\n    if (!content) {\n      return null\n    }\n\n    return (\n      <FieldErrorBase\n        ref={ref}\n        role=\"alert\"\n        data-slot=\"field-error\"\n        {...{ [SLOT_ATTR]: \"field-error\" }}\n        className={mergeClasses(styles.error, className)}\n        {...props}\n      >\n        {content}\n      </FieldErrorBase>\n    )\n  }\n)\n\nexport type FieldInputProps = Omit<\n  React.ComponentProps<\"input\">,\n  \"className\"\n> & {\n  className?: string\n}\n\nexport const FieldInput = React.forwardRef<HTMLInputElement, FieldInputProps>(\n  function FieldInput({ className, ...props }, forwardedRef) {\n    const styles = useStyles()\n    const { inputRef } = useFieldContext()\n\n    return (\n      <FieldControlBase\n        ref={(el: HTMLElement | null) => {\n          inputRef.current = el as HTMLInputElement | null\n          if (typeof forwardedRef === \"function\") {\n            forwardedRef(el as HTMLInputElement)\n          } else if (forwardedRef) {\n            forwardedRef.current = el as HTMLInputElement | null\n          }\n        }}\n        data-readonly={props.readOnly}\n        data-slot=\"field-input\"\n        {...{ [SLOT_ATTR]: \"field-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldInputGroupProps = React.ComponentProps<\"div\">\n\nexport const FieldInputGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldInputGroupProps\n>(function FieldInputGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-input-group\"\n      {...{ [SLOT_ATTR]: \"field-input-group\" }}\n      className={mergeClasses(styles.inputGroup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldTextareaResize = \"none\" | \"vertical\" | \"horizontal\"\n\nexport type FieldTextareaProps = React.ComponentProps<\"textarea\"> & {\n  resize?: FieldTextareaResize\n}\n\nexport const FieldTextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  FieldTextareaProps\n>(function FieldTextarea(\n  { className, resize = \"none\", ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  const { inputRef } = useFieldContext()\n\n  const resizeStyle =\n    resize === \"vertical\"\n      ? styles.resizeVertical\n      : resize === \"horizontal\"\n        ? styles.resizeHorizontal\n        : styles.resizeNone\n\n  return (\n    <textarea\n      {...props}\n      ref={(el: HTMLTextAreaElement | null) => {\n        inputRef.current = el\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(el)\n        } else if (forwardedRef) {\n          forwardedRef.current = el\n        }\n      }}\n      data-readonly={props.readOnly}\n      data-slot=\"field-textarea\"\n      {...{ [SLOT_ATTR]: \"field-textarea\" }}\n      data-resize={resize}\n      className={mergeClasses(styles.textarea, resizeStyle, className)}\n    />\n  )\n})\n\nexport type FieldGroupAddonAlign = \"start\" | \"end\"\n\nexport const inputGroupAddonVariants = ({\n  align = \"start\",\n}: { align?: FieldGroupAddonAlign } = {}) => {\n  return align\n}\n\nexport type FieldGroupAddonProps = React.ComponentProps<\"div\"> & {\n  align?: FieldGroupAddonAlign\n}\n\nexport const FieldGroupAddon = React.forwardRef<\n  HTMLDivElement,\n  FieldGroupAddonProps\n>(function FieldGroupAddon({ className, align = \"start\", ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      {...{ [SLOT_ATTR]: \"input-group-addon\" }}\n      data-align={align}\n      className={mergeClasses(\n        styles.addon,\n        align === \"end\" ? styles.addonEnd : styles.addonStart,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["FieldRootBase","FieldLabelBase","FieldControlBase","FieldDescriptionBase","FieldErrorBase","FieldContext","React","useFieldContext","context","useOptionalFieldContext","FIELD_CONTROL_SLOTS","FIELD_LABEL_SLOTS","DISABLED_LABEL","disabledLabelRules","slot","SLOT_ATTR","condition","label","BESIDE_CONTROL","tokens.fieldPaddingY","CONTROL_ROW_SLOTS","controlRowRules","tokens.spacingElement1","useStyles","makeZenithStyles","boxModel","tokens.fieldPaddingX","shorthands","tokens.radiusLg","tokens.focusRing","tokens.errorSoft","tokens.grayA3","tokens.grayA4","tokens.accentA3","tokens.accentA4","tokens.errorA4","tokens.fieldSetGap","tokens.spacingElement2","tokens.textXs","tokens.leadingXs","tokens.grayA12","tokens.fontWeightNormal","tokens.grayA11","tokens.errorOnSoft","nativeControl","tokens.fieldInputHeight","tokens.textSm","tokens.leadingSm","tokens.grayA8","fieldVariants","variant","Field","className","children","onFocusCapture","onBlurCapture","props","ref","styles","inputRef","isFocused","setIsFocused","handleFocusCapture","event","handleBlurCapture","variantStyle","jsx","mergeClasses","FieldSet","FieldGroup","direction","FieldContent","FieldLabel","FieldLabelContent","showOnHover","fieldDescriptionVariants","FieldDescription","FieldError","errors","content","uniqueErrors","error","_a","index","FieldInput","forwardedRef","el","FieldInputGroup","FieldTextarea","resize","resizeStyle","inputGroupAddonVariants","align","FieldGroupAddon"],"mappings":"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"}

package/dist/components/label/label.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as l from "react";
-import { mergeClasses as n, SLOT_ATTR as m, shorthands as f } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as n, SLOT_ATTR as m, shorthands as f } from "@epilot/zenith-runtime/v1/core.js";
 import { makeZenithStyles as g } from "../../styles/make-styles.js";
 import { leadingBase as p, textBase as c, leadingSm as d, textSm as b, leadingXs as h, textXs as y, errorA12 as S, grayA12 as x, fontWeightNormal as u, spacingElement2 as z } from "../../tokens/index.js";
 const A = g({

package/dist/components/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/** Label — a native `<label>` element styled with Griffel atoms. */\n\nexport type LabelVariant = \"primary\" | \"destructive\"\nexport type LabelSize = \"sm\" | \"base\" | \"lg\"\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    // The leading lives on the size slots below, and which value it takes is a decided question --\n    // see DECISIONS.md D9 and the label specimens in vr/specimens that pin it.\n    fontWeight: tokens.fontWeightNormal,\n    \"&[for]\": {\n      cursor: \"pointer\",\n    },\n    // The disabled-by-ANCESTOR and disabled-by-SIBLING rules are not here; they live on Field,\n    // which owns the elements those selectors are rooted at. See field.tsx.\n    \"&[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n  },\n  // Variants\n  primary: {\n    color: tokens.grayA12,\n  },\n  destructive: {\n    color: tokens.errorA12,\n  },\n  // Sizes\n  sm: {\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n  },\n  base: {\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  lg: {\n    fontSize: tokens.textBase,\n    lineHeight: tokens.leadingBase,\n  },\n})\n\nexport type LabelProps = React.ComponentProps<\"label\"> & {\n  variant?: LabelVariant\n  size?: LabelSize\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  function Label(\n    { variant = \"primary\", size = \"base\", className, ...props },\n    ref\n  ) {\n    const styles = useStyles()\n\n    return (\n      <label\n        ref={ref}\n        data-slot=\"label\"\n        {...{ [SLOT_ATTR]: \"label\" }}\n        className={mergeClasses(\n          styles.root,\n          styles[variant],\n          styles[size],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.spacingElement2","tokens.fontWeightNormal","tokens.grayA12","tokens.errorA12","tokens.textXs","tokens.leadingXs","tokens.textSm","tokens.leadingSm","tokens.textBase","tokens.leadingBase","Label","React","variant","size","className","props","ref","styles","jsx","SLOT_ATTR","mergeClasses"],"mappings":";;;;;AAaA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAGC,EAAW,IAAIC,CAAsB;AAAA;AAAA;AAAA,IAGxC,YAAYC;AAAAA,IACZ,UAAU;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA;AAAA;AAAA,IAIV,oBAAoB;AAAA,MAClB,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,OAAOC;AAAAA,EAAO;AAAA,EAEhB,aAAa;AAAA,IACX,OAAOC;AAAAA,EAAO;AAAA;AAAA,EAGhB,IAAI;AAAA,IACF,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,MAAM;AAAA,IACJ,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,IAAI;AAAA,IACF,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAEvB,CAAC,GAOYC,IAAQC,EAAM;AAAA,EACzB,SACE,EAAE,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,WAAAC,GAAW,GAAGC,EAAA,GACpDC,GACA;AACA,UAAMC,IAASpB,EAAA;AAEf,WACE,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,aAAU;AAAA,QACJ,CAACG,CAAS,GAAG;AAAA,QACnB,WAAWC;AAAA,UACTH,EAAO;AAAA,UACPA,EAAOL,CAAO;AAAA,UACdK,EAAOJ,CAAI;AAAA,UACXC;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\n/** Label — a native `<label>` element styled with Griffel atoms. */\n\nexport type LabelVariant = \"primary\" | \"destructive\"\nexport type LabelSize = \"sm\" | \"base\" | \"lg\"\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    // The leading lives on the size slots below, and which value it takes is a decided question --\n    // see DECISIONS.md D9 and the label specimens in vr/specimens that pin it.\n    fontWeight: tokens.fontWeightNormal,\n    \"&[for]\": {\n      cursor: \"pointer\",\n    },\n    // The disabled-by-ANCESTOR and disabled-by-SIBLING rules are not here; they live on Field,\n    // which owns the elements those selectors are rooted at. See field.tsx.\n    \"&[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n  },\n  // Variants\n  primary: {\n    color: tokens.grayA12,\n  },\n  destructive: {\n    color: tokens.errorA12,\n  },\n  // Sizes\n  sm: {\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n  },\n  base: {\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  lg: {\n    fontSize: tokens.textBase,\n    lineHeight: tokens.leadingBase,\n  },\n})\n\nexport type LabelProps = React.ComponentProps<\"label\"> & {\n  variant?: LabelVariant\n  size?: LabelSize\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  function Label(\n    { variant = \"primary\", size = \"base\", className, ...props },\n    ref\n  ) {\n    const styles = useStyles()\n\n    return (\n      <label\n        ref={ref}\n        data-slot=\"label\"\n        {...{ [SLOT_ATTR]: \"label\" }}\n        className={mergeClasses(\n          styles.root,\n          styles[variant],\n          styles[size],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.spacingElement2","tokens.fontWeightNormal","tokens.grayA12","tokens.errorA12","tokens.textXs","tokens.leadingXs","tokens.textSm","tokens.leadingSm","tokens.textBase","tokens.leadingBase","Label","React","variant","size","className","props","ref","styles","jsx","SLOT_ATTR","mergeClasses"],"mappings":";;;;;AAaA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAGC,EAAW,IAAIC,CAAsB;AAAA;AAAA;AAAA,IAGxC,YAAYC;AAAAA,IACZ,UAAU;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA;AAAA;AAAA,IAIV,oBAAoB;AAAA,MAClB,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,OAAOC;AAAAA,EAAO;AAAA,EAEhB,aAAa;AAAA,IACX,OAAOC;AAAAA,EAAO;AAAA;AAAA,EAGhB,IAAI;AAAA,IACF,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,MAAM;AAAA,IACJ,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,IAAI;AAAA,IACF,UAAUC;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAEvB,CAAC,GAOYC,IAAQC,EAAM;AAAA,EACzB,SACE,EAAE,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,WAAAC,GAAW,GAAGC,EAAA,GACpDC,GACA;AACA,UAAMC,IAASpB,EAAA;AAEf,WACE,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,aAAU;AAAA,QACJ,CAACG,CAAS,GAAG;AAAA,QACnB,WAAWC;AAAA,UACTH,EAAO;AAAA,UACPA,EAAOL,CAAO;AAAA,UACdK,EAAOJ,CAAI;AAAA,UACXC;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/components/list/list.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as I } from "react/jsx-runtime";
 import * as n from "react";
-import { mergeClasses as g, SLOT_ATTR as u, shorthands as p } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as g, SLOT_ATTR as u, shorthands as p } from "@epilot/zenith-runtime/v1/core.js";
 import { makeZenithStyles as Y } from "../../styles/make-styles.js";
 import { boxModel as d } from "../../styles/host-reset.js";
 import { successLight as _, warningLight as q, errorLight as J, spacingGroup2 as B, grayA12 as G, fontWeightSemibold as Q, leadingSm as R, textSm as E, grayA10 as tt, fontWeightMedium as et, accentSolid as ot, accentA8 as rt, grayA11 as C, grayA8 as nt, leadingXs as it, textXs as st, listIndexPaddingX as O, listItemPaddingX as H, listItemPaddingY as T, listIndexMinWidth as at, grayA2 as P, radiusMd as D, successSoftHover as lt, warningSoftHover as ct, errorSoftHover as dt, accentSoft as pt, successDefault as ut, successSoft as gt, warningDefault as mt, warningSoft as ft, errorDefault as ht, errorSoft as xt, listItemMinHeight as wt, spacingElement3 as vt, grayA5 as yt, spacingElement1 as bt, spacingElement2 as It, listItemGap as St } from "../../tokens/index.js";

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * `relaxed` is a permanent compatibility alias for `normal` (DENSITY-SPEC.md §4.2,\n * WP9B2A-ACCEPTANCE-LIST) — identical geometry, forever, not deprecated.\n */\nexport type ListDensity = \"compact\" | \"normal\" | \"comfortable\" | \"relaxed\"\nexport type ListItemStatus = \"default\" | \"error\" | \"warning\" | \"success\"\n\n// ── Icons ──────────────────────────────────────────────────────────────────\n\nconst GripVerticalIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <circle cx=\"9\" cy=\"5\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n    <circle cx=\"9\" cy=\"12\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n    <circle cx=\"9\" cy=\"19\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n  </svg>\n)\n\nconst WarningIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n)\n\nconst CheckCircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" />\n    <polyline points=\"22 4 12 14.01 9 11.01\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <polyline points=\"9 18 15 12 9 6\" />\n  </svg>\n)\n\n// ── Styles ─────────────────────────────────────────────────────────────────\n\nexport const useListStyles = makeZenithStyles({\n  list: {\n    ...boxModel,\n    display: \"flex\",\n    width: \"100%\",\n    listStyleType: \"none\",\n    flexDirection: \"column\",\n    ...shorthands.gap(0),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n\n  // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST).\n  item: {\n    ...boxModel,\n    position: \"relative\",\n    display: \"flex\",\n    width: \"100%\",\n    alignItems: \"center\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    color: tokens.grayA12,\n    transitionProperty:\n      \"color, background-color, border-color, text-decoration-color, fill, stroke\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    minHeight: tokens.listItemMinHeight,\n    ...shorthands.gap(tokens.listItemGap),\n    ...shorthands.padding(tokens.listItemPaddingY, tokens.listItemPaddingX),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    \"& > svg\": {\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n\n  // Status variants\n  statusDefault: {},\n  statusError: {\n    backgroundColor: tokens.errorSoft,\n    color: tokens.errorDefault,\n  },\n  statusWarning: {\n    backgroundColor: tokens.warningSoft,\n    color: tokens.warningDefault,\n  },\n  statusSuccess: {\n    backgroundColor: tokens.successSoft,\n    color: tokens.successDefault,\n  },\n\n  // Striped variant (only neutral rows)\n  stripedEven: {\n    \"&:nth-child(even)\": {\n      backgroundColor: tokens.grayA2,\n    },\n  },\n\n  // Interactive hovers\n  interactiveDefault: {\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n  },\n  interactiveError: {\n    \":hover\": {\n      backgroundColor: tokens.errorSoftHover,\n    },\n  },\n  interactiveWarning: {\n    \":hover\": {\n      backgroundColor: tokens.warningSoftHover,\n    },\n  },\n  interactiveSuccess: {\n    \":hover\": {\n      backgroundColor: tokens.successSoftHover,\n    },\n  },\n\n  // Sortable modifiers\n  sortableItem: {\n    cursor: \"grab\",\n    touchAction: \"none\",\n    \":active\": {\n      cursor: \"grabbing\",\n    },\n  },\n  itemDragging: {\n    opacity: 0.4,\n  },\n\n  // Index gutter — density-bound.\n  indexBase: {\n    ...boxModel,\n    display: \"flex\",\n    flexShrink: 0,\n    userSelect: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    alignSelf: \"stretch\",\n    borderTopLeftRadius: tokens.radiusMd,\n    borderBottomLeftRadius: tokens.radiusMd,\n    backgroundColor: tokens.grayA2,\n    textAlign: \"center\",\n    color: tokens.grayA11,\n    fontVariantNumeric: \"tabular-nums\",\n    minWidth: tokens.listIndexMinWidth,\n    marginTop: `calc(-1 * ${tokens.listItemPaddingY})`,\n    marginBottom: `calc(-1 * ${tokens.listItemPaddingY})`,\n    marginLeft: `calc(-1 * ${tokens.listItemPaddingX})`,\n    paddingLeft: tokens.listIndexPaddingX,\n    paddingRight: tokens.listIndexPaddingX,\n  },\n\n  // Content\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    \"& > svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n      flexShrink: 0,\n    },\n  },\n\n  // Actions\n  actions: {\n    position: \"relative\",\n    zIndex: 10,\n    display: \"flex\",\n    flexShrink: 0,\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n  },\n\n  // Text\n  text: {\n    ...boxModel,\n    display: \"flex\",\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(\"0.125rem\"),\n  },\n\n  // Description\n  description: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    color: tokens.grayA11,\n  },\n\n  // Drag handle button\n  dragHandle: {\n    ...boxModel,\n    position: \"relative\",\n    zIndex: 10,\n    display: \"inline-flex\",\n    flexShrink: 0,\n    cursor: \"grab\",\n    alignItems: \"center\",\n    color: tokens.grayA8,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \":hover\": {\n      color: tokens.grayA11,\n    },\n    \":active\": {\n      cursor: \"grabbing\",\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n\n  // Drop indicator line\n  dropIndicator: {\n    ...boxModel,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    zIndex: 10,\n    height: \"0.125rem\",\n    transformOrigin: \"center\",\n    ...shorthands.borderRadius(\"9999px\"),\n    backgroundColor: tokens.accentSolid,\n    animationName: {\n      from: {\n        transform: \"scaleX(0)\",\n        opacity: 0,\n      },\n      to: {\n        transform: \"scaleX(1)\",\n        opacity: 1,\n      },\n    },\n    animationDuration: \"160ms\",\n    animationTimingFunction: \"ease-out\",\n  },\n  dropIndicatorTop: {\n    top: \"-0.125rem\",\n  },\n  dropIndicatorBottom: {\n    bottom: \"-0.125rem\",\n  },\n\n  // DragOverlay ghost\n  dragOverlayItem: {\n    ...boxModel,\n    transformOrigin: \"center\",\n    transform: \"scale(0.95)\",\n    cursor: \"grabbing\",\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA5),\n    backgroundColor: \"rgb(255 255 255 / 55%)\",\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    backdropFilter: \"blur(12px)\",\n    animationName: {\n      from: { transform: \"scale(1)\" },\n      to: { transform: \"scale(0.95)\" },\n    },\n    animationDuration: \"160ms\",\n    animationTimingFunction: \"ease-out\",\n    \":hover\": {\n      backgroundColor: \"rgb(255 255 255 / 55%)\",\n    },\n  },\n\n  // Group\n  group: {\n    listStyleType: \"none\",\n  },\n  groupTrigger: {\n    ...boxModel,\n    cursor: \"pointer\",\n    textAlign: \"left\",\n    fontWeight: tokens.fontWeightMedium,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n  },\n  groupChevron: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.grayA10,\n    transitionProperty: \"transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  },\n  groupChevronOpen: {\n    transform: \"rotate(90deg)\",\n  },\n  groupTriggerText: {\n    ...boxModel,\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  standaloneGroupLabel: {\n    ...boxModel,\n    marginTop: tokens.spacingGroup2,\n    display: \"block\",\n    listStyleType: \"none\",\n    ...shorthands.padding(\"0.375rem\", tokens.spacingElement3),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n    \"&:first-child\": {\n      marginTop: 0,\n    },\n  },\n  groupContentList: {\n    ...boxModel,\n    paddingLeft: tokens.spacingGroup2,\n  },\n  collapseWrapper: {\n    display: \"grid\",\n    gridTemplateRows: \"0fr\",\n    transitionProperty: \"grid-template-rows\",\n    transitionDuration: \"200ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    \"&[data-state='open']\": {\n      gridTemplateRows: \"1fr\",\n    },\n  },\n  collapseWrapperOpen: {\n    gridTemplateRows: \"1fr\",\n  },\n  collapseInner: {\n    ...boxModel,\n    minHeight: 0,\n    overflow: \"hidden\",\n  },\n\n  // Status icons\n  statusIconError: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.errorLight,\n  },\n  statusIconWarning: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.warningLight,\n  },\n  statusIconSuccess: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.successLight,\n  },\n})\n\n// ── Status Icons Helper ────────────────────────────────────────────────────\n\nconst StatusIcon = ({ status }: { status: ListItemStatus }) => {\n  const styles = useListStyles()\n  if (status === \"error\") {\n    return <WarningIcon className={styles.statusIconError} />\n  }\n  if (status === \"warning\") {\n    return <WarningIcon className={styles.statusIconWarning} />\n  }\n  if (status === \"success\") {\n    return <CheckCircleIcon className={styles.statusIconSuccess} />\n  }\n  return null\n}\n\n// ── Context ────────────────────────────────────────────────────────────────\n\n/**\n * `density` is deliberately NOT here — every downstream consumer (`ListItemBody`,\n * `ListGroupLabel`'s collapsible-trigger branch) now reads geometry from CSS custom properties via\n * `[data-density]` inheritance, not from this context.\n */\nexport type ListContextValue = {\n  striped: boolean\n  showIndex: boolean\n  /** Set only by `SortableList` (`@epilot/zenith-react/list/sortable`). */\n  sortable: boolean\n  /**\n   * The drag-aware row `SortableList` supplies. The root entry never imports dnd-kit, so `ListItem`\n   * cannot name it; it renders whatever the surrounding `SortableList` put here.\n   */\n  SortableItem?: React.ForwardRefExoticComponent<\n    ListItemProps & React.RefAttributes<HTMLLIElement>\n  >\n}\n\n/** Internal: shared with `list-sortable.tsx`, deliberately not exported from the package index. */\nexport const listContext = React.createContext<ListContextValue>({\n  striped: false,\n  showIndex: false,\n  sortable: false,\n})\n\nconst useListContext = () => React.useContext(listContext)\n\n/**\n * `undefined` (density omitted) stays `undefined` — no implicit normal stamp, so the `<ol>`\n * inherits ambient CSS density through ordinary DOM inheritance.\n */\nexport const canonicalDomDensity = (\n  density: ListDensity | undefined\n): \"compact\" | \"normal\" | \"comfortable\" | undefined =>\n  density === undefined ? undefined : density === \"relaxed\" ? \"normal\" : density\n\n// ── List ───────────────────────────────────────────────────────────────────\n\nexport type ListProps = React.ComponentProps<\"ol\"> & {\n  /**\n   * Row density. Omitted inherits the ambient shell `[data-density]` (no stamp is written).\n   * `\"relaxed\"` is a permanent alias for `\"normal\"` — identical geometry, normalized to\n   * `data-density=\"normal\"` in the DOM. An explicit value (including `\"relaxed\"`) creates a\n   * canonical density boundary for this list's subtree and its `DragOverlay`.\n   */\n  density?: ListDensity\n  /** Alternating background on neutral rows. Default: false */\n  striped?: boolean\n  /** Show a 1-based position number on each item. Default: false */\n  showIndex?: boolean\n}\n\n/**\n * Internal: the `<ol>` itself, with the index injected into each `ListItem`. Shared by `List` and\n * `SortableList` so both render identical markup; the context provider stays with the caller.\n */\nexport const ListRoot = React.forwardRef<\n  HTMLOListElement,\n  Omit<ListProps, \"striped\" | \"showIndex\">\n>(function ListRoot({ className, density, children, ...props }, ref) {\n  const styles = useListStyles()\n  const domDensity = canonicalDomDensity(density)\n\n  const indexedItems = React.Children.toArray(children)\n    .filter(React.isValidElement)\n    .map((child, index) =>\n      child.type === ListItem\n        ? React.cloneElement(child as React.ReactElement<ListItemProps>, {\n            index,\n          })\n        : child\n    )\n\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"list\"\n      {...{ [SLOT_ATTR]: \"list\" }}\n      {...(domDensity !== undefined ? { \"data-density\": domDensity } : {})}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    >\n      {indexedItems}\n    </ol>\n  )\n})\n\nexport const List = React.forwardRef<HTMLOListElement, ListProps>(function List(\n  { striped = false, showIndex = false, ...props },\n  ref\n) {\n  return (\n    <listContext.Provider value={{ striped, showIndex, sortable: false }}>\n      <ListRoot ref={ref} {...props} />\n    </listContext.Provider>\n  )\n})\n\n// ── ListItemActions ────────────────────────────────────────────────────────\n\nexport type ListItemActionsProps = React.ComponentProps<\"span\">\n\nexport const ListItemActions = React.forwardRef<\n  HTMLSpanElement,\n  ListItemActionsProps\n>(function ListItemActions({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-actions\"\n      {...{ [SLOT_ATTR]: \"list-item-actions\" }}\n      onPointerDown={(e) => e.stopPropagation()}\n      className={mergeClasses(styles.actions, className)}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n})\n\n// ── ListItemText ───────────────────────────────────────────────────────────\n\nexport type ListItemTextProps = React.ComponentProps<\"span\">\n\nexport const ListItemText = React.forwardRef<\n  HTMLSpanElement,\n  ListItemTextProps\n>(function ListItemText({ className, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-text\"\n      {...{ [SLOT_ATTR]: \"list-item-text\" }}\n      className={mergeClasses(styles.text, className)}\n      {...props}\n    />\n  )\n})\n\n// ── ListItemDescription ────────────────────────────────────────────────────\n\nexport type ListItemDescriptionProps = React.ComponentProps<\"span\">\n\nexport const ListItemDescription = React.forwardRef<\n  HTMLSpanElement,\n  ListItemDescriptionProps\n>(function ListItemDescription({ className, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-description\"\n      {...{ [SLOT_ATTR]: \"list-item-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n\n// ── ListItemBody ───────────────────────────────────────────────────────────\n\nexport type ListItemProps = React.ComponentProps<\"li\"> & {\n  /** Stable id used for drag-and-drop. Required on every item of a `SortableList`. */\n  value?: string\n  /** System status. Tints the row and shows a trailing status icon. */\n  status?: ListItemStatus\n  /** Injected by `List` — the 0-based position. */\n  index?: number\n}\n\n/** The slice of dnd-kit's activator listeners a row uses; typed here so this module stays dnd-free. */\nexport type ListItemDragListeners = {\n  onPointerDown?: React.PointerEventHandler<HTMLLIElement>\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>\n}\n\nexport type ListItemBodyProps = ListItemProps & {\n  setNodeRef?: (node: HTMLElement | null) => void\n  setActivatorNodeRef?: (node: HTMLElement | null) => void\n  style?: React.CSSProperties\n  isDragging?: boolean\n  /** Insertion indicator edge while another item is dragged over this one. */\n  dropEdge?: \"top\" | \"bottom\" | null\n  /** dnd-kit listeners — pointer activation goes on the row, keyboard on the handle. */\n  listeners?: ListItemDragListeners\n  /** dnd-kit a11y attributes for the keyboard drag handle. */\n  attributes?: React.ButtonHTMLAttributes<HTMLButtonElement>\n}\n\nexport const ListItemBody = React.forwardRef<HTMLLIElement, ListItemBodyProps>(\n  function ListItemBody(\n    {\n      className,\n      value,\n      status = \"default\",\n      index,\n      children,\n      setNodeRef,\n      setActivatorNodeRef,\n      style,\n      isDragging,\n      dropEdge,\n      listeners,\n      attributes,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const styles = useListStyles()\n    const { striped, showIndex, sortable } = useListContext()\n    const interactive = sortable && !isDragging\n\n    const childArray = React.Children.toArray(children)\n    const actionsSlot = childArray.find(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && child.type === ListItemActions\n    )\n    const contentChildren = childArray.filter((child) => child !== actionsSlot)\n\n    // Combined ref for dnd-kit setNodeRef + caller's forwardedRef\n    const handleRef = React.useCallback(\n      (node: HTMLLIElement | null) => {\n        setNodeRef?.(node)\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(node)\n        } else if (forwardedRef) {\n          ;(\n            forwardedRef as React.MutableRefObject<HTMLLIElement | null>\n          ).current = node\n        }\n      },\n      [setNodeRef, forwardedRef]\n    )\n\n    const statusStyle =\n      status === \"error\"\n        ? styles.statusError\n        : status === \"warning\"\n          ? styles.statusWarning\n          : status === \"success\"\n            ? styles.statusSuccess\n            : styles.statusDefault\n\n    const interactiveStyle = interactive\n      ? status === \"error\"\n        ? styles.interactiveError\n        : status === \"warning\"\n          ? styles.interactiveWarning\n          : status === \"success\"\n            ? styles.interactiveSuccess\n            : styles.interactiveDefault\n      : undefined\n\n    return (\n      <li\n        ref={handleRef}\n        style={style}\n        data-slot=\"list-item\"\n        {...{ [SLOT_ATTR]: \"list-item\" }}\n        data-status={status}\n        data-value={value}\n        onPointerDown={sortable ? listeners?.onPointerDown : undefined}\n        className={mergeClasses(\n          styles.item,\n          statusStyle,\n          striped && status === \"default\" && styles.stripedEven,\n          interactiveStyle,\n          sortable && styles.sortableItem,\n          isDragging && styles.itemDragging,\n          className\n        )}\n        {...props}\n      >\n        {dropEdge && (\n          <span\n            data-slot=\"list-drop-indicator\"\n            {...{ [SLOT_ATTR]: \"list-drop-indicator\" }}\n            aria-hidden=\"true\"\n            className={mergeClasses(\n              styles.dropIndicator,\n              dropEdge === \"top\"\n                ? styles.dropIndicatorTop\n                : styles.dropIndicatorBottom\n            )}\n          />\n        )}\n\n        {showIndex && (\n          <span\n            data-slot=\"list-item-index\"\n            {...{ [SLOT_ATTR]: \"list-item-index\" }}\n            aria-hidden=\"true\"\n            className={styles.indexBase}\n          >\n            {(index ?? 0) + 1}\n          </span>\n        )}\n\n        <span\n          data-slot=\"list-item-content\"\n          {...{ [SLOT_ATTR]: \"list-item-content\" }}\n          className={styles.content}\n        >\n          {contentChildren}\n        </span>\n\n        <StatusIcon status={status} />\n\n        {actionsSlot}\n\n        {sortable && (\n          <button\n            ref={setActivatorNodeRef}\n            type=\"button\"\n            aria-label={`Drag to reorder ${value ?? \"item\"}`}\n            className={styles.dragHandle}\n            {...attributes}\n            onKeyDown={listeners?.onKeyDown}\n          >\n            <GripVerticalIcon />\n          </button>\n        )}\n      </li>\n    )\n  }\n)\n\n// ── ListItem ───────────────────────────────────────────────────────────────\n\nexport const ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, ref) {\n    const { SortableItem } = useListContext()\n\n    if (SortableItem) {\n      return <SortableItem ref={ref} {...props} />\n    }\n\n    return <ListItemBody ref={ref} {...props} />\n  }\n)\n\n// ── ListGroup ──────────────────────────────────────────────────────────────\n\ntype ListGroupContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  contentId: string\n}\n\nconst ListGroupContext = React.createContext<ListGroupContextValue | null>(null)\n\nexport type ListGroupProps = Omit<React.ComponentProps<\"li\">, \"onChange\"> & {\n  /** Controlled open state of the collapsible group. */\n  open?: boolean\n  /** Initial open state when uncontrolled. Default: false */\n  defaultOpen?: boolean\n  /** Called when the group is expanded or collapsed. */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport const ListGroup = React.forwardRef<HTMLLIElement, ListGroupProps>(\n  function ListGroup(\n    {\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useListStyles()\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n    const open = openProp ?? uncontrolledOpen\n    const contentId = React.useId()\n\n    const setOpen = (next: boolean) => {\n      if (openProp === undefined) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    }\n\n    return (\n      <ListGroupContext.Provider value={{ open, setOpen, contentId }}>\n        <li\n          ref={ref}\n          data-slot=\"list-group\"\n          {...{ [SLOT_ATTR]: \"list-group\" }}\n          data-state={open ? \"open\" : \"closed\"}\n          className={mergeClasses(styles.group, className)}\n          {...props}\n        >\n          {children}\n        </li>\n      </ListGroupContext.Provider>\n    )\n  }\n)\n\n// ── ListGroupLabel ─────────────────────────────────────────────────────────\n\nexport type ListGroupLabelProps = React.ComponentProps<\"button\"> & {\n  asListItem?: boolean\n}\n\nexport const ListGroupLabel = React.forwardRef<\n  HTMLElement,\n  ListGroupLabelProps\n>(function ListGroupLabel({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n  const group = React.useContext(ListGroupContext)\n\n  if (group) {\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type=\"button\"\n        data-slot=\"list-group-trigger\"\n        {...{ [SLOT_ATTR]: \"list-group-trigger\" }}\n        aria-expanded={group.open}\n        aria-controls={group.contentId}\n        onClick={() => group.setOpen(!group.open)}\n        className={mergeClasses(\n          styles.item,\n          styles.interactiveDefault,\n          styles.groupTrigger,\n          className\n        )}\n        {...props}\n      >\n        <ChevronRightIcon\n          className={mergeClasses(\n            styles.groupChevron,\n            group.open && styles.groupChevronOpen\n          )}\n        />\n        <span className={styles.groupTriggerText}>{children}</span>\n      </button>\n    )\n  }\n\n  return (\n    <li\n      ref={ref as React.Ref<HTMLLIElement>}\n      data-slot=\"list-group-label\"\n      {...{ [SLOT_ATTR]: \"list-group-label\" }}\n      className={mergeClasses(styles.standaloneGroupLabel, className)}\n    >\n      {children}\n    </li>\n  )\n})\n\n// ── ListGroupContent ───────────────────────────────────────────────────────\n\nexport type ListGroupContentProps = React.ComponentProps<\"ul\">\n\nexport const ListGroupContent = React.forwardRef<\n  HTMLUListElement,\n  ListGroupContentProps\n>(function ListGroupContent({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n  const group = React.useContext(ListGroupContext)\n\n  const items = (\n    <ul\n      ref={ref}\n      data-slot=\"list-group-content\"\n      {...{ [SLOT_ATTR]: \"list-group-content\" }}\n      className={mergeClasses(styles.list, styles.groupContentList, className)}\n      {...props}\n    >\n      {children}\n    </ul>\n  )\n\n  if (!group) return items\n\n  return (\n    <div\n      id={group.contentId}\n      data-state={group.open ? \"open\" : \"closed\"}\n      className={mergeClasses(\n        styles.collapseWrapper,\n        group.open && styles.collapseWrapperOpen\n      )}\n    >\n      <div className={styles.collapseInner}>{items}</div>\n    </div>\n  )\n})\n"],"names":["GripVerticalIcon","props","jsxs","jsx","WarningIcon","CheckCircleIcon","ChevronRightIcon","useListStyles","makeZenithStyles","boxModel","shorthands","tokens.radiusMd","tokens.grayA12","tokens.listItemMinHeight","tokens.listItemGap","tokens.listItemPaddingY","tokens.listItemPaddingX","tokens.textSm","tokens.leadingSm","tokens.errorSoft","tokens.errorDefault","tokens.warningSoft","tokens.warningDefault","tokens.successSoft","tokens.successDefault","tokens.grayA2","tokens.accentSoft","tokens.errorSoftHover","tokens.warningSoftHover","tokens.successSoftHover","tokens.grayA11","tokens.listIndexMinWidth","tokens.listIndexPaddingX","tokens.spacingElement2","tokens.spacingElement1","tokens.textXs","tokens.leadingXs","tokens.grayA8","tokens.accentA8","tokens.accentSolid","tokens.grayA5","tokens.fontWeightMedium","tokens.grayA10","tokens.spacingGroup2","tokens.spacingElement3","tokens.fontWeightSemibold","tokens.errorLight","tokens.warningLight","tokens.successLight","StatusIcon","status","styles","listContext","React","useListContext","canonicalDomDensity","density","ListRoot","className","children","ref","domDensity","indexedItems","child","index","ListItem","SLOT_ATTR","mergeClasses","List","striped","showIndex","ListItemActions","e","ListItemText","ListItemDescription","ListItemBody","value","setNodeRef","setActivatorNodeRef","style","isDragging","dropEdge","listeners","attributes","forwardedRef","sortable","interactive","childArray","actionsSlot","contentChildren","handleRef","node","statusStyle","interactiveStyle","SortableItem","ListGroupContext","ListGroup","openProp","defaultOpen","onOpenChange","uncontrolledOpen","setUncontrolledOpen","open","contentId","setOpen","next","ListGroupLabel","group","ListGroupContent","items"],"mappings":";;;;;;AAiBA,MAAMA,KAAmB,CAACC,MACxB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM;AAAA,wBAC7B,UAAA,EAAO,IAAG,MAAK,IAAG,KAAI,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC/B,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAClC,GAGIC,IAAc,CAACH,MACnB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,2FAAA,CAA2F;AAAA,MACnG,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,MACrC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,KAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAC3C,GAGIE,KAAkB,CAACJ,MACvB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,qCAAA,CAAqC;AAAA,MAC7C,gBAAAA,EAAC,YAAA,EAAS,QAAO,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAC3C,GAGIG,KAAmB,CAACL,MACxB,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGF;AAAA,IAEJ,UAAA,gBAAAE,EAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,EAAA;AACpC,GAKWI,IAAgBC,EAAiB;AAAA,EAC5C,MAAM;AAAA,IACJ,GAAGC;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,GAAGC,EAAW,IAAI,CAAC;AAAA,IACnB,GAAGA,EAAW,QAAQ,CAAC;AAAA,IACvB,GAAGA,EAAW,OAAO,CAAC;AAAA,EAAA;AAAA;AAAA,EAIxB,MAAM;AAAA,IACJ,GAAGD;AAAA,IACH,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,GAAGC,EAAW,aAAaC,CAAe;AAAA,IAC1C,OAAOC;AAAAA,IACP,oBACE;AAAA,IACF,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,WAAWC;AAAAA,IACX,GAAGH,EAAW,IAAII,EAAkB;AAAA,IACpC,GAAGJ,EAAW,QAAQK,GAAyBC,CAAuB;AAAA,IACtE,UAAUC;AAAAA,IACV,YAAYC;AAAAA,IACZ,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA;AAAA,EAIF,eAAe,CAAA;AAAA,EACf,aAAa;AAAA,IACX,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA,EAEhB,eAAe;AAAA,IACb,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA,EAEhB,eAAe;AAAA,IACb,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA;AAAA,EAIhB,aAAa;AAAA,IACX,qBAAqB;AAAA,MACnB,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAIF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,kBAAkB;AAAA,IAChB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAIF,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,cAAc;AAAA,IACZ,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,WAAW;AAAA,IACT,GAAGpB;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,qBAAqBE;AAAAA,IACrB,wBAAwBA;AAAAA,IACxB,iBAAiBc;AAAAA,IACjB,WAAW;AAAA,IACX,OAAOK;AAAAA,IACP,oBAAoB;AAAA,IACpB,UAAUC;AAAAA,IACV,WAAW,aAAahB,CAAuB;AAAA,IAC/C,cAAc,aAAaA,CAAuB;AAAA,IAClD,YAAY,aAAaC,CAAuB;AAAA,IAChD,aAAagB;AAAAA,IACb,cAAcA;AAAAA,EAAO;AAAA;AAAA,EAIvB,SAAS;AAAA,IACP,GAAGvB;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,GAAGC,EAAW,IAAIuB,EAAsB;AAAA,IACxC,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd;AAAA;AAAA,EAIF,SAAS;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAGvB,EAAW,IAAIwB,EAAsB;AAAA,EAAA;AAAA;AAAA,EAI1C,MAAM;AAAA,IACJ,GAAGzB;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,eAAe;AAAA,IACf,GAAGC,EAAW,IAAI,UAAU;AAAA,EAAA;AAAA;AAAA,EAI9B,aAAa;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAUyB;AAAAA,IACV,YAAYC;AAAAA,IACZ,OAAON;AAAAA,EAAO;AAAA;AAAA,EAIhB,YAAY;AAAA,IACV,GAAGrB;AAAA,IACH,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO4B;AAAAA,IACP,iBAAiB;AAAA,IACjB,GAAG3B,EAAW,OAAO,GAAG;AAAA,IACxB,GAAGA,EAAW,QAAQ,CAAC;AAAA,IACvB,UAAU;AAAA,MACR,OAAOoB;AAAAA,IAAO;AAAA,IAEhB,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcQ;AAAAA,IAAO;AAAA,IAEvB,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA;AAAA,EAIF,eAAe;AAAA,IACb,GAAG7B;AAAA,IACH,eAAe;AAAA,IACf,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,GAAGC,EAAW,aAAa,QAAQ;AAAA,IACnC,iBAAiB6B;AAAAA,IACjB,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,IAAI;AAAA,QACF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAAA;AAAA,EAE3B,kBAAkB;AAAA,IAChB,KAAK;AAAA,EAAA;AAAA,EAEP,qBAAqB;AAAA,IACnB,QAAQ;AAAA,EAAA;AAAA;AAAA,EAIV,iBAAiB;AAAA,IACf,GAAG9B;AAAA,IACH,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,GAAGC,EAAW,OAAO,OAAO,SAAS8B,EAAa;AAAA,IAClD,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,MAAM,EAAE,WAAW,WAAA;AAAA,MACnB,IAAI,EAAE,WAAW,cAAA;AAAA,IAAc;AAAA,IAEjC,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,IACzB,UAAU;AAAA,MACR,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA;AAAA,EAIF,OAAO;AAAA,IACL,eAAe;AAAA,EAAA;AAAA,EAEjB,cAAc;AAAA,IACZ,GAAG/B;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAYgC;AAAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG/B,EAAW,OAAO,GAAG;AAAA,EAAA;AAAA,EAE1B,cAAc;AAAA,IACZ,GAAGD;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOiC;AAAAA,IACP,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,kBAAkB;AAAA,IAChB,WAAW;AAAA,EAAA;AAAA,EAEb,kBAAkB;AAAA,IAChB,GAAGjC;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EAAA;AAAA,EAEd,sBAAsB;AAAA,IACpB,GAAGA;AAAA,IACH,WAAWkC;AAAAA,IACX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,GAAGjC,EAAW,QAAQ,YAAYkC,EAAsB;AAAA,IACxD,UAAU3B;AAAAA,IACV,YAAYC;AAAAA,IACZ,YAAY2B;AAAAA,IACZ,OAAOjC;AAAAA,IACP,iBAAiB;AAAA,MACf,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,kBAAkB;AAAA,IAChB,GAAGH;AAAA,IACH,aAAakC;AAAAA,EAAO;AAAA,EAEtB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,wBAAwB;AAAA,MACtB,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EAEF,qBAAqB;AAAA,IACnB,kBAAkB;AAAA,EAAA;AAAA,EAEpB,eAAe;AAAA,IACb,GAAGlC;AAAA,IACH,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAAA;AAAA,EAIZ,iBAAiB;AAAA,IACf,GAAGA;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOqC;AAAAA,EAAO;AAAA,EAEhB,mBAAmB;AAAA,IACjB,GAAGrC;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOsC;AAAAA,EAAO;AAAA,EAEhB,mBAAmB;AAAA,IACjB,GAAGtC;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOuC;AAAAA,EAAO;AAElB,CAAC,GAIKC,KAAa,CAAC,EAAE,QAAAC,QAAyC;AAC7D,QAAMC,IAAS5C,EAAA;AACf,SAAI2C,MAAW,UACN,gBAAA/C,EAACC,GAAA,EAAY,WAAW+C,EAAO,gBAAA,CAAiB,IAErDD,MAAW,YACN,gBAAA/C,EAACC,GAAA,EAAY,WAAW+C,EAAO,kBAAA,CAAmB,IAEvDD,MAAW,YACN,gBAAA/C,EAACE,IAAA,EAAgB,WAAW8C,EAAO,kBAAA,CAAmB,IAExD;AACT,GAwBaC,IAAcC,EAAM,cAAgC;AAAA,EAC/D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ,CAAC,GAEKC,IAAiB,MAAMD,EAAM,WAAWD,CAAW,GAM5CG,KAAsB,CACjCC,MAEAA,MAAY,SAAY,SAAYA,MAAY,YAAY,WAAWA,GAsB5DC,KAAWJ,EAAM,WAG5B,SAAkB,EAAE,WAAAK,GAAW,SAAAF,GAAS,UAAAG,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AACnE,QAAMT,IAAS5C,EAAA,GACTsD,IAAaN,GAAoBC,CAAO,GAExCM,IAAeT,EAAM,SAAS,QAAQM,CAAQ,EACjD,OAAON,EAAM,cAAc,EAC3B;AAAA,IAAI,CAACU,GAAOC,MACXD,EAAM,SAASE,KACXZ,EAAM,aAAaU,GAA4C;AAAA,MAC7D,OAAAC;AAAA,IAAA,CACD,IACDD;AAAA,EAAA;AAGR,SACE,gBAAA5D;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MAClB,GAAIL,MAAe,SAAY,EAAE,gBAAgBA,EAAA,IAAe,CAAA;AAAA,MACjE,WAAWM,EAAahB,EAAO,MAAMO,CAAS;AAAA,MAC7C,GAAGzD;AAAA,MAEH,UAAA6D;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYM,KAAOf,EAAM,WAAwC,SAChE,EAAE,SAAAgB,IAAU,IAAO,WAAAC,IAAY,IAAO,GAAGrE,EAAA,GACzC2D,GACA;AACA,2BACGR,EAAY,UAAZ,EAAqB,OAAO,EAAE,SAAAiB,GAAS,WAAAC,GAAW,UAAU,GAAA,GAC3D,UAAA,gBAAAnE,EAACsD,IAAA,EAAS,KAAAG,GAAW,GAAG3D,GAAO,GACjC;AAEJ,CAAC,GAMYsE,KAAkBlB,EAAM,WAGnC,SAAyB,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AACjE,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,eAAe,CAACM,MAAMA,EAAE,gBAAA;AAAA,MACxB,WAAWL,EAAahB,EAAO,SAASO,CAAS;AAAA,MAChD,GAAGzD;AAAA,MAEH,UAAA0D;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAMYc,KAAepB,EAAM,WAGhC,SAAsB,EAAE,WAAAK,GAAW,GAAGzD,EAAA,GAAS2D,GAAK;AACpD,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,MAAMO,CAAS;AAAA,MAC7C,GAAGzD;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAMYyE,KAAsBrB,EAAM,WAGvC,SAA6B,EAAE,WAAAK,GAAW,GAAGzD,EAAA,GAAS2D,GAAK;AAC3D,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,aAAaO,CAAS;AAAA,MACpD,GAAGzD;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAgCY0E,KAAetB,EAAM;AAAA,EAChC,SACE;AAAA,IACE,WAAAK;AAAA,IACA,OAAAkB;AAAA,IACA,QAAA1B,IAAS;AAAA,IACT,OAAAc;AAAA,IACA,UAAAL;AAAA,IACA,YAAAkB;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGlF;AAAA,EAAA,GAELmF,GACA;AACA,UAAMjC,IAAS5C,EAAA,GACT,EAAE,SAAA8D,GAAS,WAAAC,GAAW,UAAAe,EAAA,IAAa/B,EAAA,GACnCgC,IAAcD,KAAY,CAACL,GAE3BO,IAAalC,EAAM,SAAS,QAAQM,CAAQ,GAC5C6B,IAAcD,EAAW;AAAA,MAC7B,CAACxB,MACCV,EAAM,eAAeU,CAAK,KAAKA,EAAM,SAASQ;AAAA,IAAA,GAE5CkB,IAAkBF,EAAW,OAAO,CAACxB,MAAUA,MAAUyB,CAAW,GAGpEE,IAAYrC,EAAM;AAAA,MACtB,CAACsC,MAA+B;AAC9B,QAAAd,KAAA,QAAAA,EAAac,IACT,OAAOP,KAAiB,aAC1BA,EAAaO,CAAI,IACRP,MAEPA,EACA,UAAUO;AAAA,MAEhB;AAAA,MACA,CAACd,GAAYO,CAAY;AAAA,IAAA,GAGrBQ,IACJ1C,MAAW,UACPC,EAAO,cACPD,MAAW,YACTC,EAAO,gBACPD,MAAW,YACTC,EAAO,gBACPA,EAAO,eAEX0C,IAAmBP,IACrBpC,MAAW,UACTC,EAAO,mBACPD,MAAW,YACTC,EAAO,qBACPD,MAAW,YACTC,EAAO,qBACPA,EAAO,qBACb;AAEJ,WACE,gBAAAjD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKwF;AAAA,QACL,OAAAX;AAAA,QACA,aAAU;AAAA,QACJ,CAACb,CAAS,GAAG;AAAA,QACnB,eAAahB;AAAA,QACb,cAAY0B;AAAA,QACZ,eAAeS,IAAWH,KAAA,gBAAAA,EAAW,gBAAgB;AAAA,QACrD,WAAWf;AAAA,UACThB,EAAO;AAAA,UACPyC;AAAA,UACAvB,KAAWnB,MAAW,aAAaC,EAAO;AAAA,UAC1C0C;AAAA,UACAR,KAAYlC,EAAO;AAAA,UACnB6B,KAAc7B,EAAO;AAAA,UACrBO;AAAA,QAAA;AAAA,QAED,GAAGzD;AAAA,QAEH,UAAA;AAAA,UAAAgF,KACC,gBAAA9E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,eAAY;AAAA,cACZ,WAAWC;AAAA,gBACThB,EAAO;AAAA,gBACP8B,MAAa,QACT9B,EAAO,mBACPA,EAAO;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,UAIHmB,KACC,gBAAAnE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,eAAY;AAAA,cACZ,WAAWf,EAAO;AAAA,cAEhB,gBAAS,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAIpB,gBAAAhD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,WAAWf,EAAO;AAAA,cAEjB,UAAAsC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,gBAAAtF,EAAC8C,MAAW,QAAAC,GAAgB;AAAA,UAE3BsC;AAAA,UAEAH,KACC,gBAAAlF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK2E;AAAA,cACL,MAAK;AAAA,cACL,cAAY,mBAAmBF,KAAS,MAAM;AAAA,cAC9C,WAAWzB,EAAO;AAAA,cACjB,GAAGgC;AAAA,cACJ,WAAWD,KAAA,gBAAAA,EAAW;AAAA,cAEtB,4BAAClF,IAAA,CAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAIaiE,KAAWZ,EAAM;AAAA,EAC5B,SAAkBpD,GAAO2D,GAAK;AAC5B,UAAM,EAAE,cAAAkC,EAAA,IAAiBxC,EAAA;AAEzB,WAAIwC,IACK,gBAAA3F,EAAC2F,GAAA,EAAa,KAAAlC,GAAW,GAAG3D,EAAA,CAAO,IAGrC,gBAAAE,EAACwE,IAAA,EAAa,KAAAf,GAAW,GAAG3D,EAAA,CAAO;AAAA,EAC5C;AACF,GAUM8F,IAAmB1C,EAAM,cAA4C,IAAI,GAWlE2C,KAAY3C,EAAM;AAAA,EAC7B,SACE;AAAA,IACE,MAAM4C;AAAA,IACN,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,WAAAzC;AAAA,IACA,UAAAC;AAAA,IACA,GAAG1D;AAAA,EAAA,GAEL2D,GACA;AACA,UAAMT,IAAS5C,EAAA,GACT,CAAC6F,GAAkBC,CAAmB,IAAIhD,EAAM,SAAS6C,CAAW,GACpEI,IAAOL,KAAYG,GACnBG,IAAYlD,EAAM,MAAA,GAElBmD,IAAU,CAACC,MAAkB;AACjC,MAAIR,MAAa,UAAWI,EAAoBI,CAAI,GACpDN,KAAA,QAAAA,EAAeM;AAAA,IACjB;AAEA,WACE,gBAAAtG,EAAC4F,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAAO,GAAM,SAAAE,GAAS,WAAAD,KACjD,UAAA,gBAAApG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAyD;AAAA,QACA,aAAU;AAAA,QACJ,CAACM,CAAS,GAAG;AAAA,QACnB,cAAYoC,IAAO,SAAS;AAAA,QAC5B,WAAWnC,EAAahB,EAAO,OAAOO,CAAS;AAAA,QAC9C,GAAGzD;AAAA,QAEH,UAAA0D;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF,GAQa+C,KAAiBrD,EAAM,WAGlC,SAAwB,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AAChE,QAAMT,IAAS5C,EAAA,GACToG,IAAQtD,EAAM,WAAW0C,CAAgB;AAE/C,SAAIY,IAEA,gBAAAzG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA0D;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,iBAAeyC,EAAM;AAAA,MACrB,iBAAeA,EAAM;AAAA,MACrB,SAAS,MAAMA,EAAM,QAAQ,CAACA,EAAM,IAAI;AAAA,MACxC,WAAWxC;AAAA,QACThB,EAAO;AAAA,QACPA,EAAO;AAAA,QACPA,EAAO;AAAA,QACPO;AAAA,MAAA;AAAA,MAED,GAAGzD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW6D;AAAA,cACThB,EAAO;AAAA,cACPwD,EAAM,QAAQxD,EAAO;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAEF,gBAAAhD,EAAC,QAAA,EAAK,WAAWgD,EAAO,kBAAmB,UAAAQ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMxD,gBAAAxD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,sBAAsBO,CAAS;AAAA,MAE7D,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAMYiD,KAAmBvD,EAAM,WAGpC,SAA0B,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AAClE,QAAMT,IAAS5C,EAAA,GACToG,IAAQtD,EAAM,WAAW0C,CAAgB,GAEzCc,IACJ,gBAAA1G;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,MAAMA,EAAO,kBAAkBO,CAAS;AAAA,MACtE,GAAGzD;AAAA,MAEH,UAAA0D;AAAA,IAAA;AAAA,EAAA;AAIL,SAAKgD,IAGH,gBAAAxG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIwG,EAAM;AAAA,MACV,cAAYA,EAAM,OAAO,SAAS;AAAA,MAClC,WAAWxC;AAAA,QACThB,EAAO;AAAA,QACPwD,EAAM,QAAQxD,EAAO;AAAA,MAAA;AAAA,MAGvB,UAAA,gBAAAhD,EAAC,OAAA,EAAI,WAAWgD,EAAO,eAAgB,UAAA0D,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAX9BA;AAcrB,CAAC;"}
+{"version":3,"file":"list.js","sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\n/**\n * `relaxed` is a permanent compatibility alias for `normal` (DENSITY-SPEC.md §4.2,\n * WP9B2A-ACCEPTANCE-LIST) — identical geometry, forever, not deprecated.\n */\nexport type ListDensity = \"compact\" | \"normal\" | \"comfortable\" | \"relaxed\"\nexport type ListItemStatus = \"default\" | \"error\" | \"warning\" | \"success\"\n\n// ── Icons ──────────────────────────────────────────────────────────────────\n\nconst GripVerticalIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <circle cx=\"9\" cy=\"5\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n    <circle cx=\"9\" cy=\"12\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n    <circle cx=\"9\" cy=\"19\" r=\"1.5\" />\n    <circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n  </svg>\n)\n\nconst WarningIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n)\n\nconst CheckCircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" />\n    <polyline points=\"22 4 12 14.01 9 11.01\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <polyline points=\"9 18 15 12 9 6\" />\n  </svg>\n)\n\n// ── Styles ─────────────────────────────────────────────────────────────────\n\nexport const useListStyles = makeZenithStyles({\n  list: {\n    ...boxModel,\n    display: \"flex\",\n    width: \"100%\",\n    listStyleType: \"none\",\n    flexDirection: \"column\",\n    ...shorthands.gap(0),\n    ...shorthands.padding(0),\n    ...shorthands.margin(0),\n  },\n\n  // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST).\n  item: {\n    ...boxModel,\n    position: \"relative\",\n    display: \"flex\",\n    width: \"100%\",\n    alignItems: \"center\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    color: tokens.grayA12,\n    transitionProperty:\n      \"color, background-color, border-color, text-decoration-color, fill, stroke\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    minHeight: tokens.listItemMinHeight,\n    ...shorthands.gap(tokens.listItemGap),\n    ...shorthands.padding(tokens.listItemPaddingY, tokens.listItemPaddingX),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    \"& > svg\": {\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n\n  // Status variants\n  statusDefault: {},\n  statusError: {\n    backgroundColor: tokens.errorSoft,\n    color: tokens.errorDefault,\n  },\n  statusWarning: {\n    backgroundColor: tokens.warningSoft,\n    color: tokens.warningDefault,\n  },\n  statusSuccess: {\n    backgroundColor: tokens.successSoft,\n    color: tokens.successDefault,\n  },\n\n  // Striped variant (only neutral rows)\n  stripedEven: {\n    \"&:nth-child(even)\": {\n      backgroundColor: tokens.grayA2,\n    },\n  },\n\n  // Interactive hovers\n  interactiveDefault: {\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n  },\n  interactiveError: {\n    \":hover\": {\n      backgroundColor: tokens.errorSoftHover,\n    },\n  },\n  interactiveWarning: {\n    \":hover\": {\n      backgroundColor: tokens.warningSoftHover,\n    },\n  },\n  interactiveSuccess: {\n    \":hover\": {\n      backgroundColor: tokens.successSoftHover,\n    },\n  },\n\n  // Sortable modifiers\n  sortableItem: {\n    cursor: \"grab\",\n    touchAction: \"none\",\n    \":active\": {\n      cursor: \"grabbing\",\n    },\n  },\n  itemDragging: {\n    opacity: 0.4,\n  },\n\n  // Index gutter — density-bound.\n  indexBase: {\n    ...boxModel,\n    display: \"flex\",\n    flexShrink: 0,\n    userSelect: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    alignSelf: \"stretch\",\n    borderTopLeftRadius: tokens.radiusMd,\n    borderBottomLeftRadius: tokens.radiusMd,\n    backgroundColor: tokens.grayA2,\n    textAlign: \"center\",\n    color: tokens.grayA11,\n    fontVariantNumeric: \"tabular-nums\",\n    minWidth: tokens.listIndexMinWidth,\n    marginTop: `calc(-1 * ${tokens.listItemPaddingY})`,\n    marginBottom: `calc(-1 * ${tokens.listItemPaddingY})`,\n    marginLeft: `calc(-1 * ${tokens.listItemPaddingX})`,\n    paddingLeft: tokens.listIndexPaddingX,\n    paddingRight: tokens.listIndexPaddingX,\n  },\n\n  // Content\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    \"& > svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n      flexShrink: 0,\n    },\n  },\n\n  // Actions\n  actions: {\n    position: \"relative\",\n    zIndex: 10,\n    display: \"flex\",\n    flexShrink: 0,\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n  },\n\n  // Text\n  text: {\n    ...boxModel,\n    display: \"flex\",\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    flexDirection: \"column\",\n    ...shorthands.gap(\"0.125rem\"),\n  },\n\n  // Description\n  description: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    color: tokens.grayA11,\n  },\n\n  // Drag handle button\n  dragHandle: {\n    ...boxModel,\n    position: \"relative\",\n    zIndex: 10,\n    display: \"inline-flex\",\n    flexShrink: 0,\n    cursor: \"grab\",\n    alignItems: \"center\",\n    color: tokens.grayA8,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \":hover\": {\n      color: tokens.grayA11,\n    },\n    \":active\": {\n      cursor: \"grabbing\",\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n\n  // Drop indicator line\n  dropIndicator: {\n    ...boxModel,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    zIndex: 10,\n    height: \"0.125rem\",\n    transformOrigin: \"center\",\n    ...shorthands.borderRadius(\"9999px\"),\n    backgroundColor: tokens.accentSolid,\n    animationName: {\n      from: {\n        transform: \"scaleX(0)\",\n        opacity: 0,\n      },\n      to: {\n        transform: \"scaleX(1)\",\n        opacity: 1,\n      },\n    },\n    animationDuration: \"160ms\",\n    animationTimingFunction: \"ease-out\",\n  },\n  dropIndicatorTop: {\n    top: \"-0.125rem\",\n  },\n  dropIndicatorBottom: {\n    bottom: \"-0.125rem\",\n  },\n\n  // DragOverlay ghost\n  dragOverlayItem: {\n    ...boxModel,\n    transformOrigin: \"center\",\n    transform: \"scale(0.95)\",\n    cursor: \"grabbing\",\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA5),\n    backgroundColor: \"rgb(255 255 255 / 55%)\",\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    backdropFilter: \"blur(12px)\",\n    animationName: {\n      from: { transform: \"scale(1)\" },\n      to: { transform: \"scale(0.95)\" },\n    },\n    animationDuration: \"160ms\",\n    animationTimingFunction: \"ease-out\",\n    \":hover\": {\n      backgroundColor: \"rgb(255 255 255 / 55%)\",\n    },\n  },\n\n  // Group\n  group: {\n    listStyleType: \"none\",\n  },\n  groupTrigger: {\n    ...boxModel,\n    cursor: \"pointer\",\n    textAlign: \"left\",\n    fontWeight: tokens.fontWeightMedium,\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n  },\n  groupChevron: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.grayA10,\n    transitionProperty: \"transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  },\n  groupChevronOpen: {\n    transform: \"rotate(90deg)\",\n  },\n  groupTriggerText: {\n    ...boxModel,\n    minWidth: 0,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  standaloneGroupLabel: {\n    ...boxModel,\n    marginTop: tokens.spacingGroup2,\n    display: \"block\",\n    listStyleType: \"none\",\n    ...shorthands.padding(\"0.375rem\", tokens.spacingElement3),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n    \"&:first-child\": {\n      marginTop: 0,\n    },\n  },\n  groupContentList: {\n    ...boxModel,\n    paddingLeft: tokens.spacingGroup2,\n  },\n  collapseWrapper: {\n    display: \"grid\",\n    gridTemplateRows: \"0fr\",\n    transitionProperty: \"grid-template-rows\",\n    transitionDuration: \"200ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    \"&[data-state='open']\": {\n      gridTemplateRows: \"1fr\",\n    },\n  },\n  collapseWrapperOpen: {\n    gridTemplateRows: \"1fr\",\n  },\n  collapseInner: {\n    ...boxModel,\n    minHeight: 0,\n    overflow: \"hidden\",\n  },\n\n  // Status icons\n  statusIconError: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.errorLight,\n  },\n  statusIconWarning: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.warningLight,\n  },\n  statusIconSuccess: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    color: tokens.successLight,\n  },\n})\n\n// ── Status Icons Helper ────────────────────────────────────────────────────\n\nconst StatusIcon = ({ status }: { status: ListItemStatus }) => {\n  const styles = useListStyles()\n  if (status === \"error\") {\n    return <WarningIcon className={styles.statusIconError} />\n  }\n  if (status === \"warning\") {\n    return <WarningIcon className={styles.statusIconWarning} />\n  }\n  if (status === \"success\") {\n    return <CheckCircleIcon className={styles.statusIconSuccess} />\n  }\n  return null\n}\n\n// ── Context ────────────────────────────────────────────────────────────────\n\n/**\n * `density` is deliberately NOT here — every downstream consumer (`ListItemBody`,\n * `ListGroupLabel`'s collapsible-trigger branch) now reads geometry from CSS custom properties via\n * `[data-density]` inheritance, not from this context.\n */\nexport type ListContextValue = {\n  striped: boolean\n  showIndex: boolean\n  /** Set only by `SortableList` (`@epilot/zenith-react/list/sortable`). */\n  sortable: boolean\n  /**\n   * The drag-aware row `SortableList` supplies. The root entry never imports dnd-kit, so `ListItem`\n   * cannot name it; it renders whatever the surrounding `SortableList` put here.\n   */\n  SortableItem?: React.ForwardRefExoticComponent<\n    ListItemProps & React.RefAttributes<HTMLLIElement>\n  >\n}\n\n/** Internal: shared with `list-sortable.tsx`, deliberately not exported from the package index. */\nexport const listContext = React.createContext<ListContextValue>({\n  striped: false,\n  showIndex: false,\n  sortable: false,\n})\n\nconst useListContext = () => React.useContext(listContext)\n\n/**\n * `undefined` (density omitted) stays `undefined` — no implicit normal stamp, so the `<ol>`\n * inherits ambient CSS density through ordinary DOM inheritance.\n */\nexport const canonicalDomDensity = (\n  density: ListDensity | undefined\n): \"compact\" | \"normal\" | \"comfortable\" | undefined =>\n  density === undefined ? undefined : density === \"relaxed\" ? \"normal\" : density\n\n// ── List ───────────────────────────────────────────────────────────────────\n\nexport type ListProps = React.ComponentProps<\"ol\"> & {\n  /**\n   * Row density. Omitted inherits the ambient shell `[data-density]` (no stamp is written).\n   * `\"relaxed\"` is a permanent alias for `\"normal\"` — identical geometry, normalized to\n   * `data-density=\"normal\"` in the DOM. An explicit value (including `\"relaxed\"`) creates a\n   * canonical density boundary for this list's subtree and its `DragOverlay`.\n   */\n  density?: ListDensity\n  /** Alternating background on neutral rows. Default: false */\n  striped?: boolean\n  /** Show a 1-based position number on each item. Default: false */\n  showIndex?: boolean\n}\n\n/**\n * Internal: the `<ol>` itself, with the index injected into each `ListItem`. Shared by `List` and\n * `SortableList` so both render identical markup; the context provider stays with the caller.\n */\nexport const ListRoot = React.forwardRef<\n  HTMLOListElement,\n  Omit<ListProps, \"striped\" | \"showIndex\">\n>(function ListRoot({ className, density, children, ...props }, ref) {\n  const styles = useListStyles()\n  const domDensity = canonicalDomDensity(density)\n\n  const indexedItems = React.Children.toArray(children)\n    .filter(React.isValidElement)\n    .map((child, index) =>\n      child.type === ListItem\n        ? React.cloneElement(child as React.ReactElement<ListItemProps>, {\n            index,\n          })\n        : child\n    )\n\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"list\"\n      {...{ [SLOT_ATTR]: \"list\" }}\n      {...(domDensity !== undefined ? { \"data-density\": domDensity } : {})}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    >\n      {indexedItems}\n    </ol>\n  )\n})\n\nexport const List = React.forwardRef<HTMLOListElement, ListProps>(function List(\n  { striped = false, showIndex = false, ...props },\n  ref\n) {\n  return (\n    <listContext.Provider value={{ striped, showIndex, sortable: false }}>\n      <ListRoot ref={ref} {...props} />\n    </listContext.Provider>\n  )\n})\n\n// ── ListItemActions ────────────────────────────────────────────────────────\n\nexport type ListItemActionsProps = React.ComponentProps<\"span\">\n\nexport const ListItemActions = React.forwardRef<\n  HTMLSpanElement,\n  ListItemActionsProps\n>(function ListItemActions({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-actions\"\n      {...{ [SLOT_ATTR]: \"list-item-actions\" }}\n      onPointerDown={(e) => e.stopPropagation()}\n      className={mergeClasses(styles.actions, className)}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n})\n\n// ── ListItemText ───────────────────────────────────────────────────────────\n\nexport type ListItemTextProps = React.ComponentProps<\"span\">\n\nexport const ListItemText = React.forwardRef<\n  HTMLSpanElement,\n  ListItemTextProps\n>(function ListItemText({ className, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-text\"\n      {...{ [SLOT_ATTR]: \"list-item-text\" }}\n      className={mergeClasses(styles.text, className)}\n      {...props}\n    />\n  )\n})\n\n// ── ListItemDescription ────────────────────────────────────────────────────\n\nexport type ListItemDescriptionProps = React.ComponentProps<\"span\">\n\nexport const ListItemDescription = React.forwardRef<\n  HTMLSpanElement,\n  ListItemDescriptionProps\n>(function ListItemDescription({ className, ...props }, ref) {\n  const styles = useListStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"list-item-description\"\n      {...{ [SLOT_ATTR]: \"list-item-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n\n// ── ListItemBody ───────────────────────────────────────────────────────────\n\nexport type ListItemProps = React.ComponentProps<\"li\"> & {\n  /** Stable id used for drag-and-drop. Required on every item of a `SortableList`. */\n  value?: string\n  /** System status. Tints the row and shows a trailing status icon. */\n  status?: ListItemStatus\n  /** Injected by `List` — the 0-based position. */\n  index?: number\n}\n\n/** The slice of dnd-kit's activator listeners a row uses; typed here so this module stays dnd-free. */\nexport type ListItemDragListeners = {\n  onPointerDown?: React.PointerEventHandler<HTMLLIElement>\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>\n}\n\nexport type ListItemBodyProps = ListItemProps & {\n  setNodeRef?: (node: HTMLElement | null) => void\n  setActivatorNodeRef?: (node: HTMLElement | null) => void\n  style?: React.CSSProperties\n  isDragging?: boolean\n  /** Insertion indicator edge while another item is dragged over this one. */\n  dropEdge?: \"top\" | \"bottom\" | null\n  /** dnd-kit listeners — pointer activation goes on the row, keyboard on the handle. */\n  listeners?: ListItemDragListeners\n  /** dnd-kit a11y attributes for the keyboard drag handle. */\n  attributes?: React.ButtonHTMLAttributes<HTMLButtonElement>\n}\n\nexport const ListItemBody = React.forwardRef<HTMLLIElement, ListItemBodyProps>(\n  function ListItemBody(\n    {\n      className,\n      value,\n      status = \"default\",\n      index,\n      children,\n      setNodeRef,\n      setActivatorNodeRef,\n      style,\n      isDragging,\n      dropEdge,\n      listeners,\n      attributes,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const styles = useListStyles()\n    const { striped, showIndex, sortable } = useListContext()\n    const interactive = sortable && !isDragging\n\n    const childArray = React.Children.toArray(children)\n    const actionsSlot = childArray.find(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && child.type === ListItemActions\n    )\n    const contentChildren = childArray.filter((child) => child !== actionsSlot)\n\n    // Combined ref for dnd-kit setNodeRef + caller's forwardedRef\n    const handleRef = React.useCallback(\n      (node: HTMLLIElement | null) => {\n        setNodeRef?.(node)\n        if (typeof forwardedRef === \"function\") {\n          forwardedRef(node)\n        } else if (forwardedRef) {\n          ;(\n            forwardedRef as React.MutableRefObject<HTMLLIElement | null>\n          ).current = node\n        }\n      },\n      [setNodeRef, forwardedRef]\n    )\n\n    const statusStyle =\n      status === \"error\"\n        ? styles.statusError\n        : status === \"warning\"\n          ? styles.statusWarning\n          : status === \"success\"\n            ? styles.statusSuccess\n            : styles.statusDefault\n\n    const interactiveStyle = interactive\n      ? status === \"error\"\n        ? styles.interactiveError\n        : status === \"warning\"\n          ? styles.interactiveWarning\n          : status === \"success\"\n            ? styles.interactiveSuccess\n            : styles.interactiveDefault\n      : undefined\n\n    return (\n      <li\n        ref={handleRef}\n        style={style}\n        data-slot=\"list-item\"\n        {...{ [SLOT_ATTR]: \"list-item\" }}\n        data-status={status}\n        data-value={value}\n        onPointerDown={sortable ? listeners?.onPointerDown : undefined}\n        className={mergeClasses(\n          styles.item,\n          statusStyle,\n          striped && status === \"default\" && styles.stripedEven,\n          interactiveStyle,\n          sortable && styles.sortableItem,\n          isDragging && styles.itemDragging,\n          className\n        )}\n        {...props}\n      >\n        {dropEdge && (\n          <span\n            data-slot=\"list-drop-indicator\"\n            {...{ [SLOT_ATTR]: \"list-drop-indicator\" }}\n            aria-hidden=\"true\"\n            className={mergeClasses(\n              styles.dropIndicator,\n              dropEdge === \"top\"\n                ? styles.dropIndicatorTop\n                : styles.dropIndicatorBottom\n            )}\n          />\n        )}\n\n        {showIndex && (\n          <span\n            data-slot=\"list-item-index\"\n            {...{ [SLOT_ATTR]: \"list-item-index\" }}\n            aria-hidden=\"true\"\n            className={styles.indexBase}\n          >\n            {(index ?? 0) + 1}\n          </span>\n        )}\n\n        <span\n          data-slot=\"list-item-content\"\n          {...{ [SLOT_ATTR]: \"list-item-content\" }}\n          className={styles.content}\n        >\n          {contentChildren}\n        </span>\n\n        <StatusIcon status={status} />\n\n        {actionsSlot}\n\n        {sortable && (\n          <button\n            ref={setActivatorNodeRef}\n            type=\"button\"\n            aria-label={`Drag to reorder ${value ?? \"item\"}`}\n            className={styles.dragHandle}\n            {...attributes}\n            onKeyDown={listeners?.onKeyDown}\n          >\n            <GripVerticalIcon />\n          </button>\n        )}\n      </li>\n    )\n  }\n)\n\n// ── ListItem ───────────────────────────────────────────────────────────────\n\nexport const ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, ref) {\n    const { SortableItem } = useListContext()\n\n    if (SortableItem) {\n      return <SortableItem ref={ref} {...props} />\n    }\n\n    return <ListItemBody ref={ref} {...props} />\n  }\n)\n\n// ── ListGroup ──────────────────────────────────────────────────────────────\n\ntype ListGroupContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  contentId: string\n}\n\nconst ListGroupContext = React.createContext<ListGroupContextValue | null>(null)\n\nexport type ListGroupProps = Omit<React.ComponentProps<\"li\">, \"onChange\"> & {\n  /** Controlled open state of the collapsible group. */\n  open?: boolean\n  /** Initial open state when uncontrolled. Default: false */\n  defaultOpen?: boolean\n  /** Called when the group is expanded or collapsed. */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport const ListGroup = React.forwardRef<HTMLLIElement, ListGroupProps>(\n  function ListGroup(\n    {\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const styles = useListStyles()\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n    const open = openProp ?? uncontrolledOpen\n    const contentId = React.useId()\n\n    const setOpen = (next: boolean) => {\n      if (openProp === undefined) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    }\n\n    return (\n      <ListGroupContext.Provider value={{ open, setOpen, contentId }}>\n        <li\n          ref={ref}\n          data-slot=\"list-group\"\n          {...{ [SLOT_ATTR]: \"list-group\" }}\n          data-state={open ? \"open\" : \"closed\"}\n          className={mergeClasses(styles.group, className)}\n          {...props}\n        >\n          {children}\n        </li>\n      </ListGroupContext.Provider>\n    )\n  }\n)\n\n// ── ListGroupLabel ─────────────────────────────────────────────────────────\n\nexport type ListGroupLabelProps = React.ComponentProps<\"button\"> & {\n  asListItem?: boolean\n}\n\nexport const ListGroupLabel = React.forwardRef<\n  HTMLElement,\n  ListGroupLabelProps\n>(function ListGroupLabel({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n  const group = React.useContext(ListGroupContext)\n\n  if (group) {\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type=\"button\"\n        data-slot=\"list-group-trigger\"\n        {...{ [SLOT_ATTR]: \"list-group-trigger\" }}\n        aria-expanded={group.open}\n        aria-controls={group.contentId}\n        onClick={() => group.setOpen(!group.open)}\n        className={mergeClasses(\n          styles.item,\n          styles.interactiveDefault,\n          styles.groupTrigger,\n          className\n        )}\n        {...props}\n      >\n        <ChevronRightIcon\n          className={mergeClasses(\n            styles.groupChevron,\n            group.open && styles.groupChevronOpen\n          )}\n        />\n        <span className={styles.groupTriggerText}>{children}</span>\n      </button>\n    )\n  }\n\n  return (\n    <li\n      ref={ref as React.Ref<HTMLLIElement>}\n      data-slot=\"list-group-label\"\n      {...{ [SLOT_ATTR]: \"list-group-label\" }}\n      className={mergeClasses(styles.standaloneGroupLabel, className)}\n    >\n      {children}\n    </li>\n  )\n})\n\n// ── ListGroupContent ───────────────────────────────────────────────────────\n\nexport type ListGroupContentProps = React.ComponentProps<\"ul\">\n\nexport const ListGroupContent = React.forwardRef<\n  HTMLUListElement,\n  ListGroupContentProps\n>(function ListGroupContent({ className, children, ...props }, ref) {\n  const styles = useListStyles()\n  const group = React.useContext(ListGroupContext)\n\n  const items = (\n    <ul\n      ref={ref}\n      data-slot=\"list-group-content\"\n      {...{ [SLOT_ATTR]: \"list-group-content\" }}\n      className={mergeClasses(styles.list, styles.groupContentList, className)}\n      {...props}\n    >\n      {children}\n    </ul>\n  )\n\n  if (!group) return items\n\n  return (\n    <div\n      id={group.contentId}\n      data-state={group.open ? \"open\" : \"closed\"}\n      className={mergeClasses(\n        styles.collapseWrapper,\n        group.open && styles.collapseWrapperOpen\n      )}\n    >\n      <div className={styles.collapseInner}>{items}</div>\n    </div>\n  )\n})\n"],"names":["GripVerticalIcon","props","jsxs","jsx","WarningIcon","CheckCircleIcon","ChevronRightIcon","useListStyles","makeZenithStyles","boxModel","shorthands","tokens.radiusMd","tokens.grayA12","tokens.listItemMinHeight","tokens.listItemGap","tokens.listItemPaddingY","tokens.listItemPaddingX","tokens.textSm","tokens.leadingSm","tokens.errorSoft","tokens.errorDefault","tokens.warningSoft","tokens.warningDefault","tokens.successSoft","tokens.successDefault","tokens.grayA2","tokens.accentSoft","tokens.errorSoftHover","tokens.warningSoftHover","tokens.successSoftHover","tokens.grayA11","tokens.listIndexMinWidth","tokens.listIndexPaddingX","tokens.spacingElement2","tokens.spacingElement1","tokens.textXs","tokens.leadingXs","tokens.grayA8","tokens.accentA8","tokens.accentSolid","tokens.grayA5","tokens.fontWeightMedium","tokens.grayA10","tokens.spacingGroup2","tokens.spacingElement3","tokens.fontWeightSemibold","tokens.errorLight","tokens.warningLight","tokens.successLight","StatusIcon","status","styles","listContext","React","useListContext","canonicalDomDensity","density","ListRoot","className","children","ref","domDensity","indexedItems","child","index","ListItem","SLOT_ATTR","mergeClasses","List","striped","showIndex","ListItemActions","e","ListItemText","ListItemDescription","ListItemBody","value","setNodeRef","setActivatorNodeRef","style","isDragging","dropEdge","listeners","attributes","forwardedRef","sortable","interactive","childArray","actionsSlot","contentChildren","handleRef","node","statusStyle","interactiveStyle","SortableItem","ListGroupContext","ListGroup","openProp","defaultOpen","onOpenChange","uncontrolledOpen","setUncontrolledOpen","open","contentId","setOpen","next","ListGroupLabel","group","ListGroupContent","items"],"mappings":";;;;;;AAiBA,MAAMA,KAAmB,CAACC,MACxB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM;AAAA,wBAC7B,UAAA,EAAO,IAAG,MAAK,IAAG,KAAI,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC/B,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,wBAC9B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAClC,GAGIC,IAAc,CAACH,MACnB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,2FAAA,CAA2F;AAAA,MACnG,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,MACrC,gBAAAA,EAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,KAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAC3C,GAGIE,KAAkB,CAACJ,MACvB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,qCAAA,CAAqC;AAAA,MAC7C,gBAAAA,EAAC,YAAA,EAAS,QAAO,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAC3C,GAGIG,KAAmB,CAACL,MACxB,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IACX,GAAGF;AAAA,IAEJ,UAAA,gBAAAE,EAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,EAAA;AACpC,GAKWI,IAAgBC,EAAiB;AAAA,EAC5C,MAAM;AAAA,IACJ,GAAGC;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,GAAGC,EAAW,IAAI,CAAC;AAAA,IACnB,GAAGA,EAAW,QAAQ,CAAC;AAAA,IACvB,GAAGA,EAAW,OAAO,CAAC;AAAA,EAAA;AAAA;AAAA,EAIxB,MAAM;AAAA,IACJ,GAAGD;AAAA,IACH,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,GAAGC,EAAW,aAAaC,CAAe;AAAA,IAC1C,OAAOC;AAAAA,IACP,oBACE;AAAA,IACF,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,WAAWC;AAAAA,IACX,GAAGH,EAAW,IAAII,EAAkB;AAAA,IACpC,GAAGJ,EAAW,QAAQK,GAAyBC,CAAuB;AAAA,IACtE,UAAUC;AAAAA,IACV,YAAYC;AAAAA,IACZ,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA;AAAA,EAIF,eAAe,CAAA;AAAA,EACf,aAAa;AAAA,IACX,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA,EAEhB,eAAe;AAAA,IACb,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA,EAEhB,eAAe;AAAA,IACb,iBAAiBC;AAAAA,IACjB,OAAOC;AAAAA,EAAO;AAAA;AAAA,EAIhB,aAAa;AAAA,IACX,qBAAqB;AAAA,MACnB,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAIF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,kBAAkB;AAAA,IAChB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAIF,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,cAAc;AAAA,IACZ,SAAS;AAAA,EAAA;AAAA;AAAA,EAIX,WAAW;AAAA,IACT,GAAGpB;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,qBAAqBE;AAAAA,IACrB,wBAAwBA;AAAAA,IACxB,iBAAiBc;AAAAA,IACjB,WAAW;AAAA,IACX,OAAOK;AAAAA,IACP,oBAAoB;AAAA,IACpB,UAAUC;AAAAA,IACV,WAAW,aAAahB,CAAuB;AAAA,IAC/C,cAAc,aAAaA,CAAuB;AAAA,IAClD,YAAY,aAAaC,CAAuB;AAAA,IAChD,aAAagB;AAAAA,IACb,cAAcA;AAAAA,EAAO;AAAA;AAAA,EAIvB,SAAS;AAAA,IACP,GAAGvB;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,GAAGC,EAAW,IAAIuB,EAAsB;AAAA,IACxC,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd;AAAA;AAAA,EAIF,SAAS;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAGvB,EAAW,IAAIwB,EAAsB;AAAA,EAAA;AAAA;AAAA,EAI1C,MAAM;AAAA,IACJ,GAAGzB;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,eAAe;AAAA,IACf,GAAGC,EAAW,IAAI,UAAU;AAAA,EAAA;AAAA;AAAA,EAI9B,aAAa;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAUyB;AAAAA,IACV,YAAYC;AAAAA,IACZ,OAAON;AAAAA,EAAO;AAAA;AAAA,EAIhB,YAAY;AAAA,IACV,GAAGrB;AAAA,IACH,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO4B;AAAAA,IACP,iBAAiB;AAAA,IACjB,GAAG3B,EAAW,OAAO,GAAG;AAAA,IACxB,GAAGA,EAAW,QAAQ,CAAC;AAAA,IACvB,UAAU;AAAA,MACR,OAAOoB;AAAAA,IAAO;AAAA,IAEhB,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcQ;AAAAA,IAAO;AAAA,IAEvB,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA;AAAA,EAIF,eAAe;AAAA,IACb,GAAG7B;AAAA,IACH,eAAe;AAAA,IACf,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,GAAGC,EAAW,aAAa,QAAQ;AAAA,IACnC,iBAAiB6B;AAAAA,IACjB,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,IAAI;AAAA,QACF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAAA;AAAA,EAE3B,kBAAkB;AAAA,IAChB,KAAK;AAAA,EAAA;AAAA,EAEP,qBAAqB;AAAA,IACnB,QAAQ;AAAA,EAAA;AAAA;AAAA,EAIV,iBAAiB;AAAA,IACf,GAAG9B;AAAA,IACH,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,GAAGC,EAAW,OAAO,OAAO,SAAS8B,EAAa;AAAA,IAClD,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,MAAM,EAAE,WAAW,WAAA;AAAA,MACnB,IAAI,EAAE,WAAW,cAAA;AAAA,IAAc;AAAA,IAEjC,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,IACzB,UAAU;AAAA,MACR,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA;AAAA,EAIF,OAAO;AAAA,IACL,eAAe;AAAA,EAAA;AAAA,EAEjB,cAAc;AAAA,IACZ,GAAG/B;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAYgC;AAAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG/B,EAAW,OAAO,GAAG;AAAA,EAAA;AAAA,EAE1B,cAAc;AAAA,IACZ,GAAGD;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOiC;AAAAA,IACP,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,kBAAkB;AAAA,IAChB,WAAW;AAAA,EAAA;AAAA,EAEb,kBAAkB;AAAA,IAChB,GAAGjC;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EAAA;AAAA,EAEd,sBAAsB;AAAA,IACpB,GAAGA;AAAA,IACH,WAAWkC;AAAAA,IACX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,GAAGjC,EAAW,QAAQ,YAAYkC,EAAsB;AAAA,IACxD,UAAU3B;AAAAA,IACV,YAAYC;AAAAA,IACZ,YAAY2B;AAAAA,IACZ,OAAOjC;AAAAA,IACP,iBAAiB;AAAA,MACf,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,kBAAkB;AAAA,IAChB,GAAGH;AAAA,IACH,aAAakC;AAAAA,EAAO;AAAA,EAEtB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,wBAAwB;AAAA,MACtB,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EAEF,qBAAqB;AAAA,IACnB,kBAAkB;AAAA,EAAA;AAAA,EAEpB,eAAe;AAAA,IACb,GAAGlC;AAAA,IACH,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAAA;AAAA,EAIZ,iBAAiB;AAAA,IACf,GAAGA;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOqC;AAAAA,EAAO;AAAA,EAEhB,mBAAmB;AAAA,IACjB,GAAGrC;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOsC;AAAAA,EAAO;AAAA,EAEhB,mBAAmB;AAAA,IACjB,GAAGtC;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOuC;AAAAA,EAAO;AAElB,CAAC,GAIKC,KAAa,CAAC,EAAE,QAAAC,QAAyC;AAC7D,QAAMC,IAAS5C,EAAA;AACf,SAAI2C,MAAW,UACN,gBAAA/C,EAACC,GAAA,EAAY,WAAW+C,EAAO,gBAAA,CAAiB,IAErDD,MAAW,YACN,gBAAA/C,EAACC,GAAA,EAAY,WAAW+C,EAAO,kBAAA,CAAmB,IAEvDD,MAAW,YACN,gBAAA/C,EAACE,IAAA,EAAgB,WAAW8C,EAAO,kBAAA,CAAmB,IAExD;AACT,GAwBaC,IAAcC,EAAM,cAAgC;AAAA,EAC/D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ,CAAC,GAEKC,IAAiB,MAAMD,EAAM,WAAWD,CAAW,GAM5CG,KAAsB,CACjCC,MAEAA,MAAY,SAAY,SAAYA,MAAY,YAAY,WAAWA,GAsB5DC,KAAWJ,EAAM,WAG5B,SAAkB,EAAE,WAAAK,GAAW,SAAAF,GAAS,UAAAG,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AACnE,QAAMT,IAAS5C,EAAA,GACTsD,IAAaN,GAAoBC,CAAO,GAExCM,IAAeT,EAAM,SAAS,QAAQM,CAAQ,EACjD,OAAON,EAAM,cAAc,EAC3B;AAAA,IAAI,CAACU,GAAOC,MACXD,EAAM,SAASE,KACXZ,EAAM,aAAaU,GAA4C;AAAA,MAC7D,OAAAC;AAAA,IAAA,CACD,IACDD;AAAA,EAAA;AAGR,SACE,gBAAA5D;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MAClB,GAAIL,MAAe,SAAY,EAAE,gBAAgBA,EAAA,IAAe,CAAA;AAAA,MACjE,WAAWM,EAAahB,EAAO,MAAMO,CAAS;AAAA,MAC7C,GAAGzD;AAAA,MAEH,UAAA6D;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYM,KAAOf,EAAM,WAAwC,SAChE,EAAE,SAAAgB,IAAU,IAAO,WAAAC,IAAY,IAAO,GAAGrE,EAAA,GACzC2D,GACA;AACA,2BACGR,EAAY,UAAZ,EAAqB,OAAO,EAAE,SAAAiB,GAAS,WAAAC,GAAW,UAAU,GAAA,GAC3D,UAAA,gBAAAnE,EAACsD,IAAA,EAAS,KAAAG,GAAW,GAAG3D,GAAO,GACjC;AAEJ,CAAC,GAMYsE,KAAkBlB,EAAM,WAGnC,SAAyB,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AACjE,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,eAAe,CAACM,MAAMA,EAAE,gBAAA;AAAA,MACxB,WAAWL,EAAahB,EAAO,SAASO,CAAS;AAAA,MAChD,GAAGzD;AAAA,MAEH,UAAA0D;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAMYc,KAAepB,EAAM,WAGhC,SAAsB,EAAE,WAAAK,GAAW,GAAGzD,EAAA,GAAS2D,GAAK;AACpD,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,MAAMO,CAAS;AAAA,MAC7C,GAAGzD;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAMYyE,KAAsBrB,EAAM,WAGvC,SAA6B,EAAE,WAAAK,GAAW,GAAGzD,EAAA,GAAS2D,GAAK;AAC3D,QAAMT,IAAS5C,EAAA;AAEf,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,aAAaO,CAAS;AAAA,MACpD,GAAGzD;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAgCY0E,KAAetB,EAAM;AAAA,EAChC,SACE;AAAA,IACE,WAAAK;AAAA,IACA,OAAAkB;AAAA,IACA,QAAA1B,IAAS;AAAA,IACT,OAAAc;AAAA,IACA,UAAAL;AAAA,IACA,YAAAkB;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGlF;AAAA,EAAA,GAELmF,GACA;AACA,UAAMjC,IAAS5C,EAAA,GACT,EAAE,SAAA8D,GAAS,WAAAC,GAAW,UAAAe,EAAA,IAAa/B,EAAA,GACnCgC,IAAcD,KAAY,CAACL,GAE3BO,IAAalC,EAAM,SAAS,QAAQM,CAAQ,GAC5C6B,IAAcD,EAAW;AAAA,MAC7B,CAACxB,MACCV,EAAM,eAAeU,CAAK,KAAKA,EAAM,SAASQ;AAAA,IAAA,GAE5CkB,IAAkBF,EAAW,OAAO,CAACxB,MAAUA,MAAUyB,CAAW,GAGpEE,IAAYrC,EAAM;AAAA,MACtB,CAACsC,MAA+B;AAC9B,QAAAd,KAAA,QAAAA,EAAac,IACT,OAAOP,KAAiB,aAC1BA,EAAaO,CAAI,IACRP,MAEPA,EACA,UAAUO;AAAA,MAEhB;AAAA,MACA,CAACd,GAAYO,CAAY;AAAA,IAAA,GAGrBQ,IACJ1C,MAAW,UACPC,EAAO,cACPD,MAAW,YACTC,EAAO,gBACPD,MAAW,YACTC,EAAO,gBACPA,EAAO,eAEX0C,IAAmBP,IACrBpC,MAAW,UACTC,EAAO,mBACPD,MAAW,YACTC,EAAO,qBACPD,MAAW,YACTC,EAAO,qBACPA,EAAO,qBACb;AAEJ,WACE,gBAAAjD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKwF;AAAA,QACL,OAAAX;AAAA,QACA,aAAU;AAAA,QACJ,CAACb,CAAS,GAAG;AAAA,QACnB,eAAahB;AAAA,QACb,cAAY0B;AAAA,QACZ,eAAeS,IAAWH,KAAA,gBAAAA,EAAW,gBAAgB;AAAA,QACrD,WAAWf;AAAA,UACThB,EAAO;AAAA,UACPyC;AAAA,UACAvB,KAAWnB,MAAW,aAAaC,EAAO;AAAA,UAC1C0C;AAAA,UACAR,KAAYlC,EAAO;AAAA,UACnB6B,KAAc7B,EAAO;AAAA,UACrBO;AAAA,QAAA;AAAA,QAED,GAAGzD;AAAA,QAEH,UAAA;AAAA,UAAAgF,KACC,gBAAA9E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,eAAY;AAAA,cACZ,WAAWC;AAAA,gBACThB,EAAO;AAAA,gBACP8B,MAAa,QACT9B,EAAO,mBACPA,EAAO;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,UAIHmB,KACC,gBAAAnE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,eAAY;AAAA,cACZ,WAAWf,EAAO;AAAA,cAEhB,gBAAS,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAIpB,gBAAAhD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACJ,CAAC+D,CAAS,GAAG;AAAA,cACnB,WAAWf,EAAO;AAAA,cAEjB,UAAAsC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,gBAAAtF,EAAC8C,MAAW,QAAAC,GAAgB;AAAA,UAE3BsC;AAAA,UAEAH,KACC,gBAAAlF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK2E;AAAA,cACL,MAAK;AAAA,cACL,cAAY,mBAAmBF,KAAS,MAAM;AAAA,cAC9C,WAAWzB,EAAO;AAAA,cACjB,GAAGgC;AAAA,cACJ,WAAWD,KAAA,gBAAAA,EAAW;AAAA,cAEtB,4BAAClF,IAAA,CAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAIaiE,KAAWZ,EAAM;AAAA,EAC5B,SAAkBpD,GAAO2D,GAAK;AAC5B,UAAM,EAAE,cAAAkC,EAAA,IAAiBxC,EAAA;AAEzB,WAAIwC,IACK,gBAAA3F,EAAC2F,GAAA,EAAa,KAAAlC,GAAW,GAAG3D,EAAA,CAAO,IAGrC,gBAAAE,EAACwE,IAAA,EAAa,KAAAf,GAAW,GAAG3D,EAAA,CAAO;AAAA,EAC5C;AACF,GAUM8F,IAAmB1C,EAAM,cAA4C,IAAI,GAWlE2C,KAAY3C,EAAM;AAAA,EAC7B,SACE;AAAA,IACE,MAAM4C;AAAA,IACN,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,WAAAzC;AAAA,IACA,UAAAC;AAAA,IACA,GAAG1D;AAAA,EAAA,GAEL2D,GACA;AACA,UAAMT,IAAS5C,EAAA,GACT,CAAC6F,GAAkBC,CAAmB,IAAIhD,EAAM,SAAS6C,CAAW,GACpEI,IAAOL,KAAYG,GACnBG,IAAYlD,EAAM,MAAA,GAElBmD,IAAU,CAACC,MAAkB;AACjC,MAAIR,MAAa,UAAWI,EAAoBI,CAAI,GACpDN,KAAA,QAAAA,EAAeM;AAAA,IACjB;AAEA,WACE,gBAAAtG,EAAC4F,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAAO,GAAM,SAAAE,GAAS,WAAAD,KACjD,UAAA,gBAAApG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAyD;AAAA,QACA,aAAU;AAAA,QACJ,CAACM,CAAS,GAAG;AAAA,QACnB,cAAYoC,IAAO,SAAS;AAAA,QAC5B,WAAWnC,EAAahB,EAAO,OAAOO,CAAS;AAAA,QAC9C,GAAGzD;AAAA,QAEH,UAAA0D;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF,GAQa+C,KAAiBrD,EAAM,WAGlC,SAAwB,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AAChE,QAAMT,IAAS5C,EAAA,GACToG,IAAQtD,EAAM,WAAW0C,CAAgB;AAE/C,SAAIY,IAEA,gBAAAzG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA0D;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,iBAAeyC,EAAM;AAAA,MACrB,iBAAeA,EAAM;AAAA,MACrB,SAAS,MAAMA,EAAM,QAAQ,CAACA,EAAM,IAAI;AAAA,MACxC,WAAWxC;AAAA,QACThB,EAAO;AAAA,QACPA,EAAO;AAAA,QACPA,EAAO;AAAA,QACPO;AAAA,MAAA;AAAA,MAED,GAAGzD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW6D;AAAA,cACThB,EAAO;AAAA,cACPwD,EAAM,QAAQxD,EAAO;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAEF,gBAAAhD,EAAC,QAAA,EAAK,WAAWgD,EAAO,kBAAmB,UAAAQ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMxD,gBAAAxD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,sBAAsBO,CAAS;AAAA,MAE7D,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAMYiD,KAAmBvD,EAAM,WAGpC,SAA0B,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAG1D,EAAA,GAAS2D,GAAK;AAClE,QAAMT,IAAS5C,EAAA,GACToG,IAAQtD,EAAM,WAAW0C,CAAgB,GAEzCc,IACJ,gBAAA1G;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAyD;AAAA,MACA,aAAU;AAAA,MACJ,CAACM,CAAS,GAAG;AAAA,MACnB,WAAWC,EAAahB,EAAO,MAAMA,EAAO,kBAAkBO,CAAS;AAAA,MACtE,GAAGzD;AAAA,MAEH,UAAA0D;AAAA,IAAA;AAAA,EAAA;AAIL,SAAKgD,IAGH,gBAAAxG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIwG,EAAM;AAAA,MACV,cAAYA,EAAM,OAAO,SAAS;AAAA,MAClC,WAAWxC;AAAA,QACThB,EAAO;AAAA,QACPwD,EAAM,QAAQxD,EAAO;AAAA,MAAA;AAAA,MAGvB,UAAA,gBAAAhD,EAAC,OAAA,EAAI,WAAWgD,EAAO,eAAgB,UAAA0D,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAX9BA;AAcrB,CAAC;"}

package/dist/components/option-card/option-card.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as _, Fragment as Q } from "react/jsx-runtime";
 import * as n from "react";
 import { Toggle as oo } from "../../_virtual/_zenith-runtime-family_toggle.js";
-import { mergeClasses as m, SLOT_ATTR as r, shorthands as s } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as m, SLOT_ATTR as r, shorthands as s } from "@epilot/zenith-runtime/v1/core.js";
 import { makeZenithStyles as to } from "../../styles/make-styles.js";
 import { boxModel as l, nativeControl as ro } from "../../styles/host-reset.js";
 import { grayContrast as eo, grayA3 as no, accentContrast as io, accentSoft as C, accentSolid as b, grayA11 as ao, fontWeightNormal as P, leadingXs as so, textXs as co, fontWeightSemibold as lo, spacingElement1 as W, spacingElement2 as po, accentLight as uo, accentA8 as E, grayA12 as ho, leadingSm as mo, textSm as go, accentA7 as L, radiusLg as $, spacingElement3 as q, grayA6 as fo, spacingGroup1 as Co } from "../../tokens/index.js";