@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/radio/index.jsx.map

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import type { MacroContext } from "@parcel/macros";
+export declare function generatePageStyles(this: MacroContext | void): void;
+export declare function generateDefaultColorSchemeStyles(this: MacroContext | void): void;
+//# sourceMappingURL=page.macro.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,509 @@
+import type { JSX } from "solid-js";
+import { StyleString } from "../style/types";
+type CSSProperties = JSX.CSSProperties;
+/**
+ * Calculates vertical padding to center a single line of text within a container.
+ * Uses the CSS `self()` function and `1lh` unit to compute the padding based on
+ * the container's minimum height and border widths.
+ * This is useful for precise vertical centering without introducing a flex/grid layout to the container.
+ *
+ * @param minHeight - A CSS expression for the minimum height to center within. Defaults to `'self(minHeight)'`.
+ * @returns A CSS `calc()` expression wrapped as an arbitrary style value.
+ *
+ * @example
+ * ```tsx
+ * import {centerPadding, style} from '@react-spectrum/s2/style' with {type: 'macro'};
+ *
+ * const styles = style({
+ *   paddingY: centerPadding()
+ * });
+ * ```
+ */
+export declare function centerPadding(minHeight?: string): `[${string}]`;
+export declare const field: () => {
+    readonly display: "grid";
+    readonly gridColumnStart: {
+        readonly isInForm: 1;
+    };
+    readonly gridColumnEnd: {
+        readonly isInForm: {
+            readonly labelPosition: {
+                readonly side: "span 2";
+            };
+        };
+    };
+    readonly gridTemplateColumns: {
+        readonly default: {
+            readonly labelPosition: {
+                readonly top: readonly ["1fr"];
+                readonly side: readonly ["auto", "1fr"];
+            };
+        };
+        readonly isInForm: "subgrid";
+    };
+    readonly gridTemplateRows: {
+        readonly labelPosition: {
+            readonly top: readonly ["auto", "1fr", "auto"];
+            readonly side: readonly ["auto", "1fr"];
+        };
+    };
+    readonly gridTemplateAreas: {
+        readonly labelPosition: {
+            readonly top: readonly ["label", "input", "helptext"];
+            readonly side: readonly ["label input", "label helptext"];
+        };
+    };
+    readonly fontSize: {
+        readonly default: "ui";
+        readonly size: {
+            readonly XS: "ui-xs";
+            readonly S: "ui-sm";
+            readonly L: "ui-lg";
+            readonly XL: "ui-xl";
+        };
+    };
+    readonly alignItems: "baseline";
+    readonly lineHeight: "ui";
+    readonly "--field-height": {
+        readonly type: "height";
+        readonly value: {
+            readonly default: 32;
+            readonly size: {
+                readonly XS: 20;
+                readonly S: 24;
+                readonly L: 40;
+                readonly XL: 48;
+            };
+        } | {
+            readonly default: 16;
+            readonly size: {
+                readonly S: 14;
+                readonly L: 18;
+                readonly XL: 20;
+            };
+        };
+    };
+    readonly "--field-gap": {
+        readonly type: "rowGap";
+        readonly value: `[${string}]`;
+    };
+    readonly columnGap: 12;
+    readonly disableTapHighlight: true;
+};
+export declare const fieldLabel: () => {
+    readonly font: {
+        readonly default: "ui";
+        readonly size: {
+            readonly XS: "ui-xs";
+            readonly S: "ui-sm";
+            readonly L: "ui-lg";
+            readonly XL: "ui-xl";
+        };
+    };
+    readonly fontFamily: "code";
+    readonly cursor: "default";
+    readonly color: {
+        readonly default: "neutral-subdued";
+        readonly isDisabled: "disabled";
+        readonly isStaticColor: "transparent-overlay-1000";
+        readonly forcedColors: "ButtonText";
+    };
+};
+/**
+ * The value readout that sits beside a `fieldLabel()` — a meter's percentage, a
+ * progress bar's count, a slider's current value.
+ *
+ * A sibling of `fieldLabel()` rather than a reuse of it, because the register draws
+ * these as two distinct roles on purpose: TerminalGlassLab.tsx:749 sets the label to
+ * `var(--type-label)` and :753-758 sets the readout beside it to mono 10.5px in
+ * `var(--text-secondary)` — smaller and quieter. The readout is the value; the label
+ * is the chrome naming it. Four components had the readout either spreading
+ * `fieldLabel()` verbatim or declaring no font role at all, so every one of them
+ * rendered the pair byte-identical.
+ *
+ * Only the SIZE step is expressed here. The handoff also separates the two by weight
+ * (its label role is 600), but this fork's fontWeight scale is normal/medium/bold/
+ * extra-bold/black (spectrum-theme.ts:701-715) with no 600 rung, so a weight step
+ * would have to overshoot to `bold` — louder than the drawn label, on a readout that
+ * is meant to be quieter. Size carries the distinction alone until that token exists.
+ *
+ * Lives here rather than in those four files for the same reason `fieldLabel()` does:
+ * the next value-readout consumer should inherit the decision, not re-derive it.
+ */
+export declare const fieldValue: () => {
+    readonly font: {
+        readonly default: "ui";
+        readonly size: {
+            readonly XS: "ui-xs";
+            readonly S: "ui-sm";
+            readonly L: "ui-lg";
+            readonly XL: "ui-xl";
+        };
+    };
+    readonly fontFamily: "code";
+    readonly fontSize: {
+        readonly default: "ui-sm";
+        readonly size: {
+            readonly XS: "ui-xs";
+            readonly S: "ui-xs";
+            readonly L: "ui";
+            readonly XL: "ui-lg";
+        };
+    } | {
+        readonly default: "ui-xs";
+        readonly size: {
+            readonly XS: "ui-xs";
+            readonly S: "ui-xs";
+            readonly L: "ui-sm";
+            readonly XL: "ui";
+        };
+    };
+    readonly fontWeight: "normal";
+    readonly cursor: "default";
+    readonly color: {
+        readonly default: "neutral-subdued";
+        readonly isDisabled: "disabled";
+        readonly isStaticColor: "transparent-overlay-1000";
+        readonly forcedColors: "ButtonText";
+    };
+};
+export declare const fieldInput: () => {
+    readonly gridArea: "input";
+    readonly minWidth: {
+        readonly default: 32;
+        readonly size: {
+            readonly XS: 20;
+            readonly S: 24;
+            readonly L: 40;
+            readonly XL: 48;
+        };
+    } | {
+        readonly default: 16;
+        readonly size: {
+            readonly S: 14;
+            readonly L: 18;
+            readonly XL: 20;
+        };
+    };
+    readonly contain: {
+        readonly "@supports (contain-intrinsic-width: 1px)": "inline-size";
+        readonly isQuiet: "none";
+    };
+    readonly "--defaultWidth": {
+        readonly type: "width";
+        readonly value: {
+            readonly default: 208;
+            readonly size: {
+                readonly S: 192;
+                readonly L: 224;
+                readonly XL: 240;
+            };
+        };
+    };
+    readonly containIntrinsicWidth: "calc(var(--defaultWidth) - self(paddingStart, 0px) - self(paddingEnd, 0px) - self(borderStartWidth, 0px) - self(borderEndWidth, 0px))";
+};
+/**
+ * Returns style properties that set the CSS `color-scheme` for a component.
+ * Defaults to the page's color scheme and supports `'light'`, `'dark'`, and `'light dark'` values
+ * via the `colorScheme` render prop condition.
+ * Intended for root containers (e.g. providers, modals, and popovers), and not needed for individual components.
+ *
+ * @example
+ * ```tsx
+ * import {setColorScheme, style} from '@react-spectrum/s2/style' with {type: 'macro'};
+ *
+ * const styles = style({
+ *   ...setColorScheme(),
+ *   backgroundColor: 'layer-1'
+ * });
+ * ```
+ */
+export declare const setColorScheme: () => {
+    readonly "--s2-color-scheme": {
+        readonly type: "colorScheme";
+        readonly value: {
+            readonly colorScheme: {
+                readonly "light dark": "light dark";
+                readonly light: "light";
+                readonly dark: "dark";
+            };
+        };
+    };
+    readonly colorScheme: "--s2-color-scheme";
+    readonly "--lightningcss-light": {
+        readonly type: "transform";
+        readonly value: {
+            readonly colorScheme: {
+                readonly "light dark": {
+                    readonly default: "initial";
+                    readonly "@media (prefers-color-scheme: dark)": " ";
+                };
+                readonly light: "initial";
+                readonly dark: " ";
+            };
+        };
+    };
+    readonly "--lightningcss-dark": {
+        readonly type: "transform";
+        readonly value: {
+            readonly colorScheme: {
+                readonly "light dark": {
+                    readonly default: " ";
+                    readonly "@media (prefers-color-scheme: dark)": "initial";
+                };
+                readonly light: " ";
+                readonly dark: "initial";
+            };
+        };
+    };
+};
+export declare function staticColor(): Record<string, any>;
+export declare const controlFont: () => {
+    readonly default: "ui";
+    readonly size: {
+        readonly XS: "ui-xs";
+        readonly S: "ui-sm";
+        readonly L: "ui-lg";
+        readonly XL: "ui-xl";
+    };
+};
+/**
+ * `controlFont()`, shifted `steps` rungs down the shared `ui-*` ramp.
+ *
+ * Some things in the register are deliberately smaller than a control without being
+ * a different KIND of thing: a badge is 9.5px and a chip 11px against a 15px button
+ * (TerminalGlassLab.tsx:238, :500), and a value readout is 10.5px against its 13.5px
+ * label (:753-758 vs :749). Those are steps on one ladder, not separate scales.
+ *
+ * Returned as a `fontSize` map rather than a fixed px so the S/M/L/XL size prop keeps
+ * working — the handoff draws exactly one badge and one chip, so it cannot dictate a
+ * 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.
+ */
+export declare const controlFontStep: (steps: 1 | 2) => {
+    readonly default: "ui-sm";
+    readonly size: {
+        readonly XS: "ui-xs";
+        readonly S: "ui-xs";
+        readonly L: "ui";
+        readonly XL: "ui-lg";
+    };
+} | {
+    readonly default: "ui-xs";
+    readonly size: {
+        readonly XS: "ui-xs";
+        readonly S: "ui-xs";
+        readonly L: "ui-sm";
+        readonly XL: "ui";
+    };
+};
+export declare const controlSize: (size?: "sm" | "md") => typeof controlSizeM | typeof controlSizeS;
+declare const controlSizeM: {
+    readonly default: 32;
+    readonly size: {
+        readonly XS: 20;
+        readonly S: 24;
+        readonly L: 40;
+        readonly XL: 48;
+    };
+};
+declare const controlSizeS: {
+    readonly default: 16;
+    readonly size: {
+        readonly S: 14;
+        readonly L: 18;
+        readonly XL: 20;
+    };
+};
+export declare const controlBorderRadius: (size?: "default" | "sm") => {
+    readonly borderRadius: "default" | "control";
+};
+/**
+ * Viviana UI v2 (Glasselated): the matte well's scan dither.
+ *
+ * The handoff never paints a well as a flat rectangle. Its `<Well>` opens with
+ * `<ScanOverlay />` on every instance (TerminalGlassLab.tsx:280) — including the
+ * two it uses as fields, the search prompt (:419) and the tutor prompt (:461) —
+ * and `ScanOverlay` is a 4px `repeating-conic-gradient` in `--well-scan`
+ * (primitives.tsx:76-89), commented there as the grid that overlays *every*
+ * terminal well. It is the register's signature texture.
+ *
+ * Expressed as a background layer rather than the handoff's absolutely positioned
+ * child because the paint order is identical — `background-image` sits above
+ * `background-color` and below all content — while needing no extra DOM node, no
+ * `position: relative` on the host and no `overflow: hidden` to stay inside the
+ * corner, since `border-radius` already clips the background.
+ *
+ * Scope: the handoff scans what is filled with `--surface-well` — its wells, and also
+ * the three well-filled chips at TerminalGlassLab.tsx:42-61 (`scan: true`, drawn at
+ * :512). The one exception is the `[F5] RUN` button (:357), which takes the well fill
+ * and stays flat. This lands behind `register: "matte"` because that is where the well
+ * fill lives in the library today; tag-group/index.tsx fills its chip with `gray-100`,
+ * 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.
+ *
+ * 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 wellScan: () => {
+    readonly backgroundImage: {
+        readonly default: "[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]";
+        readonly forcedColors: "none";
+    };
+    readonly backgroundSize: "[4px 4px]";
+};
+interface ControlOptions {
+    shape?: "default" | "pill";
+    wrap?: boolean;
+    icon?: boolean;
+    /**
+     * Which half of the Glasselated register this control belongs to.
+     *
+     * `glass` (the default) is the handoff's standard control: 5px corners plus the
+     * `--edge-glass` inset rim — buttons, badges, chips, tags, segmented items.
+     *
+     * `matte` is the terminal-well family: 8px corners, no rim. The handoff says
+     * outright that wells are "never glass" (design-handoff-v2.css:56), and fields
+     * belong there — an input that frosts the page behind it fights its own text.
+     *
+     * `chip` is the tag/keyword pill: 8px corners, and it does keep the rim
+     * (TerminalGlassLab.tsx:509). Same corner as a field, opposite treatment — which
+     * is why corner and rim are separate decisions here rather than one "size".
+     *
+     * `row` is a selectable line inside a container — menu items, listbox options.
+     * The handoff draws these at 6px with no rim and no border of their own
+     * (TerminalGlassLab.tsx:598, :1027); the chrome belongs to the well around them,
+     * and giving each row an inset highlight as well produces visible banding.
+     *
+     * `badge` is the status stamp: same 5px corner as a button and no rim by default,
+     * but the register puts it in a band of its own — mono 700 at 9.5px, against a
+     * button's mono 400 at 15px (TerminalGlassLab.tsx:237-240 vs design-handoff-v2.css:163).
+     * It rode `glass` before, which is why a badge read as a small button rather than a
+     * stamp; only the type differs, so it is a register rather than a shape.
+     *
+     * Neither `matte` nor `row` paints a surface — both only withhold the rim and
+     * move the corner, because in these components the background and border
+     * usually sit on a wrapper rather than on the element `control()` styles.
+     */
+    register?: "glass" | "matte" | "chip" | "row" | "badge";
+    /**
+     * Override whether the `--edge-glass` rim is drawn. Defaults to on for `glass`
+     * and off for the other two.
+     *
+     * Needed because the rim tracks *raised* controls, not the 5px corner: the
+     * handoff's badges (TerminalGlassLab.tsx:237) and segmented items (:448) are
+     * 5px like a button but outline-only, and an inset highlight on a transparent
+     * fill just draws a stray white hairline. Its filled badges — LIVE (:525) and
+     * the streak chip (:546) — do add the rim back, which is the tell that the rim
+     * belongs to the fill rather than to the shape.
+     */
+    rim?: boolean;
+}
+interface ControlResult {
+    font: ReturnType<typeof controlFont>;
+    fontFamily?: "code";
+    fontWeight?: "normal" | "bold";
+    fontSize?: ReturnType<typeof controlFontStep>;
+    boxShadow?: "edge-glass";
+    boxSizing?: "border-box";
+    borderWidth?: 1;
+    borderStyle?: "solid";
+    borderColor?: "well-border";
+    backgroundColor?: "well";
+    backgroundImage?: ReturnType<typeof wellScan>["backgroundImage"];
+    backgroundSize?: ReturnType<typeof wellScan>["backgroundSize"];
+    borderRadius?: "pill" | "control" | "row" | "default" | `[${string}]`;
+    minWidth?: ReturnType<typeof controlSize>;
+    minHeight?: ReturnType<typeof controlSize>;
+    height?: ReturnType<typeof controlSize>;
+    display?: "flex";
+    alignItems?: "center" | {
+        default: "baseline";
+        [iconOnly]: "center";
+    };
+    columnGap?: "text-to-visual";
+    paddingX?: "pill" | "edge-to-text" | {
+        default: "pill" | "edge-to-text";
+        [iconOnly]: 0;
+    };
+    paddingY?: 0 | `[${string}]`;
+}
+declare const iconOnly = ":has([slot=icon], [data-slot=icon]):not(:has([data-rsp-slot=text]))";
+/**
+ * Common styles for a pill or round rect shaped container with text and icon slots.
+ * The text can optionally wrap, aligning the icon with the first line of text.
+ */
+export declare function control(options: ControlOptions): ControlResult;
+/**
+ * Viviana UI v2 (Glasselated): the glass half of the register — a translucent,
+ * blurred, rim-lit container. This is the `MeshCard` from the handoff's own
+ * primitives (`primitives.tsx:28-37`) expressed as style properties.
+ *
+ * The two surfaces differ by more than radius, which is why they are one helper
+ * with a parameter rather than two radius tokens:
+ *
+ * | | radius | background | blur | rim | border |
+ * |---|---|---|---|---|---|
+ * | `panel` | 14px | `--surface-panel` | 18px | yes | 1px subtle |
+ * | `card` | 12px | `--surface-card` | 14px | yes | 1px subtle |
+ *
+ * `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
+ * containers just look washed out — translucency plus blur is what reads as
+ * glass, and blur cannot ride on a background-color, only on the element.
+ *
+ * The rim is `edge-glass-surface`, the softened sibling of the control rim: these
+ * containers are translucent over the page, and the control's full-strength white
+ * ring outlines them on a dark backdrop instead of catching their edge.
+ *
+ * Deliberately NOT applied to: terminal wells and fields, which the handoff calls
+ * 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";
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly borderColor: "border-subtle";
+};
+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"];
+export declare const fontProperties: readonly ["font", "fontFamily", "fontWeight", "lineHeight", "fontSize"];
+export type StylesProp = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number]>;
+export type StylesPropWithHeight = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number] | (typeof heightProperties)[number]>;
+export type StylesPropWithoutWidth = StyleString<(typeof allowedOverrides)[number]>;
+export type StylesPropWithFont = StyleString<(typeof fontProperties)[number]>;
+export type UnsafeClassName = string & {
+    properties?: never;
+};
+export interface UnsafeStyles {
+    /** Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */
+    UNSAFE_className?: UnsafeClassName;
+    /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */
+    UNSAFE_style?: CSSProperties;
+}
+export interface StyleProps extends UnsafeStyles {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesProp;
+}
+export declare function getAllowedOverrides({ width, height, font }?: {
+    width?: boolean | undefined;
+    height?: boolean | undefined;
+    font?: boolean | undefined;
+}): string[];
+export {};
+//# sourceMappingURL=style-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,52 @@
+import { type JSX } from "solid-js";
+import { type SearchFieldProps as HeadlessSearchFieldProps } from "@proyecto-viviana/solidaria-components";
+import type { StyleString } from "../style";
+import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
+export type SearchFieldSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";
+export type SearchFieldVariant = "outline" | "filled";
+export type SearchFieldLabelPosition = "top" | "side";
+export type SearchFieldLabelAlign = "start" | "end";
+export type SearchFieldNecessityIndicator = "icon" | "label";
+export interface SearchFieldProps extends Omit<HeadlessSearchFieldProps, "class" | "style" | "children" | "label" | "slot" | "ref"> {
+    /** The size of the search field. */
+    size?: SearchFieldSize;
+    /** Legacy visual variant. S2 SearchFields do not expose visual variants. */
+    variant?: SearchFieldVariant;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */
+    class?: string;
+    /** Label text for the input. */
+    label?: JSX.Element;
+    /** Description text shown below the input. */
+    description?: JSX.Element;
+    /** Error message shown when invalid. */
+    errorMessage?: JSX.Element;
+    /** Position of the label relative to the input. */
+    labelPosition?: SearchFieldLabelPosition;
+    /** Text alignment for side labels. */
+    labelAlign?: SearchFieldLabelAlign;
+    /** Whether required fields show an icon or text label. */
+    necessityIndicator?: SearchFieldNecessityIndicator;
+    /** A contextual help element to place next to the label. */
+    contextualHelp?: JSX.Element;
+    /**
+     * An icon or text rendered before the input in place of the built-in search
+     * magnifier, e.g. the register's `/` slash-command glyph.
+     */
+    prefix?: JSX.Element;
+    /** An icon or text rendered after the input, e.g. a key hint. */
+    suffix?: JSX.Element;
+    /** Slot name when used in a Spectrum context. */
+    slot?: string | null;
+    /** Ref for the search field root element. */
+    ref?: RefLike<HTMLDivElement>;
+}
+export declare const SearchFieldContext: import("solid-js").Context<SpectrumContextValue<SearchFieldProps>>;
+export declare function SearchField(props: SearchFieldProps): JSX.Element;
+export type { SearchFieldState } from "@proyecto-viviana/solid-stately";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}