@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/CheckboxDemo.mjs

@@ -1,55 +1,53 @@
-import { Check as CheckIcon } from "@tamagui/lucide-icons-2";
+import { Check } from "@tamagui/lucide-icons-2";
 import { Checkbox, Label, Theme, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function CheckboxDemo() {
-  return /* @__PURE__ */jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */jsxs(YStack, {
-      width: 300,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */jsx(CheckboxWithLabel, {
-        size: "$3"
-      }), /* @__PURE__ */jsx(CheckboxWithLabel, {
-        size: "$4",
-        defaultChecked: true
-      }), /* @__PURE__ */jsx(CheckboxWithLabel, {
-        size: "$5",
-        disabled: true,
-        label: "Accept terms (disabled)"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			width: 300,
+			items: "center",
+			gap: "2",
+			children: [
+				/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "3" }),
+				/* @__PURE__ */ jsx(CheckboxWithLabel, {
+					size: "4",
+					defaultChecked: true
+				}),
+				/* @__PURE__ */ jsx(CheckboxWithLabel, {
+					size: "5",
+					disabled: true,
+					label: "Accept terms (disabled)"
+				})
+			]
+		})
+	});
 }
-function CheckboxWithLabel({
-  size,
-  label = "Accept terms and conditions",
-  disabled,
-  ...checkboxProps
-}) {
-  const id = `checkbox-${(size || "").toString().slice(1)}`;
-  return /* @__PURE__ */jsx(Theme, {
-    name: disabled ? "gray" : null,
-    children: /* @__PURE__ */jsxs(XStack, {
-      width: 300,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */jsx(Checkbox, {
-        id,
-        size,
-        disabled,
-        ...checkboxProps,
-        children: /* @__PURE__ */jsx(Checkbox.Indicator, {
-          children: /* @__PURE__ */jsx(CheckIcon, {})
-        })
-      }), /* @__PURE__ */jsx(Label, {
-        size,
-        htmlFor: id,
-        opacity: disabled ? 0.5 : 1,
-        children: label
-      })]
-    })
-  });
+function CheckboxWithLabel({ size, label = "Accept terms and conditions", disabled, ...checkboxProps }) {
+	const id = `checkbox-${size || ""}`;
+	return /* @__PURE__ */ jsx(Theme, {
+		name: disabled ? "gray" : null,
+		children: /* @__PURE__ */ jsxs(XStack, {
+			width: 300,
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				id,
+				size,
+				disabled,
+				activeStyle: { backgroundColor: "accent-background" },
+				...checkboxProps,
+				children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+			}), /* @__PURE__ */ jsx(Label, {
+				size,
+				htmlFor: id,
+				opacity: disabled ? .5 : 1,
+				children: label
+			})]
+		})
+	});
 }
+
 export { CheckboxDemo, CheckboxWithLabel };
 //# sourceMappingURL=CheckboxDemo.mjs.map

package/dist/esm/CheckboxDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Check","CheckIcon","Checkbox","Label","Theme","XStack","YStack","jsx","jsxs","CheckboxDemo","name","children","width","items","gap","CheckboxWithLabel","size","defaultChecked","disabled","label","checkboxProps","id","toString","slice","Indicator","htmlFor","opacity"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,IAASC,SAAA,QAAiB;AAEnC,SAASC,QAAA,EAAUC,KAAA,EAAOC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKjD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACF,MAAA;MAAOM,KAAA,EAAO;MAAKC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAJ,GAAA,CAACQ,iBAAA;QAAkBC,IAAA,EAAK;MAAA,CAAK,GAC7B,eAAAT,GAAA,CAACQ,iBAAA;QAAkBC,IAAA,EAAK;QAAKC,cAAA,EAAc;MAAA,CAAC,GAC5C,eAAAV,GAAA,CAACQ,iBAAA;QAAkBC,IAAA,EAAK;QAAKE,QAAA,EAAQ;QAACC,KAAA,EAAM;MAAA,CAA0B;IAAA,CACxE;EAAA,CACF;AAEJ;AAEO,SAASJ,kBAAkB;EAChCC,IAAA;EACAG,KAAA,GAAQ;EACRD,QAAA;EACA,GAAGE;AACL,GAAuC;EACrC,MAAMC,EAAA,GAAK,aAAaL,IAAA,IAAQ,IAAIM,QAAA,CAAS,EAAEC,KAAA,CAAM,CAAC,CAAC;EACvD,OACE,eAAAhB,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAMQ,QAAA,GAAW,SAAS;IAC/BP,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,KAAA,EAAO;MAAKC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAJ,GAAA,CAACL,QAAA;QAASmB,EAAA;QAAQL,IAAA;QAAYE,QAAA;QAAqB,GAAGE,aAAA;QACpDT,QAAA,iBAAAJ,GAAA,CAACL,QAAA,CAASsB,SAAA,EAAT;UACCb,QAAA,iBAAAJ,GAAA,CAACN,SAAA,IAAU;QAAA,CACb;MAAA,CACF,GAEA,eAAAM,GAAA,CAACJ,KAAA;QAAMa,IAAA;QAAYS,OAAA,EAASJ,EAAA;QAAIK,OAAA,EAASR,QAAA,GAAW,MAAM;QACvDP,QAAA,EAAAQ;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"CheckboxDemo.js","names":["CheckIcon"],"sources":["esm/CheckboxDemo.js"],"sourcesContent":["import { Check as CheckIcon } from \"@tamagui/lucide-icons-2\";\nimport { Checkbox, Label, Theme, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction CheckboxDemo() {\n  return /* @__PURE__ */ jsx(Theme, { name: \"level3\", children: /* @__PURE__ */ jsxs(YStack, { width: 300, items: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: \"3\" }),\n    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: \"4\", defaultChecked: true }),\n    /* @__PURE__ */ jsx(CheckboxWithLabel, { size: \"5\", disabled: true, label: \"Accept terms (disabled)\" })\n  ] }) });\n}\nfunction CheckboxWithLabel({\n  size,\n  label = \"Accept terms and conditions\",\n  disabled,\n  ...checkboxProps\n}) {\n  const id = `checkbox-${size || \"\"}`;\n  return /* @__PURE__ */ jsx(Theme, { name: disabled ? \"gray\" : null, children: /* @__PURE__ */ jsxs(XStack, { width: 300, items: \"center\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(\n      Checkbox,\n      {\n        id,\n        size,\n        disabled,\n        activeStyle: { backgroundColor: \"accent-background\" },\n        ...checkboxProps,\n        children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })\n      }\n    ),\n    /* @__PURE__ */ jsx(Label, { size, htmlFor: id, opacity: disabled ? 0.5 : 1, children: label })\n  ] }) });\n}\nexport {\n  CheckboxDemo,\n  CheckboxWithLabel\n};\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe;CACtB,OAAuB,oBAAI,OAAO;EAAE,MAAM;EAAU,UAA0B,qBAAK,QAAQ;GAAE,OAAO;GAAK,OAAO;GAAU,KAAK;GAAK,UAAU;IAC5H,oBAAI,mBAAmB,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAI,mBAAmB;KAAE,MAAM;KAAK,gBAAgB;IAAK,CAAC;IAC1D,oBAAI,mBAAmB;KAAE,MAAM;KAAK,UAAU;KAAM,OAAO;IAA0B,CAAC;GACxG;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,kBAAkB,EACzB,MACA,QAAQ,+BACR,UACA,GAAG,iBACF;CACD,MAAM,KAAK,YAAY,QAAQ;CAC/B,OAAuB,oBAAI,OAAO;EAAE,MAAM,WAAW,SAAS;EAAM,UAA0B,qBAAK,QAAQ;GAAE,OAAO;GAAK,OAAO;GAAU,KAAK;GAAK,UAAU,CAC5I,oBACd,UACA;IACE;IACA;IACA;IACA,aAAa,EAAE,iBAAiB,oBAAoB;IACpD,GAAG;IACH,UAA0B,oBAAI,SAAS,WAAW,EAAE,UAA0B,oBAAIA,OAAW,CAAC,CAAC,EAAE,CAAC;GACpG,CACF,GACgB,oBAAI,OAAO;IAAE;IAAM,SAAS;IAAI,SAAS,WAAW,KAAM;IAAG,UAAU;GAAM,CAAC,CAChG;EAAE,CAAC;CAAE,CAAC;AACR"}

package/dist/esm/CheckboxDemo.native.js

@@ -1,56 +1,54 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check as CheckIcon } from "@tamagui/lucide-icons-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "@tamagui/lucide-icons-2";
 import { Checkbox, Label, Theme, XStack, YStack } from "tamagui";
+
 function CheckboxDemo() {
-  return /* @__PURE__ */_jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */_jsxs(YStack, {
-      width: 300,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */_jsx(CheckboxWithLabel, {
-        size: "$3"
-      }), /* @__PURE__ */_jsx(CheckboxWithLabel, {
-        size: "$4",
-        defaultChecked: true
-      }), /* @__PURE__ */_jsx(CheckboxWithLabel, {
-        size: "$5",
-        disabled: true,
-        label: "Accept terms (disabled)"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			width: 300,
+			items: "center",
+			gap: "2",
+			children: [
+				/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "3" }),
+				/* @__PURE__ */ jsx(CheckboxWithLabel, {
+					size: "4",
+					defaultChecked: true
+				}),
+				/* @__PURE__ */ jsx(CheckboxWithLabel, {
+					size: "5",
+					disabled: true,
+					label: "Accept terms (disabled)"
+				})
+			]
+		})
+	});
 }
 function CheckboxWithLabel(param) {
-  var {
-    size,
-    label = "Accept terms and conditions",
-    disabled,
-    ...checkboxProps
-  } = param;
-  var id = `checkbox-${(size || "").toString().slice(1)}`;
-  return /* @__PURE__ */_jsx(Theme, {
-    name: disabled ? "gray" : null,
-    children: /* @__PURE__ */_jsxs(XStack, {
-      width: 300,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Checkbox, {
-        id,
-        size,
-        disabled,
-        ...checkboxProps,
-        children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
-          children: /* @__PURE__ */_jsx(CheckIcon, {})
-        })
-      }), /* @__PURE__ */_jsx(Label, {
-        size,
-        htmlFor: id,
-        opacity: disabled ? 0.5 : 1,
-        children: label
-      })]
-    })
-  });
+	var { size, label = "Accept terms and conditions", disabled, ...checkboxProps } = param;
+	var id = `checkbox-${size || ""}`;
+	return /* @__PURE__ */ jsx(Theme, {
+		name: disabled ? "gray" : null,
+		children: /* @__PURE__ */ jsxs(XStack, {
+			width: 300,
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				id,
+				size,
+				disabled,
+				activeStyle: { backgroundColor: "accent-background" },
+				...checkboxProps,
+				children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+			}), /* @__PURE__ */ jsx(Label, {
+				size,
+				htmlFor: id,
+				opacity: disabled ? .5 : 1,
+				children: label
+			})]
+		})
+	});
 }
+
 export { CheckboxDemo, CheckboxWithLabel };
 //# sourceMappingURL=CheckboxDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","CheckIcon","Checkbox","Label","Theme","XStack","YStack","CheckboxDemo","name","children","width","items","gap","CheckboxWithLabel","size","defaultChecked","disabled","label"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAiB;AAEnC,SAASC,KAAA,IAAAC,SAAiB,QAAO,yBAAsB;AAKjD,SACEC,QADF,EAAAC,KAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAV,IAAC,CAAAO,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACV,KAAA,CAAAO,MAAA;MACDI,KAAA;MACFC,KACF;MAEJC,GAAA;MAEOH,QAAS,GACd,eAAAZ,IAAA,CAAAgB,iBAAA;QACQC,IAAA;MACR,IACG,eAAAjB,IAAA,CAAAgB,iBAAA;QACkCC,IAAA;QAC/BC,cAAK,EAAa;MACxB,CACE,GAEI,eAAClB,IAAA,CAAAgB,iBAA6B;QAM9BC,IAAA;QAIJE,QAAA;QAEJC,KAAA","ignoreList":[]}
+{"version":3,"file":"CheckboxDemo.native.js","names":["CheckIcon"],"sources":["esm/CheckboxDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Check as CheckIcon } from \"@tamagui/lucide-icons-2\";\nimport { Checkbox, Label, Theme, XStack, YStack } from \"tamagui\";\nfunction CheckboxDemo() {\n  return /* @__PURE__ */ _jsx(Theme, {\n    name: \"level3\",\n    children: /* @__PURE__ */ _jsxs(YStack, {\n      width: 300,\n      items: \"center\",\n      gap: \"2\",\n      children: [\n        /* @__PURE__ */ _jsx(CheckboxWithLabel, {\n          size: \"3\"\n        }),\n        /* @__PURE__ */ _jsx(CheckboxWithLabel, {\n          size: \"4\",\n          defaultChecked: true\n        }),\n        /* @__PURE__ */ _jsx(CheckboxWithLabel, {\n          size: \"5\",\n          disabled: true,\n          label: \"Accept terms (disabled)\"\n        })\n      ]\n    })\n  });\n}\nfunction CheckboxWithLabel(param) {\n  var { size, label = \"Accept terms and conditions\", disabled, ...checkboxProps } = param;\n  var id = `checkbox-${size || \"\"}`;\n  return /* @__PURE__ */ _jsx(Theme, {\n    name: disabled ? \"gray\" : null,\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      width: 300,\n      items: \"center\",\n      gap: \"4\",\n      children: [\n        /* @__PURE__ */ _jsx(Checkbox, {\n          id,\n          size,\n          disabled,\n          activeStyle: {\n            backgroundColor: \"accent-background\"\n          },\n          ...checkboxProps,\n          children: /* @__PURE__ */ _jsx(Checkbox.Indicator, {\n            children: /* @__PURE__ */ _jsx(CheckIcon, {})\n          })\n        }),\n        /* @__PURE__ */ _jsx(Label, {\n          size,\n          htmlFor: id,\n          opacity: disabled ? 0.5 : 1,\n          children: label\n        })\n      ]\n    })\n  });\n}\nexport {\n  CheckboxDemo,\n  CheckboxWithLabel\n};\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe;CACtB,OAAuB,oBAAK,OAAO;EACjC,MAAM;EACN,UAA0B,qBAAM,QAAQ;GACtC,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU;IACQ,oBAAK,mBAAmB,EACtC,MAAM,IACR,CAAC;IACe,oBAAK,mBAAmB;KACtC,MAAM;KACN,gBAAgB;IAClB,CAAC;IACe,oBAAK,mBAAmB;KACtC,MAAM;KACN,UAAU;KACV,OAAO;IACT,CAAC;GACH;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,kBAAkB,OAAO;CAChC,IAAI,EAAE,MAAM,QAAQ,+BAA+B,UAAU,GAAG,kBAAkB;CAClF,IAAI,KAAK,YAAY,QAAQ;CAC7B,OAAuB,oBAAK,OAAO;EACjC,MAAM,WAAW,SAAS;EAC1B,UAA0B,qBAAM,QAAQ;GACtC,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU,CACQ,oBAAK,UAAU;IAC7B;IACA;IACA;IACA,aAAa,EACX,iBAAiB,oBACnB;IACA,GAAG;IACH,UAA0B,oBAAK,SAAS,WAAW,EACjD,UAA0B,oBAAKA,OAAW,CAAC,CAAC,EAC9C,CAAC;GACH,CAAC,GACe,oBAAK,OAAO;IAC1B;IACA,SAAS;IACT,SAAS,WAAW,KAAM;IAC1B,UAAU;GACZ,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH"}

package/dist/esm/CheckboxHeadlessDemo.mjs

@@ -4,50 +4,52 @@ import { Check, Minus } from "@tamagui/lucide-icons-2";
 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,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(HeadlessCheckbox, {
-        defaultChecked: "indeterminate",
-        id: "headless"
-      }), /* @__PURE__ */jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			gap: "3",
+			items: "center",
+			children: [/* @__PURE__ */ jsx(HeadlessCheckbox, {
+				defaultChecked: "indeterminate",
+				id: "headless"
+			}), /* @__PURE__ */ jsx(Label, {
+				htmlFor: "headless",
+				children: "Headless"
+			})]
+		})
+	});
 }
 const HeadlessCheckbox = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || false);
-  const {
-    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 === true ? "lightblue" : "silver"
-    },
-    ref: checkboxRef,
-    ...checkboxProps,
-    children: [checked === "indeterminate" && /* @__PURE__ */jsx(Minus, {
-      width: 18,
-      height: 18
-    }), checked === true && /* @__PURE__ */jsx(Check, {
-      width: 18,
-      height: 18
-    }), bubbleInput]
-  });
+	const [checked, setChecked] = React.useState(props.defaultChecked || false);
+	const { 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 === true ? "lightblue" : "silver"
+		},
+		ref: checkboxRef,
+		...checkboxProps,
+		children: [
+			checked === "indeterminate" && /* @__PURE__ */ jsx(Minus, {
+				width: 18,
+				height: 18
+			}),
+			checked === true && /* @__PURE__ */ jsx(Check, {
+				width: 18,
+				height: 18
+			}),
+			bubbleInput
+		]
+	});
 });
+
 export { CheckboxHeadlessDemo };
 //# sourceMappingURL=CheckboxHeadlessDemo.mjs.map

package/dist/esm/CheckboxHeadlessDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","jsx","jsxs","CheckboxHeadlessDemo","width","items","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent","alignItems","backgroundColor"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAA,QAAmB;AAC5B,SAASC,KAAA,EAAOC,KAAA,QAAa;AAG7B,SAASC,SAAA,QAAiB;AAC1B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAF,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAN,GAAA,CAACO,gBAAA;QAAiBC,cAAA,EAAe;QAAgBC,EAAA,EAAG;MAAA,CAAW,GAC/D,eAAAT,GAAA,CAACH,KAAA;QAAMa,OAAA,EAAQ;QAAWJ,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ;AAEA,MAAMC,gBAAA,GAAmBf,KAAA,CAAMmB,UAAA,CAAwC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMJ,cAAA,IAAkB,KAAK;EAC1E,MAAM;IAAES,aAAA;IAAeC,WAAA;IAAaC;EAAY,IAAI1B,WAAA,CAClDmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;EAEA,OACE,eAAAZ,IAAA,CAACL,SAAA;IACCwB,KAAA,EAAO;MACLjB,KAAA,EAAO;MACPkB,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,cAAA,EAAgB;MAChBC,UAAA,EAAY;MACZC,eAAA,EAAiBX,OAAA,KAAY,OAAO,cAAc;IACpD;IACAD,GAAA,EAAKK,WAAA;IACJ,GAAGD,aAAA;IAEHX,QAAA,GAAAQ,OAAA,KAAY,mBAAmB,eAAAd,GAAA,CAACL,KAAA;MAAMQ,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAC7DP,OAAA,KAAY,QAAQ,eAAAd,GAAA,CAACN,KAAA;MAAMS,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAClDF,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}
+{"version":3,"file":"CheckboxHeadlessDemo.js","names":[],"sources":["esm/CheckboxHeadlessDemo.js"],"sourcesContent":["import React from \"react\";\nimport { useCheckbox } from \"@tamagui/checkbox-headless\";\nimport { Check, Minus } from \"@tamagui/lucide-icons-2\";\nimport { Pressable } from \"react-native-web\";\nimport { Label, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction CheckboxHeadlessDemo() {\n  return /* @__PURE__ */ jsx(YStack, { width: 200, items: \"center\", gap: \"3\", children: /* @__PURE__ */ jsxs(XStack, { gap: \"3\", items: \"center\", children: [\n    /* @__PURE__ */ jsx(HeadlessCheckbox, { defaultChecked: \"indeterminate\", id: \"headless\" }),\n    /* @__PURE__ */ jsx(Label, { htmlFor: \"headless\", children: \"Headless\" })\n  ] }) });\n}\nconst HeadlessCheckbox = React.forwardRef((props, ref) => {\n  const [checked, setChecked] = React.useState(props.defaultChecked || false);\n  const { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(\n    props,\n    [checked, setChecked],\n    ref\n  );\n  return /* @__PURE__ */ jsxs(\n    Pressable,\n    {\n      style: {\n        width: 20,\n        height: 20,\n        borderRadius: 4,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        backgroundColor: checked === true ? \"lightblue\" : \"silver\"\n      },\n      ref: checkboxRef,\n      ...checkboxProps,\n      children: [\n        checked === \"indeterminate\" && /* @__PURE__ */ jsx(Minus, { width: 18, height: 18 }),\n        checked === true && /* @__PURE__ */ jsx(Check, { width: 18, height: 18 }),\n        bubbleInput\n      ]\n    }\n  );\n});\nexport {\n  CheckboxHeadlessDemo\n};\n//# sourceMappingURL=CheckboxHeadlessDemo.js.map\n"],"mappings":";;;;;;;;AAMA,SAAS,uBAAuB;CAC9B,OAAuB,oBAAI,QAAQ;EAAE,OAAO;EAAK,OAAO;EAAU,KAAK;EAAK,UAA0B,qBAAK,QAAQ;GAAE,KAAK;GAAK,OAAO;GAAU,UAAU,CACxI,oBAAI,kBAAkB;IAAE,gBAAgB;IAAiB,IAAI;GAAW,CAAC,GACzE,oBAAI,OAAO;IAAE,SAAS;IAAY,UAAU;GAAW,CAAC,CAC1E;EAAE,CAAC;CAAE,CAAC;AACR;AACA,MAAM,mBAAmB,MAAM,YAAY,OAAO,QAAQ;CACxD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM,kBAAkB,KAAK;CAC1E,MAAM,EAAE,eAAe,aAAa,gBAAgB,YAClD,OACA,CAAC,SAAS,UAAU,GACpB,GACF;CACA,OAAuB,qBACrB,WACA;EACE,OAAO;GACL,OAAO;GACP,QAAQ;GACR,cAAc;GACd,gBAAgB;GAChB,YAAY;GACZ,iBAAiB,YAAY,OAAO,cAAc;EACpD;EACA,KAAK;EACL,GAAG;EACH,UAAU;GACR,YAAY,mBAAmC,oBAAI,OAAO;IAAE,OAAO;IAAI,QAAQ;GAAG,CAAC;GACnF,YAAY,QAAwB,oBAAI,OAAO;IAAE,OAAO;IAAI,QAAQ;GAAG,CAAC;GACxE;EACF;CACF,CACF;AACF,CAAC"}

package/dist/esm/CheckboxHeadlessDemo.native.js

@@ -1,53 +1,55 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useCheckbox } from "@tamagui/checkbox-headless";
 import { Check, Minus } from "@tamagui/lucide-icons-2";
 import { Pressable } from "react-native";
 import { Label, XStack, YStack } from "tamagui";
+
 function CheckboxHeadlessDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(HeadlessCheckbox, {
-        defaultChecked: "indeterminate",
-        id: "headless"
-      }), /* @__PURE__ */_jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			gap: "3",
+			items: "center",
+			children: [/* @__PURE__ */ jsx(HeadlessCheckbox, {
+				defaultChecked: "indeterminate",
+				id: "headless"
+			}), /* @__PURE__ */ jsx(Label, {
+				htmlFor: "headless",
+				children: "Headless"
+			})]
+		})
+	});
 }
-var HeadlessCheckbox = /* @__PURE__ */React.forwardRef(function (props, ref) {
-  var [checked, setChecked] = React.useState(props.defaultChecked || false);
-  var {
-    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 === true ? "lightblue" : "silver"
-    },
-    ref: checkboxRef,
-    ...checkboxProps,
-    children: [checked === "indeterminate" && /* @__PURE__ */_jsx(Minus, {
-      width: 18,
-      height: 18
-    }), checked === true && /* @__PURE__ */_jsx(Check, {
-      width: 18,
-      height: 18
-    }), bubbleInput]
-  });
+var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+	var [checked, setChecked] = React.useState(props.defaultChecked || false);
+	var { 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 === true ? "lightblue" : "silver"
+		},
+		ref: checkboxRef,
+		...checkboxProps,
+		children: [
+			checked === "indeterminate" && /* @__PURE__ */ jsx(Minus, {
+				width: 18,
+				height: 18
+			}),
+			checked === true && /* @__PURE__ */ jsx(Check, {
+				width: 18,
+				height: 18
+			}),
+			bubbleInput
+		]
+	});
 });
+
 export { CheckboxHeadlessDemo };
 //# sourceMappingURL=CheckboxHeadlessDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","CheckboxHeadlessDemo","width","items","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent","alignItems"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS;AACT,SAASC,WAAO,oCAAa;AAG7B,SAASC,KAAA,EAAAC,KAAA,QAAiB;AAC1B,SAASC,SAAO,QAAQ,cAAc;AAKhC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAX,IAAC,CAAAU,MAAA;IAEGE,KAAA;IACAC,KAAA;IAAkCC,GACpC,EACF;IAEJC,QAAA,iBAAAb,KAAA,CAAAO,MAAA;MAEMK,GAAA;MACJD,KAAO,UAAS;MAChBE,QAAQ,GACN,eAAAf,IAAA,CAAAgB,gBAAA;QACCC,cAAmB;QACpBC,EAAA;MACF,IAEA,eACElB,IAAA,CAAAQ,KAAA;QAACW,OAAA;QAAAJ,QAAA;MACC;IACS;EACC;AACM;AACE,IAAAC,gBACJ,kBAAAb,KAAA,CAAAiB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,KAAAC,OACZ,EAAAC,UAAiB,IAAArB,KAAA,CAAAsB,QAAmB,CAAAJ,KAAA,CAAAJ,cAAc;EAAA,IACpD;IAAAS,aAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAxB,WAAA,CAAAiB,KAAA,GAAAE,OACK,EAAAC,UACD,GAAAF,GAEH;EAAA,sBAAYpB,KAAA,CAAAK,SAAmB;IAA8BsB,KAC7D;MAAkDjB,KAClD;MAAAkB,MAAA;MAAAC,YAAA;MACHC,cAAA;MAEHC,UAAA","ignoreList":[]}
+{"version":3,"file":"CheckboxHeadlessDemo.native.js","names":[],"sources":["esm/CheckboxHeadlessDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { useCheckbox } from \"@tamagui/checkbox-headless\";\nimport { Check, Minus } from \"@tamagui/lucide-icons-2\";\nimport { Pressable } from \"react-native\";\nimport { Label, XStack, YStack } from \"tamagui\";\nfunction CheckboxHeadlessDemo() {\n  return /* @__PURE__ */ _jsx(YStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"3\",\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      gap: \"3\",\n      items: \"center\",\n      children: [\n        /* @__PURE__ */ _jsx(HeadlessCheckbox, {\n          defaultChecked: \"indeterminate\",\n          id: \"headless\"\n        }),\n        /* @__PURE__ */ _jsx(Label, {\n          htmlFor: \"headless\",\n          children: \"Headless\"\n        })\n      ]\n    })\n  });\n}\nvar HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {\n  var [checked, setChecked] = React.useState(props.defaultChecked || false);\n  var { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(props, [\n    checked,\n    setChecked\n  ], ref);\n  return /* @__PURE__ */ _jsxs(Pressable, {\n    style: {\n      width: 20,\n      height: 20,\n      borderRadius: 4,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: checked === true ? \"lightblue\" : \"silver\"\n    },\n    ref: checkboxRef,\n    ...checkboxProps,\n    children: [\n      checked === \"indeterminate\" && /* @__PURE__ */ _jsx(Minus, {\n        width: 18,\n        height: 18\n      }),\n      checked === true && /* @__PURE__ */ _jsx(Check, {\n        width: 18,\n        height: 18\n      }),\n      bubbleInput\n    ]\n  });\n});\nexport {\n  CheckboxHeadlessDemo\n};\n//# sourceMappingURL=CheckboxHeadlessDemo.js.map\n"],"mappings":";;;;;;;;AAMA,SAAS,uBAAuB;CAC9B,OAAuB,oBAAK,QAAQ;EAClC,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAA0B,qBAAM,QAAQ;GACtC,KAAK;GACL,OAAO;GACP,UAAU,CACQ,oBAAK,kBAAkB;IACrC,gBAAgB;IAChB,IAAI;GACN,CAAC,GACe,oBAAK,OAAO;IAC1B,SAAS;IACT,UAAU;GACZ,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH;AACA,IAAI,mBAAmC,sBAAM,WAAW,SAAS,OAAO,KAAK;CAC3E,IAAI,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM,kBAAkB,KAAK;CACxE,IAAI,EAAE,eAAe,aAAa,gBAAgB,YAAY,OAAO,CACnE,SACA,UACF,GAAG,GAAG;CACN,OAAuB,qBAAM,WAAW;EACtC,OAAO;GACL,OAAO;GACP,QAAQ;GACR,cAAc;GACd,gBAAgB;GAChB,YAAY;GACZ,iBAAiB,YAAY,OAAO,cAAc;EACpD;EACA,KAAK;EACL,GAAG;EACH,UAAU;GACR,YAAY,mBAAmC,oBAAK,OAAO;IACzD,OAAO;IACP,QAAQ;GACV,CAAC;GACD,YAAY,QAAwB,oBAAK,OAAO;IAC9C,OAAO;IACP,QAAQ;GACV,CAAC;GACD;EACF;CACF,CAAC;AACH,CAAC"}