@tamagui/demos 1.89.0-1706360676826 → 1.89.0-1706483140977

package/dist/jsx/SwitchUnstyledDemo.js

@@ -0,0 +1,55 @@
+import { Stack, styled } from "@tamagui/core";
+import { SwitchStyledContext, createSwitch } from "@tamagui/switch";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Frame = styled(Stack, {
+  context: SwitchStyledContext,
+  width: 40,
+  height: 20,
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
+      }
+    }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Thumb = styled(Stack, {
+  context: SwitchStyledContext,
+  width: 20,
+  height: 20,
+  backgroundColor: "black",
+  borderRadius: 20,
+  variants: {
+    checked: {
+      true: {
+        opacity: 0.8
+      },
+      false: {
+        opacity: 0.5
+      }
+    }
+  }
+}), Switch = createSwitch({
+  // @ts-ignore
+  Frame,
+  // @ts-ignore
+  Thumb
+});
+function SwitchUnstyledDemo() {
+  return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
+    /* @__PURE__ */ jsx(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+  ] }) });
+}
+export {
+  Switch,
+  SwitchUnstyledDemo
+};
+//# sourceMappingURL=SwitchUnstyledDemo.js.map

package/dist/jsx/SwitchUnstyledDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchUnstyledDemo.tsx"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAC9B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,OAAO,QAAQ,cAAc;AAoDhC,SACE,KADF;AAlDN,MAAM,QAAQ,OAAO,OAAO;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,QAAQ,OAAO,OAAO;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,SAAS,aAAa;AAAA;AAAA,EAEjC;AAAA;AAAA,EAEA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,SAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,oBAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/SwitchUnstyledDemo.mjs

@@ -0,0 +1,68 @@
+import { Stack, styled } from "@tamagui/core";
+import { SwitchStyledContext, createSwitch } from "@tamagui/switch";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Frame = styled(Stack, {
+    context: SwitchStyledContext,
+    width: 40,
+    height: 20,
+    borderRadius: 20,
+    variants: {
+      checked: {
+        true: {
+          backgroundColor: "lightblue"
+        },
+        false: {
+          backgroundColor: "silver"
+        }
+      }
+    },
+    defaultVariants: {
+      checked: !1
+    }
+  }),
+  Thumb = styled(Stack, {
+    context: SwitchStyledContext,
+    width: 20,
+    height: 20,
+    backgroundColor: "black",
+    borderRadius: 20,
+    variants: {
+      checked: {
+        true: {
+          opacity: 0.8
+        },
+        false: {
+          opacity: 0.5
+        }
+      }
+    }
+  }),
+  Switch = createSwitch({
+    // @ts-ignore
+    Frame,
+    // @ts-ignore
+    Thumb
+  });
+function SwitchUnstyledDemo() {
+  return /* @__PURE__ */jsx(YStack, {
+    width: 200,
+    alignItems: "center",
+    space: "$3",
+    children: /* @__PURE__ */jsxs(XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Label, {
+        htmlFor: "unstyled-switch",
+        children: "Unstyled"
+      }), /* @__PURE__ */jsx(Switch, {
+        defaultChecked: !0,
+        id: "unstyled-switch",
+        children: /* @__PURE__ */jsx(Switch.Thumb, {
+          animation: "quick"
+        })
+      })]
+    })
+  });
+}
+export { Switch, SwitchUnstyledDemo };

package/dist/jsx/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/jsx/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.89.0-1706360676826",
+  "version": "1.89.0-1706483140977",
   "sideEffects": [
     "*.css"
   ],
@@ -40,29 +40,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.89.0-1706360676826",
-    "@tamagui/button": "1.89.0-1706360676826",
-    "@tamagui/core": "1.89.0-1706360676826",
-    "@tamagui/list-item": "1.89.0-1706360676826",
-    "@tamagui/logo": "1.89.0-1706360676826",
-    "@tamagui/menu": "1.89.0-1706360676826",
-    "@tamagui/popover": "1.89.0-1706360676826",
-    "@tamagui/progress": "1.89.0-1706360676826",
-    "@tamagui/radio-group": "1.89.0-1706360676826",
-    "@tamagui/select": "1.89.0-1706360676826",
-    "@tamagui/sheet": "1.89.0-1706360676826",
-    "@tamagui/site-config": "1.89.0-1706360676826",
-    "@tamagui/slider": "1.89.0-1706360676826",
-    "@tamagui/stacks": "1.89.0-1706360676826",
-    "@tamagui/toast": "1.89.0-1706360676826",
-    "tamagui": "1.89.0-1706360676826"
+    "@tamagui/avatar": "1.89.0-1706483140977",
+    "@tamagui/button": "1.89.0-1706483140977",
+    "@tamagui/core": "1.89.0-1706483140977",
+    "@tamagui/list-item": "1.89.0-1706483140977",
+    "@tamagui/logo": "1.89.0-1706483140977",
+    "@tamagui/menu": "1.89.0-1706483140977",
+    "@tamagui/popover": "1.89.0-1706483140977",
+    "@tamagui/progress": "1.89.0-1706483140977",
+    "@tamagui/radio-group": "1.89.0-1706483140977",
+    "@tamagui/select": "1.89.0-1706483140977",
+    "@tamagui/sheet": "1.89.0-1706483140977",
+    "@tamagui/site-config": "1.89.0-1706483140977",
+    "@tamagui/slider": "1.89.0-1706483140977",
+    "@tamagui/stacks": "1.89.0-1706483140977",
+    "@tamagui/toast": "1.89.0-1706483140977",
+    "tamagui": "1.89.0-1706483140977"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.89.0-1706360676826",
+    "@tamagui/build": "1.89.0-1706483140977",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },