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

package/dist/_chunk/view.jsx

@@ -0,0 +1,134 @@
+import { For, Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/view/Content.tsx
+const contentStyles = " uxe7h417 -_6BNtrc-b17 vx17 xb17 _xa17 _Fd17 _FnuYUweb17 pmiKvLd17";
+/**
+* A content slot component for dialog or panel body.
+*/ function Content(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return <div {...rest} class={[contentStyles, local.class].filter(Boolean).join(" ")}>
+      {local.children}
+    </div>;
+}
+const viewHeaderStyles = " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-e17 vx17 xe17 _xa17 xX0cczbd17 _xX0cczba17 xfe17 _xfa17 xfX0cczbd17 _xfX0cczba17 _Fd17 _FnuYUweb17 pmiKvLd17 Qe17 _ka17 hb17 ma17 la17 _jf17 iSNu3ze17";
+/**
+* A header slot component.
+*/ function ViewHeader(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return <header {...rest} class={[viewHeaderStyles, local.class].filter(Boolean).join(" ")}>
+      {local.children}
+    </header>;
+}
+const viewFooterStyles = " sd17 _Cb17 Ug17 qg17 Te17 _kb17 ha17 ma17 la17 _jf17 iSNu3ze17";
+/**
+* A footer slot component.
+*/ function ViewFooter(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return <footer {...rest} class={[viewFooterStyles, local.class].filter(Boolean).join(" ")}>
+      {local.children}
+    </footer>;
+}
+//#endregion
+//#region src/view/SceneBackdrop.tsx
+const SKYLINE = [
+	38,
+	62,
+	44,
+	90,
+	70,
+	52,
+	120,
+	84,
+	60,
+	140,
+	96,
+	72,
+	110,
+	58,
+	130,
+	88,
+	66,
+	150,
+	104,
+	78,
+	48,
+	124,
+	92,
+	64,
+	136,
+	100,
+	70,
+	116,
+	82,
+	54,
+	128,
+	94,
+	68,
+	142,
+	108,
+	76,
+	50,
+	118,
+	86,
+	60
+];
+const rootStyles = " _Pa17 Wr17 _lr17 _Ar17 _zr17 _Nc17 Pc17 _Ob17";
+const layerStyles = " _Pa17 Wr17 _lr17 _Ar17 _zr17";
+const sceneImageStyles = "Q6Ibac";
+const veilStyles = " _Pa17 Wr17 _lr17 _Ar17 _zr17 _ipz7cyd17 _ilc17 __mifOlc17";
+const skylineStyles = " _Pa17 _Ar17 _zr17 Wr17 F7NNfn17 sd17 ec17 _IumMfn17";
+const buildingStyles = " _ub17 _vb17 _sb17 gZf1eed17 _kc17 _oa17";
+const gridStyles = "GSbf3b";
+const sweepStyles = " _Pa17 _Ar17 _zr17 Wr17 F8ap6Nb17 -NOWTzd-Fb17 gj6bUJc17 _gkHZLc17 _gdklsgch3TDrc17 _eiC1JIc17 _hd17 __ea17";
+/**
+* The scene behind a hero: a pixelated, colour-graded image under the register's
+* veil, with an optional pixel skyline, perspective floor grid and scan sweep.
+*
+* Local addition — no S2 counterpart. It is scenery, so it is `aria-hidden` and
+* `pointer-events: none` throughout, and it positions itself `absolute; inset: 0`
+* — give it a positioned parent and put the content after it.
+*/ function SceneBackdrop(props) {
+	const [local] = splitProps(props, [
+		"src",
+		"veil",
+		"sweep",
+		"skyline",
+		"grid",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"id"
+	]);
+	return <div id={local.id} aria-hidden="true" class={[local.UNSAFE_className, rootStyles].filter(Boolean).join(" ")} style={local.UNSAFE_style} data-scene-backdrop="">
+      <Show when={local.src}>
+        {(src) => <div data-scene-layer="image" class={`${layerStyles} ${sceneImageStyles}`} style={{ "background-image": `url("${src()}")` }} />}
+      </Show>
+      <Show when={local.skyline}>
+        <div data-scene-layer="skyline" class={skylineStyles}>
+          <For each={SKYLINE}>
+            {(height) => <span class={buildingStyles} style={{ height: `${height}px` }} />}
+          </For>
+        </div>
+      </Show>
+      <Show when={local.grid}>
+        <div data-scene-layer="grid" class={gridStyles} />
+      </Show>
+      <Show when={local.veil ?? true}>
+        <div data-scene-layer="veil" class={veilStyles} />
+      </Show>
+      <Show when={local.sweep}>
+        <div data-scene-layer="sweep" class={sweepStyles} />
+      </Show>
+    </div>;
+}
+//#endregion
+//#region src/view/index.tsx
+function View(props) {
+	const [local, domProps] = splitProps(props, ["class", "children"]);
+	return <div {...domProps} class={`vui-view ${local.class ?? ""}`}>
+      {local.children}
+    </div>;
+}
+//#endregion
+export { ViewHeader as a, ViewFooter as i, SceneBackdrop as n, Content as r, View as t };
+
+//# sourceMappingURL=view.jsx.map

package/dist/_chunk/view.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.jsx","names":[],"sources":["../../src/view/Content.tsx","../../src/view/SceneBackdrop.tsx","../../src/view/index.tsx"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ContentProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\n// Slot chrome for dialog/panel bodies, styled from S2 tokens (neutral text, a\n// `gray-300` hairline rule on the header/footer). Routed through the `style()`\n// macro so the CSS ships in the package bundle for installed consumers.\nconst contentStyles = style({ font: \"ui-sm\", color: \"neutral\" });\n\n/**\n * A content slot component for dialog or panel body.\n */\nexport function Content(props: ContentProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...rest} class={[contentStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n\nexport interface ViewHeaderProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\nconst viewHeaderStyles = style({\n  font: \"heading-xs\",\n  color: \"neutral\",\n  paddingBottom: 12,\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * A header slot component.\n */\nexport function ViewHeader(props: ViewHeaderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <header {...rest} class={[viewHeaderStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </header>\n  );\n}\n\nexport interface ViewFooterProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\nconst viewFooterStyles = style({\n  display: \"flex\",\n  justifyContent: \"end\",\n  gap: 12,\n  paddingTop: 12,\n  borderWidth: 0,\n  borderTopWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * A footer slot component.\n */\nexport function ViewFooter(props: ViewFooterProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <footer {...rest} class={[viewFooterStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </footer>\n  );\n}\n","// Local addition — no S2 counterpart. See the JSDoc on SceneBackdrop below.\n\nimport { For, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport { scanDown } from \"../style/motion\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface SceneBackdropProps {\n  /** The scene image. Omit it to keep only the generated layers. */\n  src?: string;\n  /** Darken the scene under the content with the register's veil. @default true */\n  veil?: boolean;\n  /** Run a scan line down the scene. @default false */\n  sweep?: boolean;\n  /** Draw the pixel skyline along the horizon. @default false */\n  skyline?: boolean;\n  /** Draw the perspective floor grid. @default false */\n  grid?: boolean;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n}\n\n/* The handoff's skyline seed: 40 building heights in px, fixed rather than random\n * so the server and the client draw the same city (Solid hydration trusts the\n * server DOM — a random skyline would mismatch on every load). */\nconst SKYLINE = [\n  38, 62, 44, 90, 70, 52, 120, 84, 60, 140, 96, 72, 110, 58, 130, 88, 66, 150, 104, 78, 48, 124, 92,\n  64, 136, 100, 70, 116, 82, 54, 128, 94, 68, 142, 108, 76, 50, 118, 86, 60,\n] as const;\n\nconst scanSweep = scanDown();\n\nconst rootStyles = style({\n  position: \"absolute\",\n  inset: 0,\n  overflow: \"hidden\",\n  pointerEvents: \"none\",\n});\n\nconst layerStyles = style({\n  position: \"absolute\",\n  inset: 0,\n});\n\n/* Escape hatch: `filter` is a token map in the S2 theme (drop-shadow presets only)\n * and `image-rendering` is not a theme property at all, so the scene's own\n * treatment — the register's `--scene-filter` grade plus nearest-neighbour scaling,\n * the \"pixelated\" half of Glasselated — cannot be expressed by the macro. */\nconst sceneImageStyles = css(`\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  filter: var(--scene-filter);\n  image-rendering: pixelated;\n`);\n\n/* The veil: the register's `--veil-rgb` graded top-to-bottom, plus the fine dither\n * tile so the gradient bands as pixels instead of smooth 8-bit ramps. */\nconst veilStyles = style({\n  position: \"absolute\",\n  inset: 0,\n  /* Two layers on one element: the checker paints over the ramp, so the veil bands\n   * as pixels instead of a smooth 8-bit gradient. The checker is the same\n   * `repeating-conic-gradient` on `--dither-tile-fine` that `dither()` emits —\n   * spelled out here only because one element cannot carry two `background-image`\n   * declarations, so the helper's object cannot simply be spread in. */\n  backgroundImage: {\n    default:\n      \"[repeating-conic-gradient(rgb(var(--veil-rgb) / 0.22) 0% 25%, transparent 0% 50%), linear-gradient(180deg, rgb(var(--veil-rgb) / 0.4), rgb(var(--veil-rgb) / 0.7))]\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[var(--dither-tile-fine) var(--dither-tile-fine), auto]\",\n});\n\nconst skylineStyles = style({\n  position: \"absolute\",\n  insetStart: 0,\n  insetEnd: 0,\n  top: 0,\n  height: \"[52%]\",\n  display: \"flex\",\n  alignItems: \"end\",\n  opacity: 0.9,\n});\n\nconst buildingStyles = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: 0,\n  backgroundColor: \"gray-75\",\n  borderTopWidth: 2,\n  borderTopStyle: \"solid\",\n  borderTopColor: \"[color-mix(in srgb, var(--status-info) 70%, transparent)]\",\n  boxSizing: \"border-box\",\n});\n\n/* Escape hatch: the floor grid needs `mask-image` (absent from the theme) to fade\n * in and out at both ends, and a 3D `perspective()` transform origin the theme's\n * transform-origin token list does not cover as one declaration. */\nconst gridStyles = css(`\n  position: absolute;\n  left: -40%;\n  right: -40%;\n  top: 52%;\n  height: 60%;\n  transform: perspective(600px) rotateX(64deg);\n  transform-origin: top;\n  background-image:\n    linear-gradient(color-mix(in srgb, var(--status-info) 50%, transparent) 1px, transparent 1px),\n    linear-gradient(90deg, color-mix(in srgb, var(--status-info) 50%, transparent) 1px, transparent 1px);\n  background-size: 56px 56px;\n  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%, #000 80%, transparent);\n  mask-image: linear-gradient(180deg, transparent, #000 25%, #000 80%, transparent);\n`);\n\nconst sweepStyles = style({\n  position: \"absolute\",\n  insetStart: 0,\n  insetEnd: 0,\n  top: 0,\n  height: 3,\n  \"--scan-travel\": {\n    type: \"height\",\n    value: \"100%\",\n  },\n  backgroundColor: \"[color-mix(in srgb, var(--status-info) 22%, transparent)]\",\n  animation: {\n    default: scanSweep,\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n  animationDuration: 7000,\n  animationTimingFunction: \"linear\",\n  animationIterationCount: \"infinite\",\n});\n\n/**\n * The scene behind a hero: a pixelated, colour-graded image under the register's\n * veil, with an optional pixel skyline, perspective floor grid and scan sweep.\n *\n * Local addition — no S2 counterpart. It is scenery, so it is `aria-hidden` and\n * `pointer-events: none` throughout, and it positions itself `absolute; inset: 0`\n * — give it a positioned parent and put the content after it.\n */\nexport function SceneBackdrop(props: SceneBackdropProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"src\",\n    \"veil\",\n    \"sweep\",\n    \"skyline\",\n    \"grid\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"id\",\n  ]);\n\n  return (\n    <div\n      id={local.id}\n      aria-hidden=\"true\"\n      class={[local.UNSAFE_className, rootStyles].filter(Boolean).join(\" \")}\n      style={local.UNSAFE_style}\n      data-scene-backdrop=\"\"\n    >\n      <Show when={local.src}>\n        {(src) => (\n          <div\n            data-scene-layer=\"image\"\n            class={`${layerStyles} ${sceneImageStyles}`}\n            style={{ \"background-image\": `url(\"${src()}\")` }}\n          />\n        )}\n      </Show>\n      <Show when={local.skyline}>\n        <div data-scene-layer=\"skyline\" class={skylineStyles}>\n          <For each={SKYLINE}>\n            {(height) => <span class={buildingStyles} style={{ height: `${height}px` }} />}\n          </For>\n        </div>\n      </Show>\n      <Show when={local.grid}>\n        <div data-scene-layer=\"grid\" class={gridStyles} />\n      </Show>\n      <Show when={local.veil ?? true}>\n        <div data-scene-layer=\"veil\" class={veilStyles} />\n      </Show>\n      <Show when={local.sweep}>\n        <div data-scene-layer=\"sweep\" class={sweepStyles} />\n      </Show>\n    </div>\n  );\n}\n","import type { JSX } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ViewProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n}\n\nexport function View(props: ViewProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...domProps} class={`vui-view ${local.class ?? \"\"}`}>\n      {local.children}\n    </div>\n  );\n}\n\nexport {\n  Content,\n  ViewHeader,\n  ViewHeader as Header,\n  ViewFooter,\n  ViewFooter as Footer,\n} from \"./Content\";\nexport type { ContentProps, ViewHeaderProps, ViewFooterProps } from \"./Content\";\n\nexport { SceneBackdrop } from \"./SceneBackdrop\";\nexport type { SceneBackdropProps } from \"./SceneBackdrop\";\n"],"mappings":"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"}

package/dist/_chunk/well.js

@@ -0,0 +1,279 @@
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, readShallow, runHydrationEvents, scope, setAttribute, spread, style, template } from "@solidjs/web";
+import { For, Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/well/TerminalLog.tsx
+var _tmpl$$1 = /* @__PURE__ */ template(`<li aria-hidden=true><span class=" sg17 ZsWXEHc17 Fk17 _5k7Otrc17 govAVJc17 _gNG2Nyd17 _gdklsgch3TDrc17 _eXHKVsc17 _h3jWUfc17 __ea17">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<ol><!$><!/><!$><!/>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<time class=" picq5417 Hv17">`);
+var _tmpl$4 = /* @__PURE__ */ template(`<li><!$><!/><!$><!/>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<span>`);
+const BOOT_DELAY_BASE = .3;
+const BOOT_DELAY_STEP = .28;
+const logStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let marginTop = false;
+	let marginBottom = false;
+	let marginInlineStart = false;
+	let marginInlineEnd = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "J") marginTop = true;
+		if (p[1] === "G") marginBottom = true;
+		if (p[1] === "I") marginInlineStart = true;
+		if (p[1] === "H") marginInlineEnd = true;
+		rules += p[0];
+	}
+	rules += " sb17";
+	rules += " _Gc17";
+	if (!marginTop) rules += " Jy17";
+	if (!marginBottom) rules += " Gy17";
+	if (!marginInlineStart) rules += " Iy17";
+	if (!marginInlineEnd) rules += " Hy17";
+	rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	rules += " Se17";
+	rules += " Re17";
+	rules += " Tt17";
+	rules += " Qt17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-c17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fb17";
+	rules += " _FnuYUwec17";
+	rules += " pagM6417";
+	rules += " _Na17";
+	return rules;
+};
+const lineStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb17";
+	rules += " _7d17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.channel === "none") rules += " pagM6417";
+	else if (props.channel === "muted") rules += " picq5417";
+	else if (props.channel === "prompt") rules += " povAVJc17";
+	else if (props.channel === "fault") rules += " pGBFq4b17";
+	else if (props.channel === "metric") rules += " pmb1iPc17";
+	else if (props.channel === "signal") rules += " po3eV3b17";
+	else if (props.channel === "info") rules += " pyJJ1Ud17";
+	else rules += " pagM6417";
+	rules += " plb17";
+	if (props.isBooting) {
+		rules += " _gWzKgMe17";
+		rules += " _gdklsgch3TDrc17";
+	}
+	if (props.isBooting) rules += " _e2Upurc17";
+	if (props.isBooting) rules += " _h3jWUfc17";
+	if (props.isBooting) rules += " _fb17";
+	return rules;
+};
+const spanStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.channel === "none") rules += " pagM6417";
+	else if (props.channel === "muted") rules += " picq5417";
+	else if (props.channel === "prompt") rules += " povAVJc17";
+	else if (props.channel === "fault") rules += " pGBFq4b17";
+	else if (props.channel === "metric") rules += " pmb1iPc17";
+	else if (props.channel === "signal") rules += " po3eV3b17";
+	else if (props.channel === "info") rules += " pyJJ1Ud17";
+	else rules += " pagM6417";
+	rules += " plb17";
+	return rules;
+};
+/**
+* A terminal transcript on the register's matte well — timestamps, per-channel
+* ink, an optional boot-in stagger and a blinking caret.
+*
+* Local addition — no S2 counterpart. It is static content, not a live region:
+* the lines render as an ordered list (`<ol>`/`<li>`, timestamps in `<time>`), so
+* a reader gets the transcript in order and on demand. A caller streaming lines in
+* and needing them announced should own that live region itself.
+*/ function TerminalLog(props) {
+	const [local] = splitProps(props, [
+		"lines",
+		"showCaret",
+		"bootIn",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"id",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const resolvedStyles = () => typeof local.styles === "function" ? local.styles() : local.styles;
+	const isBooting = () => local.bootIn ?? false;
+	const lineState = (line) => ({
+		channel: line.channel ?? "none",
+		isBooting: isBooting()
+	});
+	var _el$ = getNextElement(_tmpl$2);
+	var _el$2 = _el$.firstChild;
+	var [_el$3, _el$4] = getNextMarker(_el$2.nextSibling);
+	var _el$7 = _el$3.nextSibling;
+	var [_el$8, _el$9] = getNextMarker(_el$7.nextSibling);
+	insert(_el$, createComponent(For, {
+		get each() {
+			return local.lines;
+		},
+		children: (line, index) => (() => {
+			var _el$10 = getNextElement(_tmpl$4);
+			var _el$12 = _el$10.firstChild;
+			var [_el$13, _el$14] = getNextMarker(_el$12.nextSibling);
+			var _el$15 = _el$13.nextSibling;
+			var [_el$16, _el$17] = getNextMarker(_el$15.nextSibling);
+			insert(_el$10, createComponent(Show, {
+				get when() {
+					return line.time != null;
+				},
+				get children() {
+					var _el$11 = getNextElement(_tmpl$3);
+					insert(_el$11, () => {
+						return line.time;
+					});
+					return _el$11;
+				}
+			}), _el$13, _el$14);
+			insert(_el$10, createComponent(Show, {
+				get when() {
+					return line.spans;
+				},
+				get fallback() {
+					return line.text;
+				},
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return line.spans;
+						},
+						children: (span) => (() => {
+							var _el$18 = getNextElement(_tmpl$5);
+							insert(_el$18, () => {
+								return span.text;
+							});
+							effect(() => readShallow(spanStyles({ channel: span.channel ?? line.channel ?? "none" })), (_v$, _$p) => {
+								className(_el$18, _v$, _$p);
+							});
+							return _el$18;
+						})()
+					});
+				}
+			}), _el$16, _el$17);
+			effect(() => {
+				return {
+					e: readShallow(lineStyles(lineState(line))),
+					t: readShallow(isBooting() ? { "animation-delay": `${(BOOT_DELAY_BASE + index() * BOOT_DELAY_STEP).toFixed(2)}s` } : void 0)
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$10, e, _p$?.e);
+				style(_el$10, t, _p$?.t);
+			});
+			return _el$10;
+		})()
+	}), _el$3, _el$4);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.showCaret;
+		},
+		get children() {
+			var _el$5 = getNextElement(_tmpl$$1);
+			_el$5.firstChild;
+			effect(() => readShallow(lineStyles({
+				channel: "none",
+				isBooting: false
+			})), (_v$, _$p) => {
+				className(_el$5, _v$, _$p);
+			});
+			return _el$5;
+		}
+	}), _el$8, _el$9);
+	effect(() => {
+		return {
+			e: local.id,
+			t: local["aria-label"],
+			a: local["aria-labelledby"],
+			o: readShallow([local.UNSAFE_className, logStyles(null, resolvedStyles())].filter(Boolean).join(" ")),
+			i: readShallow(local.UNSAFE_style)
+		};
+	}, ({ e, t, a, o, i }, _p$) => {
+		e !== _p$?.e && setAttribute(_el$, "id", e);
+		t !== _p$?.t && setAttribute(_el$, "aria-label", t);
+		a !== _p$?.a && setAttribute(_el$, "aria-labelledby", a);
+		className(_el$, o, _p$?.o);
+		style(_el$, i, _p$?.i);
+	});
+	return _el$;
+}
+//#endregion
+//#region src/well/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+const wellStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb17";
+	if (props.tone === "deep") rules += " gkIIWye17";
+	else rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	if (props.size === "S") rules += " Tt17";
+	else rules += " Tf17";
+	if (props.size === "S") rules += " Qt17";
+	else rules += " Qf17";
+	if (props.size === "S") rules += " St17";
+	else rules += " Sf17";
+	if (props.size === "S") rules += " Rt17";
+	else rules += " Rf17";
+	return rules;
+};
+/**
+* A Well is a styled container that groups content into an inset, subtly
+* emphasized region — for example a code sample or a callout block.
+*/ function Well(props) {
+	const [local, domProps] = splitProps(props, [
+		"class",
+		"children",
+		"tone",
+		"size"
+	]);
+	const wellClass = () => wellStyles({
+		tone: local.tone ?? "well",
+		size: local.size ?? "M"
+	});
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [domProps, { get "class"() {
+		return [wellClass(), local.class].filter(Boolean).join(" ");
+	} }], true);
+	insert(_el$, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$;
+}
+//#endregion
+export { TerminalLog as n, Well as t };
+
+//# sourceMappingURL=well.js.map

package/dist/_chunk/well.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"well.js","names":[],"sources":["../../src/well/TerminalLog.tsx","../../src/well/index.tsx"],"sourcesContent":["// Local addition — no S2 counterpart. See the JSDoc on TerminalLog below.\n\nimport { For, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { bootIn as bootInKeyframes, tglCaret } from \"../style/motion\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides, wellScan } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\n/**\n * The ink a log line (or one span of it) reports in. The four status channels are\n * the register's shared ones; `prompt` is the shell's own blue and `muted` the\n * well's recessive grey.\n */\nexport type TerminalLogChannel = \"info\" | \"signal\" | \"metric\" | \"fault\" | \"prompt\" | \"muted\";\n\nexport interface TerminalLogSpan {\n  /** The span's text. */\n  text: string;\n  /** The channel this span reports in. Defaults to the line's channel. */\n  channel?: TerminalLogChannel;\n}\n\nexport interface TerminalLogLine {\n  /** A timestamp, rendered in a `<time>` ahead of the text. */\n  time?: string;\n  /** The line's text. Ignored when `spans` is given. */\n  text?: string;\n  /** The line split into per-channel runs — a command and its result on one line. */\n  spans?: TerminalLogSpan[];\n  /** The channel the whole line reports in. @default undefined (the well's ink) */\n  channel?: TerminalLogChannel;\n}\n\nexport interface TerminalLogProps {\n  /** The lines, oldest first. */\n  lines: readonly TerminalLogLine[];\n  /** Draw a blinking block caret after the last line. @default false */\n  showCaret?: boolean;\n  /** Boot the lines in one after another on mount. @default false */\n  bootIn?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\n/* The handoff's boot log types its lines in 0.28s apart after a 0.3s beat\n * (design_handoff_terminal_glass, Terminal Glass App.dc.html). Both live here so a\n * test can name them and so the two numbers cannot drift apart across call sites. */\nconst BOOT_DELAY_BASE = 0.3;\nconst BOOT_DELAY_STEP = 0.28;\n\nconst lineBoot = bootInKeyframes();\nconst caretBlink = tglCaret();\n\nconst logStyles = style(\n  {\n    /* The matte plate, same recipe as Well: opaque surface, hairline, 4px scan\n     * dither. A terminal log is never glass (design-handoff-v2.css:56). */\n    display: \"block\",\n    listStyleType: \"none\",\n    margin: 0,\n    backgroundColor: \"well\",\n    ...wellScan(),\n    borderWidth: 1,\n    borderStyle: \"solid\",\n    borderColor: \"well-border\",\n    borderRadius: \"default\",\n    paddingX: 12,\n    paddingY: 8,\n    font: \"code-sm\",\n    color: \"[var(--terminal-mid)]\",\n    overflowX: \"auto\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\ntype LineStyleState = { channel: TerminalLogChannel | \"none\"; isBooting: boolean };\n\nconst channelInk = {\n  default: \"[var(--terminal-mid)]\",\n  channel: {\n    info: \"[var(--status-info)]\",\n    signal: \"[var(--status-signal)]\",\n    metric: \"[var(--status-metric)]\",\n    fault: \"[var(--status-fault)]\",\n    prompt: \"[var(--terminal-prompt)]\",\n    muted: \"[var(--terminal-dim)]\",\n    none: \"[var(--terminal-mid)]\",\n  },\n  forcedColors: \"ButtonText\",\n} as const;\n\nconst lineStyles = style<LineStyleState>({\n  display: \"block\",\n  whiteSpace: \"pre\",\n  lineHeight: \"ui\",\n  color: channelInk,\n  /* The boot reveal is a one-frame step: the line is absent, then it is there —\n   * a terminal does not fade. `both` keeps it hidden through its delay, which is\n   * what staggers the log. The gate is the CSS media condition, never a runtime\n   * matchMedia read: with reduced motion the animation name goes to `none`, the\n   * fill-mode never applies, and every line is simply present. */\n  animation: {\n    isBooting: {\n      default: lineBoot,\n      \"@media (prefers-reduced-motion: reduce)\": \"none\",\n    },\n  },\n  animationDuration: {\n    isBooting: 10,\n  },\n  animationTimingFunction: {\n    isBooting: \"[step-end]\",\n  },\n  animationFillMode: {\n    isBooting: \"both\",\n  },\n});\n\nconst spanStyles = style<{ channel: TerminalLogChannel | \"none\" }>({\n  color: channelInk,\n});\n\nconst timeStyles = style({\n  color: \"[var(--terminal-dim)]\",\n  marginEnd: 8,\n});\n\nconst caretStyles = style({\n  display: \"inline-block\",\n  width: 7,\n  height: 12,\n  verticalAlign: \"[-2px]\",\n  backgroundColor: \"[var(--terminal-prompt)]\",\n  animation: {\n    default: caretBlink,\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n  animationDuration: 1100,\n  animationTimingFunction: \"[step-end]\",\n  animationIterationCount: \"infinite\",\n});\n\n/**\n * A terminal transcript on the register's matte well — timestamps, per-channel\n * ink, an optional boot-in stagger and a blinking caret.\n *\n * Local addition — no S2 counterpart. It is static content, not a live region:\n * the lines render as an ordered list (`<ol>`/`<li>`, timestamps in `<time>`), so\n * a reader gets the transcript in order and on demand. A caller streaming lines in\n * and needing them announced should own that live region itself.\n */\nexport function TerminalLog(props: TerminalLogProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"lines\",\n    \"showCaret\",\n    \"bootIn\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n  ]);\n  const resolvedStyles = () => (typeof local.styles === \"function\" ? local.styles() : local.styles);\n  const isBooting = () => local.bootIn ?? false;\n  const lineState = (line: TerminalLogLine): LineStyleState => ({\n    channel: line.channel ?? \"none\",\n    isBooting: isBooting(),\n  });\n\n  return (\n    <ol\n      id={local.id}\n      aria-label={local[\"aria-label\"]}\n      aria-labelledby={local[\"aria-labelledby\"]}\n      class={[local.UNSAFE_className, logStyles(null, resolvedStyles())].filter(Boolean).join(\" \")}\n      style={local.UNSAFE_style}\n    >\n      <For each={local.lines}>\n        {(line, index) => (\n          <li\n            class={lineStyles(lineState(line))}\n            style={\n              isBooting()\n                ? {\n                    \"animation-delay\": `${(BOOT_DELAY_BASE + index() * BOOT_DELAY_STEP).toFixed(2)}s`,\n                  }\n                : undefined\n            }\n          >\n            <Show when={line.time != null}>\n              <time class={timeStyles}>{line.time}</time>\n            </Show>\n            <Show when={line.spans} fallback={line.text}>\n              <For each={line.spans}>\n                {(span) => (\n                  <span class={spanStyles({ channel: span.channel ?? line.channel ?? \"none\" })}>\n                    {span.text}\n                  </span>\n                )}\n              </For>\n            </Show>\n          </li>\n        )}\n      </For>\n      <Show when={local.showCaret}>\n        {/* The caret is the cursor waiting for the next line — a mark, not a line\n         * of the transcript, so it carries no text for a reader. */}\n        <li aria-hidden=\"true\" class={lineStyles({ channel: \"none\", isBooting: false })}>\n          <span class={caretStyles} />\n        </li>\n      </Show>\n    </ol>\n  );\n}\n","import type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { wellScan } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type WellTone = \"well\" | \"deep\";\nexport type WellSize = \"S\" | \"M\";\n\nexport interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n  /**\n   * Local addition — no S2 counterpart (S2 retired Well). The plate's depth:\n   * `well` is the register's standard matte terminal plate, `deep` the darker\n   * `--surface-well-deep` the handoff spends on the containers that hold other\n   * controls — the nav well and the tutor prompt well (TerminalGlassLab.tsx §07).\n   * Both are matte; depth is the only axis, so a deep well is not a second look.\n   * @default 'well'\n   */\n  tone?: WellTone;\n  /**\n   * Local addition — no S2 counterpart. The plate's inset. `M` is the reading\n   * well the handoff draws at 14px/16px for log and status content; `S` is the\n   * 8px container inset used when the well is holding rows that carry their own\n   * padding, so the plate does not double it.\n   * @default 'M'\n   */\n  size?: WellSize;\n}\n\n// Well has no Spectrum 2 upstream (S2 retired it), so its look is composed from\n// S2 design tokens directly rather than mirrored from a pinned component: a subtle\n// inset panel — a neutral `gray-100` surface, a 1px `gray-300` hairline, the standard\n// `lg` radius, and 16px of inset padding. (`gray-100` is used, not the `layer-1`\n// abstraction, because `layer-1` compiles to a `--s2-container-bg` variable that only\n// the Card/Provider container machinery reads — a bare element would get no fill.)\n// Emitting through the `style()` macro (not hand-authored utility classes) means the\n// CSS ships in the package's `styles.css` bundle, so installed consumers get it\n// without any Tailwind backfill.\n// The handoff has a Well of its own (TerminalGlassLab.tsx:262) and it is the one\n// container that is emphatically NOT glass — \"matte / opaque, NEVER glass\"\n// (design-handoff-v2.css:56). So this takes no blur and no rim — but it is not bare\n// either: the handoff opens every well with a `<ScanOverlay />`, the 4px `--well-scan`\n// dither, which is the one layer that separates a well from a plain rectangle. That\n// texture is `wellScan()` (s2-internal/style-utils.ts), the same helper the `matte`\n// register hands every field, so this container and the fields inside it share one\n// surface. `--well-scan` itself is declared per scheme in viviana-tokens.css:265\n// (dark) and :559 (light). `Well` is spread here by hand rather than inherited,\n// because it composes its look from tokens directly and never routes through\n// `control()`. `lg` is already the handoff's 10px well corner, so the radius needed\n// no change; only the two grays did.\nconst wellStyles = style<{ tone: WellTone; size: WellSize }>({\n  display: \"block\",\n  /* `well-tutor` is the theme name for `--surface-well-tutor`, which\n   * viviana-tokens.css aliases onto `--surface-well-deep` — the depth, not a\n   * second surface family. */\n  backgroundColor: {\n    default: \"well\",\n    tone: {\n      deep: \"well-tutor\",\n    },\n  },\n  ...wellScan(),\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  /* 8px, the register's `--radius-md`, which the handoff spends on wells, chips and\n   * thumbs. `lg` used to be 10px and read as the well corner; it is now the 12px card\n   * corner, a step too round for a terminal plate. */\n  borderRadius: \"default\",\n  /* 14px is the drawn log/status inset (TerminalGlassLab.tsx §07); 16 is the\n   * nearest ramp step and was already this component's padding, so `M` keeps it\n   * rather than dropping to an arbitrary value for 2px. `S` is the 8px container\n   * inset the nav well takes. */\n  padding: {\n    default: 16,\n    size: {\n      S: 8,\n    },\n  },\n});\n\n/**\n * A Well is a styled container that groups content into an inset, subtly\n * emphasized region — for example a code sample or a callout block.\n */\nexport function Well(props: WellProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\", \"tone\", \"size\"]);\n  const wellClass = () => wellStyles({ tone: local.tone ?? \"well\", size: local.size ?? \"M\" });\n  return (\n    <div {...domProps} class={[wellClass(), local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n\nexport { TerminalLog } from \"./TerminalLog\";\nexport type {\n  TerminalLogProps,\n  TerminalLogLine,\n  TerminalLogSpan,\n  TerminalLogChannel,\n} from \"./TerminalLog\";\n"],"mappings":"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"}

package/dist/_chunk/well.jsx

@@ -0,0 +1,197 @@
+import { For, Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/well/TerminalLog.tsx
+const BOOT_DELAY_BASE = .3;
+const BOOT_DELAY_STEP = .28;
+const logStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let marginTop = false;
+	let marginBottom = false;
+	let marginInlineStart = false;
+	let marginInlineEnd = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "J") marginTop = true;
+		if (p[1] === "G") marginBottom = true;
+		if (p[1] === "I") marginInlineStart = true;
+		if (p[1] === "H") marginInlineEnd = true;
+		rules += p[0];
+	}
+	rules += " sb17";
+	rules += " _Gc17";
+	if (!marginTop) rules += " Jy17";
+	if (!marginBottom) rules += " Gy17";
+	if (!marginInlineStart) rules += " Iy17";
+	if (!marginInlineEnd) rules += " Hy17";
+	rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	rules += " Se17";
+	rules += " Re17";
+	rules += " Tt17";
+	rules += " Qt17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-c17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fb17";
+	rules += " _FnuYUwec17";
+	rules += " pagM6417";
+	rules += " _Na17";
+	return rules;
+};
+const lineStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb17";
+	rules += " _7d17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.channel === "none") rules += " pagM6417";
+	else if (props.channel === "muted") rules += " picq5417";
+	else if (props.channel === "prompt") rules += " povAVJc17";
+	else if (props.channel === "fault") rules += " pGBFq4b17";
+	else if (props.channel === "metric") rules += " pmb1iPc17";
+	else if (props.channel === "signal") rules += " po3eV3b17";
+	else if (props.channel === "info") rules += " pyJJ1Ud17";
+	else rules += " pagM6417";
+	rules += " plb17";
+	if (props.isBooting) {
+		rules += " _gWzKgMe17";
+		rules += " _gdklsgch3TDrc17";
+	}
+	if (props.isBooting) rules += " _e2Upurc17";
+	if (props.isBooting) rules += " _h3jWUfc17";
+	if (props.isBooting) rules += " _fb17";
+	return rules;
+};
+const spanStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.channel === "none") rules += " pagM6417";
+	else if (props.channel === "muted") rules += " picq5417";
+	else if (props.channel === "prompt") rules += " povAVJc17";
+	else if (props.channel === "fault") rules += " pGBFq4b17";
+	else if (props.channel === "metric") rules += " pmb1iPc17";
+	else if (props.channel === "signal") rules += " po3eV3b17";
+	else if (props.channel === "info") rules += " pyJJ1Ud17";
+	else rules += " pagM6417";
+	rules += " plb17";
+	return rules;
+};
+const timeStyles = " picq5417 Hv17";
+const caretStyles = " sg17 ZsWXEHc17 Fk17 _5k7Otrc17 govAVJc17 _gNG2Nyd17 _gdklsgch3TDrc17 _eXHKVsc17 _h3jWUfc17 __ea17";
+/**
+* A terminal transcript on the register's matte well — timestamps, per-channel
+* ink, an optional boot-in stagger and a blinking caret.
+*
+* Local addition — no S2 counterpart. It is static content, not a live region:
+* the lines render as an ordered list (`<ol>`/`<li>`, timestamps in `<time>`), so
+* a reader gets the transcript in order and on demand. A caller streaming lines in
+* and needing them announced should own that live region itself.
+*/ function TerminalLog(props) {
+	const [local] = splitProps(props, [
+		"lines",
+		"showCaret",
+		"bootIn",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"id",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const resolvedStyles = () => typeof local.styles === "function" ? local.styles() : local.styles;
+	const isBooting = () => local.bootIn ?? false;
+	const lineState = (line) => ({
+		channel: line.channel ?? "none",
+		isBooting: isBooting()
+	});
+	return <ol id={local.id} aria-label={local["aria-label"]} aria-labelledby={local["aria-labelledby"]} class={[local.UNSAFE_className, logStyles(null, resolvedStyles())].filter(Boolean).join(" ")} style={local.UNSAFE_style}>
+      <For each={local.lines}>
+        {(line, index) => <li class={lineStyles(lineState(line))} style={isBooting() ? { "animation-delay": `${(BOOT_DELAY_BASE + index() * BOOT_DELAY_STEP).toFixed(2)}s` } : void 0}>
+            <Show when={line.time != null}>
+              <time class={timeStyles}>{line.time}</time>
+            </Show>
+            <Show when={line.spans} fallback={line.text}>
+              <For each={line.spans}>
+                {(span) => <span class={spanStyles({ channel: span.channel ?? line.channel ?? "none" })}>
+                    {span.text}
+                  </span>}
+              </For>
+            </Show>
+          </li>}
+      </For>
+      <Show when={local.showCaret}>
+        {}
+        <li aria-hidden="true" class={lineStyles({
+		channel: "none",
+		isBooting: false
+	})}>
+          <span class={caretStyles} />
+        </li>
+      </Show>
+    </ol>;
+}
+//#endregion
+//#region src/well/index.tsx
+const wellStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb17";
+	if (props.tone === "deep") rules += " gkIIWye17";
+	else rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	if (props.size === "S") rules += " Tt17";
+	else rules += " Tf17";
+	if (props.size === "S") rules += " Qt17";
+	else rules += " Qf17";
+	if (props.size === "S") rules += " St17";
+	else rules += " Sf17";
+	if (props.size === "S") rules += " Rt17";
+	else rules += " Rf17";
+	return rules;
+};
+/**
+* A Well is a styled container that groups content into an inset, subtly
+* emphasized region — for example a code sample or a callout block.
+*/ function Well(props) {
+	const [local, domProps] = splitProps(props, [
+		"class",
+		"children",
+		"tone",
+		"size"
+	]);
+	const wellClass = () => wellStyles({
+		tone: local.tone ?? "well",
+		size: local.size ?? "M"
+	});
+	return <div {...domProps} class={[wellClass(), local.class].filter(Boolean).join(" ")}>
+      {local.children}
+    </div>;
+}
+//#endregion
+export { TerminalLog as n, Well as t };
+
+//# sourceMappingURL=well.jsx.map