@hanzogui/demos 8.2.1 → 8.3.2

package/dist/cjs/ShapesDemo.native.js

@@ -1,47 +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 ShapesDemo_exports = {};
-__export(ShapesDemo_exports, {
-  ShapesDemo: () => ShapesDemo
-});
-module.exports = __toCommonJS(ShapesDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function ShapesDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    p: "$2",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    })]
-  });
-}
-//# sourceMappingURL=ShapesDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ShapesDemo_exports","__export","ShapesDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","XStack","p","gap","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAuCT,YAAA,CAAAK,kBAAA;AAInC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,MAAO;IACRC,CAAA;IAA8CC,GAChD;IAEJC,QAAA,G","ignoreList":[]}

package/dist/cjs/SheetDemo.cjs

@@ -1,198 +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 SheetDemo_exports = {};
-__export(SheetDemo_exports, {
-  SheetDemo: () => SheetDemo
-});
-module.exports = __toCommonJS(SheetDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_sheet = require("@hanzogui/sheet");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const spModes = ["percent", "constant", "fit", "mixed"];
-const SheetDemo = () => {
-  const [position, setPosition] = import_react.default.useState(0);
-  const [open, setOpen] = import_react.default.useState(false);
-  const [modal, setModal] = import_react.default.useState(true);
-  const [innerOpen, setInnerOpen] = import_react.default.useState(false);
-  const [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
-  const [mixedFitDemo, setMixedFitDemo] = import_react.default.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          onPress: () => setOpen(true),
-          children: "Open"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          onPress: () => setModal(x => !x),
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
-          children: `Mode: ${{
-            percent: "Percentage",
-            constant: "Constant",
-            fit: "Fit",
-            mixed: "Mixed"
-          }[snapPointsMode]}`
-        })]
-      }), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        onPress: () => setMixedFitDemo(x => !x),
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetContents, {
-          ...{
-            modal,
-            isPercent,
-            innerOpen,
-            setInnerOpen,
-            setOpen
-          }
-        })
-      })]
-    })]
-  });
-};
-const SheetContents = (0, import_react.memo)(({
-  modal,
-  isPercent,
-  innerOpen,
-  setInnerOpen,
-  setOpen
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$6",
-      circular: true,
-      icon: import_lucide_icons_2.ChevronDown,
-      onPress: () => setOpen(false)
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        size: "$6",
-        circular: true,
-        icon: import_lucide_icons_2.ChevronUp,
-        onPress: () => setInnerOpen(true)
-      })]
-    })]
-  });
-});
-function InnerSheet(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: import_lucide_icons_2.ChevronDown,
-            onPress: () => props.onOpenChange?.(false)
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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))]
-        })
-      })
-    })]
-  });
-}

package/dist/cjs/SheetDemo.native.js

@@ -1,223 +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 SheetDemo_exports = {};
-__export(SheetDemo_exports, {
-  SheetDemo: () => SheetDemo
-});
-module.exports = __toCommonJS(SheetDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_sheet = require("@hanzogui/sheet");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var spModes = ["percent", "constant", "fit", "mixed"];
-var SheetDemo = function () {
-  var [position, setPosition] = import_react.default.useState(0);
-  var [open, setOpen] = import_react.default.useState(false);
-  var [modal, setModal] = import_react.default.useState(true);
-  var [innerOpen, setInnerOpen] = import_react.default.useState(false);
-  var [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
-  var [mixedFitDemo, setMixedFitDemo] = import_react.default.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          onPress: function () {
-            return setOpen(true);
-          },
-          children: "Open"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          onPress: function () {
-            return setModal(function (x) {
-              return !x;
-            });
-          },
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        onPress: function () {
-          return setMixedFitDemo(function (x) {
-            return !x;
-          });
-        },
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetContents, {
-          modal,
-          isPercent,
-          innerOpen,
-          setInnerOpen,
-          setOpen
-        })
-      })]
-    })]
-  });
-};
-var SheetContents = /* @__PURE__ */(0, import_react.memo)(function (param) {
-  var {
-    modal,
-    isPercent,
-    innerOpen,
-    setInnerOpen,
-    setOpen
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      size: "$6",
-      circular: true,
-      icon: import_lucide_icons_2.ChevronDown,
-      onPress: function () {
-        return setOpen(false);
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        size: "$6",
-        circular: true,
-        icon: import_lucide_icons_2.ChevronUp,
-        onPress: function () {
-          return setInnerOpen(true);
-        }
-      })]
-    })]
-  });
-});
-function InnerSheet(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: import_lucide_icons_2.ChevronDown,
-            onPress: function () {
-              var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
-            }
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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);
-          })]
-        })
-      })
-    })]
-  });
-}
-//# sourceMappingURL=SheetDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SheetDemo_exports","__export","SheetDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_sheet","import_react","__toESM","import_gui","spModes","position","setPosition","default","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","jsxs","Fragment","children","YStack","gap","XStack","$maxMd","flexDirection","items","jsx","Button","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","Paragraph","Sheet","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/SliderDemo.cjs

@@ -1,60 +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 SliderDemo_exports = {};
-__export(SliderDemo_exports, {
-  SliderDemo: () => SliderDemo
-});
-module.exports = __toCommonJS(SliderDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SliderDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      width: 200
-    })]
-  });
-}
-function SimpleSlider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.Track, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.TrackActive, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
-}

package/dist/cjs/SliderDemo.native.js

@@ -1,64 +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 SliderDemo_exports = {};
-__export(SliderDemo_exports, {
-  SliderDemo: () => SliderDemo
-});
-module.exports = __toCommonJS(SliderDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function SliderDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      width: 200
-    })]
-  });
-}
-function SimpleSlider(param) {
-  var {
-    children,
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.Track, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.TrackActive, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
-}
-//# sourceMappingURL=SliderDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SliderDemo_exports","__export","SliderDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","XStack","height","items","gap","children","jsx","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAsCT,YAAA,CAAAK,kBAAA;AAIlC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAa,CAAAE,MAAA,EAAQ;IACtBC,MAAA;IAA0BC,KAC5B;IAEJC,GAAA;IAEAC,QAAS,GACP,eACE,IAAAR,kBAAA,CAAAS,GAAA,EAAAC,YAAC;MACCL,MAAA;MAGAM,WAAA;IACC,IACH,mBAAAX,kBAAA,CAAAS,GAAA,EAAAC,YAAA;MAEJE,KAAA","ignoreList":[]}

package/dist/cjs/SpinnerDemo.cjs

@@ -1,43 +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 SpinnerDemo_exports = {};
-__export(SpinnerDemo_exports, {
-  SpinnerDemo: () => SpinnerDemo
-});
-module.exports = __toCommonJS(SpinnerDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SpinnerDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
-}