@tamagui/demos 1.89.0-1706360676826 → 1.89.0

package/dist/cjs/SwitchDemo.js

@@ -20,28 +20,24 @@ __export(SwitchDemo_exports, {
 module.exports = __toCommonJS(SwitchDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SwitchDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
     ] })
   ] });
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", space: "$4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", gap: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Label,
       {

package/dist/cjs/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,iDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SwitchDemo.native.js

@@ -21,28 +21,24 @@ __export(SwitchDemo_exports, {
 module.exports = __toCommonJS(SwitchDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SwitchDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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: !0 })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
     ] })
   ] });
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", space: "$4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", gap: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Label,
       {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,iDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SwitchHeadlessDemo.js

@@ -0,0 +1,79 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SwitchHeadlessDemo_exports = {};
+__export(SwitchHeadlessDemo_exports, {
+  SwitchHeadlessDemo: () => SwitchHeadlessDemo
+});
+module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
+var import_switch_headless = require("@tamagui/switch-headless"), import_react = require("react"), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function SwitchHeadlessDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "headless", children: "Headless" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
+  ] }) });
+}
+const HeadlessSwitch = (0, import_react.forwardRef)((props, ref) => {
+  const [checked, setChecked] = (0, import_react.useState)(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(
+    props,
+    [checked, setChecked],
+    ref
+  ), animation = (0, import_react.useRef)(new import_react_native.Animated.Value(checked ? 1 : 0)).current;
+  return (0, import_react.useEffect)(() => {
+    import_react_native.Animated.timing(animation, {
+      toValue: checked ? 1 : 0,
+      duration: 100,
+      useNativeDriver: !0
+    }).start();
+  }, [checked]), /* @__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: animation.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0, 20]
+                    })
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      }
+    ),
+    bubbleInput
+  ] });
+});
+//# sourceMappingURL=SwitchHeadlessDemo.js.map

package/dist/cjs/SwitchHeadlessDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchHeadlessDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,qBAAiB,yBAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,gBAAY,qBAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,qCAAU,MAAM;AACd,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
+  "names": []
+}

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -0,0 +1,84 @@
+"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SwitchHeadlessDemo_exports = {};
+__export(SwitchHeadlessDemo_exports, {
+  SwitchHeadlessDemo: () => SwitchHeadlessDemo
+});
+module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
+var import_switch_headless = require("@tamagui/switch-headless"), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function SwitchHeadlessDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "headless", children: "Headless" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
+  ] }) });
+}
+const HeadlessSwitch = (0, import_react.forwardRef)((props, ref) => {
+  const [checked, setChecked] = (0, import_react.useState)(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(
+    props,
+    [checked, setChecked],
+    ref
+  ), animation = (0, import_react.useRef)(new import_react_native.Animated.Value(checked ? 1 : 0)).current;
+  return (0, import_react.useEffect)(() => {
+    import_react_native.Animated.timing(animation, {
+      toValue: checked ? 1 : 0,
+      duration: 100,
+      useNativeDriver: !0
+    }).start();
+  }, [checked]), /* @__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: animation.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0, 20]
+                    })
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      }
+    ),
+    bubbleInput
+  ] });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchHeadlessDemo
+});
+//# sourceMappingURL=SwitchHeadlessDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchHeadlessDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,qBAAiB,yBAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,gBAAY,qBAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,qCAAU,MAAM;AACd,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
+  "names": []
+}

package/dist/cjs/SwitchUnstyledDemo.js

@@ -0,0 +1,68 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SwitchUnstyledDemo_exports = {};
+__export(SwitchUnstyledDemo_exports, {
+  Switch: () => Switch,
+  SwitchUnstyledDemo: () => SwitchUnstyledDemo
+});
+module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
+var import_core = require("@tamagui/core"), import_switch = require("@tamagui/switch"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const Frame = (0, import_core.styled)(import_core.Stack, {
+  context: import_switch.SwitchStyledContext,
+  width: 40,
+  height: 20,
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
+      }
+    }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Thumb = (0, import_core.styled)(import_core.Stack, {
+  context: import_switch.SwitchStyledContext,
+  width: 20,
+  height: 20,
+  backgroundColor: "black",
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        opacity: 0.8
+      },
+      false: {
+        opacity: 0.5
+      }
+    }
+  }
+}), Switch = (0, import_switch.createSwitch)({
+  // @ts-ignore
+  Frame,
+  // @ts-ignore
+  Thumb
+});
+function SwitchUnstyledDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch.Thumb, { animation: "quick" }) })
+  ] }) });
+}
+//# sourceMappingURL=SwitchUnstyledDemo.js.map

package/dist/cjs/SwitchUnstyledDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchUnstyledDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B,0BAC9B,gBAAkD,4BAClD,iBAAsC,oBAoDhC;AAlDN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAGY,aAAS,4BAAa;AAAA;AAAA,EAEjC;AAAA;AAAA,EAEA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,4CAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,sDAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/SwitchUnstyledDemo.native.js

@@ -0,0 +1,74 @@
+"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SwitchUnstyledDemo_exports = {};
+__export(SwitchUnstyledDemo_exports, {
+  Switch: () => Switch,
+  SwitchUnstyledDemo: () => SwitchUnstyledDemo
+});
+module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
+var import_core = require("@tamagui/core"), import_switch = require("@tamagui/switch"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const Frame = (0, import_core.styled)(import_core.Stack, {
+  context: import_switch.SwitchStyledContext,
+  width: 40,
+  height: 20,
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
+      }
+    }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Thumb = (0, import_core.styled)(import_core.Stack, {
+  context: import_switch.SwitchStyledContext,
+  width: 20,
+  height: 20,
+  backgroundColor: "black",
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        opacity: 0.8
+      },
+      false: {
+        opacity: 0.5
+      }
+    }
+  }
+}), Switch = (0, import_switch.createSwitch)({
+  // @ts-ignore
+  Frame,
+  // @ts-ignore
+  Thumb
+});
+function SwitchUnstyledDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch.Thumb, { animation: "quick" }) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch,
+  SwitchUnstyledDemo
+});
+//# sourceMappingURL=SwitchUnstyledDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchUnstyledDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B,0BAC9B,gBAAkD,4BAClD,iBAAsC,oBAoDhC;AAlDN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAGY,aAAS,4BAAa;AAAA;AAAA,EAEjC;AAAA;AAAA,EAEA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,4CAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,sDAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/ThemeBuilderDemo.js

@@ -20,23 +20,23 @@ module.exports = __toCommonJS(ThemeBuilderDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeBuilderDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bc: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
   ] }) });
 }
 function Col(props) {

package/dist/cjs/ThemeBuilderDemo.native.js

@@ -21,23 +21,23 @@ module.exports = __toCommonJS(ThemeBuilderDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeBuilderDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bc: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
   ] }) });
 }
 function Col(props) {

package/dist/cjs/index.js

@@ -25,6 +25,8 @@ __reExport(src_exports, require("./ButtonDemo"), module.exports);
 __reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
 __reExport(src_exports, require("./CardDemo"), module.exports);
 __reExport(src_exports, require("./CheckboxDemo"), module.exports);
+__reExport(src_exports, require("./CheckboxHeadlessDemo"), module.exports);
+__reExport(src_exports, require("./CheckboxUnstyledDemo"), module.exports);
 __reExport(src_exports, require("./ColorsDemo"), module.exports);
 __reExport(src_exports, require("./DialogDemo"), module.exports);
 __reExport(src_exports, require("./FormsDemo"), module.exports);
@@ -49,6 +51,8 @@ __reExport(src_exports, require("./SliderDemo"), module.exports);
 __reExport(src_exports, require("./SpinnerDemo"), module.exports);
 __reExport(src_exports, require("./StacksDemo"), module.exports);
 __reExport(src_exports, require("./SwitchDemo"), module.exports);
+__reExport(src_exports, require("./SwitchHeadlessDemo"), module.exports);
+__reExport(src_exports, require("./SwitchUnstyledDemo"), module.exports);
 __reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
 __reExport(src_exports, require("./TabsDemo"), module.exports);
 __reExport(src_exports, require("./TextDemo"), module.exports);

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,yBAdd;AAeA,wBAAc,yBAfd;AAgBA,wBAAc,wBAhBd;AAiBA,wBAAc,wBAjBd;AAkBA,wBAAc,2BAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,yBApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,iCAtBd;AAuBA,wBAAc,2BAvBd;AAwBA,wBAAc,8BAxBd;AAyBA,wBAAc,0BAzBd;AA0BA,wBAAc,2BA1Bd;AA2BA,wBAAc,6BA3Bd;AA4BA,wBAAc,+BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,yBA9Bd;AA+BA,wBAAc,4BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,wBAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,0BAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,yBArCd;AAsCA,wBAAc,+BAtCd;AAuCA,wBAAc,uBAvCd;AAwCA,wBAAc,uBAxCd;AAyCA,wBAAc,+BAzCd;AA0CA,wBAAc,wBA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,8BA5Cd;AA6CA,wBAAc,yBA7Cd;AA8CA,wBAAc,0BA9Cd;AA+CA,wBAAc,8BA/Cd;AAgDA,wBAAc,gCAhDd;",
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -26,6 +26,8 @@ __reExport(src_exports, require("./ButtonDemo"), module.exports);
 __reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
 __reExport(src_exports, require("./CardDemo"), module.exports);
 __reExport(src_exports, require("./CheckboxDemo"), module.exports);
+__reExport(src_exports, require("./CheckboxHeadlessDemo"), module.exports);
+__reExport(src_exports, require("./CheckboxUnstyledDemo"), module.exports);
 __reExport(src_exports, require("./ColorsDemo"), module.exports);
 __reExport(src_exports, require("./DialogDemo"), module.exports);
 __reExport(src_exports, require("./FormsDemo"), module.exports);
@@ -50,6 +52,8 @@ __reExport(src_exports, require("./SliderDemo"), module.exports);
 __reExport(src_exports, require("./SpinnerDemo"), module.exports);
 __reExport(src_exports, require("./StacksDemo"), module.exports);
 __reExport(src_exports, require("./SwitchDemo"), module.exports);
+__reExport(src_exports, require("./SwitchHeadlessDemo"), module.exports);
+__reExport(src_exports, require("./SwitchUnstyledDemo"), module.exports);
 __reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
 __reExport(src_exports, require("./TabsDemo"), module.exports);
 __reExport(src_exports, require("./TextDemo"), module.exports);
@@ -77,6 +81,8 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
   ...require("./ThemeBuilderDemo"),
   ...require("./CardDemo"),
   ...require("./CheckboxDemo"),
+  ...require("./CheckboxHeadlessDemo"),
+  ...require("./CheckboxUnstyledDemo"),
   ...require("./ColorsDemo"),
   ...require("./DialogDemo"),
   ...require("./FormsDemo"),
@@ -101,6 +107,8 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
   ...require("./SpinnerDemo"),
   ...require("./StacksDemo"),
   ...require("./SwitchDemo"),
+  ...require("./SwitchHeadlessDemo"),
+  ...require("./SwitchUnstyledDemo"),
   ...require("./TabsAdvancedDemo"),
   ...require("./TabsDemo"),
   ...require("./TextDemo"),

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,yBAdd;AAeA,wBAAc,yBAfd;AAgBA,wBAAc,wBAhBd;AAiBA,wBAAc,wBAjBd;AAkBA,wBAAc,2BAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,yBApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,iCAtBd;AAuBA,wBAAc,2BAvBd;AAwBA,wBAAc,8BAxBd;AAyBA,wBAAc,0BAzBd;AA0BA,wBAAc,2BA1Bd;AA2BA,wBAAc,6BA3Bd;AA4BA,wBAAc,+BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,yBA9Bd;AA+BA,wBAAc,4BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,wBAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,0BAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,yBArCd;AAsCA,wBAAc,+BAtCd;AAuCA,wBAAc,uBAvCd;AAwCA,wBAAc,uBAxCd;AAyCA,wBAAc,+BAzCd;AA0CA,wBAAc,wBA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,8BA5Cd;AA6CA,wBAAc,yBA7Cd;AA8CA,wBAAc,0BA9Cd;AA+CA,wBAAc,8BA/Cd;AAgDA,wBAAc,gCAhDd;",
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
   "names": []
 }