@hanzo/ui 8.29.9 → 8.29.11

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

@@ -96,7 +96,7 @@ declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<impor
 declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
 }>, keyof import("@hanzo/gui").MenuSeparatorProps> & import("@hanzo/gui").MenuSeparatorProps & React.RefAttributes<any> & Partial<Omit<import("@hanzo/gui").NativeMenuSeparatorProps, string | number | symbol>>, "ref"> & React.RefAttributes<any>>;
-/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+/** End-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
 declare function MenubarShortcut(props: React.ComponentProps<typeof Text>): React.JSX.Element;
 declare const MenubarGroup: typeof Menu.Group;
 declare const MenubarPortal: typeof Menu.Portal;

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

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

package/dist/backends/gui/menubar.js

@@ -30,6 +30,7 @@ import * as React from 'react';
 import { Menu, Text, XStack } from '@hanzo/gui';
 import { Check, ChevronRight, Circle } from '@hanzogui/lucide-icons-2';
 import { touch } from './gesture.js';
+import { ltrText, mirror, rtl } from './dir.js';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
 import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
@@ -71,8 +72,8 @@ const row = {
 const label = { size: '$2', color: '$ink' };
 /** Trigger text style — same type scale, medium weight to read as a menu title. */
 const triggerLabel = { size: '$2', color: '$ink', fontWeight: '500' };
-/** Left indicator well shared by checkbox + radio rows. */
-const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", l: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: _jsx(Menu.ItemIndicator, { children: children }) }));
+/** Leading indicator well shared by checkbox + radio rows. */
+const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", insetInlineStart: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: _jsx(Menu.ItemIndicator, { children: children }) }));
 const MenubarContext = /* @__PURE__ */ React.createContext(null);
 /** Which menu a `MenubarMenu` is, read by its `MenubarTrigger`. */
 const MenubarMenuIdContext = /* @__PURE__ */ React.createContext(null);
@@ -101,11 +102,14 @@ function Menubar({ value, defaultValue, onValueChange, children, ...props }) {
         if (at === -1)
             return;
         event.preventDefault();
+        // The triggers read in the document's direction: under RTL the next one is
+        // to the left, so ArrowLeft moves forward.
+        const ahead = rtl(root) ? 'ArrowLeft' : 'ArrowRight';
         const next = event.key === 'Home'
             ? 0
             : event.key === 'End'
                 ? triggers.length - 1
-                : event.key === 'ArrowRight'
+                : event.key === ahead
                     ? (at + 1) % triggers.length
                     : (at - 1 + triggers.length) % triggers.length;
         triggers[next]?.focus();
@@ -146,27 +150,27 @@ const MenubarSubContent = /* @__PURE__ */ React.forwardRef(function MenubarSubCo
     return _jsx(Menu.SubContent, { ref: ref, ...slot('menubar-sub-content'), ...panel, ...props });
 });
 const MenubarItem = /* @__PURE__ */ React.forwardRef(function MenubarItem({ inset, variant = 'default', disabled, children, ...props }, ref) {
-    return (_jsx(Menu.Item, { ref: ref, ...slot('menubar-item'), "data-inset": inset, "data-variant": variant, disabled: disabled, ...row, pl: inset ? INSET_PL : ROW_PX, theme: variant === 'destructive' ? 'red' : undefined, opacity: disabled ? 0.5 : 1, cursor: disabled ? 'default' : 'pointer', ...props, children: ink(children, undefined, label) }));
+    return (_jsx(Menu.Item, { ref: ref, ...slot('menubar-item'), "data-inset": inset, "data-variant": variant, disabled: disabled, ...row, paddingInlineStart: inset ? INSET_PL : ROW_PX, theme: variant === 'destructive' ? 'red' : undefined, opacity: disabled ? 0.5 : 1, cursor: disabled ? 'default' : 'pointer', ...props, children: ink(children, undefined, label) }));
 });
 const MenubarCheckboxItem = /* @__PURE__ */ React.forwardRef(function MenubarCheckboxItem({ children, checked, ...props }, ref) {
-    return (_jsxs(Menu.CheckboxItem, { ref: ref, ...slot('menubar-checkbox-item'), checked: checked, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), ink(children, undefined, label)] }));
+    return (_jsxs(Menu.CheckboxItem, { ref: ref, ...slot('menubar-checkbox-item'), checked: checked, ...row, paddingInlineStart: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), ink(children, undefined, label)] }));
 });
 const MenubarRadioItem = /* @__PURE__ */ React.forwardRef(function MenubarRadioItem({ children, value, ...props }, ref) {
-    return (_jsxs(Menu.RadioItem, { ref: ref, ...slot('menubar-radio-item'), value: value, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), ink(children, undefined, label)] }));
+    return (_jsxs(Menu.RadioItem, { ref: ref, ...slot('menubar-radio-item'), value: value, ...row, paddingInlineStart: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), ink(children, undefined, label)] }));
 });
 const MenubarSubTrigger = /* @__PURE__ */ React.forwardRef(function MenubarSubTrigger({ inset, children, ...props }, ref) {
-    return (_jsxs(Menu.SubTrigger, { ref: ref, ...slot('menubar-sub-trigger'), "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [ink(children, undefined, label), _jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+    return (_jsxs(Menu.SubTrigger, { ref: ref, ...slot('menubar-sub-trigger'), "data-inset": inset, ...row, paddingInlineStart: inset ? INSET_PL : ROW_PX, ...props, children: [ink(children, undefined, label), _jsx(ChevronRight, { ...mirror, size: ICON, marginInlineStart: "auto", opacity: 0.6 })] }));
 });
 // ── Static rows ─────────────────────────────────────────────────────────────────
 const MenubarLabel = /* @__PURE__ */ React.forwardRef(function MenubarLabel({ inset, ...props }, ref) {
-    return (_jsx(Menu.Label, { ref: ref, ...slot('menubar-label'), "data-inset": inset, px: ROW_PX, py: 4, pl: inset ? INSET_PL : ROW_PX, fontSize: "$2", fontWeight: "500", color: "$ink", select: "none", ...props }));
+    return (_jsx(Menu.Label, { ref: ref, ...slot('menubar-label'), "data-inset": inset, px: ROW_PX, py: 4, paddingInlineStart: inset ? INSET_PL : ROW_PX, fontSize: "$2", fontWeight: "500", color: "$ink", select: "none", ...props }));
 });
 const MenubarSeparator = /* @__PURE__ */ React.forwardRef(function MenubarSeparator(props, ref) {
     return (_jsx(Menu.Separator, { ref: ref, ...slot('menubar-separator'), height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
 });
-/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+/** End-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
 function MenubarShortcut(props) {
-    return (_jsx(Text, { ...slot('menubar-shortcut'), ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$quiet", ...props }));
+    return (_jsx(Text, { ...slot('menubar-shortcut'), marginInlineStart: "auto", fontSize: "$1", letterSpacing: 1, color: "$quiet", ...props, children: ltrText(props.children) }));
 }
 // ── Passthroughs — the gui part already IS the part ─────────────────────────────
 const MenubarGroup = Menu.Group;

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

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

package/dist/backends/gui/message-dock.cjs

@@ -5,7 +5,9 @@ exports.MessageDock = MessageDock;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * MessageDock — a fixed stack of dismissable status cards, anchored to a
- * corner or edge of the viewport (`top`, `bottom`, `top-right`, `bottom-right`).
+ * corner or edge of the viewport (`top`, `bottom`, `top-end`, `bottom-end`, and
+ * the physical `top-right`, `bottom-right`). `end` is the reading edge: the
+ * right under LTR, the left under RTL.
  *
  * Unlike `Toaster` (a queue driven through an imperative `toast()` call), a
  * dock is fully controlled: the caller owns the `messages` array and decides
@@ -38,11 +40,13 @@ const DockFrame = (0, gui_1.styled)(gui_1.YStack, {
         anchor: {
             top: { t: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
             bottom: { b: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            'top-end': { t: '$4', insetInlineEnd: '$4' },
+            'bottom-end': { b: '$4', insetInlineEnd: '$4' },
             'top-right': { t: '$4', r: '$4' },
             'bottom-right': { b: '$4', r: '$4' },
         },
     },
-    defaultVariants: { anchor: 'bottom-right' },
+    defaultVariants: { anchor: 'bottom-end' },
 });
 const CardFrame = (0, gui_1.styled)(gui_1.YStack, {
     name: 'MessageDockCard',
@@ -102,10 +106,10 @@ const CardDescription = (0, gui_1.styled)(gui_1.SizableText, {
         },
     },
 });
-function MessageDock({ messages, onClose, position = 'bottom-right', ...props }) {
-    const resolved = position ?? 'bottom-right';
+function MessageDock({ messages, onClose, position = 'bottom-end', ...props }) {
+    const resolved = position ?? 'bottom-end';
     return ((0, jsx_runtime_1.jsx)(DockFrame, { ...(0, slot_1.slot)('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
             const type = message.type ?? 'default';
-            return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, pr: onClose ? CLOSE : 0, children: [(0, jsx_runtime_1.jsx)(CardTitle, { type: type, ...(0, slot_1.slot)('message-dock-card-title'), children: (0, ink_1.ink)(message.title) }), message.description ? ((0, jsx_runtime_1.jsx)(CardDescription, { type: type, ...(0, slot_1.slot)('message-dock-card-description'), children: (0, ink_1.ink)(message.description) })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...(0, gesture_1.touch)(CLOSE), position: "absolute", t: "$3", r: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })) : null] }) }, message.id));
+            return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [(0, jsx_runtime_1.jsx)(CardTitle, { type: type, ...(0, slot_1.slot)('message-dock-card-title'), children: (0, ink_1.ink)(message.title) }), message.description ? ((0, jsx_runtime_1.jsx)(CardDescription, { type: type, ...(0, slot_1.slot)('message-dock-card-description'), children: (0, ink_1.ink)(message.description) })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...(0, gesture_1.touch)(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })) : null] }) }, message.id));
         }) }));
 }

package/dist/backends/gui/message-dock.d.ts

@@ -6,9 +6,9 @@ export type MessageDockMessage = {
     title: string;
     description?: string;
 };
-export type MessageDockPosition = 'top' | 'bottom' | 'top-right' | 'bottom-right';
+export type MessageDockPosition = 'top' | 'bottom' | 'top-end' | 'bottom-end' | 'top-right' | 'bottom-right';
 declare const DockFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    anchor?: "bottom" | "bottom-right" | "top" | "top-right" | undefined;
+    anchor?: "bottom" | "bottom-end" | "bottom-right" | "top" | "top-end" | "top-right" | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;

package/dist/backends/gui/message-dock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-dock.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAM3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAA;AASjF,QAAA,MAAM,SAAS;;;;8CAmBb,CAAA;AAuEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC1G,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAyB,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAiDhG;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"message-dock.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAM3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAA;AAS5G,QAAA,MAAM,SAAS;;;;8CAqBb,CAAA;AAuEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC1G,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAuB,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAiD9F;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/message-dock.js

@@ -2,7 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * MessageDock — a fixed stack of dismissable status cards, anchored to a
- * corner or edge of the viewport (`top`, `bottom`, `top-right`, `bottom-right`).
+ * corner or edge of the viewport (`top`, `bottom`, `top-end`, `bottom-end`, and
+ * the physical `top-right`, `bottom-right`). `end` is the reading edge: the
+ * right under LTR, the left under RTL.
  *
  * Unlike `Toaster` (a queue driven through an imperative `toast()` call), a
  * dock is fully controlled: the caller owns the `messages` array and decides
@@ -35,11 +37,13 @@ const DockFrame = styled(YStack, {
         anchor: {
             top: { t: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
             bottom: { b: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            'top-end': { t: '$4', insetInlineEnd: '$4' },
+            'bottom-end': { b: '$4', insetInlineEnd: '$4' },
             'top-right': { t: '$4', r: '$4' },
             'bottom-right': { b: '$4', r: '$4' },
         },
     },
-    defaultVariants: { anchor: 'bottom-right' },
+    defaultVariants: { anchor: 'bottom-end' },
 });
 const CardFrame = styled(YStack, {
     name: 'MessageDockCard',
@@ -99,11 +103,11 @@ const CardDescription = styled(SizableText, {
         },
     },
 });
-function MessageDock({ messages, onClose, position = 'bottom-right', ...props }) {
-    const resolved = position ?? 'bottom-right';
+function MessageDock({ messages, onClose, position = 'bottom-end', ...props }) {
+    const resolved = position ?? 'bottom-end';
     return (_jsx(DockFrame, { ...slot('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
             const type = message.type ?? 'default';
-            return (_jsx(CardFrame, { ...slot('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: _jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [_jsxs(YStack, { flex: 1, pr: onClose ? CLOSE : 0, children: [_jsx(CardTitle, { type: type, ...slot('message-dock-card-title'), children: ink(message.title) }), message.description ? (_jsx(CardDescription, { type: type, ...slot('message-dock-card-description'), children: ink(message.description) })) : null] }), onClose ? (_jsx(Button, { ...slot('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...touch(CLOSE), position: "absolute", t: "$3", r: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: _jsx(X, { size: 16 }) })) : null] }) }, message.id));
+            return (_jsx(CardFrame, { ...slot('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: _jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [_jsxs(YStack, { flex: 1, paddingInlineEnd: onClose ? CLOSE : 0, children: [_jsx(CardTitle, { type: type, ...slot('message-dock-card-title'), children: ink(message.title) }), message.description ? (_jsx(CardDescription, { type: type, ...slot('message-dock-card-description'), children: ink(message.description) })) : null] }), onClose ? (_jsx(Button, { ...slot('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...touch(CLOSE), position: "absolute", t: "$3", insetInlineEnd: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: _jsx(X, { size: 16 }) })) : null] }) }, message.id));
         }) }));
 }
 export { MessageDock };

package/dist/backends/gui/message-dock.js.map

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

package/dist/backends/gui/navigation-bar.cjs

@@ -22,6 +22,7 @@ const badge_1 = require("./badge.cjs");
 const button_1 = require("./button.cjs");
 const dropdown_menu_1 = require("./dropdown-menu.cjs");
 const ink_1 = require("./ink.cjs");
+const dir_1 = require("./dir.cjs");
 const HEIGHT = 64;
 const BREADCRUMB_HEIGHT = 48;
 /** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
@@ -33,10 +34,10 @@ const IconAnchor = (0, gui_1.styled)(gui_1.YStack, { name: 'NavigationBarIconLin
 const Link = ({ item }) => item.href ? ((0, jsx_runtime_1.jsx)(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
 const Links = ({ items }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$5", items: "center", children: items.map((item) => ((0, jsx_runtime_1.jsx)(Link, { item: item }, item.href ?? item.label))) }));
 const IconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon", ...props, children: children }));
-const Avatars = ({ people, max = 3 }) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", children: [people.slice(0, max).map((p, i) => ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { ml: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: p.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ml: -8, borderWidth: 2, borderColor: "$background", children: (0, jsx_runtime_1.jsxs)(avatar_1.AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
+const Avatars = ({ people, max = 3 }) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", children: [people.slice(0, max).map((p, i) => ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { marginInlineStart: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: p.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { marginInlineStart: -8, borderWidth: 2, borderColor: "$background", children: (0, jsx_runtime_1.jsxs)(avatar_1.AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
 function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
     const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
-    return ((0, jsx_runtime_1.jsx)(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? ((0, jsx_runtime_1.jsx)(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(ListItem, { items: "center", gap: "$2", children: [i > 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 14, opacity: 0.6 }) : null, (0, jsx_runtime_1.jsx)(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => ((0, jsx_runtime_1.jsxs)(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Links, { items: leftItems }), (0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: rightItems })] })) : variant === 'dashboard' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$5', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bell, { size: 18 }) }), user ? ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: user.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Account", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Cart", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ShoppingCart, { size: 18 }) }), cartCount > 0 ? ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, right: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 18, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(contactName, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Call", onPress: onCall, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Phone, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Video call", onPress: onVideo, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Video, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Message", onPress: onMessage, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+    return ((0, jsx_runtime_1.jsx)(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? ((0, jsx_runtime_1.jsx)(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(ListItem, { items: "center", gap: "$2", children: [i > 0 ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 14, opacity: 0.6 }) : null, (0, jsx_runtime_1.jsx)(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => ((0, jsx_runtime_1.jsxs)(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Links, { items: leftItems }), (0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: rightItems })] })) : variant === 'dashboard' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$5', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bell, { size: 18 }) }), user ? ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar, { children: [(0, jsx_runtime_1.jsx)(avatar_1.AvatarImage, { src: user.avatar }), (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(logo, gui_1.SizableText, { fontWeight: '700' }), (0, jsx_runtime_1.jsx)(Links, { items: items }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Search", onPress: onSearch, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Account", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.User, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Cart", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ShoppingCart, { size: 18 }) }), cartCount > 0 ? ((0, jsx_runtime_1.jsx)(badge_1.Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(title, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Users, { size: 18, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, ink_1.ink)(contactName, gui_1.SizableText, { size: '$4', fontWeight: '600' }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", children: [(0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Call", onPress: onCall, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Phone, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Video call", onPress: onVideo, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Video, { size: 18 }) }), (0, jsx_runtime_1.jsx)(IconButton, { "aria-label": "Message", onPress: onMessage, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 })] }), items: options.map((o) => ({
                         key: o.id,
                         label: o.label,
                         description: o.description,

package/dist/backends/gui/navigation-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,eAAe,GACf,UAAU,CAAA;AAkEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,uBAAuB;IACvB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAkB,EAClB,IAAI,EACJ,KAAU,EACV,SAAc,EACd,UAAe,EACf,KAAK,EACL,IAAI,EACJ,aAAkB,EAClB,SAAa,EACb,WAAW,EACX,OAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA+IpB"}
+{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,eAAe,GACf,UAAU,CAAA;AAkEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,uBAAuB;IACvB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAkB,EAClB,IAAI,EACJ,KAAU,EACV,SAAc,EACd,UAAe,EACf,KAAK,EACL,IAAI,EACJ,aAAkB,EAClB,SAAa,EACb,WAAW,EACX,OAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA+IpB"}

package/dist/backends/gui/navigation-bar.js

@@ -19,6 +19,7 @@ import { Badge } from './badge.js';
 import { Button } from './button.js';
 import { DropdownMenu } from './dropdown-menu.js';
 import { ink } from './ink.js';
+import { mirror } from './dir.js';
 const HEIGHT = 64;
 const BREADCRUMB_HEIGHT = 48;
 /** Retag helpers — the ONE way this file swaps the host element under a gui primitive. */
@@ -30,10 +31,10 @@ const IconAnchor = styled(YStack, { name: 'NavigationBarIconLink', render: 'a' }
 const Link = ({ item }) => item.href ? (_jsx(Anchor, { ...{ href: item.href }, size: "$3", fontWeight: "500", color: "$ink", hoverStyle: { color: '$accentColor' }, children: item.label })) : (_jsx(SizableText, { size: "$3", fontWeight: "500", color: "$quiet", "aria-current": "page", children: item.label }));
 const Links = ({ items }) => (_jsx(XStack, { gap: "$5", items: "center", children: items.map((item) => (_jsx(Link, { item: item }, item.href ?? item.label))) }));
 const IconButton = ({ children, ...props }) => (_jsx(Button, { variant: "ghost", size: "icon", ...props, children: children }));
-const Avatars = ({ people, max = 3 }) => (_jsxs(XStack, { items: "center", children: [people.slice(0, max).map((p, i) => (_jsxs(Avatar, { ml: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [_jsx(AvatarImage, { src: p.avatar }), _jsx(AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? (_jsx(Avatar, { ml: -8, borderWidth: 2, borderColor: "$background", children: _jsxs(AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
+const Avatars = ({ people, max = 3 }) => (_jsxs(XStack, { items: "center", children: [people.slice(0, max).map((p, i) => (_jsxs(Avatar, { marginInlineStart: i > 0 ? -8 : 0, borderWidth: 2, borderColor: "$background", children: [_jsx(AvatarImage, { src: p.avatar }), _jsx(AvatarFallback, { children: p.name.slice(0, 1) })] }, p.name + i))), people.length > max ? (_jsx(Avatar, { marginInlineStart: -8, borderWidth: 2, borderColor: "$background", children: _jsxs(AvatarFallback, { children: ["+", people.length - max] }) })) : null] }));
 export function NavigationBar({ variant = 'simple', logo, items = [], leftItems = [], rightItems = [], title, user, collaborators = [], cartCount = 0, contactName, options = [], value, onValueChange, onSearch, onNotifications, onCall, onVideo, onMessage, children, }) {
     const height = variant === 'breadcrumb' ? BREADCRUMB_HEIGHT : HEIGHT;
-    return (_jsx(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? (_jsx(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => (_jsxs(ListItem, { items: "center", gap: "$2", children: [i > 0 ? _jsx(ChevronRight, { size: 14, opacity: 0.6 }) : null, _jsx(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? (_jsx(XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => (_jsxs(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, ink(item.label, SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? (_jsxs(_Fragment, { children: [_jsx(Links, { items: leftItems }), ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: rightItems })] })) : variant === 'dashboard' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$5', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: _jsx(Bell, { size: 18 }) }), user ? (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.avatar }), _jsx(AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Account", children: _jsx(User, { size: 18 }) }), _jsxs(XStack, { position: "relative", children: [_jsx(IconButton, { "aria-label": "Cart", children: _jsx(ShoppingCart, { size: 18 }) }), cartCount > 0 ? (_jsx(Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, right: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(Users, { size: 18, opacity: 0.6 }), _jsx(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? (_jsxs(_Fragment, { children: [ink(contactName, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Call", onPress: onCall, children: _jsx(Phone, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Video call", onPress: onVideo, children: _jsx(Video, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Message", onPress: onMessage, children: _jsx(MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { trigger: _jsxs(Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', _jsx(ChevronDown, { size: 14 })] }), items: options.map((o) => ({
+    return (_jsx(Nav, { "data-slot": "navigation-bar", "data-variant": variant, borderBottomWidth: 1, borderColor: "$borderColor", minH: height, px: "$5", items: "center", justify: "space-between", gap: "$4", children: variant === 'breadcrumb' ? (_jsx(List, { items: "center", gap: "$2", flex: 1, children: items.map((item, i) => (_jsxs(ListItem, { items: "center", gap: "$2", children: [i > 0 ? _jsx(ChevronRight, { ...mirror, size: 14, opacity: 0.6 }) : null, _jsx(Link, { item: item })] }, item.href ?? item.label))) })) : variant === 'icon' ? (_jsx(XStack, { flex: 1, items: "center", justify: "center", gap: "$6", children: items.map((item) => (_jsxs(IconAnchor, { ...{ href: item.href, title: item.label }, items: "center", gap: "$1", children: [item.icon, ink(item.label, SizableText, { size: '$1' })] }, item.href ?? item.label))) })) : variant === 'centered' ? (_jsxs(_Fragment, { children: [_jsx(Links, { items: leftItems }), ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: rightItems })] })) : variant === 'dashboard' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$5', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Notifications", onPress: onNotifications, children: _jsx(Bell, { size: 18 }) }), user ? (_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.avatar }), _jsx(AvatarFallback, { children: user.name.slice(0, 1) })] })) : null] })] })) : variant === 'ecommerce' ? (_jsxs(_Fragment, { children: [ink(logo, SizableText, { fontWeight: '700' }), _jsx(Links, { items: items }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Search", onPress: onSearch, children: _jsx(Search, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Account", children: _jsx(User, { size: 18 }) }), _jsxs(XStack, { position: "relative", children: [_jsx(IconButton, { "aria-label": "Cart", children: _jsx(ShoppingCart, { size: 18 }) }), cartCount > 0 ? (_jsx(Badge, { "data-slot": "navigation-bar-cart-count", variant: "default", style: { position: 'absolute', top: -4, insetInlineEnd: -4 }, children: cartCount })) : null] })] })] })) : variant === 'collaboration' ? (_jsxs(_Fragment, { children: [ink(title, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(Users, { size: 18, opacity: 0.6 }), _jsx(Avatars, { people: collaborators })] })] })) : variant === 'communication' ? (_jsxs(_Fragment, { children: [ink(contactName, SizableText, { size: '$4', fontWeight: '600' }), _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(IconButton, { "aria-label": "Call", onPress: onCall, children: _jsx(Phone, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Video call", onPress: onVideo, children: _jsx(Video, { size: 18 }) }), _jsx(IconButton, { "aria-label": "Message", onPress: onMessage, children: _jsx(MessageSquare, { size: 18 }) })] })] })) : variant === 'switcher' ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { trigger: _jsxs(Button, { variant: "outline", "data-slot": "navigation-bar-switcher-trigger", children: [options.find((o) => o.id === value)?.icon, options.find((o) => o.id === value)?.label ?? 'Select', _jsx(ChevronDown, { size: 14 })] }), items: options.map((o) => ({
                         key: o.id,
                         label: o.label,
                         description: o.description,

package/dist/backends/gui/navigation-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-bar.js","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigation-bar.js","sourceRoot":"","sources":["../../../src/backends/gui/navigation-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC1I,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGhE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AA+B9B,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,0FAA0F;AAC1F,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;AACpE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;AAClF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;AACtF,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAA;AAC9E,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAA;AAEjF,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAA+B,EAAE,EAAE,CACrD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,OACA,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,EACnC,IAAI,EAAC,IAAI,EACT,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YAEpC,IAAI,CAAC,KAAK,GACJ,CACV,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,kBAAc,MAAM,YACvE,IAAI,CAAC,KAAK,GACC,CACf,CAAA;AAEH,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAkC,EAAE,EAAE,CAAC,CAC3D,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,IAA+B,IAAI,EAAE,IAAI,IAAnC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAgB,CACnD,CAAC,GACK,CACV,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,GAAG,KAAK,EAKT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,KAAK,YAC1C,QAAQ,GACF,CACV,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,EAAmD,EAAE,EAAE,CAAC,CACxF,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,aACnB,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,MAAC,MAAM,IAAkB,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,aAAa,aACnG,KAAC,WAAW,IAAC,GAAG,EAAE,CAAC,CAAC,MAAM,GAAI,EAC9B,KAAC,cAAc,cAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAkB,KAF1C,CAAC,CAAC,IAAI,GAAG,CAAC,CAGd,CACV,CAAC,EACD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CACrB,KAAC,MAAM,IAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,aAAa,YACtE,MAAC,cAAc,oBAAG,MAAM,CAAC,MAAM,GAAG,GAAG,IAAkB,GAChD,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AAgCD,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,GAAG,QAAQ,EAClB,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,EAAE,EACf,KAAK,EACL,IAAI,EACJ,aAAa,GAAG,EAAE,EAClB,SAAS,GAAG,CAAC,EACb,WAAW,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,MAAM,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAA;IAEpE,OAAO,CACL,KAAC,GAAG,iBACQ,gBAAgB,kBACZ,OAAO,EACrB,iBAAiB,EAAE,CAAC,EACpB,WAAW,EAAC,cAAc,EAC1B,IAAI,EAAE,MAAM,EACZ,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,GAAG,EAAC,IAAI,YAEP,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CAC1B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,CAAC,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,QAAQ,IAA+B,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5D,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,YAAY,OAAK,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,IAAI,EACpE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,KAFP,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAG3B,CACZ,CAAC,GACG,CACR,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YACtD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,UAAU,OAEJ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAa,EACtD,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,aAEP,IAAI,CAAC,IAAI,EACT,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,KANxC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAOjB,CACd,CAAC,GACK,CACV,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAC3B,8BACE,KAAC,KAAK,IAAC,KAAK,EAAE,SAAS,GAAI,EAC1B,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAC9C,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,GAAI,IAC3B,CACJ,CAAC,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAC5B,8BACG,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAC3D,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,UAAU,kBAAY,QAAQ,EAAC,OAAO,EAAE,QAAQ,YAC/C,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACT,EACb,KAAC,UAAU,kBAAY,eAAe,EAAC,OAAO,EAAE,eAAe,YAC7D,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACP,EACZ,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,MAAM,eACL,KAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI,EACjC,KAAC,cAAc,cAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAkB,IACjD,CACV,CAAC,CAAC,CAAC,IAAI,IACD,IACR,CACJ,CAAC,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAC5B,8BACG,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAC9C,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,UAAU,kBAAY,QAAQ,EAAC,OAAO,EAAE,QAAQ,YAC/C,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACT,EACb,KAAC,UAAU,kBAAY,SAAS,YAC9B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACP,EACb,MAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,aACzB,KAAC,UAAU,kBAAY,MAAM,YAC3B,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACf,EACZ,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,iBACM,2BAA2B,EACrC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,YAE3D,SAAS,GACJ,CACT,CAAC,CAAC,CAAC,IAAI,IACD,IACF,IACR,CACJ,CAAC,CAAC,CAAC,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,CAChC,8BACG,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAC3D,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,EACjC,KAAC,OAAO,IAAC,MAAM,EAAE,aAAa,GAAI,IAC3B,IACR,CACJ,CAAC,CAAC,CAAC,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,CAChC,8BACG,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACjE,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,UAAU,kBAAY,MAAM,EAAC,OAAO,EAAE,MAAM,YAC3C,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,EACb,KAAC,UAAU,kBAAY,YAAY,EAAC,OAAO,EAAE,OAAO,YAClD,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,EACb,KAAC,UAAU,kBAAY,SAAS,EAAC,OAAO,EAAE,SAAS,YACjD,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,IACN,IACR,CACJ,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAC3B,8BACE,KAAC,YAAY,IACX,OAAO,EACL,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,eAAW,iCAAiC,aAClE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,IAAI,EACzC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,QAAQ,EACvD,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,IAClB,EAEX,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;wBACzB,GAAG,EAAE,CAAC,CAAC,EAAE;wBACT,KAAK,EAAE,CAAC,CAAC,KAAK;wBACd,WAAW,EAAE,CAAC,CAAC,WAAW;wBAC1B,IAAI,EAAE,CAAC,CAAC,IAAI;wBACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK;wBACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;qBACtC,CAAC,CAAC,GACH,EACF,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC5B,QAAQ,GACF,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAC9C,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACtB,CACJ,GACG,CACP,CAAA;AACH,CAAC"}

package/dist/backends/gui/pagination.cjs

@@ -7,6 +7,7 @@ const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const button_1 = require("./button.cjs");
 const slot_1 = require("./slot.cjs");
+const dir_1 = require("./dir.cjs");
 const ICON = 16;
 const Nav = (0, gui_1.styled)(gui_1.XStack, {
     name: 'Pagination',
@@ -34,9 +35,9 @@ exports.PaginationItem = PaginationItem;
 /** One page number, or any other stop in the trail. Renders as an anchor. */
 const PaginationLink = ({ isActive, size = 'icon', href, children, ...props }) => ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, ...(0, slot_1.slot)('pagination-link'), "data-active": isActive || undefined, "aria-current": isActive ? 'page' : undefined, variant: isActive ? 'outline' : 'ghost', size: size, ...props, children: (0, jsx_runtime_1.jsx)("a", { href: href, children: children }) }));
 exports.PaginationLink = PaginationLink;
-const PaginationPrevious = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to previous page", size: "default", gap: "$1", pl: "$2.5", ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { size: ICON }), "Previous"] }));
+const PaginationPrevious = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to previous page", size: "default", gap: "$1", paddingInlineStart: "$2.5", ...props, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronLeft, { ...dir_1.mirror, size: ICON }), "Previous"] }));
 exports.PaginationPrevious = PaginationPrevious;
-const PaginationNext = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to next page", size: "default", gap: "$1", pr: "$2.5", ...props, children: ["Next", (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON })] }));
+const PaginationNext = (props) => ((0, jsx_runtime_1.jsxs)(exports.PaginationLink, { "aria-label": "Go to next page", size: "default", gap: "$1", paddingInlineEnd: "$2.5", ...props, children: ["Next", (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: ICON })] }));
 exports.PaginationNext = PaginationNext;
 const Ellipsis = (0, gui_1.styled)(gui_1.XStack, {
     name: 'PaginationEllipsis',

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/pagination.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAKlD,QAAA,MAAM,GAAG;;;8CAKP,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;AAE9D,eAAO,MAAM,UAAU,UAAW,eAAe,sBAEhD,CAAA;AAED,QAAA,MAAM,IAAI;;;8CAMR,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEtE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAE9D,CAAA;AAED,QAAA,MAAM,IAAI;;;8CAGR,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEnE,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAExD,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE7E,6EAA6E;AAC7E,eAAO,MAAM,cAAc,iDAMxB,mBAAmB,sBAYrB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,sBAKhE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;AAEhF,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAKxD,CAAA;AAED,QAAA,MAAM,QAAQ;;;8CAOZ,CAAA;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,qFAAqF;AACrF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,sBAKhE,CAAA"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/pagination.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAMlD,QAAA,MAAM,GAAG;;;8CAKP,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;AAE9D,eAAO,MAAM,UAAU,UAAW,eAAe,sBAEhD,CAAA;AAED,QAAA,MAAM,IAAI;;;8CAMR,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEtE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAE9D,CAAA;AAED,QAAA,MAAM,IAAI;;;8CAGR,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEnE,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAExD,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE7E,6EAA6E;AAC7E,eAAO,MAAM,cAAc,iDAMxB,mBAAmB,sBAYrB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,sBAKhE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;AAEhF,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAKxD,CAAA;AAED,QAAA,MAAM,QAAQ;;;8CAOZ,CAAA;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,qFAAqF;AACrF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,sBAKhE,CAAA"}

package/dist/backends/gui/pagination.js

@@ -4,6 +4,7 @@ import { VisuallyHidden, XStack, styled } from '@hanzo/gui';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from '@hanzogui/lucide-icons-2';
 import { Button } from './button.js';
 import { slot } from './slot.js';
+import { mirror } from './dir.js';
 const ICON = 16;
 const Nav = styled(XStack, {
     name: 'Pagination',
@@ -27,8 +28,8 @@ const Item = styled(XStack, {
 export const PaginationItem = (props) => (_jsx(Item, { ...slot('pagination-item'), ...props }));
 /** One page number, or any other stop in the trail. Renders as an anchor. */
 export const PaginationLink = ({ isActive, size = 'icon', href, children, ...props }) => (_jsx(Button, { asChild: true, ...slot('pagination-link'), "data-active": isActive || undefined, "aria-current": isActive ? 'page' : undefined, variant: isActive ? 'outline' : 'ghost', size: size, ...props, children: _jsx("a", { href: href, children: children }) }));
-export const PaginationPrevious = (props) => (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", gap: "$1", pl: "$2.5", ...props, children: [_jsx(ChevronLeft, { size: ICON }), "Previous"] }));
-export const PaginationNext = (props) => (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", gap: "$1", pr: "$2.5", ...props, children: ["Next", _jsx(ChevronRight, { size: ICON })] }));
+export const PaginationPrevious = (props) => (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", gap: "$1", paddingInlineStart: "$2.5", ...props, children: [_jsx(ChevronLeft, { ...mirror, size: ICON }), "Previous"] }));
+export const PaginationNext = (props) => (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", gap: "$1", paddingInlineEnd: "$2.5", ...props, children: ["Next", _jsx(ChevronRight, { ...mirror, size: ICON })] }));
 const Ellipsis = styled(XStack, {
     name: 'PaginationEllipsis',
     render: 'span',

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

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

package/dist/backends/gui/phone-country-picker.cjs

@@ -43,7 +43,7 @@ function PhoneCountryPicker({ countries, value, defaultValue = null, onValueChan
         label: c.label,
         keywords: [c.value, c.callingCode, `+${c.callingCode}`],
         disabled: c.disabled,
-        start: ((0, jsx_runtime_1.jsx)(gui_1.XStack, { pr: "$1", children: (0, jsx_runtime_1.jsx)(Flag, { iso: c.value, override: c.flag }) })),
+        start: ((0, jsx_runtime_1.jsx)(gui_1.XStack, { paddingInlineEnd: "$1", children: (0, jsx_runtime_1.jsx)(Flag, { iso: c.value, override: c.flag }) })),
         end: `+${c.callingCode}`,
     }));
     return ((0, jsx_runtime_1.jsx)(search_list_1.SearchList, { open: shown && !disabled, onOpenChange: (next) => setShown(disabled ? false : next), options: options, value: iso, searchLabel: searchLabel, emptyLabel: emptyLabel, width: 280, onPick: (next) => {
@@ -56,5 +56,5 @@ function PhoneCountryPicker({ countries, value, defaultValue = null, onValueChan
         }, trigger: (0, jsx_runtime_1.jsxs)(search_list_1.Segment, { ...{ 'data-slot': 'phone-country-picker' }, disabled: disabled, open: shown, 
             // Named by its hidden text, not an aria-label: the flag says nothing to
             // a screen reader, and the words are the ones a translator sees.
-            gap: "$0.5", pl: "$2", pr: "$1", children: [(0, jsx_runtime_1.jsx)(Flag, { iso: picked?.value, override: picked?.flag }), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14, color: "$hint" }), (0, jsx_runtime_1.jsx)(gui_1.VisuallyHidden, { children: picked ? `${name}: ${picked.label} +${picked.callingCode}` : name })] }) }));
+            gap: "$0.5", paddingInlineStart: "$2", paddingInlineEnd: "$1", children: [(0, jsx_runtime_1.jsx)(Flag, { iso: picked?.value, override: picked?.flag }), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14, color: "$hint" }), (0, jsx_runtime_1.jsx)(gui_1.VisuallyHidden, { children: picked ? `${name}: ${picked.label} +${picked.callingCode}` : name })] }) }));
 }

package/dist/backends/gui/phone-country-picker.js

@@ -39,7 +39,7 @@ export function PhoneCountryPicker({ countries, value, defaultValue = null, onVa
         label: c.label,
         keywords: [c.value, c.callingCode, `+${c.callingCode}`],
         disabled: c.disabled,
-        start: (_jsx(XStack, { pr: "$1", children: _jsx(Flag, { iso: c.value, override: c.flag }) })),
+        start: (_jsx(XStack, { paddingInlineEnd: "$1", children: _jsx(Flag, { iso: c.value, override: c.flag }) })),
         end: `+${c.callingCode}`,
     }));
     return (_jsx(SearchList, { open: shown && !disabled, onOpenChange: (next) => setShown(disabled ? false : next), options: options, value: iso, searchLabel: searchLabel, emptyLabel: emptyLabel, width: 280, onPick: (next) => {
@@ -52,6 +52,6 @@ export function PhoneCountryPicker({ countries, value, defaultValue = null, onVa
         }, trigger: _jsxs(Segment, { ...{ 'data-slot': 'phone-country-picker' }, disabled: disabled, open: shown, 
             // Named by its hidden text, not an aria-label: the flag says nothing to
             // a screen reader, and the words are the ones a translator sees.
-            gap: "$0.5", pl: "$2", pr: "$1", children: [_jsx(Flag, { iso: picked?.value, override: picked?.flag }), _jsx(ChevronDown, { size: 14, color: "$hint" }), _jsx(VisuallyHidden, { children: picked ? `${name}: ${picked.label} +${picked.callingCode}` : name })] }) }));
+            gap: "$0.5", paddingInlineStart: "$2", paddingInlineEnd: "$1", children: [_jsx(Flag, { iso: picked?.value, override: picked?.flag }), _jsx(ChevronDown, { size: 14, color: "$hint" }), _jsx(VisuallyHidden, { children: picked ? `${name}: ${picked.label} +${picked.callingCode}` : name })] }) }));
 }
 //# sourceMappingURL=phone-country-picker.js.map

package/dist/backends/gui/phone-country-picker.js.map

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

package/dist/backends/gui/progress-ring.cjs

@@ -34,5 +34,5 @@ function ProgressRing({ value, size = 'md', barColor = 'var(--primary)', childre
     const indeterminate = value === null;
     const v = indeterminate ? 25 : Math.max(0, Math.min(100, value));
     const offset = circ * (1 - v / 100);
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('progress-ring'), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : v, "aria-label": label, "aria-labelledby": label || !children ? undefined : `${id}-label`, display: "inline-flex", items: "center", gap: "$2", shrink: 0, ...props, children: [children ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: `${id}-label`, size: "$1", color: "$ink", numberOfLines: 1, textAlign: "right", children: children })) : null, (0, jsx_runtime_1.jsxs)("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, "aria-hidden": true, "data-motion": indeterminate ? 'orbit' : undefined, style: { flexShrink: 0, transform: 'rotate(-90deg)', transformOrigin: 'center' }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: "var(--rim)", strokeWidth: STROKE }), (0, jsx_runtime_1.jsx)("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: barColor, strokeWidth: STROKE, strokeDasharray: circ, strokeDashoffset: offset, strokeLinecap: v > 0 ? 'round' : 'butt', style: { transition: 'stroke-dashoffset 300ms ease' } })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('progress-ring'), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : v, "aria-label": label, "aria-labelledby": label || !children ? undefined : `${id}-label`, display: "inline-flex", items: "center", gap: "$2", shrink: 0, ...props, children: [children ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: `${id}-label`, size: "$1", color: "$ink", numberOfLines: 1, textAlign: "end", children: children })) : null, (0, jsx_runtime_1.jsxs)("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, "aria-hidden": true, "data-motion": indeterminate ? 'orbit' : undefined, style: { flexShrink: 0, transform: 'rotate(-90deg)', transformOrigin: 'center' }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: "var(--rim)", strokeWidth: STROKE }), (0, jsx_runtime_1.jsx)("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: barColor, strokeWidth: STROKE, strokeDasharray: circ, strokeDashoffset: offset, strokeLinecap: v > 0 ? 'round' : 'butt', style: { transition: 'stroke-dashoffset 300ms ease' } })] })] }));
 }

package/dist/backends/gui/progress-ring.js

@@ -31,6 +31,6 @@ export function ProgressRing({ value, size = 'md', barColor = 'var(--primary)',
     const indeterminate = value === null;
     const v = indeterminate ? 25 : Math.max(0, Math.min(100, value));
     const offset = circ * (1 - v / 100);
-    return (_jsxs(XStack, { ...slot('progress-ring'), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : v, "aria-label": label, "aria-labelledby": label || !children ? undefined : `${id}-label`, display: "inline-flex", items: "center", gap: "$2", shrink: 0, ...props, children: [children ? (_jsx(SizableText, { id: `${id}-label`, size: "$1", color: "$ink", numberOfLines: 1, textAlign: "right", children: children })) : null, _jsxs("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, "aria-hidden": true, "data-motion": indeterminate ? 'orbit' : undefined, style: { flexShrink: 0, transform: 'rotate(-90deg)', transformOrigin: 'center' }, children: [_jsx("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: "var(--rim)", strokeWidth: STROKE }), _jsx("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: barColor, strokeWidth: STROKE, strokeDasharray: circ, strokeDashoffset: offset, strokeLinecap: v > 0 ? 'round' : 'butt', style: { transition: 'stroke-dashoffset 300ms ease' } })] })] }));
+    return (_jsxs(XStack, { ...slot('progress-ring'), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : v, "aria-label": label, "aria-labelledby": label || !children ? undefined : `${id}-label`, display: "inline-flex", items: "center", gap: "$2", shrink: 0, ...props, children: [children ? (_jsx(SizableText, { id: `${id}-label`, size: "$1", color: "$ink", numberOfLines: 1, textAlign: "end", children: children })) : null, _jsxs("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, "aria-hidden": true, "data-motion": indeterminate ? 'orbit' : undefined, style: { flexShrink: 0, transform: 'rotate(-90deg)', transformOrigin: 'center' }, children: [_jsx("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: "var(--rim)", strokeWidth: STROKE }), _jsx("circle", { cx: d / 2, cy: d / 2, r: r, fill: "none", stroke: barColor, strokeWidth: STROKE, strokeDasharray: circ, strokeDashoffset: offset, strokeLinecap: v > 0 ? 'round' : 'butt', style: { transition: 'stroke-dashoffset 300ms ease' } })] })] }));
 }
 //# sourceMappingURL=progress-ring.js.map