@hanzo/ui 8.4.13 → 8.5.1

package/dist/blocks/spec.js

@@ -0,0 +1,52 @@
+'use client';import { cn } from '../core/cn.js';
+import { tw } from '../tw.js';
+/**
+ * Class notation as gui style props.
+ *
+ * A gui component takes `className` and passes it STRAIGHT to the element, so
+ * `<Card className="flex w-full">` renders `class="… flex w-full"` — four dead
+ * tokens against a stylesheet that defines none of them, since there is no
+ * Tailwind here to define them. Measured: every token survives to the DOM and
+ * nothing styles it.
+ *
+ * `<Box>` already solves this for host elements by converting the string first.
+ * This is the same conversion for the case Box cannot cover — a gui component
+ * that must stay itself. The classes become style props, gui compiles them to
+ * its own atomic rules, and no unqualified name reaches the document.
+ *
+ * So: `<Box className="…">` for an element, `{...sx('…')}` for a component.
+ *
+ * Anything `tw` does not read is handed back as `className`, exactly as Box
+ * does with it — dropping it would be worse than leaking it, because a class
+ * with a real rule behind it (`hz-prose`) is not something `tw` should be
+ * expected to know about, and silently discarding it would unstyle the element
+ * with nothing to show for it.
+ */
+export const sx = (...classes) => {
+    const { props, rest } = tw(cn(...classes));
+    return rest ? { ...props, className: rest } : props;
+};
+/**
+ * Is `token` one of the hints in a specifier bag?
+ *
+ * A bag is space-separated and open — a site adds a hint by typing one, and an
+ * unknown hint is ignored rather than failing a build. Undefined reads as
+ * empty, so a block with no specifiers answers false rather than throwing.
+ */
+export const has = (specifiers, token) => !!specifiers && specifiers.split(/\s+/).includes(token);
+/**
+ * The largest box with `dim`'s aspect ratio that fits inside `within`.
+ *
+ * Which side binds is decided by comparing the two ratios, not by trying one
+ * and clamping: a portrait image in a landscape box is bound by height, and the
+ * reverse by width.
+ */
+export const fit = (dim, within) => {
+    const ratio = dim.w / dim.h;
+    return ratio > within.w / within.h
+        ? { w: within.w, h: within.w / ratio }
+        : { w: within.h * ratio, h: within.h };
+};
+/** The filename an image url ends in — the last-resort alt text. */
+export const name = (src) => src.split('/').filter(Boolean).pop() ?? src;
+//# sourceMappingURL=spec.js.map

package/dist/blocks/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../src/blocks/spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAmB,EAAE,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAqB,EAA2B,EAAE;IACtE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAA;IAC1C,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAE,KAAiC,CAAA;AAClF,CAAC,CAAA;AAkBD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,UAA8B,EAAE,KAAa,EAAW,EAAE,CAC5E,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAe,EAAE,MAAkB,EAAc,EAAE;IACrE,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IAC3B,OAAO,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;QAChC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE;QACtC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAA;AAC1C,CAAC,CAAA;AAED,oEAAoE;AACpE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAA"}

package/dist/blocks/video.cjs

@@ -0,0 +1,103 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const video_1 = require("../backends/gui/video.cjs");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const spec_1 = require("./spec.cjs");
+/**
+ * A video sized against the VIEWPORT.
+ *
+ * `sizing` asks for a fraction of the window (`{ vh: 60 }`, or
+ * `{ mobile: { vw: 70 } }`), and the window is not known on a server. So the
+ * first paint is the POSTER, drawn at exactly the box the video will occupy —
+ * computed in css units, which the browser can resolve without javascript. The
+ * player replaces it once the real measurement arrives.
+ *
+ * That ordering is the point: sizing the poster from a measured window would
+ * mean rendering nothing at all server-side, and the page would jump by the
+ * height of a video the moment it hydrated.
+ */
+const VideoBlockComponent = ({ block, className, agent, usePoster = false, size = 'md', constrainTo, }) => {
+    const [win, setWin] = React.useState(undefined);
+    React.useEffect(() => {
+        const measure = () => setWin({ w: window.innerWidth, h: window.innerHeight });
+        measure();
+        // Only a desktop window is worth tracking: a phone "resize" is mostly the
+        // url bar sliding away, which would re-lay-out the video for nothing.
+        if (agent !== 'desktop')
+            return;
+        window.addEventListener('resize', measure);
+        return () => window.removeEventListener('resize', measure);
+    }, [agent]);
+    if (block.blockType !== 'video')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "video block required" });
+    const b = block;
+    const ratio = b.dim.md.w / b.dim.md.h;
+    const player = (dim) => ((0, jsx_runtime_1.jsx)(video_1.VideoPlayer, { ...(0, spec_1.sx)((0, cn_1.cn)('mx-auto', className)), sources: b.sources ?? [], width: dim.w, height: dim.h, ...b.videoProps }));
+    /** The poster at the exact box the video will fill, in css the server can emit. */
+    const poster = (width, height) => ((0, jsx_runtime_1.jsx)(box_1.Box, { style: {
+            maxWidth: '100%',
+            maxHeight: '100%',
+            width,
+            height,
+            backgroundImage: `url(${b.poster})`,
+            backgroundSize: 'contain',
+            backgroundRepeat: 'no-repeat',
+        } }));
+    const vw = b.sizing?.mobile?.vw;
+    const vh = b.sizing?.vh;
+    if (agent === 'phone' && vw) {
+        if (!win)
+            return poster(`${vw}vw`, `calc(${vw}vw / ${ratio})`);
+        const w = (vw / 100) * win.w;
+        return player({ w, h: w / ratio });
+    }
+    if (vh) {
+        if (!win)
+            return poster(`calc(${vh}vh * ${ratio})`, `${vh}vh`);
+        const h = (vh / 100) * win.h;
+        return player({ w: h * ratio, h });
+    }
+    const chosen = b.dim[size] ?? b.dim.md;
+    const dim = constrainTo ? (0, spec_1.fit)(chosen, constrainTo) : chosen;
+    return usePoster ? ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: b.poster, alt: "", width: dim.w, height: dim.h, className: className })) : (player(dim));
+};
+exports.VideoBlockComponent = VideoBlockComponent;
+exports.default = exports.VideoBlockComponent;

package/dist/blocks/video.d.ts

@@ -0,0 +1,22 @@
+import type { Dimensions, TShirtSize } from '../types.js';
+import { type BlockComponentProps } from './spec.js';
+/**
+ * A video sized against the VIEWPORT.
+ *
+ * `sizing` asks for a fraction of the window (`{ vh: 60 }`, or
+ * `{ mobile: { vw: 70 } }`), and the window is not known on a server. So the
+ * first paint is the POSTER, drawn at exactly the box the video will occupy —
+ * computed in css units, which the browser can resolve without javascript. The
+ * player replaces it once the real measurement arrives.
+ *
+ * That ordering is the point: sizing the poster from a measured window would
+ * mean rendering nothing at all server-side, and the page would jump by the
+ * height of a video the moment it hydrated.
+ */
+export declare const VideoBlockComponent: ({ block, className, agent, usePoster, size, constrainTo, }: BlockComponentProps & {
+    usePoster?: boolean;
+    size?: TShirtSize;
+    constrainTo?: Dimensions;
+}) => import("react/jsx-runtime").JSX.Element;
+export default VideoBlockComponent;
+//# sourceMappingURL=video.d.ts.map

package/dist/blocks/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,+DAO7B,mBAAmB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,4CAwEA,CAAA;eAEc,mBAAmB"}

package/dist/blocks/video.js

@@ -0,0 +1,67 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { VideoPlayer } from '../backends/gui/video.js';
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { fit, sx } from './spec.js';
+/**
+ * A video sized against the VIEWPORT.
+ *
+ * `sizing` asks for a fraction of the window (`{ vh: 60 }`, or
+ * `{ mobile: { vw: 70 } }`), and the window is not known on a server. So the
+ * first paint is the POSTER, drawn at exactly the box the video will occupy —
+ * computed in css units, which the browser can resolve without javascript. The
+ * player replaces it once the real measurement arrives.
+ *
+ * That ordering is the point: sizing the poster from a measured window would
+ * mean rendering nothing at all server-side, and the page would jump by the
+ * height of a video the moment it hydrated.
+ */
+export const VideoBlockComponent = ({ block, className, agent, usePoster = false, size = 'md', constrainTo, }) => {
+    const [win, setWin] = React.useState(undefined);
+    React.useEffect(() => {
+        const measure = () => setWin({ w: window.innerWidth, h: window.innerHeight });
+        measure();
+        // Only a desktop window is worth tracking: a phone "resize" is mostly the
+        // url bar sliding away, which would re-lay-out the video for nothing.
+        if (agent !== 'desktop')
+            return;
+        window.addEventListener('resize', measure);
+        return () => window.removeEventListener('resize', measure);
+    }, [agent]);
+    if (block.blockType !== 'video')
+        return _jsx(_Fragment, { children: "video block required" });
+    const b = block;
+    const ratio = b.dim.md.w / b.dim.md.h;
+    const player = (dim) => (_jsx(VideoPlayer, { ...sx(cn('mx-auto', className)), sources: b.sources ?? [], width: dim.w, height: dim.h, ...b.videoProps }));
+    /** The poster at the exact box the video will fill, in css the server can emit. */
+    const poster = (width, height) => (_jsx(Box, { style: {
+            maxWidth: '100%',
+            maxHeight: '100%',
+            width,
+            height,
+            backgroundImage: `url(${b.poster})`,
+            backgroundSize: 'contain',
+            backgroundRepeat: 'no-repeat',
+        } }));
+    const vw = b.sizing?.mobile?.vw;
+    const vh = b.sizing?.vh;
+    if (agent === 'phone' && vw) {
+        if (!win)
+            return poster(`${vw}vw`, `calc(${vw}vw / ${ratio})`);
+        const w = (vw / 100) * win.w;
+        return player({ w, h: w / ratio });
+    }
+    if (vh) {
+        if (!win)
+            return poster(`calc(${vh}vh * ${ratio})`, `${vh}vh`);
+        const h = (vh / 100) * win.h;
+        return player({ w: h * ratio, h });
+    }
+    const chosen = b.dim[size] ?? b.dim.md;
+    const dim = constrainTo ? fit(chosen, constrainTo) : chosen;
+    return usePoster ? (_jsx(Box, { tag: "img", src: b.poster, alt: "", width: dim.w, height: dim.h, className: className })) : (player(dim));
+};
+export default VideoBlockComponent;
+//# sourceMappingURL=video.js.map

package/dist/blocks/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"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"}

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.4.13</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.5.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *
@@ -1341,6 +1341,107 @@
    an indirection through a name that does not exist, with a hardcoded shadow
    behind it, next to a design system that publishes real ones. */
 
+/* ── Prose ───────────────────────────────────────────────────────────────────
+   What `<ApplyTypography>` turns on: running text — a heading, a byline, a
+   paragraph, a list — styled by TAG, so a block of authored content needs no
+   class on any element inside it. That is the whole point; the content comes
+   from a CMS or an .mdx file and cannot carry classes.
+
+   The 5.x line did this with a tailwind typography plugin, so the sizes lived
+   in a plugin config and arrived as `typography typography-sm` utilities. Those
+   are gone with the engine. These are the same sizes as real rules on the
+   @hanzo/design ramp, which is where every other surface already reads them —
+   so prose and a Button now round to the same scale instead of two.
+
+   Scoped under `.hz-prose` and applied with `>` only one level down, so a nested
+   component keeps its own type. */
+.hz-prose {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3, 0.75rem);
+  color: var(--foreground);
+  font-family: var(--font-sans), sans-serif;
+  font-size: var(--text-base);
+  line-height: var(--leading-base, var(--leading-normal));
+}
+
+.hz-prose > h1, .hz-prose > h2, .hz-prose > h3,
+.hz-prose > h4, .hz-prose > h5, .hz-prose > h6 {
+  font-family: var(--font-display, var(--font-sans)), sans-serif;
+  font-weight: 600;
+  line-height: var(--leading-tight);
+  letter-spacing: var(--tracking-tight);
+  margin: 0;
+}
+
+.hz-prose > h1 { font-size: var(--text-4xl) }
+.hz-prose > h2 { font-size: var(--text-3xl) }
+.hz-prose > h3 { font-size: var(--text-2xl) }
+.hz-prose > h4 { font-size: var(--text-xl) }
+.hz-prose > h5 { font-size: var(--text-lg) }
+/* h6 is the byline rung: heading TAG, body weight and colour, because that is
+   what a byline is — subordinate text that happens to sit in the heading
+   stack. */
+.hz-prose > h6 {
+  font-size: var(--text-base);
+  font-weight: 400;
+  color: var(--muted-foreground);
+}
+
+.hz-prose > p { margin: 0 }
+.hz-prose > ul, .hz-prose > ol { margin: 0; padding-inline-start: 1.5em }
+.hz-prose li { margin-block: 0.25em }
+.hz-prose > blockquote {
+  margin: 0;
+  padding-inline-start: 1em;
+  border-inline-start: 2px solid var(--border);
+  color: var(--muted-foreground);
+}
+.hz-prose code {
+  font-family: var(--font-mono), ui-monospace, monospace;
+  font-size: 0.9em;
+}
+.hz-prose a { color: inherit; text-decoration: underline }
+.hz-prose strong { font-weight: 600 }
+.hz-prose :where(img, video) { max-width: 100%; height: auto }
+
+/* The named rungs. `responsive` is the default and is the only one that moves
+   with the viewport — a t-shirt size is a DECISION, so it stays put. */
+.hz-prose-sm { font-size: var(--text-sm); gap: var(--space-3, 0.75rem) }
+.hz-prose-sm > h1 { font-size: var(--text-3xl) }
+.hz-prose-sm > h2 { font-size: var(--text-2xl) }
+.hz-prose-sm > h3 { font-size: var(--text-xl) }
+.hz-prose-sm > p  { font-size: var(--text-sm) }
+
+.hz-prose-lg { font-size: var(--text-lg); gap: var(--space-5, 1.25rem) }
+.hz-prose-lg > h1 { font-size: var(--text-5xl) }
+.hz-prose-lg > h2 { font-size: var(--text-4xl) }
+.hz-prose-lg > h3 { font-size: var(--text-3xl) }
+.hz-prose-lg > p  { font-size: var(--text-lg) }
+
+.hz-prose-xl { font-size: var(--text-lg); gap: var(--space-6, 1.5rem) }
+.hz-prose-xl > h1 { font-size: var(--text-6xl) }
+.hz-prose-xl > h2 { font-size: var(--text-5xl) }
+.hz-prose-xl > h3 { font-size: var(--text-4xl) }
+.hz-prose-xl > p  { font-size: var(--text-lg) }
+
+/* Responsive: start at the small rung and climb. Written as min-width so the
+   phone case is the unprefixed one and needs no query at all. */
+@media (min-width: 640px) {
+  .hz-prose-responsive { gap: var(--space-4, 1rem) }
+}
+@media (min-width: 1024px) {
+  .hz-prose-responsive { font-size: var(--text-lg); gap: var(--space-5, 1.25rem) }
+  .hz-prose-responsive > h1 { font-size: var(--text-5xl) }
+  .hz-prose-responsive > h2 { font-size: var(--text-4xl) }
+  .hz-prose-responsive > h3 { font-size: var(--text-3xl) }
+}
+@media (min-width: 1280px) {
+  .hz-prose-responsive { gap: var(--space-6, 1.5rem) }
+  .hz-prose-responsive > h1 { font-size: var(--text-6xl) }
+  .hz-prose-responsive > h2 { font-size: var(--text-5xl) }
+}
+
 /* Glass — the material floating chrome is made of, and the ladder it stands on.
  *
  *   import '@hanzo/ui/glass.css'      // this slice alone

package/dist/index.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.Collapsible = exports.Checkbox = exports.CardTitle = exports.CardMedia = exports.CardHeader = exports.CardFooter = exports.CardDescription = exports.CardContent = exports.CardAction = exports.Card = exports.Button = exports.Badge = exports.AvatarImage = exports.AvatarFallback = exports.Avatar = exports.AspectRatio = void 0;
 exports.TabsContent = exports.Tabs = exports.Switch = exports.Strong = exports.Spinner = exports.Span = exports.Spacer = exports.Slider = exports.SizableText = exports.Separator = exports.Band = exports.ScrollView = exports.Screen = exports.Paragraph = exports.SelectValue = exports.SelectTrigger = exports.SelectSeparator = exports.SelectScrollUpButton = exports.SelectScrollDownButton = exports.SelectLabel = exports.SelectItem = exports.SelectGroup = exports.SelectContent = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizablePanelGroup = exports.ResizablePanel = exports.ResizableHandle = exports.Progress = exports.PopoverTrigger = exports.PopoverContent = exports.PopoverClose = exports.PopoverAnchor = exports.Popover = exports.Label = exports.Input = exports.Image = exports.Heading = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Fill = exports.Glass = exports.Em = exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = void 0;
-exports.RadioGroup = exports.HoverCardTrigger = exports.HoverCardContent = exports.HoverCard = exports.ContextMenuTrigger = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = exports.ContextMenuSub = exports.ContextMenuShortcut = exports.ContextMenuSeparator = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuPortal = exports.ContextMenuLabel = exports.ContextMenuItem = exports.ContextMenuGroup = exports.ContextMenuContent = exports.ContextMenuCheckboxItem = exports.ContextMenu = exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = exports.toast = exports.buttonVariants = exports.badgeVariants = exports.ZStack = exports.YStack = exports.XStack = exports.View = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.Text = exports.Toaster = exports.Textarea = exports.TabsTrigger = exports.TabsList = void 0;
-exports.Box = exports.tw = exports.cn = exports.Hanzo = exports.Anchor = exports.ToggleGroupItem = exports.ToggleGroup = exports.RadioGroupItem = void 0;
+exports.ContextMenuSub = exports.ContextMenuShortcut = exports.ContextMenuSeparator = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuPortal = exports.ContextMenuLabel = exports.ContextMenuItem = exports.ContextMenuGroup = exports.ContextMenuContent = exports.ContextMenuCheckboxItem = exports.ContextMenu = exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = exports.useLink = exports.YouTubeEmbed = exports.VideoPlayer = exports.MDXLink = exports.LinkElement = exports.Link = exports.ApplyTypography = exports.toast = exports.buttonVariants = exports.badgeVariants = exports.ZStack = exports.YStack = exports.XStack = exports.View = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.Text = exports.Toaster = exports.Textarea = exports.TabsTrigger = exports.TabsList = void 0;
+exports.Box = exports.tw = exports.cn = exports.Hanzo = exports.Anchor = exports.ToggleGroupItem = exports.ToggleGroup = exports.RadioGroupItem = exports.RadioGroup = exports.HoverCardTrigger = exports.HoverCardContent = exports.HoverCard = exports.ContextMenuTrigger = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = void 0;
 // @hanzo/ui — the one Hanzo component library, on @hanzo/gui + @hanzo/design.
 //
 // ONE substrate: every component renders through @hanzo/gui primitives, so the
@@ -156,6 +156,13 @@ Object.defineProperty(exports, "ZStack", { enumerable: true, get: function () {
 Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return gui_1.badgeVariants; } });
 Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return gui_1.buttonVariants; } });
 Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return gui_1.toast; } });
+Object.defineProperty(exports, "ApplyTypography", { enumerable: true, get: function () { return gui_1.ApplyTypography; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return gui_1.Link; } });
+Object.defineProperty(exports, "LinkElement", { enumerable: true, get: function () { return gui_1.LinkElement; } });
+Object.defineProperty(exports, "MDXLink", { enumerable: true, get: function () { return gui_1.MDXLink; } });
+Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return gui_1.VideoPlayer; } });
+Object.defineProperty(exports, "YouTubeEmbed", { enumerable: true, get: function () { return gui_1.YouTubeEmbed; } });
+Object.defineProperty(exports, "useLink", { enumerable: true, get: function () { return gui_1.useLink; } });
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return gui_1.Accordion; } });
 Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return gui_1.AccordionContent; } });
 Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return gui_1.AccordionItem; } });

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
+export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, ApplyTypography, Link, LinkElement, MDXLink, VideoPlayer, YouTubeEmbed, useLink, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
 export type { AspectRatioProps, BadgeProps, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CommandFilter, CommandProps, DropdownMenuProps, InputProps, ResizableHandleProps, SpinnerProps, ResizablePanelGroupProps, ResizablePanelProps, AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AlertDialogContentProps, AlertDialogOverlayProps, AlertDialogProps, AlertDialogSectionProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuSubContentProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, RadioGroupItemProps, RadioGroupProps, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupSize, ToggleGroupVariant, } from './backends/gui/index.js';
 export { Anchor, type GuiElement, } from './backends/gui/index.js';
 export { Hanzo, type HanzoProps } from './root.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -33,7 +33,7 @@
 // absent here, which means a consumer could not import them AT ALL: the component
 // existed, the docs named it, and `import { Grid } from '@hanzo/ui'` was undefined.
 // `src/__tests__/barrel.test.ts` now fails when the two disagree.
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
+export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, ApplyTypography, Link, LinkElement, MDXLink, VideoPlayer, YouTubeEmbed, useLink, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
 // LAYOUT — the stacks and the type scale reach consumers through the component
 // barrel above, which already names XStack/YStack/ZStack, the type scale
 // (SizableText, Paragraph, Heading, H1-H6, Span, Strong, Em) and Image, Spacer,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.node.js

@@ -33,7 +33,7 @@
 // absent here, which means a consumer could not import them AT ALL: the component
 // existed, the docs named it, and `import { Grid } from '@hanzo/ui'` was undefined.
 // `src/__tests__/barrel.test.ts` now fails when the two disagree.
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
+export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Em, Glass, Fill, H1, H2, H3, H4, H5, H6, Heading, Image, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Paragraph, Screen, ScrollView, Band, Separator, SizableText, Slider, Spacer, Span, Spinner, Strong, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Text, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, View, XStack, YStack, ZStack, badgeVariants, buttonVariants, toast, ApplyTypography, Link, LinkElement, MDXLink, VideoPlayer, YouTubeEmbed, useLink, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, RadioGroup, RadioGroupItem, ToggleGroup, ToggleGroupItem, } from './backends/gui/index.js';
 // LAYOUT — the stacks and the type scale reach consumers through the component
 // barrel above, which already names XStack/YStack/ZStack, the type scale
 // (SizableText, Paragraph, Heading, H1-H6, Span, Strong, Em) and Image, Spacer,

package/dist/primitives/ApplyTypography.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApplyTypography = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var prose_1 = require("../backends/gui/prose.cjs");
+Object.defineProperty(exports, "ApplyTypography", { enumerable: true, get: function () { return prose_1.ApplyTypography; } });

package/dist/primitives/ApplyTypography.d.ts

@@ -0,0 +1,2 @@
+export { ApplyTypography } from '../backends/gui/prose.js';
+//# sourceMappingURL=ApplyTypography.d.ts.map

package/dist/primitives/ApplyTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplyTypography.d.ts","sourceRoot":"","sources":["../../src/primitives/ApplyTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/primitives/ApplyTypography.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { ApplyTypography } from '../backends/gui/prose.js';
+//# sourceMappingURL=ApplyTypography.js.map

package/dist/primitives/ApplyTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplyTypography.js","sourceRoot":"","sources":["../../src/primitives/ApplyTypography.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/primitives/Link.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var link_1 = require("../backends/gui/link.cjs");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return link_1.Link; } });

package/dist/primitives/Link.d.ts

@@ -0,0 +1,2 @@
+export { Link } from '../backends/gui/link.js';
+//# sourceMappingURL=Link.d.ts.map

package/dist/primitives/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/primitives/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/Link.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { Link } from '../backends/gui/link.js';
+//# sourceMappingURL=Link.js.map

package/dist/primitives/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/primitives/Link.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/LinkElement.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkElement = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var link_1 = require("../backends/gui/link.cjs");
+Object.defineProperty(exports, "LinkElement", { enumerable: true, get: function () { return link_1.LinkElement; } });

package/dist/primitives/LinkElement.d.ts

@@ -0,0 +1,2 @@
+export { LinkElement } from '../backends/gui/link.js';
+//# sourceMappingURL=LinkElement.d.ts.map

package/dist/primitives/LinkElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkElement.d.ts","sourceRoot":"","sources":["../../src/primitives/LinkElement.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/LinkElement.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { LinkElement } from '../backends/gui/link.js';
+//# sourceMappingURL=LinkElement.js.map

package/dist/primitives/LinkElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkElement.js","sourceRoot":"","sources":["../../src/primitives/LinkElement.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/MDXLink.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MDXLink = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var link_1 = require("../backends/gui/link.cjs");
+Object.defineProperty(exports, "MDXLink", { enumerable: true, get: function () { return link_1.MDXLink; } });

package/dist/primitives/MDXLink.d.ts

@@ -0,0 +1,2 @@
+export { MDXLink } from '../backends/gui/link.js';
+//# sourceMappingURL=MDXLink.d.ts.map

package/dist/primitives/MDXLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MDXLink.d.ts","sourceRoot":"","sources":["../../src/primitives/MDXLink.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/MDXLink.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { MDXLink } from '../backends/gui/link.js';
+//# sourceMappingURL=MDXLink.js.map

package/dist/primitives/MDXLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MDXLink.js","sourceRoot":"","sources":["../../src/primitives/MDXLink.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}