@hanzo/ui 8.24.0 → 8.25.0

package/dist/backends/gui/dropdown-menu.cjs

@@ -101,11 +101,13 @@ const Indicator = ({ children }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { posi
 // gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on
 // Content. One value, one owner: the root holds it, Content publishes into it.
 const OffsetContext = /* @__PURE__ */ React.createContext(null);
+const AlignContext = /* @__PURE__ */ React.createContext(null);
 const DEFAULT_OFFSET = 4;
 function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
     const [current, setOffset] = React.useState(offset);
+    const [placement, setPlacement] = React.useState(undefined);
     React.useEffect(() => setOffset(offset), [offset]);
-    return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsxs)(gui_1.Menu, { offset: current, ...props, children: [trigger ? ((0, jsx_runtime_1.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? ((0, jsx_runtime_1.jsx)(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
+    return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsx)(AlignContext.Provider, { value: setPlacement, children: (0, jsx_runtime_1.jsxs)(gui_1.Menu, { offset: current, ...(placement ? { placement } : null), ...props, children: [trigger ? ((0, jsx_runtime_1.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? ((0, jsx_runtime_1.jsx)(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }) }));
 }
 /** One spec row -> the matching compound part. Never a second row renderer. */
 const renderSpec = (spec, i) => {
@@ -126,10 +128,19 @@ const DropdownMenuSub = gui_1.Menu.Sub;
 exports.DropdownMenuSub = DropdownMenuSub;
 const DropdownMenuRadioGroup = gui_1.Menu.RadioGroup;
 exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+/** `align` as the suffix of a floating-ui placement, against the side given. */
+const placementFor = (side, align) => {
+    if (!align)
+        return side;
+    const base = (side?.split('-')[0] ?? 'bottom');
+    return (align === 'center' ? base : `${base}-${align}`);
+};
+const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, align, children, ...props }, ref) {
     const themeName = (0, portal_theme_1.useThemeName)();
     const setOffset = React.useContext(OffsetContext);
+    const setPlacement = React.useContext(AlignContext);
     React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    React.useEffect(() => setPlacement?.(placementFor(undefined, align)), [setPlacement, align]);
     return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Portal, { children: (0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
 });
 exports.DropdownMenuContent = DropdownMenuContent;

package/dist/backends/gui/dropdown-menu.d.ts

@@ -40,6 +40,15 @@ declare const DropdownMenuSub: typeof Menu.Sub;
 declare const DropdownMenuRadioGroup: typeof Menu.RadioGroup;
 type ContentProps = React.ComponentProps<typeof Menu.Content> & {
     sideOffset?: number;
+    /**
+     * Which edge of the panel lines up with the trigger.
+     *
+     * `end` is what a menu hanging off a right-aligned trigger wants: the panel
+     * grows leftward and stays on screen. gui states side and alignment as one
+     * floating-ui placement string, so this is that string's suffix — `center`
+     * being the plain side with no suffix at all.
+     */
+    align?: 'start' | 'center' | 'end';
 };
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<GuiElement>>;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubContentProps & {

package/dist/backends/gui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA+D5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,MAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkBnB;AAoDD,QAAA,MAAM,mBAAmB,EAAE,OAAO,IAAI,CAAC,OAAsB,CAAA;AAC7D,QAAA,MAAM,iBAAiB,EAAE,OAAO,IAAI,CAAC,KAAkB,CAAA;AACvD,QAAA,MAAM,kBAAkB,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA;AAC1D,QAAA,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,GAAc,CAAA;AACjD,QAAA,MAAM,sBAAsB,EAAE,OAAO,IAAI,CAAC,UAA4B,CAAA;AAGtE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,mBAAmB,8FAwBvB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;sOAY1B,CAAA;AAGF,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAsBpB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;;;;;;;;;kJAmB5B,CAAA;AAEF,QAAA,MAAM,qBAAqB;;;;;;+IAkBzB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;YAE+B,OAAO;4CAehE,CAAA;AAGF,QAAA,MAAM,iBAAiB;;;;YAE+B,OAAO;4CAiB3D,CAAA;AAEF,QAAA,MAAM,qBAAqB;;+TAezB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWrE;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAoE5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,MAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAoDD,QAAA,MAAM,mBAAmB,EAAE,OAAO,IAAI,CAAC,OAAsB,CAAA;AAC7D,QAAA,MAAM,iBAAiB,EAAE,OAAO,IAAI,CAAC,KAAkB,CAAA;AACvD,QAAA,MAAM,kBAAkB,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA;AAC1D,QAAA,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,GAAc,CAAA;AACjD,QAAA,MAAM,sBAAsB,EAAE,OAAO,IAAI,CAAC,UAA4B,CAAA;AAGtE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAYD,QAAA,MAAM,mBAAmB,8FA0BvB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;sOAY1B,CAAA;AAGF,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAsBpB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;;;;;;;;;kJAmB5B,CAAA;AAEF,QAAA,MAAM,qBAAqB;;;;;;+IAkBzB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;YAE+B,OAAO;4CAehE,CAAA;AAGF,QAAA,MAAM,iBAAiB;;;;YAE+B,OAAO;4CAiB3D,CAAA;AAEF,QAAA,MAAM,qBAAqB;;+TAezB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWrE;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/backends/gui/dropdown-menu.js

@@ -63,11 +63,13 @@ const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", l: ROW
 // gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on
 // Content. One value, one owner: the root holds it, Content publishes into it.
 const OffsetContext = /* @__PURE__ */ React.createContext(null);
+const AlignContext = /* @__PURE__ */ React.createContext(null);
 const DEFAULT_OFFSET = 4;
 function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
     const [current, setOffset] = React.useState(offset);
+    const [placement, setPlacement] = React.useState(undefined);
     React.useEffect(() => setOffset(offset), [offset]);
-    return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsxs(Menu, { offset: current, ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
+    return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsx(AlignContext.Provider, { value: setPlacement, children: _jsxs(Menu, { offset: current, ...(placement ? { placement } : null), ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }) }));
 }
 /** One spec row -> the matching compound part. Never a second row renderer. */
 const renderSpec = (spec, i) => {
@@ -83,10 +85,19 @@ const DropdownMenuGroup = Menu.Group;
 const DropdownMenuPortal = Menu.Portal;
 const DropdownMenuSub = Menu.Sub;
 const DropdownMenuRadioGroup = Menu.RadioGroup;
-const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+/** `align` as the suffix of a floating-ui placement, against the side given. */
+const placementFor = (side, align) => {
+    if (!align)
+        return side;
+    const base = (side?.split('-')[0] ?? 'bottom');
+    return (align === 'center' ? base : `${base}-${align}`);
+};
+const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, align, children, ...props }, ref) {
     const themeName = useThemeName();
     const setOffset = React.useContext(OffsetContext);
+    const setPlacement = React.useContext(AlignContext);
     React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    React.useEffect(() => setPlacement?.(placementFor(undefined, align)), [setPlacement, align]);
     return (_jsx(Menu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
 });
 const DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent(props, ref) {

package/dist/backends/gui/dropdown-menu.js.map

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

package/dist/backends/gui/step-indicator.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepIndicator = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
 const box_1 = require("../../box.cjs");
 const cn_1 = require("../../core/cn.cjs");
 const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, ...props }) => {
@@ -12,7 +13,7 @@ const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, ...props
         // cannot be a class name.
         style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, ...props, children: steps.map((name, i) => {
             const done = i <= currentStep;
-            return ((0, jsx_runtime_1.jsxs)(box_1.Box, { className: "grid justify-items-center gap-1 relative", children: [i < steps.length - 1 && ((0, jsx_runtime_1.jsx)(box_1.Box, { "aria-hidden": "true", className: (0, cn_1.cn)('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
+            return ((0, jsx_runtime_1.jsxs)(gui_1.View, { display: "grid", justifyItems: "center", gap: 4, position: "relative", children: [i < steps.length - 1 && ((0, jsx_runtime_1.jsx)(box_1.Box, { "aria-hidden": "true", className: (0, cn_1.cn)('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
                             height: 2,
                             top: `calc(${dot} / 2 - 1px)`,
                             left: '50%',

package/dist/backends/gui/step-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,4DAMvB,kBAAkB,4CA8CpB,CAAA"}
+{"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,4DAMvB,kBAAkB,4CA8CpB,CAAA"}

package/dist/backends/gui/step-indicator.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from '@hanzo/gui';
 import { Box } from '../../box.js';
 import { cn } from '../../core/cn.js';
 export const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, ...props }) => {
@@ -9,7 +10,7 @@ export const StepIndicator = ({ steps, currentStep, dotSizeRem = 1, className, .
         // cannot be a class name.
         style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, ...props, children: steps.map((name, i) => {
             const done = i <= currentStep;
-            return (_jsxs(Box, { className: "grid justify-items-center gap-1 relative", children: [i < steps.length - 1 && (_jsx(Box, { "aria-hidden": "true", className: cn('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
+            return (_jsxs(View, { display: "grid", justifyItems: "center", gap: 4, position: "relative", children: [i < steps.length - 1 && (_jsx(Box, { "aria-hidden": "true", className: cn('absolute', i < currentStep ? 'bg-foreground' : 'bg-muted'), style: {
                             height: 2,
                             top: `calc(${dot} / 2 - 1px)`,
                             left: '50%',

package/dist/backends/gui/step-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"step-indicator.js","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAeZ,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAUlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,UAAU,GAAG,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,GAAG,UAAU,KAAK,CAAA;IAC9B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,KAAK,CAAC,MAAM,GAAG,CAAC,mBAChB,WAAW,oBACV,KAAK,CAAC,WAAW,CAAC,EAClC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAC5C,sEAAsE;QACtE,0BAA0B;QAC1B,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,KAAK,CAAC,MAAM,mBAAmB,EAAE,KACrE,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,CAAC,IAAI,WAAW,CAAA;YAC7B,OAAO,CACL,MAAC,GAAG,IAAY,SAAS,EAAC,0CAA0C,aAGjE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EACzE,KAAK,EAAE;4BACL,MAAM,EAAE,CAAC;4BACT,GAAG,EAAE,QAAQ,GAAG,aAAa;4BAC7B,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,MAAM;yBACd,GACD,CACH,EACD,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3E,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAClC,EACF,KAAC,GAAG,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,YAC1E,IAAI,GACD,KAtBE,IAAI,CAuBR,CACP,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"step-indicator.js","sourceRoot":"","sources":["../../../src/backends/gui/step-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAcjC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAUlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,UAAU,GAAG,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,GAAG,UAAU,KAAK,CAAA;IAC9B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,KAAK,CAAC,MAAM,GAAG,CAAC,mBAChB,WAAW,oBACV,KAAK,CAAC,WAAW,CAAC,EAClC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAC5C,sEAAsE;QACtE,0BAA0B;QAC1B,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,KAAK,CAAC,MAAM,mBAAmB,EAAE,KACrE,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,CAAC,IAAI,WAAW,CAAA;YAC7B,OAAO,CACL,MAAC,IAAI,IAAY,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,aAG9E,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EACzE,KAAK,EAAE;4BACL,MAAM,EAAE,CAAC;4BACT,GAAG,EAAE,QAAQ,GAAG,aAAa;4BAC7B,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,MAAM;yBACd,GACD,CACH,EACD,KAAC,GAAG,mBACU,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3E,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAClC,EACF,KAAC,GAAG,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,YAC1E,IAAI,GACD,KAtBG,IAAI,CAuBR,CACR,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/blocks/carte-blanche.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CarteBlancheBlockComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
 const card_1 = require("../backends/gui/card.cjs");
-const box_1 = require("../box.cjs");
 const cn_1 = require("../core/cn.cjs");
 const content_1 = require("./content.cjs");
 const cta_1 = require("./cta.cjs");
@@ -32,7 +32,7 @@ const CarteBlancheBlockComponent = ({ block, className, agent, }) => {
     const Body = () => b.content ? ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-center', body, className)), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.content, agent: agent }) })) : null;
     const Foot = ({ className: cls }) => b.cta ? ((0, jsx_runtime_1.jsx)(card_1.CardFooter, { ...(0, spec_1.sx)((0, cn_1.cn)('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', foot, cls)), children: (0, jsx_runtime_1.jsx)(cta_1.CTABlockComponent, { block: b.cta, agent: agent }) })) : null;
     const sideways = spec('variant-content-left') || (spec('variant-mobile-content-left') && agent === 'phone');
-    return ((0, jsx_runtime_1.jsx)(card_1.Card, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(box_1.Box, { className: "flex gap-2", children: [b.topContent && ((0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), (0, jsx_runtime_1.jsxs)(box_1.Box, { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Heading, {}), b.content && ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-start', body, className)), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.content, agent: agent }) }))] })] }), (0, jsx_runtime_1.jsx)(Foot, { className: "mx-auto" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(b.heading || b.topContent) && ((0, jsx_runtime_1.jsxs)(card_1.CardHeader, { ...(0, spec_1.sx)(head), children: [b.topContent && (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent }), b.heading && ((0, jsx_runtime_1.jsx)(enh_heading_1.EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), (0, jsx_runtime_1.jsx)(Body, {}), (0, jsx_runtime_1.jsx)(Foot, {})] })) }));
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: 8, children: [b.topContent && ((0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { children: [(0, jsx_runtime_1.jsx)(Heading, {}), b.content && ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-start', body, className)), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.content, agent: agent }) }))] })] }), (0, jsx_runtime_1.jsx)(Foot, { className: "mx-auto" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(b.heading || b.topContent) && ((0, jsx_runtime_1.jsxs)(card_1.CardHeader, { ...(0, spec_1.sx)(head), children: [b.topContent && (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent }), b.heading && ((0, jsx_runtime_1.jsx)(enh_heading_1.EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), (0, jsx_runtime_1.jsx)(Body, {}), (0, jsx_runtime_1.jsx)(Foot, {})] })) }));
 };
 exports.CarteBlancheBlockComponent = CarteBlancheBlockComponent;
 exports.default = exports.CarteBlancheBlockComponent;

package/dist/blocks/carte-blanche.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carte-blanche.d.ts","sourceRoot":"","sources":["../../src/blocks/carte-blanche.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAK1D;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,iCAIpC,mBAAmB,4CAqErB,CAAA;eAEc,0BAA0B"}
+{"version":3,"file":"carte-blanche.d.ts","sourceRoot":"","sources":["../../src/blocks/carte-blanche.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAK1D;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,iCAIpC,mBAAmB,4CAqErB,CAAA;eAEc,0BAA0B"}

package/dist/blocks/carte-blanche.js

@@ -1,6 +1,6 @@
 'use client';import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XStack, YStack } from '@hanzo/gui';
 import { Card, CardContent, CardFooter, CardHeader } from '../backends/gui/card.js';
-import { Box } from '../box.js';
 import { cn } from '../core/cn.js';
 import { Content } from './content.js';
 import { CTABlockComponent } from './cta.js';
@@ -29,7 +29,7 @@ export const CarteBlancheBlockComponent = ({ block, className, agent, }) => {
     const Body = () => b.content ? (_jsx(CardContent, { ...sx(cn('flex flex-col justify-center', body, className)), children: _jsx(Content, { blocks: b.content, agent: agent }) })) : null;
     const Foot = ({ className: cls }) => b.cta ? (_jsx(CardFooter, { ...sx(cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', foot, cls)), children: _jsx(CTABlockComponent, { block: b.cta, agent: agent }) })) : null;
     const sideways = spec('variant-content-left') || (spec('variant-mobile-content-left') && agent === 'phone');
-    return (_jsx(Card, { ...sx(cn('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? (_jsxs(_Fragment, { children: [_jsxs(Box, { className: "flex gap-2", children: [b.topContent && (_jsx(Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), _jsxs(Box, { className: "flex flex-col", children: [_jsx(Heading, {}), b.content && (_jsx(CardContent, { ...sx(cn('flex flex-col justify-start', body, className)), children: _jsx(Content, { blocks: b.content, agent: agent }) }))] })] }), _jsx(Foot, { className: "mx-auto" })] })) : (_jsxs(_Fragment, { children: [(b.heading || b.topContent) && (_jsxs(CardHeader, { ...sx(head), children: [b.topContent && _jsx(Content, { blocks: b.topContent, agent: agent }), b.heading && (_jsx(EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), _jsx(Body, {}), _jsx(Foot, {})] })) }));
+    return (_jsx(Card, { ...sx(cn('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? (_jsxs(_Fragment, { children: [_jsxs(XStack, { gap: 8, children: [b.topContent && (_jsx(Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), _jsxs(YStack, { children: [_jsx(Heading, {}), b.content && (_jsx(CardContent, { ...sx(cn('flex flex-col justify-start', body, className)), children: _jsx(Content, { blocks: b.content, agent: agent }) }))] })] }), _jsx(Foot, { className: "mx-auto" })] })) : (_jsxs(_Fragment, { children: [(b.heading || b.topContent) && (_jsxs(CardHeader, { ...sx(head), children: [b.topContent && _jsx(Content, { blocks: b.topContent, agent: agent }), b.heading && (_jsx(EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), _jsx(Body, {}), _jsx(Foot, {})] })) }));
 };
 export default CarteBlancheBlockComponent;
 //# sourceMappingURL=carte-blanche.js.map

package/dist/blocks/carte-blanche.js.map

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

package/dist/blocks/image.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageBlockComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
 const box_1 = require("../box.cjs");
 const cn_1 = require("../core/cn.cjs");
 const spec_1 = require("./spec.cjs");
@@ -37,7 +38,7 @@ const ImageBlockComponent = ({ block, className, agent, constrainTo, }) => {
     if (sizes)
         size.sizes = sizes;
     if (phone && (spec('mobile-full-width') || fullWidthOnMobile)) {
-        return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: "flex flex-col items-center w-full", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: (0, cn_1.cn)(svgFillClass, className) }) }));
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { items: "center", width: "100%", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: (0, cn_1.cn)(svgFillClass, className) }) }));
     }
     if (phone && !spec('mobile-no-scale') && props?.fill === undefined) {
         const box = constrainTo ? (0, spec_1.fit)(dim, constrainTo) : dim;
@@ -46,7 +47,7 @@ const ImageBlockComponent = ({ block, className, agent, constrainTo, }) => {
     }
     const align = spec('right') ? 'self-end' : spec('center') ? 'self-center' : 'self-start';
     if (props?.fill) {
-        return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: "relative w-full h-full", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, ...size, ...props, className: (0, cn_1.cn)(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
+        return ((0, jsx_runtime_1.jsx)(gui_1.View, { position: "relative", width: "100%", height: "100%", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, ...size, ...props, className: (0, cn_1.cn)(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
     }
     return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, ...size, ...props, className: (0, cn_1.cn)(align, svgFillClass, 'max-w-[70vw] mx-auto', className) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/blocks/image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,QAAQ,CAAA;AAKjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,8CAK7B,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,UAAU,CAAA;CAAE,4CAqEpD,CAAA;eAEc,mBAAmB"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/blocks/image.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,QAAQ,CAAA;AAKjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,8CAK7B,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,UAAU,CAAA;CAAE,4CAqEpD,CAAA;eAEc,mBAAmB"}

package/dist/blocks/image.js

@@ -1,4 +1,5 @@
 'use client';import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { View, YStack } from '@hanzo/gui';
 import { Box } from '../box.js';
 import { cn } from '../core/cn.js';
 import { fit, has, name } from './spec.js';
@@ -34,7 +35,7 @@ export const ImageBlockComponent = ({ block, className, agent, constrainTo, }) =
     if (sizes)
         size.sizes = sizes;
     if (phone && (spec('mobile-full-width') || fullWidthOnMobile)) {
-        return (_jsx(Box, { className: "flex flex-col items-center w-full", children: _jsx(Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: cn(svgFillClass, className) }) }));
+        return (_jsx(YStack, { items: "center", width: "100%", children: _jsx(Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: cn(svgFillClass, className) }) }));
     }
     if (phone && !spec('mobile-no-scale') && props?.fill === undefined) {
         const box = constrainTo ? fit(dim, constrainTo) : dim;
@@ -43,7 +44,7 @@ export const ImageBlockComponent = ({ block, className, agent, constrainTo, }) =
     }
     const align = spec('right') ? 'self-end' : spec('center') ? 'self-center' : 'self-start';
     if (props?.fill) {
-        return (_jsx(Box, { className: "relative w-full h-full", children: _jsx(Box, { tag: "img", src: src, alt: label, ...size, ...props, className: cn(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
+        return (_jsx(View, { position: "relative", width: "100%", height: "100%", children: _jsx(Box, { tag: "img", src: src, alt: label, ...size, ...props, className: cn(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
     }
     return (_jsx(Box, { tag: "img", src: src, alt: label, ...size, ...props, className: cn(align, svgFillClass, 'max-w-[70vw] mx-auto', className) }));
 };

package/dist/blocks/image.js.map

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

package/dist/core/cn.d.ts

@@ -39,10 +39,8 @@ export declare function capitalize(s: string): string;
  *   })
  *   chip({ tone: 'warn' })      // 'inline-flex rounded bg-amber-500'
  *
- * A lookup and a join. It reads exactly like `cva`, whose shape every component
- * in this estate is already written against, so adopting it is a rename — but it
- * is fifteen lines beside `cn` rather than a dependency, and one of the two
- * class-name libraries this package used to carry to do what it already did.
+ * A lookup and a join — the shape every component in this estate is written
+ * against, in fifteen lines beside `cn` and with no dependency.
  */
 export type Variants = Record<string, Record<string, ClassValue>>;
 /** The selection: for each axis, one of the keys that axis offers. */

package/dist/core/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GACrD,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE3B;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CAWnE;AAED,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;AAEjE,sEAAsE;AACtE,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,QAAQ,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA;AAExE,kEAAkE;AAClE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,MAAM,GAChE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,GAC3C,KAAK,CAAA;AAET,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,IAAI,CAAC,EAAE,UAAU,EACjB,MAAM,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;CAAE,aAIrC,MAAM,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,SAAS,CAAC,EAAE,UAAU,CAAA;CAAE,KAAG,MAAM,CAUrF"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GACrD,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE3B;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CAWnE;AAED,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;AAEjE,sEAAsE;AACtE,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,QAAQ,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA;AAExE,kEAAkE;AAClE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,MAAM,GAChE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,GAC3C,KAAK,CAAA;AAET,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,IAAI,CAAC,EAAE,UAAU,EACjB,MAAM,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;CAAE,aAIrC,MAAM,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,SAAS,CAAC,EAAE,UAAU,CAAA;CAAE,KAAG,MAAM,CAUrF"}

package/dist/core/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAeH;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,CAAa,EAAE,GAAG,GAAa,EAAE;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,GAAG,CAAA;IAClB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IAC7F,4EAA4E;IAC5E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,OAAO,CAAC,KAAK,SAAS;QAAE,OAAO,GAAG,CAAA;IACtC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACvF,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACxE,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAK,CAA6B,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACrE,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAClC,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,UAAU,CAAC,CAAS;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACvD,CAAC;AA0BD,MAAM,UAAU,QAAQ,CACtB,IAAiB,EACjB,MAAsD;IAEtD,MAAM,KAAK,GAAG,MAAM,EAAE,QAAQ,IAAK,EAAQ,CAAA;IAC3C,MAAM,QAAQ,GAAG,MAAM,EAAE,eAAe,IAAK,EAAgB,CAAA;IAC7D,OAAO,CAAC,MAAmE,EAAU,EAAE;QACrF,MAAM,MAAM,GAAiB,CAAC,IAAI,CAAC,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,2EAA2E;YAC3E,oDAAoD;YACpD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC5C,IAAI,GAAG,IAAI,IAAI;gBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAa,CAAC,CAAC,CAAA;QAC1D,CAAC;QACD,OAAO,EAAE,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAeH;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,CAAa,EAAE,GAAG,GAAa,EAAE;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,GAAG,CAAA;IAClB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IAC7F,4EAA4E;IAC5E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,OAAO,CAAC,KAAK,SAAS;QAAE,OAAO,GAAG,CAAA;IACtC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACvF,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACxE,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAK,CAA6B,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACrE,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAClC,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,UAAU,CAAC,CAAS;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACvD,CAAC;AAwBD,MAAM,UAAU,QAAQ,CACtB,IAAiB,EACjB,MAAsD;IAEtD,MAAM,KAAK,GAAG,MAAM,EAAE,QAAQ,IAAK,EAAQ,CAAA;IAC3C,MAAM,QAAQ,GAAG,MAAM,EAAE,eAAe,IAAK,EAAgB,CAAA;IAC7D,OAAO,CAAC,MAAmE,EAAU,EAAE;QACrF,MAAM,MAAM,GAAiB,CAAC,IAAI,CAAC,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,2EAA2E;YAC3E,oDAAoD;YACpD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC5C,IAAI,GAAG,IAAI,IAAI;gBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAa,CAAC,CAAC,CAAA;QAC1D,CAAC;QACD,OAAO,EAAE,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC"}

package/dist/gallery.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gallery = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
 const box_1 = require("./box.cjs");
 const Workbench_1 = require("./product/Workbench.cjs");
 const Skeleton_1 = require("./product/Skeleton.cjs");
@@ -12,7 +13,7 @@ const Split_1 = require("./product/Split.cjs");
 const TooltipAnchor_1 = require("./product/TooltipAnchor.cjs");
 const DialogTemplate_1 = require("./product/DialogTemplate.cjs");
 const chat_1 = require("./chat/index.cjs");
-const gui_1 = require("./backends/gui/index.cjs");
+const gui_2 = require("./backends/gui/index.cjs");
 // Off the barrel — web-only, so it is imported the way a consumer imports it.
 const grid_1 = require("./grid.cjs");
 /** A real <img> with real intrinsic pixels, inline so nothing hits the network.
@@ -74,19 +75,19 @@ const Section = ({ name, children }) => ((0, jsx_runtime_1.jsx)("section", { "da
  * Every component, once. `data-gallery` names each section so a browser test can
  * scope its assertions without depending on document order.
  */
-const Gallery = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 28, padding: 24, maxWidth: 928 }, children: [(0, jsx_runtime_1.jsx)(Section, { name: "type", children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: '100%' }, children: [11, 10, 9, 7, 6, 4, 3, 2, 1].map((rung) => ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: `$${rung}`, lineHeight: `$${rung}`, letterSpacing: `$${rung}`, children: "Hanzo \u2014 the Open AI Cloud" }, rung))) }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "button", children: [BUTTON_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(gui_1.Button, { variant: variant, children: variant }, variant))), BUTTON_SIZES.map((size) => ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: size, children: size }, size))), (0, jsx_runtime_1.jsx)(gui_1.Button, { disabled: true, children: "disabled" }), (0, jsx_runtime_1.jsx)(gui_1.Button, { isLoading: true, children: "loading" })] }), (0, jsx_runtime_1.jsx)(Section, { name: "badge", children: BADGE_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(gui_1.Badge, { variant: variant, children: variant }, variant))) }), (0, jsx_runtime_1.jsx)(Section, { name: "card", children: (0, jsx_runtime_1.jsxs)(gui_1.Card, { children: [(0, jsx_runtime_1.jsxs)(gui_1.CardHeader, { children: [(0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "Card title" }), (0, jsx_runtime_1.jsx)(gui_1.CardDescription, { children: "Card description" }), (0, jsx_runtime_1.jsx)(gui_1.CardAction, { children: (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "sm", variant: "ghost", children: "action" }) })] }), (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "Card content" }), (0, jsx_runtime_1.jsx)(gui_1.CardFooter, { children: "Card footer" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "form", children: [(0, jsx_runtime_1.jsx)(gui_1.Label, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_1.Input, { placeholder: "Input" }), (0, jsx_runtime_1.jsx)(gui_1.Input, { placeholder: "Password", type: "password" }), (0, jsx_runtime_1.jsx)(gui_1.Textarea, { placeholder: "Textarea" }), (0, jsx_runtime_1.jsx)(gui_1.Checkbox, {}), (0, jsx_runtime_1.jsx)(gui_1.Checkbox, { checked: true }), (0, jsx_runtime_1.jsx)(gui_1.Switch, {}), (0, jsx_runtime_1.jsx)(gui_1.Switch, { checked: true }), (0, jsx_runtime_1.jsx)(gui_1.Slider, { defaultValue: [40] }), (0, jsx_runtime_1.jsx)(gui_1.Progress, { value: 40 }), (0, jsx_runtime_1.jsxs)(gui_1.RadioGroup, { defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_1.RadioGroupItem, { value: "a" }), (0, jsx_runtime_1.jsx)(gui_1.RadioGroupItem, { value: "b" }), (0, jsx_runtime_1.jsx)(gui_1.RadioGroupItem, { value: "c", disabled: true })] }), (0, jsx_runtime_1.jsxs)(gui_1.RadioGroup, { orientation: "horizontal", defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_1.RadioGroupItem, { value: "a" }), (0, jsx_runtime_1.jsx)(gui_1.RadioGroupItem, { value: "b" })] })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "toggle-group", children: [['default', 'outline'].map((variant) => ['default', 'sm', 'lg'].map((size) => ((0, jsx_runtime_1.jsxs)(gui_1.ToggleGroup, { type: "single", defaultValue: "a", variant: variant, size: size, children: [(0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "b", children: "B" }), (0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "c", disabled: true, children: "C" })] }, `${variant}-${size}`)))), (0, jsx_runtime_1.jsxs)(gui_1.ToggleGroup, { type: "multiple", defaultValue: ['a'], children: [(0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "b", children: "B" })] }), (0, jsx_runtime_1.jsxs)(gui_1.ToggleGroup, { type: "single", orientation: "vertical", defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_1.ToggleGroupItem, { value: "b", children: "B" })] })] }), (0, jsx_runtime_1.jsx)(Section, { name: "accordion", children: (0, jsx_runtime_1.jsxs)(gui_1.Accordion, { type: "single", collapsible: true, defaultValue: "one", children: [(0, jsx_runtime_1.jsxs)(gui_1.AccordionItem, { value: "one", children: [(0, jsx_runtime_1.jsx)(gui_1.AccordionTrigger, { children: "Accordion trigger" }), (0, jsx_runtime_1.jsx)(gui_1.AccordionContent, { children: "Accordion content" })] }), (0, jsx_runtime_1.jsxs)(gui_1.AccordionItem, { value: "two", children: [(0, jsx_runtime_1.jsx)(gui_1.AccordionTrigger, { children: "Second trigger" }), (0, jsx_runtime_1.jsx)(gui_1.AccordionContent, { children: "Second content" })] })] }) }), (0, jsx_runtime_1.jsx)(Section, { name: "tabs", children: (0, jsx_runtime_1.jsxs)(gui_1.Tabs, { defaultValue: "one", children: [(0, jsx_runtime_1.jsxs)(gui_1.TabsList, { children: [(0, jsx_runtime_1.jsx)(gui_1.TabsTrigger, { value: "one", children: "One" }), (0, jsx_runtime_1.jsx)(gui_1.TabsTrigger, { value: "two", children: "Two" })] }), (0, jsx_runtime_1.jsx)(gui_1.TabsContent, { value: "one", children: "Panel one" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "surface", children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsx)(gui_1.AspectRatio, { ratio: 16 / 9 }), (0, jsx_runtime_1.jsx)(gui_1.Avatar, { children: (0, jsx_runtime_1.jsx)(gui_1.AvatarFallback, { children: "HZ" }) }), (0, jsx_runtime_1.jsx)(gui_1.ScrollArea, { height: 80, children: "Scroll area" }), (0, jsx_runtime_1.jsxs)(gui_1.ResizablePanelGroup, { direction: "horizontal", children: [(0, jsx_runtime_1.jsx)(gui_1.ResizablePanel, {}), (0, jsx_runtime_1.jsx)(gui_1.ResizableHandle, {}), (0, jsx_runtime_1.jsx)(gui_1.ResizablePanel, {})] })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "connection-badge", children: [(0, jsx_runtime_1.jsx)(ConnectionBadge_1.ConnectionBadge, { method: "OAuth", extra: "acme/site", onDisconnect: () => { } }), (0, jsx_runtime_1.jsx)(ConnectionBadge_1.ConnectionBadge, { method: "API key", onDisconnect: () => { }, disconnecting: true })] }), (0, jsx_runtime_1.jsx)(Section, { name: "project-thumb", children: (0, jsx_runtime_1.jsx)("div", { style: { width: 240 }, children: (0, jsx_runtime_1.jsx)(ProjectThumb_1.ProjectThumb, { name: "Acme" }) }) }), (0, jsx_runtime_1.jsx)(Section, { name: "split", children: (0, jsx_runtime_1.jsx)("div", { style: { width: 360, height: 120 }, children: (0, jsx_runtime_1.jsx)(Split_1.Split, { left: (0, jsx_runtime_1.jsx)(box_1.Box, { children: "left" }), right: (0, jsx_runtime_1.jsx)(box_1.Box, { children: "right" }) }) }) }), (0, jsx_runtime_1.jsx)(Section, { name: "spinner", children: [12, 16, 20, 32].map((size) => ((0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: size }, size))) }), (0, jsx_runtime_1.jsx)(Section, { name: "collapsible", children: (0, jsx_runtime_1.jsxs)(gui_1.Collapsible, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.CollapsibleTrigger, { children: "Collapsible trigger" }), (0, jsx_runtime_1.jsx)(gui_1.CollapsibleContent, { children: "Collapsible content" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "command", children: [(0, jsx_runtime_1.jsxs)(gui_1.Command, { children: [(0, jsx_runtime_1.jsx)(gui_1.CommandInput, {}), (0, jsx_runtime_1.jsxs)(gui_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(gui_1.CommandEmpty, { children: "No results" }), (0, jsx_runtime_1.jsx)(gui_1.CommandGroup, { heading: "Group", children: (0, jsx_runtime_1.jsxs)(gui_1.CommandItem, { value: "a", children: ["Item", (0, jsx_runtime_1.jsx)(gui_1.CommandShortcut, { children: "\u2318A" })] }) }), (0, jsx_runtime_1.jsx)(gui_1.CommandSeparator, {})] })] }), (0, jsx_runtime_1.jsxs)(gui_1.CommandDialog, { open: true, defaultValue: "alpha", onValueChange: (v) => {
+const Gallery = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 28, padding: 24, maxWidth: 928 }, children: [(0, jsx_runtime_1.jsx)(Section, { name: "type", children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: '100%' }, children: [11, 10, 9, 7, 6, 4, 3, 2, 1].map((rung) => ((0, jsx_runtime_1.jsx)(gui_2.Text, { fontSize: `$${rung}`, lineHeight: `$${rung}`, letterSpacing: `$${rung}`, children: "Hanzo \u2014 the Open AI Cloud" }, rung))) }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "button", children: [BUTTON_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(gui_2.Button, { variant: variant, children: variant }, variant))), BUTTON_SIZES.map((size) => ((0, jsx_runtime_1.jsx)(gui_2.Button, { size: size, children: size }, size))), (0, jsx_runtime_1.jsx)(gui_2.Button, { disabled: true, children: "disabled" }), (0, jsx_runtime_1.jsx)(gui_2.Button, { isLoading: true, children: "loading" })] }), (0, jsx_runtime_1.jsx)(Section, { name: "badge", children: BADGE_VARIANTS.map((variant) => ((0, jsx_runtime_1.jsx)(gui_2.Badge, { variant: variant, children: variant }, variant))) }), (0, jsx_runtime_1.jsx)(Section, { name: "card", children: (0, jsx_runtime_1.jsxs)(gui_2.Card, { children: [(0, jsx_runtime_1.jsxs)(gui_2.CardHeader, { children: [(0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "Card title" }), (0, jsx_runtime_1.jsx)(gui_2.CardDescription, { children: "Card description" }), (0, jsx_runtime_1.jsx)(gui_2.CardAction, { children: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", variant: "ghost", children: "action" }) })] }), (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "Card content" }), (0, jsx_runtime_1.jsx)(gui_2.CardFooter, { children: "Card footer" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "form", children: [(0, jsx_runtime_1.jsx)(gui_2.Label, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_2.Input, { placeholder: "Input" }), (0, jsx_runtime_1.jsx)(gui_2.Input, { placeholder: "Password", type: "password" }), (0, jsx_runtime_1.jsx)(gui_2.Textarea, { placeholder: "Textarea" }), (0, jsx_runtime_1.jsx)(gui_2.Checkbox, {}), (0, jsx_runtime_1.jsx)(gui_2.Checkbox, { checked: true }), (0, jsx_runtime_1.jsx)(gui_2.Switch, {}), (0, jsx_runtime_1.jsx)(gui_2.Switch, { checked: true }), (0, jsx_runtime_1.jsx)(gui_2.Slider, { defaultValue: [40] }), (0, jsx_runtime_1.jsx)(gui_2.Progress, { value: 40 }), (0, jsx_runtime_1.jsxs)(gui_2.RadioGroup, { defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_2.RadioGroupItem, { value: "a" }), (0, jsx_runtime_1.jsx)(gui_2.RadioGroupItem, { value: "b" }), (0, jsx_runtime_1.jsx)(gui_2.RadioGroupItem, { value: "c", disabled: true })] }), (0, jsx_runtime_1.jsxs)(gui_2.RadioGroup, { orientation: "horizontal", defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_2.RadioGroupItem, { value: "a" }), (0, jsx_runtime_1.jsx)(gui_2.RadioGroupItem, { value: "b" })] })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "toggle-group", children: [['default', 'outline'].map((variant) => ['default', 'sm', 'lg'].map((size) => ((0, jsx_runtime_1.jsxs)(gui_2.ToggleGroup, { type: "single", defaultValue: "a", variant: variant, size: size, children: [(0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "b", children: "B" }), (0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "c", disabled: true, children: "C" })] }, `${variant}-${size}`)))), (0, jsx_runtime_1.jsxs)(gui_2.ToggleGroup, { type: "multiple", defaultValue: ['a'], children: [(0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "b", children: "B" })] }), (0, jsx_runtime_1.jsxs)(gui_2.ToggleGroup, { type: "single", orientation: "vertical", defaultValue: "a", children: [(0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "a", children: "A" }), (0, jsx_runtime_1.jsx)(gui_2.ToggleGroupItem, { value: "b", children: "B" })] })] }), (0, jsx_runtime_1.jsx)(Section, { name: "accordion", children: (0, jsx_runtime_1.jsxs)(gui_2.Accordion, { type: "single", collapsible: true, defaultValue: "one", children: [(0, jsx_runtime_1.jsxs)(gui_2.AccordionItem, { value: "one", children: [(0, jsx_runtime_1.jsx)(gui_2.AccordionTrigger, { children: "Accordion trigger" }), (0, jsx_runtime_1.jsx)(gui_2.AccordionContent, { children: "Accordion content" })] }), (0, jsx_runtime_1.jsxs)(gui_2.AccordionItem, { value: "two", children: [(0, jsx_runtime_1.jsx)(gui_2.AccordionTrigger, { children: "Second trigger" }), (0, jsx_runtime_1.jsx)(gui_2.AccordionContent, { children: "Second content" })] })] }) }), (0, jsx_runtime_1.jsx)(Section, { name: "tabs", children: (0, jsx_runtime_1.jsxs)(gui_2.Tabs, { defaultValue: "one", children: [(0, jsx_runtime_1.jsxs)(gui_2.TabsList, { children: [(0, jsx_runtime_1.jsx)(gui_2.TabsTrigger, { value: "one", children: "One" }), (0, jsx_runtime_1.jsx)(gui_2.TabsTrigger, { value: "two", children: "Two" })] }), (0, jsx_runtime_1.jsx)(gui_2.TabsContent, { value: "one", children: "Panel one" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "surface", children: [(0, jsx_runtime_1.jsx)(gui_2.Separator, {}), (0, jsx_runtime_1.jsx)(gui_2.AspectRatio, { ratio: 16 / 9 }), (0, jsx_runtime_1.jsx)(gui_2.Avatar, { children: (0, jsx_runtime_1.jsx)(gui_2.AvatarFallback, { children: "HZ" }) }), (0, jsx_runtime_1.jsx)(gui_2.ScrollArea, { height: 80, children: "Scroll area" }), (0, jsx_runtime_1.jsxs)(gui_2.ResizablePanelGroup, { direction: "horizontal", children: [(0, jsx_runtime_1.jsx)(gui_2.ResizablePanel, {}), (0, jsx_runtime_1.jsx)(gui_2.ResizableHandle, {}), (0, jsx_runtime_1.jsx)(gui_2.ResizablePanel, {})] })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "connection-badge", children: [(0, jsx_runtime_1.jsx)(ConnectionBadge_1.ConnectionBadge, { method: "OAuth", extra: "acme/site", onDisconnect: () => { } }), (0, jsx_runtime_1.jsx)(ConnectionBadge_1.ConnectionBadge, { method: "API key", onDisconnect: () => { }, disconnecting: true })] }), (0, jsx_runtime_1.jsx)(Section, { name: "project-thumb", children: (0, jsx_runtime_1.jsx)("div", { style: { width: 240 }, children: (0, jsx_runtime_1.jsx)(ProjectThumb_1.ProjectThumb, { name: "Acme" }) }) }), (0, jsx_runtime_1.jsx)(Section, { name: "split", children: (0, jsx_runtime_1.jsx)("div", { style: { width: 360, height: 120 }, children: (0, jsx_runtime_1.jsx)(Split_1.Split, { left: (0, jsx_runtime_1.jsx)(box_1.Box, { children: "left" }), right: (0, jsx_runtime_1.jsx)(box_1.Box, { children: "right" }) }) }) }), (0, jsx_runtime_1.jsx)(Section, { name: "spinner", children: [12, 16, 20, 32].map((size) => ((0, jsx_runtime_1.jsx)(gui_2.Spinner, { size: size }, size))) }), (0, jsx_runtime_1.jsx)(Section, { name: "collapsible", children: (0, jsx_runtime_1.jsxs)(gui_2.Collapsible, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.CollapsibleTrigger, { children: "Collapsible trigger" }), (0, jsx_runtime_1.jsx)(gui_2.CollapsibleContent, { children: "Collapsible content" })] }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "command", children: [(0, jsx_runtime_1.jsxs)(gui_2.Command, { children: [(0, jsx_runtime_1.jsx)(gui_2.CommandInput, {}), (0, jsx_runtime_1.jsxs)(gui_2.CommandList, { children: [(0, jsx_runtime_1.jsx)(gui_2.CommandEmpty, { children: "No results" }), (0, jsx_runtime_1.jsx)(gui_2.CommandGroup, { heading: "Group", children: (0, jsx_runtime_1.jsxs)(gui_2.CommandItem, { value: "a", children: ["Item", (0, jsx_runtime_1.jsx)(gui_2.CommandShortcut, { children: "\u2318A" })] }) }), (0, jsx_runtime_1.jsx)(gui_2.CommandSeparator, {})] })] }), (0, jsx_runtime_1.jsxs)(gui_2.CommandDialog, { open: true, defaultValue: "alpha", onValueChange: (v) => {
                         const el = document.querySelector('[data-palette-selected]');
                         if (el)
                             el.setAttribute('data-palette-selected', v);
-                    }, children: [(0, jsx_runtime_1.jsx)(gui_1.CommandInput, {}), (0, jsx_runtime_1.jsxs)(gui_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(gui_1.CommandEmpty, { children: "No results" }), (0, jsx_runtime_1.jsxs)(gui_1.CommandGroup, { heading: "Palette", children: [(0, jsx_runtime_1.jsx)(gui_1.CommandItem, { value: "alpha", children: "alpha" }), (0, jsx_runtime_1.jsx)(gui_1.CommandItem, { value: "beta", children: "beta" }), (0, jsx_runtime_1.jsx)(gui_1.CommandItem, { value: "gamma", children: "gamma" })] })] })] }), (0, jsx_runtime_1.jsx)("span", { "data-palette-selected": "" })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "overlay", children: [(0, jsx_runtime_1.jsx)(gui_1.Dialog, { open: true, children: (0, jsx_runtime_1.jsxs)(gui_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(gui_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(gui_1.DialogTitle, { children: "Dialog title" }), (0, jsx_runtime_1.jsx)(gui_1.DialogDescription, { children: "Dialog description" })] }), (0, jsx_runtime_1.jsx)(gui_1.DialogFooter, { children: (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "sm", children: "OK" }) })] }) }), (0, jsx_runtime_1.jsxs)(gui_1.DropdownMenu, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.DropdownMenuTrigger, { children: "Menu" }), (0, jsx_runtime_1.jsxs)(gui_1.DropdownMenuContent, { children: [(0, jsx_runtime_1.jsx)(gui_1.DropdownMenuLabel, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)(gui_1.DropdownMenuItem, { children: "Item" })] })] }), (0, jsx_runtime_1.jsxs)(gui_1.Popover, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.PopoverTrigger, { children: "Popover" }), (0, jsx_runtime_1.jsx)(gui_1.PopoverContent, { children: "Popover content" })] }), (0, jsx_runtime_1.jsxs)(gui_1.Select, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.SelectTrigger, { children: (0, jsx_runtime_1.jsx)(gui_1.SelectValue, { placeholder: "Select" }) }), (0, jsx_runtime_1.jsx)(gui_1.SelectContent, { children: (0, jsx_runtime_1.jsx)(gui_1.SelectItem, { value: "x", index: 0, children: "Option" }) })] }), (0, jsx_runtime_1.jsx)(gui_1.TooltipProvider, { delay: 0, children: (0, jsx_runtime_1.jsxs)(gui_1.Tooltip, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.TooltipTrigger, { children: "Tooltip" }), (0, jsx_runtime_1.jsx)(gui_1.TooltipContent, { children: "Tooltip content" })] }) }), (0, jsx_runtime_1.jsx)(gui_1.AlertDialog, { open: true, children: (0, jsx_runtime_1.jsxs)(gui_1.AlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(gui_1.AlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(gui_1.AlertDialogTitle, { children: "Alert title" }), (0, jsx_runtime_1.jsx)(gui_1.AlertDialogDescription, { children: "Alert description" })] }), (0, jsx_runtime_1.jsxs)(gui_1.AlertDialogFooter, { children: [(0, jsx_runtime_1.jsx)(gui_1.AlertDialogCancel, { children: "Cancel" }), (0, jsx_runtime_1.jsx)(gui_1.AlertDialogAction, { variant: "destructive", children: "Delete" })] })] }) }), (0, jsx_runtime_1.jsxs)(gui_1.HoverCard, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_1.HoverCardTrigger, { children: "Hover card" }), (0, jsx_runtime_1.jsx)(gui_1.HoverCardContent, { children: "Hover card content" })] }), (0, jsx_runtime_1.jsxs)(gui_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(gui_1.ContextMenuTrigger, { children: "Context menu" }), (0, jsx_runtime_1.jsxs)(gui_1.ContextMenuContent, { children: [(0, jsx_runtime_1.jsx)(gui_1.ContextMenuLabel, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_1.ContextMenuSeparator, {}), (0, jsx_runtime_1.jsx)(gui_1.ContextMenuItem, { children: "Item" })] })] }), (0, jsx_runtime_1.jsx)(gui_1.Toaster, {})] }), (0, jsx_runtime_1.jsxs)(Section, { name: "layout", children: [(0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min: 240 }, gap: "$3", style: { width: '100%' }, "data-grid": "auto", children: [0, 1, 2, 3, 4, 5, 6].map((i) => ((0, jsx_runtime_1.jsxs)(gui_1.Card, { children: [(0, jsx_runtime_1.jsx)(gui_1.CardMedia, { ratio: 16 / 10, children: (0, jsx_runtime_1.jsx)("img", { src: SWATCH, alt: "" }) }), (0, jsx_runtime_1.jsxs)(gui_1.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(gui_1.CardTitle, { children: ["Card ", i] }), (0, jsx_runtime_1.jsx)(gui_1.CardDescription, { children: "Sized by its content, never by a pinned height." })] })] }, i))) }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min: 160, max: 4 }, gap: "$3", style: { width: '100%' }, "data-grid": "capped", children: [0, 1, 2, 3, 4, 5].map((i) => ((0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsxs)(gui_1.CardContent, { children: ["cap ", i] }) }, i))) }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: { min: 900 }, gap: "$3", style: { width: '100%' }, "data-grid": "wide", children: [(0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "wide" }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "wide" }) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: ['2fr', '1fr'], gap: "$3", style: { width: '100%' }, "data-grid": "list", children: [(0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "2fr" }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "1fr" }) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: "repeat(3, 1fr)", gap: "$3", style: { width: '100%' }, "data-grid": "written", children: [(0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "a" }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "b" }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "c" }) })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', overflow: 'hidden' }, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, gap: "$3", style: { width: '100%' }, "data-grid": "fixed", children: [(0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "short" }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: (0, jsx_runtime_1.jsx)("span", { style: { whiteSpace: 'nowrap' }, children: "MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM" }) }) }), (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "short" }) })] }) }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, rows: 2, gap: "$3", style: { width: '100%' }, "data-grid": "cells", children: [(0, jsx_runtime_1.jsx)(grid_1.Cell, { col: 2, "data-cell": "span2", children: (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "spans two" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { row: 2, "data-cell": "rows2", children: (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "spans two rows" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { "data-cell": "plain", children: (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "one" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { row: "2 / 4", "data-cell": "rowplaced", children: (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "placed down" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { col: "1 / -1", "data-cell": "full", children: (0, jsx_runtime_1.jsx)(gui_1.Card, { children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "the whole row" }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { "data-grid": "growth", style: { display: 'flex', alignItems: 'flex-start', gap: 12, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(gui_1.Card, { "data-card": "lean", children: (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "one line" }) }), (0, jsx_runtime_1.jsxs)(gui_1.Card, { "data-card": "fat", children: [(0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "one line" }), (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "two line" }), (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "three line" }), (0, jsx_runtime_1.jsx)(gui_1.CardContent, { children: "four line" })] })] }), (0, jsx_runtime_1.jsx)(gui_1.Card, { interactive: true, "data-card": "interactive", children: (0, jsx_runtime_1.jsx)(gui_1.CardHeader, { children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "Interactive card" }) }) }), (0, jsx_runtime_1.jsx)(gui_1.Band, { measure: 600, "data-section": "demo", children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "Section" }) }), (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { fontFamily: "$mono", "data-type": "mono", children: "1234567890" }), (0, jsx_runtime_1.jsx)(gui_1.Button, { "data-button": "block-child", children: (0, jsx_runtime_1.jsx)("span", { "data-block-child": true, style: { display: 'block', height: 119, width: 119 } }) })] }), (0, jsx_runtime_1.jsx)(Section, { name: "workbench", children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', height: 220, width: '100%', maxWidth: 880, overflowX: 'auto' }, children: (0, jsx_runtime_1.jsx)(Workbench_1.Workbench, { left: { tabs: [{ id: 'files', title: 'Files', content: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "left" }) }] }, right: {
+                    }, children: [(0, jsx_runtime_1.jsx)(gui_2.CommandInput, {}), (0, jsx_runtime_1.jsxs)(gui_2.CommandList, { children: [(0, jsx_runtime_1.jsx)(gui_2.CommandEmpty, { children: "No results" }), (0, jsx_runtime_1.jsxs)(gui_2.CommandGroup, { heading: "Palette", children: [(0, jsx_runtime_1.jsx)(gui_2.CommandItem, { value: "alpha", children: "alpha" }), (0, jsx_runtime_1.jsx)(gui_2.CommandItem, { value: "beta", children: "beta" }), (0, jsx_runtime_1.jsx)(gui_2.CommandItem, { value: "gamma", children: "gamma" })] })] })] }), (0, jsx_runtime_1.jsx)("span", { "data-palette-selected": "" })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "overlay", children: [(0, jsx_runtime_1.jsx)(gui_2.Dialog, { open: true, children: (0, jsx_runtime_1.jsxs)(gui_2.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(gui_2.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(gui_2.DialogTitle, { children: "Dialog title" }), (0, jsx_runtime_1.jsx)(gui_2.DialogDescription, { children: "Dialog description" })] }), (0, jsx_runtime_1.jsx)(gui_2.DialogFooter, { children: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", children: "OK" }) })] }) }), (0, jsx_runtime_1.jsxs)(gui_2.DropdownMenu, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuTrigger, { children: "Menu" }), (0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuContent, { children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuLabel, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { children: "Item" })] })] }), (0, jsx_runtime_1.jsxs)(gui_2.Popover, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.PopoverTrigger, { children: "Popover" }), (0, jsx_runtime_1.jsx)(gui_2.PopoverContent, { children: "Popover content" })] }), (0, jsx_runtime_1.jsxs)(gui_2.Select, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.SelectTrigger, { children: (0, jsx_runtime_1.jsx)(gui_2.SelectValue, { placeholder: "Select" }) }), (0, jsx_runtime_1.jsx)(gui_2.SelectContent, { children: (0, jsx_runtime_1.jsx)(gui_2.SelectItem, { value: "x", index: 0, children: "Option" }) })] }), (0, jsx_runtime_1.jsx)(gui_2.TooltipProvider, { delay: 0, children: (0, jsx_runtime_1.jsxs)(gui_2.Tooltip, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.TooltipTrigger, { children: "Tooltip" }), (0, jsx_runtime_1.jsx)(gui_2.TooltipContent, { children: "Tooltip content" })] }) }), (0, jsx_runtime_1.jsx)(gui_2.AlertDialog, { open: true, children: (0, jsx_runtime_1.jsxs)(gui_2.AlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(gui_2.AlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(gui_2.AlertDialogTitle, { children: "Alert title" }), (0, jsx_runtime_1.jsx)(gui_2.AlertDialogDescription, { children: "Alert description" })] }), (0, jsx_runtime_1.jsxs)(gui_2.AlertDialogFooter, { children: [(0, jsx_runtime_1.jsx)(gui_2.AlertDialogCancel, { children: "Cancel" }), (0, jsx_runtime_1.jsx)(gui_2.AlertDialogAction, { variant: "destructive", children: "Delete" })] })] }) }), (0, jsx_runtime_1.jsxs)(gui_2.HoverCard, { open: true, children: [(0, jsx_runtime_1.jsx)(gui_2.HoverCardTrigger, { children: "Hover card" }), (0, jsx_runtime_1.jsx)(gui_2.HoverCardContent, { children: "Hover card content" })] }), (0, jsx_runtime_1.jsxs)(gui_2.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(gui_2.ContextMenuTrigger, { children: "Context menu" }), (0, jsx_runtime_1.jsxs)(gui_2.ContextMenuContent, { children: [(0, jsx_runtime_1.jsx)(gui_2.ContextMenuLabel, { children: "Label" }), (0, jsx_runtime_1.jsx)(gui_2.ContextMenuSeparator, {}), (0, jsx_runtime_1.jsx)(gui_2.ContextMenuItem, { children: "Item" })] })] }), (0, jsx_runtime_1.jsx)(gui_2.Toaster, {})] }), (0, jsx_runtime_1.jsxs)(Section, { name: "layout", children: [(0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min: 240 }, gap: "$3", style: { width: '100%' }, "data-grid": "auto", children: [0, 1, 2, 3, 4, 5, 6].map((i) => ((0, jsx_runtime_1.jsxs)(gui_2.Card, { children: [(0, jsx_runtime_1.jsx)(gui_2.CardMedia, { ratio: 16 / 10, children: (0, jsx_runtime_1.jsx)("img", { src: SWATCH, alt: "" }) }), (0, jsx_runtime_1.jsxs)(gui_2.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(gui_2.CardTitle, { children: ["Card ", i] }), (0, jsx_runtime_1.jsx)(gui_2.CardDescription, { children: "Sized by its content, never by a pinned height." })] })] }, i))) }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min: 160, max: 4 }, gap: "$3", style: { width: '100%' }, "data-grid": "capped", children: [0, 1, 2, 3, 4, 5].map((i) => ((0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsxs)(gui_2.CardContent, { children: ["cap ", i] }) }, i))) }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: { min: 900 }, gap: "$3", style: { width: '100%' }, "data-grid": "wide", children: [(0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "wide" }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "wide" }) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: ['2fr', '1fr'], gap: "$3", style: { width: '100%' }, "data-grid": "list", children: [(0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "2fr" }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "1fr" }) })] }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: "repeat(3, 1fr)", gap: "$3", style: { width: '100%' }, "data-grid": "written", children: [(0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "a" }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "b" }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "c" }) })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', overflow: 'hidden' }, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, gap: "$3", style: { width: '100%' }, "data-grid": "fixed", children: [(0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "short" }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: (0, jsx_runtime_1.jsx)("span", { style: { whiteSpace: 'nowrap' }, children: "MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM" }) }) }), (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "short" }) })] }) }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { columns: 3, rows: 2, gap: "$3", style: { width: '100%' }, "data-grid": "cells", children: [(0, jsx_runtime_1.jsx)(grid_1.Cell, { col: 2, "data-cell": "span2", children: (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "spans two" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { row: 2, "data-cell": "rows2", children: (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "spans two rows" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { "data-cell": "plain", children: (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "one" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { row: "2 / 4", "data-cell": "rowplaced", children: (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "placed down" }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Cell, { col: "1 / -1", "data-cell": "full", children: (0, jsx_runtime_1.jsx)(gui_2.Card, { children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "the whole row" }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { "data-grid": "growth", style: { display: 'flex', alignItems: 'flex-start', gap: 12, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(gui_2.Card, { "data-card": "lean", children: (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "one line" }) }), (0, jsx_runtime_1.jsxs)(gui_2.Card, { "data-card": "fat", children: [(0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "one line" }), (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "two line" }), (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "three line" }), (0, jsx_runtime_1.jsx)(gui_2.CardContent, { children: "four line" })] })] }), (0, jsx_runtime_1.jsx)(gui_2.Card, { interactive: true, "data-card": "interactive", children: (0, jsx_runtime_1.jsx)(gui_2.CardHeader, { children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "Interactive card" }) }) }), (0, jsx_runtime_1.jsx)(gui_2.Band, { measure: 600, "data-section": "demo", children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "Section" }) }), (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { fontFamily: "$mono", "data-type": "mono", children: "1234567890" }), (0, jsx_runtime_1.jsx)(gui_2.Button, { "data-button": "block-child", children: (0, jsx_runtime_1.jsx)("span", { "data-block-child": true, style: { display: 'block', height: 119, width: 119 } }) })] }), (0, jsx_runtime_1.jsx)(Section, { name: "workbench", children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', height: 220, width: '100%', maxWidth: 880, overflowX: 'auto' }, children: (0, jsx_runtime_1.jsx)(Workbench_1.Workbench, { left: { tabs: [{ id: 'files', title: 'Files', content: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "left" }) }] }, right: {
                         tabs: [
-                            { id: 'chat', title: 'Side chat', content: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "chat" }) },
-                            { id: 'browser', title: 'Browser', content: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "browser" }) },
+                            { id: 'chat', title: 'Side chat', content: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "chat" }) },
+                            { id: 'browser', title: 'Browser', content: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "browser" }) },
                         ],
                     }, bottom: {
                         tabs: [
-                            { id: 'console', title: 'Console', closable: false, content: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "console" }) },
+                            { id: 'console', title: 'Console', closable: false, content: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "console" }) },
                         ],
-                    }, children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "center" }) }) }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "product-arrangements", children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: '100%', maxWidth: 320 }, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { width: 120 }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { width: "100%", height: 72, rounded: "$4" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton.Text, { lines: 3 })] }), (0, jsx_runtime_1.jsx)(TooltipAnchor_1.TooltipAnchor, { description: "Delete this agent", children: (0, jsx_runtime_1.jsx)(gui_1.Button, { children: "hinted" }) }), (0, jsx_runtime_1.jsx)(gui_1.Dialog, { open: true, children: (0, jsx_runtime_1.jsx)(DialogTemplate_1.DialogTemplate, { title: "Delete agent", description: "This removes every run recorded against it.", confirm: { label: 'Delete', tone: 'danger' }, children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "body" }) }) })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "chat", children: [(0, jsx_runtime_1.jsxs)(gui_1.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: [(0, jsx_runtime_1.jsxs)(chat_1.Header, { title: "A conversation with a long enough name to clamp", leading: (0, jsx_runtime_1.jsx)(chat_1.AsideToggle, {}), onOpenMenu: NOOP, children: [(0, jsx_runtime_1.jsx)(chat_1.ShareButton, {}), (0, jsx_runtime_1.jsx)(chat_1.AsideToggle, {})] }), (0, jsx_runtime_1.jsx)(gui_1.Fill, { children: (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", children: "plain Fill \u2014 the middle, without a Thread" }) }), (0, jsx_runtime_1.jsxs)(chat_1.Thread, { children: [(0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", children: "ask" }), (0, jsx_runtime_1.jsxs)(chat_1.Message, { role: "assistant", icon: (0, jsx_runtime_1.jsx)(gui_1.Spinner, {}), actions: (0, jsx_runtime_1.jsx)(gui_1.Badge, { children: "copy" }), children: [(0, jsx_runtime_1.jsx)(chat_1.Step, { name: "shell", status: "running", detail: "git status --porcelain" }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "write", status: "done", detail: "src/index.ts", defaultOpen: true, children: (0, jsx_runtime_1.jsx)(chat_1.Code, { language: "json", value: "{}", children: '{}' }) }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "fetch", status: "error", detail: "timed out", children: "plain body" }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "plan", status: "cancelled" }), (0, jsx_runtime_1.jsx)(chat_1.Code, { language: "typescript", value: "const x = 1", children: "const x = 1" }), (0, jsx_runtime_1.jsx)(chat_1.Sources, { sources: SOURCES })] }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", busy: true, children: "answering" }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", children: (0, jsx_runtime_1.jsx)(chat_1.Failure, { onRetry: NOOP, children: "The model stopped before finishing." }) }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", children: (0, jsx_runtime_1.jsx)(chat_1.Failure, { children: "Rate limited." }) }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", body: { bg: '$color5', rounded: '$3' }, children: "restyled bubble" }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "system", children: "note" })] }), (0, jsx_runtime_1.jsx)(chat_1.Composer, { value: "a draft", onChange: NOOP, onSend: NOOP, hint: "Enter to send", children: (0, jsx_runtime_1.jsx)(gui_1.Badge, { children: "tool" }) }), (0, jsx_runtime_1.jsx)(chat_1.Composer, { value: "", onChange: NOOP, onSend: NOOP, onStop: NOOP, busy: true })] }), (0, jsx_runtime_1.jsx)(gui_1.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: (0, jsx_runtime_1.jsx)(chat_1.Chat, { messages: TURNS, streaming: true, send: NOOP, stop: NOOP, composer: { placeholder: 'Ask anything' } }) }), (0, jsx_runtime_1.jsx)(gui_1.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: (0, jsx_runtime_1.jsx)(chat_1.Chat, { messages: [], send: NOOP, empty: (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "system", children: "nothing yet" }) }) }), (0, jsx_runtime_1.jsx)(chat_1.Aside, { children: (0, jsx_runtime_1.jsx)(chat_1.Sources, { sources: SOURCES }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', width: '100%', maxWidth: 260, height: 320 }, children: (0, jsx_runtime_1.jsxs)(chat_1.Sidebar, { children: [(0, jsx_runtime_1.jsx)(chat_1.SidebarHeader, { title: "Hanzo", onOpenSwitcher: NOOP, onSearch: NOOP, onCollapse: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.SidebarNewChat, { onPress: NOOP }), (0, jsx_runtime_1.jsxs)(chat_1.SidebarScroll, { children: [(0, jsx_runtime_1.jsxs)(chat_1.SidebarSection, { label: "Today", children: [(0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { active: true, onPress: NOOP, children: "Selected thread" }), (0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { onPress: NOOP, children: "Another thread" })] }), (0, jsx_runtime_1.jsx)(chat_1.SidebarFolder, { name: "Archive", defaultOpen: true, children: (0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { onPress: NOOP, children: "Nested thread" }) })] }), (0, jsx_runtime_1.jsx)(chat_1.SidebarUser, { name: "z", secondary: "z@hanzo.ai", onPress: NOOP, onHelp: NOOP })] }) })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "box", children: [(0, jsx_runtime_1.jsx)(box_1.Box, { className: "flex items-center gap-4 px-6 py-3 rounded-lg border", children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "utility classes" }) }), (0, jsx_runtime_1.jsx)(box_1.Box, { className: "flex-col gap-2 max-w-3xl mx-auto overflow-hidden", children: (0, jsx_runtime_1.jsx)(gui_1.CardTitle, { children: "column" }) })] })] }));
+                    }, children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "center" }) }) }) }), (0, jsx_runtime_1.jsxs)(Section, { name: "product-arrangements", children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: '100%', maxWidth: 320 }, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { width: 120 }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { width: "100%", height: 72, rounded: "$4" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton.Text, { lines: 3 })] }), (0, jsx_runtime_1.jsx)(TooltipAnchor_1.TooltipAnchor, { description: "Delete this agent", children: (0, jsx_runtime_1.jsx)(gui_2.Button, { children: "hinted" }) }), (0, jsx_runtime_1.jsx)(gui_2.Dialog, { open: true, children: (0, jsx_runtime_1.jsx)(DialogTemplate_1.DialogTemplate, { title: "Delete agent", description: "This removes every run recorded against it.", confirm: { label: 'Delete', tone: 'danger' }, children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "body" }) }) })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "chat", children: [(0, jsx_runtime_1.jsxs)(gui_2.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: [(0, jsx_runtime_1.jsxs)(chat_1.Header, { title: "A conversation with a long enough name to clamp", leading: (0, jsx_runtime_1.jsx)(chat_1.AsideToggle, {}), onOpenMenu: NOOP, children: [(0, jsx_runtime_1.jsx)(chat_1.ShareButton, {}), (0, jsx_runtime_1.jsx)(chat_1.AsideToggle, {})] }), (0, jsx_runtime_1.jsx)(gui_2.Fill, { children: (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", children: "plain Fill \u2014 the middle, without a Thread" }) }), (0, jsx_runtime_1.jsxs)(chat_1.Thread, { children: [(0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", children: "ask" }), (0, jsx_runtime_1.jsxs)(chat_1.Message, { role: "assistant", icon: (0, jsx_runtime_1.jsx)(gui_2.Spinner, {}), actions: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "copy" }), children: [(0, jsx_runtime_1.jsx)(chat_1.Step, { name: "shell", status: "running", detail: "git status --porcelain" }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "write", status: "done", detail: "src/index.ts", defaultOpen: true, children: (0, jsx_runtime_1.jsx)(chat_1.Code, { language: "json", value: "{}", children: '{}' }) }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "fetch", status: "error", detail: "timed out", children: "plain body" }), (0, jsx_runtime_1.jsx)(chat_1.Step, { name: "plan", status: "cancelled" }), (0, jsx_runtime_1.jsx)(chat_1.Code, { language: "typescript", value: "const x = 1", children: "const x = 1" }), (0, jsx_runtime_1.jsx)(chat_1.Sources, { sources: SOURCES })] }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", busy: true, children: "answering" }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", children: (0, jsx_runtime_1.jsx)(chat_1.Failure, { onRetry: NOOP, children: "The model stopped before finishing." }) }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "assistant", children: (0, jsx_runtime_1.jsx)(chat_1.Failure, { children: "Rate limited." }) }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "user", body: { bg: '$color5', rounded: '$3' }, children: "restyled bubble" }), (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "system", children: "note" })] }), (0, jsx_runtime_1.jsx)(chat_1.Composer, { value: "a draft", onChange: NOOP, onSend: NOOP, hint: "Enter to send", children: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "tool" }) }), (0, jsx_runtime_1.jsx)(chat_1.Composer, { value: "", onChange: NOOP, onSend: NOOP, onStop: NOOP, busy: true })] }), (0, jsx_runtime_1.jsx)(gui_2.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: (0, jsx_runtime_1.jsx)(chat_1.Chat, { messages: TURNS, streaming: true, send: NOOP, stop: NOOP, composer: { placeholder: 'Ask anything' } }) }), (0, jsx_runtime_1.jsx)(gui_2.Screen, { height: "min(72vh, 620px)", minH: 420, maxW: 720, gap: "$3", children: (0, jsx_runtime_1.jsx)(chat_1.Chat, { messages: [], send: NOOP, empty: (0, jsx_runtime_1.jsx)(chat_1.Message, { role: "system", children: "nothing yet" }) }) }), (0, jsx_runtime_1.jsx)(chat_1.Aside, { children: (0, jsx_runtime_1.jsx)(chat_1.Sources, { sources: SOURCES }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', width: '100%', maxWidth: 260, height: 320 }, children: (0, jsx_runtime_1.jsxs)(chat_1.Sidebar, { children: [(0, jsx_runtime_1.jsx)(chat_1.SidebarHeader, { title: "Hanzo", onOpenSwitcher: NOOP, onSearch: NOOP, onCollapse: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.SidebarNewChat, { onPress: NOOP }), (0, jsx_runtime_1.jsxs)(chat_1.SidebarScroll, { children: [(0, jsx_runtime_1.jsxs)(chat_1.SidebarSection, { label: "Today", children: [(0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { active: true, onPress: NOOP, children: "Selected thread" }), (0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { onPress: NOOP, children: "Another thread" })] }), (0, jsx_runtime_1.jsx)(chat_1.SidebarFolder, { name: "Archive", defaultOpen: true, children: (0, jsx_runtime_1.jsx)(chat_1.SidebarItem, { onPress: NOOP, children: "Nested thread" }) })] }), (0, jsx_runtime_1.jsx)(chat_1.SidebarUser, { name: "z", secondary: "z@hanzo.ai", onPress: NOOP, onHelp: NOOP })] }) })] }), (0, jsx_runtime_1.jsxs)(Section, { name: "box", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: 16, px: 24, py: 12, rounded: "var(--radius-lg, 0.75rem)", borderWidth: 1, children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "utility classes" }) }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: 8, maxW: 768, ml: "auto", mr: "auto", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "column" }) })] })] }));
 exports.Gallery = Gallery;
 exports.default = exports.Gallery;

package/dist/gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../src/gallery.tsx"],"names":[],"mappings":"AAqJA;;;GAGG;AACH,eAAO,MAAM,OAAO,+CA+lBnB,CAAA;eAEc,OAAO"}
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../src/gallery.tsx"],"names":[],"mappings":"AAsJA;;;GAGG;AACH,eAAO,MAAM,OAAO,+CA+lBnB,CAAA;eAEc,OAAO"}