@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ToastDuplicateDemo.native.js

@@ -1,49 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle2 } from "@tamagui/lucide-icons-2";
-import { Toast, toast, useToasts } from "@tamagui/toast/v2";
-import { Button, XStack, YStack } from "tamagui";
-var ToastDuplicateDemo = function () {
-  return /* @__PURE__ */_jsxs(Toast, {
-    children: [/* @__PURE__ */_jsx(Toast.Viewport, {
-      children: /* @__PURE__ */_jsx(ToastList, {})
-    }), /* @__PURE__ */_jsx(YStack, {
-      items: "center",
-      children: /* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          toast("Successfully saved!", {
-            description: "Don't worry... We've got your data."
-          });
-        },
-        children: "Show toast"
-      })
-    })]
-  });
+import { toast, useToasts } from "@tamagui/toast";
+import { Button, Toast, XStack, YStack } from "tamagui";
+
+var ToastDuplicateDemo = function() {
+	return /* @__PURE__ */ jsxs(Toast, {
+		toasterId: "duplicate-demo",
+		children: [/* @__PURE__ */ jsx(Toast.Viewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }), /* @__PURE__ */ jsx(YStack, {
+			items: "center",
+			children: /* @__PURE__ */ jsx(Button, {
+				onPress: function() {
+					toast("Successfully saved!", {
+						toasterId: "duplicate-demo",
+						description: "Don't worry... We've got your data."
+					});
+				},
+				children: "Show toast"
+			})
+		})]
+	});
 };
-var ToastList = function () {
-  var {
-    toasts
-  } = useToasts();
-  return /* @__PURE__ */_jsx(_Fragment, {
-    children: toasts.map(function (t, index) {
-      return /* @__PURE__ */_jsx(Toast.Item, {
-        toast: t,
-        index,
-        children: /* @__PURE__ */_jsxs(XStack, {
-          gap: "$4",
-          items: "center",
-          children: [/* @__PURE__ */_jsx(YStack, {
-            children: /* @__PURE__ */_jsx(CheckCircle2, {})
-          }), /* @__PURE__ */_jsxs(YStack, {
-            children: [/* @__PURE__ */_jsx(Toast.Title, {
-              children: typeof t.title === "function" ? t.title() : t.title
-            }), t.description && /* @__PURE__ */_jsx(Toast.Description, {
-              children: typeof t.description === "function" ? t.description() : t.description
-            })]
-          })]
-        })
-      }, t.id);
-    })
-  });
+var ToastList = function() {
+	var { toasts } = useToasts();
+	return /* @__PURE__ */ jsx(Fragment, { children: toasts.map(function(t, index) {
+		return /* @__PURE__ */ jsx(Toast.Item, {
+			toast: t,
+			index,
+			children: /* @__PURE__ */ jsxs(XStack, {
+				gap: "4",
+				items: "center",
+				children: [/* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(CheckCircle2, {}) }), /* @__PURE__ */ jsxs(YStack, { children: [/* @__PURE__ */ jsx(Toast.Title, { children: typeof t.title === "function" ? t.title() : t.title }), t.description && /* @__PURE__ */ jsx(Toast.Description, { children: typeof t.description === "function" ? t.description() : t.description })] })]
+			})
+		}, t.id);
+	}) });
 };
+
 export { ToastDuplicateDemo };
 //# sourceMappingURL=ToastDuplicateDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CheckCircle2","Toast","toast","useToasts","Button","XStack","YStack","ToastDuplicateDemo","children","Viewport","ToastList","items","onPress","description","toasts","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAoBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC7B,SAASC,YAAO,QAAO,yBAAiB;AACxC,SAASC,KAAA,EAAAC,KAAQ,EAAAC,SAAQ,QAAc;AAOnC,SAwBAC,MAAA,EAAAC,MAtBI,EAFJC,MAAA;AAFG,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,OACE,eAAAV,KAAC,CAAAI,KAAA;IACCO,QAAA,GAIA,eAAAb,IAAC,CAAAM,KAAA,CAAAQ,QAAa;MACXD,QAAA,iBAAAb,IAAA,CAAAe,SAAA;IAAA,mBACUf,IAAM,CAAAW,MAAA;MACbK,KAAA,UAAM;MAAuBH,QAC3B,iBAAab,IAAA,CAAAS,MAAA;QACfQ,OAAC,WAAAA,CAAA;UACHV,KAAA;YACDW,WAAA;UAAA;QAGH;QACFL,QAAA;MAEJ;IAEM;EAGJ;AAKU;AAEA,IAEAE,SAAA,YAAAA,CAAA,EAAC;EACC;IAAAI;EAAA,IAAAX,SAAC;EAED,OACG,eACDR,IAAA,CAAAI,SAAA;IAEAS,QAEJ,EAAAM,MAAA,CAAAC,GAAA,WAAAC,CAAA,EAAAC,KAAA;MACF,OAhBiB,eAmBvBtB,IAAA,CAAAM,KAAA,CAAAiB,IAAA;QAEJhB,KAAA,EAAAc,CAAA","ignoreList":[]}
+{"version":3,"file":"ToastDuplicateDemo.native.js","names":["_Fragment"],"sources":["esm/ToastDuplicateDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { CheckCircle2 } from \"@tamagui/lucide-icons-2\";\nimport { toast, useToasts } from \"@tamagui/toast\";\nimport { Button, Toast, XStack, YStack } from \"tamagui\";\nvar ToastDuplicateDemo = function() {\n  return /* @__PURE__ */ _jsxs(Toast, {\n    toasterId: \"duplicate-demo\",\n    children: [\n      /* @__PURE__ */ _jsx(Toast.Viewport, {\n        children: /* @__PURE__ */ _jsx(ToastList, {})\n      }),\n      /* @__PURE__ */ _jsx(YStack, {\n        items: \"center\",\n        children: /* @__PURE__ */ _jsx(Button, {\n          onPress: function() {\n            toast(\"Successfully saved!\", {\n              toasterId: \"duplicate-demo\",\n              description: \"Don't worry... We've got your data.\"\n            });\n          },\n          children: \"Show toast\"\n        })\n      })\n    ]\n  });\n};\nvar ToastList = function() {\n  var { toasts } = useToasts();\n  return /* @__PURE__ */ _jsx(_Fragment, {\n    children: toasts.map(function(t, index) {\n      return /* @__PURE__ */ _jsx(Toast.Item, {\n        toast: t,\n        index,\n        children: /* @__PURE__ */ _jsxs(XStack, {\n          gap: \"4\",\n          items: \"center\",\n          children: [\n            /* @__PURE__ */ _jsx(YStack, {\n              children: /* @__PURE__ */ _jsx(CheckCircle2, {})\n            }),\n            /* @__PURE__ */ _jsxs(YStack, {\n              children: [\n                /* @__PURE__ */ _jsx(Toast.Title, {\n                  children: typeof t.title === \"function\" ? t.title() : t.title\n                }),\n                t.description && /* @__PURE__ */ _jsx(Toast.Description, {\n                  children: typeof t.description === \"function\" ? t.description() : t.description\n                })\n              ]\n            })\n          ]\n        })\n      }, t.id);\n    })\n  });\n};\nexport {\n  ToastDuplicateDemo\n};\n//# sourceMappingURL=ToastDuplicateDemo.js.map\n"],"mappings":";;;;;;AAIA,IAAI,qBAAqB,WAAW;CAClC,OAAuB,qBAAM,OAAO;EAClC,WAAW;EACX,UAAU,CACQ,oBAAK,MAAM,UAAU,EACnC,UAA0B,oBAAK,WAAW,CAAC,CAAC,EAC9C,CAAC,GACe,oBAAK,QAAQ;GAC3B,OAAO;GACP,UAA0B,oBAAK,QAAQ;IACrC,SAAS,WAAW;KAClB,MAAM,uBAAuB;MAC3B,WAAW;MACX,aAAa;KACf,CAAC;IACH;IACA,UAAU;GACZ,CAAC;EACH,CAAC,CACH;CACF,CAAC;AACH;AACA,IAAI,YAAY,WAAW;CACzB,IAAI,EAAE,WAAW,UAAU;CAC3B,OAAuB,oBAAKA,UAAW,EACrC,UAAU,OAAO,IAAI,SAAS,GAAG,OAAO;EACtC,OAAuB,oBAAK,MAAM,MAAM;GACtC,OAAO;GACP;GACA,UAA0B,qBAAM,QAAQ;IACtC,KAAK;IACL,OAAO;IACP,UAAU,CACQ,oBAAK,QAAQ,EAC3B,UAA0B,oBAAK,cAAc,CAAC,CAAC,EACjD,CAAC,GACe,qBAAM,QAAQ,EAC5B,UAAU,CACQ,oBAAK,MAAM,OAAO,EAChC,UAAU,OAAO,EAAE,UAAU,aAAa,EAAE,MAAM,IAAI,EAAE,MAC1D,CAAC,GACD,EAAE,eAA+B,oBAAK,MAAM,aAAa,EACvD,UAAU,OAAO,EAAE,gBAAgB,aAAa,EAAE,YAAY,IAAI,EAAE,YACtE,CAAC,CACH,EACF,CAAC,CACH;GACF,CAAC;EACH,GAAG,EAAE,EAAE;CACT,CAAC,EACH,CAAC;AACH"}

package/dist/esm/ToggleGroupDemo.mjs

@@ -1,97 +1,83 @@
 import { AlignCenter, AlignLeft, AlignRight } from "@tamagui/lucide-icons-2";
-import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "tamagui";
+import { Label, ToggleGroup, XGroup, XStack, YGroup, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ToggleGroupDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    px: "$4",
-    children: /* @__PURE__ */jsxs(XStack, {
-      items: "center",
-      gap: "$10",
-      children: [/* @__PURE__ */jsxs(YStack, {
-        items: "center",
-        gap: "$6",
-        children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
-          type: "single",
-          orientation: "horizontal"
-        }), /* @__PURE__ */jsx(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "horizontal"
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        items: "center",
-        gap: "$6",
-        y: -28,
-        children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
-          type: "single",
-          orientation: "vertical"
-        }), /* @__PURE__ */jsx(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "vertical"
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		px: "4",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "10",
+			children: [/* @__PURE__ */ jsxs(YStack, {
+				items: "center",
+				gap: "6",
+				children: [/* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "single",
+					orientation: "horizontal"
+				}), /* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "horizontal"
+				})]
+			}), /* @__PURE__ */ jsxs(XStack, {
+				items: "center",
+				gap: "6",
+				y: -28,
+				children: [/* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "single",
+					orientation: "vertical"
+				}), /* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "vertical"
+				})]
+			})]
+		})
+	});
 }
 function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`;
-  const Group = props.orientation === "horizontal" ? XGroup : YGroup;
-  return /* @__PURE__ */jsxs(XStack, {
-    flexDirection: props.orientation === "horizontal" ? "row" : "column",
-    items: "center",
-    justify: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(Label, {
-      pr: "$0",
-      justify: "flex-end",
-      size: "$4",
-      htmlFor: id,
-      children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @__PURE__ */jsx(ToggleGroup, {
-      orientation: props.orientation,
-      id,
-      type: props.type,
-      disableDeactivation: props.type === "single" ? true : void 0,
-      children: /* @__PURE__ */jsxs(Group, {
-        children: [/* @__PURE__ */jsx(Group.Item, {
-          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
-            value: "left",
-            "aria-label": "Left aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */jsx(AlignLeft, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */jsx(Group.Item, {
-          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
-            value: "center",
-            "aria-label": "Center aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */jsx(AlignCenter, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */jsx(Group.Item, {
-          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
-            value: "right",
-            "aria-label": "Right aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */jsx(AlignRight, {
-              size: 16
-            })
-          })
-        })]
-      })
-    })]
-  });
+	const id = `switch-${props.type}`;
+	const Group = props.orientation === "horizontal" ? XGroup : YGroup;
+	return /* @__PURE__ */ jsxs(XStack, {
+		flexDirection: props.orientation === "horizontal" ? "row" : "column",
+		items: "center",
+		justify: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(Label, {
+			pr: "0",
+			justify: "flex-end",
+			size: "4",
+			htmlFor: id,
+			children: props.type === "single" ? "Single" : "Multiple"
+		}), /* @__PURE__ */ jsx(ToggleGroup, {
+			orientation: props.orientation,
+			id,
+			type: props.type,
+			disableDeactivation: props.type === "single" ? true : void 0,
+			children: /* @__PURE__ */ jsxs(Group, { children: [
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "left",
+					"aria-label": "Left aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignLeft, { size: 16 })
+				}) }),
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "center",
+					"aria-label": "Center aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignCenter, { size: 16 })
+				}) }),
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "right",
+					"aria-label": "Right aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignRight, { size: 16 })
+				}) })
+			] })
+		})]
+	});
 }
+
 export { ToggleGroupDemo };
 //# sourceMappingURL=ToggleGroupDemo.mjs.map

package/dist/esm/ToggleGroupDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","jsx","jsxs","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle","backgroundColor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToggleGroupDemo.js","names":[],"sources":["esm/ToggleGroupDemo.js"],"sourcesContent":["import { AlignCenter, AlignLeft, AlignRight } from \"@tamagui/lucide-icons-2\";\nimport { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ToggleGroupDemo() {\n  return /* @__PURE__ */ jsx(YStack, { px: \"4\", children: /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"10\", children: [\n    /* @__PURE__ */ jsxs(YStack, { items: \"center\", gap: \"6\", children: [\n      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: \"single\", orientation: \"horizontal\" }),\n      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: \"multiple\", orientation: \"horizontal\" })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"6\", y: -28, children: [\n      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: \"single\", orientation: \"vertical\" }),\n      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: \"multiple\", orientation: \"vertical\" })\n    ] })\n  ] }) });\n}\nfunction ToggleGroupComponent(props) {\n  const id = `switch-${props.type}`;\n  const Group = props.orientation === \"horizontal\" ? XGroup : YGroup;\n  return /* @__PURE__ */ jsxs(\n    XStack,\n    {\n      flexDirection: props.orientation === \"horizontal\" ? \"row\" : \"column\",\n      items: \"center\",\n      justify: \"center\",\n      gap: \"4\",\n      children: [\n        /* @__PURE__ */ jsx(Label, { pr: \"0\", justify: \"flex-end\", size: \"4\", htmlFor: id, children: props.type === \"single\" ? \"Single\" : \"Multiple\" }),\n        /* @__PURE__ */ jsx(\n          ToggleGroup,\n          {\n            orientation: props.orientation,\n            id,\n            type: props.type,\n            disableDeactivation: props.type === \"single\" ? true : void 0,\n            children: /* @__PURE__ */ jsxs(Group, { children: [\n              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(\n                ToggleGroup.Item,\n                {\n                  value: \"left\",\n                  \"aria-label\": \"Left aligned\",\n                  borderRadius: \"4\",\n                  activeStyle: { backgroundColor: \"color5\" },\n                  children: /* @__PURE__ */ jsx(AlignLeft, { size: 16 })\n                }\n              ) }),\n              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(\n                ToggleGroup.Item,\n                {\n                  value: \"center\",\n                  \"aria-label\": \"Center aligned\",\n                  borderRadius: \"4\",\n                  activeStyle: { backgroundColor: \"color5\" },\n                  children: /* @__PURE__ */ jsx(AlignCenter, { size: 16 })\n                }\n              ) }),\n              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(\n                ToggleGroup.Item,\n                {\n                  value: \"right\",\n                  \"aria-label\": \"Right aligned\",\n                  borderRadius: \"4\",\n                  activeStyle: { backgroundColor: \"color5\" },\n                  children: /* @__PURE__ */ jsx(AlignRight, { size: 16 })\n                }\n              ) })\n            ] })\n          }\n        )\n      ]\n    }\n  );\n}\nexport {\n  ToggleGroupDemo\n};\n//# sourceMappingURL=ToggleGroupDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;CACzB,OAAuB,oBAAI,QAAQ;EAAE,IAAI;EAAK,UAA0B,qBAAK,QAAQ;GAAE,OAAO;GAAU,KAAK;GAAM,UAAU,CAC3G,qBAAK,QAAQ;IAAE,OAAO;IAAU,KAAK;IAAK,UAAU,CAClD,oBAAI,sBAAsB;KAAE,MAAM;KAAU,aAAa;IAAa,CAAC,GACvE,oBAAI,sBAAsB;KAAE,MAAM;KAAY,aAAa;IAAa,CAAC,CAC3F;GAAE,CAAC,GACa,qBAAK,QAAQ;IAAE,OAAO;IAAU,KAAK;IAAK,GAAG,CAAC;IAAI,UAAU,CAC1D,oBAAI,sBAAsB;KAAE,MAAM;KAAU,aAAa;IAAW,CAAC,GACrE,oBAAI,sBAAsB;KAAE,MAAM;KAAY,aAAa;IAAW,CAAC,CACzF;GAAE,CAAC,CACL;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,qBAAqB,OAAO;CACnC,MAAM,KAAK,UAAU,MAAM;CAC3B,MAAM,QAAQ,MAAM,gBAAgB,eAAe,SAAS;CAC5D,OAAuB,qBACrB,QACA;EACE,eAAe,MAAM,gBAAgB,eAAe,QAAQ;EAC5D,OAAO;EACP,SAAS;EACT,KAAK;EACL,UAAU,CACQ,oBAAI,OAAO;GAAE,IAAI;GAAK,SAAS;GAAY,MAAM;GAAK,SAAS;GAAI,UAAU,MAAM,SAAS,WAAW,WAAW;EAAW,CAAC,GAC9H,oBACd,aACA;GACE,aAAa,MAAM;GACnB;GACA,MAAM,MAAM;GACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO,KAAK;GAC3D,UAA0B,qBAAK,OAAO,EAAE,UAAU;IAChC,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAC1D,YAAY,MACZ;KACE,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EAAE,iBAAiB,SAAS;KACzC,UAA0B,oBAAI,WAAW,EAAE,MAAM,GAAG,CAAC;IACvD,CACF,EAAE,CAAC;IACa,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAC1D,YAAY,MACZ;KACE,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EAAE,iBAAiB,SAAS;KACzC,UAA0B,oBAAI,aAAa,EAAE,MAAM,GAAG,CAAC;IACzD,CACF,EAAE,CAAC;IACa,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAC1D,YAAY,MACZ;KACE,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EAAE,iBAAiB,SAAS;KACzC,UAA0B,oBAAI,YAAY,EAAE,MAAM,GAAG,CAAC;IACxD,CACF,EAAE,CAAC;GACL,EAAE,CAAC;EACL,CACF,CACF;CACF,CACF;AACF"}

package/dist/esm/ToggleGroupDemo.native.js

@@ -1,97 +1,83 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlignCenter, AlignLeft, AlignRight } from "@tamagui/lucide-icons-2";
-import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "tamagui";
+import { Label, ToggleGroup, XGroup, XStack, YGroup, YStack } from "tamagui";
+
 function ToggleGroupDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    px: "$4",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      items: "center",
-      gap: "$10",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        items: "center",
-        gap: "$6",
-        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "single",
-          orientation: "horizontal"
-        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "horizontal"
-        })]
-      }), /* @__PURE__ */_jsxs(XStack, {
-        items: "center",
-        gap: "$6",
-        y: -28,
-        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "single",
-          orientation: "vertical"
-        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "vertical"
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		px: "4",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "10",
+			children: [/* @__PURE__ */ jsxs(YStack, {
+				items: "center",
+				gap: "6",
+				children: [/* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "single",
+					orientation: "horizontal"
+				}), /* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "horizontal"
+				})]
+			}), /* @__PURE__ */ jsxs(XStack, {
+				items: "center",
+				gap: "6",
+				y: -28,
+				children: [/* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "single",
+					orientation: "vertical"
+				}), /* @__PURE__ */ jsx(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "vertical"
+				})]
+			})]
+		})
+	});
 }
 function ToggleGroupComponent(props) {
-  var id = `switch-${props.type}`;
-  var Group = props.orientation === "horizontal" ? XGroup : YGroup;
-  return /* @__PURE__ */_jsxs(XStack, {
-    flexDirection: props.orientation === "horizontal" ? "row" : "column",
-    items: "center",
-    justify: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(Label, {
-      pr: "$0",
-      justify: "flex-end",
-      size: "$4",
-      htmlFor: id,
-      children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @__PURE__ */_jsx(ToggleGroup, {
-      orientation: props.orientation,
-      id,
-      type: props.type,
-      disableDeactivation: props.type === "single" ? true : void 0,
-      children: /* @__PURE__ */_jsxs(Group, {
-        children: [/* @__PURE__ */_jsx(Group.Item, {
-          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
-            value: "left",
-            "aria-label": "Left aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */_jsx(AlignLeft, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */_jsx(Group.Item, {
-          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
-            value: "center",
-            "aria-label": "Center aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */_jsx(AlignCenter, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */_jsx(Group.Item, {
-          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
-            value: "right",
-            "aria-label": "Right aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */_jsx(AlignRight, {
-              size: 16
-            })
-          })
-        })]
-      })
-    })]
-  });
+	var id = `switch-${props.type}`;
+	var Group = props.orientation === "horizontal" ? XGroup : YGroup;
+	return /* @__PURE__ */ jsxs(XStack, {
+		flexDirection: props.orientation === "horizontal" ? "row" : "column",
+		items: "center",
+		justify: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(Label, {
+			pr: "0",
+			justify: "flex-end",
+			size: "4",
+			htmlFor: id,
+			children: props.type === "single" ? "Single" : "Multiple"
+		}), /* @__PURE__ */ jsx(ToggleGroup, {
+			orientation: props.orientation,
+			id,
+			type: props.type,
+			disableDeactivation: props.type === "single" ? true : void 0,
+			children: /* @__PURE__ */ jsxs(Group, { children: [
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "left",
+					"aria-label": "Left aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignLeft, { size: 16 })
+				}) }),
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "center",
+					"aria-label": "Center aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignCenter, { size: 16 })
+				}) }),
+				/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(ToggleGroup.Item, {
+					value: "right",
+					"aria-label": "Right aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ jsx(AlignRight, { size: 16 })
+				}) })
+			] })
+		})]
+	});
 }
+
 export { ToggleGroupDemo };
 //# sourceMappingURL=ToggleGroupDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AACnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAQ,yBAAsB;AAM3D,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,EAAA;IACEC,QAAA,iBAACZ,KAAA,CAAAQ,MAAA;MACDK,KAAA;MAA+DC,GACjE;MACAF,QAAA,GACE,eAAAZ,KAAC,CAAAS,MAAA;QACDI,KAAA;QACFC,GAAA;QAEJF,QAAA,GAEJ,eAAAd,IAAA,CAAAiB,oBAAA;UAESC,IAAA;UAIIC,WAAU;QACf,IAGJ,eAAAnB,IAAA,CAAAiB,oBAAA;UAACC,IAAA;UAAAC,WAAA;QACC;MAEA,IACA,eAAIjB,KAAA,CAAAQ,MAAA;QAEJK,KAAA;QAAAC,GAAA;QAIAI,CAAA;QAACN,QAAA,kBAAAd,IAAA,CAAAiB,oBAAA;UACCC,IAAA,UAAa;UACbC,WAAA;QACA,IACA,eAAAnB,IAAA,CAAqBiB,oBAAe;UAEpCC,IAAA;UACEC,WAAA;QACE;MAAC;IAEY;EACE;AAC6B;AAErB,SAAAF,qBAAAI,KAAA;EAAA,IAAAC,EAAA,aAEzBD,KAAA,CAAAH,IAAA;EAAA,IAAAK,KAAA,GAEAF,KAAA,CAAAF,WAAA,KAAC,YACC,GAAAX,MAAA,GAAAC,MAAA;EAAA,sBAACP,KAAY,CAAAQ,MAAA;IAAAc,aAAZ,EAAAH,KAAA,CAAAF,WAAA;IAAAJ,KAAA,UACC;IAAMU,OAAA,UACN;IAAWT,GAAA;IACEF,QAAA,GAC6B,eAE1Cd,IAAA,CAAAM,KAAA;MAAuBoB,EAAA;MAAAD,OACzB,EACF;MAAAE,IAAA,EAEA;MACEC,OAAA,EAACN,EAAA;MAAYR,QAAZ,EAAAO,KAAA,CAAAH,IAAA;IAAA,IACO,eACNlB,IAAA,CAAAO,WAAW;MAAAY,WACX,EAAAE,KAAA,CAAAF,WAAa;MAAAG,EAAA;MAC6BJ,IAAA,EAAAG,KAE1C,CAAAH,IAAA;MAAsBW,mBAAA,EAAAR,KAAA,CAAAH,IAAA;MAAAJ,QACxB,EACF,eAAAZ,KAAA,CAAAqB,KAAA;QAAAT,QACF,kBAAAd,IAAA,CAAAuB,KAAA,CAAAO,IAAA;UACFhB,QAAA,iBAAAd,IAAA,CAAAO,WAAA,CAAAuB,IAAA;YAAAC,KAAA;YAAA;YACFC,YAAA;YAEJC,WAAA","ignoreList":[]}
+{"version":3,"file":"ToggleGroupDemo.native.js","names":[],"sources":["esm/ToggleGroupDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { AlignCenter, AlignLeft, AlignRight } from \"@tamagui/lucide-icons-2\";\nimport { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from \"tamagui\";\nfunction ToggleGroupDemo() {\n  return /* @__PURE__ */ _jsx(YStack, {\n    px: \"4\",\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      items: \"center\",\n      gap: \"10\",\n      children: [\n        /* @__PURE__ */ _jsxs(YStack, {\n          items: \"center\",\n          gap: \"6\",\n          children: [\n            /* @__PURE__ */ _jsx(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"horizontal\"\n            }),\n            /* @__PURE__ */ _jsx(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"horizontal\"\n            })\n          ]\n        }),\n        /* @__PURE__ */ _jsxs(XStack, {\n          items: \"center\",\n          gap: \"6\",\n          y: -28,\n          children: [\n            /* @__PURE__ */ _jsx(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"vertical\"\n            }),\n            /* @__PURE__ */ _jsx(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"vertical\"\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction ToggleGroupComponent(props) {\n  var id = `switch-${props.type}`;\n  var Group = props.orientation === \"horizontal\" ? XGroup : YGroup;\n  return /* @__PURE__ */ _jsxs(XStack, {\n    flexDirection: props.orientation === \"horizontal\" ? \"row\" : \"column\",\n    items: \"center\",\n    justify: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(Label, {\n        pr: \"0\",\n        justify: \"flex-end\",\n        size: \"4\",\n        htmlFor: id,\n        children: props.type === \"single\" ? \"Single\" : \"Multiple\"\n      }),\n      /* @__PURE__ */ _jsx(ToggleGroup, {\n        orientation: props.orientation,\n        id,\n        type: props.type,\n        disableDeactivation: props.type === \"single\" ? true : void 0,\n        children: /* @__PURE__ */ _jsxs(Group, {\n          children: [\n            /* @__PURE__ */ _jsx(Group.Item, {\n              children: /* @__PURE__ */ _jsx(ToggleGroup.Item, {\n                value: \"left\",\n                \"aria-label\": \"Left aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ _jsx(AlignLeft, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ _jsx(Group.Item, {\n              children: /* @__PURE__ */ _jsx(ToggleGroup.Item, {\n                value: \"center\",\n                \"aria-label\": \"Center aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ _jsx(AlignCenter, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ _jsx(Group.Item, {\n              children: /* @__PURE__ */ _jsx(ToggleGroup.Item, {\n                value: \"right\",\n                \"aria-label\": \"Right aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ _jsx(AlignRight, {\n                  size: 16\n                })\n              })\n            })\n          ]\n        })\n      })\n    ]\n  });\n}\nexport {\n  ToggleGroupDemo\n};\n//# sourceMappingURL=ToggleGroupDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;CACzB,OAAuB,oBAAK,QAAQ;EAClC,IAAI;EACJ,UAA0B,qBAAM,QAAQ;GACtC,OAAO;GACP,KAAK;GACL,UAAU,CACQ,qBAAM,QAAQ;IAC5B,OAAO;IACP,KAAK;IACL,UAAU,CACQ,oBAAK,sBAAsB;KACzC,MAAM;KACN,aAAa;IACf,CAAC,GACe,oBAAK,sBAAsB;KACzC,MAAM;KACN,aAAa;IACf,CAAC,CACH;GACF,CAAC,GACe,qBAAM,QAAQ;IAC5B,OAAO;IACP,KAAK;IACL,GAAG,CAAC;IACJ,UAAU,CACQ,oBAAK,sBAAsB;KACzC,MAAM;KACN,aAAa;IACf,CAAC,GACe,oBAAK,sBAAsB;KACzC,MAAM;KACN,aAAa;IACf,CAAC,CACH;GACF,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,qBAAqB,OAAO;CACnC,IAAI,KAAK,UAAU,MAAM;CACzB,IAAI,QAAQ,MAAM,gBAAgB,eAAe,SAAS;CAC1D,OAAuB,qBAAM,QAAQ;EACnC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;EAC5D,OAAO;EACP,SAAS;EACT,KAAK;EACL,UAAU,CACQ,oBAAK,OAAO;GAC1B,IAAI;GACJ,SAAS;GACT,MAAM;GACN,SAAS;GACT,UAAU,MAAM,SAAS,WAAW,WAAW;EACjD,CAAC,GACe,oBAAK,aAAa;GAChC,aAAa,MAAM;GACnB;GACA,MAAM,MAAM;GACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO,KAAK;GAC3D,UAA0B,qBAAM,OAAO,EACrC,UAAU;IACQ,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,YAAY,MAAM;KAC/C,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EACX,iBAAiB,SACnB;KACA,UAA0B,oBAAK,WAAW,EACxC,MAAM,GACR,CAAC;IACH,CAAC,EACH,CAAC;IACe,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,YAAY,MAAM;KAC/C,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EACX,iBAAiB,SACnB;KACA,UAA0B,oBAAK,aAAa,EAC1C,MAAM,GACR,CAAC;IACH,CAAC,EACH,CAAC;IACe,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,YAAY,MAAM;KAC/C,OAAO;KACP,cAAc;KACd,cAAc;KACd,aAAa,EACX,iBAAiB,SACnB;KACA,UAA0B,oBAAK,YAAY,EACzC,MAAM,GACR,CAAC;IACH,CAAC,EACH,CAAC;GACH,EACF,CAAC;EACH,CAAC,CACH;CACF,CAAC;AACH"}