@hanzogui/demos 8.3.0 → 8.3.2

package/dist/esm/ShapesDemo.native.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle, Square, XStack } from "@hanzo/gui";
-function ShapesDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    p: "$2",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(Square, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */_jsx(Circle, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    })]
-  });
-}
-export { ShapesDemo };
-//# sourceMappingURL=ShapesDemo.native.js.map

package/dist/esm/ShapesDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Square","XStack","ShapesDemo","p","gap","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAInC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,CAAA;IACAC,GAAA;IAA8CC,QAChD,GAEJ,eAAAT,IAAA,CAAAI,MAAA","ignoreList":[]}

package/dist/esm/SheetDemo.mjs

@@ -1,162 +0,0 @@
-import { ChevronDown, ChevronUp } from "@hanzogui/lucide-icons-2";
-import { Sheet } from "@hanzogui/sheet";
-import React, { memo } from "react";
-import { Button, H2, Input, Paragraph, XStack, YStack } from "@hanzo/gui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const spModes = ["percent", "constant", "fit", "mixed"];
-const SheetDemo = () => {
-  const [position, setPosition] = React.useState(0);
-  const [open, setOpen] = React.useState(false);
-  const [modal, setModal] = React.useState(true);
-  const [innerOpen, setInnerOpen] = React.useState(false);
-  const [snapPointsMode, setSnapPointsMode] = React.useState("percent");
-  const [mixedFitDemo, setMixedFitDemo] = React.useState(false);
-  const isPercent = snapPointsMode === "percent";
-  const isConstant = snapPointsMode === "constant";
-  const isFit = snapPointsMode === "fit";
-  const isMixed = snapPointsMode === "mixed";
-  const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */jsxs(XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */jsx(Button, {
-          onPress: () => setOpen(true),
-          children: "Open"
-        }), /* @__PURE__ */jsx(Button, {
-          onPress: () => setModal(x => !x),
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */jsx(Button, {
-          onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
-          children: `Mode: ${{
-            percent: "Percentage",
-            constant: "Constant",
-            fit: "Fit",
-            mixed: "Mixed"
-          }[snapPointsMode]}`
-        })]
-      }), isMixed ? /* @__PURE__ */jsx(Button, {
-        onPress: () => setMixedFitDemo(x => !x),
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */jsx(XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */jsx(Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */jsxs(Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */jsx(Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */jsx(SheetContents, {
-          ...{
-            modal,
-            isPercent,
-            innerOpen,
-            setInnerOpen,
-            setOpen
-          }
-        })
-      })]
-    })]
-  });
-};
-const SheetContents = memo(({
-  modal,
-  isPercent,
-  innerOpen,
-  setInnerOpen,
-  setOpen
-}) => {
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Button, {
-      size: "$6",
-      circular: true,
-      icon: ChevronDown,
-      onPress: () => setOpen(false)
-    }), /* @__PURE__ */jsx(Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$6",
-        circular: true,
-        icon: ChevronUp,
-        onPress: () => setInnerOpen(true)
-      })]
-    })]
-  });
-});
-function InnerSheet(props) {
-  return /* @__PURE__ */jsxs(Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */jsx(Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */jsx(Sheet.ScrollView, {
-        children: /* @__PURE__ */jsxs(YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */jsx(Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: ChevronDown,
-            onPress: () => props.onOpenChange?.(false)
-          }), /* @__PURE__ */jsx(H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */jsx(Paragraph, {
-            size: "$8",
-            children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
-          }, i))]
-        })
-      })
-    })]
-  });
-}
-export { SheetDemo };
-//# sourceMappingURL=SheetDemo.mjs.map

package/dist/esm/SheetDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle","Handle","Frame","p","SheetContents","size","circular","icon","width","InnerSheet","props","flex","ScrollView","self","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SheetDemo.native.js

@@ -1,184 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown, ChevronUp } from "@hanzogui/lucide-icons-2";
-import { Sheet } from "@hanzogui/sheet";
-import React, { memo } from "react";
-import { Button, H2, Input, Paragraph, XStack, YStack } from "@hanzo/gui";
-var spModes = ["percent", "constant", "fit", "mixed"];
-var SheetDemo = function () {
-  var [position, setPosition] = React.useState(0);
-  var [open, setOpen] = React.useState(false);
-  var [modal, setModal] = React.useState(true);
-  var [innerOpen, setInnerOpen] = React.useState(false);
-  var [snapPointsMode, setSnapPointsMode] = React.useState("percent");
-  var [mixedFitDemo, setMixedFitDemo] = React.useState(false);
-  var isPercent = snapPointsMode === "percent";
-  var isConstant = snapPointsMode === "constant";
-  var isFit = snapPointsMode === "fit";
-  var isMixed = snapPointsMode === "mixed";
-  var snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setOpen(true);
-          },
-          children: "Open"
-        }), /* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setModal(function (x) {
-              return !x;
-            });
-          },
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setSnapPointsMode(function (prev) {
-              return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-            });
-          },
-          children: `Mode: ${{
-            percent: "Percentage",
-            constant: "Constant",
-            fit: "Fit",
-            mixed: "Mixed"
-          }[snapPointsMode]}`
-        })]
-      }), isMixed ? /* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          return setMixedFitDemo(function (x) {
-            return !x;
-          });
-        },
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */_jsx(XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */_jsx(Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */_jsxs(Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */_jsx(SheetContents, {
-          modal,
-          isPercent,
-          innerOpen,
-          setInnerOpen,
-          setOpen
-        })
-      })]
-    })]
-  });
-};
-var SheetContents = /* @__PURE__ */memo(function (param) {
-  var {
-    modal,
-    isPercent,
-    innerOpen,
-    setInnerOpen,
-    setOpen
-  } = param;
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(Button, {
-      size: "$6",
-      circular: true,
-      icon: ChevronDown,
-      onPress: function () {
-        return setOpen(false);
-      }
-    }), /* @__PURE__ */_jsx(Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsx(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$6",
-        circular: true,
-        icon: ChevronUp,
-        onPress: function () {
-          return setInnerOpen(true);
-        }
-      })]
-    })]
-  });
-});
-function InnerSheet(props) {
-  return /* @__PURE__ */_jsxs(Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
-        children: /* @__PURE__ */_jsxs(YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */_jsx(Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: ChevronDown,
-            onPress: function () {
-              var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
-            }
-          }), /* @__PURE__ */_jsx(H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-            return /* @__PURE__ */_jsx(Paragraph, {
-              size: "$8",
-              children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
-            }, i);
-          })]
-        })
-      })
-    })]
-  });
-}
-export { SheetDemo };
-//# sourceMappingURL=SheetDemo.native.js.map

package/dist/esm/SheetDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SliderDemo.mjs

@@ -1,35 +0,0 @@
-import { Slider, XStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SliderDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */jsx(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */jsx(SimpleSlider, {
-      width: 200
-    })]
-  });
-}
-function SimpleSlider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */jsx(Slider.Track, {
-      children: /* @__PURE__ */jsx(Slider.TrackActive, {})
-    }), /* @__PURE__ */jsx(Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
-}
-export { SliderDemo };
-//# sourceMappingURL=SliderDemo.mjs.map

package/dist/esm/SliderDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Slider","XStack","jsx","jsxs","SliderDemo","height","items","gap","children","SimpleSlider","orientation","width","props","defaultValue","max","step","Track","TrackActive","Thumb","theme","size","borderRadius"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,QAAc;AAIlC,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACtCC,QAAA,kBAAAN,GAAA,CAACO,YAAA;MAAaJ,MAAA,EAAQ;MAAKK,WAAA,EAAY;IAAA,CAAW,GAClD,eAAAR,GAAA,CAACO,YAAA;MAAaE,KAAA,EAAO;IAAA,CAAK;EAAA,CAC5B;AAEJ;AAEA,SAASF,aAAa;EAAED,QAAA;EAAU,GAAGI;AAAM,GAAgB;EACzD,OACE,eAAAT,IAAA,CAACH,MAAA;IAAOa,YAAA,EAAc,CAAC,EAAE;IAAGC,GAAA,EAAK;IAAKC,IAAA,EAAM;IAAI,GAAGH,KAAA;IACjDJ,QAAA,kBAAAN,GAAA,CAACF,MAAA,CAAOgB,KAAA,EAAP;MACCR,QAAA,iBAAAN,GAAA,CAACF,MAAA,CAAOiB,WAAA,EAAP,EAAmB;IAAA,CACtB,GACA,eAAAf,GAAA,CAACF,MAAA,CAAOkB,KAAA,EAAP;MAAaC,KAAA,EAAM;MAASC,IAAA,EAAM;MAAIC,YAAA,EAAc;IAAA,CAAK,GACzDb,QAAA;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/SliderDemo.native.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slider, XStack } from "@hanzo/gui";
-function SliderDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */_jsx(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */_jsx(SimpleSlider, {
-      width: 200
-    })]
-  });
-}
-function SimpleSlider(param) {
-  var {
-    children,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Slider.Track, {
-      children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
-    }), /* @__PURE__ */_jsx(Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
-}
-export { SliderDemo };
-//# sourceMappingURL=SliderDemo.native.js.map

package/dist/esm/SliderDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","items","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAA,IAAAC,KAAc;AAIlC,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,KAAA;IAA0BC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}

package/dist/esm/SpinnerDemo.mjs

@@ -1,18 +0,0 @@
-import { Spinner, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SpinnerDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */jsx(Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */jsx(Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
-}
-export { SpinnerDemo };
-//# sourceMappingURL=SpinnerDemo.mjs.map

package/dist/esm/SpinnerDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Spinner","YStack","jsx","jsxs","SpinnerDemo","p","gap","items","children","size","color"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,OAAA,EAASC,MAAA,QAAc;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAKC,KAAA,EAAM;IAC5BC,QAAA,kBAAAN,GAAA,CAACF,OAAA;MAAQS,IAAA,EAAK;MAAQC,KAAA,EAAM;IAAA,CAAW,GACvC,eAAAR,GAAA,CAACF,OAAA;MAAQS,IAAA,EAAK;MAAQC,KAAA,EAAM;IAAA,CAAY;EAAA,CAC1C;AAEJ","ignoreList":[]}

package/dist/esm/SpinnerDemo.native.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner, YStack } from "@hanzo/gui";
-function SpinnerDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */_jsx(Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */_jsx(Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
-}
-export { SpinnerDemo };
-//# sourceMappingURL=SpinnerDemo.native.js.map

package/dist/esm/SpinnerDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","p","gap","items","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,CAAA;IACAC,GAAA;IAAwCC,KAC1C;IAEJC,QAAA,G","ignoreList":[]}

package/dist/esm/StacksDemo.mjs

@@ -1,84 +0,0 @@
-import { XStack, YStack, ZStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StacksDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsxs(YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */jsxs(ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */jsx(YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
-}
-export { StacksDemo };
-//# sourceMappingURL=StacksDemo.mjs.map

package/dist/esm/StacksDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["XStack","YStack","ZStack","jsx","jsxs","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH","width","fullscreen","y","x"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKjC,SASEC,GAAA,EATFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,IAAA,EAAM;IAAKC,CAAA,EAAE;IAAKC,IAAA,EAAK;IAASC,GAAA,EAAI;IAC1CC,QAAA,kBAAAN,IAAA,CAACH,MAAA;MACCU,IAAA,EAAM;MACNC,SAAA,EAAU;MACVC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,OAAA,EAAQ;MACRN,GAAA,EAAI;MACJF,CAAA,EAAE;MAEFG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK;IAAA,CAC1C,GAEA,eAAAH,IAAA,CAACJ,MAAA;MACCW,IAAA,EAAM;MACNC,SAAA,EAAU;MACVC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,OAAA,EAAQ;MACRN,GAAA,EAAI;MACJF,CAAA,EAAE;MAEFG,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK,GACxC,eAAAJ,GAAA,CAACF,MAAA;QAAOe,EAAA,EAAG;QAASD,OAAA,EAAQ;QAAKR,CAAA,EAAE;MAAA,CAAK;IAAA,CAC1C,GAEA,eAAAH,IAAA,CAACF,MAAA;MAAOS,IAAA,EAAM;MAAGC,SAAA,EAAU;MAAON,IAAA,EAAM;MAAIW,IAAA,EAAM;MAAIC,KAAA,EAAO;MAC3DR,QAAA,kBAAAP,GAAA,CAACF,MAAA;QAAOkB,UAAA,EAAU;QAACJ,OAAA,EAAQ;QAAKR,CAAA,EAAE;QAAKO,WAAA,EAAY;QAASD,WAAA,EAAa;MAAA,CAAG,GAC5E,eAAAV,GAAA,CAACF,MAAA;QACCa,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,OAAA,EAAQ;QACRR,CAAA,EAAE;MAAA,CACJ,GACA,eAAAJ,GAAA,CAACF,MAAA;QACCa,WAAA,EAAY;QACZK,UAAA,EAAU;QACVC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHR,WAAA,EAAa;QACbE,OAAA,EAAQ;QACRR,CAAA,EAAE;MAAA,CACJ;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}