@hanzogui/demos 8.3.0 → 8.3.2

package/dist/cjs/SpinnerDemo.native.js

@@ -1,46 +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 SpinnerDemo_exports = {};
-__export(SpinnerDemo_exports, {
-  SpinnerDemo: () => SpinnerDemo
-});
-module.exports = __toCommonJS(SpinnerDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-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"
-    })]
-  });
-}
-//# sourceMappingURL=SpinnerDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SpinnerDemo_exports","__export","SpinnerDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","p","gap","items"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAgCT,YAAA,CAAAK,mBAAA;AAI5B,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAc;AAC5B,SACEJ,YAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,MAAQ;IACTC,CAAA;IAAwCC,GAC1C;IAEJC,KAAA","ignoreList":[]}

package/dist/cjs/StacksDemo.cjs

@@ -1,109 +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 StacksDemo_exports = {};
-__export(StacksDemo_exports, {
-  StacksDemo: () => StacksDemo
-});
-module.exports = __toCommonJS(StacksDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function StacksDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
-}

package/dist/cjs/StacksDemo.native.js

@@ -1,124 +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 StacksDemo_exports = {};
-__export(StacksDemo_exports, {
-  StacksDemo: () => StacksDemo
-});
-module.exports = __toCommonJS(StacksDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-function StacksDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=StacksDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","StacksDemo_exports","__export","StacksDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","jsxs","XStack","maxW","p","self","gap","children","YStack","flex","flexBasis","borderWidth","borderColor","rounded","jsx","bg"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AACA;AAKM;AAHCJ,UAAS,KAAAD,GAAA,IAAa,CAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAC3BF,GAEI;AAAA,IAAAU,YAAC,GAAAV,GAAA,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AAAA,IAAAW,kBAAA;AAAAC,QACC,CAAAD,kBAAM;EAAAE,UACN,EAAAA,CAAA,KAAUA;AAAA;AACGC,MAAA,CAAAC,OACb,GAAAL,YAAY,CAAAC,kBAAA;AAAA,IAAAK,kBACJ,GAAAC,OAAA;AAAA,IAAAC,YACJ,GAAAnB,OAAA,CAAAkB,OAAA;AAAA,IAAAE,UACF,GAAAF,OAAA;AAAA,SAEFJ,WAAA;EAAA,0BAAAG,kBAAA,CAAAI,IAAA,EAACD,UAAA,CAAAE,MAAA;IAAuCC,IAAA,EACxC;IAAwCC,CAAA,MACxC;IAAwCC,IAAA;IAAAC,GAAA;IAC1CC,QAAA,GAEA,mBAAAV,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAQ,MAAA;MAACC,IAAA;MAAAC,SAAA;MACCC,WAAM;MACNC,WAAU;MACVC,OAAA,MAAa;MACbP,GAAA;MACAF,CAAA;MACAG,QAAI,GACJ,eAAE,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAEFO,EAAA;QAAAF,OAAA;QACAT,CAAA;MACA,IAAwC,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAAAO,EAAA;QAC1CF,OAAA;QAEAT,CAAA;MACE,IACA,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAACO,EAAA;QAAAF,OAAA;QACCT,CAAA;MACA;IACG,IACA,eACH,CAAa,GAAAP,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,MAAA;MAAAO,IACb;MAAQC,SACN;MAAAC,WAAA;MACJC,WAAA;MACAC,OAAA;MAACP,GAAA;MAAAF,CAAA;MAAAG,QACC,GACA,eAAU,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QACVO,EAAG;QACHF,OAAG;QACHT,CAAA;MACA,IACA,eAAE,IAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA;QAAAO,EAAA;QACJF,OAAA;QACFT,CAAA;MACF,IAEJ,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,UAAA,CAAAQ,MAAA","ignoreList":[]}

package/dist/cjs/SwitchDemo.cjs

@@ -1,103 +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 SwitchDemo_exports = {};
-__export(SwitchDemo_exports, {
-  SwitchDemo: () => SwitchDemo,
-  SwitchWithLabel: () => SwitchWithLabel
-});
-module.exports = __toCommonJS(SwitchDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SwitchDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
-}
-function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
-}

package/dist/cjs/SwitchDemo.native.js

@@ -1,109 +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 SwitchDemo_exports = {};
-__export(SwitchDemo_exports, {
-  SwitchDemo: () => SwitchDemo,
-  SwitchWithLabel: () => SwitchWithLabel
-});
-module.exports = __toCommonJS(SwitchDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function SwitchDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
-}
-function SwitchWithLabel(props) {
-  var _props_defaultChecked;
-  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      // use activeStyle to choose youra active color
-      // default to $backgroundActive unless "unstyled" boolean prop is on
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
-}
-//# sourceMappingURL=SwitchDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchDemo_exports","__export","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_gui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked"],"sources":["../../src/SwitchDemo.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,UAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgEV,YAAA,CAAAK,kBAAA;AAI5D,IAAAM,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEL,WAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAC,EAAAH,kBAAO,CAAAI,QAAI,EAAK;IACfC,QAAA,qBAAAL,kBAAC,CAAAM,IAAA,EAAAJ,UAAgB,CAAAK,MAAK;MACtBC,KAAA;MAA0CC,KAC5C;MACAC,GAAA;MACEL,QAAA,GACA,mBAAAL,kBAAA,CAAAM,IAAC,EAAAJ,UAAA,CAAAS,MAAgB;QACnBD,GAAA;QACAE,GAAA;UACEC,aAAA;QACA;QACFR,QAAA,GAEJ,mBAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UAEJiB,IAAA;QAEgB,IAKR,eAAe,CAAM,GAAAd,kBAAgB,CAAMG,GAAE,EAAAN,eAAU;UAE3DiB,IAAA;UACEC,cAAA;QAGA;MACC,uBAAAf,kBAAA,CAAAM,IAAA,EAAAJ,UAAA,CAAAS,MAAA;QACCD,GAAA;QACAE,GAAA;UACAC,aAAY;QACZ;QAGAR,QAAA,GACE,eAAiB,IAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACnBiB,IAAA;QAEA,IAAoC,mBAAAd,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACtCiB,IAAA;UACFC,cAAA;QAEJ","ignoreList":[]}

package/dist/cjs/SwitchHeadlessDemo.cjs

@@ -1,105 +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 SwitchHeadlessDemo_exports = {};
-__export(SwitchHeadlessDemo_exports, {
-  SwitchHeadlessDemo: () => SwitchHeadlessDemo
-});
-module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
-var import_react = __toESM(require("react"), 1);
-var import_switch_headless = require("@hanzogui/switch-headless");
-var import_react_native = require("react-native-web");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {
-        defaultChecked: true,
-        id: "headless"
-      })]
-    })
-  });
-}
-const HeadlessSwitch = import_react.default.forwardRef((props, ref) => {
-  const [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
-  const {
-    switchProps,
-    switchRef,
-    bubbleInput
-  } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref);
-  const [animation] = import_react.default.useState(() => new import_react_native.Animated.Value(0));
-  import_react.default.useEffect(() => {
-    import_react_native.Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: true
-    }).start();
-  }, [checked, animation]);
-  const translateX = import_react.default.useMemo(() => animation.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 20]
-  }), [animation]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-      style: {
-        width: 40,
-        height: 20,
-        borderRadius: 100,
-        backgroundColor: checked ? "lightblue" : "silver"
-      },
-      ref: switchRef,
-      ...switchProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {
-        style: [{
-          backgroundColor: "black",
-          borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});