@hanzogui/demos 3.0.6 → 4.4.0

package/dist/cjs/SwitchDemo.native.js

@@ -5,20 +5,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var SwitchDemo_exports = {};
 __export(SwitchDemo_exports, {
@@ -26,8 +28,8 @@ __export(SwitchDemo_exports, {
   SwitchWithLabel: () => SwitchWithLabel
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui = require("@hanzo/gui");
+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, {
@@ -43,7 +45,7 @@ function SwitchDemo() {
           size: "$2"
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
           size: "$2",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
         gap: "$3",
@@ -54,7 +56,7 @@ function SwitchDemo() {
           size: "$3"
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
           size: "$3",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
         gap: "$3",
@@ -65,15 +67,15 @@ function SwitchDemo() {
           size: "$4"
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
           size: "$4",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       })]
     })
   });
 }
 function SwitchWithLabel(props) {
-  var _props_defaultChecked,
-    id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
+  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",
@@ -87,7 +89,7 @@ function SwitchWithLabel(props) {
       children: "Accept"
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
       minH: 20,
-      vertical: !0
+      vertical: true
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
       id,
       transition: "300ms",

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

@@ -1 +1 @@
-{"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,kBAI5D;AAFG,IAAAM,kBAAsB,GAAAC,OAAA;EAAAC,UAAA,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":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SwitchDemo_exports","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_gui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked","props","_props_defaultChecked","id","toString","slice","Label","pr","minW","justify","htmlFor","Separator","minH","vertical","Switch","transition","activeStyle","backgroundColor","Thumb"],"sources":["SwitchDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchDemo_exports = {};\n__export(SwitchDemo_exports, {\n  SwitchDemo: () => SwitchDemo,\n  SwitchWithLabel: () => SwitchWithLabel\n});\nmodule.exports = __toCommonJS(SwitchDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction SwitchDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"$3\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$2\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$2\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$3\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$3\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n          gap: \"$3\",\n          $xs: {\n            flexDirection: \"column\"\n          },\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$4\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"$4\",\n              defaultChecked: true\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction SwitchWithLabel(props) {\n  var _props_defaultChecked;\n  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : \"\"}}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        pr: \"$0\",\n        minW: 90,\n        justify: \"flex-end\",\n        size: props.size,\n        htmlFor: id,\n        children: \"Accept\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Separator, {\n        minH: 20,\n        vertical: true\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch, {\n        id,\n        transition: \"300ms\",\n        size: props.size,\n        defaultChecked: props.defaultChecked,\n        // use activeStyle to choose youra active color\n        // default to $backgroundActive unless \"unstyled\" boolean prop is on\n        activeStyle: {\n          backgroundColor: \"$color6\"\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {\n          transition: \"quickest\"\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SwitchDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SwitchHeadlessDemo.cjs

@@ -2,43 +2,45 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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),
-  import_switch_headless = require("@hanzogui/switch-headless"),
-  import_react_native = require("react-native-web"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+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,
@@ -51,25 +53,25 @@ function SwitchHeadlessDemo() {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "headless"
       })]
     })
   });
 }
 const HeadlessSwitch = import_react.default.forwardRef((props, ref) => {
-  const [checked, setChecked] = import_react.default.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref),
-    [animation] = import_react.default.useState(() => new import_react_native.Animated.Value(0));
+  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: !0
+      useNativeDriver: true
     }).start();
   }, [checked, animation]);
   const translateX = import_react.default.useMemo(() => animation.interpolate({

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -4,43 +4,45 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_switch_headless = require("@hanzogui/switch-headless"),
-  import_react_native = require("react-native"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_switch_headless = require("@hanzogui/switch-headless");
+var import_react_native = require("react-native");
+var import_gui = require("@hanzo/gui");
 function SwitchHeadlessDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -53,27 +55,27 @@ function SwitchHeadlessDemo() {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "headless"
       })]
     })
   });
 }
 var HeadlessSwitch = /* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
-  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref),
-    [animation] = import_react.default.useState(function () {
-      return new import_react_native.Animated.Value(0);
-    });
+  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
+  var {
+    switchProps,
+    switchRef,
+    bubbleInput
+  } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref);
+  var [animation] = import_react.default.useState(function () {
+    return new import_react_native.Animated.Value(0);
+  });
   import_react.default.useEffect(function () {
     import_react_native.Animated.timing(animation, {
       toValue: checked ? 1 : 0,
       duration: 100,
-      useNativeDriver: !0
+      useNativeDriver: true
     }).start();
   }, [checked, animation]);
   var translateX = import_react.default.useMemo(function () {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchHeadlessDemo_exports","__export","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_switch_headless","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","Label","htmlFor","HeadlessSwitch","defaultChecked","id","default","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","useSwitch","animation","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","Fragment","Pressable","style","height"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,0BAElB;AAMO,IAAAK,kBAAS,GAAAC,OAAqB;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,sBAAA,GAAAH,OAAA;EAAAI,mBAAA,GAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;AACnC,SACEJ,mBAAA;EAEI,0BAAAG,kBAAA,CAACO,GAAA,EAAAD,UAAA,CAAAE,MAAM;IACPC,KAAA;IAA6CC,KAEjD;IAEJC,GAAA;IAEAC,QAAM,iBAAiB,IAAAZ,kBAAM,CAAAa,IAAuC,EAAAP,UAAO,CAAAQ,MAAQ;MACjFH,GAAO;MAELD,KAAA;MACCE,QAAS,GACV,mBAAAZ,kBAAA,CAAAO,GAAA,EAAAD,UAAA,CAAAS,KAAA;QAGKC,OAAS,EAAI;QAEpBJ,QAAA;MACE,IACE,eAAS,CAAU,GAAAZ,kBAAI,CAAAO,GAAA,EAAAU,cAAA;QACvBC,cAAU;QACVC,EAAA;MACC;IAGL;EAAyB,EACvB;AACwB;AACH,IAAAF,cACjB,GAAc,eAAKf,YAAA,CAAAkB,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACpB,CAAAC,OAAA,EAAAC,UAAA,IAAAvB,YAAA,CAAAkB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;IAAA;MAAAS,WAAA;MAAAC,SAAA;MAAAC;IAAA,QAAAzB,sBAAA,CAAA0B,SAAA,EAAAR,KAAA,GACHE,OAAC,EACHC,UAAA,CAEA,EAAAF,GAAA,CACE;IAAA,CAAAQ,SAAA,IAAA7B,YAAA,CAAAkB,OAAA,CAAAM,QAAA;MACE,WAAArB,mBAAA,CAAA2B,QAAA,CAAAC,KAAA;IAAA;EAAC/B,YAAA,CAAAkB,OAAA,CAAAc,SAAA;IAAA7B,mBACQ,CAAA2B,QAAA,CAAAG,MAAA,CAAAJ,SAAA;MAAAK,OACL,EAAAZ,OAAO;MAAAa,QACP,KAAQ;MAAAC,eACR,GAAc;IAAA,GAAAC,KACd;EAAyC,IAC3Cf,OACA,EAAKO,SACD;EAEJ,IAAAS,UAAC,GAAAtC,YAAA,CAAAkB,OAAS,CAAAqB,OAAA;IAAA,OAATV,SAAA,CAAAW,WAAA;MAAAC,UACC,GAAO,GACL,EACmB;MACHC,WACd,GAAO,GACC;IAEV;EAC4B,IAC5Bb,SACF;EAAA,OACF,mBAAA/B,kBAAA,CAAAa,IAAA,EAAAb,kBAAA,CAAA6C,QAAA;IAAAjC,QAAA,GACF,mBAAAZ,kBAAA,CAAAO,GAAA,EAAAF,mBAAA,CAAAyC,SAAA;MACCC,KAAA;QACHtC,KAAA;QAEHuC,MAAA","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SwitchHeadlessDemo_exports","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_switch_headless","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","Label","htmlFor","HeadlessSwitch","defaultChecked","id","default","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","useSwitch","animation","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","Fragment","Pressable","style","height","borderRadius","backgroundColor","View","transform"],"sources":["SwitchHeadlessDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchHeadlessDemo_exports = {};\n__export(SwitchHeadlessDemo_exports, {\n  SwitchHeadlessDemo: () => SwitchHeadlessDemo\n});\nmodule.exports = __toCommonJS(SwitchHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_switch_headless = require(\"@hanzogui/switch-headless\");\nvar import_react_native = require(\"react-native\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction SwitchHeadlessDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      gap: \"$3\",\n      items: \"center\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n          htmlFor: \"headless\",\n          children: \"Headless\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, {\n          defaultChecked: true,\n          id: \"headless\"\n        })\n      ]\n    })\n  });\n}\nvar HeadlessSwitch = /* @__PURE__ */ import_react.default.forwardRef(function(props, ref) {\n  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);\n  var { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(props, [\n    checked,\n    setChecked\n  ], ref);\n  var [animation] = import_react.default.useState(function() {\n    return new import_react_native.Animated.Value(0);\n  });\n  import_react.default.useEffect(function() {\n    import_react_native.Animated.timing(animation, {\n      toValue: checked ? 1 : 0,\n      duration: 100,\n      useNativeDriver: true\n    }).start();\n  }, [\n    checked,\n    animation\n  ]);\n  var translateX = import_react.default.useMemo(function() {\n    return animation.interpolate({\n      inputRange: [\n        0,\n        1\n      ],\n      outputRange: [\n        0,\n        20\n      ]\n    });\n  }, [\n    animation\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n        style: {\n          width: 40,\n          height: 20,\n          borderRadius: 100,\n          backgroundColor: checked ? \"lightblue\" : \"silver\"\n        },\n        ref: switchRef,\n        ...switchProps,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {\n          style: [\n            {\n              backgroundColor: \"black\",\n              borderRadius: 100,\n              width: 20,\n              height: 20\n            },\n            {\n              transform: [\n                {\n                  translateX\n                }\n              ]\n            }\n          ]\n        })\n      }),\n      bubbleInput\n    ]\n  });\n});\n//# sourceMappingURL=SwitchHeadlessDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SwitchUnstyledDemo.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var SwitchUnstyledDemo_exports = {};
 __export(SwitchUnstyledDemo_exports, {
@@ -24,48 +26,48 @@ __export(SwitchUnstyledDemo_exports, {
   SwitchUnstyledDemo: () => SwitchUnstyledDemo
 });
 module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
-var import_core = require("@hanzogui/core"),
-  import_switch = require("@hanzogui/switch"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+var import_switch = require("@hanzogui/switch");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const Frame = (0, import_core.styled)(import_core.View, {
-    width: 40,
-    height: 20,
-    rounded: 20,
-    variants: {
-      checked: {
-        true: {
-          backgroundColor: "lightblue"
-        },
-        false: {
-          backgroundColor: "silver"
-        }
+  width: 40,
+  height: 20,
+  rounded: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
       }
-    },
-    defaultVariants: {
-      checked: !1
     }
-  }),
-  Thumb = (0, import_core.styled)(import_core.View, {
-    width: 20,
-    height: 20,
-    bg: "black",
-    rounded: 20,
-    variants: {
-      checked: {
-        true: {
-          opacity: 0.8
-        },
-        false: {
-          opacity: 0.5
-        }
+  },
+  defaultVariants: {
+    checked: false
+  }
+});
+const Thumb = (0, import_core.styled)(import_core.View, {
+  width: 20,
+  height: 20,
+  bg: "black",
+  rounded: 20,
+  variants: {
+    checked: {
+      true: {
+        opacity: 0.8
+      },
+      false: {
+        opacity: 0.5
       }
     }
-  }),
-  Switch = (0, import_switch.createSwitch)({
-    Frame,
-    Thumb
-  });
+  }
+});
+const Switch = (0, import_switch.createSwitch)({
+  Frame,
+  Thumb
+});
 function SwitchUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -78,7 +80,7 @@ function SwitchUnstyledDemo() {
         htmlFor: "unstyled-switch",
         children: "Unstyled"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "unstyled-switch",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch.Thumb, {
           transition: "quickest"