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

package/dist/disclosure/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/disclosure/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, splitProps, useContext, Show } from \"solid-js\";\nimport { ElementTag } from \"@proyecto-viviana/solidaria-components\";\nimport {\n  Disclosure as HeadlessDisclosure,\n  DisclosureGroup as HeadlessDisclosureGroup,\n  DisclosureTrigger as HeadlessDisclosureTrigger,\n  DisclosurePanel as HeadlessDisclosurePanel,\n  DisclosureStateContext as HeadlessDisclosureStateContext,\n  type DisclosureProps as HeadlessDisclosureProps,\n  type DisclosureGroupProps as HeadlessDisclosureGroupProps,\n  type DisclosurePanelProps as HeadlessDisclosurePanelProps,\n  type DisclosureRenderProps,\n  type DisclosureGroupRenderProps,\n  useDisclosureContext as useHeadlessDisclosureContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createFocusRing, createHover, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport type { StylesPropWithFont } from \"../s2-internal/style-utils\";\nimport {\n  baseColor,\n  centerPadding,\n  focusRing,\n  lightDark,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { ActionButtonContext } from \"../button/context\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DisclosureSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type DisclosureDensity = \"compact\" | \"regular\" | \"spacious\";\nexport type DisclosureVariant = \"default\" | \"bordered\" | \"filled\" | \"ghost\";\ntype CompatibleDisclosureSize = DisclosureSize | \"sm\" | \"md\" | \"lg\";\n\nexport interface DisclosureContextValue {\n  size?: CompatibleDisclosureSize;\n  density?: DisclosureDensity;\n  isQuiet?: boolean;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n}\n\nexport const DisclosureContext = createContext<SpectrumContextValue<DisclosureContextValue>>(null);\n\ninterface SpectrumStyleProps {\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 style alias. Prefer UNSAFE_style for S2 parity. */\n  style?: JSX.CSSProperties;\n  /** Slot name for contextual props. */\n  slot?: string | null;\n}\n\nexport interface DisclosureGroupProps\n  extends Omit<HeadlessDisclosureGroupProps, \"class\" | \"style\" | \"children\">, SpectrumStyleProps {\n  /** The disclosure item elements in the group. */\n  children?: JSX.Element;\n  /** The size of all disclosures in the group. @default \"M\" */\n  size?: CompatibleDisclosureSize;\n  /** The amount of space between disclosure items. @default \"regular\" */\n  density?: DisclosureDensity;\n  /** Whether disclosures should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Legacy visual variant. Prefer isQuiet for S2 parity. */\n  variant?: DisclosureVariant;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureProps\n  extends Omit<HeadlessDisclosureProps, \"class\" | \"style\" | \"children\" | \"id\">, SpectrumStyleProps {\n  /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n  children?: JSX.Element;\n  /** The size of the disclosure. @default \"M\" */\n  size?: CompatibleDisclosureSize;\n  /** The amount of space between the disclosure title and panel. @default \"regular\" */\n  density?: DisclosureDensity;\n  /** Whether the disclosure should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Legacy visual variant. Prefer isQuiet for S2 parity. */\n  variant?: DisclosureVariant;\n  /** An id for the disclosure item, matching the id used in expandedKeys. */\n  id?: Key;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureHeaderProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\" | \"style\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /** The contents of the disclosure header. */\n  children?: JSX.Element;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureTitleProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLHeadingElement>, \"children\" | \"class\" | \"style\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /**\n   * Spectrum-defined styles, returned by the `style()` macro. Only allows overriding\n   * `font`, `fontFamily`, `fontWeight`, `fontSize`, and `lineHeight`.\n   */\n  styles?: StylesPropWithFont;\n  /** The heading level of the disclosure header. @default 3 */\n  level?: number;\n  /** The contents of the disclosure header. */\n  children?: JSX.Element;\n  /** Backward-compatible option for the legacy DisclosureTrigger alias. */\n  hideIcon?: boolean;\n  ref?: RefLike<HTMLHeadingElement>;\n}\n\nexport interface DisclosurePanelProps\n  extends\n    Omit<HeadlessDisclosurePanelProps, \"class\" | \"style\" | \"children\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /** The contents of the disclosure panel. */\n  children?: JSX.Element;\n  ref?: RefLike<HTMLDivElement>;\n}\n\ntype DisclosureRootStyleProps = {\n  isQuiet?: boolean;\n  isInGroup?: boolean;\n};\n\ntype DisclosureButtonStyleProps = {\n  size: DisclosureSize;\n  density: DisclosureDensity;\n  isQuiet?: boolean;\n  isDisabled?: boolean;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isFocusVisible?: boolean;\n};\n\ntype ChevronStyleProps = {\n  size: DisclosureSize;\n  isExpanded?: boolean;\n  isRTL?: boolean;\n};\n\ntype PanelInnerStyleProps = {\n  size: DisclosureSize;\n};\n\nconst accordionStyles = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n});\n\nconst disclosureRootStyles = style<DisclosureRootStyleProps>({\n  color: \"heading\",\n  borderTopWidth: {\n    default: 1,\n    isQuiet: 0,\n  },\n  borderBottomWidth: {\n    default: 1,\n    isQuiet: 0,\n    isInGroup: {\n      default: 0,\n      \":last-child\": {\n        default: 1,\n        isQuiet: 0,\n      },\n    },\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: \"solid\",\n  /* Viviana UI v2 (Glasselated): the rules that separate stacked disclosure items\n   * ride the register's edge token instead of an opaque Spectrum ramp stop.\n   * `gray-200` bakes a solid line into both schemes; `--border-subtle` is\n   * translucent in both (rgba(255,255,255,.07) dark / rgba(145,158,171,.18) light,\n   * dist/viviana-tokens.css) and is exposed on the borderColor family in\n   * style/spectrum-theme.ts. The 1px weight above was already right — only the\n   * colour channel was off. */\n  borderColor: \"border-subtle\",\n  minWidth: 200,\n});\n\nconst headerStyles = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n});\n\nconst headingStyles = style({\n  margin: 0,\n  flexGrow: 1,\n  display: \"flex\",\n  flexShrink: 1,\n  minWidth: 0,\n});\n\nconst buttonStyles = style<DisclosureButtonStyleProps>(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    font: \"heading\",\n    /* A disclosure header is a nav row, and the handoff draws those mono\n     * (TerminalGlassLab.tsx:598). `font` keeps the heading size ramp. */\n    fontFamily: \"code\",\n    color: {\n      default: baseColor(\"neutral\"),\n      forcedColors: \"ButtonText\",\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n    fontWeight: \"bold\",\n    fontSize: {\n      size: {\n        S: \"title-sm\",\n        M: \"title\",\n        L: \"title-lg\",\n        XL: \"title-xl\",\n      },\n    },\n    lineHeight: \"ui\",\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"baseline\",\n    paddingX: \"[calc(self(minHeight) * 3/8 - 1px)]\",\n    paddingY: centerPadding(),\n    gap: \"[calc(self(minHeight) * 3/8 - 1px)]\",\n    minHeight: {\n      size: {\n        S: {\n          density: {\n            compact: 18,\n            regular: 24,\n            spacious: 32,\n          },\n        },\n        M: {\n          density: {\n            compact: 24,\n            regular: 32,\n            spacious: 40,\n          },\n        },\n        L: {\n          density: {\n            compact: 32,\n            regular: 40,\n            spacious: 48,\n          },\n        },\n        XL: {\n          density: {\n            compact: 40,\n            regular: 48,\n            spacious: 56,\n          },\n        },\n      },\n    },\n    width: \"full\",\n    backgroundColor: {\n      default: \"transparent\",\n      isFocusVisible: lightDark(\"transparent-black-100\", \"transparent-white-100\"),\n      isHovered: lightDark(\"transparent-black-100\", \"transparent-white-100\"),\n      isPressed: lightDark(\"transparent-black-300\", \"transparent-white-300\"),\n    },\n    transition: \"default\",\n    borderWidth: 0,\n    borderRadius: {\n      default: \"none\",\n      isFocusVisible: \"default\",\n      isQuiet: \"default\",\n    },\n    textAlign: \"start\",\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides({ font: true }),\n);\n\nconst chevronStyles = style<ChevronStyleProps>({\n  rotate: {\n    isRTL: 180,\n    isExpanded: 90,\n  },\n  transition: \"default\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  flexShrink: 0,\n  size: {\n    size: {\n      S: 10,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n});\n\nconst chevronIcons: Record<DisclosureSize, { size: number; viewBox: string; path: string }> = {\n  S: {\n    size: 10,\n    viewBox: \"0 0 10 10\",\n    path: \"M7.483 4.406 3.86.783a.84.84 0 1 0-1.188 1.188L5.702 5l-3.03 3.03A.84.84 0 1 0 3.86 9.216l3.623-3.623a.84.84 0 0 0 0-1.188\",\n  },\n  M: {\n    size: 10,\n    viewBox: \"0 0 10 10\",\n    path: \"M7.965 5.178C7.978 5.118 8 5.061 8 5s-.021-.118-.034-.178c-.01-.05-.01-.102-.03-.15-.023-.058-.068-.107-.104-.16-.03-.042-.047-.09-.084-.127l-.004-.003-.003-.004L3.615.303a.875.875 0 1 0-1.23 1.244L5.88 5 2.385 8.453a.875.875 0 1 0 1.23 1.244L7.74 5.622l.003-.004.004-.003c.037-.038.055-.085.084-.127.036-.053.08-.102.104-.16.02-.048.02-.1.03-.15\",\n  },\n  L: {\n    size: 12,\n    viewBox: \"0 0 12 12\",\n    path: \"M9.301 6c0-.049-.02-.095-.028-.143-.01-.068-.013-.136-.039-.2a.9.9 0 0 0-.2-.302L4.343.663a.912.912 0 0 0-1.29 1.29L7.102 6l-4.047 4.048a.912.912 0 0 0 1.289 1.289l4.691-4.692a.9.9 0 0 0 .2-.302c.026-.064.028-.132.04-.2C9.28 6.095 9.3 6.05 9.3 6\",\n  },\n  XL: {\n    size: 14,\n    viewBox: \"0 0 14 14\",\n    path: \"M10.361 6.328 5.03.996a.954.954 0 0 0-1.343 0 .95.95 0 0 0 0 1.344L8.346 7l-4.66 4.66a.95.95 0 0 0 1.344 1.344l5.331-5.332a.95.95 0 0 0 0-1.344\",\n  },\n};\n\nconst panelStyles = style({\n  font: \"body\",\n  height: \"--disclosure-panel-height\",\n  overflow: \"clip\",\n  transition: {\n    default: \"[height]\",\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n});\n\nconst panelInnerStyles = style<PanelInnerStyleProps>({\n  paddingTop: 8,\n  paddingBottom: 16,\n  paddingX: {\n    size: {\n      S: 8,\n      M: space(9),\n      L: 12,\n      XL: space(15),\n    },\n  },\n});\n\nconst InternalDisclosureHeaderContext = createContext<boolean>(false);\n\nfunction normalizeSize(size: CompatibleDisclosureSize | undefined): DisclosureSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    default:\n      return size ?? \"M\";\n  }\n}\n\nfunction normalizeQuiet(\n  isQuiet: boolean | undefined,\n  variant: DisclosureVariant | undefined,\n): boolean {\n  return isQuiet ?? variant === \"ghost\";\n}\n\nfunction getDisclosureContext(): DisclosureContextValue {\n  return useContext(DisclosureContext) ?? {};\n}\n\nfunction classNames(...values: Array<string | undefined | null | false>): string {\n  return values.filter(Boolean).join(\" \");\n}\n\nfunction styleAlias(\n  unsafeStyle: JSX.CSSProperties | undefined,\n  legacyStyle: JSX.CSSProperties | undefined,\n): JSX.CSSProperties | undefined {\n  if (unsafeStyle && legacyStyle) {\n    return { ...legacyStyle, ...unsafeStyle };\n  }\n\n  return unsafeStyle ?? legacyStyle;\n}\n\nfunction actionButtonSize(size: DisclosureSize, density: DisclosureDensity): ActionButtonSize {\n  const sizes: ActionButtonSize[] = [\"XS\", \"S\", \"M\", \"L\", \"XL\"];\n  const currentIndex = sizes.indexOf(size);\n  const shift = density === \"compact\" ? 2 : 1;\n  return sizes[Math.max(0, currentIndex - shift)];\n}\n\n/**\n * DisclosureGroup manages a group of Disclosure components. It is also the\n * shared S2 Accordion root primitive.\n */\nexport function DisclosureGroup(props: DisclosureGroupProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(DisclosureContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n\n  const size = () => normalizeSize(local.size);\n  const density = () => local.density ?? \"regular\";\n  const isQuiet = () => normalizeQuiet(local.isQuiet, local.variant);\n  const mergedSpectrumStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(\n      contextProps?.UNSAFE_style,\n      styleAlias(local.UNSAFE_style, local.style),\n    );\n  const getClassName = (_renderProps: DisclosureGroupRenderProps): string =>\n    classNames(\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(accordionStyles, mergedSpectrumStyles()),\n    );\n\n  const disclosureContext = {\n    get size() {\n      return size();\n    },\n    get density() {\n      return density();\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <DisclosureContext.Provider value={disclosureContext}>\n      <HeadlessDisclosureGroup\n        {...(headlessProps as HeadlessDisclosureGroupProps)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        {...{\n          \"data-rsp-component\": \"DisclosureGroup\",\n          \"data-size\": size(),\n          \"data-density\": density(),\n          \"data-quiet\": isQuiet() ? \"true\" : undefined,\n        }}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n      >\n        {local.children}\n      </HeadlessDisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content.\n */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const parentDisclosureContext = useContext(DisclosureContext);\n  const contextProps = getSlottedContextProps(parentDisclosureContext, props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n\n  const size = () => normalizeSize(local.size);\n  const density = () => local.density ?? \"regular\";\n  const isQuiet = () => normalizeQuiet(local.isQuiet, local.variant);\n  const isInGroup = () => parentDisclosureContext !== null;\n  const mergedSpectrumStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(\n      contextProps?.UNSAFE_style,\n      styleAlias(local.UNSAFE_style, local.style),\n    );\n  const getClassName = (_renderProps: DisclosureRenderProps): string =>\n    classNames(\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        disclosureRootStyles({ isQuiet: isQuiet(), isInGroup: isInGroup() }),\n        mergedSpectrumStyles(),\n      ),\n    );\n\n  const disclosureContext = {\n    get size() {\n      return size();\n    },\n    get density() {\n      return density();\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <DisclosureContext.Provider value={disclosureContext}>\n      <HeadlessDisclosure\n        {...(headlessProps as HeadlessDisclosureProps)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        {...{\n          \"data-rsp-component\": \"Disclosure\",\n          \"data-size\": size(),\n          \"data-density\": density(),\n          \"data-quiet\": isQuiet() ? \"true\" : undefined,\n        }}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n      >\n        {local.children}\n      </HeadlessDisclosure>\n    </DisclosureContext.Provider>\n  );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements\n * not part of the trigger.\n */\nexport function DisclosureHeader(props: DisclosureHeaderProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n  const context = getDisclosureContext();\n  const size = () => normalizeSize(context.size);\n  const density = () => context.density ?? \"regular\";\n  const isQuiet = () => context.isQuiet;\n  const actionButtonContext = {\n    get size() {\n      return actionButtonSize(size(), density());\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <ActionButtonContext.Provider value={actionButtonContext}>\n      <InternalDisclosureHeaderContext.Provider value>\n        <div\n          {...domProps}\n          ref={mergeContextRefs(local.ref)}\n          class={classNames(\n            local.UNSAFE_className,\n            local.class,\n            mergeStyles(headerStyles, local.styles),\n          )}\n          style={styleAlias(local.UNSAFE_style, local.style)}\n          data-rsp-slot=\"disclosure-header\"\n          data-size={size()}\n          data-density={density()}\n          data-quiet={isQuiet() ? \"true\" : undefined}\n        >\n          {local.children}\n        </div>\n      </InternalDisclosureHeaderContext.Provider>\n    </ActionButtonContext.Provider>\n  );\n}\n\nfunction DisclosureTitleContent(props: DisclosureTitleProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"children\",\n    \"level\",\n    \"hideIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n  const context = getDisclosureContext();\n  const headlessDisclosureContext = useHeadlessDisclosureContext();\n  const headlessState = useContext(HeadlessDisclosureStateContext);\n  const locale = useLocale();\n  const level = () => Math.min(6, Math.max(1, local.level ?? 3));\n  const size = () => normalizeSize(context.size);\n  const density = () => context.density ?? \"regular\";\n  const isQuiet = () => context.isQuiet;\n  const isDisabled = () => headlessDisclosureContext?.isDisabled() ?? false;\n  const isExpanded = () => headlessState?.isExpanded() ?? false;\n  const headingTag = () => `h${level()}` as keyof JSX.IntrinsicElements;\n  const chevronIcon = () => chevronIcons[size()];\n  const { isFocusVisible, focusProps } = createFocusRing();\n  const triggerFocusProps = focusProps as JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  const isPressed = () => headlessDisclosureContext?.disclosureAria.isPressed() ?? false;\n\n  return (\n    <ElementTag\n      tag={headingTag()}\n      {...domProps}\n      ref={mergeContextRefs(local.ref)}\n      class={classNames(local.UNSAFE_className, local.class, headingStyles)}\n      style={styleAlias(local.UNSAFE_style, local.style)}\n      data-rsp-slot=\"disclosure-title\"\n      data-level={level()}\n    >\n      <HeadlessDisclosureTrigger\n        {...hoverProps}\n        onFocus={triggerFocusProps.onFocus}\n        onBlur={triggerFocusProps.onBlur}\n        class={buttonStyles(\n          {\n            size: size(),\n            density: density(),\n            isQuiet: isQuiet(),\n            isDisabled: isDisabled(),\n            isHovered: isHovered(),\n            isPressed: isPressed(),\n            isFocusVisible: isFocusVisible(),\n          },\n          local.styles,\n        )}\n        data-rsp-slot=\"disclosure-trigger\"\n        data-size={size()}\n        data-density={density()}\n        data-quiet={isQuiet() ? \"true\" : undefined}\n        data-hovered={isHovered() ? \"true\" : undefined}\n        data-pressed={isPressed() ? \"true\" : undefined}\n      >\n        <Show when={!local.hideIcon}>\n          <svg\n            class={chevronStyles({\n              size: size(),\n              isExpanded: isExpanded(),\n              isRTL: locale().direction === \"rtl\",\n            })}\n            width={chevronIcon().size}\n            height={chevronIcon().size}\n            viewBox={chevronIcon().viewBox}\n            aria-hidden=\"true\"\n            data-rsp-slot=\"disclosure-chevron\"\n          >\n            <path fill=\"var(--iconPrimary, #222)\" d={chevronIcon().path} />\n          </svg>\n        </Show>\n        {local.children}\n      </HeadlessDisclosureTrigger>\n    </ElementTag>\n  );\n}\n\n/**\n * A disclosure title consisting of a heading and a trigger button to\n * expand/collapse the panel.\n */\nexport function DisclosureTitle(props: DisclosureTitleProps): JSX.Element {\n  const isInsideHeader = useContext(InternalDisclosureHeaderContext);\n\n  if (isInsideHeader) {\n    return <DisclosureTitleContent {...props} />;\n  }\n\n  return (\n    <DisclosureHeader>\n      <DisclosureTitleContent {...props} />\n    </DisclosureHeader>\n  );\n}\n\n/**\n * DisclosureTrigger is kept as a compatibility alias for DisclosureTitle.\n */\nexport const DisclosureTrigger = DisclosureTitle;\nexport type DisclosureTriggerProps = DisclosureTitleProps;\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until\n * the disclosure is expanded.\n */\nexport function DisclosurePanel(props: DisclosurePanelProps): JSX.Element {\n  const [local, forwardedProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n    // `role` is split off and dropped to mirror S2's `DisclosurePanel`, which runs\n    // its props through `filterDOMProps(otherProps)` (no `propNames`) before handing\n    // them to RAC — that allowlist (id + data-*/aria-*) excludes `role`, so S2\n    // silently discards the `group`/`region` override and the panel is ALWAYS a\n    // `group`. Forwarding `role` to the headless panel (which honours it) would make\n    // the port emit a `region` landmark S2 never renders. See Disclosure.tsx:387\n    // (`const domProps = filterDOMProps(otherProps)`).\n    \"role\",\n  ] as const);\n  const headlessProps = forwardedProps;\n  const context = getDisclosureContext();\n  const size = () => normalizeSize(context.size);\n  const getClassName = (_renderProps: DisclosureRenderProps): string =>\n    classNames(local.UNSAFE_className, local.class, mergeStyles(panelStyles, local.styles));\n\n  return (\n    <HeadlessDisclosurePanel\n      {...(headlessProps as HeadlessDisclosurePanelProps)}\n      ref={mergeContextRefs(local.ref)}\n      {...{\n        \"data-rsp-slot\": \"disclosure-panel\",\n        \"data-size\": size(),\n      }}\n      class={getClassName}\n      style={styleAlias(local.UNSAFE_style, local.style)}\n    >\n      <div\n        class={panelInnerStyles({ size: size() })}\n        data-rsp-slot=\"disclosure-panel-content\"\n        data-size={size()}\n      >\n        {local.children}\n      </div>\n    </HeadlessDisclosurePanel>\n  );\n}\n\nDisclosure.Trigger = DisclosureTitle;\nDisclosure.Panel = DisclosurePanel;\nDisclosure.Header = DisclosureHeader;\nDisclosureGroup.Item = Disclosure;\n"],"mappings":";;;;;;;;AAyBA,MAAO,oBAAA,cAAA,IAAA;AAiEP,MAAM,kBAAgB;AACtB,MAAE,uBAAsB,SAAA,UAAA,OAAA;CACpB,IAAE,QAAS;CACb,SAAO;CACL,IAAE,MAAI,SACR,SAAU;MAEV,SAAU;CAEV,IAAA,MAAU,WAAA;EACJ,SAAQ;EACT,IAAG,MAAA,SACF,SAAQ;;CAId,OAAA,IAAA,MAAA,SACM,SAAK;MAEP,SAAI;CAER,SAAM;CACR,SAAA;;CAEA,SAAO;CACL,SAAA;CACE,OAAK;AACT;AACA,MAAI,eAAA;AACJ,MAAK,gBAAiB;AACtB,MAAM,eAAQ,SAAc,UAAY,OAAE,WAAgB;CACtD,IAAA,QAAA;CACF,IAAM,aAAG;CACP,IAAE,OAAI;CACR,IAAM,WAAQ;CACZ,IAAE,aAAe;CAEjB,IAAE,sBAAoB;CACxB,IAAA,aAAkB;CAClB,IAAM,WAAQ;CAChB,IAAA,QAAA;;CAEA,KAAO,IAAA,KAAU,SAAA;EACf,IAAA,EAAA,OAAA,KAAA,aAAA;EACM,IAAC,EAAA,OAAA,aAAA,OAA+B;EACpC,IAAA,EAAA,OAAA,KAAmB,WAAA;EACjB,IAAI,EAAA,OAAW,KAAK,aAAW;EACnC,IAAU,EAAC,OAAI;EACT,IAAA,EAAA,OAAQ,MAAA,sBAAe;EAC/B,IAAA,EAAA,OAAA,MAAA,aAAA;;EAEK,IAAA,EAAA,OAAA,KAAA,QAA2B;EAC9B,SAAU,EAAO;CACjB;CACD,IAAA,MAAA,gBAAA,SAAA;MAGO,SAAA;CAEN,SAAU;CACV,SAAW;CACX,SAAW;CACX,SAAW;CACX,IAAA,CAAA,YAAiB,SAAO;CACzB,IAAA,MAAA,SAAA,MAAA;;EAEI,IAAA,CAAA,UAAkB,SAAE;CACvB,OAAM,IAAA,MAAA,SAAc,KAAA;EACpB,IAAU,CAAC,MAAE,SAAO;EACd,IAAE,CAAA,UAAO,SAAA;CAChB,OAAA,IAAA,MAAA,SAAA,KAAA;;EAEI,IAAA,CAAA,UAAA,SAAuB;CAC1B,OAAM,IAAA,MAAA,SAAc,KAAA;EACrB,IAAA,CAAA,MAAA,SAAA;;CAED;CACE,IAAA,CAAO,YAAQ,SAAA;CACf,IAAA,CAAA,qBAAuB,SAAA;CACvB,IAAA,CAAA,YAAA,SAAA;;CAEF,IAAM,CAAA,YAAA,SAAuB;CAC3B,IAAM,CAAC,YAAS,SAAA;CAChB,IAAA,MAAA,YAAgB;EACd,SAAU;EACV,SAAU;CACX,OAAA;EACD,IAAA,MAAA,WACU,SAAE;OACA,IAAA,MAAA,gBACV,SAAW;OACA,IAAC,MAAA,WACJ,SAAS;OAEb,SAAU;EAEb,SAAA;CACF;CACD,SAAA;CACA,IAAA,CAAA,UAAiB,SAAA;CACjB,SAAW;CACT,SAAS;CACT,SAAS;CACT,SAAO;CACP,SAAC;CACD,SAAM;CACN,SAAO;CACP,SAAQ;CACV,IAAA,CAAA,OAAc,SAAO;CACrB,IAAA,MAAU,WACV,SAAA;2BAEI,SAAA;MACK,IAAC,MAAK,gBACf,SAAa;MAEb,SAAA;CAEF,SAAM;CACJ,SAAS;CACT,SAAW;CACX,SAAU;CACV,SAAW;CACX,SAAW;CACX,SAAA;oBAEI,SAAA;MACJ,IAAA,MAAA,gBACK,SAAU;MAET,SAAG;CAEP,IAAI,MAAA,SACJ,SAAa;MACN,IAAA,MAAA,gBACL,SAAS;MAET,SAAW;CAEb,IAAI,MAAA,SACD,SAAA;MACF,IAAA,MAAA,gBACD,SAAa;MAEX,SAAM;CAER,IAAI,MAAI,SACJ,SAAS;MACN,IAAE,MAAQ,gBACd,SAAA;MAEH,SAAa;CAEb,SAAS;CACT,SAAA;CACA,IAAA,MAAU,SAAO;MACT,MAAE,YAAe,YAClB,SAAU;OACN,IAAA,MAAA,YAAA,WACH,SAAA;OACD,IAAA,MAAA,YAAA,WACD,SAAS;CAAA,OAER,IAAC,MAAS,SAAE;MACX,MAAA,YAAY,YACb,SAAA;OACF,IAAA,MAAA,YAAA,WACE,SAAA;OACD,IAAS,MAAA,YAAA,WACP,SAAS;CAAA,OAEV,IAAC,MAAS,SAAG;MACb,MAAA,YAAA,YACF,SAAA;OACE,IAAA,MAAA,YAAA,WACD,SAAS;OACP,IAAO,MAAI,YAAA,WACX,SAAS;CAAA,OAEV,IAAA,MAAA,SAAA;MACF,MAAA,YAAA,YACG,SAAA;OACF,IAAS,MAAA,YAAA,WACP,SAAS;OACT,IAAO,MAAI,YAAA,WACX,SAAS;CAAA;CAGjB,SAAG;CACH,SAAC;CACD,OAAO;AACX;AACA,MAAM,gBAAU,SAAY,UAAA,OAAA;CACxB,IAAE,QAAA;CACF,IAAE,MAAA,YACA,SAAW;MACZ,IAAA,MAAA,OACD,SAAa;CAEb,SAAA;CACA,SAAS;CACT,SAAE;CACF,SAAS;CACT,SAAC;CACD,IAAA,MAAU,SAAQ,MAClB,SAAA;MACD,IAAA,MAAA,SAAA,KACD,SAAA;MACD,IAAA,MAAA,SAAA,KAAA,SAAA;MAEK,IAAA,MAAe,SAAO,KACpB,SAAE;CAEN,IAAA,MAAU,SAAI,MACf,SAAA;MACD,IAAa,MAAA,SAAQ,KAClB,SAAY;MACN,IAAI,MAAC,SAAA,KACZ,SAAQ;MACT,IAAA,MAAA,SAAA,KACD,SAAa;CAEX,OAAM;AACV;AACA,MAAM,eAIH;CACD,GAAA;;EAEI,SAAA;EACD,MAAA;CACD;CACA,GAAA;EACI,MAAM;EACX,SAAA;EACE,MAAA;CACD;CACA,GAAA;EACI,MAAM;EACX,SAAA;EACE,MAAA;CACD;CACA,IAAA;EACI,MAAM;EACX,SAAA;EACG,MAAA;CACF;AACJ;AACA,MAAI,cAAgB;AACpB,MAAG,mBAAA,SAAA,UAAA,OAAA;CACF,IAAA,QAAA;;CAED,SAAM;CACJ,IAAM,MAAM,SAAA,MACN,SAAK;MACF,IAAE,MAAK,SAAA,KAChB,SAAY;MACH,IAAI,MAAM,SAAE,KACjB,SAAO;MACV,IAAA,MAAA,SAAA,KACD,SAAA;CAEF,IAAM,MAAA,SAAiB,MACrB,SAAa;MACb,IAAa,MAAI,SAAA,KACjB,SAAU;MACF,IAAA,MAAA,SAAA,KACF,SAAE;MACD,IAAM,MAAE,SAAA,KACT,SAAG;CAEP,OAAC;AACL;AACA,MAAE,kCAAA,cAAA,KAAA;;CAEF,QAAM,MAAN;aAES,OAAA;EACD,KAAE,MACE,OAAC;EACP,KAAO,MACD,OAAC;EACP,SACM,OAAC,QAAA;CACT;AACJ;AACA,SAAM,eAAkB,SAAA,SAAA;CACtB,OAAA,WAAA,YAAA;AACF;;CAEA,OAAS,WAAA,iBAAc,KAAA,CAAA;AACvB;AACA,SAAS,WAAE,GAAA,QAA6B;CACrC,OAAQ,OAAA,OAAA,OAAA,EAAA,KAAA,GAAA;AACX;AACA,SAAA,WAAA,aAAA,aAAA;iCAEQ,OAAC;EACA,GAAA;EACT,GAAA;;CAGE,OAAO,eAAc;AACvB;;CAEA,MAAS,QAAU;EACjB;EACA;EACK;EACD;EACF;CACF;;CAGF,OAAA,MAAA,KAAA,IAAA,GAAA,gBADS,YAAe,YAAW,IAAA,EACnC;;;;;GAKE,SAAc,gBAAoB,OAAS;CAC3C,MAAO,gBAAiB,iBAAgB,KAAM;CAChD,MAAA,eAAA,uBAAA,WAAA,iBAAA,GAAA,MAAA,IAAA;CAEE,MAAA,CAAA,OAAA,iBAAA,WAAA,WAAA,eAAA,gBAAA,CAAA,GAAA,KAAA,GAAA;EACC;EACA;EACD;EACK;EACC;EACA;EACA;EACA;EACH;EACA;EACA;EACA;CACD,CAAS;CACT,MAAC,aAAO,cAAA,MAAA,IAAA;CACR,MAAC,gBAAiB,MAAA,WAAA;CAClB,MAAC,gBAAa,eAAA,MAAA,SAAA,MAAA,OAAA;CACd,MAAM,6BAAC,mBAAA,cAAA,QAAA,MAAA,MAAA;CACP,MAAM,0BAAC,wBAAA,cAAA,cAAA,WAAA,MAAA,cAAA,MAAA,KAAA,CAAA;CACP,MAAM,gBAAA,iBAAA,WAAA,cAAA,kBAAA,MAAA,kBAAA,MAAA,OAAA,YAAA,iBAAA,qBAAA,CAAA,CAAA;CACN,MAAK,oBAAA;EACF,IAAK,OAAC;;EAEL;EACA,IAAA,UAAe;GACf,OAAW,QAAK;EAChB;EACA,IAAA,UAAA;GACJ,OAAA,QAAuB;EACrB;CACF;CACA,OAAC,CAAA,kBAAA,SAAA,OAAA,mBAAA;MACH,CAAK,sBAA6B,eAAuC,KAAA,iBAAA,cAErE,KAAc,MAAA,GAAA,OAAgB;EAC9B,sBAAsB;EACtB,aAAW,KAAA;EACX,gBAAY,QAAA;EACb,cAAA,QAAA,IAAA,SAAA,KAAA;;SAEG,MAAA,SAAA;MACJ,EAAI,kBAAO;IACX,EAAE,kBAAa;AACnB;;;GAGI,SAAC,WAAA,OAAA;CACD,MAAI,gBAAU,iBAAA,KAAA;CACd,MAAE,0BAAgB,WAAA,iBAAA;CAClB,MAAC,eAAA,uBAAA,yBAAA,MAAA,IAAA;2CACF,WAAA,eAAA,gBAAA,CAAA,GAAA,KAAA,GAAA;EAEK;EACH;EACE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAO;CACP,MAAK,aAAA,cAAA,MAAA,IAAA;CACL,MAAI,gBAAO,MAAY,WAAA;CACvB,MAAI,gBAAO,eAAmB,MAAA,SAAA,MAAA,OAAA;CAC9B,MAAE,kBAAA,4BAAA;CACF,MAAK,6BAAc,mBAAA,cAAA,QAAA,MAAA,MAAA;CACnB,MAAI,0BAAuB,wBAAA,cAAA,cAAA,WAAA,MAAA,cAAA,MAAA,KAAA,CAAA;CAC3B,MAAE,gBAAkB,iBAAQ,WAAA,cAAA,kBAAA,MAAA,kBAAA,MAAA,OAAA,YAAA,qBAAA;EAC7B,SAAA,QAAA;EACH,WAAA,UAAA;;CAEE,MAAA,oBAAA;EACG,IAAA,OAAe;GAClB,OAAA,KAAA;EACK;EACC,IAAA,UAAe;GACf,OAAA,QAAA;EACA;EACA,IAAA,UAAS;GACR,OAAO,QAAA;EACX;CACD;CACA,OAAQ,CAAC,kBAAA,SAAA,OAAA,mBAAA;MACR,CAAA,iBAAQ,eAAA,KAAA,iBAAA,cAED,KAAA,MAAA,GAAA,OAAA;EACP,sBAAiB;EACjB,aAAa,KAAA;EACb,gBAAM,QAAA;EACN,cAAM,QAAA,IAAA,SAAA,KAAA;CACP,GAAC,OAAK,cAAA,OAAA,kBAAA,GAAA;SACD,MAAA,SAAA;MACH,EAAC,aAAM;;AAEb;;;;GAIE,SAAM,iBAA6B,OAAyC;CAC5E,MAAM,CAAA,OAAA,YAAsB,WAAE,OAAA;EAC5B;EACE;EACA;EACD;EACG;EACJ;EACE;EACA;CACF,CAAQ;CACR,MAAE,UAAW,qBAAA;CACb,MAAI,aAAA,cAAuB,QAAS,IAAO;CAC3C,MAAI,gBAAA,QAAsB,WAAA;CAC1B,MAAG,gBAAA,QAAA;CACH,MAAC,sBAAA;;GAEG,OAAA,iBAAoB,KAAA,GAAA,QAAA,CAAA;EACpB;EACF,IAAM,UAAO;GACd,OAAA,QAAA;EACG;CACJ;CACA,OAAC,CAAA,oBAAA,SAAA,OAAA,qBAAA;MACD,CAAG,gCAAW,SAAA,MAAA;QACZ,CAAA,QAAO,UAAS,KAAA,iBAAA,MAAA,GAAA,GAAA,OAAA,WAAA,MAAA,kBAAA,MAAA,OAAA,YAAA,cAAA,MAAA,MAAA,CAAA,GAAA,OAAA,WAAA,MAAA,cAAA,MAAA,KAAA,GAAA,kCAAA,WAAA,KAAA,GAAA,cAAA,QAAA,GAAA,YAAA,QAAA,IAAA,SAAA,KAAA,GAAA;WACjB,MAAA,SAAA;QACF,EAAA,IAAA;;IAED,EAAA,oBAAO;AACT;AACA,SAAO,uBAAA,OAAA;CACH,MAAM,CAAC,OAAE,YAAiB,WAAA,OAAA;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAU;CACV,MAAI,UAAO,qBAAmB;CAC9B,MAAE,4BAAA,qBAAA;CACF,MAAK,gBAAc,WAAA,sBAAA;CACnB,MAAI,SAAA,UAAkB;CACtB,MAAE,cAAA,KAAkB,IAAA,GAAQ,KAAA,IAAA,GAAA,MAAA,SAAA,CAAA,CAAA;CAC7B,MAAA,aAAA,cAAA,QAAA,IAAA;CACH,MAAA,gBAAA,QAAA,WAAA;;CAEE,MAAA,mBAAA,2BAAA,WAAA,KAAA;CACE,MAAC,mBAAoB,eAAe,WAAW,KAAI;CACpD,MAAI,mBAAmB,IAAA,MAAA;CACxB,MAAA,oBAAA,aAAA,KAAA;CACF,MAAO,EAAA,gBAAS,eAAwB,gBAAA;CACtC,MAAO,oBAAmB;CACxB,MAAC,EAAA,WAAS,eAAA,YAAA,EACT,IAAO,aAAA;EACP,OAAA,WAAiB;CACjB,EACD,CAAC;CACD,MAAM,kBAAC,2BAAA,eAAA,UAAA,KAAA;CACP,OAAM,CAAA,WAAA,KAAA,WAAA,OAAA,UAAA,KAAA,iBAAA,MAAA,GAAA,GAAA,OAAA,WAAA,MAAA,kBAAA,MAAA,OAAA,aAAA,GAAA,OAAA,WAAA,MAAA,cAAA,MAAA,KAAA,GAAA,iCAAA,YAAA,MAAA,GAAA;MACL,CAAA,wBAAI,YAAA,SAAA,kBAAA,SAAA,QAAA,kBAAA,QAAA,OAAA,aAAA;EACF,MAAM,KAAA;EACL,SAAS,QAAC;EACV,SAAS,QAAI;EACb,YAAY,WAAW;EACvB,WAAW,UAAK;EAChB,WAAA,UAAqB;EACrB,gBAAO,eAAA;CACX,GAAE,MAAO,MAAA,GAAA,mCAAmC,WAAA,KAAA,GAAA,cAAA,QAAA,GAAA,YAAA,QAAA,IAAA,SAAA,KAAA,GAAA,cAAA,UAAA,IAAA,SAAA,KAAA,GAAA,cAAA,UAAA,IAAA,SAAA,KAAA,GAAA;QAC3C,CAAA,KAAA,MAAA,CAAA,MAAA,UAAA;UACG,CAAA,IAAO,OAAG,cAAA;EACZ,MAAO,KAAA;EACR,YAAA,WAAA;EACF,OAAA,OAAA,EAAA,cAAA;;YAEM,CAAA,KAAA,gCAAA,GAAA,YAAA,EAAA,QAAA;UACJ,EAAA,IAAA;QACE,EAAA,KAAA;SACE,MAAA,SAAA;MACH,EAAE,oBAAc;IAClB,EAAE;AACN;;;;GAII,SAAO,gBAAA,OAAA;CAEP,IADuB,WAAO,+BACf,GACX,OAAO,CAAA,2BAAY;CAEvB,OAAM,CAAA,iBAAoB;MACxB,CAAC,2BAAC,SAAA;IACJ,EAAE;AACN;;;GAGG,MAAA,oBAAA;;;;GAKC,SAAU,gBAAA,OAAA;CACV,MAAM,CAAC,OAAA,kBAAA,WAAA,OAAA;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EAQA;CACN,CAAM;CACN,MAAM,gBAAkB;CACxB,MAAM,UAAY,qBAAqB;CACvC,MAAM,aAAa,cAAU,QAAY,IAAC;CAC1C,MAAM,gBAAkB,iBAAsB,WAAA,MAAA,kBAAA,MAAA,OAAA,YAAA,aAAA,MAAA,MAAA,CAAA;CAC9C,OAAQ,CAAA,sBAA+B,eAAiB,KAAA,iBAAA,MAAA,GAAA,OAAA;EAClD,iBAAiB;EACjB,aAAa,KAAA;CACjB,GAAG,OAAC,cAAa,OAAA,WAAA,MAAA,cAAA,MAAA,KAAA,GAAA;MACf,CAAA,IAAA,OAAO,iBAAY,EACpB,MAAA,KAAA,EACD,CAAA,GAAA,yCAAA,WAAA,KAAA,GAAA;SACI,MAAA,SAAgB;;IAEtB,EAAA;AACF;AACA,WAAW,UAAU;AACrB,WAAU,QAAQ;AAClB,WAAW,SAAA;AACX,gBAAa,OAAU"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/disclosure/index.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Disclosure.tsx\n\n// Port of packages/@react-spectrum/s2/src/Disclosure.tsx.\n\nimport { createContext, useContext, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"@proyecto-viviana/solidaria-components\";\nimport {\n  Disclosure as HeadlessDisclosure,\n  DisclosureGroup as HeadlessDisclosureGroup,\n  DisclosureTrigger as HeadlessDisclosureTrigger,\n  DisclosurePanel as HeadlessDisclosurePanel,\n  DisclosureStateContext as HeadlessDisclosureStateContext,\n  type DisclosureProps as HeadlessDisclosureProps,\n  type DisclosureGroupProps as HeadlessDisclosureGroupProps,\n  type DisclosurePanelProps as HeadlessDisclosurePanelProps,\n  type DisclosureRenderProps,\n  type DisclosureGroupRenderProps,\n  useDisclosureContext as useHeadlessDisclosureContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createFocusRing, createHover, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport type { StylesPropWithFont } from \"../s2-internal/style-utils\";\nimport { baseColor, centerPadding, focusRing, space, style } from \"../style\" with { type: \"macro\" };\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { ActionButtonContext } from \"../button/context\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DisclosureSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type DisclosureDensity = \"compact\" | \"regular\" | \"spacious\";\nexport type DisclosureVariant = \"default\" | \"bordered\" | \"filled\" | \"ghost\";\ntype CompatibleDisclosureSize = DisclosureSize | \"sm\" | \"md\" | \"lg\";\n\nexport interface DisclosureContextValue {\n  size?: CompatibleDisclosureSize;\n  density?: DisclosureDensity;\n  isQuiet?: boolean;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n}\n\nexport const DisclosureContext = createContext<SpectrumContextValue<DisclosureContextValue>>(null);\n\ninterface SpectrumStyleProps {\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 style alias. Prefer UNSAFE_style for S2 parity. */\n  style?: JSX.CSSProperties;\n  /** Slot name for contextual props. */\n  slot?: string | null;\n}\n\nexport interface DisclosureGroupProps\n  extends Omit<HeadlessDisclosureGroupProps, \"class\" | \"style\" | \"children\">, SpectrumStyleProps {\n  /** The disclosure item elements in the group. */\n  children?: JSX.Element;\n  /** The size of all disclosures in the group. @default \"M\" */\n  size?: CompatibleDisclosureSize;\n  /** The amount of space between disclosure items. @default \"regular\" */\n  density?: DisclosureDensity;\n  /** Whether disclosures should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Legacy visual variant. Prefer isQuiet for S2 parity. */\n  variant?: DisclosureVariant;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureProps\n  extends Omit<HeadlessDisclosureProps, \"class\" | \"style\" | \"children\" | \"id\">, SpectrumStyleProps {\n  /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n  children?: JSX.Element;\n  /** The size of the disclosure. @default \"M\" */\n  size?: CompatibleDisclosureSize;\n  /** The amount of space between the disclosure title and panel. @default \"regular\" */\n  density?: DisclosureDensity;\n  /** Whether the disclosure should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Legacy visual variant. Prefer isQuiet for S2 parity. */\n  variant?: DisclosureVariant;\n  /** An id for the disclosure item, matching the id used in expandedKeys. */\n  id?: Key;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureHeaderProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\" | \"style\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /** The contents of the disclosure header. */\n  children?: JSX.Element;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureTitleProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLHeadingElement>, \"children\" | \"class\" | \"style\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /**\n   * Spectrum-defined styles, returned by the `style()` macro. Only allows overriding\n   * `font`, `fontFamily`, `fontWeight`, `fontSize`, and `lineHeight`.\n   */\n  styles?: StylesPropWithFont;\n  /** The heading level of the disclosure header. @default 3 */\n  level?: number;\n  /** The contents of the disclosure header. */\n  children?: JSX.Element;\n  /** Backward-compatible option for the legacy DisclosureTrigger alias. */\n  hideIcon?: boolean;\n  ref?: RefLike<HTMLHeadingElement>;\n}\n\nexport interface DisclosurePanelProps\n  extends\n    Omit<HeadlessDisclosurePanelProps, \"class\" | \"style\" | \"children\" | \"slot\" | \"ref\">,\n    SpectrumStyleProps {\n  /** The contents of the disclosure panel. */\n  children?: JSX.Element;\n  ref?: RefLike<HTMLDivElement>;\n}\n\ntype DisclosureRootStyleProps = {\n  isQuiet?: boolean;\n  isInGroup?: boolean;\n};\n\ntype DisclosureButtonStyleProps = {\n  size: DisclosureSize;\n  density: DisclosureDensity;\n  isQuiet?: boolean;\n  isDisabled?: boolean;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isFocusVisible?: boolean;\n};\n\ntype ChevronStyleProps = {\n  size: DisclosureSize;\n  isExpanded?: boolean;\n  isRTL?: boolean;\n};\n\ntype PanelInnerStyleProps = {\n  size: DisclosureSize;\n};\n\nconst accordionStyles = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n});\n\nconst disclosureRootStyles = style<DisclosureRootStyleProps>({\n  color: \"heading\",\n  borderTopWidth: {\n    default: 1,\n    isQuiet: 0,\n  },\n  borderBottomWidth: {\n    default: 1,\n    isQuiet: 0,\n    isInGroup: {\n      default: 0,\n      \":last-child\": {\n        default: 1,\n        isQuiet: 0,\n      },\n    },\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: \"solid\",\n  /* Viviana UI v2 (Glasselated): the rules that separate stacked disclosure items\n   * ride the register's edge token instead of an opaque Spectrum ramp stop.\n   * `gray-200` bakes a solid line into both schemes; `--border-subtle` is\n   * translucent in both (rgba(255,255,255,.07) dark / rgba(145,158,171,.18) light,\n   * dist/viviana-tokens.css) and is exposed on the borderColor family in\n   * style/spectrum-theme.ts. The 1px weight above was already right — only the\n   * colour channel was off. */\n  borderColor: \"border-subtle\",\n  minWidth: 200,\n});\n\nconst headerStyles = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n});\n\nconst headingStyles = style({\n  margin: 0,\n  flexGrow: 1,\n  display: \"flex\",\n  flexShrink: 1,\n  minWidth: 0,\n});\n\nconst buttonStyles = style<DisclosureButtonStyleProps>(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    font: \"heading\",\n    /* A disclosure header is a nav row, and the handoff draws those mono\n     * (TerminalGlassLab.tsx:598). `font` keeps the heading size ramp. */\n    fontFamily: \"code\",\n    color: {\n      default: baseColor(\"neutral\"),\n      forcedColors: \"ButtonText\",\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n    fontWeight: \"bold\",\n    fontSize: {\n      size: {\n        S: \"title-sm\",\n        M: \"title\",\n        L: \"title-lg\",\n        XL: \"title-xl\",\n      },\n    },\n    lineHeight: \"ui\",\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"baseline\",\n    paddingX: \"[calc(self(minHeight) * 3/8 - 1px)]\",\n    paddingY: centerPadding(),\n    gap: \"[calc(self(minHeight) * 3/8 - 1px)]\",\n    minHeight: {\n      size: {\n        S: {\n          density: {\n            compact: 18,\n            regular: 24,\n            spacious: 32,\n          },\n        },\n        M: {\n          density: {\n            compact: 24,\n            regular: 32,\n            spacious: 40,\n          },\n        },\n        L: {\n          density: {\n            compact: 32,\n            regular: 40,\n            spacious: 48,\n          },\n        },\n        XL: {\n          density: {\n            compact: 40,\n            regular: 48,\n            spacious: 56,\n          },\n        },\n      },\n    },\n    width: \"full\",\n    /* Glasselated: a disclosure header IS a list row, so it takes the register's\n     * row fills (`--surface-hover` / `--surface-active`) and the 6px row corner,\n     * rather than the neutral black/white scrims S2 uses. */\n    backgroundColor: {\n      default: \"transparent\",\n      isFocusVisible: \"surface-hover\",\n      isHovered: \"surface-hover\",\n      isPressed: \"[var(--surface-active)]\",\n    },\n    transition: \"default\",\n    borderWidth: 0,\n    borderRadius: \"row\",\n    textAlign: \"start\",\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides({ font: true }),\n);\n\n/* Glasselated: the disclosure affordance is the register's mono \">\" mark, rotated\n * 90° when the panel is open — the same mark the nav rail, the list rows and the\n * tree use, so one glyph means \"opens/leads somewhere\" everywhere in the register.\n * The rotate/RTL contract is unchanged; only the glyph replaced the chevron path. */\nconst chevronStyles = style<ChevronStyleProps>({\n  rotate: {\n    isRTL: 180,\n    isExpanded: 90,\n  },\n  transition: \"default\",\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  fontFamily: \"code\",\n  fontWeight: \"semi-bold\",\n  lineHeight: \"[1]\",\n  color: \"[var(--accent-primary)]\",\n  width: {\n    size: {\n      S: 10,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n  fontSize: {\n    size: {\n      S: \"[10px]\",\n      M: \"[10px]\",\n      L: \"[12px]\",\n      XL: \"[14px]\",\n    },\n  },\n});\n\nconst panelStyles = style({\n  font: \"body\",\n  height: \"--disclosure-panel-height\",\n  overflow: \"clip\",\n  transition: {\n    default: \"[height]\",\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n});\n\nconst panelInnerStyles = style<PanelInnerStyleProps>({\n  paddingTop: 8,\n  paddingBottom: 16,\n  paddingX: {\n    size: {\n      S: 8,\n      M: space(9),\n      L: 12,\n      XL: space(15),\n    },\n  },\n});\n\nconst InternalDisclosureHeaderContext = createContext<boolean>(false);\n\nfunction normalizeSize(size: CompatibleDisclosureSize | undefined): DisclosureSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    default:\n      return size ?? \"M\";\n  }\n}\n\nfunction normalizeQuiet(\n  isQuiet: boolean | undefined,\n  variant: DisclosureVariant | undefined,\n): boolean {\n  return isQuiet ?? variant === \"ghost\";\n}\n\nfunction getDisclosureContext(): DisclosureContextValue {\n  return useContext(DisclosureContext) ?? {};\n}\n\nfunction classNames(...values: Array<string | undefined | null | false>): string {\n  return values.filter(Boolean).join(\" \");\n}\n\nfunction styleAlias(\n  unsafeStyle: JSX.CSSProperties | undefined,\n  legacyStyle: JSX.CSSProperties | undefined,\n): JSX.CSSProperties | undefined {\n  if (unsafeStyle && legacyStyle) {\n    return { ...legacyStyle, ...unsafeStyle };\n  }\n\n  return unsafeStyle ?? legacyStyle;\n}\n\nfunction actionButtonSize(size: DisclosureSize, density: DisclosureDensity): ActionButtonSize {\n  const sizes: ActionButtonSize[] = [\"XS\", \"S\", \"M\", \"L\", \"XL\"];\n  const currentIndex = sizes.indexOf(size);\n  const shift = density === \"compact\" ? 2 : 1;\n  return sizes[Math.max(0, currentIndex - shift)];\n}\n\n/**\n * DisclosureGroup manages a group of Disclosure components. It is also the\n * shared S2 Accordion root primitive.\n */\nexport function DisclosureGroup(props: DisclosureGroupProps): JSX.Element {\n  const providerProps = useProviderProps(props) as DisclosureGroupProps & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(DisclosureContext), props.slot);\n  const merged = mergeProps<DisclosureGroupProps>(flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n\n  const size = () => normalizeSize(local.size);\n  const density = () => local.density ?? \"regular\";\n  const isQuiet = () => normalizeQuiet(local.isQuiet, local.variant);\n  const mergedSpectrumStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(\n      contextProps?.UNSAFE_style,\n      styleAlias(local.UNSAFE_style, local.style),\n    );\n  const getClassName = (_renderProps: DisclosureGroupRenderProps): string =>\n    classNames(\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(accordionStyles, mergedSpectrumStyles()),\n    );\n\n  const disclosureContext = {\n    get size() {\n      return size();\n    },\n    get density() {\n      return density();\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <DisclosureContext value={disclosureContext}>\n      <HeadlessDisclosureGroup\n        {...(headlessProps as HeadlessDisclosureGroupProps)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        {...{\n          \"data-rsp-component\": \"DisclosureGroup\",\n          \"data-size\": size(),\n          \"data-density\": density(),\n          \"data-quiet\": isQuiet() ? \"true\" : undefined,\n        }}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n      >\n        {local.children}\n      </HeadlessDisclosureGroup>\n    </DisclosureContext>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content.\n */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n  const providerProps = useProviderProps(props) as DisclosureProps & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const parentDisclosureContext = useContext(DisclosureContext);\n  const contextProps = getSlottedContextProps(parentDisclosureContext, props.slot);\n  const merged = mergeProps<DisclosureProps>(flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n\n  const size = () => normalizeSize(local.size);\n  const density = () => local.density ?? \"regular\";\n  const isQuiet = () => normalizeQuiet(local.isQuiet, local.variant);\n  const isInGroup = () => parentDisclosureContext !== null;\n  const mergedSpectrumStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(\n      contextProps?.UNSAFE_style,\n      styleAlias(local.UNSAFE_style, local.style),\n    );\n  const getClassName = (_renderProps: DisclosureRenderProps): string =>\n    classNames(\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        disclosureRootStyles({ isQuiet: isQuiet(), isInGroup: isInGroup() }),\n        mergedSpectrumStyles(),\n      ),\n    );\n\n  const disclosureContext = {\n    get size() {\n      return size();\n    },\n    get density() {\n      return density();\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <DisclosureContext value={disclosureContext}>\n      <HeadlessDisclosure\n        {...(headlessProps as HeadlessDisclosureProps)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        {...{\n          \"data-rsp-component\": \"Disclosure\",\n          \"data-size\": size(),\n          \"data-density\": density(),\n          \"data-quiet\": isQuiet() ? \"true\" : undefined,\n        }}\n        class={getClassName}\n        style={mergedUnsafeStyle()}\n      >\n        {local.children}\n      </HeadlessDisclosure>\n    </DisclosureContext>\n  );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements\n * not part of the trigger.\n */\nexport function DisclosureHeader(props: DisclosureHeaderProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n  const context = getDisclosureContext();\n  const size = () => normalizeSize(context.size);\n  const density = () => context.density ?? \"regular\";\n  const isQuiet = () => context.isQuiet;\n  const actionButtonContext = {\n    get size() {\n      return actionButtonSize(size(), density());\n    },\n    get isQuiet() {\n      return isQuiet();\n    },\n  };\n\n  return (\n    <ActionButtonContext value={actionButtonContext}>\n      <InternalDisclosureHeaderContext value>\n        <div\n          {...domProps}\n          ref={mergeContextRefs(local.ref)}\n          class={classNames(\n            local.UNSAFE_className,\n            local.class,\n            mergeStyles(headerStyles, local.styles),\n          )}\n          style={styleAlias(local.UNSAFE_style, local.style)}\n          data-rsp-slot=\"disclosure-header\"\n          data-size={size()}\n          data-density={density()}\n          data-quiet={isQuiet() ? \"true\" : undefined}\n        >\n          {local.children}\n        </div>\n      </InternalDisclosureHeaderContext>\n    </ActionButtonContext>\n  );\n}\n\nfunction DisclosureTitleContent(props: DisclosureTitleProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"children\",\n    \"level\",\n    \"hideIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n  ] as const);\n  const context = getDisclosureContext();\n  const headlessDisclosureContext = useHeadlessDisclosureContext();\n  const headlessState = useContext(HeadlessDisclosureStateContext);\n  const locale = useLocale();\n  const level = () => Math.min(6, Math.max(1, local.level ?? 3));\n  const size = () => normalizeSize(context.size);\n  const density = () => context.density ?? \"regular\";\n  const isQuiet = () => context.isQuiet;\n  const isDisabled = () => headlessDisclosureContext?.isDisabled() ?? false;\n  const isExpanded = () => headlessState?.isExpanded() ?? false;\n  const headingTag = () => `h${level()}` as keyof JSX.IntrinsicElements;\n  const { isFocusVisible, focusProps } = createFocusRing();\n  const triggerFocusProps = focusProps as JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  const isPressed = () => headlessDisclosureContext?.disclosureAria.isPressed() ?? false;\n\n  return (\n    <ElementTag\n      tag={headingTag()}\n      {...domProps}\n      ref={mergeContextRefs(local.ref)}\n      class={classNames(local.UNSAFE_className, local.class, headingStyles)}\n      style={styleAlias(local.UNSAFE_style, local.style)}\n      data-rsp-slot=\"disclosure-title\"\n      data-level={level()}\n    >\n      <HeadlessDisclosureTrigger\n        {...hoverProps}\n        onFocus={triggerFocusProps.onFocus}\n        onBlur={triggerFocusProps.onBlur}\n        class={buttonStyles(\n          {\n            size: size(),\n            density: density(),\n            isQuiet: isQuiet(),\n            isDisabled: isDisabled(),\n            isHovered: isHovered(),\n            isPressed: isPressed(),\n            isFocusVisible: isFocusVisible(),\n          },\n          local.styles,\n        )}\n        data-rsp-slot=\"disclosure-trigger\"\n        data-size={size()}\n        data-density={density()}\n        data-quiet={isQuiet() ? \"true\" : undefined}\n        data-hovered={isHovered() ? \"true\" : undefined}\n        data-pressed={isPressed() ? \"true\" : undefined}\n      >\n        <Show when={!local.hideIcon}>\n          <span\n            class={chevronStyles({\n              size: size(),\n              isExpanded: isExpanded(),\n              isRTL: locale().direction === \"rtl\",\n            })}\n            aria-hidden=\"true\"\n            data-rsp-slot=\"disclosure-chevron\"\n          >\n            {\">\"}\n          </span>\n        </Show>\n        {local.children}\n      </HeadlessDisclosureTrigger>\n    </ElementTag>\n  );\n}\n\n/**\n * A disclosure title consisting of a heading and a trigger button to\n * expand/collapse the panel.\n */\nexport function DisclosureTitle(props: DisclosureTitleProps): JSX.Element {\n  const isInsideHeader = useContext(InternalDisclosureHeaderContext);\n\n  if (isInsideHeader) {\n    return <DisclosureTitleContent {...props} />;\n  }\n\n  return (\n    <DisclosureHeader>\n      <DisclosureTitleContent {...props} />\n    </DisclosureHeader>\n  );\n}\n\n/**\n * DisclosureTrigger is kept as a compatibility alias for DisclosureTitle.\n */\nexport const DisclosureTrigger = DisclosureTitle;\nexport type DisclosureTriggerProps = DisclosureTitleProps;\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until\n * the disclosure is expanded.\n */\nexport function DisclosurePanel(props: DisclosurePanelProps): JSX.Element {\n  const [local, forwardedProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n    // `role` is split off and dropped to mirror S2's `DisclosurePanel`, which runs\n    // its props through `filterDOMProps(otherProps)` (no `propNames`) before handing\n    // them to RAC — that allowlist (id + data-*/aria-*) excludes `role`, so S2\n    // silently discards the `group`/`region` override and the panel is ALWAYS a\n    // `group`. Forwarding `role` to the headless panel (which honours it) would make\n    // the port emit a `region` landmark S2 never renders. See Disclosure.tsx:387\n    // (`const domProps = filterDOMProps(otherProps)`).\n    \"role\",\n  ] as const);\n  const headlessProps = forwardedProps;\n  const context = getDisclosureContext();\n  const size = () => normalizeSize(context.size);\n  const getClassName = (_renderProps: DisclosureRenderProps): string =>\n    classNames(local.UNSAFE_className, local.class, mergeStyles(panelStyles, local.styles));\n\n  return (\n    <HeadlessDisclosurePanel\n      {...(headlessProps as HeadlessDisclosurePanelProps)}\n      ref={mergeContextRefs(local.ref)}\n      {...{\n        \"data-rsp-slot\": \"disclosure-panel\",\n        \"data-size\": size(),\n      }}\n      class={getClassName}\n      style={styleAlias(local.UNSAFE_style, local.style)}\n    >\n      <div\n        class={panelInnerStyles({ size: size() })}\n        data-rsp-slot=\"disclosure-panel-content\"\n        data-size={size()}\n      >\n        {local.children}\n      </div>\n    </HeadlessDisclosurePanel>\n  );\n}\n\nDisclosure.Trigger = DisclosureTitle;\nDisclosure.Panel = DisclosurePanel;\nDisclosure.Header = DisclosureHeader;\nDisclosureGroup.Item = Disclosure;\n"],"mappings":"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"}

package/dist/divider/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type SeparatorProps as HeadlessSeparatorProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import type { UnsafeClassName } from "../s2-internal/style-utils";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AACvF,OAAO,EAEL,KAAK,cAAc,IAAI,sBAAsB,EAC9C,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAKlE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,sBAAsB,EACtB,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,KAAK,CACnD;IACC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,wFAAwF;IACxF,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,gEAA0D,CAAC;AAgEtF;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8CxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/divider/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAEL,KAAK,cAAc,IAAI,sBAAsB,EAC9C,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,sBAAsB,EACtB,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,KAAK,CACnD;IACC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,wFAAwF;IACxF,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,gEAA0D,CAAC;AAsEtF;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8CxD"}

package/dist/divider/index.js

@@ -1,6 +1,19 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Divider.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.js";
-import { createComponent, mergeProps } from "solid-js/web";
-import { createContext, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
+import { applyRef, createComponent, mergeProps } from "@solidjs/web";
+import { createContext, useContext } from "solid-js";
+import { mergeProps as mergeProps$1, splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Separator } from "@proyecto-viviana/solidaria-components";
 //#region src/divider/index.tsx
 const DividerContext = createContext(null);
@@ -26,38 +39,41 @@ const dividerStyles = function anonymous(props, overrides) {
 		if (p[1] === "Z") width = true;
 		rules += p[0];
 	}
-	if (props.staticColor === "white") rules += " -Ovbhqd-gcwrnr151";
-	else if (props.staticColor === "black") rules += " -Ovbhqd-g4hn3s151";
-	if (!alignSelf) rules += " _df151";
-	if (props.isStaticColor) if (props.size === "L") rules += " gi151";
-	else rules += " gg151";
-	else rules += " gvsWZX151";
-	rules += " gl_a151";
-	rules += " _je151";
-	if (!marginTop) rules += " Jy151";
-	if (!marginBottom) rules += " Gy151";
-	if (!marginInlineStart) rules += " Iy151";
-	if (!marginInlineEnd) rules += " Hy151";
-	if (!flexGrow) rules += " _ua151";
-	if (!flexShrink) rules += " _va151";
-	if (props.orientation === "horizontal") if (props.size === "L") rules += " FT4Nfn151";
-	else if (props.size === "S") rules += " FceNfn151";
-	else rules += " FLvNfn151";
+	if (props.staticColor === "white") rules += " -Ovbhqd-gcwrnr17";
+	else if (props.staticColor === "black") rules += " -Ovbhqd-g4hn3s17";
+	if (!alignSelf) rules += " _df17";
+	if (props.isStaticColor) {
+		if (props.size === "L") rules += " gi17";
+		else rules += " gg17";
+	} else rules += " gvsWZX17";
+	rules += " gl_a17";
+	rules += " _je17";
+	if (!marginTop) rules += " Jy17";
+	if (!marginBottom) rules += " Gy17";
+	if (!marginInlineStart) rules += " Iy17";
+	if (!marginInlineEnd) rules += " Hy17";
+	if (!flexGrow) rules += " _ua17";
+	if (!flexShrink) rules += " _va17";
+	if (props.orientation === "horizontal") {
+		if (props.size === "L") rules += " FT4Nfn17";
+		else if (props.size === "S") rules += " FceNfn17";
+		else rules += " FceNfn17";
+	}
 	if (props.orientation === "vertical") {
 		if (props.size === "L") {
-			if (!width) rules += " ZT4Nfn151";
+			if (!width) rules += " ZT4Nfn17";
 		} else if (props.size === "S") {
-			if (!width) rules += " ZceNfn151";
-		} else if (!width) rules += " ZLvNfn151";
+			if (!width) rules += " ZceNfn17";
+		} else if (!width) rules += " ZceNfn17";
 	}
 	return rules;
 };
 /**
 * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
-*/
-function Divider(props) {
+*/ function Divider(props) {
 	const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);
-	const [local, separatorProps] = splitProps(mergeProps$1(contextProps ?? {}, props), [
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local, separatorProps] = splitProps(merged, [
 		"size",
 		"orientation",
 		"staticColor",
@@ -71,15 +87,15 @@ function Divider(props) {
 	const orientation = () => local.orientation ?? "horizontal";
 	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
 	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	var _ref$ = mergeContextRefs(contextProps?.ref, props.ref);
 	return createComponent(Separator, mergeProps(separatorProps, {
 		ref(r$) {
-			var _ref$ = mergeContextRefs(contextProps?.ref, props.ref);
-			typeof _ref$ === "function" && _ref$(r$);
+			(typeof _ref$ === "function" || Array.isArray(_ref$)) && applyRef(_ref$, r$);
 		},
 		get orientation() {
 			return orientation();
 		},
-		get ["class"]() {
+		get "class"() {
 			return [
 				contextProps?.UNSAFE_className,
 				local.UNSAFE_className,

package/dist/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/divider/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport {\n  Separator as HeadlessSeparator,\n  type SeparatorProps as HeadlessSeparatorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DividerSize = \"S\" | \"M\" | \"L\";\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerStaticColor = \"white\" | \"black\" | \"auto\";\n\nexport interface DividerProps extends Omit<\n  HeadlessSeparatorProps,\n  \"class\" | \"style\" | \"elementType\" | \"slot\" | \"ref\"\n> {\n  /**\n   * How thick the Divider should be.\n   * @default 'M'\n   */\n  size?: DividerSize;\n  /**\n   * The orientation of the Divider.\n   * @default 'horizontal'\n   */\n  orientation?: DividerOrientation;\n  /** The static color style to apply when the Divider appears over a color background. */\n  staticColor?: DividerStaticColor;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const DividerContext = createContext<SpectrumContextValue<DividerProps>>(null);\n\nconst dividerStyles = style<{\n  size: DividerSize;\n  orientation: DividerOrientation;\n  staticColor?: DividerStaticColor;\n  isStaticColor: boolean;\n}>(\n  {\n    ...staticColor(),\n    alignSelf: \"stretch\",\n    /* The register paints its dividers as a filled span rather than drawing them as a\n       border, which is what makes an edge token legal in `backgroundColor` at all —\n       see the rule-weight entries in the backgroundColor map (style/spectrum-theme.ts),\n       added for exactly this component. The gray ramp it replaces reads markedly too\n       light in dark for a hairline.\n\n       One colour serves every size. `size` still separates its values by thickness\n       (1/2/4px in the height/width blocks below), and the token map deliberately\n       publishes no third, heavier rule weight for L to be promoted to. */\n    backgroundColor: {\n      default: \"border-default\",\n      isStaticColor: {\n        default: \"transparent-overlay-200\",\n        size: {\n          L: \"transparent-overlay-800\",\n        },\n      },\n      forcedColors: \"ButtonBorder\",\n    },\n    borderStyle: \"none\",\n    /* No borderRadius: a rule is square in this register. The vertical divider is a\n     * painted 1px span and the horizontal one a 1px edge — neither can or does round.\n     * `full` was rendering the 2px default rule as a stadium. The sibling primitive in\n     * separator/index.tsx declares no radius either. */\n    margin: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    height: {\n      orientation: {\n        horizontal: {\n          default: \"[2px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n    width: {\n      orientation: {\n        vertical: {\n          default: \"[2px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n */\nexport function Divider(props: DividerProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, separatorProps] = splitProps(merged, [\n    \"size\",\n    \"orientation\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => local.size ?? \"M\";\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  return (\n    <HeadlessSeparator\n      {...separatorProps}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n        props.ref,\n      )}\n      orientation={orientation()}\n      class={[\n        contextProps?.UNSAFE_className,\n        local.UNSAFE_className,\n        dividerStyles(\n          {\n            size: size(),\n            orientation: orientation(),\n            staticColor: local.staticColor,\n            isStaticColor: !!local.staticColor,\n          },\n          mergedStyles(),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergedUnsafeStyle()}\n      slot={local.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;AAmDA,MAAa,iBAAiB,cAAkD,IAAA;AAEhF,MAAM,gBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,eAAe,uBAAuB,WAAW,cAAA,GAAiB,MAAM,IAAI;CAElF,MAAM,CAAC,OAAO,kBAAkB,WADjB,aAAW,gBAAgB,CAAC,GAAG,KACH,GAAQ;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,oBAAoB,MAAM,eAAe;CAC/C,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAExE,OAAA,gBACG,WAAA,WACK,gBAAc;EAAA,IAAA,IAAA;GAAA,IAAA,QACb,iBACF,cAAwD,KACzD,MAAM,GAAG;GAAA,OAAA,UAAA,cAAA,MAAA,EAAA;EAAA;EAAA,IAEX,cAAA;GAAA,OAAa,YAAA;EAAA;EAAA,KAAA,WAAA;GAAA,OACN;IACL,cAAc;IACd,MAAM;IACN,cACE;KACE,MAAM,KAAA;KACN,aAAa,YAAA;KACb,aAAa,MAAM;KACnB,eAAe,CAAC,CAAC,MAAM;IACzB,GACA,aAAA,CAAA;GAAA,EAGD,OAAO,OAAA,EACP,KAAK,GAAA;EAAA;EAAA,IACR,QAAA;GAAA,OAAO,kBAAA;EAAA;EAAA,IACP,OAAA;GAAA,OAAM,MAAM,QAAQ,KAAA;EAAA;CAAA,CAAA,CAAA;AAG1B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/divider/index.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Divider.tsx\n\n// Port of packages/@react-spectrum/s2/src/Divider.tsx.\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  Separator as HeadlessSeparator,\n  type SeparatorProps as HeadlessSeparatorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DividerSize = \"S\" | \"M\" | \"L\";\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerStaticColor = \"white\" | \"black\" | \"auto\";\n\nexport interface DividerProps extends Omit<\n  HeadlessSeparatorProps,\n  \"class\" | \"style\" | \"elementType\" | \"slot\" | \"ref\"\n> {\n  /**\n   * How thick the Divider should be.\n   * @default 'M'\n   */\n  size?: DividerSize;\n  /**\n   * The orientation of the Divider.\n   * @default 'horizontal'\n   */\n  orientation?: DividerOrientation;\n  /** The static color style to apply when the Divider appears over a color background. */\n  staticColor?: DividerStaticColor;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const DividerContext = createContext<SpectrumContextValue<DividerProps>>(null);\n\nconst dividerStyles = style<{\n  size: DividerSize;\n  orientation: DividerOrientation;\n  staticColor?: DividerStaticColor;\n  isStaticColor: boolean;\n}>(\n  {\n    ...staticColor(),\n    alignSelf: \"stretch\",\n    /* The register paints its dividers as a filled span rather than drawing them as a\n       border, which is what makes an edge token legal in `backgroundColor` at all —\n       see the rule-weight entries in the backgroundColor map (style/spectrum-theme.ts),\n       added for exactly this component. The gray ramp it replaces reads markedly too\n       light in dark for a hairline.\n\n       One colour serves every size. `size` still separates its values by thickness\n       (1/2/4px in the height/width blocks below), and the token map deliberately\n       publishes no third, heavier rule weight for L to be promoted to. */\n    backgroundColor: {\n      default: \"border-default\",\n      isStaticColor: {\n        default: \"transparent-overlay-200\",\n        size: {\n          L: \"transparent-overlay-800\",\n        },\n      },\n      forcedColors: \"ButtonBorder\",\n    },\n    borderStyle: \"none\",\n    /* No borderRadius: a rule is square in this register. The vertical divider is a\n     * painted 1px span and the horizontal one a 1px edge — neither can or does round.\n     * `full` was rendering the 2px default rule as a stadium. The sibling primitive in\n     * separator/index.tsx declares no radius either. */\n    margin: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    /* The register draws ONE rule weight, and it is a hairline: every divider in the\n     * handoff is `1px solid var(--border-default)` (TerminalGlassLab.tsx §01). The\n     * default rung was Spectrum's 2px, which beside a 1px field edge and a 1px button\n     * rim reads as a heavier class of object than a divider is. Only the default (M)\n     * moves; S already drew the hairline and now coincides with it, and L keeps the\n     * 4px emphasis rule the ladder exists for. */\n    height: {\n      orientation: {\n        horizontal: {\n          default: \"[1px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n    width: {\n      orientation: {\n        vertical: {\n          default: \"[1px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n */\nexport function Divider(props: DividerProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);\n  const merged = mergeProps<DividerProps>(contextProps ?? {}, props);\n  const [local, separatorProps] = splitProps(merged, [\n    \"size\",\n    \"orientation\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => local.size ?? \"M\";\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  return (\n    <HeadlessSeparator\n      {...separatorProps}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n        props.ref,\n      )}\n      orientation={orientation()}\n      class={[\n        contextProps?.UNSAFE_className,\n        local.UNSAFE_className,\n        dividerStyles(\n          {\n            size: size(),\n            orientation: orientation(),\n            staticColor: local.staticColor,\n            isStaticColor: !!local.staticColor,\n          },\n          mergedStyles(),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergedUnsafeStyle()}\n      slot={local.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsEA,MAAa,iBAAiB,cAAkD,IAAA;AAEhF,MAAM,gBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,eAAe,uBAAuB,WAAW,cAAA,GAAiB,MAAM,IAAI;CAClF,MAAM,SAAS,aAAyB,gBAAgB,CAAC,GAAG,KAAA;CAC5D,MAAM,CAAC,OAAO,kBAAkB,WAAW,QAAQ;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,oBAAoB,MAAM,eAAe;CAC/C,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAKpE,IAAA,QAAK,iBACF,cAAwD,KACzD,MAAM,GAAG;CALf,OAAO,gBAAA,WAAA,WAEC,gBAFD;EAGH,IAAA,IAAA;GAEW,CAAA,OAAA,UAAA,cAAA,MAAA,QAAA,KAAA,MAFX,SAAA,OAAA,EAEW;;EAEX,IAAA,cAAA;GAAa,OAAA,YAAA;EAAA;EACb,IAAA,UAAA;GAAO,OAAA;IACL,cAAc;IACd,MAAM;IACN,cACE;KACE,MAAM,KAAA;KACN,aAAa,YAAA;KACb,aAAa,MAAM;KACnB,eAAe,CAAC,CAAC,MAAM;IACzB,GACA,aAAA,CAAA;GAEH,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;EAAA;EACR,IAAA,QAAA;GAAO,OAAA,kBAAA;EAAA;EACP,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAA;CAAA,CAAA,CAAA;AAG1B"}

package/dist/divider/index.jsx

@@ -1,5 +1,18 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Divider.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
-import { createContext, mergeProps, splitProps, useContext } from "solid-js";
+import { createContext, useContext } from "solid-js";
+import { mergeProps, splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Separator } from "@proyecto-viviana/solidaria-components";
 //#region src/divider/index.tsx
 const DividerContext = createContext(null);
@@ -25,29 +38,32 @@ const dividerStyles = function anonymous(props, overrides) {
 		if (p[1] === "Z") width = true;
 		rules += p[0];
 	}
-	if (props.staticColor === "white") rules += " -Ovbhqd-gcwrnr151";
-	else if (props.staticColor === "black") rules += " -Ovbhqd-g4hn3s151";
-	if (!alignSelf) rules += " _df151";
-	if (props.isStaticColor) if (props.size === "L") rules += " gi151";
-	else rules += " gg151";
-	else rules += " gvsWZX151";
-	rules += " gl_a151";
-	rules += " _je151";
-	if (!marginTop) rules += " Jy151";
-	if (!marginBottom) rules += " Gy151";
-	if (!marginInlineStart) rules += " Iy151";
-	if (!marginInlineEnd) rules += " Hy151";
-	if (!flexGrow) rules += " _ua151";
-	if (!flexShrink) rules += " _va151";
-	if (props.orientation === "horizontal") if (props.size === "L") rules += " FT4Nfn151";
-	else if (props.size === "S") rules += " FceNfn151";
-	else rules += " FLvNfn151";
+	if (props.staticColor === "white") rules += " -Ovbhqd-gcwrnr17";
+	else if (props.staticColor === "black") rules += " -Ovbhqd-g4hn3s17";
+	if (!alignSelf) rules += " _df17";
+	if (props.isStaticColor) {
+		if (props.size === "L") rules += " gi17";
+		else rules += " gg17";
+	} else rules += " gvsWZX17";
+	rules += " gl_a17";
+	rules += " _je17";
+	if (!marginTop) rules += " Jy17";
+	if (!marginBottom) rules += " Gy17";
+	if (!marginInlineStart) rules += " Iy17";
+	if (!marginInlineEnd) rules += " Hy17";
+	if (!flexGrow) rules += " _ua17";
+	if (!flexShrink) rules += " _va17";
+	if (props.orientation === "horizontal") {
+		if (props.size === "L") rules += " FT4Nfn17";
+		else if (props.size === "S") rules += " FceNfn17";
+		else rules += " FceNfn17";
+	}
 	if (props.orientation === "vertical") {
 		if (props.size === "L") {
-			if (!width) rules += " ZT4Nfn151";
+			if (!width) rules += " ZT4Nfn17";
 		} else if (props.size === "S") {
-			if (!width) rules += " ZceNfn151";
-		} else if (!width) rules += " ZLvNfn151";
+			if (!width) rules += " ZceNfn17";
+		} else if (!width) rules += " ZceNfn17";
 	}
 	return rules;
 };
@@ -55,7 +71,8 @@ const dividerStyles = function anonymous(props, overrides) {
 * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
 */ function Divider(props) {
 	const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);
-	const [local, separatorProps] = splitProps(mergeProps(contextProps ?? {}, props), [
+	const merged = mergeProps(contextProps ?? {}, props);
+	const [local, separatorProps] = splitProps(merged, [
 		"size",
 		"orientation",
 		"staticColor",

package/dist/divider/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/divider/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport {\n  Separator as HeadlessSeparator,\n  type SeparatorProps as HeadlessSeparatorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DividerSize = \"S\" | \"M\" | \"L\";\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerStaticColor = \"white\" | \"black\" | \"auto\";\n\nexport interface DividerProps extends Omit<\n  HeadlessSeparatorProps,\n  \"class\" | \"style\" | \"elementType\" | \"slot\" | \"ref\"\n> {\n  /**\n   * How thick the Divider should be.\n   * @default 'M'\n   */\n  size?: DividerSize;\n  /**\n   * The orientation of the Divider.\n   * @default 'horizontal'\n   */\n  orientation?: DividerOrientation;\n  /** The static color style to apply when the Divider appears over a color background. */\n  staticColor?: DividerStaticColor;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const DividerContext = createContext<SpectrumContextValue<DividerProps>>(null);\n\nconst dividerStyles = style<{\n  size: DividerSize;\n  orientation: DividerOrientation;\n  staticColor?: DividerStaticColor;\n  isStaticColor: boolean;\n}>(\n  {\n    ...staticColor(),\n    alignSelf: \"stretch\",\n    /* The register paints its dividers as a filled span rather than drawing them as a\n       border, which is what makes an edge token legal in `backgroundColor` at all —\n       see the rule-weight entries in the backgroundColor map (style/spectrum-theme.ts),\n       added for exactly this component. The gray ramp it replaces reads markedly too\n       light in dark for a hairline.\n\n       One colour serves every size. `size` still separates its values by thickness\n       (1/2/4px in the height/width blocks below), and the token map deliberately\n       publishes no third, heavier rule weight for L to be promoted to. */\n    backgroundColor: {\n      default: \"border-default\",\n      isStaticColor: {\n        default: \"transparent-overlay-200\",\n        size: {\n          L: \"transparent-overlay-800\",\n        },\n      },\n      forcedColors: \"ButtonBorder\",\n    },\n    borderStyle: \"none\",\n    /* No borderRadius: a rule is square in this register. The vertical divider is a\n     * painted 1px span and the horizontal one a 1px edge — neither can or does round.\n     * `full` was rendering the 2px default rule as a stadium. The sibling primitive in\n     * separator/index.tsx declares no radius either. */\n    margin: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    height: {\n      orientation: {\n        horizontal: {\n          default: \"[2px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n    width: {\n      orientation: {\n        vertical: {\n          default: \"[2px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n */\nexport function Divider(props: DividerProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, separatorProps] = splitProps(merged, [\n    \"size\",\n    \"orientation\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => local.size ?? \"M\";\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  return (\n    <HeadlessSeparator\n      {...separatorProps}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n        props.ref,\n      )}\n      orientation={orientation()}\n      class={[\n        contextProps?.UNSAFE_className,\n        local.UNSAFE_className,\n        dividerStyles(\n          {\n            size: size(),\n            orientation: orientation(),\n            staticColor: local.staticColor,\n            isStaticColor: !!local.staticColor,\n          },\n          mergedStyles(),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergedUnsafeStyle()}\n      slot={local.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;AAyBA,MAAM,gBAAW,SAAa,UAAQ,OAAI,WAAA;CACxC,IAAA,QAAA;CACC,IAAK,YAAY;CAClB,IAAA,YAAA;CACE,IAAA,eAAA;CACA,IAAI,oBAAmB;CACvB,IAAE,kBAAU;CACZ,IAAA,WAAA;CACF,IAAM,aAAY;CAChB,IAAA,QAAA;CACA,IAAI,UAAC,OAAe,aAAW,EAAA,EAAA,SAAA,+EAAA;CAC/B,KAAE,IAAO,KAAE,SAAU;EACrB,IAAA,EAAA,OAAA,MAAA,YAAA;EACF,IAAA,EAAY,OAAE,KAAA,YAAkB;EAC5B,IAAI,EAAA,OAAO,KAAM,eAAe;EACpC,IAAA,EAAY,OAAE,KAAA,oBAAkB;EAC5B,IAAA,EAAQ,OAAC,KAAQ,kBAAoB;EACnC,IAAG,EAAA,OAAA,MAAgB,WAAK;EAC1B,IAAA,EAAA,OAAe,MAAM,aAAU;EACnC,IAAA,EAAA,OAAmB,KAAA,QAAA;EACf,SAAW,EAAA;CACf;CACA,IAAM,MAAC,gBAAa,SACd,SAAQ;MAChB,IAAA,MAAA,gBAAA,SAAA,SAAA;;CAIA,IAAM,MAAA,eACE,IAAA,MAAA,SAAW,KACjB,SAAa;MAEb,SAAe;MAGV,SAAA;CAEH,SAAO;CACP,SAAS;CACT,IAAG,CAAA,WAAa,SAAO;CACvB,IAAG,CAAA,cAAU,SAAa;CAC1B,IAAG,CAAA,mBAAoB,SAAQ;;CAE/B,IAAG,CAAA,UAAW,SAAO;CACrB,IAAI,CAAC,YAAU,SAAW;CAC1B,IAAG,MAAA,gBAAoB,cACvB,IAAA,MAAA,SAAiB,KACf,SAAU;MACV,IAAa,MAAE,SAAA,KACb,SAAU;MAEN,SAAE;CAGV,IAAE,MAAA,gBAAe;MAChB,MAAA,SAAA;OACW,CAAC,OAAM,SAAA;EAAA,OACb,IAAA,MAAe,SAAS;OACnB,CAAA,OAAS,SAAQ;EAAA,OAEzB,IAAS,CAAC,OAAM,SAAI;CAAA;CAGvB,OAAA;AACJ;;;GAGI,SAAgB,QAAM,OAAA;CACtB,MAAM,eAAM,uBAAA,WAAA,cAAA,GAAA,MAAA,IAAA;CAEZ,MAAM,CAAC,OAAM,kBAAK,WADL,WAAK,gBAAA,CAAA,GAAA,KACA,GAAA;EACd;EACA;EACD;EACF;EACD;EACE;EACE;EACA;CACJ,CAAC;CACD,MAAM,aAAW,MAAC,QAAA;CAClB,MAAM,oBAAY,MAAA,eAAA;CAClB,MAAM,qBAAC,mBAAA,cAAA,QAAA,MAAA,MAAA;CACP,MAAK,0BAAA,wBAAA,cAAA,cAAA,MAAA,YAAA;CACL,OAAG,CAAA,cAAA,gBAAA,KAAA,iBAAA,cAEJ,KAAA,MAAA,GAAA,GAAA,aAAA,YAAA,GAAA,OAAA;EACD,cAAoB;EACrB,MAAA;;GAEC,MAAA,KAAA;GACU,aAAa,YAAY;GACnC,aAAA,MAAA;GACK,eAAiB,CAAA,CAAK,MAAE;EACvB,GAAA,aAAe,CAAA;CACrB,EAAA,OAAM,OAAS,EAAA,KAAU,GAAC,GAAA,OAAY,kBAAc,GAAA,MAAA,MAAA,QAAA,KAAA;AACtD"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/divider/index.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Divider.tsx\n\n// Port of packages/@react-spectrum/s2/src/Divider.tsx.\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  Separator as HeadlessSeparator,\n  type SeparatorProps as HeadlessSeparatorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type DividerSize = \"S\" | \"M\" | \"L\";\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerStaticColor = \"white\" | \"black\" | \"auto\";\n\nexport interface DividerProps extends Omit<\n  HeadlessSeparatorProps,\n  \"class\" | \"style\" | \"elementType\" | \"slot\" | \"ref\"\n> {\n  /**\n   * How thick the Divider should be.\n   * @default 'M'\n   */\n  size?: DividerSize;\n  /**\n   * The orientation of the Divider.\n   * @default 'horizontal'\n   */\n  orientation?: DividerOrientation;\n  /** The static color style to apply when the Divider appears over a color background. */\n  staticColor?: DividerStaticColor;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const DividerContext = createContext<SpectrumContextValue<DividerProps>>(null);\n\nconst dividerStyles = style<{\n  size: DividerSize;\n  orientation: DividerOrientation;\n  staticColor?: DividerStaticColor;\n  isStaticColor: boolean;\n}>(\n  {\n    ...staticColor(),\n    alignSelf: \"stretch\",\n    /* The register paints its dividers as a filled span rather than drawing them as a\n       border, which is what makes an edge token legal in `backgroundColor` at all —\n       see the rule-weight entries in the backgroundColor map (style/spectrum-theme.ts),\n       added for exactly this component. The gray ramp it replaces reads markedly too\n       light in dark for a hairline.\n\n       One colour serves every size. `size` still separates its values by thickness\n       (1/2/4px in the height/width blocks below), and the token map deliberately\n       publishes no third, heavier rule weight for L to be promoted to. */\n    backgroundColor: {\n      default: \"border-default\",\n      isStaticColor: {\n        default: \"transparent-overlay-200\",\n        size: {\n          L: \"transparent-overlay-800\",\n        },\n      },\n      forcedColors: \"ButtonBorder\",\n    },\n    borderStyle: \"none\",\n    /* No borderRadius: a rule is square in this register. The vertical divider is a\n     * painted 1px span and the horizontal one a 1px edge — neither can or does round.\n     * `full` was rendering the 2px default rule as a stadium. The sibling primitive in\n     * separator/index.tsx declares no radius either. */\n    margin: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    /* The register draws ONE rule weight, and it is a hairline: every divider in the\n     * handoff is `1px solid var(--border-default)` (TerminalGlassLab.tsx §01). The\n     * default rung was Spectrum's 2px, which beside a 1px field edge and a 1px button\n     * rim reads as a heavier class of object than a divider is. Only the default (M)\n     * moves; S already drew the hairline and now coincides with it, and L keeps the\n     * 4px emphasis rule the ladder exists for. */\n    height: {\n      orientation: {\n        horizontal: {\n          default: \"[1px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n    width: {\n      orientation: {\n        vertical: {\n          default: \"[1px]\",\n          size: {\n            S: \"[1px]\",\n            L: \"[4px]\",\n          },\n        },\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n */\nexport function Divider(props: DividerProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(DividerContext), props.slot);\n  const merged = mergeProps<DividerProps>(contextProps ?? {}, props);\n  const [local, separatorProps] = splitProps(merged, [\n    \"size\",\n    \"orientation\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => local.size ?? \"M\";\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  return (\n    <HeadlessSeparator\n      {...separatorProps}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n        props.ref,\n      )}\n      orientation={orientation()}\n      class={[\n        contextProps?.UNSAFE_className,\n        local.UNSAFE_className,\n        dividerStyles(\n          {\n            size: size(),\n            orientation: orientation(),\n            staticColor: local.staticColor,\n            isStaticColor: !!local.staticColor,\n          },\n          mergedStyles(),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergedUnsafeStyle()}\n      slot={local.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsEA,MAAa,iBAAiB,cAAkD,IAAA;AAEhF,MAAM,gBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,eAAe,uBAAuB,WAAW,cAAA,GAAiB,MAAM,IAAI;CAClF,MAAM,SAAS,WAAyB,gBAAgB,CAAC,GAAG,KAAA;CAC5D,MAAM,CAAC,OAAO,kBAAkB,WAAW,QAAQ;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,oBAAoB,MAAM,eAAe;CAC/C,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAExE,OAAO,CACJ,cACK,gBACJ,KAAK,iBACF,cAAwD,KACzD,MAAM,GAAG,GAEX,aAAa,YAAA,GACb,OAAO;EACL,cAAc;EACd,MAAM;EACN,cACE;GACE,MAAM,KAAA;GACN,aAAa,YAAA;GACb,aAAa,MAAM;GACnB,eAAe,CAAC,CAAC,MAAM;EACzB,GACA,aAAA,CAAA;CAEH,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA,GACR,OAAO,kBAAA,GACP,MAAM,MAAM,QAAQ,KAAA;AAG1B"}

package/dist/dropzone/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type DropZoneProps as HeadlessDropZoneProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import type { StylesPropWithHeight, UnsafeClassName } from "../s2-internal/style-utils";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,aAAa,IAAI,qBAAqB,EAE5C,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAExF,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,qBAAqB,EACnB,OAAO,GACP,OAAO,GACP,UAAU,GACV,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,eAAe,GACf,MAAM,GACN,KAAK,CACR;IACC,8CAA8C;IAC9C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,MAAM,CAAC,EAAE,oBAAoB,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IAChE,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,iEAA2D,CAAC;AAsDxF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA+E1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropzone/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,aAAa,IAAI,qBAAqB,EAE5C,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAExF,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAKpC,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,qBAAqB,EACnB,OAAO,GACP,OAAO,GACP,UAAU,GACV,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,eAAe,GACf,MAAM,GACN,KAAK,CACR;IACC,8CAA8C;IAC9C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,MAAM,CAAC,EAAE,oBAAoB,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IAChE,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,iEAA2D,CAAC;AAuExF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA+E1D"}