@hanzogui/demos 8.2.1 → 8.3.2

package/types/index.d.ts

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

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA"}

package/types/useOnIntersecting.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+type DisposeFn = () => void;
+type IntersectCallback = (props: (IntersectionObserverEntry | null)[], didResize?: boolean) => DisposeFn | void | null;
+type HTMLRef = RefObject<HTMLElement | null>;
+export declare function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(refs: Ref, { once, ...opts }?: IntersectionObserverInit & {
+    once?: boolean;
+}): Ref extends any[] ? boolean[] : boolean;
+export declare function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(refsIn: Ref, incomingCbRaw: IntersectCallback, { threshold, root, rootMargin }?: IntersectionObserverInit, mountArgs?: any[]): void;
+export {};
+//# sourceMappingURL=useOnIntersecting.d.ts.map

package/types/useOnIntersecting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnIntersecting.d.ts","sourceRoot":"","sources":["../src/useOnIntersecting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,KAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAE3B,KAAK,iBAAiB,GAAG,CACvB,KAAK,EAAE,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAC3C,SAAS,CAAC,EAAE,OAAO,KAChB,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5B,KAAK,OAAO,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;AAE5C,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,IAAI,EAAE,GAAG,EACT,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAE,wBAAwB,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,GAAG,SAAS,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAqBzC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,MAAM,EAAE,GAAG,EACX,aAAa,EAAE,iBAAiB,EAChC,EAAE,SAAa,EAAE,IAAI,EAAE,UAAU,EAAE,GAAE,wBAA6B,EAClE,SAAS,GAAE,GAAG,EAAO,QA6CtB"}

package/dist/cjs/AccordionDemo.cjs

@@ -1,113 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AccordionDemo_exports = {};
-__export(AccordionDemo_exports, {
-  AccordionDemo: () => AccordionDemo
-});
-module.exports = __toCommonJS(AccordionDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AccordionDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion, {
-    overflow: "hidden",
-    width: "$20",
-    type: "multiple",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
-      value: "a1",
-      mb: -1,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
-        flexDirection: "row",
-        justify: "space-between",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: ({
-          open
-        }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "1. Take a cold shower"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-            transparent: true,
-            transition: "quick",
-            rotate: open ? "180deg" : "0deg",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-              size: "$1",
-              color: "$color"
-            })
-          })]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
-        transition: "300ms",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
-          transition: "300ms",
-          exitStyle: {
-            opacity: 0
-          },
-          borderWidth: 1,
-          borderTopWidth: 0,
-          borderColor: "$borderColor",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
-          })
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
-      value: "a2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
-        flexDirection: "row",
-        justify: "space-between",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: ({
-          open
-        }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "2. Eat 4 eggs"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-            transparent: true,
-            transition: "quick",
-            rotate: open ? "180deg" : "0deg",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-              size: "$1",
-              color: "$color"
-            })
-          })]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
-        transition: "300ms",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
-          transition: "300ms",
-          exitStyle: {
-            opacity: 0
-          },
-          borderWidth: 1,
-          borderTopWidth: 0,
-          borderColor: "$borderColor",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
-          })
-        })
-      })]
-    })]
-  });
-}

package/dist/cjs/AccordionDemo.native.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AccordionDemo_exports = {};
-__export(AccordionDemo_exports, {
-  AccordionDemo: () => AccordionDemo
-});
-module.exports = __toCommonJS(AccordionDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-function AccordionDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion, {
-    overflow: "hidden",
-    width: "$20",
-    type: "multiple",
-    children: [/* negative margin prevents double border between items */
-    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
-      value: "a1",
-      mb: -1,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
-        flexDirection: "row",
-        justify: "space-between",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: function (param) {
-          var {
-            open
-          } = param;
-          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-              children: "1. Take a cold shower"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-              transparent: true,
-              transition: "quick",
-              rotate: open ? "180deg" : "0deg",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-                size: "$1",
-                color: "$color"
-              })
-            })]
-          });
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
-        transition: "300ms",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
-          transition: "300ms",
-          exitStyle: {
-            opacity: 0
-          },
-          borderWidth: 1,
-          borderTopWidth: 0,
-          borderColor: "$borderColor",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
-          })
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
-      value: "a2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
-        flexDirection: "row",
-        justify: "space-between",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: function (param) {
-          var {
-            open
-          } = param;
-          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-              children: "2. Eat 4 eggs"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-              transparent: true,
-              transition: "quick",
-              rotate: open ? "180deg" : "0deg",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-                size: "$1",
-                color: "$color"
-              })
-            })]
-          });
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
-        transition: "300ms",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
-          transition: "300ms",
-          exitStyle: {
-            opacity: 0
-          },
-          borderWidth: 1,
-          borderTopWidth: 0,
-          borderColor: "$borderColor",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
-          })
-        })
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=AccordionDemo.native.js.map

package/dist/cjs/AccordionDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AccordionDemo_exports","__export","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsxs","Accordion","overflow","width","type","children","Item","mb","jsx","Trigger","flexDirection","justify","borderWidth","borderColor","param","open","Fragment","Paragraph","Square","transparent","transition","rotate","ChevronDown","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,qBAAA;AAC5B,IAAAK,kBAA6C,GAAAC,OAAA;AAcjC,IAAAC,qBAAA,GAAAD,OAAA;AAZL,IAAAE,UAAS,GAAAF,OAAA,CAAgB;AAC9B,SACEJ,cAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAE,SAAU,EAAV;IACCC,QAAA;IAAAC,KAAC;IAAUC,IAAV;IAAAC,QACC,GAAc;IACN,eACR,CAAa,GAAAT,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,SAAA,CAAAK,IAAA;MAAAhB,KACb;MAAYiB,EAEX;MAEGF,QAAA,GAAgC,eAChC,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAE,SAAA,CAAAQ,OAAO;QAERC,aACF;QAAAC,OAAA;QAEJC,WAAA;QACAC,WAAA;QACGR,QAAA,WAAAA,CAAUS,KAAA;UAAV;YAAAC;UAAA,IAAAD,KAAA;UACC,sBAAW,IAAAlB,kBAAA,CAAAI,IAAA,EAAAJ,kBAAA,CAAAoB,QAAA;YACXX,QAAa,GACb,eAAa,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAkB,SAAA;cACbZ,QAAgB;YAChB,IAEA,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAmB,MAAA;cAGDC,WAAA;cAEJC,UAAA;cACFC,MAAA,EAAAN,IAAA;cAEAV,QAAA,qBAACT,kBAAA,CAAAY,GAAU,EAAAV,qBACT,CAAAwB,WAAA;gBAAAC,IAAA;gBAACC,KAAA,EAAU;cAAV;YACC;UAEA;QACA;MAEC,IAEG,mBAAA5B,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAE,SAAA,CAAAwB,cAAU;QACXL,UAAA;QAEAf,QACF,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAE,SAAA,CAAAyB,OAAA;UAAAN,UAAA;UAEJO,SAAA;YACAC,OAAA;UACG;UAAAhB,WAAA;UACCiB,cAAW;UACXhB,WAAa,gBAAW;UACxBR,QAAA,EAAa,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAkB,SAAA;YACbZ,QAAA,EAAgB;UAChB;QAEA;MAGA;IAEJ,CACF,GACF,mBAAAT,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,SAAA,CAAAK,IAAA;MAEJhB,KAAA","ignoreList":[]}

package/dist/cjs/AddThemeDemo.cjs

@@ -1,74 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AddThemeDemo_exports = {};
-__export(AddThemeDemo_exports, {
-  AddThemeDemo: () => AddThemeDemo
-});
-module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_theme = require("@hanzogui/theme");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AddThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
-      children: ["Theme: ", theme ?? "none"]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-      name: theme ?? "red",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
-        rounded: "$8",
-        width: 100,
-        height: 100,
-        bg: "$color"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      disabled: theme === "superblue",
-      onPress: () => {
-        (0, import_theme.addTheme)({
-          name: "superblue",
-          insertCSS: true,
-          theme: {
-            background: "#000",
-            color: "blue"
-          }
-        });
-        setTheme("superblue");
-      },
-      children: "Add superblue theme"
-    })]
-  });
-}

package/dist/cjs/AddThemeDemo.native.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AddThemeDemo_exports = {};
-__export(AddThemeDemo_exports, {
-  AddThemeDemo: () => AddThemeDemo
-});
-module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_theme = require("@hanzogui/theme");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-function AddThemeDemo() {
-  var [theme, setTheme] = import_react.default.useState();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
-      children: ["Theme: ", theme !== null && theme !== void 0 ? theme : "none"]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-      name: theme !== null && theme !== void 0 ? theme : "red",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
-        rounded: "$8",
-        width: 100,
-        height: 100,
-        bg: "$color"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      disabled: theme === "superblue",
-      onPress: function () {
-        (0, import_theme.addTheme)({
-          name: "superblue",
-          insertCSS: true,
-          theme: {
-            background: "#000",
-            color: "blue"
-          }
-        });
-        setTheme("superblue");
-      },
-      children: "Add superblue theme"
-    })]
-  });
-}
-//# sourceMappingURL=AddThemeDemo.native.js.map

package/dist/cjs/AddThemeDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AddThemeDemo_exports","__export","AddThemeDemo","module","exports","import_jsx_runtime","require","import_theme","import_react","__toESM","import_gui","theme","setTheme","default","useState","jsxs","YStack","items","gap","children","H3","jsx","Theme","name","View","rounded","width","height","bg","Button","disabled","onPress","addTheme","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,oBAAA;AACzB,IAAAK,kBAAkB,GAAAC,OAAA;AAElB,IAAAC,YAAA,GAAgDD,OAAA;AAO1C,IAAAE,YAAA,GAAAC,OAAA,CAAAH,OAAA;AALC,IAAAI,UAAS,GAAAJ,OAAe;AAC7B,SAAOJ,YAAOA,CAAA,EAAQ;EAEtB,KAAAS,KACE,EAAAC,QAAA,IAAAJ,YAAA,CAAAK,OAAA,CAAAC,QAAC;EACC,0BAAAT,kBAAA,CAAAU,IAAC,EAAAL,UAAA,CAAAM,MAAG;IAAAC,KAAA;IAAAC,GAAQ;IAASC,QAAO,GAE5B,mBAAAd,kBAAA,CAAAU,IAAC,EAAAL,UAAA,CAAAU,EAAA;MAIDD,QAAA,GAAC,WAAAR,KAAA,aAAAA,KAAA,cAAAA,KAAA;IACqB,EACpB,EACE,mBAAAN,kBAAS,CAAAgB,GAAA,EAAAX,UAAA,CAAAY,KAAA;MAAAC,IACP,EAAAZ,KAAM,aAAAA,KAAA,cAAAA,KAAA;MAAAQ,QACN,iBAAW,IAAAd,kBAAA,CAAAgB,GAAA,EAAAX,UAAA,CAAAc,IAAA;QAAAC,OACX,EAAO;QAAAC,KACL;QAAYC,MACZ,KAAO;QAAAC,EACT;MAAA;IAEF,IAAoB,eACtB,IAAAvB,kBAAA,CAAAgB,GAAA,EAAAX,UAAA,CAAAmB,MAAA;MACDC,QAAA,EAAAnB,KAAA;MAAAoB,OAAA,WAAAA,CAAA;QAED,IAAAxB,YAAA,CAAAyB,QAAA;UACFT,IAAA;UAEJU,SAAA","ignoreList":[]}

package/dist/cjs/AlertDialogDemo.cjs

@@ -1,98 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var AlertDialogDemo_exports = {};
-__export(AlertDialogDemo_exports, {
-  AlertDialogDemo: () => AlertDialogDemo
-});
-module.exports = __toCommonJS(AlertDialogDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AlertDialogDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog, {
-    native: true,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        children: "Show Alert"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog.Portal, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Overlay, {
-        transition: "quick",
-        opacity: 0.5,
-        backgroundColor: "$background",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Content, {
-        elevate: true,
-        transition: ["quick", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        enterStyle: {
-          x: 0,
-          y: -20,
-          opacity: 0,
-          scale: 0.9
-        },
-        exitStyle: {
-          x: 0,
-          y: 10,
-          opacity: 0,
-          scale: 0.95
-        },
-        x: 0,
-        scale: 1,
-        opacity: 1,
-        y: 0,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Title, {
-            children: "Accept"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Description, {
-            children: "By pressing yes, you accept our terms and conditions."
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-            gap: "$3",
-            justify: "flex-end",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Cancel, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-                children: "Cancel"
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Action, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-                theme: "accent",
-                children: "Accept"
-              })
-            })]
-          })]
-        })
-      }, "content")]
-    })]
-  });
-}