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

package/dist/_chunk/text.jsx

@@ -1,44 +1,35 @@
+/*
+* 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/Content.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.jsx";
 import { createIsSkeleton, useInertAttribute, useSkeletonText } from "../skeleton/index.jsx";
-import { createContext, mergeProps, splitProps, useContext } from "solid-js";
+import { i as mergeUnsafeClassName, r as getContentDomProps } from "./Keyboard.jsx";
+import { createContext, useContext } from "solid-js";
+import { mergeProps, splitProps } from "@proyecto-viviana/solidaria/utils";
 import { ElementTag } from "@proyecto-viviana/solidaria-components";
-//#region src/text/shared.ts
-function mergeUnsafeClassName(contextClassName, localClassName) {
-	return [contextClassName, localClassName].filter(Boolean).join(" ") || void 0;
-}
-function getContentDomProps(props) {
-	const domProps = {};
-	for (const key of [
-		"id",
-		"itemProp",
-		"itemScope",
-		"itemType",
-		"itemID",
-		"itemRef",
-		"role"
-	]) {
-		const value = props[key];
-		if (value !== void 0) domProps[key] = value;
-	}
-	const record = props;
-	for (const key in record) if (key.startsWith("data-")) {
-		const value = record[key];
-		domProps[key] = value == null ? void 0 : String(value);
-	}
-	return domProps;
-}
-//#endregion
 //#region src/text/type-roles.ts
 const typeRoles = {
-	display: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vRyBurc151 xc151 _xa151 _FYOourc151 pHKLAu151 -sKUDed-StC2pc151",
-	title: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vlizurc151 xg151 _xa151 _FWDMfn151 pHKLAu151 -sKUDed-StC2pc151",
-	headline: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vxmrurc151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _Fa151 pHKLAu151 -sKUDed-StC2pc151",
-	label: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vItq5sc151 xg151 _xa151 _FYOourc151 pHKLAu151 -sKUDed-StC2pc151",
-	body: " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-c151 vx151 xb151 _xa151 _F6Qourc151 pHKLAu151",
-	meta: " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vQvqurc151 xb151 _xa151 _Fb151 pUUi0Fe151",
-	micro: " uxe7h4151 vIWpurc151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _FWDMfn151 pHKLAu151 -sKUDed-iH4cn151",
-	terminal: " uxe7h4151 vcstVsc151 xb151 _xa151 _FeTourc151 pHKLAu151",
-	button: " uxe7h4151 vxmrurc151 xb151 _xa151 _F2mU151 pHKLAu151"
+	"display-xl": " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vfocvrc17 xc17 _xa17 _FExfurc17 pmiKvLd17 -sKUDed-oKbaie17",
+	"display-lg": " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vC22urc17 xc17 _xa17 _FoOourc17 pmiKvLd17 -sKUDed-5Acaie17",
+	"display-md": " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vBZRurc17 xc17 _xa17 _FuOourc17 pmiKvLd17 -sKUDed-StC2pc17",
+	display: " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vRyBurc17 xc17 _xa17 _FYOourc17 pmiKvLd17 -sKUDed-StC2pc17",
+	title: " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vlizurc17 xg17 _xa17 _FWDMfn17 pmiKvLd17 -sKUDed-StC2pc17",
+	headline: " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vxmrurc17 xd17 _xa17 xX0cczbc17 _xX0cczba17 _Fa17 pmiKvLd17 -sKUDed-StC2pc17",
+	label: " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vItq5sc17 xg17 _xa17 _FYOourc17 pmiKvLd17 -sKUDed-StC2pc17",
+	body: " uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-c17 vx17 xb17 _xa17 _F6Qourc17 pmiKvLd17",
+	meta: " uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 vQvqurc17 xb17 _xa17 _Fb17 pLw1gcc17",
+	micro: " uxe7h417 vIWpurc17 xd17 _xa17 xX0cczbc17 _xX0cczba17 _FWDMfn17 pmiKvLd17 -sKUDed-iH4cn17",
+	terminal: " uxe7h417 vcstVsc17 xb17 _xa17 _FeTourc17 pmiKvLd17",
+	button: " uxe7h417 vpNqurc17 xb17 _xa17 _F2mU17 pmiKvLd17"
 };
 //#endregion
 //#region src/text/Heading.tsx
@@ -74,35 +65,13 @@ function Heading$1(props) {
     </ElementTag>;
 }
 //#endregion
-//#region src/text/Keyboard.tsx
-const KeyboardContext = createContext(null);
-function Keyboard(props) {
-	const contextProps = getSlottedContextProps(useContext(KeyboardContext), props.slot);
-	const merged = mergeProps(contextProps ?? {}, props);
-	const [local] = splitProps(merged, [
-		"children",
-		"styles",
-		"UNSAFE_className",
-		"UNSAFE_style",
-		"isHidden",
-		"slot",
-		"ref"
-	]);
-	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps == null ? typeRoles.terminal : void 0, mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
-	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
-	if (local.isHidden) return null;
-	return <kbd {...getContentDomProps(merged)} ref={mergeContextRefs(contextProps?.ref, props.ref)} class={className()} style={unsafeStyle()} slot={local.slot || void 0} dir="ltr">
-      {local.children}
-    </kbd>;
-}
-//#endregion
 //#region src/text/index.tsx
-const TextContext = createContext(null);
+const TextContext$1 = createContext(null);
 const HeaderContext = createContext(null);
 const ContentContext = createContext(null);
 const FooterContext = createContext(null);
-function Text(props) {
-	const contextProps = getSlottedContextProps(useContext(TextContext), props.slot);
+function Text$1(props) {
+	const contextProps = getSlottedContextProps(useContext(TextContext$1), props.slot);
 	const merged = mergeProps(contextProps ?? {}, props);
 	const [local] = splitProps(merged, [
 		"children",
@@ -113,7 +82,8 @@ function Text(props) {
 		"slot",
 		"ref"
 	]);
-	const inertRef = useInertAttribute(createIsSkeleton());
+	const isSkeleton = createIsSkeleton();
+	const inertRef = useInertAttribute(isSkeleton);
 	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
 	const id = () => props.id ?? contextProps?.id;
 	const [children, skeletonStyle] = useSkeletonText(() => local.children, unsafeStyle);
@@ -181,6 +151,6 @@ function Footer(props) {
     </footer>;
 }
 //#endregion
-export { Header as a, TextContext as c, Heading$1 as d, HeadingContext as f, FooterContext as i, Keyboard as l, ContentContext as n, HeaderContext as o, typeRoles as p, Footer as r, Text as s, Content as t, KeyboardContext as u };
+export { Header as a, TextContext$1 as c, typeRoles as d, FooterContext as i, Heading$1 as l, ContentContext as n, HeaderContext as o, Footer as r, Text$1 as s, Content as t, HeadingContext as u };
 
 //# sourceMappingURL=text.jsx.map

package/dist/_chunk/text.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"text.jsx","names":["Heading"],"sources":["../../src/text/shared.ts","../../src/text/type-roles.ts","../../src/text/Heading.tsx","../../src/text/Keyboard.tsx","../../src/text/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { RefLike } from \"../button/spectrum-context\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport type { StyleString } from \"../style\";\n\nexport interface BaseContentProps<T extends HTMLElement = HTMLElement> {\n  children?: JSX.Element;\n  styles?: StyleString | (() => StyleString | undefined);\n  UNSAFE_className?: UnsafeClassName | string;\n  UNSAFE_style?: JSX.CSSProperties;\n  isHidden?: boolean;\n  id?: string;\n  itemProp?: string;\n  itemScope?: boolean;\n  itemType?: string;\n  itemID?: string;\n  itemRef?: string;\n  role?: string;\n  slot?: string | null;\n  ref?: RefLike<T>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport function mergeUnsafeClassName(\n  contextClassName?: UnsafeClassName | string,\n  localClassName?: UnsafeClassName | string,\n): string | undefined {\n  return [contextClassName, localClassName].filter(Boolean).join(\" \") || undefined;\n}\n\nexport function getContentDomProps<T extends HTMLElement>(\n  props: BaseContentProps<T>,\n): JSX.HTMLAttributes<T> {\n  const domProps: Record<string, unknown> = {};\n\n  for (const key of [\n    \"id\",\n    \"itemProp\",\n    \"itemScope\",\n    \"itemType\",\n    \"itemID\",\n    \"itemRef\",\n    \"role\",\n  ] as const) {\n    const value = props[key];\n    if (value !== undefined) {\n      domProps[key] = value;\n    }\n  }\n\n  const record = props as Record<string, unknown>;\n  for (const key in record) {\n    if (key.startsWith(\"data-\")) {\n      const value = record[key];\n      domProps[key] = value == null ? undefined : String(value);\n    }\n  }\n\n  return domProps as JSX.HTMLAttributes<T>;\n}\n","import { style } from \"../style\" with { type: \"macro\" };\n\n/* The Glasselated register's CLOSED type ladder — nine roles, no more.\n *\n * The handoff declares each role as one CSS custom property\n * (`--type-display` … `--type-button`, glasselated.css:154-168) so an app can\n * name a role and get it. The library's type lives in the build-time style()\n * macro instead, so this module is the equivalent surface: one precompiled\n * atom string per role, usable through any component's `styles` prop or as a\n * plain class on a bare element. The values are the register's own, verbatim:\n *\n *   display   500 28px/1.15   Geist Pixel  +0.01em   hero & page titles\n *   title     600 20px/1.2    Geist Pixel  +0.01em   section/panel titles\n *   headline  700 15px/1.3    Geist Pixel  +0.01em   card & list titles\n *   label     600 13.5px/1.15 Geist Pixel  +0.01em   buttons/nav/chips\n *   body      400 14px/1.55   Geist                  prose\n *   meta      400 12px/1.5    Geist                  secondary, `--text-secondary` ink\n *   micro     700 10px/1.2    Geist Mono   +0.1em    below the pixel floor\n *   terminal  400 11.5px/1.95 Geist Mono             wells & prompts\n *   button    400 15px/1      Geist Mono             control labels\n *\n * Each role opens with a `font:` shorthand purely to pick up the right FAMILY\n * routing (heading-* → display face, body-* → sans, code-* and ui → mono, see\n * spectrum-theme.ts font()) plus the role's semantic ink; the explicit\n * properties after it then pin size/weight/leading/tracking to the register's\n * exact numbers — shorthands expand first, so later keys win. Arbitrary\n * bracket values are deliberate: the register declares exact pixels, not ramp\n * rungs, and this module IS the register's ladder rather than a consumer of\n * Spectrum's.\n *\n * The weight ladder on the pixel tiers is INVERTED — lighter as it gets\n * bigger (500/600/700) — which font()'s Spectrum weight tokens cannot say;\n * that is why every pixel role restates fontWeight. `meta` is the one role\n * that restates ink: \"secondary\" is part of the role's definition, not a\n * context choice.\n *\n * Faces come from the `--s2-font-family-*` bridge (display → Geist Pixel,\n * sans → Geist, code → Geist Mono); an app that bridges nothing falls back to\n * the Spectrum stacks and only the metrics of these roles apply. */\nexport const typeRoles = {\n  display: style({\n    font: \"heading-lg\",\n    fontSize: \"[28px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  title: style({\n    font: \"heading-sm\",\n    fontSize: \"[20px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.01em\",\n  }),\n  headline: style({\n    font: \"heading-2xs\",\n    fontSize: \"[15px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.3]\",\n    letterSpacing: \"0.01em\",\n  }),\n  label: style({\n    font: \"heading-2xs\",\n    fontSize: \"[13.5px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  body: style({\n    font: \"body\",\n    lineHeight: \"[1.55]\",\n  }),\n  meta: style({\n    font: \"body-sm\",\n    fontSize: \"[12px]\",\n    lineHeight: \"[1.5]\",\n    color: \"neutral-subdued\",\n  }),\n  micro: style({\n    font: \"code-xs\",\n    fontSize: \"[10px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.1em\",\n  }),\n  terminal: style({\n    font: \"code-xs\",\n    fontSize: \"[11.5px]\",\n    lineHeight: \"[1.95]\",\n  }),\n  button: style({\n    font: \"ui\",\n    fontSize: \"[15px]\",\n    fontWeight: \"normal\",\n    lineHeight: \"[1]\",\n  }),\n} as const;\n\nexport type TypeRole = keyof typeof typeRoles;\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { ElementTag } from \"@proyecto-viviana/solidaria-components\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport type { StyleString } from \"../style\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\nexport interface HeadingProps extends BaseContentProps<HTMLHeadingElement> {\n  level?: number;\n}\n\n/* Heading carried NO styles of its own: `className()` below composes context styles and\n * UNSAFE_className only, so a bare <Heading> rendered at whatever type the host page\n * happened to set on h1-h4. Any heading face it appeared to have came from the consuming\n * app's own stylesheet; an installed consumer without one got nothing. This gives the\n * component a real default type role.\n *\n * The FACE comes for free: font() routes `heading` to the `display` family\n * (spectrum-theme.ts, fontFamily ternary), so every rung below resolves to the register's\n * display face instead of whatever was inherited.\n *\n * The SIZE has to vary with `level`, and previously did not. One module-level constant was\n * shared by every level, so the register's three pixel tiers — display, title, headline —\n * arrived as three identical lines and the top of the type ladder collapsed. `level` chose\n * the tag and nothing else.\n *\n * The rungs are now the register's roles VERBATIM: h1 → display, h2 → title, h3 →\n * headline, taken from the typeRoles ladder (./type-roles.ts) so the component and the\n * exported role surface can never drift apart. The roles carry the register's exact\n * metrics — 28/20/15px, the INVERTED weight ladder (500/600/700, lighter as it gets\n * bigger), the +0.01em pixel-face tracking — which the earlier nearest-ramp-rung\n * approximation here could only wave at (28.4/19.9/14, Spectrum weights, no tracking).\n *\n * h4+ deliberately share the h3 rung: the register declares three pixel tiers, not six,\n * and inventing rungs below the floor would extend a ladder the design does not have.\n *\n * The role is passed as the FIRST argument to mergeContextStyles below so it stays the\n * base layer: mergeStyles(a, b) resolves later-wins (style/runtime.ts), so Dialog/\n * Popover/ContextualHelp context styles and any local `styles` prop still override it. */\nconst headingStyles = {\n  1: typeRoles.display,\n  2: typeRoles.title,\n  3: typeRoles.headline,\n} as const;\n\nfunction headingStyleForLevel(level: number): StyleString {\n  return headingStyles[level === 1 ? 1 : level === 2 ? 2 : 3];\n}\n\nexport const HeadingContext = createContext<SpectrumContextValue<HeadingProps>>(null);\n\nexport function Heading(props: HeadingProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeadingContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeadingProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"level\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const level = () => local.level ?? 3;\n  const tag = () => `h${level()}` as keyof JSX.IntrinsicElements;\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        headingStyleForLevel(level()),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <ElementTag\n      tag={tag()}\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </ElementTag>\n  );\n}\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\nexport interface KeyboardProps extends BaseContentProps<HTMLElement> {}\n\nexport const KeyboardContext = createContext<SpectrumContextValue<KeyboardProps>>(null);\n\nexport function Keyboard(props: KeyboardProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(KeyboardContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as KeyboardProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      /* Standalone default: the register's terminal role (mono, wells & prompts).\n       * Skipped whenever a slotted context claims this <kbd> — MenuItem and other\n       * hosts style their key hints through KeyboardContext, usually relying on\n       * inheritance the baked role would break. See text/index.tsx for the full\n       * rationale. */\n      mergeContextStyles(\n        contextProps == null ? typeRoles.terminal : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <kbd\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n      dir=\"ltr\"\n    >\n      {local.children}\n    </kbd>\n  );\n}\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createIsSkeleton, useInertAttribute, useSkeletonText } from \"../skeleton\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\n/* Standalone type-role defaults (Glasselated register, mirror panel 09):\n * Text, Content and Keyboard were pure slot markers — bare elements with an\n * empty class that inherit whatever encloses them — so the register's body,\n * meta and terminal roles had no reachable carrier: an app could not ask for\n * \"prose\" or \"mono\" and get it. Each now bakes its role, but ONLY when no\n * slotted context has claimed the element (contextProps == null): inside a\n * Button, MenuItem, Card or any other composing parent, the parent's context\n * IS the styling contract — often deliberately partial so the child inherits\n * the parent's font — and a baked size there would override the host instead\n * of the page. Standalone mapping, per the register's ladder: Content → body\n * (block prose), Text → meta (inline secondary), Keyboard → terminal (mono).\n * When a context exists the default is skipped entirely, so composed\n * behavior is byte-identical to before. */\n\nexport interface TextProps extends BaseContentProps<HTMLSpanElement> {}\n\nexport const TextContext = createContext<SpectrumContextValue<TextProps>>(null);\n\nexport interface HeaderProps extends BaseContentProps<HTMLElement> {}\n\nexport const HeaderContext = createContext<SpectrumContextValue<HeaderProps>>(null);\n\nexport interface ContentProps extends BaseContentProps<HTMLDivElement> {}\n\nexport const ContentContext = createContext<SpectrumContextValue<ContentProps>>(null);\n\nexport interface FooterProps extends BaseContentProps<HTMLElement> {}\n\nexport const FooterContext = createContext<SpectrumContextValue<FooterProps>>(null);\n\nexport function Text(props: TextProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(TextContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as TextProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const isSkeleton = createIsSkeleton();\n  const inertRef = useInertAttribute(isSkeleton);\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const id = () => props.id ?? contextProps?.id;\n  const [children, skeletonStyle] = useSkeletonText(() => local.children, unsafeStyle);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.meta : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <span\n      {...getContentDomProps(merged)}\n      id={id()}\n      ref={mergeContextRefs(contextProps?.ref, props.ref, inertRef)}\n      class={className()}\n      style={skeletonStyle()}\n      slot={local.slot || undefined}\n      data-rsp-slot=\"text\"\n    >\n      {children()}\n    </span>\n  );\n}\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeaderContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeaderProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <header\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </header>\n  );\n}\n\nexport function Content(props: ContentProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ContentContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as ContentProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.body : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <div\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(FooterContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as FooterProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <footer\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </footer>\n  );\n}\n\nexport { Heading, HeadingContext } from \"./Heading\";\nexport type { HeadingProps } from \"./Heading\";\nexport { Keyboard, KeyboardContext } from \"./Keyboard\";\nexport type { KeyboardProps } from \"./Keyboard\";\nexport { typeRoles } from \"./type-roles\";\nexport type { TypeRole } from \"./type-roles\";\n"],"mappings":"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"}
+{"version":3,"file":"text.jsx","names":["Heading","TextContext","Text"],"sources":["../../src/text/type-roles.ts","../../src/text/Heading.tsx","../../src/text/index.tsx"],"sourcesContent":["import { style } from \"../style\" with { type: \"macro\" };\n\n/* The Glasselated register's CLOSED type ladder — twelve roles, no more.\n *\n * The handoff declares each role as one CSS custom property\n * (`--type-display` … `--type-button`, glasselated.css:154-168) so an app can\n * name a role and get it. The library's type lives in the build-time style()\n * macro instead, so this module is the equivalent surface: one precompiled\n * atom string per role, usable through any component's `styles` prop or as a\n * plain class on a bare element. The values are the register's own, verbatim:\n *\n *   display-xl 500 66px/0.98   Geist Pixel  +0.005em  landing hero\n *   display-lg 500 56px/1.02   Geist Pixel  +0.008em  home greeting\n *   display-md 500 40px/1.08   Geist Pixel  +0.01em   page titles\n *   display   500 28px/1.15   Geist Pixel  +0.01em   hero & page titles\n *   title     600 20px/1.2    Geist Pixel  +0.01em   section/panel titles\n *   headline  700 15px/1.3    Geist Pixel  +0.01em   card & list titles\n *   label     600 13.5px/1.15 Geist Pixel  +0.01em   buttons/nav/chips\n *   body      400 14px/1.55   Geist                  prose\n *   meta      400 12px/1.5    Geist                  secondary, `--text-secondary` ink\n *   micro     700 10px/1.2    Geist Mono   +0.1em    below the pixel floor\n *   terminal  400 11.5px/1.95 Geist Mono             wells & prompts\n *   button    400 13px/1      Geist Mono             control labels\n *\n * Each role opens with a `font:` shorthand purely to pick up the right FAMILY\n * routing (heading-* → display face, body-* → sans, code-* and ui → mono, see\n * spectrum-theme.ts font()) plus the role's semantic ink; the explicit\n * properties after it then pin size/weight/leading/tracking to the register's\n * exact numbers — shorthands expand first, so later keys win. Arbitrary\n * bracket values are deliberate: the register declares exact pixels, not ramp\n * rungs, and this module IS the register's ladder rather than a consumer of\n * Spectrum's.\n *\n * ELSH INVARIANT: the pixel face squares its terminals through a variation axis that\n * only resolves legibly at 16px and up, so a role may take `--font-display` ONLY at\n * >=16px. That is why the three hero tiers are all Pixel and why `label` (13.5px) is\n * the floor the handoff already calls \"the 13px pixel floor\" — the roles below it\n * (`body`, `meta`, `micro`, `terminal`, `button`) take sans or mono, and any NEW role\n * under 16px must do the same.\n *\n * The weight ladder on the pixel tiers is INVERTED — lighter as it gets\n * bigger (500/600/700) — which font()'s Spectrum weight tokens cannot say;\n * that is why every pixel role restates fontWeight. `meta` is the one role\n * that restates ink: \"secondary\" is part of the role's definition, not a\n * context choice.\n *\n * Faces come from the `--s2-font-family-*` bridge (display → Geist Pixel,\n * sans → Geist, code → Geist Mono); an app that bridges nothing falls back to\n * the Spectrum stacks and only the metrics of these roles apply. */\nexport const typeRoles = {\n  \"display-xl\": style({\n    font: \"heading-3xl\",\n    fontSize: \"[66px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[0.98]\",\n    letterSpacing: \"0.005em\",\n  }),\n  \"display-lg\": style({\n    font: \"heading-2xl\",\n    fontSize: \"[56px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[1.02]\",\n    letterSpacing: \"0.008em\",\n  }),\n  \"display-md\": style({\n    font: \"heading-xl\",\n    fontSize: \"[40px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[1.08]\",\n    letterSpacing: \"0.01em\",\n  }),\n  display: style({\n    font: \"heading-lg\",\n    fontSize: \"[28px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  title: style({\n    font: \"heading-sm\",\n    fontSize: \"[20px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.01em\",\n  }),\n  headline: style({\n    font: \"heading-2xs\",\n    fontSize: \"[15px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.3]\",\n    letterSpacing: \"0.01em\",\n  }),\n  label: style({\n    font: \"heading-2xs\",\n    fontSize: \"[13.5px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  body: style({\n    font: \"body\",\n    lineHeight: \"[1.55]\",\n  }),\n  meta: style({\n    font: \"body-sm\",\n    fontSize: \"[12px]\",\n    lineHeight: \"[1.5]\",\n    color: \"neutral-subdued\",\n  }),\n  micro: style({\n    font: \"code-xs\",\n    fontSize: \"[10px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.1em\",\n  }),\n  terminal: style({\n    font: \"code-xs\",\n    fontSize: \"[11.5px]\",\n    lineHeight: \"[1.95]\",\n  }),\n  button: style({\n    font: \"ui\",\n    fontSize: \"[13px]\",\n    fontWeight: \"normal\",\n    lineHeight: \"[1]\",\n  }),\n} as const;\n\nexport type TypeRole = keyof typeof typeRoles;\n","/*\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/Content.tsx\n\n// Port of packages/@react-spectrum/s2/src/Content.tsx.\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport { ElementTag } from \"@proyecto-viviana/solidaria-components\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport type { StyleString } from \"../style\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface HeadingProps extends BaseContentProps<HTMLHeadingElement> {\n  level?: number;\n}\n\n/* Heading carried NO styles of its own: `className()` below composes context styles and\n * UNSAFE_className only, so a bare <Heading> rendered at whatever type the host page\n * happened to set on h1-h4. Any heading face it appeared to have came from the consuming\n * app's own stylesheet; an installed consumer without one got nothing. This gives the\n * component a real default type role.\n *\n * The FACE comes for free: font() routes `heading` to the `display` family\n * (spectrum-theme.ts, fontFamily ternary), so every rung below resolves to the register's\n * display face instead of whatever was inherited.\n *\n * The SIZE has to vary with `level`, and previously did not. One module-level constant was\n * shared by every level, so the register's three pixel tiers — display, title, headline —\n * arrived as three identical lines and the top of the type ladder collapsed. `level` chose\n * the tag and nothing else.\n *\n * The rungs are now the register's roles VERBATIM: h1 → display, h2 → title, h3 →\n * headline, taken from the typeRoles ladder (./type-roles.ts) so the component and the\n * exported role surface can never drift apart. The roles carry the register's exact\n * metrics — 28/20/15px, the INVERTED weight ladder (500/600/700, lighter as it gets\n * bigger), the +0.01em pixel-face tracking — which the earlier nearest-ramp-rung\n * approximation here could only wave at (28.4/19.9/14, Spectrum weights, no tracking).\n *\n * h4+ deliberately share the h3 rung: the register declares three pixel tiers, not six,\n * and inventing rungs below the floor would extend a ladder the design does not have.\n *\n * The role is passed as the FIRST argument to mergeContextStyles below so it stays the\n * base layer: mergeStyles(a, b) resolves later-wins (style/runtime.ts), so Dialog/\n * Popover/ContextualHelp context styles and any local `styles` prop still override it. */\nconst headingStyles = {\n  1: typeRoles.display,\n  2: typeRoles.title,\n  3: typeRoles.headline,\n} as const;\n\nfunction headingStyleForLevel(level: number): StyleString {\n  return headingStyles[level === 1 ? 1 : level === 2 ? 2 : 3];\n}\n\nexport const HeadingContext = createContext<SpectrumContextValue<HeadingProps>>(null);\n\nexport function Heading(props: HeadingProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeadingContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeadingProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"level\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const level = () => local.level ?? 3;\n  const tag = () => `h${level()}` as keyof JSX.IntrinsicElements;\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        headingStyleForLevel(level()),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <ElementTag\n      tag={tag()}\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </ElementTag>\n  );\n}\n","/*\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/Content.tsx\n\n// Port of packages/@react-spectrum/s2/src/Content.tsx.\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport { createIsSkeleton, useInertAttribute, useSkeletonText } from \"../skeleton\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\n/* Standalone type-role defaults (Glasselated register, mirror panel 09):\n * Text, Content and Keyboard were pure slot markers — bare elements with an\n * empty class that inherit whatever encloses them — so the register's body,\n * meta and terminal roles had no reachable carrier: an app could not ask for\n * \"prose\" or \"mono\" and get it. Each now bakes its role, but ONLY when no\n * slotted context has claimed the element (contextProps == null): inside a\n * Button, MenuItem, Card or any other composing parent, the parent's context\n * IS the styling contract — often deliberately partial so the child inherits\n * the parent's font — and a baked size there would override the host instead\n * of the page. Standalone mapping, per the register's ladder: Content → body\n * (block prose), Text → meta (inline secondary), Keyboard → terminal (mono).\n * When a context exists the default is skipped entirely, so composed\n * behavior is byte-identical to before. */\n\nexport interface TextProps extends BaseContentProps<HTMLSpanElement> {}\n\nexport const TextContext = createContext<SpectrumContextValue<TextProps>>(null);\n\nexport interface HeaderProps extends BaseContentProps<HTMLElement> {}\n\nexport const HeaderContext = createContext<SpectrumContextValue<HeaderProps>>(null);\n\nexport interface ContentProps extends BaseContentProps<HTMLDivElement> {}\n\nexport const ContentContext = createContext<SpectrumContextValue<ContentProps>>(null);\n\nexport interface FooterProps extends BaseContentProps<HTMLElement> {}\n\nexport const FooterContext = createContext<SpectrumContextValue<FooterProps>>(null);\n\nexport function Text(props: TextProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(TextContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as TextProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const isSkeleton = createIsSkeleton();\n  const inertRef = useInertAttribute(isSkeleton);\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const id = () => props.id ?? contextProps?.id;\n  const [children, skeletonStyle] = useSkeletonText(() => local.children, unsafeStyle);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.meta : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <span\n      {...getContentDomProps(merged)}\n      id={id()}\n      ref={mergeContextRefs(contextProps?.ref, props.ref, inertRef)}\n      class={className()}\n      style={skeletonStyle()}\n      slot={local.slot || undefined}\n      data-rsp-slot=\"text\"\n    >\n      {children()}\n    </span>\n  );\n}\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeaderContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeaderProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <header\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </header>\n  );\n}\n\nexport function Content(props: ContentProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ContentContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as ContentProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.body : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <div\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(FooterContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as FooterProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <footer\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </footer>\n  );\n}\n\nexport { Heading, HeadingContext } from \"./Heading\";\nexport type { HeadingProps } from \"./Heading\";\nexport { Keyboard, KeyboardContext } from \"./Keyboard\";\nexport type { KeyboardProps } from \"./Keyboard\";\nexport { typeRoles } from \"./type-roles\";\nexport type { TypeRole } from \"./type-roles\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiDA,MAAa,YAAY;CACvB,cAAY;CAOZ,cAAY;CAOZ,cAAY;CAOZ,SAAO;CAOP,OAAK;CAOL,UAAQ;CAOR,OAAK;CAOL,MAAI;CAIJ,MAAI;CAMJ,OAAK;CAOL,UAAQ;CAKR,QAAM;AAMR;;;AC/DA,MAAM,gBAAgB;CACpB,GAAG,UAAU;CACb,GAAG,UAAU;CACb,GAAG,UAAU;AACf;AAEA,SAAS,qBAAqB,OAA4B;CACxD,OAAO,cAAc,UAAU,IAAI,IAAI,UAAU,IAAI,IAAI;AAC3D;AAEA,MAAa,iBAAiB,cAAkD,IAAI;AAEpF,SAAgBA,UAAQ,OAAkC;CACxD,MAAM,eAAe,uBAAuB,WAAW,cAAc,GAAG,MAAM,IAAI;CAClF,MAAM,SAAS,WAAW,gBAAgB,CAAC,GAAG,KAAK;CACnD,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,cAAc,MAAM,SAAS;CACnC,MAAM,YAAY,IAAI,MAAM;CAC5B,MAAM,kBACJ,CACE,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB,GAC3E,mBACE,qBAAqB,MAAM,CAAC,GAC5B,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CACvD,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACb,MAAM,oBAAoB,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAEhG,IAAI,MAAM,UACR,OAAO;CAGT,OACE,CAAC,WACC,KAAK,IAAI,OACL,mBAAmB,MAAM,GAC7B,KAAK,iBAAiB,cAAc,KAAK,MAAM,GAAG,GAClD,OAAO,UAAU,GACjB,OAAO,YAAY,GACnB,MAAM,MAAM,QAAQ,KAAA,GACrB;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;ACxEA,MAAaC,gBAAc,cAA+C,IAAI;AAI9E,MAAa,gBAAgB,cAAiD,IAAI;AAIlF,MAAa,iBAAiB,cAAkD,IAAI;AAIpF,MAAa,gBAAgB,cAAiD,IAAI;AAElF,SAAgBC,OAAK,OAA+B;CAClD,MAAM,eAAe,uBAAuB,WAAWD,aAAW,GAAG,MAAM,IAAI;CAC/E,MAAM,SAAS,WAAW,gBAAgB,CAAC,GAAG,KAAK;CACnD,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,aAAa,iBAAiB;CACpC,MAAM,WAAW,kBAAkB,UAAU;CAC7C,MAAM,oBAAoB,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAChG,MAAM,WAAW,MAAM,MAAM,cAAc;CAC3C,MAAM,CAAC,UAAU,iBAAiB,sBAAsB,MAAM,UAAU,WAAW;CACnF,MAAM,kBACJ,CACE,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB,GAC3E,mBACE,gBAAgB,OAAO,UAAU,OAAO,KAAA,GACxC,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CACvD,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEb,IAAI,MAAM,UACR,OAAO;CAGT,OACE,CAAC,SACK,mBAAmB,MAAM,GAC7B,IAAI,GAAG,GACP,KAAK,iBAAiB,cAAc,KAAK,MAAM,KAAK,QAAQ,GAC5D,OAAO,UAAU,GACjB,OAAO,cAAc,GACrB,MAAM,MAAM,QAAQ,KAAA,GACpB,qBACD;OACE,SAAS,EAAE;IACd,EAAE;AAEN;AAEA,SAAgB,OAAO,OAAiC;CACtD,MAAM,eAAe,uBAAuB,WAAW,aAAa,GAAG,MAAM,IAAI;CACjF,MAAM,SAAS,WAAW,gBAAgB,CAAC,GAAG,KAAK;CACnD,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBACJ,CACE,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB,GAC3E,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CACvD,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACb,MAAM,oBAAoB,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAEhG,IAAI,MAAM,UACR,OAAO;CAGT,OACE,CAAC,WACK,mBAAmB,MAAM,GAC7B,KAAK,iBAAiB,cAAc,KAAK,MAAM,GAAG,GAClD,OAAO,UAAU,GACjB,OAAO,YAAY,GACnB,MAAM,MAAM,QAAQ,KAAA,GACrB;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;AAEA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,eAAe,uBAAuB,WAAW,cAAc,GAAG,MAAM,IAAI;CAClF,MAAM,SAAS,WAAW,gBAAgB,CAAC,GAAG,KAAK;CACnD,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBACJ,CACE,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB,GAC3E,mBACE,gBAAgB,OAAO,UAAU,OAAO,KAAA,GACxC,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CACvD,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACb,MAAM,oBAAoB,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAEhG,IAAI,MAAM,UACR,OAAO;CAGT,OACE,CAAC,QACK,mBAAmB,MAAM,GAC7B,KAAK,iBAAiB,cAAc,KAAK,MAAM,GAAG,GAClD,OAAO,UAAU,GACjB,OAAO,YAAY,GACnB,MAAM,MAAM,QAAQ,KAAA,GACrB;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;AAEA,SAAgB,OAAO,OAAiC;CACtD,MAAM,eAAe,uBAAuB,WAAW,aAAa,GAAG,MAAM,IAAI;CACjF,MAAM,SAAS,WAAW,gBAAgB,CAAC,GAAG,KAAK;CACnD,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBACJ,CACE,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB,GAC3E,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CACvD,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACb,MAAM,oBAAoB,wBAAwB,cAAc,cAAc,MAAM,YAAY;CAEhG,IAAI,MAAM,UACR,OAAO;CAGT,OACE,CAAC,WACK,mBAAmB,MAAM,GAC7B,KAAK,iBAAiB,cAAc,KAAK,MAAM,GAAG,GAClD,OAAO,UAAU,GACjB,OAAO,YAAY,GACnB,MAAM,MAAM,QAAQ,KAAA,GACrB;OACE,MAAM,SAAS;IAClB,EAAE;AAEN"}