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

package/dist/radio/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/radio/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  children as resolveChildren,\n  mergeProps,\n  Show,\n  splitProps,\n  type JSX,\n  createContext,\n  createUniqueId,\n  useContext,\n} from \"solid-js\";\nimport {\n  RadioGroup as HeadlessRadioGroup,\n  Radio as HeadlessRadio,\n  type RadioGroupProps as HeadlessRadioGroupProps,\n  type RadioProps as HeadlessRadioProps,\n  type RadioGroupRenderProps,\n  type RadioRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\n// Single source of truth for the group's description/error ids: the headless\n// createRadioGroup mints them (via createField) and threads them onto both the\n// group node and every child radio's aria-describedby; the styled help-text\n// nodes below read the same ids back so the associations resolve identically.\nimport { radioGroupData } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  field,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text } from \"../text\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps } from \"../provider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type RadioGroupOrientation = \"horizontal\" | \"vertical\";\nexport type RadioGroupSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2RadioGroupSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type RadioGroupLabelPosition = \"top\" | \"side\";\nexport type RadioGroupLabelAlign = \"start\" | \"end\";\nexport type RadioGroupNecessityIndicator = \"icon\" | \"label\";\n\ninterface RadioStyleContextValue {\n  size?: RadioGroupSize;\n  isEmphasized?: boolean;\n}\n\nconst RadioStyleContext = createContext<RadioStyleContextValue>({});\n\nexport interface RadioGroupProps extends Omit<\n  HeadlessRadioGroupProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The size of the RadioGroup. */\n  size?: RadioGroupSize;\n  /** The axis the radio elements should align with. */\n  orientation?: RadioGroupOrientation;\n  /** The label's overall position relative to the radio items. */\n  labelPosition?: RadioGroupLabelPosition;\n  /** The label's horizontal alignment relative to the radio items. */\n  labelAlign?: RadioGroupLabelAlign;\n  /** Whether the required state should be shown as an icon or text label. */\n  necessityIndicator?: RadioGroupNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /** Whether the RadioGroup should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label for the group. */\n  label?: JSX.Element;\n  /** Description for the group. */\n  description?: JSX.Element;\n  /** Error message when invalid. */\n  errorMessage?: JSX.Element;\n  /** Children radios. */\n  children?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the radio group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface RadioProps extends Omit<\n  HeadlessRadioProps,\n  \"class\" | \"children\" | \"render\" | \"style\" | \"slot\" | \"ref\" | \"inputRef\"\n> {\n  /** The size of the radio. Usually inherited from the RadioGroup or Form. */\n  size?: RadioGroupSize;\n  /** Whether the radio should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the element. */\n  children?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the underlying label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\ninterface RadioStyleProps {\n  size?: S2RadioGroupSize;\n  isEmphasized?: boolean;\n  labelPosition?: \"top\" | \"side\";\n  labelAlign?: \"start\" | \"end\";\n  isInForm?: boolean;\n}\n\ntype RadioStyleState = RadioRenderProps & RadioStyleProps;\ntype RadioGroupStyleState = RadioGroupRenderProps & RadioStyleProps;\n\nexport const RadioContext = createContext<SpectrumContextValue<RadioProps>>(null);\nexport const RadioGroupContext = createContext<SpectrumContextValue<RadioGroupProps>>(null);\n\nconst radioGroupRoot = style<RadioGroupStyleState>(\n  {\n    ...field(),\n    \"--field-gap\": {\n      type: \"rowGap\",\n      value: \"calc(var(--field-height) - 1lh)\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst radioGroupLabelWrapper = style<RadioGroupStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    // Upstream FieldLabel passes `isQuiet` on group labels so the label affects\n    // the group's width; when quiet, containment is disabled (last-match-wins).\n    isQuiet: \"none\",\n  },\n});\n\nconst radioGroupLabel = style<RadioGroupStyleState>({\n  ...fieldLabel(),\n});\n\nconst radioGroupItems = style<RadioGroupStyleState>({\n  gridArea: \"input\",\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      vertical: \"column\",\n      horizontal: \"row\",\n    },\n  },\n  flexWrap: {\n    orientation: {\n      horizontal: \"wrap\",\n    },\n  },\n  columnGap: 16,\n  rowGap: \"--field-gap\",\n});\n\nconst radioGroupHelpText = style<RadioGroupStyleState>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst radioGroupRequiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst radioGroupNoWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nconst wrapper = style<RadioStyleState & { isInForm?: boolean }>(\n  {\n    display: \"flex\",\n    position: \"relative\",\n    columnGap: \"text-to-control\",\n    alignItems: \"baseline\",\n    font: controlFont(),\n    transition: \"colors\",\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst circle = style<RadioStyleState>({\n  ...focusRing(),\n  size: controlSize(\"sm\"),\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  transition: \"default\",\n  borderRadius: \"full\",\n  borderStyle: \"solid\",\n  boxSizing: \"border-box\",\n  borderWidth: {\n    default: 1,\n    isSelected: \"calc((self(height) - (4 / 16) * 1rem) / 2)\",\n  },\n  forcedColorAdjust: \"none\",\n  backgroundColor: \"well\",\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isSelected: {\n      // The selected dot IS this border: `borderWidth` above swells to\n      // calc((self(height) - 4px) / 2) when selected, leaving a 4px centre of\n      // `backgroundColor`. Without an explicit `default` here the non-emphasized\n      // selected state silently inherits the resting `default` above, so the two\n      // are coupled by accident rather than by intent. Spelled out to break that.\n      // Checkbox's non-emphasized selected ink is baseColor(\"neutral\")\n      // (checkbox/index.tsx:383), which is unavailable here — `neutral` is not a\n      // key of the borderColor map (style/spectrum-theme.ts:948-961), unlike the\n      // backgroundColor map it fills through there.\n      default: baseColor(\"gray-800\"),\n      isEmphasized: baseColor(\"accent-900\"),\n      forcedColors: \"Highlight\",\n    },\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n  },\n});\n\nfunction normalizeRadioSize(size: RadioGroupSize | undefined): S2RadioGroupSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction radioPressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: RadioRenderProps,\n): JSX.CSSProperties {\n  const pressStyle = { \"will-change\": \"transform\" } as JSX.CSSProperties;\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    pressStyle.transform = `perspective(${Math.max(height, width / 3, 24)}px) translate3d(0, 0, -2px)`;\n  }\n\n  return pressStyle;\n}\n\nfunction requiredIconStyle(size: S2RadioGroupSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n */\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(RadioGroupContext), props.slot);\n  const defaultProps: Partial<RadioGroupProps> = {\n    orientation: \"vertical\",\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"orientation\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeRadioSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const idBase = createUniqueId();\n  const labelId = `${idBase}-label`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const getClassName = (renderProps: RadioGroupRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      radioGroupRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderChildren = (renderProps: RadioGroupRenderProps) => (\n    <>\n      <Show when={local.label}>\n        <div\n          class={radioGroupLabelWrapper({\n            ...renderProps,\n            size: size(),\n            labelPosition: labelPosition(),\n            labelAlign: labelAlign(),\n            // Upstream always renders the group label as a quiet FieldLabel.\n            isQuiet: true,\n          })}\n        >\n          <span id={labelId} class={radioGroupLabel({ ...renderProps, size: size() })}>\n            {local.label}\n            <Show when={headlessProps.isRequired || necessityIndicator() === \"label\"}>\n              <span class={radioGroupNoWrap}>\n                &nbsp;\n                <Show\n                  when={necessityIndicator() === \"icon\"}\n                  fallback={\n                    <span aria-hidden={headlessProps.isRequired ? true : undefined}>\n                      {headlessProps.isRequired ? \"(required)\" : \"(optional)\"}\n                    </span>\n                  }\n                >\n                  <AsteriskIcon\n                    size={size() === \"S\" ? \"M\" : size()}\n                    class={radioGroupRequiredIcon}\n                    style={requiredIconStyle(size())}\n                    aria-hidden=\"true\"\n                  />\n                </Show>\n              </span>\n            </Show>\n          </span>\n          <Show when={local.contextualHelp}>\n            <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n          </Show>\n        </div>\n      </Show>\n      <div\n        class={radioGroupItems({\n          ...renderProps,\n          size: size(),\n          orientation: local.orientation,\n        })}\n      >\n        <FormContext.Provider\n          value={{\n            ...(formContext ?? {}),\n            get size() {\n              return size();\n            },\n            isRequired: undefined,\n          }}\n        >\n          <RadioContext.Provider\n            value={{\n              get isEmphasized() {\n                return local.isEmphasized;\n              },\n            }}\n          >\n            {local.children}\n          </RadioContext.Provider>\n        </FormContext.Provider>\n      </div>\n      {/* Byte-faithful to upstream Field.tsx HelpText: the description renders a\n          RAC `<Text slot=\"description\">` (a `<span>`), not a `<div>`. The id is\n          the single-source id minted by the headless createRadioGroup (also\n          threaded onto the group node and every child radio's aria-describedby). */}\n      <Show when={local.description && !renderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          id={radioGroupData.get(renderProps.state)?.descriptionId}\n          styles={radioGroupHelpText({ ...renderProps, size: size() })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      {/* Upstream renders the invalid message through a RAC `<FieldError>`, which\n          is a `<Text slot=\"errorMessage\">` (a `<span>`) with NO `role=\"alert\"`\n          (RAC FieldError carries no alert role; the group's `aria-describedby`\n          points here for the association). */}\n      <Show when={local.errorMessage && renderProps.isInvalid}>\n        <Text\n          slot=\"errorMessage\"\n          id={radioGroupData.get(renderProps.state)?.errorMessageId}\n          styles={radioGroupHelpText({ ...renderProps, size: size() })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <RadioStyleContext.Provider\n      value={{\n        get size() {\n          return local.size;\n        },\n        get isEmphasized() {\n          return local.isEmphasized;\n        },\n      }}\n    >\n      <HeadlessRadioGroup\n        {...headlessProps}\n        value={headlessProps.value}\n        defaultValue={headlessProps.defaultValue}\n        onChange={headlessProps.onChange}\n        isDisabled={headlessProps.isDisabled}\n        isReadOnly={headlessProps.isReadOnly}\n        isRequired={headlessProps.isRequired}\n        isInvalid={headlessProps.isInvalid}\n        orientation={local.orientation}\n        // Pass the help text down so createRadioGroup mints the description/error\n        // ids (shared with every child radio via radioGroupData) and sets the\n        // group's aria-describedby; renderHelpText={false} keeps the visible node\n        // ours (the styled help-text divs above) to match RAC's slot model.\n        description={local.description}\n        errorMessage={local.errorMessage}\n        renderHelpText={false}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? (local.label ? labelId : undefined)}\n        ref={(element) => assignRootRef(element)}\n        slot={local.slot ?? undefined}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n        data-size={size()}\n      >\n        {renderChildren}\n      </HeadlessRadioGroup>\n    </RadioStyleContext.Provider>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n */\nexport function Radio(props: RadioProps): JSX.Element {\n  const groupStyleContext = useContext(RadioStyleContext);\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(RadioContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n    \"inputRef\",\n  ]);\n  const size = () => normalizeRadioSize(local.size ?? groupStyleContext.size);\n  const isEmphasized = () => local.isEmphasized ?? groupStyleContext.isEmphasized;\n  let circleElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLLabelElement> } | null)?.ref,\n    props.ref,\n  );\n  const assignInputRef = mergeContextRefs(\n    (contextProps as { inputRef?: RefLike<HTMLInputElement> } | null)?.inputRef,\n    props.inputRef,\n  );\n\n  const getClassName = (renderProps: RadioRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      wrapper(\n        {\n          ...renderProps,\n          size: size(),\n          isEmphasized: isEmphasized(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessRadio\n      {...headlessProps}\n      ref={(element) => assignRootRef(element)}\n      inputRef={(element) => assignInputRef(element)}\n      slot={local.slot ?? undefined}\n      class={getClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(renderProps) => {\n        const resolvedChildren = resolveChildren(() =>\n          typeof local.children === \"function\" ? local.children(renderProps) : local.children,\n        );\n        const radioCircle = (\n          <div\n            ref={circleElement}\n            class={circle({\n              ...renderProps,\n              size: size(),\n              isEmphasized: isEmphasized(),\n            })}\n            style={radioPressScaleStyle(circleElement, renderProps)}\n          />\n        );\n\n        return (\n          <>\n            <CenterBaseline>{radioCircle}</CenterBaseline>\n            <Show when={resolvedChildren()}>{resolvedChildren()}</Show>\n          </>\n        );\n      }}\n    </HeadlessRadio>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,MAAM,oBAAC,cAAA,CAAA,CAAA;AAyCP,MAAS,eAAc,cAAA,IAAA;AACvB,MAAU,oBAAuB,cAAqB,IAAA;AACtD,MAAE,iBAAc,SAAA,UAAqB,OAAA,WAAA;CACjC,IAAE,QAAU;CACd,IAAA,kBAAgB;CACd,IAAE,gBAAY;CAChB,IAAA,UAAa,OAAA,aAAoB,EAAA,EAAA,SAAA,+EAAA;CAC/B,KAAE,IAAO,KAAK,SAAQ;EACxB,IAAA,EAAA,OAAmB,KAAE,kBAAA;EACf,IAAA,EAAA,OAAW,KAAK,gBAAiB;EACvC,SAAe,EAAE;CACf;CACF,SAAA;CACE,IAAE,MAAQ;MACH,CAAA,iBAAW,SAAA;CAAA;CAEpB,IAAA,MAAA;MACI,MAAW,kBAAmB;OACpB,CAAC,eAAI,SAAa;EAAA;CAAA;CAG9B,IAAE,MAAM,UACJ,SAAM;MAEZ,IAAA,MAAc,kBAAW,QACf,SAAQ;MACL,IAAE,MAAI,kBAAO,OACtB,SAAe;CAGnB,IAAM,MAAC,kBAAa,QAChB,SAAW;MACT,IAAO,MAAC,kBAAe,OAC/B,SAAA;CAEA,IAAO,MAAA,kBAAqB,QAC1B,SAAA;MACS,IAAE,MAAQ,kBAAgB,OACnC,SAAA;CAEA,IAAM,MAAC,SAAc,MAAA;EACjB,SAAW;EACf,SAAe;CACb,OAAE,IAAS,MAAA,SAAQ,KAAU;EACzB,SAAG;EACL,SAAW;CACf,OAAA,IAAA,MAAmB,SAAM,KAAA;EACrB,SAAW;EACf,SAAe;CACb,OAAE,IAAS,MAAA,SAAW,MAAM;EACxB,SAAQ;EACV,SAAW;CACf,OAAS;EACL,SAAU;EACR,SAAS;CACb;CACF,SAAM;CACJ,SAAS;CACX,SAAW;CACb,IAAA,MAAA,SAAA,MAAA,SAAA;MAEU,IAAA,MAAA,SAAgB,KAClB,SAAC;MACP,IAAa,MAAE,SAAO,KACtB,SAAe;MACf,IAAa,MAAM,SAAS,MAC5B,SAAW;;CAIT,SAAC;;CAEL,SAAa;CACb,OAAO;;AAEP,MAAM,yBAAuB,SAAA,UAAqB,OAAA;CAChD,IAAA,QAAA;CACE,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAC;CACF,IAAA,MAAA,eAAA,OACD,SAAA;MACD,IAAA,MAAA,eAAA,SAAA,SAAA;CAGC,IAAA,MAAW,kBAAM,OACjB,SAAU;CAER,IAAA,MAAU,SACR,SAAQ;MACH,IAAI,MAAC,kBAAA,OACX,SAAA;CAEH,OAAA;AACF;AACA,MAAM,kBAAkB,SAAA,UAAA,OAAA;CACpB,IAAC,QAAA;CACF,SAAA;CACD,IAAA,MAAS,SAAA,MAAA;EACP,SAAa;EACX,SAAM;CACR,OAAC,IAAA,MAAA,SAAA,KAAA;EACE,SAAS;EACT,SAAU;CACb,OAAO,IAAG,MAAK,SAAA,KAAA;EAChB,SAAA;EACD,SAAA;;EAEI,SAAA;EACD,SAAY;CACf,OAAA;;EAEI,SAAA;CACJ;CACA,IAAA,MAAU,SAAK,MAAA;EACf,SAAe;EACb,SAAa;CACb,OAAE,IAAS,MAAE,SAAO,KAAA;EAClB,SAAW;EACZ,SAAA;CACF,OAAA,IAAA,MAAA,SAAA,KAAA;EACD,SAAU;EACR,SAAa;CACb,OAAE,IAAA,MAAa,SAAK,MAAA;EACnB,SAAA;EACF,SAAA;CACD,OAAS;EACH,SAAK;EACX,SAAA;;CAEF,IAAM,MAAA,SAAA,MAAqB;EACzB,SAAW;EACX,SAAe;CACf,OAAA,IAAa,MAAA,SAAS,KAAA;EAChB,SAAQ;EACR,SAAA;CACN,OAAS,IAAC,MAAO,SAAK,KAAA;EACtB,SAAe;EACZ,SAAY;CACb,OAAO,IAAI,MAAC,SAAA,MAAA;EACZ,SAAQ;EACT,SAAA;CACD,OAAO;EACL,SAAU;EACV,SAAW;CACX;CACA,IAAE,MAAA,eACD,SAAA;MACD,IAAW,MAAC,YACV,SAAU;MAEX,SAAA;CAEH,SAAQ;CACN,SAAS;CACT,OAAA;AACJ;AACA,MAAE,kBAAA,SAAA,UAAA,OAAA;;CAEF,SAAM;CACF,SAAC;CACD,SAAO;CACP,SAAQ;CACT,SAAA;CACD,IAAA,MAAA,gBAAA,cAAA,SAAA;MAEI,IAAA,MAAA,gBAAyB,YAC7B,SAAa;yCAGT,SAAU;CAEZ,SAAS;CACT,SAAS;CACT,OAAA;AACJ;AACA,MAAI,qBAAmB,SAAA,UAAA,OAAA;CACnB,IAAA,QAAY;CACZ,SAAO;CACP,SAAS;CACT,SAAE;CACF,SAAI;CACJ,SAAI;CACJ,SAAG;CACH,SAAC;CACD,SAAA;CACA,SAAE;CACF,SAAC;CACD,IAAA,MAAA,SAAmB,MACpB,SAAA;MACD,IAAA,MAAmB,SAAE,KACtB,SAAA;8BAEK,SAAS;MACV,IAAU,MAAC,SAAA,MACR,SAAA;MAEN,SAAe;CAEf,IAAA,MAAA,SAAiB,MAAO;EACxB,SAAa;EACb,SAAe;CACf,OAAA,IAAa,MAAM,SAAC,KAAA;EACpB,SAAY;EACZ,SAAa;CACX,OAAO,IAAG,MAAA,SAAA,KAAA;EACV,SAAa;EACd,SAAA;CACD,OAAA,IAAA,MAAmB,SAAM,MAAA;EACzB,SAAe;EACf,SAAa;CACX,OAAO;EACP,SAAa;EACb,SAAY;CACZ;CACA,IAAI,MAAM,SAAM,MAAS;EACrB,SAAE;EACF,SAAS;CACb,OAAK,IAAI,MAAQ,SAAG,KAAS;EACzB,SAAS;EACT,SAAE;CACN,OAAK,IAAM,MAAK,SAAA,KAAe;EAC3B,SAAC;EACH,SAAS;CACX,OAAE,IAAA,MAAc,SAAU,MAAC;EACzB,SAAA;EACD,SAAA;CACD,OAAA;EACE,SAAS;EACT,SAAA;CACF;CACA,IAAA,MAAU,SAAE,MAAA;EACV,SAAU;EACV,SAAA;CACF,OAAC,IAAA,MAAA,SAAA,KAAA;EACF,SAAA;EACD,SAAA;;EAEM,SAAC;EACD,SAAQ;CACZ,OAAM,IAAG,MAAA,SAAA,MAAA;EACP,SAAU;EACR,SAAK;CACT,OAAE;EACE,SAAK;EACP,SAAU;CACZ;CACA,IAAI,MAAI,YAAA;EACJ,SAAI;EACJ,SAAK;CACT,OAAE,IAAO,MAAI,WAAA;EACb,SAAO;EACL,SAAU;CACd,OACF,SAAA;CAEA,SAAS;CACP,SAAS;CACT,SAAW;CACV,IAAI,MAAA,YACC,SAAA;MAEF,SAAW;CAEb,OAAA;AACJ;;AAEA,MAAE,mBAAiB;AACnB,MAAA,UAAA,SAAA,UAAA,OAAA,WAAA;;CAEA,IAAQ,WAAC;CACP,IAAM,kBAAkB;CACxB,IAAM,UAAC,OAAA,aAAA,EAAA,EAAA,SAAA,+EAAA;CACL,KAAK,IAAI,KAAC,SAAY;EACtB,IAAQ,EAAE,OAAC,MAAY,WAAC;EACzB,IAAA,EAAA,OAAA,KAAA,kBAAA;EACH,SAAA,EAAA;;CAEE,SAAA;CACC,IAAK,CAAC,UAAO,SAAY;CAC1B,SAAA;CACF,SAAO;CACL,IAAM,MAAA,SAAW,MACX,SAAA;MACA,IAAA,MAAa,SAAG,KAChB,SAAA;MACA,IAAA,MAAa,SAAS,KAC1B,SAAa;MACb,IAAA,MAAgB,SAAI,MACpB,SAAa;MAEd,SAAA;CAED,IAAM,MAAM,SAAE,MAAa;EACxB,SAAK;EACL,SAAY;CACb,OAAC,IAAA,MAAc,SAAA,KAAA;EACd,SAAW;EACX,SAAA;CACD,OAAC,IAAA,MAAe,SAAA,KAAA;EACf,SAAY;EACZ,SAAO;CACR,OAAC,IAAA,MAAgB,SAAC,MAAA;EACjB,SAAY;EACZ,SAAM;CACP,OAAO;EACN,SAAY;EACZ,SAAY;CACb;CACA,IAAC,MAAK,SAAA,MAAA;EACF,SAAC;EACL,SAAA;CACF,OAAM,IAAO,MAAM,SAAA,KAAA;EACb,SAAA;EACA,SAAA;CACN,OAAM,IAAA,MAAA,SAAsB,KAAK;EAC3B,SAAS;EACT,SAAS;CACf,OAAM,IAAA,MAAa,SAAQ,MAAA;EACrB,SAAA;EACJ,SAAA;CACF,OAAM;EACH,SAAY;EACb,SAAS;CACV;;EAEK,SAAA;EACJ,SAAA;CACA,OAAE,IAAA,MAAc,SAAA,KAAA;EACd,SAAM;EACN,SAAW;CACb,OAAE,IAAA,MAAc,SAAA,KAAA;EACZ,SAAA;EACA,SAAK;CACT,OAAM,IAAK,MAAM,SAAC,MAAA;EACd,SAAE;EACF,SAAE;CACN,OAAM;EACF,SAAC;EACD,SAAA;CACJ;CACA,IAAA,MAAA,YAAA;EACG,SAAO;EACP,SAAS;CACd,OACG,IAAA,MAAA,WACO,SAAM;MACT,IAAA,MAAA,gBACC,SAAO;MACF,IAAA,MAAA,WACH,SAAM;MAEN,SAAA;CAGR,SAAQ;CACR,SAAI;CACJ,SAAO;CACP,IAAI,MAAK;MACD,CAAC,iBAAW,SAAc;CAAA;CAElC,SAAS;CACT,OAAO;AACX;AACA,MAAM,SAAS,SAAG,UAAS,OAAA;CACvB,IAAI,QAAQ;CACZ,IAAI,MAAM,gBACN,SAAS;MAET,SAAQ;CAEZ,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,IAAI,MAAM,SAAK,MACX,SAAS;MACN,IAAI,MAAK,SAAA,KACZ,SAAM;MACH,IAAC,MAAI,SAAA,KACR,SAAQ;MAER,SAAQ;CAEZ,SAAQ;CACR,SAAG;CACH,SAAS;CACT,SAAS;CACT,SAAM;CACN,SAAM;CACN,SAAM;CACN,SAAE;CACF,SAAK;CACL,SAAM;CACN,SAAS;CACT,SAAQ;CACR,SAAS;CACT,SAAS;CACT,IAAI,MAAI,YACJ,SAAG;MAEH,SAAG;CAEP,IAAI,MAAM,YACN,SAAQ;MAER,SAAK;CAET,IAAI,MAAK,YACL,SAAI;MAEJ,SAAG;CAEP,IAAI,MAAM,YACN,SAAM;MAEP,SAAU;CAEb,SAAM;CACN,SAAS;CACT,IAAI,MAAE,YAAQ;EACV,SAAA;EACA,SAAS;CACb,OAAM,IAAI,MAAA,WAAA;EACN,IAAI,MAAA,WACF,SAAS;OACJ,IAAE,MAAK,gBACX,SAAI;OACL,IAAO,MAAQ,WACb,SAAM;OAER,SAAM;EAER,SAAS;CACb,OAAI,IAAA,MAAA,YAAA;EACA,IAAG,MAAA,cACC,IAAC,MAAA,WACD,SAAA;OACK,IAAM,MAAA,gBACT,SAAA;OACF,IAAA,MAAA,WACN,SAAA;;OAKM,IAAC,MAAA,WACG,SAAG;OACF,IAAM,MAAI,gBAClB,SAAA;OACG,IAAA,MAAe,WACX,SAAO;OAEhB,SAAA;EAGC,SAAI;CACR,OAAI;EACA,IAAA,MAAA,WACA,SAAU;OACV,IAAW,MAAC,gBACZ,SAAY;OACZ,IAAW,MAAC,WACZ,SAAW;OAER,SAAS;EAEZ,SAAS;CACb;CACA,IAAI,MAAA,SAAa,MACb,SAAA;MACA,IAAA,MAAA,SAAqB,KACrB,SAAK;MACF,IAAG,MAAO,SAAK,KAClB,SAAM;MAEN,SAAO;CAEX,OAAE;AACN;AACA,SAAQ,mBAAkB,MAAA;CACtB,QAAE,MAAF;EACD,KAAA,MACH,OAAA;aAEE,OAAA;EACM,KAAC,MACP,OAAA;EACK,KAAA;EACC,KAAA;EACA,KAAA;EACA,KAAA,MACA,OAAA;EACA,SACC,OAAO;CACZ;AACJ;AACA,SAAK,qBAAO,SAAA,aAAA;CACR,MAAC,aAAiB,EACjB,eAAa,YACd;CACA,IAAC,YAAS,aAAA,SAAA;EACT,MAAK,EAAA,OAAA,WAAA,QAAA,sBAAA;EACF,WAAC,YAAA,eAAA,KAAA,IAAA,QAAA,QAAA,GAAA,EAAA,EAAA;CACL;CACA,OAAA;AACJ;AACA,SAAQ,kBAAmB,MAA0C;CACnE,MAAI,YAAe,SAAA,OAAiB,SAAS,OAAA,KAAA;CAC7C,OAAM;EACA,OAAA,GAAA,UAAoB;EACxB,QAAA,GAAA,UAAwB;CAC1B;AACF;;;GAGE,SAAM,WAAiB,OAAgB;CACrC,MAAC,WAAgB,YAAY;CAC7B,MAAM,cAAQ,WAAA,WAAA;CACf,MAAA,gBAAA,iBAAA,aAAA,KAAA,CAAA;;CASC,MAAM,CAAC,OAAE,iBAAW,WADhB,WAAA;EALJ,aAAA;EACE,eAAc;EACd,YAAM;EACN,oBAAW;CAET,GAAA,eAAA,gBAAA,CAAA,GAAA,KACgB,GAAA;EAChB;EACA;EACA;EACA;EACA;EACD;EACH;EACG;EACA;;EAEC;EACH;EACG;EACF;EACA;EACA;EACA;CACF,CAAC;CACD,MAAA,aAAA,mBAAA,MAAA,IAAA;CACA,MAAI,sBAAgB,MAAA,iBAAA;CACpB,MAAI,mBAAM,MAAmB,cAAA;CAC7B,MAAM,2BAAyB,MAAE,sBAA0B;CAE3D,MAAI,UAAM,GADL,eACmB,EAAA;CACxB,MAAM,qBAAC,mBAAA,cAAA,QAAA,MAAA,MAAA;CACP,MAAM,0BAAoB,wBAAA,cAAA,cAAA,MAAA,YAAA;CAC1B,MAAM,gBAAgB,iBAAA,cAEZ,KAAM,MAAM,GAAA;CACtB,MAAM,gBAAgB,gBAAgB;EAC9B,cAAE;EACF,MAAM;EACP,MAAA;EACF,eAAA;;GAEM,MAAA,KAAA;GACJ,eAAA,cAAA;GACE,YAAe,WAAC;GAChB;EACD,GAAA,aAAA,CAAA;CACJ,EAAC,OAAA,OAAA,EAAA,KAAA,GAAA;CACL,MAAG,kBAAA,gBAAA,EAAA;MACD,CAAA,KAAA,MAAA,MAAa,OAAA;QAChB,CAAA,IAAA,OAAA,uBAAA;EACH,GAAA"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/radio/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/RadioGroup.tsx\n\n// Port of packages/@react-spectrum/s2/src/RadioGroup.tsx.\n\nimport {\n  children as resolveChildren,\n  Show,\n  createContext,\n  createUniqueId,\n  useContext,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  RadioGroup as HeadlessRadioGroup,\n  Radio as HeadlessRadio,\n  type RadioGroupProps as HeadlessRadioGroupProps,\n  type RadioProps as HeadlessRadioProps,\n  type RadioGroupRenderProps,\n  type RadioRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\n// Single source of truth for the group's description/error ids: the headless\n// createRadioGroup mints them (via createField) and threads them onto both the\n// group node and every child radio's aria-describedby; the styled help-text\n// nodes below read the same ids back so the associations resolve identically.\nimport { mergeProps, radioGroupData } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  field,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text } from \"../text\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type RadioGroupOrientation = \"horizontal\" | \"vertical\";\nexport type RadioGroupSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2RadioGroupSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type RadioGroupLabelPosition = \"top\" | \"side\";\nexport type RadioGroupLabelAlign = \"start\" | \"end\";\nexport type RadioGroupNecessityIndicator = \"icon\" | \"label\";\n\ninterface RadioStyleContextValue {\n  size?: RadioGroupSize;\n  isEmphasized?: boolean;\n}\n\nconst RadioStyleContext = createContext<RadioStyleContextValue>({});\n\nexport interface RadioGroupProps extends Omit<\n  HeadlessRadioGroupProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The size of the RadioGroup. */\n  size?: RadioGroupSize;\n  /** The axis the radio elements should align with. */\n  orientation?: RadioGroupOrientation;\n  /** The label's overall position relative to the radio items. */\n  labelPosition?: RadioGroupLabelPosition;\n  /** The label's horizontal alignment relative to the radio items. */\n  labelAlign?: RadioGroupLabelAlign;\n  /** Whether the required state should be shown as an icon or text label. */\n  necessityIndicator?: RadioGroupNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /** Whether the RadioGroup should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label for the group. */\n  label?: JSX.Element;\n  /** Description for the group. */\n  description?: JSX.Element;\n  /** Error message when invalid. */\n  errorMessage?: JSX.Element;\n  /** Children radios. */\n  children?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the radio group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface RadioProps extends Omit<\n  HeadlessRadioProps,\n  \"class\" | \"children\" | \"render\" | \"style\" | \"slot\" | \"ref\" | \"inputRef\"\n> {\n  /** The size of the radio. Usually inherited from the RadioGroup or Form. */\n  size?: RadioGroupSize;\n  /** Whether the radio should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the element. */\n  children?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the underlying label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\ninterface RadioStyleProps {\n  size?: S2RadioGroupSize;\n  isEmphasized?: boolean;\n  labelPosition?: \"top\" | \"side\";\n  labelAlign?: \"start\" | \"end\";\n  isInForm?: boolean;\n}\n\ntype RadioStyleState = RadioRenderProps & RadioStyleProps;\ntype RadioGroupStyleState = RadioGroupRenderProps & RadioStyleProps;\n\nexport const RadioContext = createContext<SpectrumContextValue<RadioProps>>(null);\nexport const RadioGroupContext = createContext<SpectrumContextValue<RadioGroupProps>>(null);\n\nconst radioGroupRoot = style<RadioGroupStyleState>(\n  {\n    ...field(),\n    \"--field-gap\": {\n      type: \"rowGap\",\n      value: \"calc(var(--field-height) - 1lh)\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst radioGroupLabelWrapper = style<RadioGroupStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    // Upstream FieldLabel passes `isQuiet` on group labels so the label affects\n    // the group's width; when quiet, containment is disabled (last-match-wins).\n    isQuiet: \"none\",\n  },\n});\n\nconst radioGroupLabel = style<RadioGroupStyleState>({\n  ...fieldLabel(),\n});\n\nconst radioGroupItems = style<RadioGroupStyleState>({\n  gridArea: \"input\",\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      vertical: \"column\",\n      horizontal: \"row\",\n    },\n  },\n  flexWrap: {\n    orientation: {\n      horizontal: \"wrap\",\n    },\n  },\n  columnGap: 16,\n  rowGap: \"--field-gap\",\n});\n\nconst radioGroupHelpText = style<RadioGroupStyleState>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst radioGroupRequiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst radioGroupNoWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nconst wrapper = style<RadioStyleState & { isInForm?: boolean }>(\n  {\n    display: \"flex\",\n    position: \"relative\",\n    columnGap: \"text-to-control\",\n    alignItems: \"baseline\",\n    font: controlFont(),\n    transition: \"colors\",\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst circle = style<RadioStyleState>({\n  ...focusRing(),\n  /* Size S is the register's PIXEL radio, not a small Spectrum one. The poll rows\n   * draw the choice as a 12x12 square at `border: 2px solid` with no radius\n   * (\"Terminal Glass App.dc.html\":335), so S diverges from `controlSize(\"sm\")` in\n   * three coupled ways — 14->12, `full`->`none`, 1px->2px — and every other size\n   * keeps the Spectrum circle untouched. Spelled flat rather than spread from\n   * `controlSize(\"sm\")` because the S entry is the one being overridden. */\n  size: {\n    default: 16,\n    size: {\n      S: 12,\n      L: 18,\n      XL: 20,\n    },\n  },\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  transition: \"default\",\n  borderRadius: {\n    default: \"full\",\n    size: {\n      S: \"none\",\n    },\n  },\n  borderStyle: \"solid\",\n  boxSizing: \"border-box\",\n  borderWidth: {\n    default: 1,\n    isSelected: \"calc((self(height) - (4 / 16) * 1rem) / 2)\",\n    // `size` LAST so it wins the last-match-wins ordering for S+selected. The\n    // swelling border above is how M/L/XL punch their 4px centre dot; at S the\n    // handoff has no dot at all — the square floods edge to edge — so S must hold\n    // its 2px edge in BOTH states and let `backgroundColor` do the filling.\n    size: {\n      S: 2,\n    },\n  },\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    default: \"well\",\n    isSelected: {\n      default: \"well\",\n      // Only the pixel radio fills. The circle sizes keep `well` showing through\n      // as their dot's ground; overriding the fill for all sizes would erase the\n      // dot by painting it the same colour as the swollen border around it.\n      size: {\n        S: baseColor(\"accent-900\"),\n      },\n    },\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isSelected: {\n      // The selected dot IS this border: `borderWidth` above swells to\n      // calc((self(height) - 4px) / 2) when selected, leaving a 4px centre of\n      // `backgroundColor`. Without an explicit `default` here the non-emphasized\n      // selected state silently inherits the resting `default` above, so the two\n      // are coupled by accident rather than by intent. Spelled out to break that.\n      // Checkbox's non-emphasized selected ink is baseColor(\"neutral\")\n      // (checkbox/index.tsx:383), which is unavailable here — `neutral` is not a\n      // key of the borderColor map (style/spectrum-theme.ts:948-961), unlike the\n      // backgroundColor map it fills through there.\n      default: baseColor(\"gray-800\"),\n      isEmphasized: baseColor(\"accent-900\"),\n      // The pixel radio's edge is its fill: a `gray-800` ring around an\n      // `accent-900` square reads as a mis-selected control, so S takes the accent\n      // in the non-emphasized case too.\n      size: {\n        S: baseColor(\"accent-900\"),\n      },\n      forcedColors: \"Highlight\",\n    },\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n  },\n});\n\nfunction normalizeRadioSize(size: RadioGroupSize | undefined): S2RadioGroupSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction radioPressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: RadioRenderProps,\n): JSX.CSSProperties {\n  const pressStyle = { \"will-change\": \"transform\" } as JSX.CSSProperties;\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    pressStyle.transform = `perspective(${Math.max(height, width / 3, 24)}px) translate3d(0, 0, -2px)`;\n  }\n\n  return pressStyle;\n}\n\nfunction requiredIconStyle(size: S2RadioGroupSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n */\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(RadioGroupContext), props.slot);\n  const defaultProps: Partial<RadioGroupProps> = {\n    orientation: \"vertical\",\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"orientation\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeRadioSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const idBase = createUniqueId();\n  const labelId = `${idBase}-label`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const getClassName = (renderProps: RadioGroupRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      radioGroupRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderChildren = (renderProps: RadioGroupRenderProps) => (\n    <>\n      <Show when={local.label}>\n        <div\n          class={radioGroupLabelWrapper({\n            ...renderProps,\n            size: size(),\n            labelPosition: labelPosition(),\n            labelAlign: labelAlign(),\n            // Upstream always renders the group label as a quiet FieldLabel.\n            isQuiet: true,\n          })}\n        >\n          <span id={labelId} class={radioGroupLabel({ ...renderProps, size: size() })}>\n            {local.label}\n            <Show when={headlessProps.isRequired || necessityIndicator() === \"label\"}>\n              <span class={radioGroupNoWrap}>\n                &nbsp;\n                <Show\n                  when={necessityIndicator() === \"icon\"}\n                  fallback={\n                    <span aria-hidden={headlessProps.isRequired ? true : undefined}>\n                      {stringFormatter().format(\n                        headlessProps.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                      )}\n                    </span>\n                  }\n                >\n                  <AsteriskIcon\n                    size={size() === \"S\" ? \"M\" : size()}\n                    class={radioGroupRequiredIcon}\n                    style={requiredIconStyle(size())}\n                    aria-hidden=\"true\"\n                  />\n                </Show>\n              </span>\n            </Show>\n          </span>\n          <Show when={local.contextualHelp}>\n            <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n          </Show>\n        </div>\n      </Show>\n      <div\n        class={radioGroupItems({\n          ...renderProps,\n          size: size(),\n          orientation: local.orientation,\n        })}\n      >\n        <FormContext\n          value={{\n            ...(formContext ?? {}),\n            get size() {\n              return size();\n            },\n            isRequired: undefined,\n          }}\n        >\n          <RadioContext\n            value={{\n              get isEmphasized() {\n                return local.isEmphasized;\n              },\n            }}\n          >\n            {local.children}\n          </RadioContext>\n        </FormContext>\n      </div>\n      {/* Byte-faithful to upstream Field.tsx HelpText: the description renders a\n          RAC `<Text slot=\"description\">` (a `<span>`), not a `<div>`. The id is\n          the single-source id minted by the headless createRadioGroup (also\n          threaded onto the group node and every child radio's aria-describedby). */}\n      <Show when={local.description && !renderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          id={radioGroupData.get(renderProps.state)?.descriptionId}\n          styles={radioGroupHelpText({ ...renderProps, size: size() })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      {/* Upstream renders the invalid message through a RAC `<FieldError>`, which\n          is a `<Text slot=\"errorMessage\">` (a `<span>`) with NO `role=\"alert\"`\n          (RAC FieldError carries no alert role; the group's `aria-describedby`\n          points here for the association). */}\n      <Show when={local.errorMessage && renderProps.isInvalid}>\n        <Text\n          slot=\"errorMessage\"\n          id={radioGroupData.get(renderProps.state)?.errorMessageId}\n          styles={radioGroupHelpText({ ...renderProps, size: size() })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <RadioStyleContext\n      value={{\n        get size() {\n          return local.size;\n        },\n        get isEmphasized() {\n          return local.isEmphasized;\n        },\n      }}\n    >\n      <HeadlessRadioGroup\n        {...headlessProps}\n        value={headlessProps.value}\n        defaultValue={headlessProps.defaultValue}\n        onChange={headlessProps.onChange}\n        isDisabled={headlessProps.isDisabled}\n        isReadOnly={headlessProps.isReadOnly}\n        isRequired={headlessProps.isRequired}\n        isInvalid={headlessProps.isInvalid}\n        orientation={local.orientation}\n        // Pass the help text down so createRadioGroup mints the description/error\n        // ids (shared with every child radio via radioGroupData) and sets the\n        // group's aria-describedby; renderHelpText={false} keeps the visible node\n        // ours (the styled help-text divs above) to match RAC's slot model.\n        description={local.description}\n        errorMessage={local.errorMessage}\n        renderHelpText={false}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? (local.label ? labelId : undefined)}\n        ref={(element) => assignRootRef(element)}\n        slot={local.slot ?? undefined}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n        data-size={size()}\n      >\n        {renderChildren}\n      </HeadlessRadioGroup>\n    </RadioStyleContext>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n */\nexport function Radio(props: RadioProps): JSX.Element {\n  const groupStyleContext = useContext(RadioStyleContext);\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(RadioContext), props.slot);\n  const mergedProps = mergeProps(flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n    \"inputRef\",\n  ]);\n  const size = () => normalizeRadioSize(local.size ?? groupStyleContext.size);\n  const isEmphasized = () => local.isEmphasized ?? groupStyleContext.isEmphasized;\n  let circleElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLLabelElement> } | null)?.ref,\n    props.ref,\n  );\n  const assignInputRef = mergeContextRefs(\n    (contextProps as { inputRef?: RefLike<HTMLInputElement> } | null)?.inputRef,\n    props.inputRef,\n  );\n\n  const getClassName = (renderProps: RadioRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      wrapper(\n        {\n          ...renderProps,\n          size: size(),\n          isEmphasized: isEmphasized(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessRadio\n      {...headlessProps}\n      ref={(element) => assignRootRef(element)}\n      inputRef={(element) => assignInputRef(element)}\n      slot={local.slot ?? undefined}\n      class={getClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(renderProps) => {\n        const resolvedChildren = resolveChildren(() =>\n          typeof local.children === \"function\" ? local.children(renderProps) : local.children,\n        );\n        const radioCircle = (\n          <div\n            ref={circleElement}\n            class={circle({\n              ...renderProps,\n              size: size(),\n              isEmphasized: isEmphasized(),\n            })}\n            style={radioPressScaleStyle(circleElement, renderProps)}\n          />\n        );\n\n        return (\n          <>\n            <CenterBaseline>{radioCircle}</CenterBaseline>\n            <Show when={resolvedChildren()}>{resolvedChildren()}</Show>\n          </>\n        );\n      }}\n    </HeadlessRadio>\n  );\n}\n"],"mappings":"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"}

package/dist/s2-internal/page.macro.d.ts

@@ -1,3 +1,17 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/page.macro.ts
+
 import type { MacroContext } from "@parcel/macros";
 export declare function generatePageStyles(this: MacroContext | void): void;
 export declare function generateDefaultColorSchemeStyles(this: MacroContext | void): void;

package/dist/s2-internal/page.macro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.macro.d.ts","sourceRoot":"","sources":["../../src/s2-internal/page.macro.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUnD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAoClE;AAQD,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAmBhF"}
+{"version":3,"file":"page.macro.d.ts","sourceRoot":"","sources":["../../src/s2-internal/page.macro.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUnD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAoClE;AAQD,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAmBhF"}

package/dist/s2-internal/style-utils.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { StyleString } from "../style/types";
 type CSSProperties = JSX.CSSProperties;
 /**
@@ -103,7 +103,7 @@ export declare const fieldLabel: () => {
     readonly fontFamily: "code";
     readonly cursor: "default";
     readonly color: {
-        readonly default: "neutral-subdued";
+        readonly default: "[var(--text-secondary)]";
         readonly isDisabled: "disabled";
         readonly isStaticColor: "transparent-overlay-1000";
         readonly forcedColors: "ButtonText";
@@ -157,11 +157,19 @@ export declare const fieldValue: () => {
             readonly L: "ui-sm";
             readonly XL: "ui";
         };
+    } | {
+        readonly default: "ui-2xs";
+        readonly size: {
+            readonly XS: "ui-2xs";
+            readonly S: "ui-2xs";
+            readonly L: "ui-xs";
+            readonly XL: "ui-sm";
+        };
     };
     readonly fontWeight: "normal";
     readonly cursor: "default";
     readonly color: {
-        readonly default: "neutral-subdued";
+        readonly default: "[var(--text-secondary)]";
         readonly isDisabled: "disabled";
         readonly isStaticColor: "transparent-overlay-1000";
         readonly forcedColors: "ButtonText";
@@ -223,7 +231,10 @@ export declare const setColorScheme: () => {
         readonly type: "colorScheme";
         readonly value: {
             readonly colorScheme: {
-                readonly "light dark": "light dark";
+                readonly "light dark": {
+                    readonly default: "light";
+                    readonly "@media (prefers-color-scheme: dark)": "dark";
+                };
                 readonly light: "light";
                 readonly dark: "dark";
             };
@@ -280,15 +291,14 @@ export declare const controlFont: () => {
  * ramp, only where on the ramp the band sits. Spread AFTER `font:` (which owns the
  * whole shorthand) so only size moves.
  *
- * CLAMPED AT `ui-xs`, which is the bottom of the ui ramp: spectrum-theme.ts:759-765
- * declares exactly `ui-xs` / `ui-sm` / `ui` / `ui-lg` / `ui-xl` (indices -2…+2), and
- * there is no rung below `ui-xs`. So the small end of each table saturates rather than
- * stepping — at `steps: 2`, sizes XS/S/M all land on `ui-xs` (~11.06px at base 14).
- * That is the nearest expressible value to the badge's drawn 9.5px, not a match for
- * it; reaching ~9.8px would mean adding a new rung to the fontSize map, which is a
- * token-level decision and lives in spectrum-theme.ts, not here.
+ * The ramp bottoms out at `ui-2xs` (spectrum-theme.ts, `font-size-25`, ~9.8px at base
+ * 14) — the rung the register added below Spectrum's `ui-xs` precisely so the stamp
+ * band could be reached. `steps: 3` is the badge's band and lands on it; `steps: 2`
+ * stays the CHIP's band at `ui-xs` (~11.06px), which is the chip's drawn 11px, so the
+ * two are separate steps rather than one clamped table. Below `ui-2xs` the tables still
+ * saturate, since that is the last declared rung.
  */
-export declare const controlFontStep: (steps: 1 | 2) => {
+export declare const controlFontStep: (steps: 1 | 2 | 3) => {
     readonly default: "ui-sm";
     readonly size: {
         readonly XS: "ui-xs";
@@ -304,6 +314,14 @@ export declare const controlFontStep: (steps: 1 | 2) => {
         readonly L: "ui-sm";
         readonly XL: "ui";
     };
+} | {
+    readonly default: "ui-2xs";
+    readonly size: {
+        readonly XS: "ui-2xs";
+        readonly S: "ui-2xs";
+        readonly L: "ui-xs";
+        readonly XL: "ui-sm";
+    };
 };
 export declare const controlSize: (size?: "sm" | "md") => typeof controlSizeM | typeof controlSizeS;
 declare const controlSizeM: {
@@ -350,17 +368,33 @@ export declare const controlBorderRadius: (size?: "default" | "sm") => {
  * not `well`, so no chip currently needs it. If a later change re-fills Tag with the
  * well surface, the handoff says the scan should follow it.
  *
+ * `dither()` is the general form — the register reuses the same conic checker at other
+ * tiles and inks (the fine 3px grain on a card, an accent-coloured dither on a HUD
+ * frame), and those call sites must not each re-type the gradient. `wellScan()` is the
+ * zero-argument well call, kept because it is the one that names a design decision
+ * rather than a value.
+ *
  * The color is the existing `--well-scan` token, already declared per scheme
  * (viviana-tokens.css:265 dark, :559 light) and read by nothing until now, so this
  * costs no new custom property. Suppressed under forced colors, where the surface
  * is forced and a dither over it is just noise.
  */
+export declare const dither: <Tile extends string, Color extends string>(options?: {
+    tile?: Tile;
+    color?: Color;
+}) => {
+    readonly backgroundImage: {
+        readonly default: `[repeating-conic-gradient(${Color} 0% 25%, transparent 0% 50%)]`;
+        readonly forcedColors: "none";
+    };
+    readonly backgroundSize: `[${Tile} ${Tile}]`;
+};
 export declare const wellScan: () => {
     readonly backgroundImage: {
-        readonly default: "[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]";
+        readonly default: `[repeating-conic-gradient(${string} 0% 25%, transparent 0% 50%)]`;
         readonly forcedColors: "none";
     };
-    readonly backgroundSize: "[4px 4px]";
+    readonly backgroundSize: `[${string} ${string}]`;
 };
 interface ControlOptions {
     shape?: "default" | "pill";
@@ -456,6 +490,12 @@ export declare function control(options: ControlOptions): ControlResult;
  * |---|---|---|---|---|---|
  * | `panel` | 14px | `--surface-panel` | 18px | yes | 1px subtle |
  * | `card` | 12px | `--surface-card` | 14px | yes | 1px subtle |
+ * | `float` | 8px | `--surface-float` | 24px | cast | 1px subtle |
+ *
+ * `float` is tier 2 — menus, toasts, popovers, polls. It takes the field corner rather
+ * than a container corner because it is content-sized, and it is the only surface in
+ * the register that casts a shadow: it stacks over `panel`/`card`, so the inset rim
+ * alone leaves nothing between the two edges.
  *
  * `backdrop-filter` is the load-bearing part. The surface tokens are already
  * translucent (`rgba(23,25,30,0.78)` and friends), so without the blur these
@@ -470,15 +510,111 @@ export declare function control(options: ControlOptions): ControlResult;
  * matte and "never glass" (design-handoff-v2.css:56); and controls, whose rim
  * comes from `control()` without any blur.
  */
-export declare const glassSurface: (surface?: "panel" | "card") => {
-    readonly borderRadius: "card" | "panel";
-    readonly backgroundColor: "layer-1" | "layer-2";
-    readonly backdropFilter: "var(--blur-panel)" | "var(--blur-card)";
-    readonly boxShadow: "edge-glass-surface";
+export declare const glassSurface: (surface?: "panel" | "card" | "float") => {
+    readonly borderRadius: "default" | "card" | "panel";
+    readonly backgroundColor: "float" | "layer-1" | "layer-2";
+    readonly backdropFilter: "var(--blur-clear)" | "var(--blur-panel)" | "var(--blur-card)";
+    readonly boxShadow: "float" | "edge-glass-surface";
     readonly borderWidth: 1;
     readonly borderStyle: "solid";
     readonly borderColor: "border-subtle";
 };
+/**
+ * Viviana UI v2 (Terminal Glass): the dithered scroll-edge fade (`.gl-edge-fade`,
+ * glasselated.css:94-100), ported verbatim.
+ *
+ * A smooth gradient mask is the obvious way to fade a scroll edge and it is wrong for this
+ * register — a continuous alpha ramp reads as non-pixel next to everything else on the
+ * screen. The handoff composites the linear ramp with a 4px Bayer checker so the fade
+ * happens in visible steps.
+ *
+ * Two mask layers, added together: the ramp (sized to the box, not repeated) and the
+ * checker (4px, repeated). `--gl-fade` sets the fade depth and defaults to 24px, so a call
+ * site tunes depth by setting one custom property rather than by taking a parameter here.
+ *
+ * `side` picks the axis: `block` fades the top and bottom edges (log wells, nav rails, the
+ * reference TOC — the handoff's own call sites), `inline` the start and end edges for a
+ * horizontally scrolling strip.
+ */
+export declare const edgeFade: (side?: "block" | "inline") => {
+    readonly maskImage: `[${string}, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%3E%3Cg%20fill='%23000'%3E%3Crect%20width='2'%20height='2'/%3E%3Crect%20x='2'%20y='2'%20width='2'%20height='2'/%3E%3C/g%3E%3C/svg%3E")]`;
+    readonly maskSize: "[100% 100%, 4px 4px]";
+    readonly maskRepeat: "[no-repeat, repeat]";
+    readonly maskComposite: "[add]";
+};
+/**
+ * Viviana UI v2 (Terminal Glass): the register's block meter — a row of hard-edged
+ * squares with a gutter between them, in one channel colour.
+ *
+ * The handoff never draws a continuous bar for a countable quantity. A streak is "14
+ * yellow 10px blocks, 12th dithered", an XP level is a block bar, a volume readout is
+ * `▮▮▮▮▯`, and a journey's progress is `[▮▮▮▮▯▯]` in its channel colour (README §Home,
+ * §Theater, §Profile). Geometry from README §Metrics: blocks 6–12px square, gap 3–5px.
+ * The default 10px/4px is the streak tile, the most-drawn instance.
+ *
+ * Painted as ONE repeating gradient rather than N elements, for the same reason
+ * `dither()` is a background and not a child: the paint order is identical, and a meter
+ * fill that is a background can be clipped by the track's own `border-radius` and sized
+ * by a single width without the DOM growing a node per block. The cost is that a block
+ * cannot carry its own rim or corner — at 10px square with a 1px corner there is nothing
+ * to see, and the row's rim belongs to the TRACK, which is a `control()` surface and gets
+ * `edge-glass` there.
+ *
+ * The caller owns how MANY blocks show: the helper paints an unbounded row, and the
+ * filled portion is the width of the element carrying it, exactly as a progress fill
+ * already works. A dithered lead block (the handoff's 12th-of-14, its 6%-of-84% XP lead)
+ * is `dither()` on a sibling, not a mode here.
+ *
+ * Suppressed under forced colors, where the channel colour is not ours to paint.
+ */
+export declare const pixelBlocks: <Block extends string, Gap extends string, Color extends string>(options?: {
+    block?: Block;
+    gap?: Gap;
+    color?: Color;
+}) => {
+    readonly backgroundImage: {
+        readonly default: `[repeating-linear-gradient(to right, ${Color} 0 ${Block}, transparent ${Block} calc(${Block} + ${Gap}))]`;
+        readonly forcedColors: "none";
+    };
+    readonly backgroundSize: `[100% ${Block}]`;
+    readonly backgroundRepeat: "[repeat-x]";
+    readonly backgroundPosition: "[left center]";
+};
+/**
+ * Viviana UI v2 (Terminal Glass): the HUD corner brackets — four L-shaped marks at the
+ * corners of a full-bleed frame, drawn instead of a border.
+ *
+ * The handoff frames media, not panels, this way: the Continue card's image half takes
+ * "HUD corner brackets 14px 2px `--status-info`" and the theater frame takes 22px
+ * (README §Home, §Theater); `--hud-bracket` / `--hud-stroke` (surfaces.css:32-33) are the
+ * tokens, the second commented "20–26px on full-bleed frames". A continuous border would
+ * close the frame and make the media read as a card; the brackets mark the corners and
+ * leave the edges open, which is what says "viewport" in this register.
+ *
+ * Eight background layers — an arm each way per corner, every one a solid
+ * `linear-gradient(color, color)` sized to a rectangle and pinned to its corner. Not
+ * pseudo-elements: `style()` emits one element's declarations and has no `::before`
+ * channel, a bracket must survive on elements that already use their pseudos (an `<img>`
+ * has none at all), and a background needs neither `position: relative` on the host nor
+ * a wrapper. `background-clip` is left alone so the marks sit inside the padding box.
+ *
+ * `size` is the ladder the handoff actually draws, not a free number: `S` is the
+ * `--hud-bracket` token (14px, cards), `M` the theater frame's 22px, `L` the 26px top of
+ * the documented range. Stroke is `--hud-stroke` at every size — the handoff never varies
+ * it. Suppressed under forced colors.
+ */
+export declare const hudBracket: <Color extends string>(options?: {
+    size?: "S" | "M" | "L";
+    color?: Color;
+}) => {
+    readonly backgroundImage: {
+        readonly default: `[${string}]`;
+        readonly forcedColors: "none";
+    };
+    readonly backgroundSize: `[${string}]`;
+    readonly backgroundPosition: "[left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom]";
+    readonly backgroundRepeat: "[no-repeat]";
+};
 declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridArea", "gridRowStart", "gridRowEnd", "gridColumnStart", "gridColumnEnd", "position", "zIndex", "top", "bottom", "inset", "insetX", "insetY", "insetStart", "insetEnd", "visibility"];
 export declare const widthProperties: readonly ["width", "minWidth", "maxWidth"];
 export declare const heightProperties: readonly ["size", "height", "minHeight", "maxHeight"];

package/dist/s2-internal/style-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-utils.d.ts","sourceRoot":"","sources":["../../src/s2-internal/style-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"style-utils.d.ts","sourceRoot":"","sources":["../../src/s2-internal/style-utils.ts"],"names":[],"mappings":"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"}

package/dist/searchfield/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type SearchFieldProps as HeadlessSearchFieldProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
@@ -41,6 +41,20 @@ export interface SearchFieldProps extends Omit<HeadlessSearchFieldProps, "class"
     prefix?: JSX.Element;
     /** An icon or text rendered after the input, e.g. a key hint. */
     suffix?: JSX.Element;
+    /**
+     * A keyboard shortcut hint drawn as a key chip at the end of the field, e.g. `"⌘K"`.
+     *
+     * Local addition — no S2 counterpart. The register parks the shortcut that focuses
+     * the field INSIDE the well (TerminalGlassLab.tsx:157), where a sibling element cannot
+     * reach; S2 has no slot for it.
+     *
+     * Deliberately NOT routed through `suffix`. A suffix is part of the field's accessible
+     * name — its id is appended to the input's `aria-labelledby`, which is right for a
+     * unit ("kg") and wrong for a shortcut: a screen-reader user would hear
+     * "Search lessons ⌘K" as the field's name. The chip is `aria-hidden` decoration; the
+     * shortcut itself is announced only if the app describes it (`aria-describedby`).
+     */
+    shortcut?: string;
     /** Slot name when used in a Spectrum context. */
     slot?: string | null;
     /** Ref for the search field root element. */

package/dist/searchfield/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/searchfield/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAClB,OAAO,EAML,KAAK,gBAAgB,IAAI,wBAAwB,EAGlD,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAsB5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,wBAAwB,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAC1D;IACC,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,mDAAmD;IACnD,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,sCAAsC;IACtC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,4DAA4D;IAC5D,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,iEAAiE;IACjE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAkBD,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AAiT9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA0OhE;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/searchfield/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAML,KAAK,gBAAgB,IAAI,wBAAwB,EAGlD,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAwB5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,wBAAwB,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAC1D;IACC,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,mDAAmD;IACnD,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,sCAAsC;IACtC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,4DAA4D;IAC5D,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,iEAAiE;IACjE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAkBD,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AA4O9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuPhE;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}