@hanzo/ui 8.0.27 → 8.0.28

package/dist/primitives/index.cjs

@@ -1,370 +1,20 @@
-'use client';
-'use strict';
-
-var chunk6KZWRBK2_cjs = require('../chunk-6KZWRBK2.cjs');
-var chunkDC52DQ27_cjs = require('../chunk-DC52DQ27.cjs');
-
-
-
-Object.defineProperty(exports, "AspectRatio", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.AspectRatio; }
-});
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Avatar; }
-});
-Object.defineProperty(exports, "AvatarFallback", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.AvatarFallback; }
-});
-Object.defineProperty(exports, "AvatarImage", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.AvatarImage; }
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Badge; }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Button; }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Card; }
-});
-Object.defineProperty(exports, "CardAction", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardAction; }
-});
-Object.defineProperty(exports, "CardContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardContent; }
-});
-Object.defineProperty(exports, "CardDescription", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardDescription; }
-});
-Object.defineProperty(exports, "CardFooter", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardFooter; }
-});
-Object.defineProperty(exports, "CardHeader", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardHeader; }
-});
-Object.defineProperty(exports, "CardTitle", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CardTitle; }
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Checkbox; }
-});
-Object.defineProperty(exports, "Collapsible", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Collapsible; }
-});
-Object.defineProperty(exports, "CollapsibleContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CollapsibleContent; }
-});
-Object.defineProperty(exports, "CollapsibleTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CollapsibleTrigger; }
-});
-Object.defineProperty(exports, "Command", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Command; }
-});
-Object.defineProperty(exports, "CommandDialog", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandDialog; }
-});
-Object.defineProperty(exports, "CommandEmpty", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandEmpty; }
-});
-Object.defineProperty(exports, "CommandGroup", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandGroup; }
-});
-Object.defineProperty(exports, "CommandInput", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandInput; }
-});
-Object.defineProperty(exports, "CommandItem", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandItem; }
-});
-Object.defineProperty(exports, "CommandList", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandList; }
-});
-Object.defineProperty(exports, "CommandSeparator", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandSeparator; }
-});
-Object.defineProperty(exports, "CommandShortcut", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.CommandShortcut; }
-});
-Object.defineProperty(exports, "Dialog", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Dialog; }
-});
-Object.defineProperty(exports, "DialogClose", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogClose; }
-});
-Object.defineProperty(exports, "DialogContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogContent; }
-});
-Object.defineProperty(exports, "DialogDescription", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogDescription; }
-});
-Object.defineProperty(exports, "DialogFooter", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogFooter; }
-});
-Object.defineProperty(exports, "DialogHeader", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogHeader; }
-});
-Object.defineProperty(exports, "DialogOverlay", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogOverlay; }
-});
-Object.defineProperty(exports, "DialogPortal", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogPortal; }
-});
-Object.defineProperty(exports, "DialogTitle", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogTitle; }
-});
-Object.defineProperty(exports, "DialogTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.DialogTrigger; }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Input; }
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Label; }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Popover; }
-});
-Object.defineProperty(exports, "PopoverAnchor", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.PopoverAnchor; }
-});
-Object.defineProperty(exports, "PopoverClose", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.PopoverClose; }
-});
-Object.defineProperty(exports, "PopoverContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.PopoverContent; }
-});
-Object.defineProperty(exports, "PopoverTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.PopoverTrigger; }
-});
-Object.defineProperty(exports, "Progress", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Progress; }
-});
-Object.defineProperty(exports, "ResizableHandle", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.ResizableHandle; }
-});
-Object.defineProperty(exports, "ResizablePanel", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.ResizablePanel; }
-});
-Object.defineProperty(exports, "ResizablePanelGroup", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.ResizablePanelGroup; }
-});
-Object.defineProperty(exports, "ScrollArea", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.ScrollArea; }
-});
-Object.defineProperty(exports, "ScrollBar", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.ScrollBar; }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Select; }
-});
-Object.defineProperty(exports, "SelectContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectContent; }
-});
-Object.defineProperty(exports, "SelectGroup", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectGroup; }
-});
-Object.defineProperty(exports, "SelectItem", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectItem; }
-});
-Object.defineProperty(exports, "SelectLabel", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectLabel; }
-});
-Object.defineProperty(exports, "SelectScrollDownButton", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectScrollDownButton; }
-});
-Object.defineProperty(exports, "SelectScrollUpButton", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectScrollUpButton; }
-});
-Object.defineProperty(exports, "SelectSeparator", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectSeparator; }
-});
-Object.defineProperty(exports, "SelectTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectTrigger; }
-});
-Object.defineProperty(exports, "SelectValue", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.SelectValue; }
-});
-Object.defineProperty(exports, "Separator", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Separator; }
-});
-Object.defineProperty(exports, "Slider", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Slider; }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Switch; }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Tabs; }
-});
-Object.defineProperty(exports, "TabsContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TabsContent; }
-});
-Object.defineProperty(exports, "TabsList", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TabsList; }
-});
-Object.defineProperty(exports, "TabsTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TabsTrigger; }
-});
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Textarea; }
-});
-Object.defineProperty(exports, "Toaster", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Toaster; }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.Tooltip; }
-});
-Object.defineProperty(exports, "TooltipContent", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TooltipContent; }
-});
-Object.defineProperty(exports, "TooltipProvider", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TooltipProvider; }
-});
-Object.defineProperty(exports, "TooltipTrigger", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.TooltipTrigger; }
-});
-Object.defineProperty(exports, "badgeVariants", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.badgeVariants; }
-});
-Object.defineProperty(exports, "buttonVariants", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.buttonVariants; }
-});
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.toast; }
-});
-Object.defineProperty(exports, "DropdownMenu", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenu; }
-});
-Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuCheckboxItem; }
-});
-Object.defineProperty(exports, "DropdownMenuContent", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuContent; }
-});
-Object.defineProperty(exports, "DropdownMenuGroup", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuGroup; }
-});
-Object.defineProperty(exports, "DropdownMenuItem", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuItem; }
-});
-Object.defineProperty(exports, "DropdownMenuLabel", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuLabel; }
-});
-Object.defineProperty(exports, "DropdownMenuPortal", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuPortal; }
-});
-Object.defineProperty(exports, "DropdownMenuRadioGroup", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuRadioGroup; }
-});
-Object.defineProperty(exports, "DropdownMenuRadioItem", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuRadioItem; }
-});
-Object.defineProperty(exports, "DropdownMenuSeparator", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuSeparator; }
-});
-Object.defineProperty(exports, "DropdownMenuShortcut", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuShortcut; }
-});
-Object.defineProperty(exports, "DropdownMenuSub", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuSub; }
-});
-Object.defineProperty(exports, "DropdownMenuSubContent", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuSubContent; }
-});
-Object.defineProperty(exports, "DropdownMenuSubTrigger", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuSubTrigger; }
-});
-Object.defineProperty(exports, "DropdownMenuTrigger", {
-  enumerable: true,
-  get: function () { return chunkDC52DQ27_cjs.DropdownMenuTrigger; }
-});
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+'use client';"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// 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
+__exportStar(require("../backends/gui/index.cjs"), exports);

package/dist/primitives/index.d.ts

@@ -1 +1,2 @@
-export * from '../backends/gui';
+export * from '../backends/gui/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAA"}

package/dist/primitives/index.js

@@ -1,5 +1,5 @@
-'use client';
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, toast } from '../chunk-RCMDRI6V.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../chunk-PI3GSHLU.js';
-//# sourceMappingURL=index.js.map
+'use client';// 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 * from '../backends/gui/index.js';
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,cAAc,iBAAiB,CAAA"}

package/dist/primitives/toast.cjs

@@ -1,14 +1,8 @@
-'use client';
-'use strict';
-
-var chunk6KZWRBK2_cjs = require('../chunk-6KZWRBK2.cjs');
-require('../chunk-DC52DQ27.cjs');
-
-
-
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () { return chunk6KZWRBK2_cjs.toast; }
-});
-//# sourceMappingURL=toast.cjs.map
-//# sourceMappingURL=toast.cjs.map
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = 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 toaster_1 = require("../backends/gui/toaster.cjs");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toaster_1.toast; } });

package/dist/primitives/toast.d.ts

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

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

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

package/dist/primitives/toast.js

@@ -1,5 +1,5 @@
-'use client';
-export { toast } from '../chunk-RCMDRI6V.js';
-import '../chunk-PI3GSHLU.js';
-//# sourceMappingURL=toast.js.map
+'use client';// 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 { toast } from '../backends/gui/toaster.js';
 //# sourceMappingURL=toast.js.map

package/dist/primitives/toast.js.map

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

package/dist/product/AnimatedLogo.cjs

@@ -0,0 +1,102 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedLogo = AnimatedLogo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * AnimatedLogo — the ONE animated brand logo across every Hanzo surface.
+ *
+ * On mount the full wordmark shows ("Hanzo {surface}", e.g. "Hanzo Cloud"), then
+ * collapses INTO just the brand mark; hover or keyboard-focus expands it back to
+ * the full name. This is the shared brand-identity primitive — the behavior that
+ * ships on hanzo.ai and cloud.hanzo.ai, made one component, white-label aware.
+ *
+ *   <AnimatedLogo surface="Cloud" />                    // Hanzo Cloud → H
+ *   <AnimatedLogo surface="Studio" />                   // Hanzo Studio → H
+ *   <AnimatedLogo surface="Cloud" brand={LUX} />        // Lux Cloud → Lux mark
+ *
+ * Presentational + host-agnostic (plain React + inline SVG, no @hanzo/gui, no
+ * framer): drops into any surface — the Tamagui console, the Next marketing site,
+ * a desktop shell. Theme-aware (the mark is `currentColor`), and accessible: the
+ * accessible name is always the full "Hanzo {surface}" regardless of the visual
+ * collapse, and `prefers-reduced-motion` yields a static mark with no animation.
+ */
+const react_1 = require("react");
+const brand_1 = require("./brand.cjs");
+const animatedLogo_logic_1 = require("./animatedLogo.logic.cjs");
+/** SSR-safe prefers-reduced-motion. Starts false (server), corrects on mount. */
+function usePrefersReducedMotion() {
+    const [reduce, setReduce] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (typeof window === 'undefined' || !window.matchMedia)
+            return;
+        const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+        const sync = () => setReduce(mq.matches);
+        sync();
+        mq.addEventListener('change', sync);
+        return () => mq.removeEventListener('change', sync);
+    }, []);
+    return reduce;
+}
+function AnimatedLogo({ surface, brand = brand_1.HANZO, size = 22, gap = animatedLogo_logic_1.DEFAULT_GAP, introMs = animatedLogo_logic_1.DEFAULT_INTRO_MS, durationMs = animatedLogo_logic_1.DEFAULT_DURATION_MS, easing = animatedLogo_logic_1.HOUSE_EASE, href, onClick, component, className, style, 'aria-label': ariaLabel, }) {
+    const reduce = usePrefersReducedMotion();
+    const label = ariaLabel ?? (0, animatedLogo_logic_1.wordmarkText)(brand.name, surface);
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    // Show the full wordmark on first paint (name shows on load), then collapse.
+    const [introShowing, setIntroShowing] = (0, react_1.useState)(introMs > 0);
+    const [naturalWidth, setNaturalWidth] = (0, react_1.useState)(undefined);
+    const wordRef = (0, react_1.useRef)(null);
+    // Mount intro: hold the name, then tuck it into the mark. Reduced motion skips
+    // the timeline entirely (static mark), so there is no animation.
+    (0, react_1.useEffect)(() => {
+        if (introMs <= 0)
+            return;
+        if (reduce) {
+            setIntroShowing(false);
+            return;
+        }
+        const t = setTimeout(() => setIntroShowing(false), introMs);
+        return () => clearTimeout(t);
+    }, [introMs, reduce]);
+    // Measure the wordmark's natural width so it can animate to/from an exact px
+    // width (auto is not animatable). `scrollWidth` reports the full content width
+    // in every state (the wrapper is overflow-hidden + nowrap). Re-measure when the
+    // text changes and once the webfont has settled.
+    (0, react_1.useLayoutEffect)(() => {
+        const el = wordRef.current;
+        if (!el)
+            return;
+        const measure = () => setNaturalWidth(el.scrollWidth);
+        measure();
+        const fonts = (typeof document !== 'undefined' && document.fonts) || null;
+        if (fonts?.ready)
+            fonts.ready.then(measure).catch(() => { });
+    }, [brand.name, surface]);
+    const expanded = (0, animatedLogo_logic_1.isExpanded)({ hovered, focused, introShowing });
+    const ws = (0, animatedLogo_logic_1.wordmarkStyle)({ expanded, naturalWidth, gap, durationMs, easing, reduce });
+    const Root = component ?? 'a';
+    const isAnchor = Root === 'a';
+    return ((0, jsx_runtime_1.jsxs)(Root, { ...(isAnchor ? { href: href ?? brand.href ?? '/' } : { href: href ?? brand.href }), onClick: onClick, "aria-label": label, title: label, className: className, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            textDecoration: 'none',
+            color: 'inherit',
+            cursor: 'pointer',
+            ...style,
+        }, children: [(0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: brand.viewBox, "aria-hidden": "true", focusable: "false", fill: brand.fullColor ? undefined : 'currentColor', style: { display: 'block', flexShrink: 0 }, 
+                // `content` is a build-time-trusted constant (see ./brand), never user input.
+                dangerouslySetInnerHTML: { __html: brand.content } }), (0, jsx_runtime_1.jsx)("span", { ref: wordRef, "aria-hidden": "true", style: {
+                    display: 'inline-block',
+                    overflow: 'hidden',
+                    whiteSpace: 'nowrap',
+                    fontWeight: 600,
+                    fontSize: 15,
+                    letterSpacing: '-0.01em',
+                    lineHeight: 1,
+                    width: ws.width,
+                    opacity: ws.opacity,
+                    marginLeft: ws.marginLeft,
+                    transition: ws.transition,
+                }, children: label })] }));
+}

package/dist/product/AnimatedLogo.d.ts

@@ -17,7 +17,7 @@
  * collapse, and `prefers-reduced-motion` yields a static mark with no animation.
  */
 import React from 'react';
-import { type BrandIdentity } from './brand';
+import { type BrandIdentity } from './brand.js';
 export interface AnimatedLogoProps {
     /** Surface word after the brand ("AI", "Cloud", "Studio", "Chat", "App", "Console", "Team"). */
     surface?: string;
@@ -45,3 +45,4 @@ export interface AnimatedLogoProps {
     'aria-label'?: string;
 }
 export declare function AnimatedLogo({ surface, brand, size, gap, introMs, durationMs, easing, href, onClick, component, className, style, 'aria-label': ariaLabel, }: AnimatedLogoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimatedLogo.d.ts.map

package/dist/product/AnimatedLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedLogo.d.ts","sourceRoot":"","sources":["../../src/product/AnimatedLogo.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAuD,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAWnD,MAAM,WAAW,iBAAiB;IAChC,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;4CACwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAgBD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAa,EACb,IAAS,EACT,GAAiB,EACjB,OAA0B,EAC1B,UAAgC,EAChC,MAAmB,EACnB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CA8FnB"}