@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/checkbox/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/checkbox/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  createContext,\n  createUniqueId,\n  type JSX,\n  splitProps,\n  mergeProps,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport {\n  CheckboxField as HeadlessCheckboxField,\n  CheckboxButton as HeadlessCheckboxButton,\n  CheckboxGroup as HeadlessCheckboxGroup,\n  CheckboxGroupStateContext as HeadlessCheckboxGroupStateContext,\n  type CheckboxFieldProps as HeadlessCheckboxFieldProps,\n  type CheckboxGroupProps as HeadlessCheckboxGroupProps,\n  type CheckboxRenderProps,\n  type CheckboxGroupRenderProps,\n  type CheckboxFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\n// The headless group is the single source of truth for the description/error ids\n// (minted by createField, threaded onto the group AND every item's\n// aria-describedby via this WeakMap). We render the visible HelpText ourselves\n// (renderHelpText={false}) but read the id back from here so all three — group\n// node, item inputs, and our <Text> — resolve to the same element.\nimport { checkboxGroupData } from \"@proyecto-viviana/solidaria\";\nimport { Text } from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, space, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport DashIcon from \"../icon/ui-icons/Dash\";\nimport { useProviderProps } from \"../provider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2CheckboxSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type CheckboxGroupOrientation = \"horizontal\" | \"vertical\";\nexport type CheckboxGroupLabelPosition = \"top\" | \"side\";\nexport type CheckboxGroupLabelAlign = \"start\" | \"end\";\nexport type CheckboxGroupNecessityIndicator = \"icon\" | \"label\";\n\ninterface CheckboxGroupStyleContextValue {\n  size?: CheckboxSize;\n  isEmphasized?: boolean;\n}\n\nconst CheckboxGroupStyleContext = createContext<CheckboxGroupStyleContextValue>({});\n\nexport interface CheckboxProps extends Omit<\n  HeadlessCheckboxFieldProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\" | \"inputRef\"\n> {\n  /** The size of the checkbox. */\n  size?: CheckboxSize;\n  /** Whether the checkbox should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Label text for the checkbox. */\n  children?: JSX.Element;\n  /** A description for the checkbox, displayed below the label. */\n  description?: JSX.Element;\n  /** An error message for the checkbox, displayed when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the underlying field (root `<div>`) element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\nexport interface CheckboxGroupProps extends Omit<\n  HeadlessCheckboxGroupProps,\n  \"class\" | \"children\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The size of the Checkboxes in the CheckboxGroup. */\n  size?: CheckboxSize;\n  /** The axis the checkboxes should align with. */\n  orientation?: CheckboxGroupOrientation;\n  /** The label's overall position relative to the checkbox items. */\n  labelPosition?: CheckboxGroupLabelPosition;\n  /** The label's horizontal alignment relative to the checkbox items. */\n  labelAlign?: CheckboxGroupLabelAlign;\n  /** Whether the required state should be shown as an icon or text label. */\n  necessityIndicator?: CheckboxGroupNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /** Whether the Checkboxes should be displayed with an emphasized style. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Children checkboxes. */\n  children?: JSX.Element;\n  /** Label for the group. */\n  label?: JSX.Element;\n  /** Description for the group. */\n  description?: JSX.Element;\n  /** Error message when invalid. */\n  errorMessage?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the checkbox group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface CheckboxStyleProps {\n  size?: S2CheckboxSize;\n  isEmphasized?: boolean;\n  orientation?: CheckboxGroupOrientation;\n  labelPosition?: \"top\" | \"side\";\n  labelAlign?: \"start\" | \"end\";\n  isInForm?: boolean;\n}\n\ntype CheckboxStyleState = CheckboxRenderProps & CheckboxStyleProps;\ntype CheckboxGroupStyleState = CheckboxGroupRenderProps & CheckboxStyleProps;\n\nexport const CheckboxContext = createContext<SpectrumContextValue<CheckboxProps>>(null);\nexport const CheckboxGroupContext = createContext<SpectrumContextValue<CheckboxGroupProps>>(null);\n\nconst checkboxGroupRoot = style<CheckboxGroupStyleState>(\n  {\n    ...field(),\n    \"--field-gap\": {\n      type: \"rowGap\",\n      value: \"calc(var(--field-height) - 1lh)\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst checkboxGroupLabelWrapper = style<CheckboxGroupStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  // Byte-faithful to upstream Field.tsx FieldLabel outer `<div>` contain: the\n  // `isQuiet:'none'` branch is declared last, so when CheckboxGroup passes\n  // `isQuiet` (which it always does — see renderChildren) it wins under\n  // last-match-wins and the label wrapper computes `contain:none` on the default\n  // `labelPosition:top` (previously mis-computed `contain:inline-size`).\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst checkboxGroupLabel = style<CheckboxGroupStyleState>({\n  ...fieldLabel(),\n});\n\nconst checkboxGroupItems = style<CheckboxGroupStyleState>({\n  gridArea: \"input\",\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      vertical: \"column\",\n      horizontal: \"row\",\n    },\n  },\n  lineHeight: \"ui\",\n  rowGap: \"--field-gap\",\n  columnGap: 16,\n  // Byte-faithful to upstream CheckboxGroup.tsx: only a horizontal group wraps.\n  // The previous unconditional `\"wrap\"` was a self-inflicted divergence — for a\n  // vertical group (the demo default) upstream computes `flex-wrap:nowrap`.\n  flexWrap: {\n    orientation: {\n      horizontal: \"wrap\",\n    },\n  },\n});\n\nconst checkboxGroupHelpText = style<CheckboxGroupStyleState>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst checkboxGroupRequiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst checkboxGroupNoWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// The field grid — byte-faithful to upstream S2 `Checkbox.tsx` local `field`.\n// `gridColumnStart:{isInForm:'field'}` is deliberately dormant: upstream calls\n// field() with {size, isInCheckboxGroup, isNoVisibleLabel} and never passes\n// isInForm, so this branch never fires (isInForm is applied to the subgrid\n// wrapper below instead). Kept for byte-parity with the upstream style object.\nconst checkboxFieldStyle = style<\n  CheckboxStyleState & { isInCheckboxGroup?: boolean; isNoVisibleLabel?: boolean }\n>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      default: [\"max-content\", \"1fr\"],\n      isNoVisibleLabel: [\"max-content\"],\n    },\n    columnGap: \"text-to-control\",\n    alignContent: \"start\",\n    width: {\n      default: \"fit\",\n      isInCheckboxGroup: \"auto\",\n    },\n    font: controlFont(),\n    \"--field-height\": {\n      type: \"height\",\n      value: controlSize(),\n    },\n    rowGap: {\n      default: \"calc(var(--field-height) - 1lh)\",\n      isInCheckboxGroup: {\n        size: {\n          S: space(1),\n          M: space(1),\n          L: 2,\n          XL: 2,\n        },\n      },\n    },\n    gridColumnStart: {\n      isInForm: \"field\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\n// The subgrid wrapper (CheckboxButton `<label>`) — byte-faithful to upstream\n// `wrapper`. No getAllowedOverrides (upstream's wrapper is a plain style()).\nconst wrapper = style<CheckboxStyleState & { isInForm?: boolean }>({\n  display: \"grid\",\n  gridTemplateColumns: \"subgrid\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  position: \"relative\",\n  alignItems: \"baseline\",\n  transition: \"colors\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  disableTapHighlight: true,\n});\n\n// The visible label span sits in the second grid column — upstream renders\n// `<span className={style({gridColumnStart: 2})}>{children}</span>`.\nconst labelSpan = style({ gridColumnStart: 2 });\n\n// Individual-field help text. Byte-faithful to upstream Field.tsx\n// `helpTextStyles`, folding in the checkbox's inline override\n// (`gridColumnStart:{default:1,isInCheckboxGroup:2}, paddingTop:0`). Rendered\n// via the field's `Text` description/errorMessage slot contract. NOTE: the\n// checkbox demo never sets description/errorMessage, so upstream's `HelpText`\n// is `null` in every cert case — this path is faithful but dormant here.\nconst checkboxHelpText = style<\n  CheckboxStyleState & { isInvalid?: boolean; isDisabled?: boolean; isInCheckboxGroup?: boolean }\n>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n  gridColumnStart: {\n    default: 1,\n    isInCheckboxGroup: 2,\n  },\n  paddingTop: 0,\n});\n\nconst checkboxBox = style<CheckboxStyleState>({\n  ...focusRing(),\n  ...controlBorderRadius(\"sm\"),\n  size: controlSize(\"sm\"),\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // The register draws control chrome edges at 1px, which is what the matte\n  // register bakes in (`result.borderWidth = 1` in s2-internal/style-utils.ts,\n  // both the `chip` and `matte` branches). This box cannot spread control()\n  // itself — control() unconditionally emits display/paddingX/minWidth/font,\n  // all of which would break a square choice box — so it carries the literal.\n  // The identical hand-rolled block in menu/s2-menu-styles.ts must move with it.\n  borderWidth: 1,\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    // The matte well, not paper. `gray-25` is #ffffff in light\n    // (style/glasselated-ramps.ts:87), so the unselected box read as a hole\n    // punched through the panel rather than a recess. `well` resolves to\n    // var(--surface-well) (style/spectrum-theme.ts:927), the register's inset\n    // control surface. NOTE: in light --surface-well sits very close to the app\n    // surface, so the `borderColor.default` below is what carries the box's\n    // shape — it is deliberately NOT softened to `well-border`.\n    default: \"well\",\n    forcedColors: \"Background\",\n    isSelected: {\n      // Accent-on-selection is the register's selection idiom, not an emphasis\n      // variant, so the accent fill moves to `default` — previously a\n      // non-emphasized selected checkbox filled with the text ramp and rendered\n      // no accent at all. `isEmphasized` is preserved as a real, visible step\n      // rather than deleted: it goes one stop deeper in the same accent channel\n      // (accent-1000), so the public prop keeps changing what it renders.\n      // Both stops are held flat rather than moved to the\n      // lightDark(\"accent-900\",\"accent-700\") idiom used by Button/Tag, because\n      // the checkmark ink here is `gray-25`, which flips to near-black in dark\n      // (style/glasselated-ramps.ts:87) — near-black ink on dark accent-700\n      // would not clear AA.\n      default: baseColor(\"accent-900\"),\n      isEmphasized: baseColor(\"accent-1000\"),\n      forcedColors: \"Highlight\",\n      isInvalid: {\n        default: baseColor(\"negative-900\"),\n        forcedColors: \"Mark\",\n      },\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n});\n\nconst checkboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst iconSize = {\n  S: \"XS\",\n  M: \"S\",\n  L: \"M\",\n  XL: \"L\",\n} as const;\n\nconst checkmarkIconPixelSize = {\n  S: 10,\n  M: 10,\n  L: 10,\n  XL: 12,\n} as const;\n\nconst dashIconPixelSize = {\n  S: 8,\n  M: 8,\n  L: 10,\n  XL: 12,\n} as const;\n\nfunction normalizeCheckboxSize(size: CheckboxSize | undefined): S2CheckboxSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction checkboxPressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: CheckboxRenderProps,\n): JSX.CSSProperties {\n  const pressStyle = { \"will-change\": \"transform\" } as JSX.CSSProperties;\n\n  if (renderProps.isPressed && element) {\n    const { width, height } = element.getBoundingClientRect();\n    pressStyle.transform = `perspective(${Math.max(height, width / 3, 24)}px) translate3d(0, 0, -2px)`;\n  }\n\n  return pressStyle;\n}\n\nfunction checkboxIconSizeStyle(size: number): JSX.CSSProperties {\n  return {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n}\n\nfunction requiredIconStyle(size: S2CheckboxSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\n/**\n * A checkbox allows users to select one or more items from a set.\n *\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const groupStyleContext = useContext(CheckboxGroupStyleContext);\n  const isInForm = useIsInForm();\n  const isInCheckboxGroup = !!useContext(HeadlessCheckboxGroupStateContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(CheckboxContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"size\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"description\",\n    \"errorMessage\",\n    \"slot\",\n    \"ref\",\n    \"inputRef\",\n  ]);\n\n  const size = () => normalizeCheckboxSize(local.size ?? groupStyleContext.size);\n  const isEmphasized = () => local.isEmphasized ?? groupStyleContext.isEmphasized;\n  // Upstream checks `!children` for the truthiness — reading `local.children`\n  // never invokes a component thunk (a function is truthy as-is), so this is\n  // safe to read alongside the `<span>{local.children}</span>` render below.\n  const hasLabel = () => !!local.children;\n  // Upstream: `size={isInCheckboxGroup ? smallerSize[size] : size}` — `iconSize`\n  // is the port's `smallerSize` map.\n  const helpTextSize = () => (isInCheckboxGroup ? iconSize[size()] : size());\n  let boxElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const assignInputRef = mergeContextRefs(\n    (contextProps as { inputRef?: RefLike<HTMLInputElement> } | null)?.inputRef,\n    props.inputRef,\n  );\n\n  // The field grid className. Mirrors upstream `field({size, isInCheckboxGroup,\n  // isNoVisibleLabel}, styles)` — and deliberately does NOT pass `isInForm`, so\n  // the field's dormant `gridColumnStart:{isInForm:'field'}` stays inert\n  // (upstream passes isInForm to the wrapper subgrid instead).\n  const getFieldClassName = (_renderProps?: CheckboxFieldRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxFieldStyle(\n        {\n          size: size(),\n          isInCheckboxGroup,\n          isNoVisibleLabel: !hasLabel(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  // Upstream: `isInvalid={isInCheckboxGroup ? false : isInvalid}` on the HelpText\n  // (in a group, validation is surfaced at the group level, not per-checkbox).\n  const invalidFor = (fieldRenderProps: CheckboxFieldRenderProps): boolean =>\n    isInCheckboxGroup ? false : fieldRenderProps.isInvalid;\n\n  const renderHelpText = (fieldRenderProps: CheckboxFieldRenderProps): JSX.Element => (\n    <>\n      <Show when={local.description && !invalidFor(fieldRenderProps)}>\n        <Text\n          slot=\"description\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      <Show when={invalidFor(fieldRenderProps) && local.errorMessage}>\n        <Text\n          slot=\"errorMessage\"\n          styles={checkboxHelpText({\n            size: helpTextSize(),\n            isInvalid: true,\n            isDisabled: fieldRenderProps.isDisabled,\n            isInCheckboxGroup,\n          })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <HeadlessCheckboxField\n      {...headlessProps}\n      ref={(element) => assignRootRef(element)}\n      inputRef={(element) => assignInputRef(element)}\n      slot={local.slot ?? undefined}\n      class={getFieldClassName}\n      style={mergedUnsafeStyle()}\n    >\n      {(fieldRenderProps: CheckboxFieldRenderProps) => (\n        <>\n          <HeadlessCheckboxButton\n            class={(renderProps: CheckboxRenderProps) =>\n              wrapper({ ...renderProps, isInForm, size: size() })\n            }\n          >\n            {(renderProps: CheckboxRenderProps) => {\n              const checkbox = (\n                <div\n                  ref={boxElement}\n                  class={checkboxBox({\n                    ...renderProps,\n                    isSelected: renderProps.isSelected || renderProps.isIndeterminate,\n                    size: size(),\n                    isEmphasized: isEmphasized(),\n                  })}\n                  style={checkboxPressScaleStyle(boxElement, renderProps)}\n                >\n                  <Show when={renderProps.isIndeterminate}>\n                    <DashIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(dashIconPixelSize[size()])}\n                    />\n                  </Show>\n                  <Show when={renderProps.isSelected && !renderProps.isIndeterminate}>\n                    <CheckmarkIcon\n                      size={iconSize[size()]}\n                      class={checkboxIcon}\n                      style={checkboxIconSizeStyle(checkmarkIconPixelSize[size()])}\n                    />\n                  </Show>\n                </div>\n              );\n\n              // Only render checkbox without center baseline if no label.\n              // This avoids expanding the checkbox height to the font's line height.\n              if (!hasLabel()) {\n                return checkbox;\n              }\n\n              return (\n                <>\n                  <CenterBaseline>{checkbox}</CenterBaseline>\n                  <span class={labelSpan}>{local.children}</span>\n                </>\n              );\n            }}\n          </HeadlessCheckboxButton>\n          {renderHelpText(fieldRenderProps)}\n        </>\n      )}\n    </HeadlessCheckboxField>\n  );\n}\n\n/**\n * A checkbox group allows users to select multiple items from a list.\n *\n */\nexport function CheckboxGroup(props: CheckboxGroupProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(CheckboxGroupContext), props.slot);\n  const defaultProps: Partial<CheckboxGroupProps> = {\n    orientation: \"vertical\",\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"orientation\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeCheckboxSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const idBase = createUniqueId();\n  const labelId = `${idBase}-label`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const getClassName = (renderProps: CheckboxGroupRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      checkboxGroupRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderChildren = (renderProps: CheckboxGroupRenderProps) => (\n    <>\n      <Show when={local.label}>\n        <div\n          class={checkboxGroupLabelWrapper({\n            ...renderProps,\n            size: size(),\n            labelPosition: labelPosition(),\n            labelAlign: labelAlign(),\n            // Upstream FieldLabel is rendered by CheckboxGroup with `isQuiet`\n            // (\"Make the label affect the width of the group\"), so the wrapper's\n            // `contain` resolves to `none` (label width feeds the group), not the\n            // `inline-size` a bare labelPosition:top would give.\n            isQuiet: true,\n          })}\n        >\n          {/* Upstream renders the group label via RAC <Label>, but a group is not\n              a labelable element: RAC CheckboxGroup supplies LabelContext with\n              `elementType: 'span'`, so the group label is a <span> (associated to\n              the group by `aria-labelledby`, not `for`). The hand-roll matches that\n              output with a <span id>. */}\n          <span id={labelId} class={checkboxGroupLabel({ ...renderProps, size: size() })}>\n            {local.label}\n            <Show when={headlessProps.isRequired || necessityIndicator() === \"label\"}>\n              <span class={checkboxGroupNoWrap}>\n                &nbsp;\n                <Show\n                  when={necessityIndicator() === \"icon\"}\n                  fallback={\n                    <span aria-hidden={headlessProps.isRequired ? true : undefined}>\n                      {headlessProps.isRequired ? \"(required)\" : \"(optional)\"}\n                    </span>\n                  }\n                >\n                  <AsteriskIcon\n                    size={size() === \"S\" ? \"M\" : size()}\n                    class={checkboxGroupRequiredIcon}\n                    style={requiredIconStyle(size())}\n                    aria-hidden=\"true\"\n                  />\n                </Show>\n              </span>\n            </Show>\n          </span>\n          <Show when={local.contextualHelp}>\n            <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n          </Show>\n        </div>\n      </Show>\n      <div\n        class={checkboxGroupItems({\n          ...renderProps,\n          size: size(),\n          orientation: local.orientation,\n        })}\n      >\n        <FormContext.Provider\n          value={{\n            ...(formContext ?? {}),\n            get size() {\n              return size();\n            },\n            isRequired: undefined,\n          }}\n        >\n          <CheckboxContext.Provider\n            value={{\n              get isEmphasized() {\n                return local.isEmphasized;\n              },\n            }}\n          >\n            {local.children}\n          </CheckboxContext.Provider>\n        </FormContext.Provider>\n      </div>\n      {/* Byte-faithful to upstream Field.tsx HelpText: the description renders a\n          RAC `<Text slot=\"description\">` (a `<span>`), not a `<div>`. */}\n      <Show when={local.description && !renderProps.isInvalid}>\n        <Text\n          slot=\"description\"\n          id={checkboxGroupData.get(renderProps.state)?.descriptionId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          {local.description}\n        </Text>\n      </Show>\n      {/* Upstream renders the invalid message through a RAC `<FieldError>`, which\n          is a `<Text slot=\"errorMessage\">` (a `<span>`) with NO `role=\"alert\"`\n          (RAC FieldError carries no alert role; the group's `aria-describedby`\n          points here for the association). */}\n      <Show when={local.errorMessage && renderProps.isInvalid}>\n        <Text\n          slot=\"errorMessage\"\n          id={checkboxGroupData.get(renderProps.state)?.errorMessageId}\n          styles={checkboxGroupHelpText({ ...renderProps, size: size() })}\n        >\n          <CenterBaseline>\n            <AlertTriangleIcon aria-hidden=\"true\" />\n          </CenterBaseline>\n          <span>{local.errorMessage}</span>\n        </Text>\n      </Show>\n    </>\n  );\n\n  return (\n    <CheckboxGroupStyleContext.Provider\n      value={{\n        get size() {\n          return local.size;\n        },\n        get isEmphasized() {\n          return local.isEmphasized;\n        },\n      }}\n    >\n      <HeadlessCheckboxGroup\n        {...headlessProps}\n        value={headlessProps.value}\n        defaultValue={headlessProps.defaultValue}\n        onChange={headlessProps.onChange}\n        isDisabled={headlessProps.isDisabled}\n        isReadOnly={headlessProps.isReadOnly}\n        isRequired={headlessProps.isRequired}\n        isInvalid={headlessProps.isInvalid}\n        // Pass the field content down so the headless mints the description/error\n        // ids and threads them onto the group and every item's aria-describedby —\n        // the single source of truth. renderHelpText={false} suppresses the\n        // headless's own plain div; we render the styled <Text> above.\n        description={local.description}\n        errorMessage={local.errorMessage}\n        renderHelpText={false}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? (local.label ? labelId : undefined)}\n        ref={(element) => assignRootRef(element)}\n        slot={local.slot ?? undefined}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n        data-size={size()}\n      >\n        {renderChildren}\n      </HeadlessCheckboxGroup>\n    </CheckboxGroupStyleContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/color/ColorEditor.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import { type ColorEditorProps as HeadlessColorEditorProps } from "@proyecto-viviana/solidaria-components";
+export interface ColorEditorProps extends Omit<HeadlessColorEditorProps, "class" | "style"> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A complete color editor with area, hue slider, alpha slider,
+ * color space selector, and channel fields.
+ */
+export declare function ColorEditor(props: ColorEditorProps): JSX.Element;
+//# sourceMappingURL=ColorEditor.d.ts.map

package/dist/color/ColorEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.d.ts","sourceRoot":"","sources":["../../src/color/ColorEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,gBAAgB,IAAI,wBAAwB,EAClD,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqFD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAShE"}

package/dist/color/ColorSwatchPicker.d.ts

@@ -0,0 +1,55 @@
+import { type JSX } from "solid-js";
+import { type ColorSwatchPickerItemProps as HeadlessColorSwatchPickerItemProps, type ColorSwatchPickerProps as HeadlessColorSwatchPickerProps } from "@proyecto-viviana/solidaria-components";
+import type { StylesProp, UnsafeClassName } from "../s2-internal/style-utils";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import { type InternalColorSwatchSize } from "./color-swatch-internal";
+export type ColorSwatchPickerSize = InternalColorSwatchSize;
+export type ColorSwatchPickerDensity = "compact" | "regular" | "spacious";
+export type ColorSwatchPickerRounding = "none" | "default" | "full";
+export type SwatchPickerSize = ColorSwatchPickerSize;
+export type SwatchPickerDensity = ColorSwatchPickerDensity;
+export type SwatchPickerRounding = ColorSwatchPickerRounding;
+export interface ColorSwatchPickerProps extends Omit<HeadlessColorSwatchPickerProps, "class" | "style" | "layout" | "slot"> {
+    /** The ColorSwatches within the ColorSwatchPicker. */
+    children: JSX.Element;
+    /**
+     * The amount of padding between the swatches.
+     * @default 'regular'
+     */
+    density?: ColorSwatchPickerDensity;
+    /**
+     * The size of the color swatches.
+     * @default 'M'
+     */
+    size?: ColorSwatchPickerSize;
+    /**
+     * The corner rounding of the color swatches.
+     * @default 'none'
+     */
+    rounding?: ColorSwatchPickerRounding;
+    /** Spectrum-defined generated classes. */
+    styles?: StylesProp;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | 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;
+    /** A slot name for the component. */
+    slot?: string | null;
+}
+export interface ColorSwatchPickerItemProps extends Omit<HeadlessColorSwatchPickerItemProps, "class" | "style"> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+export declare const ColorSwatchPickerContext: import("solid-js").Context<SpectrumContextValue<ColorSwatchPickerProps>>;
+/**
+ * A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
+ */
+export declare function ColorSwatchPicker(props: ColorSwatchPickerProps): JSX.Element;
+/**
+ * Compatibility helper for callers that still compose picker items manually.
+ * The public S2 API composes ColorSwatchPicker with ColorSwatch children.
+ */
+export declare function ColorSwatchPickerItem(props: ColorSwatchPickerItemProps): JSX.Element;
+//# sourceMappingURL=ColorSwatchPicker.d.ts.map

package/dist/color/ColorSwatchPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPicker.d.ts","sourceRoot":"","sources":["../../src/color/ColorSwatchPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA2D,MAAM,UAAU,CAAC;AAC7F,OAAO,EAKL,KAAK,0BAA0B,IAAI,kCAAkC,EAErE,KAAK,sBAAsB,IAAI,8BAA8B,EAE9D,MAAM,wCAAwC,CAAC;AAGhD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG9E,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC5D,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC1E,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC;AAC3D,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,8BAA8B,EAC9B,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CACtC;IACC,sDAAsD;IACtD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,kCAAkC,EAClC,OAAO,GAAG,OAAO,CAClB;IACC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiGD,eAAO,MAAM,wBAAwB,0EAC8B,CAAC;AAapE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAgF5E;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CA0DpF"}

package/dist/color/ColorSwatchPicker.js

@@ -0,0 +1,2 @@
+import { n as ColorSwatchPickerContext, r as ColorSwatchPickerItem, t as ColorSwatchPicker } from "../_chunk/ColorSwatchPicker.js";
+export { ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem };

package/dist/color/ColorSwatchPicker.jsx

@@ -0,0 +1,2 @@
+import { n as ColorSwatchPickerContext, r as ColorSwatchPickerItem, t as ColorSwatchPicker } from "../_chunk/ColorSwatchPicker.jsx";
+export { ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem };

package/dist/color/color-swatch-internal.d.ts

@@ -0,0 +1,11 @@
+import { type Accessor, type JSX } from "solid-js";
+import type { Color } from "@proyecto-viviana/solid-stately";
+export type InternalColorSwatchSize = "XS" | "S" | "M" | "L";
+export type InternalColorSwatchRounding = "default" | "none" | "full";
+export interface InternalColorSwatchContextValue {
+    size?: InternalColorSwatchSize;
+    rounding?: InternalColorSwatchRounding;
+    useWrapper: (swatch: JSX.Element, color: Accessor<Color>, rounding: Accessor<InternalColorSwatchRounding>) => JSX.Element;
+}
+export declare const InternalColorSwatchContext: import("solid-js").Context<InternalColorSwatchContextValue | null>;
+//# sourceMappingURL=color-swatch-internal.d.ts.map

package/dist/color/color-swatch-internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch-internal.d.ts","sourceRoot":"","sources":["../../src/color/color-swatch-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAE7D,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC7D,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,+BAA+B;IAC9C,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,UAAU,EAAE,CACV,MAAM,EAAE,GAAG,CAAC,OAAO,EACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACtB,QAAQ,EAAE,QAAQ,CAAC,2BAA2B,CAAC,KAC5C,GAAG,CAAC,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,0BAA0B,oEAEtC,CAAC"}

package/dist/color/index.d.ts

@@ -0,0 +1,230 @@
+import { type JSX, createContext } from "solid-js";
+import { type ColorSliderProps as HeadlessColorSliderProps, type ColorAreaProps as HeadlessColorAreaProps, type ColorWheelProps as HeadlessColorWheelProps, type ColorFieldProps as HeadlessColorFieldProps, type ColorSwatchProps as HeadlessColorSwatchProps, type ColorWheelTrackRenderProps, type ColorWheelThumbRenderProps } from "@proyecto-viviana/solidaria-components";
+import type { Color, ColorAxes, ColorChannel, ColorChannelRange, ColorFormat, ColorSpace } from "@proyecto-viviana/solid-stately";
+import type { StyleString } from "../style";
+import type { StylesProp, StylesPropWithHeight, UnsafeClassName } from "../s2-internal/style-utils";
+import { type InternalColorSwatchRounding, type InternalColorSwatchSize } from "./color-swatch-internal";
+export type ColorSize = "sm" | "md" | "lg";
+export interface ColorSliderProps extends Omit<HeadlessColorSliderProps, "class" | "style" | "children"> {
+    /** Spectrum-defined generated classes. */
+    styles?: StylesProp;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | 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;
+    /** Deprecated legacy size prop. ColorSlider uses the Spectrum 2 fixed track size. */
+    size?: ColorSize;
+    /** Deprecated legacy value visibility prop. Spectrum 2 shows horizontal output. */
+    showValue?: boolean;
+    /** Contextual help shown next to the visible label. */
+    contextualHelp?: JSX.Element;
+}
+/**
+ * A color slider allows users to adjust a single color channel.
+ *
+ * @example
+ * ```tsx
+ * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
+ *
+ * <ColorSlider
+ *   channel="hue"
+ *   value={color()}
+ *   onChange={setColor}
+ *   label="Hue"
+ * />
+ * ```
+ */
+export declare function ColorSlider(props: ColorSliderProps): JSX.Element;
+export interface ColorAreaProps extends Omit<HeadlessColorAreaProps, "class" | "style" | "children"> {
+    /** Spectrum-defined generated classes. */
+    styles?: StylesPropWithHeight;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+}
+/**
+ * A color area allows users to select a color by dragging in a 2D gradient.
+ *
+ * @example
+ * ```tsx
+ * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
+ *
+ * <ColorArea
+ *   value={color()}
+ *   onChange={setColor}
+ *   xChannel="saturation"
+ *   yChannel="lightness"
+ * />
+ * ```
+ */
+export declare function ColorArea(props: ColorAreaProps): JSX.Element;
+export interface ColorWheelProps extends Omit<HeadlessColorWheelProps, "class" | "style"> {
+    /** Diameter of the authored Spectrum control in pixels. */
+    size?: number;
+    /** Spectrum-defined generated classes. */
+    styles?: StylesProp;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | 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;
+}
+/**
+ * A color wheel allows users to select a hue by dragging around a circular track.
+ *
+ * @example
+ * ```tsx
+ * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
+ *
+ * <ColorWheel
+ *   value={color()}
+ *   onChange={setColor}
+ * />
+ * ```
+ */
+export declare function ColorWheel(props: ColorWheelProps): JSX.Element;
+export declare namespace ColorWheel {
+    var Track: typeof ColorWheelTrack;
+    var Thumb: typeof ColorWheelThumb;
+}
+interface ColorWheelTrackProps {
+    /** Custom track children. */
+    children?: JSX.Element | ((renderProps: ColorWheelTrackRenderProps) => JSX.Element);
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | 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;
+}
+/**
+ * The circular track for a color wheel.
+ */
+export declare function ColorWheelTrack(props?: ColorWheelTrackProps): JSX.Element;
+interface ColorWheelThumbProps {
+    /** Custom thumb children. Defaults to the Spectrum 2 inner ring and drag loupe. */
+    children?: JSX.Element | ((renderProps: ColorWheelThumbRenderProps) => JSX.Element);
+    /** Ref callback for the thumb element. */
+    ref?: (element: HTMLDivElement) => void;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | 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;
+}
+/**
+ * The thumb component for a color wheel.
+ */
+export declare function ColorWheelThumb(props?: ColorWheelThumbProps): JSX.Element;
+export type ColorFieldSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";
+export type ColorFieldLabelPosition = "top" | "side";
+export type ColorFieldLabelAlign = "start" | "end";
+export type ColorFieldNecessityIndicator = "icon" | "label";
+export interface ColorFieldProps extends Omit<HeadlessColorFieldProps, "class" | "style" | "children"> {
+    /** The size of the color field. */
+    size?: ColorFieldSize;
+    /** 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;
+    /** Description text below the input. */
+    description?: JSX.Element;
+    /** Error message to display. */
+    errorMessage?: JSX.Element;
+    /** Position of the label relative to the input. */
+    labelPosition?: ColorFieldLabelPosition;
+    /** Text alignment for side labels. */
+    labelAlign?: ColorFieldLabelAlign;
+    /** Whether required fields show an icon or text label. */
+    necessityIndicator?: ColorFieldNecessityIndicator;
+    /** An icon or text rendered before the input. */
+    prefix?: JSX.Element;
+}
+/**
+ * A color field allows users to enter a color value as text.
+ *
+ * @example
+ * ```tsx
+ * const [color, setColor] = createSignal(parseColor('#ff0000'))
+ *
+ * <ColorField
+ *   value={color()}
+ *   onChange={setColor}
+ *   label="Color"
+ * />
+ * ```
+ */
+export declare function ColorField(props: ColorFieldProps): JSX.Element;
+export declare const ColorFieldContext: ReturnType<typeof createContext<unknown>>;
+export type ColorSwatchSize = InternalColorSwatchSize;
+export type ColorSwatchRounding = InternalColorSwatchRounding;
+export interface ColorSwatchProps extends Omit<HeadlessColorSwatchProps, "class" | "style" | "children"> {
+    /** The size of the color swatch. */
+    size?: ColorSwatchSize;
+    /** Corner rounding for the color swatch. */
+    rounding?: ColorSwatchRounding;
+    /** Spectrum-defined generated classes. */
+    styles?: StylesPropWithHeight;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A color swatch displays a color sample.
+ *
+ * @example
+ * ```tsx
+ * <ColorSwatch color={parseColor('#ff0000')} aria-label="Selected color" />
+ * ```
+ */
+export declare function ColorSwatch(props: ColorSwatchProps): JSX.Element;
+export declare const ColorSwatchContext: import("solid-js").Context<{
+    color?: Color | string;
+} | null>;
+export interface ColorPickerProps {
+    /** The current color value (controlled). */
+    value?: Color | string;
+    /** The default color value (uncontrolled). */
+    defaultValue?: Color | string;
+    /** Handler called when the color changes. */
+    onChange?: (color: Color) => void;
+    /** The size of the picker. */
+    size?: ColorSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Whether the picker is disabled. */
+    isDisabled?: boolean;
+    /** A label for the picker. */
+    label?: string;
+    /** Whether to show the hex input field. */
+    showInput?: boolean;
+    /** Whether to show channel sliders. */
+    showSliders?: boolean;
+}
+export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
+export declare const ColorSliderContext: ReturnType<typeof createContext<unknown>>;
+export declare const ColorAreaContext: ReturnType<typeof createContext<unknown>>;
+export declare const ColorWheelContext: ReturnType<typeof createContext<unknown>>;
+export type { Color, ColorAxes, ColorChannel, ColorChannelRange, ColorFormat, ColorSpace };
+export { parseColor, getColorChannels } from "@proyecto-viviana/solid-stately";
+export { ColorEditor } from "./ColorEditor";
+export type { ColorEditorProps } from "./ColorEditor";
+export { ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem, } from "./ColorSwatchPicker";
+export type { ColorSwatchPickerDensity, ColorSwatchPickerProps, ColorSwatchPickerItemProps, ColorSwatchPickerRounding, ColorSwatchPickerSize, SwatchPickerSize, SwatchPickerDensity, SwatchPickerRounding, } from "./ColorSwatchPicker";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color/index.tsx"],"names":[],"mappings":"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"}

package/dist/color/index.js

@@ -0,0 +1,3 @@
+import { n as ColorSwatchPickerContext, r as ColorSwatchPickerItem, t as ColorSwatchPicker } from "../_chunk/ColorSwatchPicker.js";
+import { a as ColorPicker, c as ColorSwatch, d as ColorWheelContext, f as ColorWheelThumb, g as ColorEditor, h as parseColor, i as ColorFieldContext, l as ColorSwatchContext, m as getColorChannels, n as ColorAreaContext, o as ColorSlider, p as ColorWheelTrack, r as ColorField, s as ColorSliderContext, t as ColorArea, u as ColorWheel } from "../_chunk/color.js";
+export { ColorArea, ColorAreaContext, ColorEditor, ColorField, ColorFieldContext, ColorPicker, ColorSlider, ColorSliderContext, ColorSwatch, ColorSwatchContext, ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem, ColorWheel, ColorWheelContext, ColorWheelThumb, ColorWheelTrack, getColorChannels, parseColor };

package/dist/color/index.jsx

@@ -0,0 +1,3 @@
+import { n as ColorSwatchPickerContext, r as ColorSwatchPickerItem, t as ColorSwatchPicker } from "../_chunk/ColorSwatchPicker.jsx";
+import { a as ColorPicker, c as ColorSwatch, d as ColorWheelContext, f as ColorWheelThumb, g as ColorEditor, h as parseColor, i as ColorFieldContext, l as ColorSwatchContext, m as getColorChannels, n as ColorAreaContext, o as ColorSlider, p as ColorWheelTrack, r as ColorField, s as ColorSliderContext, t as ColorArea, u as ColorWheel } from "../_chunk/color.jsx";
+export { ColorArea, ColorAreaContext, ColorEditor, ColorField, ColorFieldContext, ColorPicker, ColorSlider, ColorSliderContext, ColorSwatch, ColorSwatchContext, ColorSwatchPicker, ColorSwatchPickerContext, ColorSwatchPickerItem, ColorWheel, ColorWheelContext, ColorWheelThumb, ColorWheelTrack, getColorChannels, parseColor };

package/dist/combobox/index.d.ts

@@ -0,0 +1,85 @@
+import { type JSX } from "solid-js";
+import { defaultContainsFilter, type ListBoxSectionProps as HeadlessListBoxSectionProps, type ComboBoxButtonProps as HeadlessComboBoxButtonProps, type ComboBoxInputProps as HeadlessComboBoxInputProps, type ComboBoxListBoxProps as HeadlessComboBoxListBoxProps, type ComboBoxOptionProps as HeadlessComboBoxOptionProps, type ComboBoxProps as HeadlessComboBoxProps, type ComboBoxTagGroupProps as HeadlessComboBoxTagGroupProps, type ComboBoxTagProps as HeadlessComboBoxTagProps } from "@proyecto-viviana/solidaria-components";
+import type { FilterFn, Key, MenuTriggerAction } from "@proyecto-viviana/solid-stately";
+import type { StyleString } from "../style";
+import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
+export type ComboBoxSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";
+export type ComboBoxLabelPosition = "top" | "side";
+export type ComboBoxLabelAlign = "start" | "end";
+export type ComboBoxNecessityIndicator = "icon" | "label";
+export interface ComboBoxProps<T> extends Omit<HeadlessComboBoxProps<T>, "class" | "style" | "children" | "slot" | "ref" | "rootRef"> {
+    size?: ComboBoxSize;
+    styles?: StyleString;
+    UNSAFE_className?: string;
+    UNSAFE_style?: JSX.CSSProperties;
+    class?: string;
+    label?: JSX.Element;
+    description?: JSX.Element;
+    errorMessage?: JSX.Element;
+    isInvalid?: boolean;
+    labelPosition?: ComboBoxLabelPosition;
+    labelAlign?: ComboBoxLabelAlign;
+    necessityIndicator?: ComboBoxNecessityIndicator;
+    contextualHelp?: JSX.Element;
+    /** An icon or text rendered before the input. */
+    prefix?: JSX.Element;
+    direction?: "bottom" | "top";
+    align?: "start" | "end";
+    menuWidth?: number;
+    shouldFlip?: boolean;
+    children?: JSX.Element | ((item: T) => JSX.Element);
+    slot?: string | null;
+    ref?: RefLike<HTMLDivElement>;
+}
+export interface ComboBoxInputProps extends Omit<HeadlessComboBoxInputProps, "class" | "style"> {
+    class?: string;
+}
+export interface ComboBoxButtonProps extends Omit<HeadlessComboBoxButtonProps, "class" | "style"> {
+    class?: string;
+}
+export interface ComboBoxListBoxProps<T> extends Omit<HeadlessComboBoxListBoxProps<T>, "class" | "style"> {
+    class?: string;
+}
+export interface ComboBoxOptionProps<T> extends Omit<HeadlessComboBoxOptionProps<T>, "class" | "style"> {
+    class?: string;
+}
+export declare const ComboBoxContext: import("solid-js").Context<SpectrumContextValue<ComboBoxProps<any>>>;
+export declare function ComboBox<T>(props: ComboBoxProps<T>): JSX.Element;
+export declare namespace ComboBox {
+    var InputGroup: typeof ComboBoxInputGroup;
+    var Input: typeof ComboBoxInput;
+    var Button: typeof ComboBoxButton;
+    var ListBox: typeof ComboBoxListBox;
+    var Option: typeof ComboBoxOption;
+    var Section: typeof ComboBoxSection;
+    var TagGroup: typeof ComboBoxTagGroup;
+    var Tag: typeof ComboBoxTag;
+}
+export declare function ComboBoxInputGroup(props: {
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+export declare function ComboBoxInput(props: ComboBoxInputProps): JSX.Element;
+export declare function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element;
+export declare function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element;
+export declare function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element;
+export interface ComboBoxTagGroupProps extends Omit<HeadlessComboBoxTagGroupProps, "class" | "style"> {
+    class?: string;
+}
+export declare function ComboBoxTagGroup(props: ComboBoxTagGroupProps): JSX.Element;
+export interface ComboBoxTagProps extends Omit<HeadlessComboBoxTagProps, "class" | "style"> {
+    class?: string;
+}
+export declare function ComboBoxTag(props: ComboBoxTagProps): JSX.Element;
+export interface ComboBoxSectionProps<T> extends Omit<HeadlessListBoxSectionProps, "style" | "class" | "render"> {
+}
+/**
+ * A section within a `<ComboBox>`, mirroring React S2's `ComboBoxSection`. Renders
+ * a headless list-box section followed by a size-matched `<Divider>`; the size is
+ * read from the internal combobox context.
+ */
+export declare function ComboBoxSection<T>(props: ComboBoxSectionProps<T>): JSX.Element;
+export declare const Item: typeof ComboBoxOption;
+export type { FilterFn, Key, MenuTriggerAction };
+export { defaultContainsFilter };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.tsx"],"names":[],"mappings":"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"}