@hanzo/build 0.2.53 → 0.2.54

package/lib/panel.d.ts

@@ -9,10 +9,11 @@ export interface Kind {
     bleed?: boolean;
 }
 /**
- * The header's Panel button: a word beside the mark while the panel is shut on
- * a laptop, because a glyph alone was a control nobody found; the mark alone
- * below `lg`, where the header has no room for the word, and while it is open,
- * when the panel and its own close are in view (below `lg` it steps aside).
+ * The header's Panel button: an icon among the header's icons, the summary's
+ * mark rather than a sidebar's, because the window's own sidebar toggle is the
+ * one at its top-left and two of that glyph read as one control drawn twice.
+ * Its name and its keys say what it does; lit while the panel is open. Below
+ * `lg`, open, it steps aside: the panel and its own close are in view.
  */
 export declare function PanelToggle({ open, onToggle }: {
     open: boolean;

package/lib/panel.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the panel is a sheet over the page instead (`sheet`).
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ExternalLink, PanelRight, PanelRightClose, Plus, RotateCw, X } from '@hanzogui/lucide-icons-2';
+import { ExternalLink, PanelRightClose, Plus, RotateCw, TableOfContents, X } from '@hanzogui/lucide-icons-2';
 import { DropdownMenu } from '@hanzo/ui';
 import { useEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
@@ -16,13 +16,14 @@ import { address, PAGE } from './tabs.js';
 /** The shortcut, as this platform writes it. */
 const KEY = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent) ? '⌘.' : 'Ctrl+.';
 /**
- * The header's Panel button: a word beside the mark while the panel is shut on
- * a laptop, because a glyph alone was a control nobody found; the mark alone
- * below `lg`, where the header has no room for the word, and while it is open,
- * when the panel and its own close are in view (below `lg` it steps aside).
+ * The header's Panel button: an icon among the header's icons, the summary's
+ * mark rather than a sidebar's, because the window's own sidebar toggle is the
+ * one at its top-left and two of that glyph read as one control drawn twice.
+ * Its name and its keys say what it does; lit while the panel is open. Below
+ * `lg`, open, it steps aside: the panel and its own close are in view.
  */
 export function PanelToggle({ open, onToggle }) {
-    return (_jsxs(XStack, { render: "button", role: "button", "data-slot": "side-toggle", "aria-label": open ? 'Close the side panel' : 'Open the side panel', "aria-pressed": open, "aria-keyshortcuts": "Meta+Period Control+Period", ...{ title: `${open ? 'Close' : 'Open'} the side panel (${KEY})` }, onPress: onToggle, items: "center", gap: "$1.5", px: "$2", $lg: { px: open ? '$2' : '$2.5' }, "$max-lg": open ? { display: 'none' } : undefined, height: 30, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: open ? '$hover' : 'transparent', cursor: "pointer", shrink: 0, hoverStyle: { bg: '$hover' }, children: [open ? _jsx(PanelRightClose, { size: 14 }) : _jsx(PanelRight, { size: 14 }), open ? null : (_jsx(SizableText, { size: "$2", color: "$ink", "$max-lg": { display: 'none' }, children: "Panel" }))] }));
+    return (_jsx(XStack, { render: "button", role: "button", "data-slot": "side-toggle", "aria-label": open ? 'Close the side panel' : 'Open the side panel', "aria-pressed": open, "aria-keyshortcuts": "Meta+Period Control+Period", ...{ title: `${open ? 'Close' : 'Open'} the side panel (${KEY})` }, onPress: onToggle, items: "center", justify: "center", width: 32, height: 32, "$max-lg": open ? { display: 'none' } : undefined, rounded: "$3", bg: open ? '$hover' : 'transparent', cursor: "pointer", shrink: 0, hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: _jsx(TableOfContents, { size: 16 }) }));
 }
 const suffix = (s) => {
     const dot = s.lastIndexOf('.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.53",
+  "version": "0.2.54",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",