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

package/dist/disclosure/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":"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"}
+{"version":3,"file":"index.js","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/disclosure/index.jsx

@@ -1,33 +1,46 @@
+/*
+* 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/Disclosure.tsx
 import { t as mergeStyles } from "../_chunk/runtime.jsx";
-import { useProviderProps } from "../provider/index.jsx";
+import { a as useProviderProps } from "../_chunk/provider.jsx";
 import { t as ActionButtonContext } from "../_chunk/context.jsx";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
-import { Show, createContext, mergeProps, splitProps, useContext } from "solid-js";
-import { createFocusRing, createHover, useLocale } from "@proyecto-viviana/solidaria";
+import { Show, createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Disclosure as Disclosure$1, DisclosureGroup as DisclosureGroup$1, DisclosurePanel as DisclosurePanel$1, DisclosureStateContext, DisclosureTrigger as DisclosureTrigger$1, ElementTag, useDisclosureContext } from "@proyecto-viviana/solidaria-components";
+import { createFocusRing, createHover, mergeProps as mergeProps$1, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/disclosure/index.tsx
 const DisclosureContext = createContext(null);
-const accordionStyles = " sd151 _ta151";
+const accordionStyles = " sd17 _ta17";
 const disclosureRootStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " pHKLAu151";
-	if (props.isQuiet) rules += " _ka151";
-	else rules += " _kb151";
+	rules += " pmiKvLd17";
+	if (props.isQuiet) rules += " _ka17";
+	else rules += " _kb17";
 	if (props.isInGroup) {
-		rules += " ha151";
-		if (props.isQuiet) rules += " hka151";
-		else rules += " hkb151";
-	} else if (props.isQuiet) rules += " ha151";
-	else rules += " hb151";
-	rules += " ma151";
-	rules += " la151";
-	rules += " _jf151";
-	rules += " irHHOgb151";
-	rules += " Ng151";
+		rules += " ha17";
+		if (props.isQuiet) rules += " hka17";
+		else rules += " hkb17";
+	} else if (props.isQuiet) rules += " ha17";
+	else rules += " hb17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " _jf17";
+	rules += " irHHOgb17";
+	rules += " Ng17";
 	return rules;
 };
-const headerStyles = " sd151 eb151 Ub151 qb151";
-const headingStyles = " Jy151 Gy151 Iy151 Hy151 _ub151 sd151 _vb151 Na151";
+const headerStyles = " sd17 eb17 Ub17 qb17";
+const headingStyles = " Jy17 Gy17 Iy17 Hy17 _ub17 sd17 _vb17 Na17";
 const buttonStyles = function anonymous(props, overrides) {
 	let rules = " ";
 	let fontFamily = false;
@@ -51,153 +64,130 @@ const buttonStyles = function anonymous(props, overrides) {
 		if (p[1] === "Z") width = true;
 		rules += p[0];
 	}
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kb151";
-	if (!fontFamily) rules += " uxe7h4151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kb17";
+	if (!fontFamily) rules += " uxe7h417";
 	if (props.size === "XL") {
-		if (!__fs) rules += " -_6BNtrc-f151";
-		if (!fontSize) rules += " vx151";
+		if (!__fs) rules += " -_6BNtrc-f17";
+		if (!fontSize) rules += " vx17";
 	} else if (props.size === "L") {
-		if (!__fs) rules += " -_6BNtrc-e151";
-		if (!fontSize) rules += " vx151";
+		if (!__fs) rules += " -_6BNtrc-e17";
+		if (!fontSize) rules += " vx17";
 	} else if (props.size === "M") {
-		if (!__fs) rules += " -_6BNtrc-d151";
-		if (!fontSize) rules += " vx151";
+		if (!__fs) rules += " -_6BNtrc-d17";
+		if (!fontSize) rules += " vx17";
 	} else if (props.size === "S") {
-		if (!__fs) rules += " -_6BNtrc-c151";
-		if (!fontSize) rules += " vx151";
+		if (!__fs) rules += " -_6BNtrc-c17";
+		if (!fontSize) rules += " vx17";
 	}
-	if (!fontWeight) rules += " xd151";
-	if (!fontSynthesisWeight) rules += " _xa151";
-	if (!fontWeight) rules += " xX0cczbc151";
-	if (!fontSynthesisWeight) rules += " _xX0cczba151";
-	if (!lineHeight) rules += " _Fd151";
-	if (!lineHeight) rules += " _FnuYUweb151";
+	if (!fontWeight) rules += " xd17";
+	if (!fontSynthesisWeight) rules += " _xa17";
+	if (!fontWeight) rules += " xX0cczbc17";
+	if (!fontSynthesisWeight) rules += " _xX0cczba17";
+	if (!lineHeight) rules += " _Fd17";
+	if (!lineHeight) rules += " _FnuYUweb17";
 	if (props.isDisabled) {
-		rules += " pUvnvv151";
-		rules += " plc151";
+		rules += " p8H6Pad17";
+		rules += " plc17";
 	} else {
-		if (props.isPressed) rules += " pMwyHo151";
-		else if (props.isFocusVisible) rules += " pMwyHo151";
-		else if (props.isHovered) rules += " pMwyHo151";
-		else rules += " pHKLAu151";
-		rules += " plb151";
+		if (props.isPressed) rules += " pBJTC6c17";
+		else if (props.isFocusVisible) rules += " pBJTC6c17";
+		else if (props.isHovered) rules += " pBJTC6c17";
+		else rules += " pmiKvLd17";
+		rules += " plb17";
 	}
-	rules += " sd151";
-	if (!flexGrow) rules += " _ub151";
-	rules += " ea151";
-	rules += " S6FcKR151";
-	rules += " R6FcKR151";
-	rules += " Tu7Fubd151";
-	rules += " Qu7Fubd151";
-	rules += " U6FcKR151";
-	rules += " q6FcKR151";
-	rules += " MAyFGYc151";
-	if (!width) rules += " Za151";
-	if (props.isPressed) rules += " gnSjEFb151";
-	else if (props.isHovered) rules += " gabY4te151";
-	else if (props.isFocusVisible) rules += " gabY4te151";
-	else rules += " g9151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
-	rules += " _kJ8iPYd151";
-	rules += " hXMFGYc151";
-	rules += " ma151";
-	rules += " la151";
-	if (props.isQuiet) rules += " ob151";
-	else if (props.isFocusVisible) rules += " ob151";
-	else rules += " od151";
-	if (props.isQuiet) rules += " nb151";
-	else if (props.isFocusVisible) rules += " nb151";
-	else rules += " nd151";
-	if (props.isQuiet) rules += " kb151";
-	else if (props.isFocusVisible) rules += " kb151";
-	else rules += " kd151";
-	if (props.isQuiet) rules += " jb151";
-	else if (props.isFocusVisible) rules += " jb151";
-	else rules += " jd151";
-	rules += " _Wd151";
-	rules += " __ca151";
+	rules += " sd17";
+	if (!flexGrow) rules += " _ub17";
+	rules += " ea17";
+	rules += " S6FcKR17";
+	rules += " R6FcKR17";
+	rules += " Tu7Fubd17";
+	rules += " Qu7Fubd17";
+	rules += " U6FcKR17";
+	rules += " q6FcKR17";
+	rules += " MAyFGYc17";
+	if (!width) rules += " Za17";
+	if (props.isPressed) rules += " gZuYZFe17";
+	else if (props.isHovered) rules += " gvHkjsd17";
+	else if (props.isFocusVisible) rules += " gvHkjsd17";
+	else rules += " g917";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
+	rules += " _kJ8iPYd17";
+	rules += " hXMFGYc17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " of17";
+	rules += " nf17";
+	rules += " kf17";
+	rules += " jf17";
+	rules += " _Wd17";
+	rules += " __ca17";
 	if (props.size === "XL") {
-		if (props.density === "spacious") rules += " -M_-Mj151";
-		else if (props.density === "regular") rules += " -M_-Mk151";
-		else if (props.density === "compact") rules += " -M_-Mh151";
+		if (props.density === "spacious") rules += " -M_-Mj17";
+		else if (props.density === "regular") rules += " -M_-Mk17";
+		else if (props.density === "compact") rules += " -M_-Mh17";
 	} else if (props.size === "L") {
-		if (props.density === "spacious") rules += " -M_-Mk151";
-		else if (props.density === "regular") rules += " -M_-Mh151";
-		else if (props.density === "compact") rules += " -M_-Mi151";
+		if (props.density === "spacious") rules += " -M_-Mk17";
+		else if (props.density === "regular") rules += " -M_-Mh17";
+		else if (props.density === "compact") rules += " -M_-Mi17";
 	} else if (props.size === "M") {
-		if (props.density === "spacious") rules += " -M_-Mh151";
-		else if (props.density === "regular") rules += " -M_-Mi151";
-		else if (props.density === "compact") rules += " -M_-Mg151";
+		if (props.density === "spacious") rules += " -M_-Mh17";
+		else if (props.density === "regular") rules += " -M_-Mi17";
+		else if (props.density === "compact") rules += " -M_-Mg17";
 	} else if (props.size === "S") {
-		if (props.density === "spacious") rules += " -M_-Mi151";
-		else if (props.density === "regular") rules += " -M_-Mg151";
-		else if (props.density === "compact") rules += " -M_-Me151";
+		if (props.density === "spacious") rules += " -M_-Mi17";
+		else if (props.density === "regular") rules += " -M_-Mg17";
+		else if (props.density === "compact") rules += " -M_-Me17";
 	}
-	rules += " -_k_-_ka151";
-	rules += " -h_-ha151";
+	rules += " -_k_-_ka17";
+	rules += " -h_-ha17";
 	return rules;
 };
 const chevronStyles = function anonymous(props) {
 	let rules = " ";
-	if (props.isExpanded) rules += " _Sd151";
-	else if (props.isRTL) rules += " _Sc151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
-	rules += " -_8sjo0b-t5ZbAob151";
-	rules += " _va151";
-	if (props.size === "XL") rules += " Zk151";
-	else if (props.size === "L") rules += " Zj151";
-	else if (props.size === "M") rules += " Zi151";
-	else if (props.size === "S") rules += " Zi151";
-	if (props.size === "XL") rules += " Fl151";
-	else if (props.size === "L") rules += " Fk151";
-	else if (props.size === "M") rules += " Fj151";
-	else if (props.size === "S") rules += " Fj151";
+	if (props.isExpanded) rules += " _Sd17";
+	else if (props.isRTL) rules += " _Sc17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
+	rules += " _va17";
+	rules += " sd17";
+	rules += " eb17";
+	rules += " _Ca17";
+	rules += " uxe7h417";
+	rules += " xg17";
+	rules += " _xa17";
+	rules += " _F2mU17";
+	rules += " psfU9i17";
+	if (props.size === "XL") rules += " Zk17";
+	else if (props.size === "L") rules += " Zj17";
+	else if (props.size === "M") rules += " Zi17";
+	else if (props.size === "S") rules += " Zi17";
+	if (props.size === "XL") rules += " vY4qurc17";
+	else if (props.size === "L") rules += " vQvqurc17";
+	else if (props.size === "M") rules += " vIWpurc17";
+	else if (props.size === "S") rules += " vIWpurc17";
 	return rules;
 };
-const chevronIcons = {
-	S: {
-		size: 10,
-		viewBox: "0 0 10 10",
-		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"
-	},
-	M: {
-		size: 10,
-		viewBox: "0 0 10 10",
-		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"
-	},
-	L: {
-		size: 12,
-		viewBox: "0 0 12 12",
-		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"
-	},
-	XL: {
-		size: 14,
-		viewBox: "0 0 14 14",
-		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"
-	}
-};
-const panelStyles = " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-c151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151 pHKLAu151 FfwmW1d151 _Nb151 Pb151 Ysgyfc151 Ydklsgce151 Xb151 Xdklsgcb151 _2b151 _2dklsgcb151";
+const panelStyles = " uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-c17 vx17 xb17 _xa17 _Fb17 _FnuYUwec17 pmiKvLd17 FfwmW1d17 _Nb17 Pb17 Ysgyfc17 Ydklsgce17 Xb17 Xdklsgcb17 _2b17 _2dklsgcb17";
 const panelInnerStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " Tt151";
-	rules += " Qf151";
-	if (props.size === "XL") rules += " Sz5EUbe151";
-	else if (props.size === "L") rules += " Se151";
-	else if (props.size === "M") rules += " SLabwmd151";
-	else if (props.size === "S") rules += " St151";
-	if (props.size === "XL") rules += " Rz5EUbe151";
-	else if (props.size === "L") rules += " Re151";
-	else if (props.size === "M") rules += " RLabwmd151";
-	else if (props.size === "S") rules += " Rt151";
+	rules += " Tt17";
+	rules += " Qf17";
+	if (props.size === "XL") rules += " Sz5EUbe17";
+	else if (props.size === "L") rules += " Se17";
+	else if (props.size === "M") rules += " SLabwmd17";
+	else if (props.size === "S") rules += " St17";
+	if (props.size === "XL") rules += " Rz5EUbe17";
+	else if (props.size === "L") rules += " Re17";
+	else if (props.size === "M") rules += " RLabwmd17";
+	else if (props.size === "S") rules += " Rt17";
 	return rules;
 };
 const InternalDisclosureHeaderContext = createContext(false);
@@ -241,8 +231,17 @@ function actionButtonSize(size, density) {
 * shared S2 Accordion root primitive.
 */ function DisclosureGroup(props) {
 	const providerProps = useProviderProps(props);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const contextProps = getSlottedContextProps(useContext(DisclosureContext), props.slot);
-	const [local, headlessProps] = splitProps(mergeProps(providerProps, contextProps ?? {}, props), [
+	const merged = mergeProps$1(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(merged, [
 		"children",
 		"size",
 		"density",
@@ -273,7 +272,7 @@ function actionButtonSize(size, density) {
 			return isQuiet();
 		}
 	};
-	return <DisclosureContext.Provider value={disclosureContext}>
+	return <DisclosureContext value={disclosureContext}>
       <DisclosureGroup$1 {...headlessProps} ref={mergeContextRefs(contextProps?.ref, props.ref)} {...{
 		"data-rsp-component": "DisclosureGroup",
 		"data-size": size(),
@@ -282,15 +281,24 @@ function actionButtonSize(size, density) {
 	}} class={getClassName} style={mergedUnsafeStyle()}>
         {local.children}
       </DisclosureGroup$1>
-    </DisclosureContext.Provider>;
+    </DisclosureContext>;
 }
 /**
 * A disclosure is a collapsible section of content.
 */ function Disclosure(props) {
 	const providerProps = useProviderProps(props);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const parentDisclosureContext = useContext(DisclosureContext);
 	const contextProps = getSlottedContextProps(parentDisclosureContext, props.slot);
-	const [local, headlessProps] = splitProps(mergeProps(providerProps, contextProps ?? {}, props), [
+	const merged = mergeProps$1(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(merged, [
 		"children",
 		"size",
 		"density",
@@ -325,7 +333,7 @@ function actionButtonSize(size, density) {
 			return isQuiet();
 		}
 	};
-	return <DisclosureContext.Provider value={disclosureContext}>
+	return <DisclosureContext value={disclosureContext}>
       <Disclosure$1 {...headlessProps} ref={mergeContextRefs(contextProps?.ref, props.ref)} {...{
 		"data-rsp-component": "Disclosure",
 		"data-size": size(),
@@ -334,7 +342,7 @@ function actionButtonSize(size, density) {
 	}} class={getClassName} style={mergedUnsafeStyle()}>
         {local.children}
       </Disclosure$1>
-    </DisclosureContext.Provider>;
+    </DisclosureContext>;
 }
 /**
 * A wrapper element for the disclosure title that can contain other elements
@@ -362,13 +370,13 @@ function actionButtonSize(size, density) {
 			return isQuiet();
 		}
 	};
-	return <ActionButtonContext.Provider value={actionButtonContext}>
-      <InternalDisclosureHeaderContext.Provider value>
+	return <ActionButtonContext value={actionButtonContext}>
+      <InternalDisclosureHeaderContext value>
         <div {...domProps} ref={mergeContextRefs(local.ref)} class={classNames(local.UNSAFE_className, local.class, mergeStyles(headerStyles, local.styles))} style={styleAlias(local.UNSAFE_style, local.style)} data-rsp-slot="disclosure-header" data-size={size()} data-density={density()} data-quiet={isQuiet() ? "true" : void 0}>
           {local.children}
         </div>
-      </InternalDisclosureHeaderContext.Provider>
-    </ActionButtonContext.Provider>;
+      </InternalDisclosureHeaderContext>
+    </ActionButtonContext>;
 }
 function DisclosureTitleContent(props) {
 	const [local, domProps] = splitProps(props, [
@@ -394,7 +402,6 @@ function DisclosureTitleContent(props) {
 	const isDisabled = () => headlessDisclosureContext?.isDisabled() ?? false;
 	const isExpanded = () => headlessState?.isExpanded() ?? false;
 	const headingTag = () => `h${level()}`;
-	const chevronIcon = () => chevronIcons[size()];
 	const { isFocusVisible, focusProps } = createFocusRing();
 	const triggerFocusProps = focusProps;
 	const { isHovered, hoverProps } = createHover({ get isDisabled() {
@@ -412,13 +419,13 @@ function DisclosureTitleContent(props) {
 		isFocusVisible: isFocusVisible()
 	}, local.styles)} data-rsp-slot="disclosure-trigger" data-size={size()} data-density={density()} data-quiet={isQuiet() ? "true" : void 0} data-hovered={isHovered() ? "true" : void 0} data-pressed={isPressed() ? "true" : void 0}>
         <Show when={!local.hideIcon}>
-          <svg class={chevronStyles({
+          <span class={chevronStyles({
 		size: size(),
 		isExpanded: isExpanded(),
 		isRTL: locale().direction === "rtl"
-	})} width={chevronIcon().size} height={chevronIcon().size} viewBox={chevronIcon().viewBox} aria-hidden="true" data-rsp-slot="disclosure-chevron">
-            <path fill="var(--iconPrimary, #222)" d={chevronIcon().path} />
-          </svg>
+	})} aria-hidden="true" data-rsp-slot="disclosure-chevron">
+            {">"}
+          </span>
         </Show>
         {local.children}
       </DisclosureTrigger$1>