@hanzo/ui 8.0.66 → 8.0.68

package/dist/backends/gui/accordion.cjs

@@ -0,0 +1,69 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Accordion — @hanzogui/accordion's five parts under the four shadcn names.
+ *
+ * The behaviour is entirely the primitive's and nothing here re-implements any
+ * of it: the roving Arrow/Home/End focus lives in gui's `Accordion` root,
+ * `aria-expanded` + `aria-controls` on `Collapsible.Trigger`, `role="region"` +
+ * `aria-labelledby` on `Accordion.Content`, and `aria-disabled` on a row that is
+ * open in a non-collapsible single accordion. This file flattens the compound
+ * into the four names and corrects four things:
+ *
+ *  1. gui's `Accordion.Header` renders an `<h1>` at `size: '$10'`. An accordion
+ *     is a list of sections INSIDE a page that already has a title, so every
+ *     item shipped a competing document heading and a screen reader's heading
+ *     list came out as N level-1s. Radix's default is `<h3>`; `headingLevel`
+ *     re-hosts it (and sets the matching `aria-level`, which gui's inherited
+ *     `role="heading"` requires to be valid) so a call site can place the row in
+ *     its own outline.
+ *
+ *  2. `unstyled` means gui applies nothing — which on web leaves the UA's own
+ *     button chrome, and a native `<button>` is #efefef with a 2px outset black
+ *     border. Unstyled must mean "no chrome", not "the browser's chrome". Same
+ *     correction `collapsible.tsx` makes, for the same primitive underneath.
+ *
+ *  3. The chevron has to know whether its row is open, and gui exports no item
+ *     context. `Collapsible.Trigger` renders a FUNCTION child with `{ open }` —
+ *     that is the only seam, and it is typed as `ReactNode`, hence the one cast
+ *     below. Reading `data-state` from CSS instead is not available to us: gui
+ *     compiles style props to atomic classes and has no parent-state selector,
+ *     and a Tailwind `[data-state=open]>svg` rule loses to gui's runtime sheet.
+ *
+ *  4. That trigger is a BARE `<button>`, and a bare button inside a form is a
+ *     SUBMIT button — an accordion in a settings form posted the form every
+ *     time someone opened a section. `type="button"`, declared on the props for
+ *     the same reason `Button` declares it: gui's props come from the
+ *     cross-platform stack and name no DOM attribute, so it reaches the element
+ *     but does not type.
+ *
+ * ADDED, not from shadcn: `hideArrow` (kept from the desktop fork this replaces —
+ * a row whose state is already shown some other way) and `headingLevel`.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+/** The row IS the touch target — a full-width disclosure never needs `touch()`. */
+const ROW_MIN_H = 44;
+const ICON = 16;
+const Accordion = (p) => (0, jsx_runtime_1.jsx)(gui_1.Accordion, { ...(0, slot_1.slot)('accordion'), ...p });
+exports.Accordion = Accordion;
+const AccordionItem = (p) => ((0, jsx_runtime_1.jsx)(gui_1.Accordion.Item, { ...(0, slot_1.slot)('accordion-item'), borderBottomWidth: 1, borderColor: "$borderColor", ...p }));
+exports.AccordionItem = AccordionItem;
+const AccordionTrigger = ({ children, hideArrow = false, headingLevel = 3, ...p }) => ((0, jsx_runtime_1.jsx)(gui_1.Accordion.Header, { ...(0, slot_1.slot)('accordion-header'), unstyled: true, render: `h${headingLevel}`, "aria-level": headingLevel, display: "flex", 
+    // The header is STRUCTURE, not type: it holds one button and the button
+    // holds the type. Left at gui's heading scale it publishes a 32px
+    // font-family/size down the tree, which any element child of the trigger
+    // inherits the moment a reset says `button { font: inherit }`.
+    size: "$3", children: (0, jsx_runtime_1.jsx)(gui_1.Accordion.Trigger, { ...(0, slot_1.slot)('accordion-trigger'), unstyled: true, type: "button", bg: "transparent", borderWidth: 0, flexDirection: "row", items: "center", justify: "space-between", gap: "$2", width: "100%", minH: ROW_MIN_H, px: 0, py: "$2", cursor: "pointer", 
+        // The same two rungs every row in this backend uses for hover and for the
+        // keyboard's arrow-key landing — an unstyled trigger has no focus ring of
+        // its own, and roving focus that shows nothing is roving nowhere.
+        hoverStyle: { bg: '$color2' }, focusStyle: { bg: '$color3' }, pressStyle: { bg: '$color3' }, ...p, children: (({ open }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(children, undefined, { fontSize: '$3', fontWeight: '500', color: '$color12' }), hideArrow ? null : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('accordion-chevron'), shrink: 0, items: "center", justify: "center", rotate: open ? '180deg' : '0deg', opacity: 0.6, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: ICON }) }))] }))) }) }));
+exports.AccordionTrigger = AccordionTrigger;
+const AccordionContent = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(gui_1.Accordion.Content, { ...(0, slot_1.slot)('accordion-content'), unstyled: true, overflow: "hidden", pb: "$3", ...p, children: (0, ink_1.ink)(children, undefined, { fontSize: '$2', color: '$color11' }) }));
+exports.AccordionContent = AccordionContent;

package/dist/backends/gui/accordion.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Accordion — @hanzogui/accordion's five parts under the four shadcn names.
+ *
+ * The behaviour is entirely the primitive's and nothing here re-implements any
+ * of it: the roving Arrow/Home/End focus lives in gui's `Accordion` root,
+ * `aria-expanded` + `aria-controls` on `Collapsible.Trigger`, `role="region"` +
+ * `aria-labelledby` on `Accordion.Content`, and `aria-disabled` on a row that is
+ * open in a non-collapsible single accordion. This file flattens the compound
+ * into the four names and corrects four things:
+ *
+ *  1. gui's `Accordion.Header` renders an `<h1>` at `size: '$10'`. An accordion
+ *     is a list of sections INSIDE a page that already has a title, so every
+ *     item shipped a competing document heading and a screen reader's heading
+ *     list came out as N level-1s. Radix's default is `<h3>`; `headingLevel`
+ *     re-hosts it (and sets the matching `aria-level`, which gui's inherited
+ *     `role="heading"` requires to be valid) so a call site can place the row in
+ *     its own outline.
+ *
+ *  2. `unstyled` means gui applies nothing — which on web leaves the UA's own
+ *     button chrome, and a native `<button>` is #efefef with a 2px outset black
+ *     border. Unstyled must mean "no chrome", not "the browser's chrome". Same
+ *     correction `collapsible.tsx` makes, for the same primitive underneath.
+ *
+ *  3. The chevron has to know whether its row is open, and gui exports no item
+ *     context. `Collapsible.Trigger` renders a FUNCTION child with `{ open }` —
+ *     that is the only seam, and it is typed as `ReactNode`, hence the one cast
+ *     below. Reading `data-state` from CSS instead is not available to us: gui
+ *     compiles style props to atomic classes and has no parent-state selector,
+ *     and a Tailwind `[data-state=open]>svg` rule loses to gui's runtime sheet.
+ *
+ *  4. That trigger is a BARE `<button>`, and a bare button inside a form is a
+ *     SUBMIT button — an accordion in a settings form posted the form every
+ *     time someone opened a section. `type="button"`, declared on the props for
+ *     the same reason `Button` declares it: gui's props come from the
+ *     cross-platform stack and name no DOM attribute, so it reaches the element
+ *     but does not type.
+ *
+ * ADDED, not from shadcn: `hideArrow` (kept from the desktop fork this replaces —
+ * a row whose state is already shown some other way) and `headingLevel`.
+ */
+import { Accordion as GuiAccordion } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+export type AccordionProps = ComponentProps<typeof GuiAccordion>;
+export type AccordionItemProps = ComponentProps<typeof GuiAccordion.Item>;
+export type AccordionContentProps = ComponentProps<typeof GuiAccordion.Content>;
+export type AccordionTriggerProps = ComponentProps<typeof GuiAccordion.Trigger> & {
+    hideArrow?: boolean;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** The DOM button type — see (4). Defaults to `button`, not the UA's submit. */
+    type?: 'button' | 'submit' | 'reset';
+};
+declare const Accordion: (p: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: (p: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionTrigger: ({ children, hideArrow, headingLevel, ...p }: AccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionContent: ({ children, ...p }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/backends/gui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/accordion.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAE,SAAS,IAAI,YAAY,EAAU,MAAM,YAAY,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAA;AAQtD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAChE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;AACzE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAA;AAC/E,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG;IAChF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpC,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,GAAG,cAAc,4CAAmD,CAAA;AAEvF,QAAA,MAAM,aAAa,GAAI,GAAG,kBAAkB,4CAO3C,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,6CAKvB,qBAAqB,4CAuDvB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,oBAAoB,qBAAqB,4CAIlE,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/backends/gui/accordion.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Accordion — @hanzogui/accordion's five parts under the four shadcn names.
+ *
+ * The behaviour is entirely the primitive's and nothing here re-implements any
+ * of it: the roving Arrow/Home/End focus lives in gui's `Accordion` root,
+ * `aria-expanded` + `aria-controls` on `Collapsible.Trigger`, `role="region"` +
+ * `aria-labelledby` on `Accordion.Content`, and `aria-disabled` on a row that is
+ * open in a non-collapsible single accordion. This file flattens the compound
+ * into the four names and corrects four things:
+ *
+ *  1. gui's `Accordion.Header` renders an `<h1>` at `size: '$10'`. An accordion
+ *     is a list of sections INSIDE a page that already has a title, so every
+ *     item shipped a competing document heading and a screen reader's heading
+ *     list came out as N level-1s. Radix's default is `<h3>`; `headingLevel`
+ *     re-hosts it (and sets the matching `aria-level`, which gui's inherited
+ *     `role="heading"` requires to be valid) so a call site can place the row in
+ *     its own outline.
+ *
+ *  2. `unstyled` means gui applies nothing — which on web leaves the UA's own
+ *     button chrome, and a native `<button>` is #efefef with a 2px outset black
+ *     border. Unstyled must mean "no chrome", not "the browser's chrome". Same
+ *     correction `collapsible.tsx` makes, for the same primitive underneath.
+ *
+ *  3. The chevron has to know whether its row is open, and gui exports no item
+ *     context. `Collapsible.Trigger` renders a FUNCTION child with `{ open }` —
+ *     that is the only seam, and it is typed as `ReactNode`, hence the one cast
+ *     below. Reading `data-state` from CSS instead is not available to us: gui
+ *     compiles style props to atomic classes and has no parent-state selector,
+ *     and a Tailwind `[data-state=open]>svg` rule loses to gui's runtime sheet.
+ *
+ *  4. That trigger is a BARE `<button>`, and a bare button inside a form is a
+ *     SUBMIT button — an accordion in a settings form posted the form every
+ *     time someone opened a section. `type="button"`, declared on the props for
+ *     the same reason `Button` declares it: gui's props come from the
+ *     cross-platform stack and name no DOM attribute, so it reaches the element
+ *     but does not type.
+ *
+ * ADDED, not from shadcn: `hideArrow` (kept from the desktop fork this replaces —
+ * a row whose state is already shown some other way) and `headingLevel`.
+ */
+import { Accordion as GuiAccordion, XStack } from '@hanzo/gui';
+import { ChevronDown } from '@hanzogui/lucide-icons-2';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+/** The row IS the touch target — a full-width disclosure never needs `touch()`. */
+const ROW_MIN_H = 44;
+const ICON = 16;
+const Accordion = (p) => _jsx(GuiAccordion, { ...slot('accordion'), ...p });
+const AccordionItem = (p) => (_jsx(GuiAccordion.Item, { ...slot('accordion-item'), borderBottomWidth: 1, borderColor: "$borderColor", ...p }));
+const AccordionTrigger = ({ children, hideArrow = false, headingLevel = 3, ...p }) => (_jsx(GuiAccordion.Header, { ...slot('accordion-header'), unstyled: true, render: `h${headingLevel}`, "aria-level": headingLevel, display: "flex", 
+    // The header is STRUCTURE, not type: it holds one button and the button
+    // holds the type. Left at gui's heading scale it publishes a 32px
+    // font-family/size down the tree, which any element child of the trigger
+    // inherits the moment a reset says `button { font: inherit }`.
+    size: "$3", children: _jsx(GuiAccordion.Trigger, { ...slot('accordion-trigger'), unstyled: true, type: "button", bg: "transparent", borderWidth: 0, flexDirection: "row", items: "center", justify: "space-between", gap: "$2", width: "100%", minH: ROW_MIN_H, px: 0, py: "$2", cursor: "pointer", 
+        // The same two rungs every row in this backend uses for hover and for the
+        // keyboard's arrow-key landing — an unstyled trigger has no focus ring of
+        // its own, and roving focus that shows nothing is roving nowhere.
+        hoverStyle: { bg: '$color2' }, focusStyle: { bg: '$color3' }, pressStyle: { bg: '$color3' }, ...p, children: (({ open }) => (_jsxs(_Fragment, { children: [ink(children, undefined, { fontSize: '$3', fontWeight: '500', color: '$color12' }), hideArrow ? null : (_jsx(XStack, { ...slot('accordion-chevron'), shrink: 0, items: "center", justify: "center", rotate: open ? '180deg' : '0deg', opacity: 0.6, children: _jsx(ChevronDown, { size: ICON }) }))] }))) }) }));
+const AccordionContent = ({ children, ...p }) => (_jsx(GuiAccordion.Content, { ...slot('accordion-content'), unstyled: true, overflow: "hidden", pb: "$3", ...p, children: ink(children, undefined, { fontSize: '$2', color: '$color11' }) }));
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.js.map

package/dist/backends/gui/accordion.js.map

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

package/dist/backends/gui/alert-dialog.cjs

@@ -0,0 +1,91 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * AlertDialog — the modal that INTERRUPTS. It is not a Dialog with different
+ * words in it: `role="alertdialog"`, focus opens on Cancel rather than on the
+ * panel, and a click outside is refused — the only ways out are Escape and the
+ * dialog's own two buttons. All of that is @hanzogui/alert-dialog's; this file
+ * flattens its compound parts into the shadcn names and dresses them in the
+ * Hanzo tokens, exactly as `dialog.tsx` does for the ordinary modal.
+ *
+ * `AlertDialogContent` mounts its OWN portal + overlay (so callers never wrap
+ * it) and re-applies the trigger's resolved theme inside the portal via
+ * `PortalTheme` — gui portals re-root the subtree, so React theme context does
+ * not flow.
+ *
+ * RENAME, unavoidable, and only on the two buttons: shadcn dresses Action and
+ * Cancel by pasting a `buttonVariants({ variant })` string into the class name.
+ * Here they ARE the `Button`, with gui's close part as its host, so the variant
+ * is a PROP:
+ *
+ *     <AlertDialogAction variant="destructive">Delete</AlertDialogAction>
+ *
+ * A leftover `buttonVariants(...)` string handed to the class name still
+ * type-checks and still lands on the element — it just no longer paints. gui
+ * injects its stylesheet at runtime, after the bundled CSS, so a utility class
+ * colliding with a gui style prop loses the tie silently. There is one button
+ * component in this package and this is it; a second variant table living in a
+ * class string is how the two drift.
+ *
+ * Defaults follow @hanzo/ui's Button, not shadcn's: `primary` is the loud
+ * variant here (`default` is deliberately the quiet one), so the confirming
+ * button is `primary` and Cancel is `outline`.
+ */
+const gui_1 = require("@hanzo/gui");
+const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+const button_1 = require("./button.cjs");
+const slot_1 = require("./slot.cjs");
+/** The same panel padding the ordinary modal uses — one modal geometry. */
+const PAD = 24;
+const AlertDialog = (p) => (0, jsx_runtime_1.jsx)(gui_1.AlertDialog, { ...p });
+exports.AlertDialog = AlertDialog;
+const AlertDialogTrigger = gui_1.AlertDialog.Trigger;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+const AlertDialogPortal = gui_1.AlertDialog.Portal;
+exports.AlertDialogPortal = AlertDialogPortal;
+const AlertDialogOverlay = (props) => ((0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Overlay, { ...(0, slot_1.slot)('alert-dialog-overlay'), bg: "rgba(0,0,0,0.5)", opacity: 0.5, ...props }));
+exports.AlertDialogOverlay = AlertDialogOverlay;
+const AlertDialogContent = ({ children, ...props }) => {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    return ((0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Portal, { children: (0, jsx_runtime_1.jsxs)(portal_theme_1.PortalTheme, { name: themeName, children: [(0, jsx_runtime_1.jsx)(AlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Content, { ...(0, slot_1.slot)('alert-dialog-content'), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...props, children: children })] }) }));
+};
+exports.AlertDialogContent = AlertDialogContent;
+const AlertDialogHeader = (props) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('alert-dialog-header'), gap: "$2", ...props }));
+exports.AlertDialogHeader = AlertDialogHeader;
+const AlertDialogFooter = (props) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('alert-dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...props }));
+exports.AlertDialogFooter = AlertDialogFooter;
+const AlertDialogTitle = (props) => ((0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Title, { ...(0, slot_1.slot)('alert-dialog-title'), size: "$5", fontWeight: "600", ...props }));
+exports.AlertDialogTitle = AlertDialogTitle;
+const AlertDialogDescription = (props) => ((0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Description, { ...(0, slot_1.slot)('alert-dialog-description'), size: "$2", color: "$color11", ...props }));
+exports.AlertDialogDescription = AlertDialogDescription;
+/**
+ * Both buttons are the one `Button` with gui's close part as its HOST — the
+ * `Button asChild` direction, the same one `Button`-as-link already takes, and
+ * the direction matters:
+ *
+ *  - `<Action asChild><Button/></Action>` (the obvious way round) also merges
+ *    into one element, but the element it keeps is Button's frame, which is a
+ *    `<div role="button" tabindex="0">`. Measured: a click still works and
+ *    ENTER DOES NOTHING. A decision you can only confirm with a mouse is not a
+ *    decision every user can make.
+ *  - This way round, `Button`'s `render` hands the tag to gui's `DialogClose`,
+ *    which is a real `<button>` — so Enter and Space activate it, the close
+ *    handler composes onto the caller's `onPress`, and Cancel's ref (the one
+ *    the content focuses when it opens) still reaches the DOM node.
+ *
+ * `aria-label` is cleared on purpose. gui's `DialogClose` hardcodes
+ * `aria-label="Dialog Close"`, which OVERRIDES the button's own text — every
+ * choice in the dialog would be announced "Dialog Close, button", including
+ * the destructive one. These buttons are named by what they say.
+ *
+ * `type="button"` because gui's close part renders a bare `<button>`, and a
+ * bare button inside a form is a SUBMIT button: confirming a destructive action
+ * would also post the form behind the modal.
+ */
+const AlertDialogAction = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('alert-dialog-action'), variant: "primary", type: "button", ...props, asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Action, { "aria-label": undefined, children: children }) }));
+exports.AlertDialogAction = AlertDialogAction;
+const AlertDialogCancel = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('alert-dialog-cancel'), variant: "outline", type: "button", ...props, asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.AlertDialog.Cancel, { "aria-label": undefined, children: children }) }));
+exports.AlertDialogCancel = AlertDialogCancel;

package/dist/backends/gui/alert-dialog.d.ts

@@ -0,0 +1,77 @@
+/**
+ * AlertDialog — the modal that INTERRUPTS. It is not a Dialog with different
+ * words in it: `role="alertdialog"`, focus opens on Cancel rather than on the
+ * panel, and a click outside is refused — the only ways out are Escape and the
+ * dialog's own two buttons. All of that is @hanzogui/alert-dialog's; this file
+ * flattens its compound parts into the shadcn names and dresses them in the
+ * Hanzo tokens, exactly as `dialog.tsx` does for the ordinary modal.
+ *
+ * `AlertDialogContent` mounts its OWN portal + overlay (so callers never wrap
+ * it) and re-applies the trigger's resolved theme inside the portal via
+ * `PortalTheme` — gui portals re-root the subtree, so React theme context does
+ * not flow.
+ *
+ * RENAME, unavoidable, and only on the two buttons: shadcn dresses Action and
+ * Cancel by pasting a `buttonVariants({ variant })` string into the class name.
+ * Here they ARE the `Button`, with gui's close part as its host, so the variant
+ * is a PROP:
+ *
+ *     <AlertDialogAction variant="destructive">Delete</AlertDialogAction>
+ *
+ * A leftover `buttonVariants(...)` string handed to the class name still
+ * type-checks and still lands on the element — it just no longer paints. gui
+ * injects its stylesheet at runtime, after the bundled CSS, so a utility class
+ * colliding with a gui style prop loses the tie silently. There is one button
+ * component in this package and this is it; a second variant table living in a
+ * class string is how the two drift.
+ *
+ * Defaults follow @hanzo/ui's Button, not shadcn's: `primary` is the loud
+ * variant here (`default` is deliberately the quiet one), so the confirming
+ * button is `primary` and Cancel is `outline`.
+ */
+import { AlertDialog as GuiAlertDialog, XStack, YStack } from '@hanzo/gui';
+import type { ComponentProps, ReactNode } from 'react';
+import { type ButtonProps } from './button.js';
+export type AlertDialogProps = ComponentProps<typeof GuiAlertDialog>;
+declare const AlertDialog: (p: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogTrigger: typeof GuiAlertDialog.Trigger;
+declare const AlertDialogPortal: typeof GuiAlertDialog.Portal;
+export type AlertDialogOverlayProps = ComponentProps<typeof GuiAlertDialog.Overlay>;
+declare const AlertDialogOverlay: (props: AlertDialogOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export type AlertDialogContentProps = ComponentProps<typeof GuiAlertDialog.Content>;
+declare const AlertDialogContent: ({ children, ...props }: AlertDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export type AlertDialogSectionProps = ComponentProps<typeof YStack> & {
+    children?: ReactNode;
+};
+declare const AlertDialogHeader: (props: AlertDialogSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogFooter: (props: ComponentProps<typeof XStack>) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogTitle: (props: ComponentProps<typeof GuiAlertDialog.Title>) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogDescription: (props: ComponentProps<typeof GuiAlertDialog.Description>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Both buttons are the one `Button` with gui's close part as its HOST — the
+ * `Button asChild` direction, the same one `Button`-as-link already takes, and
+ * the direction matters:
+ *
+ *  - `<Action asChild><Button/></Action>` (the obvious way round) also merges
+ *    into one element, but the element it keeps is Button's frame, which is a
+ *    `<div role="button" tabindex="0">`. Measured: a click still works and
+ *    ENTER DOES NOTHING. A decision you can only confirm with a mouse is not a
+ *    decision every user can make.
+ *  - This way round, `Button`'s `render` hands the tag to gui's `DialogClose`,
+ *    which is a real `<button>` — so Enter and Space activate it, the close
+ *    handler composes onto the caller's `onPress`, and Cancel's ref (the one
+ *    the content focuses when it opens) still reaches the DOM node.
+ *
+ * `aria-label` is cleared on purpose. gui's `DialogClose` hardcodes
+ * `aria-label="Dialog Close"`, which OVERRIDES the button's own text — every
+ * choice in the dialog would be announced "Dialog Close, button", including
+ * the destructive one. These buttons are named by what they say.
+ *
+ * `type="button"` because gui's close part renders a bare `<button>`, and a
+ * bare button inside a form is a SUBMIT button: confirming a destructive action
+ * would also post the form behind the modal.
+ */
+declare const AlertDialogAction: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogCancel: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/backends/gui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/alert-dialog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAMnD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,WAAW,GAAI,GAAG,gBAAgB,4CAA8B,CAAA;AACtE,QAAA,MAAM,kBAAkB,EAAE,OAAO,cAAc,CAAC,OAAgC,CAAA;AAChF,QAAA,MAAM,iBAAiB,EAAE,OAAO,cAAc,CAAC,MAA8B,CAAA;AAE7E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAOzD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnF,QAAA,MAAM,kBAAkB,GAAI,wBAAwB,uBAAuB,4CAuB1E,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAE9F,QAAA,MAAM,iBAAiB,GAAI,OAAO,uBAAuB,4CAExD,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,cAAc,CAAC,OAAO,MAAM,CAAC,4CAE9D,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,4CAE3E,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,OAAO,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,4CAOvF,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,iBAAiB,GAAI,wBAAwB,WAAW,4CAI7D,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,wBAAwB,WAAW,4CAI7D,CAAA;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}

package/dist/backends/gui/alert-dialog.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AlertDialog — the modal that INTERRUPTS. It is not a Dialog with different
+ * words in it: `role="alertdialog"`, focus opens on Cancel rather than on the
+ * panel, and a click outside is refused — the only ways out are Escape and the
+ * dialog's own two buttons. All of that is @hanzogui/alert-dialog's; this file
+ * flattens its compound parts into the shadcn names and dresses them in the
+ * Hanzo tokens, exactly as `dialog.tsx` does for the ordinary modal.
+ *
+ * `AlertDialogContent` mounts its OWN portal + overlay (so callers never wrap
+ * it) and re-applies the trigger's resolved theme inside the portal via
+ * `PortalTheme` — gui portals re-root the subtree, so React theme context does
+ * not flow.
+ *
+ * RENAME, unavoidable, and only on the two buttons: shadcn dresses Action and
+ * Cancel by pasting a `buttonVariants({ variant })` string into the class name.
+ * Here they ARE the `Button`, with gui's close part as its host, so the variant
+ * is a PROP:
+ *
+ *     <AlertDialogAction variant="destructive">Delete</AlertDialogAction>
+ *
+ * A leftover `buttonVariants(...)` string handed to the class name still
+ * type-checks and still lands on the element — it just no longer paints. gui
+ * injects its stylesheet at runtime, after the bundled CSS, so a utility class
+ * colliding with a gui style prop loses the tie silently. There is one button
+ * component in this package and this is it; a second variant table living in a
+ * class string is how the two drift.
+ *
+ * Defaults follow @hanzo/ui's Button, not shadcn's: `primary` is the loud
+ * variant here (`default` is deliberately the quiet one), so the confirming
+ * button is `primary` and Cancel is `outline`.
+ */
+import { AlertDialog as GuiAlertDialog, XStack, YStack } from '@hanzo/gui';
+import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
+import { Button } from './button.js';
+import { slot } from './slot.js';
+/** The same panel padding the ordinary modal uses — one modal geometry. */
+const PAD = 24;
+const AlertDialog = (p) => _jsx(GuiAlertDialog, { ...p });
+const AlertDialogTrigger = GuiAlertDialog.Trigger;
+const AlertDialogPortal = GuiAlertDialog.Portal;
+const AlertDialogOverlay = (props) => (_jsx(GuiAlertDialog.Overlay, { ...slot('alert-dialog-overlay'), bg: "rgba(0,0,0,0.5)", opacity: 0.5, ...props }));
+const AlertDialogContent = ({ children, ...props }) => {
+    const themeName = useThemeName();
+    return (_jsx(GuiAlertDialog.Portal, { children: _jsxs(PortalTheme, { name: themeName, children: [_jsx(AlertDialogOverlay, {}), _jsx(GuiAlertDialog.Content, { ...slot('alert-dialog-content'), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...props, children: children })] }) }));
+};
+const AlertDialogHeader = (props) => (_jsx(YStack, { ...slot('alert-dialog-header'), gap: "$2", ...props }));
+const AlertDialogFooter = (props) => (_jsx(XStack, { ...slot('alert-dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...props }));
+const AlertDialogTitle = (props) => (_jsx(GuiAlertDialog.Title, { ...slot('alert-dialog-title'), size: "$5", fontWeight: "600", ...props }));
+const AlertDialogDescription = (props) => (_jsx(GuiAlertDialog.Description, { ...slot('alert-dialog-description'), size: "$2", color: "$color11", ...props }));
+/**
+ * Both buttons are the one `Button` with gui's close part as its HOST — the
+ * `Button asChild` direction, the same one `Button`-as-link already takes, and
+ * the direction matters:
+ *
+ *  - `<Action asChild><Button/></Action>` (the obvious way round) also merges
+ *    into one element, but the element it keeps is Button's frame, which is a
+ *    `<div role="button" tabindex="0">`. Measured: a click still works and
+ *    ENTER DOES NOTHING. A decision you can only confirm with a mouse is not a
+ *    decision every user can make.
+ *  - This way round, `Button`'s `render` hands the tag to gui's `DialogClose`,
+ *    which is a real `<button>` — so Enter and Space activate it, the close
+ *    handler composes onto the caller's `onPress`, and Cancel's ref (the one
+ *    the content focuses when it opens) still reaches the DOM node.
+ *
+ * `aria-label` is cleared on purpose. gui's `DialogClose` hardcodes
+ * `aria-label="Dialog Close"`, which OVERRIDES the button's own text — every
+ * choice in the dialog would be announced "Dialog Close, button", including
+ * the destructive one. These buttons are named by what they say.
+ *
+ * `type="button"` because gui's close part renders a bare `<button>`, and a
+ * bare button inside a form is a SUBMIT button: confirming a destructive action
+ * would also post the form behind the modal.
+ */
+const AlertDialogAction = ({ children, ...props }) => (_jsx(Button, { ...slot('alert-dialog-action'), variant: "primary", type: "button", ...props, asChild: true, children: _jsx(GuiAlertDialog.Action, { "aria-label": undefined, children: children }) }));
+const AlertDialogCancel = ({ children, ...props }) => (_jsx(Button, { ...slot('alert-dialog-cancel'), variant: "outline", type: "button", ...props, asChild: true, children: _jsx(GuiAlertDialog.Cancel, { "aria-label": undefined, children: children }) }));
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/backends/gui/alert-dialog.js.map

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