@tamagui/demos 1.89.0-1706360676826 → 1.89.0

package/dist/jsx/BuildAButtonDemo.native.js

@@ -1,24 +1,6 @@
-"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 BuildAButtonDemo_exports = {};
-__export(BuildAButtonDemo_exports, {
-  BuildAButtonDemo: () => BuildAButtonDemo
-});
-module.exports = __toCommonJS(BuildAButtonDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Drumstick, Hand } from "@tamagui/lucide-icons";
+import { Button, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const outlined = {
   backgroundColor: "transparent",
   borderWidth: 2,
@@ -30,33 +12,32 @@ const outlined = {
   }
 };
 function BuildAButtonDemo() {
-  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: -40, rotate: "-10deg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: 35, size: "$2", ...outlined, subTheme: "alt1", borderWidth: 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: 30 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: -50, ...outlined }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { ...outlined, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Hand, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$6", subTheme: "alt2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$6", subTheme: "alt2", ...outlined }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$8", subTheme: "alt2", iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Drumstick, {}), ...outlined }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$10", subTheme: "alt1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$8", subTheme: "alt2", ...outlined, borderRadius: 0 })
+  return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -40, rotate: "-10deg", children: [
+    /* @__PURE__ */ jsx(ButtonCol, { y: 35, size: "$2", ...outlined, subTheme: "alt1", borderWidth: 1 }),
+    /* @__PURE__ */ jsx(ButtonCol, { y: 30 }),
+    /* @__PURE__ */ jsx(ButtonCol, { y: -50, ...outlined }),
+    /* @__PURE__ */ jsx(ButtonCol, { ...outlined, icon: /* @__PURE__ */ jsx(Hand, {}) }),
+    /* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2" }),
+    /* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2", ...outlined }),
+    /* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", iconAfter: /* @__PURE__ */ jsx(Drumstick, {}), ...outlined }),
+    /* @__PURE__ */ jsx(ButtonCol, { size: "$10", subTheme: "alt1" }),
+    /* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", ...outlined, borderRadius: 0 })
   ] }) });
 }
 function ButtonCol(props) {
   const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2", space: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: props.subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "green" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "blue" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "purple" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "pink" + subTheme, ...props, children: "Hello" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "red" + subTheme, ...props, children: "Hello" })
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$2", space: "$3", children: [
+    /* @__PURE__ */ jsx(Button, { theme: props.subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "green" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "blue" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "purple" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "pink" + subTheme, ...props, children: "Hello" }),
+    /* @__PURE__ */ jsx(Button, { theme: "red" + subTheme, ...props, children: "Hello" })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   BuildAButtonDemo
-});
+};
 //# sourceMappingURL=BuildAButtonDemo.js.map

package/dist/jsx/BuildAButtonDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/BuildAButtonDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAEhC,iBAAuC,oBAiBjC;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,4CAAC,yBAAO,YAAU,IAAC,IAAG,UACpB,uDAAC,yBAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,gDAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,4CAAC,aAAU,GAAG,IAAI;AAAA,IAClB,4CAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,4CAAC,aAAW,GAAG,UAAU,MAAM,4CAAC,4BAAK,GAAI;AAAA,IACzC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,4CAAC,iCAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,4CAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,gDAAC,yBAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,WAAW,YAAY;AAEhC,SAAS,QAAQ,QAAQ,cAAc;AAiBjC,SACE,KADF;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,UAAO,YAAU,IAAC,IAAG,UACpB,+BAAC,UAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,wBAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,oBAAC,aAAU,GAAG,IAAI;AAAA,IAClB,oBAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,oBAAC,aAAW,GAAG,UAAU,MAAM,oBAAC,QAAK,GAAI;AAAA,IACzC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,oBAAC,aAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,oBAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/ButtonDemo.native.js

@@ -1,44 +1,25 @@
-"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 ButtonDemo_exports = {};
-__export(ButtonDemo_exports, {
-  ButtonDemo: () => ButtonDemo
-});
-module.exports = __toCommonJS(ButtonDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Activity, Airplay } from "@tamagui/lucide-icons";
+import { Button, XGroup, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$3", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "active", children: "Active" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", variant: "outlined", children: "Outlined" })
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$3", ...props, children: [
+    /* @__PURE__ */ jsx(Button, { children: "Plain" }),
+    /* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$2", justifyContent: "center", children: [
+      /* @__PURE__ */ jsx(Button, { size: "$3", theme: "active", children: "Active" }),
+      /* @__PURE__ */ jsx(Button, { size: "$3", variant: "outlined", children: "Outlined" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "iconAfter" })
+    /* @__PURE__ */ jsxs(XStack, { space: "$2", children: [
+      /* @__PURE__ */ jsx(Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
+      /* @__PURE__ */ jsx(Button, { iconAfter: Activity, size: "$3", children: "iconAfter" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", chromeless: !0, children: "chromeless" }) })
+    /* @__PURE__ */ jsxs(XGroup, { children: [
+      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
+      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", chromeless: !0, children: "chromeless" }) })
     ] })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ButtonDemo
-});
+};
 //# sourceMappingURL=ButtonDemo.js.map

package/dist/jsx/ButtonDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ButtonDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA+C,oBAKzC;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,yBAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAKzC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,UAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/CardDemo.native.js

@@ -1,28 +1,8 @@
-"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 CardDemo_exports = {};
-__export(CardDemo_exports, {
-  CardDemo: () => CardDemo,
-  DemoCard: () => DemoCard
-});
-module.exports = __toCommonJS(CardDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Button, Card, H2, Image, Paragraph, XStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function CardDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
+    /* @__PURE__ */ jsx(
       DemoCard,
       {
         animation: "bouncy",
@@ -34,21 +14,21 @@ function CardDemo() {
         pressStyle: { scale: 0.875 }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoCard, { size: "$5", width: 250, height: 300 })
+    /* @__PURE__ */ jsx(DemoCard, { size: "$5", width: 250, height: 300 })
   ] });
 }
 function DemoCard(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card, { elevate: !0, size: "$4", bordered: !0, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, { padded: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sony A7IV" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { theme: "alt2", children: "Now available" })
+  return /* @__PURE__ */ jsxs(Card, { elevate: !0, size: "$4", bordered: !0, ...props, children: [
+    /* @__PURE__ */ jsxs(Card.Header, { padded: !0, children: [
+      /* @__PURE__ */ jsx(H2, { children: "Sony A7IV" }),
+      /* @__PURE__ */ jsx(Paragraph, { theme: "alt2", children: "Now available" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Footer, { padded: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { flex: 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { borderRadius: "$10", children: "Purchase" })
+    /* @__PURE__ */ jsxs(Card.Footer, { padded: !0, children: [
+      /* @__PURE__ */ jsx(XStack, { flex: 1 }),
+      /* @__PURE__ */ jsx(Button, { borderRadius: "$10", children: "Purchase" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Card.Background, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Image,
+    /* @__PURE__ */ jsx(Card.Background, { children: /* @__PURE__ */ jsx(
+      Image,
       {
         resizeMode: "contain",
         alignSelf: "center",
@@ -61,9 +41,8 @@ function DemoCard(props) {
     ) })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   CardDemo,
   DemoCard
-});
+};
 //# sourceMappingURL=CardDemo.js.map

package/dist/jsx/CardDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/CardDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2D,oBAIvD;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,4CAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,6CAAC,uBAAK,SAAO,IAAC,MAAK,MAAK,UAAQ,IAAE,GAAG,OACnC;AAAA,iDAAC,oBAAK,QAAL,EAAY,QAAM,IACjB;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,6CAAC,oBAAK,QAAL,EAAY,QAAM,IACjB;AAAA,kDAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,yBAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,4CAAC,oBAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAK;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,SAAO,IAAC,MAAK,MAAK,UAAQ,IAAE,GAAG,OACnC;AAAA,yBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,oBAAC,KAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAK;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/CheckboxDemo.native.js

@@ -1,30 +1,11 @@
-"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 CheckboxDemo_exports = {};
-__export(CheckboxDemo_exports, {
-  CheckboxDemo: () => CheckboxDemo,
-  CheckboxWithLabel: () => CheckboxWithLabel
-});
-module.exports = __toCommonJS(CheckboxDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Check as CheckIcon } from "@tamagui/lucide-icons";
+import { Checkbox, Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function CheckboxDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
+  return /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$3" }),
+    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
+    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
   ] });
 }
 function CheckboxWithLabel({
@@ -33,14 +14,13 @@ function CheckboxWithLabel({
   ...checkboxProps
 }) {
   const id = `checkbox-${size.toString().slice(1)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size, htmlFor: id, children: label })
+  return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
+    /* @__PURE__ */ jsx(Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+    /* @__PURE__ */ jsx(Label, { size, htmlFor: id, children: label })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   CheckboxDemo,
   CheckboxWithLabel
-});
+};
 //# sourceMappingURL=CheckboxDemo.js.map

package/dist/jsx/CheckboxDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/CheckboxDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCAEnC,iBAAgD,oBAI5C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,4CAAC,qBAAkB,MAAK,MAAK,UAAQ,IAAC,OAAM,2BAA0B;AAAA,KACxE;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAS,IAAQ,MAAa,GAAG,eAChC,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
-  "names": ["CheckIcon"]
+  "mappings": "AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU,OAAO,QAAQ,cAAc;AAI5C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,oBAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,oBAAC,qBAAkB,MAAK,MAAK,UAAQ,IAAC,OAAM,2BAA0B;AAAA,KACxE;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,YAAS,IAAQ,MAAa,GAAG,eAChC,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb,GACF;AAAA,IAEA,oBAAC,SAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/jsx/CheckboxHeadlessDemo.js

@@ -0,0 +1,43 @@
+import { useCheckbox } from "@tamagui/checkbox-headless";
+import { Check, Minus } from "@tamagui/lucide-icons";
+import { forwardRef, useState } from "react";
+import { Pressable } from "react-native-web";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CheckboxHeadlessDemo() {
+  return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" })
+  ] }) });
+}
+const HeadlessCheckbox = forwardRef((props, ref) => {
+  const [checked, setChecked] = useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
+    props,
+    [checked, setChecked],
+    ref
+  );
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 4,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: checked === !0 ? "lightblue" : "silver"
+      },
+      ref: checkboxRef,
+      ...checkboxProps,
+      children: [
+        checked === "indeterminate" && /* @__PURE__ */ jsx(Minus, { width: 18, height: 18 }),
+        checked === !0 && /* @__PURE__ */ jsx(Check, { width: 18, height: 18 }),
+        bubbleInput
+      ]
+    }
+  );
+});
+export {
+  CheckboxHeadlessDemo
+};
+//# sourceMappingURL=CheckboxHeadlessDemo.js.map

package/dist/jsx/CheckboxHeadlessDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/CheckboxHeadlessDemo.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAE/D,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,mBAAmB,WAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
+  "names": []
+}

package/dist/jsx/CheckboxHeadlessDemo.mjs

@@ -0,0 +1,52 @@
+import { useCheckbox } from "@tamagui/checkbox-headless";
+import { Check, Minus } from "@tamagui/lucide-icons";
+import { forwardRef, useState } from "react";
+import { Pressable } from "react-native-web";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CheckboxHeadlessDemo() {
+  return /* @__PURE__ */jsx(YStack, {
+    width: 200,
+    alignItems: "center",
+    space: "$3",
+    children: /* @__PURE__ */jsxs(XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(HeadlessCheckbox, {
+        defaultChecked: "indeterminate",
+        id: "headless"
+      }), /* @__PURE__ */jsx(Label, {
+        htmlFor: "headless",
+        children: "Headless"
+      })]
+    })
+  });
+}
+const HeadlessCheckbox = forwardRef((props, ref) => {
+  const [checked, setChecked] = useState(props.defaultChecked || !1),
+    {
+      checkboxProps,
+      checkboxRef,
+      bubbleInput
+    } = useCheckbox(props, [checked, setChecked], ref);
+  return /* @__PURE__ */jsxs(Pressable, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: checked === !0 ? "lightblue" : "silver"
+    },
+    ref: checkboxRef,
+    ...checkboxProps,
+    children: [checked === "indeterminate" && /* @__PURE__ */jsx(Minus, {
+      width: 18,
+      height: 18
+    }), checked === !0 && /* @__PURE__ */jsx(Check, {
+      width: 18,
+      height: 18
+    }), bubbleInput]
+  });
+});
+export { CheckboxHeadlessDemo };

package/dist/jsx/CheckboxHeadlessDemo.native.js

@@ -0,0 +1,43 @@
+import { useCheckbox } from "@tamagui/checkbox-headless";
+import { Check, Minus } from "@tamagui/lucide-icons";
+import { forwardRef, useState } from "react";
+import { Pressable } from "react-native";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CheckboxHeadlessDemo() {
+  return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" })
+  ] }) });
+}
+const HeadlessCheckbox = forwardRef((props, ref) => {
+  const [checked, setChecked] = useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
+    props,
+    [checked, setChecked],
+    ref
+  );
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 4,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: checked === !0 ? "lightblue" : "silver"
+      },
+      ref: checkboxRef,
+      ...checkboxProps,
+      children: [
+        checked === "indeterminate" && /* @__PURE__ */ jsx(Minus, { width: 18, height: 18 }),
+        checked === !0 && /* @__PURE__ */ jsx(Check, { width: 18, height: 18 }),
+        bubbleInput
+      ]
+    }
+  );
+});
+export {
+  CheckboxHeadlessDemo
+};
+//# sourceMappingURL=CheckboxHeadlessDemo.js.map

package/dist/jsx/CheckboxHeadlessDemo.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/CheckboxHeadlessDemo.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAE/D,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,mBAAmB,WAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
+  "names": []
+}

package/dist/jsx/CheckboxUnstyledDemo.js

@@ -0,0 +1,40 @@
+import { createCheckbox } from "@tamagui/checkbox";
+import { Stack, styled } from "@tamagui/core";
+import { Check } from "@tamagui/lucide-icons";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Frame = styled(Stack, {
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  borderRadius: 5,
+  alignItems: "center",
+  justifyContent: "center",
+  variants: {
+    checked: {
+      indeterminate: {},
+      true: {
+        backgroundColor: "$color5"
+      },
+      false: {
+        backgroundColor: "$color3"
+      }
+    }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Indicator = styled(Stack, {}), Checkbox = createCheckbox({
+  Frame,
+  Indicator
+});
+function CheckboxUnstyledDemo() {
+  return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Checkbox, { defaultChecked: !0, id: "unstyled", children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "unstyled", children: "Unstyled" })
+  ] }) });
+}
+export {
+  Checkbox,
+  CheckboxUnstyledDemo
+};
+//# sourceMappingURL=CheckboxUnstyledDemo.js.map

package/dist/jsx/CheckboxUnstyledDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/CheckboxUnstyledDemo.tsx"],
+  "mappings": "AAAA,SAAgC,sBAAsB;AACtD,SAAS,OAAO,cAAc;AAC9B,SAAS,aAAa;AACtB,SAAS,OAAO,QAAQ,cAAc;AAmChC,SAGM,KAHN;AAjCN,MAAM,QAAQ,OAAO,OAAO;AAAA,EAC1B,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,eAAe,CAAC;AAAA,MAChB,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAY,OAAO,OAAO,CAAC,CAAC,GAErB,WAAW,eAAe;AAAA,EACrC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,YAAS,gBAAc,IAAC,IAAG,YAC1B,8BAAC,SAAS,WAAT,EACC,8BAAC,SAAM,GACT,GACF;AAAA,IACA,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/CheckboxUnstyledDemo.mjs

@@ -0,0 +1,53 @@
+import { createCheckbox } from "@tamagui/checkbox";
+import { Stack, styled } from "@tamagui/core";
+import { Check } from "@tamagui/lucide-icons";
+import { Label, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Frame = styled(Stack, {
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    borderRadius: 5,
+    alignItems: "center",
+    justifyContent: "center",
+    variants: {
+      checked: {
+        indeterminate: {},
+        true: {
+          backgroundColor: "$color5"
+        },
+        false: {
+          backgroundColor: "$color3"
+        }
+      }
+    },
+    defaultVariants: {
+      checked: !1
+    }
+  }),
+  Indicator = styled(Stack, {}),
+  Checkbox = createCheckbox({
+    Frame,
+    Indicator
+  });
+function CheckboxUnstyledDemo() {
+  return /* @__PURE__ */jsx(YStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$3",
+    children: /* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Checkbox, {
+        defaultChecked: !0,
+        id: "unstyled",
+        children: /* @__PURE__ */jsx(Checkbox.Indicator, {
+          children: /* @__PURE__ */jsx(Check, {})
+        })
+      }), /* @__PURE__ */jsx(Label, {
+        htmlFor: "unstyled",
+        children: "Unstyled"
+      })]
+    })
+  });
+}
+export { Checkbox, CheckboxUnstyledDemo };