@hanzogui/demos 8.2.1 → 8.3.2

package/dist/esm/ToastDemo.js.map

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

package/dist/esm/ToastDuplicateDemo.js

@@ -0,0 +1,19 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2 } from '@hanzogui/lucide-icons-2';
+import { Toast, toast, useToasts } from '@hanzogui/toast/v2';
+import { Button, XStack, YStack } from '@hanzo/gui';
+/**
+ *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add the Toast wrapper as well.
+ */
+export const ToastDuplicateDemo = () => {
+    return (_jsxs(Toast, { children: [_jsx(Toast.Viewport, { children: _jsx(ToastList, {}) }), _jsx(YStack, { items: "center", children: _jsx(Button, { onPress: () => {
+                        toast('Successfully saved!', {
+                            description: "Don't worry... We've got your data.",
+                        });
+                    }, children: "Show toast" }) })] }));
+};
+const ToastList = () => {
+    const { toasts } = useToasts();
+    return (_jsx(_Fragment, { children: toasts.map((t, index) => (_jsx(Toast.Item, { toast: t, index: index, children: _jsxs(XStack, { gap: "$4", items: "center", children: [_jsx(YStack, { children: _jsx(CheckCircle2, {}) }), _jsxs(YStack, { children: [_jsx(Toast.Title, { children: typeof t.title === 'function' ? t.title() : t.title }), t.description && (_jsx(Toast.Description, { children: typeof t.description === 'function' ? t.description() : t.description }))] })] }) }, t.id))) }));
+};
+//# sourceMappingURL=ToastDuplicateDemo.js.map

package/dist/esm/ToastDuplicateDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastDuplicateDemo.js","sourceRoot":"","sources":["../../src/ToastDuplicateDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,CACL,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,SAAS,KAAG,GACE,EAEjB,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,YACpB,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,qBAAqB,EAAE;4BAC3B,WAAW,EAAE,qCAAqC;yBACnD,CAAC,CAAA;oBACJ,CAAC,2BAGM,GACF,IACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAE9B,OAAO,CACL,4BACG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,KAAK,CAAC,IAAI,IAAY,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,YAC3C,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC7B,KAAC,MAAM,cACL,KAAC,YAAY,KAAG,GACT,EAET,MAAC,MAAM,eACL,KAAC,KAAK,CAAC,KAAK,cACT,OAAO,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GACxC,EACb,CAAC,CAAC,WAAW,IAAI,CAChB,KAAC,KAAK,CAAC,WAAW,cACf,OAAO,CAAC,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GACpD,CACrB,IACM,IACF,IAhBM,CAAC,CAAC,EAAE,CAiBR,CACd,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/ToastV1Demo.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast, useToastController, useToastState } from '@hanzogui/toast';
+import React from 'react';
+import { Button, Label, Switch, XStack, YStack } from '@hanzo/gui';
+/**
+ *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add:
+ *    - <ToastProvider> at the root
+ *    - <ToastViewport /> where you want to show the toasts
+ */
+export const ToastV1Demo = () => {
+    const [native, setNative] = React.useState(false);
+    return (_jsxs(YStack, { gap: "$4", items: "center", children: [_jsx(ToastControl, { native: native }), _jsx(CurrentToast, {}), _jsx(NativeOptions, { native: native, setNative: setNative })] }));
+};
+const CurrentToast = () => {
+    const currentToast = useToastState();
+    if (!currentToast || currentToast.isHandledNatively)
+        return null;
+    return (_jsx(Toast, { duration: currentToast.duration, viewportName: currentToast.viewportName, enterStyle: { opacity: 0, scale: 0.95, y: -80 }, exitStyle: { opacity: 0, scale: 0.95, y: -80 }, opacity: 1, scale: 1, y: -50, transition: "quicker", bg: "$color2", boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)", children: _jsxs(XStack, { gap: "$5", items: "center", justify: "space-between", children: [_jsxs(YStack, { gap: "$0.5", flex: 1, children: [_jsx(Toast.Title, { children: currentToast.title }), !!currentToast.message && (_jsx(Toast.Description, { children: currentToast.message }))] }), _jsx(Toast.Action, { asChild: true, altText: "Dismiss toast", children: _jsx(Button, { size: "$2", children: "Dismiss" }) })] }) }, currentToast.id));
+};
+const ToastControl = ({ native }) => {
+    const toast = useToastController();
+    return (_jsxs(XStack, { gap: "$2", justify: "center", children: [_jsx(Button, { onPress: () => {
+                    toast.show('Successfully saved!', {
+                        message: "Don't worry, we've got your data.",
+                        native,
+                        demo: true,
+                    });
+                }, children: "Show" }), _jsx(Button, { onPress: () => {
+                    toast.hide();
+                }, children: "Hide" })] }));
+};
+const NativeOptions = ({ native, setNative, }) => {
+    return (_jsxs(XStack, { gap: "$3", children: [_jsx(Label, { size: "$1", onPress: () => setNative(false), children: "Custom" }), _jsx(Switch, { theme: "surface2", id: "native-toggle", size: "$1", checked: !!native, onCheckedChange: (val) => setNative(val), children: _jsx(Switch.Thumb, { theme: "accent", transition: [
+                        'quickest',
+                        {
+                            transform: {
+                                overshootClamping: true,
+                            },
+                        },
+                    ] }) }), _jsx(Label, { size: "$1", onPress: () => setNative(true), children: "Native" })] }));
+};
+//# sourceMappingURL=ToastV1Demo.js.map

package/dist/esm/ToastV1Demo.js.map

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

package/dist/esm/ToggleGroupDemo.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlignCenter, AlignLeft, AlignRight } from '@hanzogui/lucide-icons-2';
+import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from '@hanzo/gui';
+export function ToggleGroupDemo() {
+    return (_jsx(YStack, { px: "$4", children: _jsxs(XStack, { items: "center", gap: "$10", children: [_jsxs(YStack, { items: "center", gap: "$6", children: [_jsx(ToggleGroupComponent, { type: "single", orientation: "horizontal" }), _jsx(ToggleGroupComponent, { type: "multiple", orientation: "horizontal" })] }), _jsxs(XStack, { items: "center", gap: "$6", y: -28, children: [_jsx(ToggleGroupComponent, { type: "single", orientation: "vertical" }), _jsx(ToggleGroupComponent, { type: "multiple", orientation: "vertical" })] })] }) }));
+}
+function ToggleGroupComponent(props) {
+    const id = `switch-${props.type}`;
+    const Group = props.orientation === 'horizontal' ? XGroup : YGroup;
+    return (_jsxs(XStack, { flexDirection: props.orientation === 'horizontal' ? 'row' : 'column', items: "center", justify: "center", gap: "$4", children: [_jsx(Label, { pr: "$0", justify: "flex-end", size: "$4", htmlFor: id, children: props.type === 'single' ? 'Single' : 'Multiple' }), _jsx(ToggleGroup, { orientation: props.orientation, id: id, type: props.type, disableDeactivation: props.type === 'single' ? true : undefined, children: _jsxs(Group, { children: [_jsx(Group.Item, { children: _jsx(ToggleGroup.Item, { value: "left", "aria-label": "Left aligned", borderRadius: "$4", activeStyle: { backgroundColor: '$color5' }, children: _jsx(AlignLeft, { size: 16 }) }) }), _jsx(Group.Item, { children: _jsx(ToggleGroup.Item, { value: "center", "aria-label": "Center aligned", borderRadius: "$4", activeStyle: { backgroundColor: '$color5' }, children: _jsx(AlignCenter, { size: 16 }) }) }), _jsx(Group.Item, { children: _jsx(ToggleGroup.Item, { value: "right", "aria-label": "Right aligned", borderRadius: "$4", activeStyle: { backgroundColor: '$color5' }, children: _jsx(AlignRight, { size: 16 }) }) })] }) })] }));
+}
+//# sourceMappingURL=ToggleGroupDemo.js.map

package/dist/esm/ToggleGroupDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupDemo.js","sourceRoot":"","sources":["../../src/ToggleGroupDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAE/E,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,YACb,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAC9B,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,oBAAoB,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAC,YAAY,GAAG,EAC/D,KAAC,oBAAoB,IAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAC,YAAY,GAAG,IAC1D,EACT,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAE,CAAC,EAAE,aACpC,KAAC,oBAAoB,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAC,UAAU,GAAG,EAC7D,KAAC,oBAAoB,IAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,GAAG,IACxD,IACF,GACF,CACV,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAG7B;IACC,MAAM,EAAE,GAAG,UAAU,KAAK,CAAC,IAAI,EAAE,CAAA;IACjC,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAElE,OAAO,CACL,MAAC,MAAM,IACL,aAAa,EAAE,KAAK,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACpE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,GAAG,EAAC,IAAI,aAER,KAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,EAAE,YACpD,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,GAC1C,EAER,KAAC,WAAW,IACV,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,mBAAmB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAE/D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,IAAI,cACT,KAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAC,MAAM,gBACD,cAAc,EACzB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,YAE3C,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACN,GACR,EAEb,KAAC,KAAK,CAAC,IAAI,cACT,KAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAC,QAAQ,gBACH,gBAAgB,EAC3B,YAAY,EAAC,IAAI,EACjB,WAAW,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,YAE3C,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,GACR,EAEb,KAAC,KAAK,CAAC,IAAI,cACT,KAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAC,OAAO,gBACF,eAAe,EAC1B,YAAY,EAAC,IAAI,EACjB,WAAW,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,YAE3C,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACP,GACR,IACP,GACI,IACP,CACV,CAAA;AACH,CAAC"}

package/dist/esm/TokensDemo.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getConfig } from '@hanzogui/core';
+import React from 'react';
+import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from '@hanzo/gui';
+const sections = [
+    {
+        name: `Size`,
+        key: `size`,
+    },
+    {
+        name: `Space`,
+        key: 'space',
+    },
+    {
+        name: `Space (-)`,
+        key: `spaceNegative`,
+    },
+    {
+        name: `Radius`,
+        key: `radius`,
+    },
+];
+export function TokensDemo() {
+    const [section, setSection] = React.useState('size');
+    return (_jsxs(YStack, { gap: "$4", children: [_jsx(XGroup, { items: "center", self: "center", children: sections.map(({ name, key }) => {
+                    return (_jsx(XGroup.Item, { children: _jsx(Button, { size: "$3", theme: section === key ? 'accent' : null, onPress: () => setSection(key), children: name }) }, key));
+                }) }), (section === 'size' ||
+                section === 'spaceNegative' ||
+                section === 'space' ||
+                section === 'radius') && _jsx(SizeSection, { section: section })] }));
+}
+function SizeSection({ section }) {
+    const allTokens = getConfig().tokens;
+    const tokens = allTokens[section.startsWith('space') ? 'space' : section];
+    const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
+    const spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0);
+    const spaceTokensNegative = st
+        .filter((t) => Number.parseFloat(t) < 0)
+        .sort((a, b) => (Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1));
+    return (_jsxs(YStack, { flex: 1, gap: "$4", children: [_jsx(H2, { children: "Sizes" }), _jsx(YStack, { width: "100%", gap: "$2", children: (section === 'spaceNegative' ? spaceTokensNegative : spaceTokens).map((token) => {
+                    return (_jsxs(XStack, { width: "100%", items: "center", children: [_jsx(YStack, { width: "25%", children: _jsxs(H3, { size: "$6", children: ["$", token] }) }), _jsx(YStack, { width: "20%", children: _jsxs(H4, { size: "$5", children: [tokens[token]?.val, "px"] }) }), _jsx(Square, { size: tokens[token]?.val, backgroundColor: "$color5", ...(section === 'spaceNegative' && {
+                                    backgroundColor: '$red5',
+                                    size: -tokens[spaceTokensNegative.find((t) => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val,
+                                }), ...(section === 'radius' && {
+                                    size: allTokens.size[token]?.val,
+                                    borderRadius: tokens[token]?.val,
+                                }) })] }, token));
+                }) })] }));
+}
+//# sourceMappingURL=TokensDemo.js.map

package/dist/esm/TokensDemo.js.map

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

package/dist/esm/TooltipDemo.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, } from '@hanzogui/lucide-icons-2';
+import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack, } from '@hanzo/gui';
+export function TooltipDemo() {
+    return (_jsx(Theme, { name: "surface2", children: _jsx(TooltipGroup, { delay: { open: 300, close: 100 }, children: _jsxs(YStack, { gap: "$2", self: "center", children: [_jsxs(XStack, { gap: "$2", children: [_jsx(Demo, { groupId: "0", placement: "top-end", Icon: Circle }), _jsx(Demo, { groupId: "1", placement: "top", Icon: ChevronUp }), _jsx(Demo, { groupId: "2", placement: "top-start", Icon: Circle })] }), _jsxs(XStack, { gap: "$2", children: [_jsx(Demo, { groupId: "3", placement: "left", Icon: ChevronLeft }), _jsx(YStack, { flex: 1 }), _jsx(Demo, { groupId: "4", placement: "right", Icon: ChevronRight })] }), _jsxs(XStack, { gap: "$2", children: [_jsx(Demo, { groupId: "5", placement: "bottom-end", Icon: Circle }), _jsx(Demo, { groupId: "6", placement: "bottom", Icon: ChevronDown }), _jsx(Demo, { groupId: "7", placement: "bottom-start", Icon: Circle })] })] }) }) }));
+}
+function Demo({ Icon, ...props }) {
+    return (_jsxs(Tooltip, { ...props, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(Button, { icon: Icon, circular: true }) }), _jsxs(Tooltip.Content, { enterStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 }, exitStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 }, scale: 1, x: 0, y: 0, opacity: 1, py: "$2", px: "$3", transition: [
+                    'quick',
+                    {
+                        opacity: {
+                            overshootClamping: true,
+                        },
+                    },
+                ], children: [_jsx(Tooltip.Arrow, {}), _jsx(Paragraph, { size: "$2", lineHeight: "$1", children: "Hello world" })] })] }));
+}
+//# sourceMappingURL=TooltipDemo.js.map

package/dist/esm/TooltipDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipDemo.js","sourceRoot":"","sources":["../../src/TooltipDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,MAAM,GACP,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,MAAM,GACP,MAAM,YAAY,CAAA;AAEnB,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,UAAU,YACpB,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAC5C,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,aAC5B,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,MAAM,GAAI,EACtD,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,SAAS,GAAI,EACrD,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,MAAM,GAAI,IACjD,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,WAAW,GAAI,EACxD,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,GAAI,EACnB,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,YAAY,GAAI,IACnD,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,MAAM,GAAI,EACzD,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,WAAW,GAAI,EAC1D,KAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,MAAM,GAAI,IACpD,IACF,GACI,GACT,CACT,CAAA;AACH,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiC;IAC7D,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,OAAO,CAAC,OAAO,IAAC,OAAO,kBACtB,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,SAAG,GACf,EAClB,MAAC,OAAO,CAAC,OAAO,IACd,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnD,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAClD,KAAK,EAAE,CAAC,EACR,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,UAAU,EAAE;oBACV,OAAO;oBACP;wBACE,OAAO,EAAE;4BACP,iBAAiB,EAAE,IAAI;yBACxB;qBACF;iBACF,aAED,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,4BAExB,IACI,IACV,CACX,CAAA;AACH,CAAC"}

package/dist/esm/UpdateThemeDemo.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { config } from '@hanzogui/config/v3';
+import { addTheme, updateTheme } from '@hanzogui/theme';
+import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect, } from '@hanzo/gui';
+const colors = config.tokens.color;
+const colorKeys = Object.keys(colors);
+export function UpdateThemeDemo() {
+    const [theme, setTheme] = React.useState();
+    useIsomorphicLayoutEffect(() => {
+        addTheme({
+            name: 'custom',
+            insertCSS: true,
+            theme: {
+                color: 'red',
+            },
+        });
+        setTheme('custom');
+    }, []);
+    return (_jsxs(YStack, { items: "center", gap: "$4", children: [_jsx(XStack, { gap: '$5', children: _jsx(Theme, { name: theme ?? null, children: _jsx(Square, { rounded: "$8", size: 100, bg: "$color" }) }) }), _jsx(Button, { onPress: () => {
+                    const randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+                    updateTheme({
+                        name: 'custom',
+                        theme: {
+                            color: randomColor,
+                        },
+                    });
+                }, children: "Set to random color" })] }));
+}
+//# sourceMappingURL=UpdateThemeDemo.js.map

package/dist/esm/UpdateThemeDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateThemeDemo.js","sourceRoot":"","sources":["../../src/UpdateThemeDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,YAAY,CAAA;AAEnB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;AAClC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAErC,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAO,CAAA;IAE/C,yBAAyB,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC;YACP,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,IAAI;YACf,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF,CAAC,CAAA;QACF,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,MAAM,IAAC,GAAG,EAAE,IAAI,YACf,KAAC,KAAK,IAAC,IAAI,EAAE,KAAK,IAAI,IAAI,YACxB,KAAC,MAAM,IAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAC,QAAQ,GAAG,GACxC,GACD,EAET,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,WAAW,GAAG,gBAAgB,CAClC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAChE,CAAA;oBACD,WAAW,CAAC;wBACV,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE;4BACL,KAAK,EAAE,WAAW;yBACnB;qBACF,CAAC,CAAA;gBACJ,CAAC,oCAGM,IACF,CACV,CAAA;AACH,CAAC"}

package/dist/esm/WebNativeImageDemo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from '@hanzogui/image';
+export function WebNativeImageDemo() {
+    return _jsx(Image, { src: "https://picsum.photos/200/300", width: 200, height: 300 });
+}
+//# sourceMappingURL=WebNativeImageDemo.js.map

package/dist/esm/WebNativeImageDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebNativeImageDemo.js","sourceRoot":"","sources":["../../src/WebNativeImageDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,UAAU,kBAAkB;IAChC,OAAO,KAAC,KAAK,IAAC,GAAG,EAAC,+BAA+B,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,CAAA;AAC/E,CAAC"}

package/dist/esm/hanzogui.config.js

@@ -0,0 +1,5 @@
+import { config } from '@hanzogui/dev-config';
+import { createGui } from '@hanzo/gui';
+const tamaConf = createGui(config);
+export default tamaConf;
+//# sourceMappingURL=hanzogui.config.js.map

package/dist/esm/hanzogui.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hanzogui.config.js","sourceRoot":"","sources":["../../src/hanzogui.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtC,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;AAYlC,eAAe,QAAQ,CAAA"}

package/dist/esm/index.js

@@ -1,64 +1,64 @@
-export * from "./AccordionDemo.mjs";
-export * from "./AddThemeDemo.mjs";
-export * from "./AlertDialogDemo.mjs";
-export * from "./AnimationsDelayDemo.mjs";
-export * from "./AnimationsDemo.mjs";
-export * from "./AnimationsEnterDemo.mjs";
-export * from "./AnimationsHoverDemo.mjs";
-export * from "./AnimationsPresenceDemo.mjs";
-export * from "./AnimationsTimingDemo.mjs";
-export * from "./AvatarDemo.mjs";
-export * from "./BoxShadowTokenDemo.mjs";
-export * from "./BuildAButtonDemo.mjs";
-export * from "./ButtonDemo.mjs";
-export * from "./ThemeBuilderDemo.mjs";
-export * from "./CardDemo.mjs";
-export * from "./CheckboxDemo.mjs";
-export * from "./CheckboxHeadlessDemo.mjs";
-export * from "./CheckboxUnstyledDemo.mjs";
-export * from "./ColorsDemo.mjs";
-export * from "./ContextMenuDemo.mjs";
-export * from "./MenuDemo.mjs";
-export * from "./DialogDemo.mjs";
-export * from "./FormsDemo.mjs";
-export * from "./GroupDemo.mjs";
-export * from "./HeadingsDemo.mjs";
-export * from "./ImageDemo.mjs";
-export * from "./WebNativeImageDemo.mjs";
-export * from "./InputsDemo.mjs";
-export * from "./NewInputsDemo.mjs";
-export * from "./LabelDemo.mjs";
-export * from "./LinearGradientDemo.mjs";
-export * from "./ListItemDemo.mjs";
-export * from "./LucideIconsDemo.mjs";
-export * from "./PopoverDemo.mjs";
-export * from "./ProgressDemo.mjs";
-export * from "./RadioGroupDemo.mjs";
-export * from "./RadioGroupHeadlessDemo.mjs";
-export * from "./RadioGroupUnstyledDemo.mjs";
-export * from "./ReplaceThemeDemo.mjs";
-export * from "./ScrollViewDemo.mjs";
-export * from "./SelectDemo.mjs";
-export * from "./SeparatorDemo.mjs";
-export * from "./ShapesDemo.mjs";
-export * from "./SheetDemo.mjs";
-export * from "./SliderDemo.mjs";
-export * from "./SpinnerDemo.mjs";
-export * from "./StacksDemo.mjs";
-export * from "./SwitchDemo.mjs";
-export * from "./SwitchHeadlessDemo.mjs";
-export * from "./SwitchUnstyledDemo.mjs";
-export * from "./TabsAdvancedDemo.mjs";
-export * from "./TabsDemo.mjs";
-export * from "./TextDemo.mjs";
-export * from "./ThemeInverseDemo.mjs";
-export * from "./ToastDemo.mjs";
-export * from "./ToastDuplicateDemo.mjs";
-export * from "./ToastV1Demo.mjs";
-export * from "./ToggleGroupDemo.mjs";
-export * from "./TokensDemo.mjs";
-export * from "./TooltipDemo.mjs";
-export * from "./UpdateThemeDemo.mjs";
-export * from "./useOnIntersecting.mjs";
-export * from "./TabsHeadlessDemo.mjs";
-//# sourceMappingURL=index.js.map
+export * from './AccordionDemo.js';
+export * from './AddThemeDemo.js';
+export * from './AlertDialogDemo.js';
+export * from './AnimationsDelayDemo.js';
+export * from './AnimationsDemo.js';
+export * from './AnimationsEnterDemo.js';
+export * from './AnimationsHoverDemo.js';
+export * from './AnimationsPresenceDemo.js';
+export * from './AnimationsTimingDemo.js';
+export * from './AvatarDemo.js';
+export * from './BoxShadowTokenDemo.js';
+export * from './BuildAButtonDemo.js';
+export * from './ButtonDemo.js';
+export * from './ThemeBuilderDemo.js';
+export * from './CardDemo.js';
+export * from './CheckboxDemo.js';
+export * from './CheckboxHeadlessDemo.js';
+export * from './CheckboxUnstyledDemo.js';
+export * from './ColorsDemo.js';
+export * from './ContextMenuDemo.js';
+export * from './MenuDemo.js';
+export * from './DialogDemo.js';
+export * from './FormsDemo.js';
+export * from './GroupDemo.js';
+export * from './HeadingsDemo.js';
+export * from './ImageDemo.js';
+export * from './WebNativeImageDemo.js';
+export * from './InputsDemo.js';
+export * from './NewInputsDemo.js';
+export * from './LabelDemo.js';
+export * from './LinearGradientDemo.js';
+export * from './ListItemDemo.js';
+export * from './LucideIconsDemo.js';
+export * from './PopoverDemo.js';
+export * from './ProgressDemo.js';
+export * from './RadioGroupDemo.js';
+export * from './RadioGroupHeadlessDemo.js';
+export * from './RadioGroupUnstyledDemo.js';
+export * from './ReplaceThemeDemo.js';
+export * from './ScrollViewDemo.js';
+export * from './SelectDemo.js';
+export * from './SeparatorDemo.js';
+export * from './ShapesDemo.js';
+export * from './SheetDemo.js';
+export * from './SliderDemo.js';
+export * from './SpinnerDemo.js';
+export * from './StacksDemo.js';
+export * from './SwitchDemo.js';
+export * from './SwitchHeadlessDemo.js';
+export * from './SwitchUnstyledDemo.js';
+export * from './TabsAdvancedDemo.js';
+export * from './TabsDemo.js';
+export * from './TextDemo.js';
+export * from './ThemeInverseDemo.js';
+export * from './ToastDemo.js';
+export * from './ToastDuplicateDemo.js';
+export * from './ToastV1Demo.js';
+export * from './ToggleGroupDemo.js';
+export * from './TokensDemo.js';
+export * from './TooltipDemo.js';
+export * from './UpdateThemeDemo.js';
+export * from './useOnIntersecting.js';
+export * from './TabsHeadlessDemo.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAGA,cAAc,oBAAqB,CAAA;AACnC,cAAc,mBAAoB,CAAA;AAClC,cAAc,sBAAuB,CAAA;AACrC,cAAc,0BAA2B,CAAA;AACzC,cAAc,qBAAsB,CAAA;AACpC,cAAc,0BAA2B,CAAA;AACzC,cAAc,0BAA2B,CAAA;AACzC,cAAc,6BAA8B,CAAA;AAC5C,cAAc,2BAA4B,CAAA;AAC1C,cAAc,iBAAkB,CAAA;AAChC,cAAc,yBAA0B,CAAA;AACxC,cAAc,uBAAwB,CAAA;AACtC,cAAc,iBAAkB,CAAA;AAChC,cAAc,uBAAwB,CAAA;AACtC,cAAc,eAAgB,CAAA;AAC9B,cAAc,mBAAoB,CAAA;AAClC,cAAc,2BAA4B,CAAA;AAC1C,cAAc,2BAA4B,CAAA;AAC1C,cAAc,iBAAkB,CAAA;AAChC,cAAc,sBAAuB,CAAA;AACrC,cAAc,eAAgB,CAAA;AAC9B,cAAc,iBAAkB,CAAA;AAChC,cAAc,gBAAiB,CAAA;AAC/B,cAAc,gBAAiB,CAAA;AAC/B,cAAc,mBAAoB,CAAA;AAClC,cAAc,gBAAiB,CAAA;AAC/B,cAAc,yBAA0B,CAAA;AACxC,cAAc,iBAAkB,CAAA;AAChC,cAAc,oBAAqB,CAAA;AACnC,cAAc,gBAAiB,CAAA;AAC/B,cAAc,yBAA0B,CAAA;AACxC,cAAc,mBAAoB,CAAA;AAClC,cAAc,sBAAuB,CAAA;AACrC,cAAc,kBAAmB,CAAA;AACjC,cAAc,mBAAoB,CAAA;AAClC,cAAc,qBAAsB,CAAA;AACpC,cAAc,6BAA8B,CAAA;AAC5C,cAAc,6BAA8B,CAAA;AAC5C,cAAc,uBAAwB,CAAA;AACtC,cAAc,qBAAsB,CAAA;AACpC,cAAc,iBAAkB,CAAA;AAChC,cAAc,oBAAqB,CAAA;AACnC,cAAc,iBAAkB,CAAA;AAChC,cAAc,gBAAiB,CAAA;AAC/B,cAAc,iBAAkB,CAAA;AAChC,cAAc,kBAAmB,CAAA;AACjC,cAAc,iBAAkB,CAAA;AAChC,cAAc,iBAAkB,CAAA;AAChC,cAAc,yBAA0B,CAAA;AACxC,cAAc,yBAA0B,CAAA;AACxC,cAAc,uBAAwB,CAAA;AACtC,cAAc,eAAgB,CAAA;AAC9B,cAAc,eAAgB,CAAA;AAC9B,cAAc,uBAAwB,CAAA;AACtC,cAAc,gBAAiB,CAAA;AAC/B,cAAc,yBAA0B,CAAA;AACxC,cAAc,kBAAmB,CAAA;AACjC,cAAc,sBAAuB,CAAA;AACrC,cAAc,iBAAkB,CAAA;AAChC,cAAc,kBAAmB,CAAA;AACjC,cAAc,sBAAuB,CAAA;AACrC,cAAc,wBAAyB,CAAA;AACvC,cAAc,uBAAwB,CAAA"}

package/dist/esm/useOnIntersecting.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from 'react';
+import { isWeb, useEvent } from '@hanzo/gui';
+export function useIsIntersecting(refs, { once, ...opts } = {}) {
+    const [values, setValues] = useState([]);
+    useOnIntersecting(refs, (entries) => {
+        if (!isWeb)
+            return;
+        const intersecting = entries.some((x) => x?.isIntersecting);
+        if (once && !intersecting)
+            return;
+        setValues((prev) => {
+            const next = entries.map((e) => e?.isIntersecting ?? false);
+            if (prev.length === next.length && prev.every((e, i) => e === next[i])) {
+                return prev;
+            }
+            return next;
+        });
+    }, opts);
+    return (Array.isArray(refs) ? values : values[0]);
+}
+export function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
+    const onIntersectEvent = useEvent(incomingCbRaw);
+    useEffect(() => {
+        if (!isWeb)
+            return;
+        const refs = (Array.isArray(refsIn) ? refsIn : [refsIn]);
+        if (!refs.length)
+            return;
+        let dispose = null;
+        let currentEntries = [];
+        const options = {
+            threshold,
+            root,
+            rootMargin,
+        };
+        const io = new IntersectionObserver((entries) => {
+            currentEntries = refs.map((ref, index) => {
+                return (entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null);
+            });
+            dispose?.();
+            dispose = onIntersectEvent(currentEntries) || null;
+        }, options);
+        for (const ref of refs) {
+            if (ref.current) {
+                io.observe(ref.current);
+            }
+        }
+        return () => {
+            dispose?.();
+            io.disconnect();
+        };
+    }, [
+        onIntersectEvent,
+        refsIn,
+        root,
+        rootMargin,
+        threshold,
+        ...mountArgs,
+    ]);
+}
+//# sourceMappingURL=useOnIntersecting.js.map

package/dist/esm/useOnIntersecting.js.map

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