@hanzo/ui 8.27.91 → 8.28.0

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

@@ -4,9 +4,40 @@
  * `DialogContent` 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.
+ *
+ * `size` is the record dialog (twenty-ui's Dialog, MIT, NOTICE): sm 300, compact
+ * 360, md 400, lg the larger of 400 and 53% of the viewport, xl 1200 (at most
+ * 800 tall), fullscreen. A sized dialog is a frame of three sections — Header
+ * (24 all round, title and description centred), Body (24 at the sides and
+ * foot) and Footer (actions to the end, 8 apart, pinned to the bottom) — on an
+ * 8px corner with the floating shadow instead of an edge, over a 72% scrim. With
+ * no `size` the dialog is the 512-wide panel every surface has. AlertDialog wears
+ * the same frame (`frame`, `scrim`, `Sized`).
  */
 import { Dialog as GuiDialog, XStack, YStack } from '@hanzo/gui';
-import type { ComponentProps, ReactNode } from 'react';
+import { type ComponentProps, type ReactNode } from 'react';
+export type DialogSize = 'sm' | 'compact' | 'md' | 'lg' | 'xl' | 'fullscreen';
+/** The sized frame both dialogs wear: the width, the corner, the floating shadow, no edge, no inset of its own. */
+export declare const frame: (size: DialogSize) => {
+    readonly width: never;
+    readonly maxW: "100vw" | "calc(100vw - 32px)";
+    readonly maxH: "100vh" | "calc(100vh - 32px)" | "min(800px, calc(100vh - 32px))";
+    readonly height?: undefined;
+    readonly rounded: "$3" | 0;
+    readonly borderWidth: 0;
+    readonly p: 0;
+    readonly gap: 0;
+    readonly style: {
+        boxShadow: string;
+    } | undefined;
+};
+/** The scrim under a sized dialog: black at 72%, opaque layer. */
+export declare const scrim: {
+    readonly bg: 'rgba(0,0,0,0.72)';
+    readonly opacity: 1;
+};
+/** The size a dialog's sections are drawn for; `null` for the unsized panel. */
+export declare const Sized: import("react").Context<DialogSize | null>;
 declare const Dialog: (p: ComponentProps<typeof GuiDialog>) => import("react").JSX.Element;
 declare const DialogTrigger: typeof GuiDialog.Trigger;
 declare const DialogPortal: typeof GuiDialog.Portal;
@@ -29,14 +60,48 @@ export type DialogContentProps = ComponentProps<typeof GuiDialog.Content> & {
      * Absent, nothing changes: the default overlay renders exactly as before.
      */
     overlay?: DialogOverlayProps;
+    /** The record dialog's sizes; absent, the 512-wide panel. */
+    size?: DialogSize;
 };
-declare const DialogContent: ({ showCloseButton, overlay, children, ...props }: DialogContentProps) => import("react").JSX.Element;
+declare const DialogContent: ({ showCloseButton, overlay, size, children, ...props }: DialogContentProps) => import("react").JSX.Element;
 export type DialogSectionProps = ComponentProps<typeof YStack> & {
     children?: ReactNode;
 };
+/** The three sections of a sized frame, as twenty-ui pads them. */
+export declare const section: {
+    readonly header: {
+        readonly p: 24;
+        readonly gap: '$2';
+        readonly items: 'center';
+    };
+    readonly body: {
+        readonly px: 24;
+        readonly pb: 24;
+    };
+    readonly footer: {
+        readonly px: 24;
+        readonly pb: 24;
+        readonly mt: 'auto';
+        readonly flexWrap: 'wrap';
+        readonly gap: '$2';
+    };
+    readonly title: {
+        readonly size: '$4';
+        readonly fontWeight: '600';
+        readonly textAlign: 'center';
+    };
+    readonly description: {
+        readonly size: '$2';
+        readonly lineHeight: 20;
+        readonly textAlign: 'center';
+        readonly color: '$aside';
+    };
+};
 declare const DialogHeader: (props: DialogSectionProps) => import("react").JSX.Element;
+/** A sized dialog's middle: what the dialog is for, inset at the sides and foot. */
+declare const DialogBody: (props: DialogSectionProps) => import("react").JSX.Element;
 declare const DialogFooter: (props: ComponentProps<typeof XStack>) => import("react").JSX.Element;
 declare const DialogTitle: (props: ComponentProps<typeof GuiDialog.Title>) => import("react").JSX.Element;
 declare const DialogDescription: (props: ComponentProps<typeof GuiDialog.Description>) => import("react").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dialog.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtD,QAAA,MAAM,MAAM,MAAO,cAAc,CAAC,OAAO,SAAS,CAAC,gCAA+B,CAAA;AAClF,QAAA,MAAM,aAAa,EAAE,OAAO,SAAS,CAAC,OAA2B,CAAA;AACjE,QAAA,MAAM,YAAY,EAAE,OAAO,SAAS,CAAC,MAAyB,CAAA;AAC9D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAU3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG;IAAE,CAAC,IAAI,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA;AAEpD,QAAA,MAAM,aAAa,UAAW,kBAAkB,gCAO/C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B,CAAA;AAED,QAAA,MAAM,aAAa,qDAKhB,kBAAkB,gCA4CpB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEzF,QAAA,MAAM,YAAY,UAAW,kBAAkB,gCAE9C,CAAA;AAED,QAAA,MAAM,YAAY,UAAW,cAAc,CAAC,OAAO,MAAM,CAAC,gCAEzD,CAAA;AAED,QAAA,MAAM,WAAW,UAAW,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,gCAEjE,CAAA;AAED,QAAA,MAAM,iBAAiB,UAAW,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,gCAE7E,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dialog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAA;AAW7E,mHAAmH;AACnH,eAAO,MAAM,KAAK,SAAU,UAAU;oBAEZ,KAAK;;;;;0BAKd,CAAC;gBACX,CAAC;kBACC,CAAC;;;;CAEG,CAAA;AAEb,kEAAkE;AAClE,eAAO,MAAM,KAAK;aAAK,EAAE,EAAE,kBAAkB;aAAE,OAAO,EAAE,CAAC;CAAW,CAAA;AAEpE,gFAAgF;AAChF,eAAO,MAAM,KAAK,4CAAyD,CAAA;AAE3E,QAAA,MAAM,MAAM,MAAO,cAAc,CAAC,OAAO,SAAS,CAAC,gCAA+B,CAAA;AAClF,QAAA,MAAM,aAAa,EAAE,OAAO,SAAS,CAAC,OAA2B,CAAA;AACjE,QAAA,MAAM,YAAY,EAAE,OAAO,SAAS,CAAC,MAAyB,CAAA;AAC9D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAU3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG;IAAE,CAAC,IAAI,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA;AAEpD,QAAA,MAAM,aAAa,UAAW,kBAAkB,gCAO/C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,2DAMhB,kBAAkB,gCA8CpB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEzF,mEAAmE;AACnE,eAAO,MAAM,OAAO;aAClB,MAAM;iBAAI,CAAC;iBAAO,GAAG,EAAE,IAAI;iBAAE,KAAK,EAAE,QAAQ;;aAC5C,IAAI;iBAAI,EAAE;iBAAO,EAAE;;aACnB,MAAM;iBAAI,EAAE;iBAAO,EAAE;iBAAO,EAAE,EAAE,MAAM;iBAAE,QAAQ,EAAE,MAAM;iBAAE,GAAG,EAAE,IAAI;;aACnE,KAAK;iBAAI,IAAI,EAAE,IAAI;iBAAE,UAAU,EAAE,KAAK;iBAAE,SAAS,EAAE,QAAQ;;aAC3D,WAAW;iBAAI,IAAI,EAAE,IAAI;iBAAE,UAAU,EAAE,EAAE;iBAAE,SAAS,EAAE,QAAQ;iBAAE,KAAK,EAAE,QAAQ;;CACvE,CAAA;AAEV,QAAA,MAAM,YAAY,UAAW,kBAAkB,gCAG9C,CAAA;AAED,oFAAoF;AACpF,QAAA,MAAM,UAAU,UAAW,kBAAkB,gCAE5C,CAAA;AAED,QAAA,MAAM,YAAY,UAAW,cAAc,CAAC,OAAO,MAAM,CAAC,gCAGzD,CAAA;AAED,QAAA,MAAM,WAAW,UAAW,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,gCAGjE,CAAA;AAED,QAAA,MAAM,iBAAiB,UAAW,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,gCAG7E,CAAA;AAED,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/backends/gui/dialog.js

@@ -6,25 +6,81 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * `DialogContent` 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.
+ *
+ * `size` is the record dialog (twenty-ui's Dialog, MIT, NOTICE): sm 300, compact
+ * 360, md 400, lg the larger of 400 and 53% of the viewport, xl 1200 (at most
+ * 800 tall), fullscreen. A sized dialog is a frame of three sections — Header
+ * (24 all round, title and description centred), Body (24 at the sides and
+ * foot) and Footer (actions to the end, 8 apart, pinned to the bottom) — on an
+ * 8px corner with the floating shadow instead of an edge, over a 72% scrim. With
+ * no `size` the dialog is the 512-wide panel every surface has. AlertDialog wears
+ * the same frame (`frame`, `scrim`, `Sized`).
  */
 import { Dialog as GuiDialog, XStack, YStack } from '@hanzo/gui';
 import { X } from '@hanzogui/lucide-icons-2';
+import { createContext, useContext } from 'react';
 import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
 import { slot } from './slot.js';
 import { touch } from './gesture.js';
 const PAD = 24;
+const WIDTH = {
+    sm: 300,
+    compact: 360,
+    md: 400,
+    lg: 'max(400px, 53vw)',
+    xl: 1200,
+    fullscreen: '100vw',
+};
+/** The sized frame both dialogs wear: the width, the corner, the floating shadow, no edge, no inset of its own. */
+export const frame = (size) => ({
+    width: WIDTH[size],
+    maxW: size === 'fullscreen' ? '100vw' : 'calc(100vw - 32px)',
+    maxH: size === 'fullscreen' ? '100vh' : size === 'xl' ? 'min(800px, calc(100vh - 32px))' : 'calc(100vh - 32px)',
+    ...(size === 'fullscreen' ? { height: '100vh' } : null),
+    rounded: size === 'fullscreen' ? 0 : '$3',
+    borderWidth: 0,
+    p: 0,
+    gap: 0,
+    style: size === 'fullscreen' ? undefined : { boxShadow: 'var(--shadow-floating, 0 24px 60px -16px rgb(0 0 0 / .75))' },
+});
+/** The scrim under a sized dialog: black at 72%, opaque layer. */
+export const scrim = { bg: 'rgba(0,0,0,0.72)', opacity: 1 };
+/** The size a dialog's sections are drawn for; `null` for the unsized panel. */
+export const Sized = /* @__PURE__ */ createContext(null);
 const Dialog = (p) => _jsx(GuiDialog, { modal: true, ...p });
 const DialogTrigger = GuiDialog.Trigger;
 const DialogPortal = GuiDialog.Portal;
 const DialogClose = GuiDialog.Close;
 const DialogOverlay = (props) => (_jsx(GuiDialog.Overlay, { ...slot('dialog-overlay'), bg: "rgba(0,0,0,0.5)", opacity: 0.5, ...props }));
-const DialogContent = ({ showCloseButton = true, overlay, children, ...props }) => {
+const DialogContent = ({ showCloseButton = true, overlay, size, children, ...props }) => {
     const themeName = useThemeName();
-    return (_jsx(GuiDialog.Portal, { children: _jsxs(PortalTheme, { name: themeName, children: [_jsx(DialogOverlay, { ...overlay }), _jsxs(GuiDialog.Content, { ...slot('dialog-content'), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...props, children: [children, showCloseButton ? (_jsx(GuiDialog.Close, { asChild: true, children: _jsx(XStack, { ...slot('dialog-close'), ...touch(16), position: "absolute", t: 16, r: 16, cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, "aria-label": "Close", children: _jsx(X, { size: 16 }) }) })) : null] })] }) }));
+    return (_jsx(GuiDialog.Portal, { children: _jsxs(PortalTheme, { name: themeName, children: [_jsx(DialogOverlay, { ...(size ? scrim : null), ...overlay }), _jsxs(GuiDialog.Content, { ...slot('dialog-content'), ...(size ? { 'data-size': size } : null), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...(size ? frame(size) : null), ...props, children: [_jsx(Sized.Provider, { value: size ?? null, children: children }), showCloseButton ? (_jsx(GuiDialog.Close, { asChild: true, children: _jsx(XStack, { ...slot('dialog-close'), ...touch(16), position: "absolute", t: 16, r: 16, cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, "aria-label": "Close", children: _jsx(X, { size: 16 }) }) })) : null] })] }) }));
+};
+/** The three sections of a sized frame, as twenty-ui pads them. */
+export const section = {
+    header: { p: PAD, gap: '$2', items: 'center' },
+    body: { px: PAD, pb: PAD },
+    footer: { px: PAD, pb: PAD, mt: 'auto', flexWrap: 'wrap', gap: '$2' },
+    title: { size: '$4', fontWeight: '600', textAlign: 'center' },
+    description: { size: '$2', lineHeight: 20, textAlign: 'center', color: '$aside' },
+};
+const DialogHeader = (props) => {
+    const sized = useContext(Sized);
+    return _jsx(YStack, { ...slot('dialog-header'), gap: "$2", ...(sized ? section.header : null), ...props });
+};
+/** A sized dialog's middle: what the dialog is for, inset at the sides and foot. */
+const DialogBody = (props) => (_jsx(YStack, { ...slot('dialog-body'), ...section.body, ...props }));
+const DialogFooter = (props) => {
+    const sized = useContext(Sized);
+    return _jsx(XStack, { ...slot('dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...(sized ? section.footer : null), ...props });
+};
+const DialogTitle = (props) => {
+    const sized = useContext(Sized);
+    return _jsx(GuiDialog.Title, { ...slot('dialog-title'), size: "$5", fontWeight: "600", ...(sized ? section.title : null), ...props });
+};
+const DialogDescription = (props) => {
+    const sized = useContext(Sized);
+    return _jsx(GuiDialog.Description, { ...slot('dialog-description'), size: "$2", color: "$quiet", ...(sized ? section.description : null), ...props });
 };
-const DialogHeader = (props) => (_jsx(YStack, { ...slot('dialog-header'), gap: "$2", ...props }));
-const DialogFooter = (props) => (_jsx(XStack, { ...slot('dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...props }));
-const DialogTitle = (props) => (_jsx(GuiDialog.Title, { ...slot('dialog-title'), size: "$5", fontWeight: "600", ...props }));
-const DialogDescription = (props) => (_jsx(GuiDialog.Description, { ...slot('dialog-description'), size: "$2", color: "$quiet", ...props }));
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
 //# sourceMappingURL=dialog.js.map

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

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