@proyecto-viviana/ui 0.5.0 → 0.6.1

package/dist/tag-group/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/tag-group/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type JSX,\n  children as resolveChildren,\n  createContext,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  TagList as HeadlessTagList,\n  Tag as HeadlessTag,\n  TagRemoveButton as HeadlessTagRemoveButton,\n  type TagListProps as HeadlessTagListProps,\n  type TagRenderProps,\n  type TagProps as HeadlessTagProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key, SelectionBehavior, SelectionMode } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useProviderProps } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CrossIcon } from \"../icon/ui-icons/Cross\";\nimport { ActionButton } from \"../button/ActionButton\";\n\nexport type TagGroupSize = \"S\" | \"M\" | \"L\" | \"sm\" | \"md\" | \"lg\";\ntype S2TagGroupSize = \"S\" | \"M\" | \"L\";\nexport type TagGroupVariant = \"default\" | \"outline\" | \"solid\";\nexport type TagGroupLabelPosition = \"top\" | \"side\";\nexport type TagGroupLabelAlign = \"start\" | \"end\";\n\nexport interface TagGroupProps<T extends { id?: Key; key?: Key }> extends Omit<\n  HeadlessTagListProps<T>,\n  \"class\" | \"style\" | \"children\" | \"label\"\n> {\n  /** The label for the tag group. */\n  label?: JSX.Element;\n  /** Function to render each tag or each tag's content. */\n  children: (item: T) => JSX.Element;\n  /** S2 tag size. Legacy sm/md/lg aliases map to S/M/L. @default 'M' */\n  size?: TagGroupSize;\n  /** Legacy visual variant. Prefer `isEmphasized` for S2 parity. */\n  variant?: TagGroupVariant;\n  /** Whether selected tags use the emphasized accent fill. */\n  isEmphasized?: boolean;\n  /** Description text shown below the tag list. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Whether the group is invalid. */\n  isInvalid?: boolean;\n  /** Position of the label relative to the tag list. */\n  labelPosition?: TagGroupLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TagGroupLabelAlign;\n  /** Label for the optional group action button. */\n  groupActionLabel?: string;\n  /** Handler for the optional group action button. */\n  onGroupAction?: () => void;\n  /** Maximum visible rows. This is approximated with overflow clipping in Solid. */\n  maxRows?: number;\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  /** Backward-compatible inline style alias. Prefer UNSAFE_style for S2 parity. */\n  style?: JSX.CSSProperties;\n  /** Handler called when a tag is activated. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface TagProps extends Omit<HeadlessTagProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tag. */\n  children?: JSX.Element;\n  /** Whether selected tags use the emphasized accent fill. Inherited from TagGroup. */\n  isEmphasized?: boolean;\n  /** S2 tag size. Inherited from TagGroup. */\n  size?: TagGroupSize;\n  /** Href retained for API parity; rendered as a tag action in the current Solid primitive. */\n  href?: string;\n  /** Link target retained for API parity. */\n  target?: string;\n  /** Link relationship retained for API parity. */\n  rel?: string;\n  /** Handler called when this tag is activated. */\n  onAction?: (key: Key) => void;\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  style?: JSX.CSSProperties;\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}\n\nexport const TagGroupContext = createContext<SpectrumContextValue<TagGroupProps<any>>>(null);\n\ninterface TagGroupContextValue {\n  size: S2TagGroupSize;\n  isEmphasized: boolean;\n  onAction?: (key: Key) => void;\n}\n\ninterface TagGroupStyleProps extends TagRenderProps {\n  size?: S2TagGroupSize;\n  labelPosition?: TagGroupLabelPosition;\n  labelAlign?: TagGroupLabelAlign;\n  isEmphasized?: boolean;\n  isInvalid?: boolean;\n  isLink?: boolean;\n  isEmpty?: boolean;\n  isDisabled?: boolean;\n  allowsRemoving?: boolean;\n}\n\nconst StyledTagGroupContext = createContext<TagGroupContextValue>();\n\nconst tagGroupRoot = style<TagGroupStyleProps>(\n  {\n    ...field(),\n    font: controlFont(),\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: \"disabled\",\n      forcedColors: {\n        default: \"ButtonText\",\n        isDisabled: \"GrayText\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst labelWrapper = style<TagGroupStyleProps>({\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  },\n});\n\nconst labelStyle = style({\n  ...fieldLabel(),\n});\n\nconst tagListContainer = style<TagGroupStyleProps>({\n  gridArea: \"input\",\n  minWidth: \"full\",\n  marginStart: {\n    default: -4,\n    isEmpty: 0,\n  },\n  marginEnd: {\n    default: 4,\n    isEmpty: 0,\n  },\n  position: \"relative\",\n});\n\nconst tagListStyle = style({\n  ...fieldInput(),\n  display: \"inline\",\n  minWidth: \"full\",\n  // S2's real `<TagList>` sets a FIXED `font: 'ui'` (14px) on the grid container —\n  // NOT the size-conditional `controlFont()`. The tags scale their own font via\n  // `control()`; the grid's font is a static default (D1 grid font-size diverges at\n  // size S/L when this ramps).\n  font: \"ui\",\n  outlineStyle: \"none\",\n});\n\nconst tagStyle = style<TagGroupStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", icon: true, register: \"chip\" }),\n  display: \"inline-flex\",\n  maxWidth: \"full\",\n  verticalAlign: \"middle\",\n  justifyContent: \"center\",\n  transition: \"default\",\n  /* The muted chip is a WELL, not a gray step. All three of the handoff's unselected\n   * chips are drawn `background: var(--surface-well)` inside `--well-border`\n   * (TerminalGlassLab.tsx:35-55) — the same matte surface as a terminal well, which is\n   * why `control({register:\"chip\"})` above already hands them the well's border. The\n   * fill was the last part still coming off the ramp, and `gray-100` is opaque on both\n   * columns (#e5eaf1 / #43474d), so the chips read as flat grey plates on a page whose\n   * every other surface is glass or well: 10 elements in dark, 10 in light.\n   *\n   * Hover has no drawn counterpart — the handoff's chips are static — so it takes\n   * `surface-hover`, the register's one hover surface, rather than a second ramp step. */\n  backgroundColor: {\n    default: \"well\",\n    isHovered: {\n      default: \"surface-hover\",\n    },\n    isFocusVisible: {\n      default: \"surface-hover\",\n    },\n    isSelected: {\n      default: baseColor(\"neutral\"),\n      isEmphasized: {\n        default: lightDark(\"accent-900\", \"accent-700\"),\n        isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-800\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-800\"),\n      },\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonFace\",\n      isSelected: \"Highlight\",\n    },\n  },\n  /* ...and the well's dither with it. The handoff sets `scan: true` on exactly the three\n   * well-filled chips and `scan: false` on the selected one (TerminalGlassLab.tsx:33, :40),\n   * so the texture follows the fill: a chip that stops being a well stops being dithered.\n   *\n   * The gradient is `wellScan()`'s literal, restated rather than spread because that helper\n   * emits an unconditional `backgroundImage` and this needs the `isSelected` branch —\n   * spreading it and re-declaring the key in the same object is the duplicate-key trap.\n   * `wellScan()` remains the source of the value; if it moves, this moves with it. */\n  backgroundImage: {\n    default: \"[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]\",\n    isSelected: \"none\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[4px 4px]\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isSelected: {\n      default: \"gray-25\",\n      isEmphasized: \"white\",\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isSelected: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  /* The chip's 1px edge arrives with `control({register: \"chip\"})` above, which sets\n   * `borderWidth: 1`, `borderStyle: \"solid\"` and a resting `borderColor: \"well-border\"`\n   * (s2-internal/style-utils.ts). This slot previously held `borderStyle: \"none\"`, and\n   * because a literal key REPLACES the spread's value for that property, it cancelled the\n   * register's edge outright — the chip drew no border at all. Only the state colours\n   * belong here now; the width and style come from the register.\n   *\n   * A `default` stop is mandatory, not redundant with the spread: declaring `borderColor`\n   * as a literal key discards the register's `well-border` for every state this map does\n   * not name, and an unnamed state would fall back to `currentColor` (the tag's text).\n   *\n   * The stops mirror the `backgroundColor` map above so a selected chip's edge matches its\n   * own fill rather than outlining it in the muted well colour.\n   *\n   * `gray-800` here is deliberate and must not be \"corrected\" to `baseColor(\"neutral\")` for\n   * symmetry with the fill above: the theme's `borderColor` map (style/spectrum-theme.ts)\n   * exposes `...baseColors` plus `negative`, `disabled` and the three edge tokens, but no\n   * `neutral` — that key exists only on the `color`, `backgroundColor` and `fill` maps, so\n   * `neutral` throws `Invalid color neutral` at macro build time. This file is `@ts-nocheck`,\n   * so that surfaces as a build crash rather than a type error. The substitution is exact,\n   * not approximate: `neutral` on `backgroundColor` is `neutral-background-color-default`,\n   * which is a token `ref` to `{gray-800}`, and `nextColorStop` recurses through refs — so\n   * both spellings resolve to the same stop and both step to gray-900 on hover/press. */\n  borderColor: {\n    default: \"well-border\",\n    isSelected: {\n      default: baseColor(\"gray-800\"),\n      isEmphasized: {\n        default: lightDark(\"accent-900\", \"accent-700\"),\n        isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-800\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-800\"),\n      },\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonBorder\",\n      isSelected: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  paddingEnd: {\n    default: \"edge-to-text\",\n    allowsRemoving: 0,\n  },\n  margin: 4,\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"default\",\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\n// S2's TagWrapper CONTENT DIV (a sibling of the ClearButton at the tag-row flex\n// level). It carries NO `order`, so it keeps DOM order (content before the remove\n// button). The `order`/`truncate` belong on the inner Text (`tagTextStyle`), NOT\n// here — putting them on the row-level element sorts the label AFTER the\n// `order: 0` remove button (`× Landscape` instead of `Landscape ×`).\nconst tagContentStyle = style({\n  display: \"flex\",\n  minWidth: 0,\n  alignItems: \"center\",\n  gap: \"text-to-visual\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: \"transparent\",\n});\n\n// S2's `TextContext` styles inside the content div: `{order: 1, truncate: true}`\n// (icon slots take `order: 0`, so the icon precedes the text regardless of DOM\n// order). Scoped to the inner text — see `tagContentStyle`.\nconst tagTextStyle = style({\n  order: 1,\n  truncate: true,\n});\n\n// Captured so the `outlineColor` static-color branch can reuse the focus ring's own\n// default (mirrors S2 `const focusRingStyles = focusRing()`).\nconst removeButtonFocusRing = focusRing();\n\nconst removeButtonStyle = style<TagGroupStyleProps>({\n  ...removeButtonFocusRing,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // Mirror S2 ClearButton (`visibleClearButton`): fill the tag height and width to\n  // the control-size ramp (`controlSize()` = {S: 24, M: 32, L: 40}). The port's\n  // local `controlSize` helper has a different meaning, so the ramp is inlined.\n  height: \"full\",\n  width: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n    },\n  },\n  flexShrink: 0,\n  borderRadius: \"full\",\n  borderStyle: \"none\",\n  backgroundColor: \"transparent\",\n  color: \"inherit\",\n  boxSizing: \"border-box\",\n  padding: 0,\n  outlineOffset: -4,\n  // Mirror S2 `visibleClearButton`: a static-color (emphasized + selected) tag uses\n  // a white focus outline against its accent fill; every other tag uses the default\n  // focus-ring colour. `isStaticColor` = `isEmphasized && isSelected` (threaded in\n  // by the TagWrapper — here at the render site).\n  outlineColor: {\n    default: removeButtonFocusRing.outlineColor,\n    isStaticColor: \"white\",\n  },\n  // S2 `visibleClearButton` sets NO cursor — the native `<button>` UA cursor\n  // (`default`) stands. Do NOT re-add the arrow→`pointer` override (an invented\n  // divergence: D1 pins React's native `default`).\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst helpTextStyle = style<TagGroupStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  margin: 0,\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  paddingTop: \"--field-gap\",\n});\n\nconst emptyStateStyle = style({\n  color: \"neutral-subdued\",\n  font: controlFont(),\n});\n\nconst actionRowStyle = style({\n  display: \"inline-flex\",\n  verticalAlign: \"middle\",\n  margin: 4,\n  gap: 4,\n});\n\nconst errorIconStyle = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  flexShrink: 0,\n});\n\nfunction normalizeSize(size: TagGroupSize | undefined): S2TagGroupSize {\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      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction getItemKey<T extends { id?: Key; key?: Key }>(item: T, getKey?: (item: T) => Key): Key {\n  if (getKey) return getKey(item);\n  if (item.id !== undefined) return item.id;\n  if (item.key !== undefined) return item.key;\n  return String(item);\n}\n\nfunction hasKey(keys: Iterable<Key> | \"all\" | undefined, key: Key): boolean {\n  if (keys == null) {\n    return false;\n  }\n\n  if (keys === \"all\") {\n    return true;\n  }\n\n  if (\"has\" in keys && typeof keys.has === \"function\") {\n    return keys.has(key);\n  }\n\n  for (const value of keys) {\n    if (value === key) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n// Matches a `role=\"row\"` attribute in a serialized SSR node's markup, mirroring the client-side\n// `getAttribute(\"role\") === \"row\"` check below.\nconst SSR_TAG_ROW_PATTERN = /\\srole=\"row\"[\\s>]/;\n// Matches the `solidaria-Tag` token inside a `class=\"...\"` attribute, mirroring the client-side\n// `classList.contains(\"solidaria-Tag\")` check below.\nconst SSR_TAG_CLASS_PATTERN = /\\sclass=\"[^\"]*\\bsolidaria-Tag\\b[^\"]*\"/;\n\nfunction isRenderedTag(value: JSX.Element): boolean {\n  if (Array.isArray(value)) {\n    return value.length === 1 && isRenderedTag(value[0]);\n  }\n\n  if (isServer) {\n    // During renderToString, resolved children are Solid's server-side SSR node objects\n    // (`{ t: string }` holding the serialized HTML), not HTMLElement instances — `HTMLElement`\n    // isn't even a global in Node. Duck-type the same \"already a rendered Tag row\" signal the\n    // client checks for (a `role=\"row\"` gridcell wrapper carrying the Tag class) by inspecting\n    // the markup string directly, so the wrap/no-wrap decision matches what the client will\n    // compute once `HTMLElement` is real and hydration can walk a matching tree.\n    const markup = (value as { t?: unknown } | null | undefined)?.t;\n    if (typeof markup !== \"string\") {\n      return false;\n    }\n    return SSR_TAG_ROW_PATTERN.test(markup) || SSR_TAG_CLASS_PATTERN.test(markup);\n  }\n\n  if (typeof HTMLElement === \"undefined\" || !(value instanceof HTMLElement)) {\n    return false;\n  }\n  return value.getAttribute(\"role\") === \"row\" || value.classList.contains(\"solidaria-Tag\");\n}\n\nfunction joinIds(...ids: Array<string | undefined | false>) {\n  return ids.filter(Boolean).join(\" \") || undefined;\n}\n\nfunction maxRowsStyle(\n  maxRows: number | undefined,\n  size: S2TagGroupSize,\n): JSX.CSSProperties | undefined {\n  if (maxRows == null || maxRows <= 0) {\n    return undefined;\n  }\n\n  const rowHeight = size === \"L\" ? 44 : size === \"S\" ? 30 : 36;\n  return {\n    \"max-height\": `${rowHeight * maxRows}px`,\n    overflow: \"hidden\",\n  };\n}\n\nfunction resolveStyleClass<P extends Record<string, unknown>>(\n  styleValue: StyleString | ((props: P) => StyleString),\n  props: P,\n): string {\n  return typeof styleValue === \"function\" ? styleValue(props) : styleValue;\n}\n\n/**\n * An individual Tag for TagGroups.\n */\nexport function Tag(props: TagProps): JSX.Element {\n  const ctx = useContext(StyledTagGroupContext);\n  const [local, tagProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"id\",\n    \"isDisabled\",\n    \"isEmphasized\",\n    \"size\",\n    \"href\",\n    \"target\",\n    \"rel\",\n    \"onAction\",\n    \"textValue\",\n  ]);\n\n  // Mirror S2 Tag: derive the row's accessible text from string children when no\n  // explicit textValue is given. This names the row (and cascades to the remove\n  // button's `aria-labelledby` and the gridcell's name-from-contents), matching\n  // how S2 auto-derives `node.textValue` from string children.\n  const textValue = () =>\n    local.textValue ?? (typeof local.children === \"string\" ? local.children : undefined);\n  const size = () => normalizeSize(local.size ?? ctx?.size);\n  const isEmphasized = () => local.isEmphasized ?? ctx?.isEmphasized ?? false;\n  const isLink = () => local.href != null;\n  const actionHandler = () => local.onAction ?? ctx?.onAction;\n\n  // Mirror S2 Tag: `ref={domRef} style={pressScale(domRef)}` — the layer hint\n  // (`will-change: transform`) at rest, plus the press-scale transform on press.\n  let tagEl: HTMLDivElement | undefined;\n  const rowStyle = (renderProps: TagRenderProps): JSX.CSSProperties =>\n    pressScale(() => tagEl, local.UNSAFE_style ?? local.style)(renderProps);\n\n  // Mirror S2 ClearButton: `<Button style={pressScale(domRef)}>` — pressScale\n  // ALWAYS contributes the `will-change: transform` layer hint. The plain headless\n  // remove button carries no press state yet, so only the resting hint is mirrored\n  // here; the on-press scale lands with the CP9.44b interaction pass\n  // (tech-debt `taggroup-remove-pressscale`).\n  const removeButtonRestStyle = pressScale(undefined)({ isPressed: false });\n\n  const className = (renderProps: TagRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      tagStyle(\n        {\n          ...renderProps,\n          size: size(),\n          isEmphasized: isEmphasized(),\n          isLink: isLink(),\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTag\n      {...tagProps}\n      id={local.id}\n      isDisabled={local.isDisabled}\n      textValue={textValue()}\n      class={className}\n      ref={(el: HTMLDivElement) => (tagEl = el)}\n      style={rowStyle}\n      data-href={local.href}\n      data-target={local.target}\n      data-rel={local.rel}\n      onAction={() => actionHandler()?.(local.id)}\n    >\n      {(renderProps) => (\n        <>\n          <div class={resolveStyleClass(tagContentStyle, {})}>\n            <span class={resolveStyleClass(tagTextStyle, {})}>{local.children}</span>\n          </div>\n          <Show when={renderProps.allowsRemoving}>\n            <HeadlessTagRemoveButton\n              buttonProps={renderProps.removeButtonProps}\n              class={removeButtonStyle({\n                ...renderProps,\n                size: size(),\n                isEmphasized: isEmphasized(),\n                // S2 TagWrapper: `isStaticColor={isEmphasized && isSelected}`.\n                isStaticColor: isEmphasized() && renderProps.isSelected,\n              })}\n              style={removeButtonRestStyle}\n            >\n              {/* S2 ClearButton renders `<CrossIcon size={props.size}/>` with the RAW\n                  control size — the ui-icon selects its own variant (S→Size75,\n                  M→Size100, L→Size200) and CSS width (S=M=8px, L=10px). Passing a\n                  down-mapped size renders the wrong Cross path variant. No\n                  `aria-hidden`: S2's ClearButton leaves the bare CrossIcon svg\n                  exposed (Chromium reports an unnamed `img` under the labelled\n                  remove button), so mirror that AX shape rather than hiding it. */}\n              <CrossIcon size={size()} />\n            </HeadlessTagRemoveButton>\n          </Show>\n        </>\n      )}\n    </HeadlessTag>\n  );\n}\n\n/**\n * A tag group displays a collection of tags that can be selected and/or removed.\n */\nexport function TagGroup<T extends { id?: Key; key?: Key }>(props: TagGroupProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(TagGroupContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, listProps] = splitProps(mergedProps, [\n    \"label\",\n    \"items\",\n    \"children\",\n    \"getKey\",\n    \"onRemove\",\n    \"size\",\n    \"variant\",\n    \"isEmphasized\",\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"groupActionLabel\",\n    \"onGroupAction\",\n    \"maxRows\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"renderEmptyState\",\n    \"selectionMode\",\n    \"selectionBehavior\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"disabledKeys\",\n    \"isDisabled\",\n    \"onAction\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n  ]);\n\n  const labelId = createUniqueId();\n  const descriptionId = createUniqueId();\n  const errorId = createUniqueId();\n  const size = () => normalizeSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const isInvalid = () => local.isInvalid === true;\n  const isEmphasized = () => local.isEmphasized ?? local.variant === \"solid\";\n  const hasItems = () => local.items.length > 0;\n  const keyForItem = (item: T) => getItemKey(item, local.getKey);\n  const renderedEmptyState = () => (\n    <span class={resolveStyleClass(emptyStateStyle, { size: size() })}>\n      {local.renderEmptyState?.() ?? \"No tags\"}\n    </span>\n  );\n\n  const describedBy = () =>\n    joinIds(\n      local[\"aria-describedby\"],\n      local.description && !isInvalid() ? descriptionId : undefined,\n      local.errorMessage && isInvalid() ? errorId : undefined,\n    );\n\n  const rootClass = () =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      tagGroupRoot(\n        {\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isDisabled: local.isDisabled,\n          isInvalid: isInvalid(),\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderItem = (item: T) => {\n    const resolved = resolveChildren(() => local.children(item));\n    const rendered = resolved();\n    if (isRenderedTag(rendered)) {\n      return rendered;\n    }\n\n    return (\n      <Tag id={keyForItem(item)} isDisabled={hasKey(local.disabledKeys, keyForItem(item))}>\n        {rendered}\n      </Tag>\n    );\n  };\n\n  const contextValue: TagGroupContextValue = {\n    get size() {\n      return size();\n    },\n    get isEmphasized() {\n      return isEmphasized();\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  return (\n    <StyledTagGroupContext.Provider value={contextValue}>\n      <div\n        id={local.id}\n        class={rootClass()}\n        style={local.UNSAFE_style ?? local.style}\n        data-invalid={isInvalid() ? \"true\" : undefined}\n        data-disabled={local.isDisabled ? \"true\" : undefined}\n      >\n        <Show when={local.label}>\n          <div\n            class={labelWrapper({\n              size: size(),\n              labelPosition: labelPosition(),\n              labelAlign: labelAlign(),\n            })}\n          >\n            <span\n              id={labelId}\n              class={resolveStyleClass(labelStyle, { size: size(), isDisabled: local.isDisabled })}\n            >\n              {local.label}\n            </span>\n          </div>\n        </Show>\n\n        <div\n          class={tagListContainer({\n            size: size(),\n            isEmpty: local.items.length === 0,\n          })}\n          style={maxRowsStyle(local.maxRows, size())}\n        >\n          <HeadlessTagList\n            {...listProps}\n            items={local.items}\n            getKey={local.getKey}\n            onRemove={local.onRemove}\n            selectionMode={local.selectionMode}\n            selectionBehavior={local.selectionBehavior}\n            selectedKeys={local.selectedKeys}\n            defaultSelectedKeys={local.defaultSelectedKeys}\n            onSelectionChange={local.onSelectionChange}\n            disabledKeys={local.disabledKeys}\n            isDisabled={local.isDisabled}\n            aria-label={local[\"aria-label\"]}\n            aria-labelledby={local.label ? labelId : local[\"aria-labelledby\"]}\n            aria-describedby={describedBy()}\n            class={(renderProps) =>\n              resolveStyleClass(tagListStyle, {\n                ...renderProps,\n                size: size(),\n                isDisabled: local.isDisabled,\n              })\n            }\n            renderEmptyState={renderedEmptyState}\n          >\n            {renderItem}\n          </HeadlessTagList>\n\n          <Show when={hasItems() && local.groupActionLabel && local.onGroupAction}>\n            <span class={resolveStyleClass(actionRowStyle, { size: size() })}>\n              <ActionButton size={size()} isQuiet onPress={local.onGroupAction}>\n                {local.groupActionLabel}\n              </ActionButton>\n            </span>\n          </Show>\n        </div>\n\n        <Show when={local.description && !isInvalid()}>\n          <p\n            id={descriptionId}\n            class={helpTextStyle({\n              size: size(),\n              isInvalid: false,\n              isDisabled: local.isDisabled,\n            })}\n          >\n            {local.description}\n          </p>\n        </Show>\n\n        <Show when={local.errorMessage && isInvalid()}>\n          <p\n            id={errorId}\n            class={helpTextStyle({\n              size: size(),\n              isInvalid: true,\n              isDisabled: local.isDisabled,\n            })}\n          >\n            <AlertTriangleIcon styles={errorIconStyle} size={size()} aria-hidden=\"true\" />\n            {local.errorMessage}\n          </p>\n        </Show>\n      </div>\n    </StyledTagGroupContext.Provider>\n  );\n}\n\nexport type { Key, SelectionBehavior, SelectionMode };\n"],"mappings":"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"}

package/dist/text/Heading.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import { type BaseContentProps } from "./shared";
+export interface HeadingProps extends BaseContentProps<HTMLHeadingElement> {
+    level?: number;
+}
+export declare const HeadingContext: import("solid-js").Context<SpectrumContextValue<HeadingProps>>;
+export declare function Heading(props: HeadingProps): JSX.Element;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/text/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAEvF,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,KAAK,gBAAgB,EAA4C,MAAM,UAAU,CAAC;AAG3F,MAAM,WAAW,YAAa,SAAQ,gBAAgB,CAAC,kBAAkB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwCD,eAAO,MAAM,cAAc,gEAA0D,CAAC;AAEtF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA2CxD"}

package/dist/text/Keyboard.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import { type BaseContentProps } from "./shared";
+export interface KeyboardProps extends BaseContentProps<HTMLElement> {
+}
+export declare const KeyboardContext: import("solid-js").Context<SpectrumContextValue<KeyboardProps>>;
+export declare function Keyboard(props: KeyboardProps): JSX.Element;
+//# sourceMappingURL=Keyboard.d.ts.map

package/dist/text/Keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../src/text/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AACvF,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,gBAAgB,EAA4C,MAAM,UAAU,CAAC;AAG3F,MAAM,WAAW,aAAc,SAAQ,gBAAgB,CAAC,WAAW,CAAC;CAAG;AAEvE,eAAO,MAAM,eAAe,iEAA2D,CAAC;AAExF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA6C1D"}

package/dist/text/index.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import { type BaseContentProps } from "./shared";
+export interface TextProps extends BaseContentProps<HTMLSpanElement> {
+}
+export declare const TextContext: import("solid-js").Context<SpectrumContextValue<TextProps>>;
+export interface HeaderProps extends BaseContentProps<HTMLElement> {
+}
+export declare const HeaderContext: import("solid-js").Context<SpectrumContextValue<HeaderProps>>;
+export interface ContentProps extends BaseContentProps<HTMLDivElement> {
+}
+export declare const ContentContext: import("solid-js").Context<SpectrumContextValue<ContentProps>>;
+export interface FooterProps extends BaseContentProps<HTMLElement> {
+}
+export declare const FooterContext: import("solid-js").Context<SpectrumContextValue<FooterProps>>;
+export declare function Text(props: TextProps): JSX.Element;
+export declare function Header(props: HeaderProps): JSX.Element;
+export declare function Content(props: ContentProps): JSX.Element;
+export declare function Footer(props: FooterProps): JSX.Element;
+export { Heading, HeadingContext } from "./Heading";
+export type { HeadingProps } from "./Heading";
+export { Keyboard, KeyboardContext } from "./Keyboard";
+export type { KeyboardProps } from "./Keyboard";
+export { typeRoles } from "./type-roles";
+export type { TypeRole } from "./type-roles";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAEvF,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,gBAAgB,EAA4C,MAAM,UAAU,CAAC;AAiB3F,MAAM,WAAW,SAAU,SAAQ,gBAAgB,CAAC,eAAe,CAAC;CAAG;AAEvE,eAAO,MAAM,WAAW,6DAAuD,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,gBAAgB,CAAC,WAAW,CAAC;CAAG;AAErE,eAAO,MAAM,aAAa,+DAAyD,CAAC;AAEpF,MAAM,WAAW,YAAa,SAAQ,gBAAgB,CAAC,cAAc,CAAC;CAAG;AAEzE,eAAO,MAAM,cAAc,gEAA0D,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,gBAAgB,CAAC,WAAW,CAAC;CAAG;AAErE,eAAO,MAAM,aAAa,+DAAyD,CAAC;AAEpF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CA6ClD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoCtD;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAuCxD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoCtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/text/index.js

@@ -0,0 +1,2 @@
+import { a as Header, c as TextContext, d as Heading, f as HeadingContext, i as FooterContext, l as Keyboard, n as ContentContext, o as HeaderContext, p as typeRoles, r as Footer, s as Text, t as Content, u as KeyboardContext } from "../_chunk/text.js";
+export { Content, ContentContext, Footer, FooterContext, Header, HeaderContext, Heading, HeadingContext, Keyboard, KeyboardContext, Text, TextContext, typeRoles };

package/dist/text/index.jsx

@@ -0,0 +1,2 @@
+import { a as Header, c as TextContext, d as Heading, f as HeadingContext, i as FooterContext, l as Keyboard, n as ContentContext, o as HeaderContext, p as typeRoles, r as Footer, s as Text, t as Content, u as KeyboardContext } from "../_chunk/text.jsx";
+export { Content, ContentContext, Footer, FooterContext, Header, HeaderContext, Heading, HeadingContext, Keyboard, KeyboardContext, Text, TextContext, typeRoles };

package/dist/text/shared.d.ts

@@ -0,0 +1,24 @@
+import type { JSX } from "solid-js";
+import type { RefLike } from "../button/spectrum-context";
+import type { UnsafeClassName } from "../s2-internal/style-utils";
+import type { StyleString } from "../style";
+export interface BaseContentProps<T extends HTMLElement = HTMLElement> {
+    children?: JSX.Element;
+    styles?: StyleString | (() => StyleString | undefined);
+    UNSAFE_className?: UnsafeClassName | string;
+    UNSAFE_style?: JSX.CSSProperties;
+    isHidden?: boolean;
+    id?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    role?: string;
+    slot?: string | null;
+    ref?: RefLike<T>;
+    [key: `data-${string}`]: string | undefined;
+}
+export declare function mergeUnsafeClassName(contextClassName?: UnsafeClassName | string, localClassName?: UnsafeClassName | string): string | undefined;
+export declare function getContentDomProps<T extends HTMLElement>(props: BaseContentProps<T>): JSX.HTMLAttributes<T>;
+//# sourceMappingURL=shared.d.ts.map

package/dist/text/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/text/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACnE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C;AAED,wBAAgB,oBAAoB,CAClC,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,EAC3C,cAAc,CAAC,EAAE,eAAe,GAAG,MAAM,GACxC,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EACtD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CA2BvB"}

package/dist/text/type-roles.d.ts

@@ -0,0 +1,13 @@
+export declare const typeRoles: {
+    readonly display: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "font">;
+    readonly title: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "font">;
+    readonly headline: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "font">;
+    readonly label: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "font">;
+    readonly body: import("../style").StyleString<"lineHeight" | "font">;
+    readonly meta: import("../style").StyleString<"color" | "fontSize" | "lineHeight" | "font">;
+    readonly micro: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "font">;
+    readonly terminal: import("../style").StyleString<"fontSize" | "lineHeight" | "font">;
+    readonly button: import("../style").StyleString<"fontSize" | "fontWeight" | "lineHeight" | "font">;
+};
+export type TypeRole = keyof typeof typeRoles;
+//# sourceMappingURL=type-roles.d.ts.map

package/dist/text/type-roles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-roles.d.ts","sourceRoot":"","sources":["../../src/text/type-roles.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,SAAS;;;;;;;;;;CAyDZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC"}

package/dist/textfield/TextArea.d.ts

@@ -0,0 +1,42 @@
+import { type JSX } from "solid-js";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import { type TextFieldProps as HeadlessTextFieldProps } from "@proyecto-viviana/solidaria-components";
+import type { StyleString } from "../style";
+export type TextAreaSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";
+export type TextAreaVariant = "outline" | "filled";
+export type TextAreaLabelPosition = "top" | "side";
+export type TextAreaLabelAlign = "start" | "end";
+export type TextAreaNecessityIndicator = "icon" | "label";
+export interface TextAreaProps extends Omit<HeadlessTextFieldProps, "class" | "style" | "children" | "type" | "pattern"> {
+    /** The size of the text area. */
+    size?: TextAreaSize;
+    /** Legacy visual variant. S2 TextAreas do not expose visual variants. */
+    variant?: TextAreaVariant;
+    /** 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 textarea. */
+    label?: JSX.Element;
+    /** Description text shown below the textarea. */
+    description?: JSX.Element;
+    /** Error message shown when invalid. */
+    errorMessage?: JSX.Element;
+    /** Position of the label relative to the textarea. */
+    labelPosition?: TextAreaLabelPosition;
+    /** Text alignment for side labels. */
+    labelAlign?: TextAreaLabelAlign;
+    /** Whether required fields show an icon or text label. */
+    necessityIndicator?: TextAreaNecessityIndicator;
+}
+export declare const TextAreaContext: import("solid-js").Context<SpectrumContextValue<TextAreaProps>>;
+/**
+ * TextAreas are multiline text inputs, useful for cases where users have
+ * a sizable amount of text to enter.
+ */
+export declare function TextArea(props: TextAreaProps): JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/textfield/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/textfield/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAClB,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAKL,KAAK,cAAc,IAAI,sBAAsB,EAE9C,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiB5C,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,KAAK,CAAC;AACjD,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,EACtB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CACpD;IACC,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,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,mCAAmC;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,sCAAsC;IACtC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;CACjD;AAED,eAAO,MAAM,eAAe,iEAA2D,CAAC;AA6OxF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA4L1D"}

package/dist/textfield/index.d.ts

@@ -0,0 +1,53 @@
+import { type JSX } from "solid-js";
+import { type TextFieldProps as HeadlessTextFieldProps } from "@proyecto-viviana/solidaria-components";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+import type { StyleString } from "../style";
+export type TextFieldSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";
+export type TextFieldVariant = "outline" | "filled";
+export type TextFieldLabelPosition = "top" | "side";
+export type TextFieldLabelAlign = "start" | "end";
+export type TextFieldNecessityIndicator = "icon" | "label";
+/**
+ * The matte surface the field sits on. `well` is the register's default field
+ * surface; `tutor` is the AI-lane surface (`--surface-well-tutor`) — one step
+ * deeper in dark, marking a tutor prompt apart from ordinary inputs.
+ */
+export type TextFieldSurface = "well" | "tutor";
+export interface TextFieldProps extends Omit<HeadlessTextFieldProps, "class" | "style" | "children"> {
+    /** The size of the text field. */
+    size?: TextFieldSize;
+    /** Legacy visual variant. S2 TextFields do not expose visual variants. */
+    variant?: TextFieldVariant;
+    /** 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?: TextFieldLabelPosition;
+    /** Text alignment for side labels. */
+    labelAlign?: TextFieldLabelAlign;
+    /** Whether required fields show an icon or text label. */
+    necessityIndicator?: TextFieldNecessityIndicator;
+    /** An icon or text rendered before the input, e.g. a unit or protocol. */
+    prefix?: JSX.Element;
+    /** An icon or text rendered after the input, e.g. a unit or key hint. */
+    suffix?: JSX.Element;
+    /** The matte surface family the field sits on. @default "well" */
+    surface?: TextFieldSurface;
+}
+export declare const TextFieldContext: import("solid-js").Context<SpectrumContextValue<TextFieldProps>>;
+export { TextArea, TextAreaContext } from "./TextArea";
+export type { TextAreaProps, TextAreaSize, TextAreaVariant } from "./TextArea";
+export declare function TextField(props: TextFieldProps): JSX.Element;
+export { TextField as TextFieldBase };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textfield/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAClB,OAAO,EAKL,KAAK,cAAc,IAAI,sBAAsB,EAE9C,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAG/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAgB5C,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,CAAC;AAC3D;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,sBAAsB,EACtB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,kCAAkC;IAClC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,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,sBAAsB,CAAC;IACvC,sCAAsC;IACtC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;IACjD,0EAA0E;IAC1E,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,kEAAkE;IAClE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,kEAA4D,CAAC;AAiN1F,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAuC/E,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA4L5D;AAED,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,CAAC"}

package/dist/textfield/index.js

@@ -0,0 +1,2 @@
+import { i as TextAreaContext, n as TextFieldContext, r as TextArea, t as TextField } from "../_chunk/textfield.js";
+export { TextArea, TextAreaContext, TextField, TextField as TextFieldBase, TextFieldContext };

package/dist/textfield/index.jsx

@@ -0,0 +1,2 @@
+import { i as TextAreaContext, n as TextFieldContext, r as TextArea, t as TextField } from "../_chunk/textfield.jsx";
+export { TextArea, TextAreaContext, TextField, TextField as TextFieldBase, TextFieldContext };

package/dist/textfield/s2-textarea-styles.d.ts

@@ -0,0 +1,7 @@
+export declare const textAreaFieldGroupStyles: import("../style").StyleString<"alignItems" | "height">;
+export declare const textAreaInputStyles: (props: {
+    [x: string]: any;
+} | {
+    size: "L" | "S" | "XS" | "XL" | undefined;
+}) => import("../style").StyleString<"color" | "backgroundColor" | "fontFamily" | "fontSize" | "fontWeight" | "minHeight" | "minWidth" | "borderStyle" | "boxSizing" | "flexGrow" | "lineHeight" | "outlineStyle" | "overflowX" | "resize" | "paddingX" | "paddingY">;
+//# sourceMappingURL=s2-textarea-styles.d.ts.map

package/dist/textfield/s2-textarea-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"s2-textarea-styles.d.ts","sourceRoot":"","sources":["../../src/textfield/s2-textarea-styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,yDAGnC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;qQAuB9B,CAAC"}

package/dist/theme.css

@@ -1,2 +1,5 @@
-@import "@proyecto-viviana/solid-spectrum/theme.css";
+/* Viviana UI v2 (Glasselated) design tokens: --surface-*, --blur-*, and the
+   light/dark blocks the reskinned atomic base (dist/styles.css) reads. The S2
+   style() macro bakes every other token as a literal value, so this is the only
+   variable layer the components depend on. */
 @import "./viviana-tokens.css";

package/dist/toast/index.d.ts

@@ -0,0 +1,102 @@
+import { type JSX, type Accessor } from "solid-js";
+import { ToastContext, globalToastQueue, useToastContext, type ToastContent, type ToastProps as HeadlessToastProps, type ToastRegionProps as HeadlessToastRegionProps, type ToastProviderProps as HeadlessToastProviderProps, type ToastRenderProps, type ToastRegionRenderProps } from "@proyecto-viviana/solidaria-components";
+import { ToastQueue as StatelyToastQueue, type QueuedToast, type ToastOptions as StatelyToastOptions } from "@proyecto-viviana/solid-stately";
+export type ToastPlacement = "top" | "top end" | "bottom" | "bottom end";
+export type ToastVariant = "positive" | "negative" | "notice" | "info" | "neutral";
+type ToastEdge = "top" | "bottom";
+type ToastAlign = "center" | "end";
+export interface ToastOptions extends Omit<StatelyToastOptions, "priority"> {
+    /** DOM id passed through to the queued toast content. */
+    id?: string;
+    /** Data attributes passed through to the queued toast content. */
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
+    /** A label for the action button within the toast. */
+    actionLabel?: string;
+    /** Handler that is called when the action button is pressed. */
+    onAction?: () => void;
+    /** Whether the toast should automatically close when an action is performed. */
+    shouldCloseOnAction?: boolean;
+}
+export interface ToastProviderProps extends HeadlessToastProviderProps {
+}
+export interface ToastRegionProps extends Omit<HeadlessToastRegionProps, "class" | "style" | "children" | "placement"> {
+    /** Placement of the toast container on the page. @default "bottom" */
+    placement?: ToastPlacement;
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface ToastContainerProps extends ToastRegionProps {
+    /**
+     * Forces reduced-motion toast animations regardless of the user's
+     * `prefers-reduced-motion` setting. Mirrors @react-spectrum/s2's
+     * `PRIVATE_forceReducedMotion` test hook.
+     */
+    PRIVATE_forceReducedMotion?: boolean;
+}
+export interface ToastProps extends Omit<HeadlessToastProps, "class" | "style"> {
+    /** Additional CSS class name. */
+    class?: string;
+    /** Internal index accessor used by ToastRegion for S2 stack rendering. */
+    index?: Accessor<number>;
+    /** Internal visible toasts accessor used by ToastRegion for S2 stack rendering. */
+    visibleToasts?: Accessor<QueuedToast<ToastContent>[]>;
+    /** Internal expanded stack state accessor used by ToastContainer. */
+    isExpanded?: Accessor<boolean>;
+    /** Internal stack expansion handler used by ToastContainer. */
+    onToggleExpanded?: () => void;
+    /**
+     * Whether a ToastContainer is present to drive stack expansion. When false (a
+     * bare ToastRegion, which has no expand/collapse context), the collapsed-stack
+     * "Show all" affordance is hidden because it cannot be honored — mirroring the
+     * upstream split where ToastContainer, not the low-level region, owns expansion.
+     */
+    canExpand?: boolean;
+    /** Internal placement edge used for collapsed background stack positioning. */
+    placementEdge?: ToastEdge;
+    /** Internal placement alignment used for the toast's view-transition-class. */
+    placementAlign?: ToastAlign;
+}
+/**
+ * ToastProvider creates a toast queue context for descendant components.
+ * Most S2 usage should render ToastContainer once at the app root instead.
+ */
+export declare function ToastProvider(props: ToastProviderProps): JSX.Element;
+/**
+ * ToastRegion displays all visible toasts from the surrounding ToastProvider.
+ * This remains for lower-level composition; ToastContainer self-wires the global queue.
+ */
+export declare function ToastRegion(props: ToastRegionProps): JSX.Element;
+/**
+ * A ToastContainer renders the queued toasts in an application. It should be placed
+ * at the root of the app.
+ */
+export declare function ToastContainer(props: ToastContainerProps): JSX.Element;
+/** Toast displays an individual notification with icon, content, action, and close button. */
+export declare function Toast(props: ToastProps): JSX.Element;
+/**
+ * Add a legacy Solid toast to the global queue.
+ * Prefer ToastQueue.neutral/positive/negative/notice/info for the React Spectrum S2 API.
+ */
+export declare function addToast(content: ToastContent, options?: StatelyToastOptions): string;
+/** Backward-compatible helper for existing Solid callers. */
+export declare function toastSuccess(message: string, options?: Omit<StatelyToastOptions, "priority">): string;
+/** Backward-compatible helper for existing Solid callers. */
+export declare function toastError(message: string, options?: Omit<StatelyToastOptions, "priority">): string;
+/** Backward-compatible helper for existing Solid callers. */
+export declare function toastWarning(message: string, options?: Omit<StatelyToastOptions, "priority">): string;
+/** Backward-compatible helper for existing Solid callers. */
+export declare function toastInfo(message: string, options?: Omit<StatelyToastOptions, "priority">): string;
+export declare const ToastQueue: {
+    /** Queues a neutral toast. */
+    neutral(children: string, options?: ToastOptions): () => void;
+    /** Queues a positive toast. */
+    positive(children: string, options?: ToastOptions): () => void;
+    /** Queues a negative toast. */
+    negative(children: string, options?: ToastOptions): () => void;
+    /** Queues a notice (warning) toast — the orange counterpart to `negative`. */
+    notice(children: string, options?: ToastOptions): () => void;
+    /** Queues an informational toast. */
+    info(children: string, options?: ToastOptions): () => void;
+};
+export { ToastContext, globalToastQueue, StatelyToastQueue, useToastContext, type ToastContent, type ToastRenderProps, type ToastRegionRenderProps, type QueuedToast, type StatelyToastOptions, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,EAWd,MAAM,UAAU,CAAC;AAQlB,OAAO,EAIL,YAAY,EAGZ,gBAAgB,EAEhB,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,UAAU,IAAI,kBAAkB,EACrC,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,UAAU,IAAI,iBAAiB,EAC/B,KAAK,WAAW,EAChB,KAAK,YAAY,IAAI,mBAAmB,EACzC,MAAM,iCAAiC,CAAC;AAczC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClC,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC;AAyPnC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IACzE,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACzE,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAmB,SAAQ,0BAA0B;CAAG;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,wBAAwB,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAC7C;IACC,sEAAsE;IACtE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzB,mFAAmF;IACnF,aAAa,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACtD,qEAAqE;IACrE,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAgVD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEpE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA2IhE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAkDtE;AAED,8FAA8F;AAC9F,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAwKpD;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAErF;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAC9C,MAAM,CAKR;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CACxB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAC9C,MAAM,CAKR;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAC9C,MAAM,CAKR;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CACvB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAC9C,MAAM,CAER;AAED,eAAO,MAAM,UAAU;IACrB,8BAA8B;sBACZ,MAAM,YAAW,YAAY,GAAQ,MAAM,IAAI;IAGjE,+BAA+B;uBACZ,MAAM,YAAW,YAAY,GAAQ,MAAM,IAAI;IAGlE,+BAA+B;uBACZ,MAAM,YAAW,YAAY,GAAQ,MAAM,IAAI;IAGlE,8EAA8E;qBAC7D,MAAM,YAAW,YAAY,GAAQ,MAAM,IAAI;IAGhE,qCAAqC;mBACtB,MAAM,YAAW,YAAY,GAAQ,MAAM,IAAI;CAG/D,CAAC;AAEF,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,mBAAmB,GACzB,CAAC"}

package/dist/toast/index.js

@@ -0,0 +1,2 @@
+import { a as ToastProvider, c as addToast, d as toastInfo, f as toastSuccess, i as ToastContext, l as globalToastQueue, m as useToastContext, n as Toast, o as ToastQueue, p as toastWarning, r as ToastContainer, s as ToastRegion, t as StatelyToastQueue, u as toastError } from "../_chunk/toast.js";
+export { StatelyToastQueue, Toast, ToastContainer, ToastContext, ToastProvider, ToastQueue, ToastRegion, addToast, globalToastQueue, toastError, toastInfo, toastSuccess, toastWarning, useToastContext };

package/dist/toast/index.jsx

@@ -0,0 +1,2 @@
+import { a as ToastProvider, c as addToast, d as toastInfo, f as toastSuccess, i as ToastContext, l as globalToastQueue, m as useToastContext, n as Toast, o as ToastQueue, p as toastWarning, r as ToastContainer, s as ToastRegion, t as StatelyToastQueue, u as toastError } from "../_chunk/toast.jsx";
+export { StatelyToastQueue, Toast, ToastContainer, ToastContext, ToastProvider, ToastQueue, ToastRegion, addToast, globalToastQueue, toastError, toastInfo, toastSuccess, toastWarning, useToastContext };

package/dist/togglebuttongroup/index.d.ts

@@ -0,0 +1,34 @@
+import { type JSX } from "solid-js";
+import { type ToggleButtonGroupProps as HeadlessToggleButtonGroupProps } from "@proyecto-viviana/solidaria-components";
+import type { StyleString } from "../style";
+import { type ActionButtonDensity, type ActionButtonOrientation, type ActionButtonSize } from "../button/group-context";
+import type { StaticColor } from "../button/types";
+export interface ToggleButtonGroupProps extends Omit<HeadlessToggleButtonGroupProps, "class" | "style" | "children"> {
+    /** The ToggleButtons contained within the group. */
+    children?: JSX.Element;
+    /** Size of the buttons. @default 'M' */
+    size?: ActionButtonSize;
+    /** Spacing between the buttons. @default 'regular' */
+    density?: ActionButtonDensity;
+    /** Whether the buttons should be displayed with a quiet style. */
+    isQuiet?: boolean;
+    /** Whether the selected ToggleButtons should be emphasized. */
+    isEmphasized?: boolean;
+    /** Whether the buttons should divide the container width equally. */
+    isJustified?: boolean;
+    /** The static color style to apply. Useful when the group appears over a color background. */
+    staticColor?: StaticColor;
+    /** The axis the group should align with. @default 'horizontal' */
+    orientation?: ActionButtonOrientation;
+    /** 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;
+}
+/**
+ * A ToggleButtonGroup is a grouping of related ToggleButtons with single or multiple selection.
+ */
+export declare function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/togglebuttongroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA0B,MAAM,UAAU,CAAC;AAC5D,OAAO,EAEL,KAAK,sBAAsB,IAAI,8BAA8B,EAC9D,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,8BAA8B,EAC9B,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sDAAsD;IACtD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kEAAkE;IAClE,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,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;CAClC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAgH5E"}