@hanzo/ui 8.25.1 → 8.25.3

package/dist/index.node.cjs

@@ -0,0 +1,297 @@
+'use client';"use strict";
+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.SheetTitle = exports.SheetPortal = exports.SheetOverlay = exports.SheetHeader = exports.SheetFooter = exports.SheetDescription = exports.SheetContent = exports.SheetClose = exports.Sheet = exports.StepIndicator = exports.NavItems = exports.fit = exports.MediaStack = exports.Skeleton = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = exports.useFormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.FormField = exports.Form = 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.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.DrawerTrigger = exports.DrawerHandle = exports.DrawerContent = exports.Drawer = exports.navigationMenuTriggerStyle = exports.NavigationMenuTrigger = exports.NavigationMenuList = exports.NavigationMenuLink = exports.NavigationMenuItem = exports.NavigationMenuContent = exports.NavigationMenu = exports.InputOTPSlot = exports.InputOTPSeparator = exports.InputOTPGroup = exports.InputOTP = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbList = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbEllipsis = exports.Breadcrumb = exports.SheetTrigger = void 0;
+exports.css = exports.sx = exports.Box = exports.tw = exports.variants = exports.capitalize = exports.cn = exports.Slot = 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
+// same import works on web, native (expo) and desktop (Tauri). The ROOT barrel is
+// the canonical component API apps import; the product layer and the design
+// tokens are their own subpaths, so importing a Button never drags in a chart.
+//
+//   import { Button, Card, Dialog, DropdownMenu, Input, Toaster } from '@hanzo/ui'  // component API
+//   import { PageHeader, Sparkline, EmptyState } from '@hanzo/ui/product'           // product/app layer
+//   import { RecordsView, registerField } from '@hanzo/ui/data'                     // metadata record layer
+//   import { ModelSelector } from '@hanzo/ui/models'                                // unified model picker
+//   import { cn, themes, colors } from '@hanzo/ui/core'                             // design core + tokens
+//   import '@hanzo/ui/theme.css'                                                    // the self-contained identity
+//
+// Styling is theme tokens, never utility classes: `$background`, `$color12`,
+// `$borderColor` resolve through the gui token config on every host. Touch
+// targets meet the 44px floor via `hitSlop`, never via padding.
+// Named, not `export *`.
+//
+// This module is a client boundary ('use client' above), and Next 16 refuses
+// `export *` across one: "It's currently unsupported to use `export *` in a client
+// boundary." Every app importing the root barrel failed to build on that one line.
+//
+// Naming them also restores tree-shaking, which `export *` defeats — a bundler
+// cannot prove which members are unused through a star, so importing Button pulled
+// the whole surface in.
+//
+// ./backends/gui declares these as explicit named blocks and this list mirrors it.
+//
+// It is maintained BY HAND — `scripts/gen-primitives.mjs` writes `src/primitives/`,
+// not this file, so nothing regenerates it and nothing used to notice when the two
+// drifted. Glass, Grid, Band and CardMedia were all exported by the backend and
+// 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.
+var gui_1 = require("./backends/gui/index.cjs");
+Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return gui_1.AspectRatio; } });
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return gui_1.Avatar; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return gui_1.AvatarFallback; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return gui_1.AvatarImage; } });
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return gui_1.Badge; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return gui_1.Button; } });
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return gui_1.Card; } });
+Object.defineProperty(exports, "CardAction", { enumerable: true, get: function () { return gui_1.CardAction; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return gui_1.CardContent; } });
+Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return gui_1.CardDescription; } });
+Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return gui_1.CardFooter; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return gui_1.CardHeader; } });
+Object.defineProperty(exports, "CardMedia", { enumerable: true, get: function () { return gui_1.CardMedia; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return gui_1.CardTitle; } });
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return gui_1.Checkbox; } });
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return gui_1.Collapsible; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return gui_1.CollapsibleContent; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return gui_1.CollapsibleTrigger; } });
+Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return gui_1.Command; } });
+Object.defineProperty(exports, "CommandDialog", { enumerable: true, get: function () { return gui_1.CommandDialog; } });
+Object.defineProperty(exports, "CommandEmpty", { enumerable: true, get: function () { return gui_1.CommandEmpty; } });
+Object.defineProperty(exports, "CommandGroup", { enumerable: true, get: function () { return gui_1.CommandGroup; } });
+Object.defineProperty(exports, "CommandInput", { enumerable: true, get: function () { return gui_1.CommandInput; } });
+Object.defineProperty(exports, "CommandItem", { enumerable: true, get: function () { return gui_1.CommandItem; } });
+Object.defineProperty(exports, "CommandList", { enumerable: true, get: function () { return gui_1.CommandList; } });
+Object.defineProperty(exports, "CommandSeparator", { enumerable: true, get: function () { return gui_1.CommandSeparator; } });
+Object.defineProperty(exports, "CommandShortcut", { enumerable: true, get: function () { return gui_1.CommandShortcut; } });
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return gui_1.Dialog; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return gui_1.DialogClose; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return gui_1.DialogContent; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return gui_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return gui_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return gui_1.DialogHeader; } });
+Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return gui_1.DialogOverlay; } });
+Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return gui_1.DialogPortal; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return gui_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return gui_1.DialogTrigger; } });
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return gui_1.DropdownMenu; } });
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return gui_1.DropdownMenuCheckboxItem; } });
+Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return gui_1.DropdownMenuContent; } });
+Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return gui_1.DropdownMenuGroup; } });
+Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return gui_1.DropdownMenuItem; } });
+Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return gui_1.DropdownMenuLabel; } });
+Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return gui_1.DropdownMenuPortal; } });
+Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return gui_1.DropdownMenuRadioGroup; } });
+Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return gui_1.DropdownMenuRadioItem; } });
+Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return gui_1.DropdownMenuSeparator; } });
+Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return gui_1.DropdownMenuShortcut; } });
+Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return gui_1.DropdownMenuSub; } });
+Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return gui_1.DropdownMenuSubContent; } });
+Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return gui_1.DropdownMenuSubTrigger; } });
+Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return gui_1.DropdownMenuTrigger; } });
+Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return gui_1.Em; } });
+Object.defineProperty(exports, "Glass", { enumerable: true, get: function () { return gui_1.Glass; } });
+Object.defineProperty(exports, "Fill", { enumerable: true, get: function () { return gui_1.Fill; } });
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return gui_1.H1; } });
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return gui_1.H2; } });
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return gui_1.H3; } });
+Object.defineProperty(exports, "H4", { enumerable: true, get: function () { return gui_1.H4; } });
+Object.defineProperty(exports, "H5", { enumerable: true, get: function () { return gui_1.H5; } });
+Object.defineProperty(exports, "H6", { enumerable: true, get: function () { return gui_1.H6; } });
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return gui_1.Heading; } });
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return gui_1.Image; } });
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return gui_1.Input; } });
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return gui_1.Label; } });
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return gui_1.Popover; } });
+Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return gui_1.PopoverAnchor; } });
+Object.defineProperty(exports, "PopoverClose", { enumerable: true, get: function () { return gui_1.PopoverClose; } });
+Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return gui_1.PopoverContent; } });
+Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return gui_1.PopoverTrigger; } });
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return gui_1.Progress; } });
+Object.defineProperty(exports, "ResizableHandle", { enumerable: true, get: function () { return gui_1.ResizableHandle; } });
+Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return gui_1.ResizablePanel; } });
+Object.defineProperty(exports, "ResizablePanelGroup", { enumerable: true, get: function () { return gui_1.ResizablePanelGroup; } });
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return gui_1.ScrollArea; } });
+Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return gui_1.ScrollBar; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return gui_1.Select; } });
+Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return gui_1.SelectContent; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return gui_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return gui_1.SelectItem; } });
+Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return gui_1.SelectLabel; } });
+Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return gui_1.SelectScrollDownButton; } });
+Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return gui_1.SelectScrollUpButton; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return gui_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return gui_1.SelectTrigger; } });
+Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return gui_1.SelectValue; } });
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return gui_1.Paragraph; } });
+Object.defineProperty(exports, "Screen", { enumerable: true, get: function () { return gui_1.Screen; } });
+Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return gui_1.ScrollView; } });
+Object.defineProperty(exports, "Band", { enumerable: true, get: function () { return gui_1.Band; } });
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return gui_1.Separator; } });
+Object.defineProperty(exports, "SizableText", { enumerable: true, get: function () { return gui_1.SizableText; } });
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return gui_1.Slider; } });
+Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return gui_1.Spacer; } });
+Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return gui_1.Span; } });
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return gui_1.Spinner; } });
+Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return gui_1.Strong; } });
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return gui_1.Switch; } });
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return gui_1.Tabs; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return gui_1.TabsContent; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return gui_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return gui_1.TabsTrigger; } });
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return gui_1.Textarea; } });
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return gui_1.Toaster; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return gui_1.Text; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return gui_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return gui_1.TooltipContent; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return gui_1.TooltipProvider; } });
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return gui_1.TooltipTrigger; } });
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return gui_1.View; } });
+Object.defineProperty(exports, "XStack", { enumerable: true, get: function () { return gui_1.XStack; } });
+Object.defineProperty(exports, "YStack", { enumerable: true, get: function () { return gui_1.YStack; } });
+Object.defineProperty(exports, "ZStack", { enumerable: true, get: function () { return gui_1.ZStack; } });
+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, "Form", { enumerable: true, get: function () { return gui_1.Form; } });
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return gui_1.FormField; } });
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return gui_1.FormItem; } });
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return gui_1.FormLabel; } });
+Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return gui_1.FormControl; } });
+Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return gui_1.FormDescription; } });
+Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return gui_1.FormMessage; } });
+Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return gui_1.useFormField; } });
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return gui_1.Carousel; } });
+Object.defineProperty(exports, "CarouselContent", { enumerable: true, get: function () { return gui_1.CarouselContent; } });
+Object.defineProperty(exports, "CarouselItem", { enumerable: true, get: function () { return gui_1.CarouselItem; } });
+Object.defineProperty(exports, "CarouselPrevious", { enumerable: true, get: function () { return gui_1.CarouselPrevious; } });
+Object.defineProperty(exports, "CarouselNext", { enumerable: true, get: function () { return gui_1.CarouselNext; } });
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return gui_1.Skeleton; } });
+Object.defineProperty(exports, "MediaStack", { enumerable: true, get: function () { return gui_1.MediaStack; } });
+Object.defineProperty(exports, "fit", { enumerable: true, get: function () { return gui_1.fit; } });
+Object.defineProperty(exports, "NavItems", { enumerable: true, get: function () { return gui_1.NavItems; } });
+Object.defineProperty(exports, "StepIndicator", { enumerable: true, get: function () { return gui_1.StepIndicator; } });
+Object.defineProperty(exports, "Sheet", { enumerable: true, get: function () { return gui_1.Sheet; } });
+Object.defineProperty(exports, "SheetClose", { enumerable: true, get: function () { return gui_1.SheetClose; } });
+Object.defineProperty(exports, "SheetContent", { enumerable: true, get: function () { return gui_1.SheetContent; } });
+Object.defineProperty(exports, "SheetDescription", { enumerable: true, get: function () { return gui_1.SheetDescription; } });
+Object.defineProperty(exports, "SheetFooter", { enumerable: true, get: function () { return gui_1.SheetFooter; } });
+Object.defineProperty(exports, "SheetHeader", { enumerable: true, get: function () { return gui_1.SheetHeader; } });
+Object.defineProperty(exports, "SheetOverlay", { enumerable: true, get: function () { return gui_1.SheetOverlay; } });
+Object.defineProperty(exports, "SheetPortal", { enumerable: true, get: function () { return gui_1.SheetPortal; } });
+Object.defineProperty(exports, "SheetTitle", { enumerable: true, get: function () { return gui_1.SheetTitle; } });
+Object.defineProperty(exports, "SheetTrigger", { enumerable: true, get: function () { return gui_1.SheetTrigger; } });
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return gui_1.Breadcrumb; } });
+Object.defineProperty(exports, "BreadcrumbEllipsis", { enumerable: true, get: function () { return gui_1.BreadcrumbEllipsis; } });
+Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return gui_1.BreadcrumbItem; } });
+Object.defineProperty(exports, "BreadcrumbLink", { enumerable: true, get: function () { return gui_1.BreadcrumbLink; } });
+Object.defineProperty(exports, "BreadcrumbList", { enumerable: true, get: function () { return gui_1.BreadcrumbList; } });
+Object.defineProperty(exports, "BreadcrumbPage", { enumerable: true, get: function () { return gui_1.BreadcrumbPage; } });
+Object.defineProperty(exports, "BreadcrumbSeparator", { enumerable: true, get: function () { return gui_1.BreadcrumbSeparator; } });
+Object.defineProperty(exports, "InputOTP", { enumerable: true, get: function () { return gui_1.InputOTP; } });
+Object.defineProperty(exports, "InputOTPGroup", { enumerable: true, get: function () { return gui_1.InputOTPGroup; } });
+Object.defineProperty(exports, "InputOTPSeparator", { enumerable: true, get: function () { return gui_1.InputOTPSeparator; } });
+Object.defineProperty(exports, "InputOTPSlot", { enumerable: true, get: function () { return gui_1.InputOTPSlot; } });
+Object.defineProperty(exports, "NavigationMenu", { enumerable: true, get: function () { return gui_1.NavigationMenu; } });
+Object.defineProperty(exports, "NavigationMenuContent", { enumerable: true, get: function () { return gui_1.NavigationMenuContent; } });
+Object.defineProperty(exports, "NavigationMenuItem", { enumerable: true, get: function () { return gui_1.NavigationMenuItem; } });
+Object.defineProperty(exports, "NavigationMenuLink", { enumerable: true, get: function () { return gui_1.NavigationMenuLink; } });
+Object.defineProperty(exports, "NavigationMenuList", { enumerable: true, get: function () { return gui_1.NavigationMenuList; } });
+Object.defineProperty(exports, "NavigationMenuTrigger", { enumerable: true, get: function () { return gui_1.NavigationMenuTrigger; } });
+Object.defineProperty(exports, "navigationMenuTriggerStyle", { enumerable: true, get: function () { return gui_1.navigationMenuTriggerStyle; } });
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return gui_1.Drawer; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return gui_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerHandle", { enumerable: true, get: function () { return gui_1.DrawerHandle; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return gui_1.DrawerTrigger; } });
+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; } });
+Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return gui_1.AccordionTrigger; } });
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return gui_1.AlertDialog; } });
+Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return gui_1.AlertDialogAction; } });
+Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return gui_1.AlertDialogCancel; } });
+Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return gui_1.AlertDialogContent; } });
+Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return gui_1.AlertDialogDescription; } });
+Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return gui_1.AlertDialogFooter; } });
+Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return gui_1.AlertDialogHeader; } });
+Object.defineProperty(exports, "AlertDialogOverlay", { enumerable: true, get: function () { return gui_1.AlertDialogOverlay; } });
+Object.defineProperty(exports, "AlertDialogPortal", { enumerable: true, get: function () { return gui_1.AlertDialogPortal; } });
+Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return gui_1.AlertDialogTitle; } });
+Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return gui_1.AlertDialogTrigger; } });
+Object.defineProperty(exports, "ContextMenu", { enumerable: true, get: function () { return gui_1.ContextMenu; } });
+Object.defineProperty(exports, "ContextMenuCheckboxItem", { enumerable: true, get: function () { return gui_1.ContextMenuCheckboxItem; } });
+Object.defineProperty(exports, "ContextMenuContent", { enumerable: true, get: function () { return gui_1.ContextMenuContent; } });
+Object.defineProperty(exports, "ContextMenuGroup", { enumerable: true, get: function () { return gui_1.ContextMenuGroup; } });
+Object.defineProperty(exports, "ContextMenuItem", { enumerable: true, get: function () { return gui_1.ContextMenuItem; } });
+Object.defineProperty(exports, "ContextMenuLabel", { enumerable: true, get: function () { return gui_1.ContextMenuLabel; } });
+Object.defineProperty(exports, "ContextMenuPortal", { enumerable: true, get: function () { return gui_1.ContextMenuPortal; } });
+Object.defineProperty(exports, "ContextMenuRadioGroup", { enumerable: true, get: function () { return gui_1.ContextMenuRadioGroup; } });
+Object.defineProperty(exports, "ContextMenuRadioItem", { enumerable: true, get: function () { return gui_1.ContextMenuRadioItem; } });
+Object.defineProperty(exports, "ContextMenuSeparator", { enumerable: true, get: function () { return gui_1.ContextMenuSeparator; } });
+Object.defineProperty(exports, "ContextMenuShortcut", { enumerable: true, get: function () { return gui_1.ContextMenuShortcut; } });
+Object.defineProperty(exports, "ContextMenuSub", { enumerable: true, get: function () { return gui_1.ContextMenuSub; } });
+Object.defineProperty(exports, "ContextMenuSubContent", { enumerable: true, get: function () { return gui_1.ContextMenuSubContent; } });
+Object.defineProperty(exports, "ContextMenuSubTrigger", { enumerable: true, get: function () { return gui_1.ContextMenuSubTrigger; } });
+Object.defineProperty(exports, "ContextMenuTrigger", { enumerable: true, get: function () { return gui_1.ContextMenuTrigger; } });
+Object.defineProperty(exports, "HoverCard", { enumerable: true, get: function () { return gui_1.HoverCard; } });
+Object.defineProperty(exports, "HoverCardContent", { enumerable: true, get: function () { return gui_1.HoverCardContent; } });
+Object.defineProperty(exports, "HoverCardTrigger", { enumerable: true, get: function () { return gui_1.HoverCardTrigger; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return gui_1.RadioGroup; } });
+Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return gui_1.RadioGroupItem; } });
+Object.defineProperty(exports, "ToggleGroup", { enumerable: true, get: function () { return gui_1.ToggleGroup; } });
+Object.defineProperty(exports, "ToggleGroupItem", { enumerable: true, get: function () { return gui_1.ToggleGroupItem; } });
+// 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,
+// ScrollView, View and Text. This block adds only what that one lacks.
+//
+// It used to repeat all twenty, and TypeScript rejects a name exported twice from
+// one module: `error TS2300: Duplicate identifier 'Em'` and nineteen more, so
+// `tsc -p tsconfig.build.json` failed and @hanzo/ui could not build AT ALL. That
+// took the whole cicd lane down with it — the test gate runs
+// `pnpm --filter @hanzo/ui... build` first, so no test ever ran and ui.hanzo.ai
+// could not ship.
+//
+// The concern the duplication came from is real and still holds: a name must be
+// on the ROOT barrel to reach a consumer — 8.0.65 added these to the backend only
+// and the dist still had no XStack, a green release that changed nothing. The fix
+// for that is to name it once here, not twice.
+var gui_2 = require("./backends/gui/index.cjs");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return gui_2.Anchor; } });
+// `Hanzo` — the root, and the only thing an app mounts. It carries the gui
+// config and the generated stylesheet, so `npm i @hanzo/ui` is the whole setup:
+// no gui.config.ts, no CSS import, no generator script.
+var root_1 = require("./root.node.cjs");
+Object.defineProperty(exports, "Hanzo", { enumerable: true, get: function () { return root_1.Hanzo; } });
+// `cn` — the class-name composer, surfaced for convenience.
+// The type goes with the function. `cn(...inputs: ClassValue[])` cannot be
+// typed at a call site without it, so exporting one and not the other left
+// every consumer reaching into a subpath for half of a pair.
+var slot_1 = require("./slot.cjs");
+Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return slot_1.Slot; } });
+var cn_1 = require("./core/cn.cjs");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
+Object.defineProperty(exports, "capitalize", { enumerable: true, get: function () { return cn_1.capitalize; } });
+Object.defineProperty(exports, "variants", { enumerable: true, get: function () { return cn_1.variants; } });
+// The design-token scale (colors, dark/light themes, radii, spacing, typography)
+// lives on the `@hanzo/ui/core` / `@hanzo/ui/tokens` subpath — pure data, no
+// runtime.
+var tw_1 = require("./tw.cjs");
+Object.defineProperty(exports, "tw", { enumerable: true, get: function () { return tw_1.tw; } });
+var box_1 = require("./box.cjs");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.Box; } });
+var sx_1 = require("./sx.cjs");
+Object.defineProperty(exports, "sx", { enumerable: true, get: function () { return sx_1.sx; } });
+var css_1 = require("./css.cjs");
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });

package/dist/root.cjs

@@ -47,25 +47,21 @@ require("./styles.css");
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CACtC,CAAA;AA2BD,eAAO,MAAM,KAAK,mCAA6C,UAAU,gCA+BxE,CAAA;eAEc,KAAK"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CACtC,CAAA;AAuBD,eAAO,MAAM,KAAK,mCAA6C,UAAU,gCA+BxE,CAAA;eAEc,KAAK"}

package/dist/root.js

@@ -44,25 +44,21 @@ import './styles.css';
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 export const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,cAAc,CAAA;AAgCrB;;;;;;;;;;;iCAWiC;AACjC,IAAI,OAAO,GAAG,KAAK,CAAA;AACnB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AACvE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,IAAI,OAAO,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;QAAE,OAAM;IACnE,OAAO,GAAG,IAAI,CAAA;IACd,IAAI,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE;QAAE,OAAM;IACnG,MAAM,IAAI,KAAK,CACb,qFAAqF;QACnF,iFAAiF;QACjF,kDAAkD,CACrD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAc,EAAE,EAAE;IAC3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,gBAAgB,EAAE,CAAA;IAC7D,wEAAwE;IACxE,EAAE;IACF,4EAA4E;IAC5E,4EAA4E;IAC5E,0EAA0E;IAC1E,8EAA8E;IAC9E,8EAA8E;IAC9E,wBAAwB;IACxB,EAAE;IACF,sEAAsE;IACtE,4EAA4E;IAC5E,qCAAqC;IACrC,EAAE;IACF,yEAAyE;IACzE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,IAAI,GAAG,CACX,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,kBAC/D,QAAQ,GACG,CACf,CAAA;IACD,6EAA6E;IAC7E,yEAAyE;IACzE,8EAA8E;IAC9E,qDAAqD;IACrD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3B,OAAO,KAAC,iBAAiB,OAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAG,IAAI,GAAqB,CAAA;AACjG,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,cAAc,CAAA;AAgCrB;;;;;;;;;;wEAUwE;AACxE,IAAI,OAAO,GAAG,KAAK,CAAA;AACnB,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,IAAI,OAAO,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IACtD,OAAO,GAAG,IAAI,CAAA;IACd,IAAI,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE;QAAE,OAAM;IACnG,OAAO,CAAC,KAAK,CACX,sGAAsG,CACvG,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAc,EAAE,EAAE;IAC3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,gBAAgB,EAAE,CAAA;IAC7D,wEAAwE;IACxE,EAAE;IACF,4EAA4E;IAC5E,4EAA4E;IAC5E,0EAA0E;IAC1E,8EAA8E;IAC9E,8EAA8E;IAC9E,wBAAwB;IACxB,EAAE;IACF,sEAAsE;IACtE,4EAA4E;IAC5E,qCAAqC;IACrC,EAAE;IACF,yEAAyE;IACzE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,IAAI,GAAG,CACX,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,kBAC/D,QAAQ,GACG,CACf,CAAA;IACD,6EAA6E;IAC7E,yEAAyE;IACzE,8EAA8E;IAC9E,qDAAqD;IACrD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3B,OAAO,KAAC,iBAAiB,OAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAG,IAAI,GAAqB,CAAA;AACjG,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/root.node.cjs

@@ -0,0 +1,97 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hanzo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Hanzo` — the root. The only thing an app has to mount.
+ *
+ *   import { Hanzo, Button } from '@hanzo/ui'
+ *   <Hanzo><Button>Ship</Button></Hanzo>
+ *
+ * No config file, no CSS import, no generator script, no bundler aliases. Three
+ * things used to be the app's job and are now the package's:
+ *
+ *   the config — @hanzo/gui resolves `$3` / `$background` / `$borderColor`
+ *     against ONE process-global config, and @hanzo/ui owns it (gui-config.ts).
+ *     It is passed here as a value, not imported for its side effect: Vite 8
+ *     ignores package.json `sideEffects` ARRAYS outright, so a bare
+ *     `import './gui-config.cjs'` is dropped and the first render dies on "Missing
+ *     hanzogui config". A value a rendered component needs cannot be shaken out.
+ *
+ *   the stylesheet — `styles.css` is generated at OUR publish time by rendering
+ *     every component and harvesting the atomic CSS that render produces
+ *     (scripts/gen-css.mjs). It used to be each app's job to run a generator and
+ *     import its output; hanzo.app never did, and shipped 103 `_bg-` classes
+ *     against zero `_bg-` rules with a green build the whole time.
+ *
+ *   the theme — gui throws "Missing theme." for any component without a root
+ *     theme context, so there is no version of this that works with no root at
+ *     all. Dark-first, matching the Hanzo identity.
+ *
+ * `disableInjectCSS` because the sheet is a real file. Left on, the provider
+ * inlines `config.getCSS()` into the document on every streaming flush — that is
+ * how hanzo.ai once shipped thirteen byte-identical copies, 591,305 of its
+ * 638,443 bytes. A file is cached once and costs nothing after the first page.
+ * Styles gui generates at runtime for props we could not know at publish time
+ * still reach the document: that path is `insertStyleRules`, and it is not what
+ * this flag controls.
+ */
+const gui_1 = require("@hanzo/gui");
+const telemetry_1 = require("@hanzogui/telemetry");
+const react_1 = require("react");
+const state_1 = require("@hanzo/appearance/state");
+const gui_config_1 = require("./gui-config.cjs");
+// styles.css is omitted from the node entry: node cannot load a stylesheet.
+/** A stylesheet that did not reach the document is invisible until someone opens
+ *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
+ *  lookup, it runs once, and it names the fix. Development only.
+ *
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
+let checked = false;
+const assertStylesheet = () => {
+    if (checked || typeof document === 'undefined')
+        return;
+    checked = true;
+    if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
+        return;
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
+};
+const Hanzo = ({ children, theme = 'dark', analytics }) => {
+    if (process.env.NODE_ENV !== 'production')
+        assertStylesheet();
+    // A person's stored type size, density and accent, put on the document.
+    //
+    // Unconditional, unlike `analytics`, and the difference is the whole reason
+    // that one is a prop. Analytics starts a conversation with a server the app
+    // did not ask for; this reads a preference the PERSON already set on this
+    // device and honours it. An app that has to opt in is an app that forgets to,
+    // and then the setting silently does nothing on that surface — which is worse
+    // than not offering it.
+    //
+    // Costs nothing when unused: an axis nobody set is absent rather than
+    // neutral, so `apply()` removes the property instead of stamping a `1` that
+    // would outrank a brand's own scale.
+    //
+    // This is the MOUNT half only. First paint still wants `bootScript()` in
+    // <head>, because no component can run before the document exists.
+    (0, react_1.useEffect)(() => {
+        (0, state_1.apply)((0, state_1.read)());
+    }, []);
+    const tree = ((0, jsx_runtime_1.jsx)(gui_1.GuiProvider, { config: gui_config_1.config, defaultTheme: theme, disableInjectCSS: true, children: children }));
+    // OUTSIDE the gui provider: capture is delegated at the document, so it does
+    // not need to be inside the styled tree, and an app that renders its own
+    // `<TelemetryProvider/>` above `<Hanzo>` then nests two providers of the same
+    // kind rather than interleaving them with the theme.
+    if (!analytics)
+        return tree;
+    return (0, jsx_runtime_1.jsx)(telemetry_1.TelemetryProvider, { ...(analytics === true ? {} : analytics), children: tree });
+};
+exports.Hanzo = Hanzo;
+exports.default = exports.Hanzo;

package/dist/root.node.js

@@ -44,25 +44,21 @@ import { config } from './gui-config.js';
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 export const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/styles.css

@@ -3242,6 +3242,7 @@ a svg,
 :root ._btw-0px._btw-0px{border-top-width:0px;}
 :root ._btw-1px._btw-1px{border-top-width:1px;}
 :root ._bxsh-0px0px0pxrg933189164{box-shadow:0px 0px 0px rgba(0, 0, 0, 0);}
+:root ._bxsh-0px1px3pxco907201451{box-shadow:0px 1px 3px color-mix(in srgb, var(--shadowColor) 12%, transparent);}
 :root:root:root  ._col-0active-colorPress:active{color:var(--colorPress) !important;}
 @media (hover) {:root:root  ._col-0hover-ink:hover{color:var(--ink) !important;}}
 :root ._col-accentColor{color:var(--accentColor);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.25.1",
+  "version": "8.25.3",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
@@ -8,7 +8,7 @@
       "types": "./dist/index.d.ts",
       "node": {
         "import": "./dist/index.node.js",
-        "require": "./dist/index.cjs"
+        "require": "./dist/index.node.cjs"
       },
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
@@ -237,7 +237,9 @@
     "@hanzo/design": "0.5.24",
     "@hanzo/font": "1.9.2",
     "@hanzo/logo": "1.0.26",
-    "@hanzo/products": "0.2.6"
+    "@hanzo/products": "0.2.6",
+    "react-native-svg": "npm:react-native-svg-web@^1.0.9",
+    "react-native-web": "^0.21"
   },
   "peerDependencies": {
     "@hanzo/canvas": ">=0.2.3",
@@ -256,8 +258,7 @@
     "next-themes": ">=0.2.1",
     "react": ">=19.2.8",
     "react-dom": ">=19.2.8",
-    "react-hook-form": ">=7",
-    "react-native-web": ">=0.21"
+    "react-hook-form": ">=7"
   },
   "peerDependenciesMeta": {
     "@hanzo/canvas": {
@@ -281,9 +282,6 @@
     "next-themes": {
       "optional": true
     },
-    "react-native-web": {
-      "optional": true
-    },
     "react-hook-form": {
       "optional": true
     }
@@ -292,7 +290,7 @@
     "@hanzo/cd": "0.1.2",
     "@hanzo/dashboard": "0.2.0",
     "@hanzo/data": "1.2.4",
-    "@hanzo/gui": "8.2.1",
+    "@hanzo/gui": "8.3.0",
     "@hanzo/usage": "0.1.7",
     "@hanzogui/animations-css": "8.2.1",
     "@hanzogui/config": "8.2.1",