@hanzo/ui 8.27.12 → 8.27.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE-APACHE +205 -0
- package/LICENSE-MIT +21 -0
- package/LICENSE.md +5 -18
- package/NOTICE +6 -0
- package/dist/agents/ChannelMembers.cjs +10 -2
- package/dist/agents/ChannelMembers.d.ts +3 -2
- package/dist/agents/ChannelMembers.d.ts.map +1 -1
- package/dist/agents/ChannelMembers.js +10 -2
- package/dist/agents/ChannelMembers.js.map +1 -1
- package/dist/agents/ChannelNotes.cjs +10 -2
- package/dist/agents/ChannelNotes.d.ts +1 -0
- package/dist/agents/ChannelNotes.d.ts.map +1 -1
- package/dist/agents/ChannelNotes.js +10 -2
- package/dist/agents/ChannelNotes.js.map +1 -1
- package/dist/agents/DiffViewer.cjs +19 -7
- package/dist/agents/DiffViewer.d.ts +1 -0
- package/dist/agents/DiffViewer.d.ts.map +1 -1
- package/dist/agents/DiffViewer.js +19 -7
- package/dist/agents/DiffViewer.js.map +1 -1
- package/dist/agents/DirectoryModal.cjs +97 -0
- package/dist/agents/DirectoryModal.d.ts +29 -0
- package/dist/agents/DirectoryModal.d.ts.map +1 -0
- package/dist/agents/DirectoryModal.js +94 -0
- package/dist/agents/DirectoryModal.js.map +1 -0
- package/dist/agents/DriveViewer.cjs +78 -0
- package/dist/agents/DriveViewer.d.ts +30 -0
- package/dist/agents/DriveViewer.d.ts.map +1 -0
- package/dist/agents/DriveViewer.js +42 -0
- package/dist/agents/DriveViewer.js.map +1 -0
- package/dist/agents/LiveVoiceCall.cjs +55 -39
- package/dist/agents/LiveVoiceCall.d.ts +7 -7
- package/dist/agents/LiveVoiceCall.d.ts.map +1 -1
- package/dist/agents/LiveVoiceCall.js +56 -40
- package/dist/agents/LiveVoiceCall.js.map +1 -1
- package/dist/agents/MCPHub.cjs +19 -8
- package/dist/agents/MCPHub.d.ts +5 -10
- package/dist/agents/MCPHub.d.ts.map +1 -1
- package/dist/agents/MCPHub.js +19 -8
- package/dist/agents/MCPHub.js.map +1 -1
- package/dist/agents/ShortcutsSheet.cjs +34 -14
- package/dist/agents/ShortcutsSheet.d.ts +7 -6
- package/dist/agents/ShortcutsSheet.d.ts.map +1 -1
- package/dist/agents/ShortcutsSheet.js +34 -14
- package/dist/agents/ShortcutsSheet.js.map +1 -1
- package/dist/agents/SwarmBar.cjs +34 -13
- package/dist/agents/SwarmBar.d.ts +7 -8
- package/dist/agents/SwarmBar.d.ts.map +1 -1
- package/dist/agents/SwarmBar.js +34 -13
- package/dist/agents/SwarmBar.js.map +1 -1
- package/dist/agents/TerminalViewer.cjs +71 -0
- package/dist/agents/TerminalViewer.d.ts +20 -0
- package/dist/agents/TerminalViewer.d.ts.map +1 -0
- package/dist/agents/TerminalViewer.js +68 -0
- package/dist/agents/TerminalViewer.js.map +1 -0
- package/dist/agents/ThemeCustomizer.cjs +29 -6
- package/dist/agents/ThemeCustomizer.d.ts +1 -0
- package/dist/agents/ThemeCustomizer.d.ts.map +1 -1
- package/dist/agents/ThemeCustomizer.js +29 -6
- package/dist/agents/ThemeCustomizer.js.map +1 -1
- package/dist/agents/index.cjs +7 -1
- package/dist/agents/index.d.ts +3 -0
- package/dist/agents/index.d.ts.map +1 -1
- package/dist/agents/index.js +3 -0
- package/dist/agents/index.js.map +1 -1
- package/dist/backends/gui/3d-card.d.ts +8 -8
- package/dist/backends/gui/3d-marquee.d.ts +7 -8
- package/dist/backends/gui/3d-marquee.d.ts.map +1 -1
- package/dist/backends/gui/3d-pin.d.ts +1 -1
- package/dist/backends/gui/alert.d.ts +3 -3
- package/dist/backends/gui/android.d.ts +1 -1
- package/dist/backends/gui/animated-testimonials.d.ts +1 -1
- package/dist/backends/gui/animated-tooltip.d.ts +1 -1
- package/dist/backends/gui/announcement.d.ts +1 -1
- package/dist/backends/gui/banner.d.ts +1 -1
- package/dist/backends/gui/button.d.ts +9 -1
- package/dist/backends/gui/button.d.ts.map +1 -1
- package/dist/backends/gui/button.js.map +1 -1
- package/dist/backends/gui/calendar.js.map +1 -1
- package/dist/backends/gui/card.d.ts +9 -9
- package/dist/backends/gui/command.d.ts +5 -5
- package/dist/backends/gui/command.d.ts.map +1 -1
- package/dist/backends/gui/context-menu.d.ts +17 -17
- package/dist/backends/gui/context-menu.d.ts.map +1 -1
- package/dist/backends/gui/context-menu.js.map +1 -1
- package/dist/backends/gui/credit-card.d.ts +1 -1
- package/dist/backends/gui/desktop.d.ts +1 -1
- package/dist/backends/gui/dock.d.ts +3 -3
- package/dist/backends/gui/dropdown-menu.cjs +2 -2
- package/dist/backends/gui/dropdown-menu.d.ts +19 -19
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +2 -2
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/backends/gui/empty.d.ts +8 -8
- package/dist/backends/gui/field.d.ts +3 -3
- package/dist/backends/gui/gantt.d.ts +1 -1
- package/dist/backends/gui/glimpse.cjs +0 -4
- package/dist/backends/gui/glimpse.d.ts.map +1 -1
- package/dist/backends/gui/glimpse.js +0 -4
- package/dist/backends/gui/glimpse.js.map +1 -1
- package/dist/backends/gui/grid-pattern.d.ts +1 -2
- package/dist/backends/gui/grid-pattern.d.ts.map +1 -1
- package/dist/backends/gui/image-zoom.d.ts +1 -1
- package/dist/backends/gui/iphone-15-pro.d.ts +1 -1
- package/dist/backends/gui/item.d.ts +10 -10
- package/dist/backends/gui/list.d.ts +2 -2
- package/dist/backends/gui/macos-dock.d.ts +2 -2
- package/dist/backends/gui/magnetic.d.ts +1 -1
- package/dist/backends/gui/marquee.d.ts +1 -15
- package/dist/backends/gui/marquee.d.ts.map +1 -1
- package/dist/backends/gui/menu-dock.d.ts +1 -1
- package/dist/backends/gui/menubar.d.ts +18 -18
- package/dist/backends/gui/menubar.d.ts.map +1 -1
- package/dist/backends/gui/message-dock.d.ts +1 -1
- package/dist/backends/gui/motion-highlight.d.ts +1 -12
- package/dist/backends/gui/motion-highlight.d.ts.map +1 -1
- package/dist/backends/gui/order-entry.cjs +1 -10
- package/dist/backends/gui/order-entry.d.ts.map +1 -1
- package/dist/backends/gui/order-entry.js +1 -10
- package/dist/backends/gui/order-entry.js.map +1 -1
- package/dist/backends/gui/orders-history.cjs +1 -1
- package/dist/backends/gui/orders-history.js +1 -1
- package/dist/backends/gui/orders-history.js.map +1 -1
- package/dist/backends/gui/pagination.d.ts +4 -4
- package/dist/backends/gui/qr-code.d.ts +1 -2
- package/dist/backends/gui/qr-code.d.ts.map +1 -1
- package/dist/backends/gui/scroll-area.d.ts +3 -14
- package/dist/backends/gui/scroll-area.d.ts.map +1 -1
- package/dist/backends/gui/select.cjs +1 -1
- package/dist/backends/gui/select.d.ts +1 -1
- package/dist/backends/gui/select.d.ts.map +1 -1
- package/dist/backends/gui/select.js +1 -1
- package/dist/backends/gui/select.js.map +1 -1
- package/dist/backends/gui/sheet.d.ts +3 -3
- package/dist/backends/gui/sheet.d.ts.map +1 -1
- package/dist/backends/gui/status.d.ts +1 -1
- package/dist/backends/gui/table.d.ts +8 -8
- package/dist/backends/gui/toaster.d.ts +1 -15
- package/dist/backends/gui/toaster.d.ts.map +1 -1
- package/dist/backends/gui/toggle-group.cjs +3 -3
- package/dist/backends/gui/toggle-group.d.ts +1 -1
- package/dist/backends/gui/toggle-group.d.ts.map +1 -1
- package/dist/backends/gui/toggle-group.js +3 -3
- package/dist/backends/gui/toggle-group.js.map +1 -1
- package/dist/backends/gui/toggle.d.ts +1 -1
- package/dist/backends/gui/video-player.d.ts +1 -1
- package/dist/chat/Thread.d.ts +2 -8
- package/dist/chat/Thread.d.ts.map +1 -1
- package/dist/gallery.html +58 -3
- package/dist/styles/motion.css +57 -2
- package/dist/styles.css +57 -2
- package/package.json +21 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,oBAAoB,CAAA;AAG3B,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACF,OAAO,GACP,OAAO,GACP,aAAa,GACb,MAAM,GACN,cAAc,GACd,cAAc,GACd,aAAa,EACf,MAAM,CACP,CACF,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACzE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,aAAa,GAAG;QAAE,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAA;CAClE;AAED,QAAA,MAAM,OAAO,8FAGX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -97,13 +97,13 @@ function ToggleGroup({ type = 'single', value, defaultValue, onValueChange, orie
|
|
|
97
97
|
disableDeactivation,
|
|
98
98
|
}, role: type === 'single' ? 'radiogroup' : 'toolbar', orientation: orientation, disabled: disabled, flexDirection: orientation === 'vertical' ? 'column' : 'row', items: "center", gap: "$1", ...props, children: (0, jsx_runtime_1.jsx)(GroupContext.Provider, { value: { type, selected, variant, size, disabled }, children: children }) }));
|
|
99
99
|
}
|
|
100
|
-
function ToggleGroupItem({ variant, size, disabled, children, ...props }) {
|
|
100
|
+
function ToggleGroupItem({ variant, size, disabled, children, value, ...props }) {
|
|
101
101
|
const group = (0, react_1.useContext)(GroupContext);
|
|
102
102
|
const v = group.variant ?? variant ?? 'default';
|
|
103
103
|
const s = group.size ?? size ?? 'default';
|
|
104
|
-
const on = group.selected.includes(
|
|
104
|
+
const on = group.selected.includes(value);
|
|
105
105
|
const off = disabled || group.disabled;
|
|
106
|
-
return ((0, jsx_runtime_1.jsx)(gui_1.ToggleGroup.Item, { ...(0, slot_1.slot)('toggle-group-item'), "data-variant": v, "data-size": s,
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(gui_1.ToggleGroup.Item, { value: value, ...(0, slot_1.slot)('toggle-group-item'), "data-variant": v, "data-size": s,
|
|
107
107
|
// The two Radix semantics gui drops in `single` mode. `aria-pressed` is
|
|
108
108
|
// left alone for `multiple`, where gui already sets it from the same state.
|
|
109
109
|
role: group.type === 'single' ? 'radio' : undefined, "aria-checked": group.type === 'single' ? on : undefined, unstyled: true, flexDirection: "row", items: "center", justify: "center", height: HEIGHT[s], px: PAD[s], gap: "$1.5", borderWidth: 1, rounded: "$3", select: "none", disabled: off, opacity: off ? 0.5 : 1, cursor: off ? 'not-allowed' : 'pointer', focusVisibleStyle: RING, ...REST[v], activeStyle: ON[v], ...(0, gesture_1.touch)(HEIGHT[s], 44, 'y'), ...props, children: (0, ink_1.ink)(children, undefined, {
|
|
@@ -106,6 +106,6 @@ export type ToggleGroupItemProps = Omit<ComponentProps<typeof GuiToggleGroup.Ite
|
|
|
106
106
|
variant?: ToggleGroupVariant;
|
|
107
107
|
size?: ToggleGroupSize;
|
|
108
108
|
};
|
|
109
|
-
declare function ToggleGroupItem({ variant, size, disabled, children, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
|
|
109
|
+
declare function ToggleGroupItem({ variant, size, disabled, children, value, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
|
|
110
110
|
export { ToggleGroup, ToggleGroupItem };
|
|
111
111
|
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAwB,MAAM,YAAY,CAAA;AAChF,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1G,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAyDrD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC;;;;;;;;;OASG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CAC/C,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,mBAAmB,EACnB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAoClB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1C,MAAM,CACP,GAAG;IACF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAwB,MAAM,YAAY,CAAA;AAChF,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1G,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAyDrD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC;;;;;;;;;OASG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CAC/C,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,mBAAmB,EACnB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAoClB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1C,MAAM,CACP,GAAG;IACF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BA+CpG;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -93,13 +93,13 @@ function ToggleGroup({ type = 'single', value, defaultValue, onValueChange, orie
|
|
|
93
93
|
disableDeactivation,
|
|
94
94
|
}, role: type === 'single' ? 'radiogroup' : 'toolbar', orientation: orientation, disabled: disabled, flexDirection: orientation === 'vertical' ? 'column' : 'row', items: "center", gap: "$1", ...props, children: _jsx(GroupContext.Provider, { value: { type, selected, variant, size, disabled }, children: children }) }));
|
|
95
95
|
}
|
|
96
|
-
function ToggleGroupItem({ variant, size, disabled, children, ...props }) {
|
|
96
|
+
function ToggleGroupItem({ variant, size, disabled, children, value, ...props }) {
|
|
97
97
|
const group = useContext(GroupContext);
|
|
98
98
|
const v = group.variant ?? variant ?? 'default';
|
|
99
99
|
const s = group.size ?? size ?? 'default';
|
|
100
|
-
const on = group.selected.includes(
|
|
100
|
+
const on = group.selected.includes(value);
|
|
101
101
|
const off = disabled || group.disabled;
|
|
102
|
-
return (_jsx(GuiToggleGroup.Item, { ...slot('toggle-group-item'), "data-variant": v, "data-size": s,
|
|
102
|
+
return (_jsx(GuiToggleGroup.Item, { value: value, ...slot('toggle-group-item'), "data-variant": v, "data-size": s,
|
|
103
103
|
// The two Radix semantics gui drops in `single` mode. `aria-pressed` is
|
|
104
104
|
// left alone for `multiple`, where gui already sets it from the same state.
|
|
105
105
|
role: group.type === 'single' ? 'radio' : undefined, "aria-checked": group.type === 'single' ? on : undefined, unstyled: true, flexDirection: "row", items: "center", justify: "center", height: HEIGHT[s], px: PAD[s], gap: "$1.5", borderWidth: 1, rounded: "$3", select: "none", disabled: off, opacity: off ? 0.5 : 1, cursor: off ? 'not-allowed' : 'pointer', focusVisibleStyle: RING, ...REST[v], activeStyle: ON[v], ...touch(HEIGHT[s], 44, 'y'), ...props, children: ink(children, undefined, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../src/backends/gui/toggle-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ComponentProps, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
export type ToggleVariant = 'default' | 'outline';
|
|
3
3
|
export type ToggleSize = 'default' | 'sm' | 'lg';
|
|
4
|
-
declare const ToggleFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer,
|
|
4
|
+
declare const ToggleFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
|
|
5
5
|
disabled?: boolean | undefined;
|
|
6
6
|
elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
|
|
7
7
|
fullscreen?: boolean | undefined;
|
|
@@ -24,7 +24,7 @@ export type MediaSubtitleTrack = {
|
|
|
24
24
|
default?: boolean;
|
|
25
25
|
};
|
|
26
26
|
export type MediaPlayerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
27
|
-
declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer,
|
|
27
|
+
declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
|
|
28
28
|
elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
|
|
29
29
|
fullscreen?: boolean | undefined;
|
|
30
30
|
size?: "full" | "lg" | "md" | "sm" | undefined;
|
package/dist/chat/Thread.d.ts
CHANGED
|
@@ -5,14 +5,9 @@
|
|
|
5
5
|
* scrolls up. The decision is `pinned()`; this only wires it to the platform's
|
|
6
6
|
* scroll view, so momentum and keyboard stay the host's.
|
|
7
7
|
*/
|
|
8
|
-
import { ScrollView, YStack
|
|
8
|
+
import { ScrollView, YStack } from '@hanzo/gui';
|
|
9
9
|
import { type ComponentProps, type ReactNode } from 'react';
|
|
10
10
|
import { type Track } from './stick.js';
|
|
11
|
-
type Scroller = GetRef<typeof ScrollView> & {
|
|
12
|
-
scrollToEnd(o: {
|
|
13
|
-
animated: boolean;
|
|
14
|
-
}): void;
|
|
15
|
-
};
|
|
16
11
|
export interface ThreadProps extends Omit<ComponentProps<typeof ScrollView>, 'children' | 'onScroll'> {
|
|
17
12
|
children?: ReactNode;
|
|
18
13
|
/** Reading-measure cap. Pass `0` to fill the container. */
|
|
@@ -28,6 +23,5 @@ export interface ThreadProps extends Omit<ComponentProps<typeof ScrollView>, 'ch
|
|
|
28
23
|
/** The column that holds the turns, for a surface that needs to reach it. */
|
|
29
24
|
column?: Omit<ComponentProps<typeof YStack>, 'children'>;
|
|
30
25
|
}
|
|
31
|
-
export declare const Thread: import("react").ForwardRefExoticComponent<Omit<ThreadProps, "ref"> & import("react").RefAttributes<
|
|
32
|
-
export {};
|
|
26
|
+
export declare const Thread: import("react").ForwardRefExoticComponent<Omit<ThreadProps, "ref"> & import("react").RefAttributes<any>>;
|
|
33
27
|
//# sourceMappingURL=Thread.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,EAAe,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAmC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAiB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAA;AAOnD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,KAAK,IAAI,CAAA;IAC1E,6EAA6E;IAC7E,MAAM,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;CACzD;AAED,eAAO,MAAM,MAAM,0GA6DjB,CAAA"}
|
package/dist/gallery.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.27.
|
|
1
|
+
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.27.13</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
|
|
2
2
|
:root { --hanzo-ui-styles: 1; }
|
|
3
3
|
/* Hanzo Design System — the entry point. Import THIS one file.
|
|
4
4
|
*
|
|
@@ -2500,8 +2500,15 @@ a svg,
|
|
|
2500
2500
|
animation: hz-shimmer 1.2s ease-in-out infinite;
|
|
2501
2501
|
}
|
|
2502
2502
|
|
|
2503
|
-
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
2504
|
-
|
|
2503
|
+
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
2504
|
+
|
|
2505
|
+
NAMED APART FROM THE SKELETON'S. Both sheets shipped a `@keyframes hz-pulse`
|
|
2506
|
+
and `styles.css` concatenates them, so the later one — this one — won for
|
|
2507
|
+
every consumer and `.hz-pulse` animated a placeholder by RESIZING it. That is
|
|
2508
|
+
the thing theme.css's own comment forbids: "animating a colour or a size
|
|
2509
|
+
would repaint or reflow every frame for a placeholder nobody is looking at".
|
|
2510
|
+
Nothing referenced this keyframe by name, which is why it went unnoticed. */
|
|
2511
|
+
@keyframes hz-live {
|
|
2505
2512
|
0%,
|
|
2506
2513
|
100% {
|
|
2507
2514
|
opacity: 1;
|
|
@@ -2513,6 +2520,39 @@ a svg,
|
|
|
2513
2520
|
}
|
|
2514
2521
|
}
|
|
2515
2522
|
|
|
2523
|
+
/* THE TWO CLASSES THE COMPONENTS STAMP, in the sheet a host imports.
|
|
2524
|
+
`skeleton.js` emits `hz-pulse` and `input-otp.js` emits `hz-caret`, and their
|
|
2525
|
+
rules lived only in theme.css — the sheet that inlines the whole design system
|
|
2526
|
+
and which a host with its own tokens cannot take. So every host either mounted
|
|
2527
|
+
110KB it did not want or wrote these two rules by hand; hanzo.ai carried them
|
|
2528
|
+
for exactly that reason. A library that stamps a class owns its rule, and this
|
|
2529
|
+
is the sheet it owns it in. */
|
|
2530
|
+
@keyframes hz-dim {
|
|
2531
|
+
50% {
|
|
2532
|
+
opacity: 0.5;
|
|
2533
|
+
}
|
|
2534
|
+
}
|
|
2535
|
+
|
|
2536
|
+
.hz-pulse {
|
|
2537
|
+
animation: hz-dim 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
@keyframes hz-blink {
|
|
2541
|
+
0%,
|
|
2542
|
+
49% {
|
|
2543
|
+
opacity: 1;
|
|
2544
|
+
}
|
|
2545
|
+
50%,
|
|
2546
|
+
100% {
|
|
2547
|
+
opacity: 0;
|
|
2548
|
+
}
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2551
|
+
.hz-caret {
|
|
2552
|
+
background: var(--foreground);
|
|
2553
|
+
animation: hz-blink 1s steps(1) infinite;
|
|
2554
|
+
}
|
|
2555
|
+
|
|
2516
2556
|
/* Entrance for a freshly-arrived activity row (staggerless — one row at a time). */
|
|
2517
2557
|
@keyframes hz-row-in {
|
|
2518
2558
|
from {
|
|
@@ -2536,6 +2576,12 @@ a svg,
|
|
|
2536
2576
|
.hz-row-in {
|
|
2537
2577
|
animation: none;
|
|
2538
2578
|
}
|
|
2579
|
+
.hz-pulse {
|
|
2580
|
+
animation: none;
|
|
2581
|
+
}
|
|
2582
|
+
.hz-caret {
|
|
2583
|
+
animation: none;
|
|
2584
|
+
}
|
|
2539
2585
|
}
|
|
2540
2586
|
|
|
2541
2587
|
/* ── Typography + surface classes the product layer's components reference ──────
|
|
@@ -2597,6 +2643,15 @@ a svg,
|
|
|
2597
2643
|
transition: background-color 140ms ease-out;
|
|
2598
2644
|
}
|
|
2599
2645
|
|
|
2646
|
+
/* AND WHAT IT TRANSITIONS TO. Stating the transition without the destination
|
|
2647
|
+
left every host to invent the affordance — a row that announces it responds
|
|
2648
|
+
and then does not. The colour is @hanzo/design's `--surface-card-quiet`,
|
|
2649
|
+
which carries a value in both themes, so this needs nothing of the host it
|
|
2650
|
+
has not already mounted. */
|
|
2651
|
+
.hz-row:hover {
|
|
2652
|
+
background-color: var(--surface-card-quiet);
|
|
2653
|
+
}
|
|
2654
|
+
|
|
2600
2655
|
@media (prefers-reduced-motion: reduce) {
|
|
2601
2656
|
.hz-menu-in {
|
|
2602
2657
|
animation: none;
|
package/dist/styles/motion.css
CHANGED
|
@@ -114,8 +114,15 @@
|
|
|
114
114
|
animation: hz-shimmer 1.2s ease-in-out infinite;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
118
|
-
|
|
117
|
+
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
118
|
+
|
|
119
|
+
NAMED APART FROM THE SKELETON'S. Both sheets shipped a `@keyframes hz-pulse`
|
|
120
|
+
and `styles.css` concatenates them, so the later one — this one — won for
|
|
121
|
+
every consumer and `.hz-pulse` animated a placeholder by RESIZING it. That is
|
|
122
|
+
the thing theme.css's own comment forbids: "animating a colour or a size
|
|
123
|
+
would repaint or reflow every frame for a placeholder nobody is looking at".
|
|
124
|
+
Nothing referenced this keyframe by name, which is why it went unnoticed. */
|
|
125
|
+
@keyframes hz-live {
|
|
119
126
|
0%,
|
|
120
127
|
100% {
|
|
121
128
|
opacity: 1;
|
|
@@ -127,6 +134,39 @@
|
|
|
127
134
|
}
|
|
128
135
|
}
|
|
129
136
|
|
|
137
|
+
/* THE TWO CLASSES THE COMPONENTS STAMP, in the sheet a host imports.
|
|
138
|
+
`skeleton.js` emits `hz-pulse` and `input-otp.js` emits `hz-caret`, and their
|
|
139
|
+
rules lived only in theme.css — the sheet that inlines the whole design system
|
|
140
|
+
and which a host with its own tokens cannot take. So every host either mounted
|
|
141
|
+
110KB it did not want or wrote these two rules by hand; hanzo.ai carried them
|
|
142
|
+
for exactly that reason. A library that stamps a class owns its rule, and this
|
|
143
|
+
is the sheet it owns it in. */
|
|
144
|
+
@keyframes hz-dim {
|
|
145
|
+
50% {
|
|
146
|
+
opacity: 0.5;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.hz-pulse {
|
|
151
|
+
animation: hz-dim 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
@keyframes hz-blink {
|
|
155
|
+
0%,
|
|
156
|
+
49% {
|
|
157
|
+
opacity: 1;
|
|
158
|
+
}
|
|
159
|
+
50%,
|
|
160
|
+
100% {
|
|
161
|
+
opacity: 0;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.hz-caret {
|
|
166
|
+
background: var(--foreground);
|
|
167
|
+
animation: hz-blink 1s steps(1) infinite;
|
|
168
|
+
}
|
|
169
|
+
|
|
130
170
|
/* Entrance for a freshly-arrived activity row (staggerless — one row at a time). */
|
|
131
171
|
@keyframes hz-row-in {
|
|
132
172
|
from {
|
|
@@ -150,6 +190,12 @@
|
|
|
150
190
|
.hz-row-in {
|
|
151
191
|
animation: none;
|
|
152
192
|
}
|
|
193
|
+
.hz-pulse {
|
|
194
|
+
animation: none;
|
|
195
|
+
}
|
|
196
|
+
.hz-caret {
|
|
197
|
+
animation: none;
|
|
198
|
+
}
|
|
153
199
|
}
|
|
154
200
|
|
|
155
201
|
/* ── Typography + surface classes the product layer's components reference ──────
|
|
@@ -211,6 +257,15 @@
|
|
|
211
257
|
transition: background-color 140ms ease-out;
|
|
212
258
|
}
|
|
213
259
|
|
|
260
|
+
/* AND WHAT IT TRANSITIONS TO. Stating the transition without the destination
|
|
261
|
+
left every host to invent the affordance — a row that announces it responds
|
|
262
|
+
and then does not. The colour is @hanzo/design's `--surface-card-quiet`,
|
|
263
|
+
which carries a value in both themes, so this needs nothing of the host it
|
|
264
|
+
has not already mounted. */
|
|
265
|
+
.hz-row:hover {
|
|
266
|
+
background-color: var(--surface-card-quiet);
|
|
267
|
+
}
|
|
268
|
+
|
|
214
269
|
@media (prefers-reduced-motion: reduce) {
|
|
215
270
|
.hz-menu-in {
|
|
216
271
|
animation: none;
|
package/dist/styles.css
CHANGED
|
@@ -2500,8 +2500,15 @@ a svg,
|
|
|
2500
2500
|
animation: hz-shimmer 1.2s ease-in-out infinite;
|
|
2501
2501
|
}
|
|
2502
2502
|
|
|
2503
|
-
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
2504
|
-
|
|
2503
|
+
/* Live-feed pulse — the "Live" dot on a streaming panel.
|
|
2504
|
+
|
|
2505
|
+
NAMED APART FROM THE SKELETON'S. Both sheets shipped a `@keyframes hz-pulse`
|
|
2506
|
+
and `styles.css` concatenates them, so the later one — this one — won for
|
|
2507
|
+
every consumer and `.hz-pulse` animated a placeholder by RESIZING it. That is
|
|
2508
|
+
the thing theme.css's own comment forbids: "animating a colour or a size
|
|
2509
|
+
would repaint or reflow every frame for a placeholder nobody is looking at".
|
|
2510
|
+
Nothing referenced this keyframe by name, which is why it went unnoticed. */
|
|
2511
|
+
@keyframes hz-live {
|
|
2505
2512
|
0%,
|
|
2506
2513
|
100% {
|
|
2507
2514
|
opacity: 1;
|
|
@@ -2513,6 +2520,39 @@ a svg,
|
|
|
2513
2520
|
}
|
|
2514
2521
|
}
|
|
2515
2522
|
|
|
2523
|
+
/* THE TWO CLASSES THE COMPONENTS STAMP, in the sheet a host imports.
|
|
2524
|
+
`skeleton.js` emits `hz-pulse` and `input-otp.js` emits `hz-caret`, and their
|
|
2525
|
+
rules lived only in theme.css — the sheet that inlines the whole design system
|
|
2526
|
+
and which a host with its own tokens cannot take. So every host either mounted
|
|
2527
|
+
110KB it did not want or wrote these two rules by hand; hanzo.ai carried them
|
|
2528
|
+
for exactly that reason. A library that stamps a class owns its rule, and this
|
|
2529
|
+
is the sheet it owns it in. */
|
|
2530
|
+
@keyframes hz-dim {
|
|
2531
|
+
50% {
|
|
2532
|
+
opacity: 0.5;
|
|
2533
|
+
}
|
|
2534
|
+
}
|
|
2535
|
+
|
|
2536
|
+
.hz-pulse {
|
|
2537
|
+
animation: hz-dim 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
@keyframes hz-blink {
|
|
2541
|
+
0%,
|
|
2542
|
+
49% {
|
|
2543
|
+
opacity: 1;
|
|
2544
|
+
}
|
|
2545
|
+
50%,
|
|
2546
|
+
100% {
|
|
2547
|
+
opacity: 0;
|
|
2548
|
+
}
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2551
|
+
.hz-caret {
|
|
2552
|
+
background: var(--foreground);
|
|
2553
|
+
animation: hz-blink 1s steps(1) infinite;
|
|
2554
|
+
}
|
|
2555
|
+
|
|
2516
2556
|
/* Entrance for a freshly-arrived activity row (staggerless — one row at a time). */
|
|
2517
2557
|
@keyframes hz-row-in {
|
|
2518
2558
|
from {
|
|
@@ -2536,6 +2576,12 @@ a svg,
|
|
|
2536
2576
|
.hz-row-in {
|
|
2537
2577
|
animation: none;
|
|
2538
2578
|
}
|
|
2579
|
+
.hz-pulse {
|
|
2580
|
+
animation: none;
|
|
2581
|
+
}
|
|
2582
|
+
.hz-caret {
|
|
2583
|
+
animation: none;
|
|
2584
|
+
}
|
|
2539
2585
|
}
|
|
2540
2586
|
|
|
2541
2587
|
/* ── Typography + surface classes the product layer's components reference ──────
|
|
@@ -2597,6 +2643,15 @@ a svg,
|
|
|
2597
2643
|
transition: background-color 140ms ease-out;
|
|
2598
2644
|
}
|
|
2599
2645
|
|
|
2646
|
+
/* AND WHAT IT TRANSITIONS TO. Stating the transition without the destination
|
|
2647
|
+
left every host to invent the affordance — a row that announces it responds
|
|
2648
|
+
and then does not. The colour is @hanzo/design's `--surface-card-quiet`,
|
|
2649
|
+
which carries a value in both themes, so this needs nothing of the host it
|
|
2650
|
+
has not already mounted. */
|
|
2651
|
+
.hz-row:hover {
|
|
2652
|
+
background-color: var(--surface-card-quiet);
|
|
2653
|
+
}
|
|
2654
|
+
|
|
2600
2655
|
@media (prefers-reduced-motion: reduce) {
|
|
2601
2656
|
.hz-menu-in {
|
|
2602
2657
|
animation: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.27.
|
|
3
|
+
"version": "8.27.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|
|
@@ -242,8 +242,10 @@
|
|
|
242
242
|
],
|
|
243
243
|
"files": [
|
|
244
244
|
"dist",
|
|
245
|
+
"LICENSE.md",
|
|
245
246
|
"LICENSE-APACHE",
|
|
246
|
-
"LICENSE-MIT"
|
|
247
|
+
"LICENSE-MIT",
|
|
248
|
+
"NOTICE"
|
|
247
249
|
],
|
|
248
250
|
"dependencies": {
|
|
249
251
|
"@hanzo/appearance": "0.2.2",
|
|
@@ -252,7 +254,7 @@
|
|
|
252
254
|
"@hanzo/font": "1.9.2",
|
|
253
255
|
"@hanzo/logo": "1.0.26",
|
|
254
256
|
"@hanzo/products": "0.2.6",
|
|
255
|
-
"react-native-svg": "
|
|
257
|
+
"react-native-svg": "^15.15.5",
|
|
256
258
|
"react-native-web": "^0.21.2",
|
|
257
259
|
"@icons-pack/react-simple-icons": "^13.15.1"
|
|
258
260
|
},
|
|
@@ -261,14 +263,14 @@
|
|
|
261
263
|
"@hanzo/cd": ">=0.1.2",
|
|
262
264
|
"@hanzo/dashboard": ">=0.2.0",
|
|
263
265
|
"@hanzo/data": ">=1.2.4",
|
|
264
|
-
"@hanzo/gui": "
|
|
266
|
+
"@hanzo/gui": "^8.3.5",
|
|
265
267
|
"@hanzo/usage": ">=0.1.13",
|
|
266
|
-
"@hanzogui/animations-css": "8.3.
|
|
267
|
-
"@hanzogui/config": "8.3.
|
|
268
|
-
"@hanzogui/lucide-icons-2": "8.3.
|
|
269
|
-
"@hanzogui/next-theme": "8.3.
|
|
270
|
-
"@hanzogui/telemetry": "8.3.
|
|
271
|
-
"@hanzogui/toast": "8.3.
|
|
268
|
+
"@hanzogui/animations-css": "^8.3.5",
|
|
269
|
+
"@hanzogui/config": "^8.3.5",
|
|
270
|
+
"@hanzogui/lucide-icons-2": "^8.3.5",
|
|
271
|
+
"@hanzogui/next-theme": "^8.3.5",
|
|
272
|
+
"@hanzogui/telemetry": "^8.3.5",
|
|
273
|
+
"@hanzogui/toast": "^8.3.5",
|
|
272
274
|
"next": ">=16.3.3",
|
|
273
275
|
"next-themes": ">=0",
|
|
274
276
|
"react": ">=19.2.8",
|
|
@@ -305,16 +307,16 @@
|
|
|
305
307
|
"@hanzo/cd": "0.1.2",
|
|
306
308
|
"@hanzo/dashboard": "0.2.0",
|
|
307
309
|
"@hanzo/data": "1.2.4",
|
|
308
|
-
"@hanzo/gui": "8.3.
|
|
310
|
+
"@hanzo/gui": "8.3.5",
|
|
309
311
|
"@hanzo/usage": "0.1.7",
|
|
310
|
-
"@hanzogui/animations-css": "8.3.
|
|
311
|
-
"@hanzogui/config": "8.3.
|
|
312
|
-
"@hanzogui/core": "8.3.
|
|
313
|
-
"@hanzogui/lucide-icons-2": "8.3.
|
|
314
|
-
"@hanzogui/next-theme": "8.3.
|
|
315
|
-
"@hanzogui/telemetry": "8.3.
|
|
316
|
-
"@hanzogui/toast": "8.3.
|
|
317
|
-
"@hanzogui/web": "8.3.
|
|
312
|
+
"@hanzogui/animations-css": "8.3.5",
|
|
313
|
+
"@hanzogui/config": "8.3.5",
|
|
314
|
+
"@hanzogui/core": "8.3.5",
|
|
315
|
+
"@hanzogui/lucide-icons-2": "8.3.5",
|
|
316
|
+
"@hanzogui/next-theme": "8.3.5",
|
|
317
|
+
"@hanzogui/telemetry": "8.3.5",
|
|
318
|
+
"@hanzogui/toast": "8.3.5",
|
|
319
|
+
"@hanzogui/web": "8.3.5",
|
|
318
320
|
"@playwright/test": "^1.62.1",
|
|
319
321
|
"@types/node": "26.4.0",
|
|
320
322
|
"@types/react": "19.2.18",
|