@tamagui/separator 2.7.7 → 3.0.0-beta.637.1

package/dist/cjs/Separator.cjs

@@ -1,64 +1,56 @@
+
 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Separator_exports = {};
-__export(Separator_exports, {
-  Separator: () => Separator
-});
+__export(Separator_exports, { Separator: () => Separator });
 module.exports = __toCommonJS(Separator_exports);
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 const Separator = (0, import_core.styled)(import_core.View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: import_constants.isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: import_constants.isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
+	displayName: "Separator",
+	...import_constants.isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: import_constants.isWeb ? "initial" : "auto",
+		maxHeight: import_constants.isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...import_constants.isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
+});

package/dist/cjs/Separator.native.cjs

@@ -0,0 +1,58 @@
+"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: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true }), mod);
+var Separator_exports = {};
+__export(Separator_exports, { Separator: () => Separator });
+module.exports = __toCommonJS(Separator_exports);
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var Separator = (0, import_core.styled)(import_core.View, {
+	displayName: "Separator",
+	...import_constants.isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: import_constants.isWeb ? "initial" : "auto",
+		maxHeight: import_constants.isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...import_constants.isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
+});

package/dist/cjs/Separator.native.js

@@ -1,67 +1,60 @@
 "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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Separator_exports = {};
-__export(Separator_exports, {
-  Separator: () => Separator
-});
+__export(Separator_exports, { Separator: () => Separator });
 module.exports = __toCommonJS(Separator_exports);
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var Separator = (0, import_core.styled)(import_core.View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: import_constants.isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: import_constants.isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Separator",
+	...import_constants.isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: import_constants.isWeb ? "initial" : "auto",
+		maxHeight: import_constants.isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...import_constants.isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
 });
+
 //# sourceMappingURL=Separator.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Separator_exports","__export","Separator","module","exports","import_constants","require","import_core","styled","View","name","variants","unstyled","false","borderColor","flexShrink","borderWidth","flex","height","maxHeight","borderBottomWidth","y","vertical","true","x","isWeb","width","maxWidth","borderRightWidth","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/Separator.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,iBAAA;AACtB,IAAAK,gBAA6B,GAAAC,OAAA;AAEtB,IAAAC,WAAM,GAAAD,OAAY,iBAAO;AAAM,IACpCJ,SAAM,OAAAK,WAAA,CAAAC,MAAA,EAAAD,WAAA,CAAAE,IAAA;EAENC,IAAA,aAAU;EAAAC,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACAC,WAAA,EAAY;QACZC,UAAA,GAAa;QACbC,WAAM;QACNC,IAAA;QACAC,MAAA;QACAC,SAAA;QACAC,iBAAG;QACLC,CAAA;MACF;IAEA;IAAUC,QACF;MAAAC,IACJ,EAAG;QACHF,CAAA,EAAG;QACHG,CAAA;QAA4BN,MAAA,EAAAb,gBAAA,CAAAoB,KAAA;QAAA;QAAA;QAI5B;QACAN,SAAO,EAAAd,gBAAA,CAAAoB,KAAA;QACPC,KAAA;QACAC,QAAA;QACAP,iBAAA,EAAkB;QACpBQ,gBAAA;MACF;IACF;EAEA;EAAiBC,eACL;IACZjB,QAAA,EAAAkB,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD","ignoreList":[]}
+{"version":3,"file":"Separator.native.js","names":[],"sources":["cjs/Separator.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Separator_exports = {};\n__export(Separator_exports, {\n  Separator: () => Separator\n});\nmodule.exports = __toCommonJS(Separator_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar Separator = (0, import_core.styled)(import_core.View, {\n  displayName: \"Separator\",\n  ...import_constants.isWeb && {\n    role: \"separator\",\n    // @ts-ignore\n    \"aria-orientation\": \"horizontal\",\n    \"data-orientation\": \"horizontal\"\n  },\n  borderColor: \"transparent\",\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: import_constants.isWeb ? \"initial\" : \"auto\",\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: import_constants.isWeb ? \"initial\" : \"auto\",\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n        ...import_constants.isWeb && {\n          // @ts-ignore\n          \"aria-orientation\": \"vertical\",\n          \"data-orientation\": \"vertical\"\n        }\n      }\n    }\n  }\n});\n//# sourceMappingURL=Separator.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oBAAoB,CAAC;AACzB,SAAS,mBAAmB,EAC1B,iBAAiB,UACnB,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,GAAG,YAAY,QAAQ,YAAY,MAAM;CACxD,aAAa;CACb,GAAG,iBAAiB,SAAS;EAC3B,MAAM;EAEN,oBAAoB;EACpB,oBAAoB;CACtB;CACA,aAAa;CACb,YAAY;CACZ,aAAa;CACb,MAAM;CACN,QAAQ;CACR,WAAW;CACX,mBAAmB;CACnB,GAAG,CAAC;CACJ,UAAU,EACR,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG,CAAC;EACJ,QAAQ,iBAAiB,QAAQ,YAAY;EAI7C,WAAW,iBAAiB,QAAQ,YAAY;EAChD,OAAO;EACP,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,GAAG,iBAAiB,SAAS;GAE3B,oBAAoB;GACpB,oBAAoB;EACtB;CACF,EACF,EACF;AACF,CAAC"}

package/dist/cjs/index.cjs

@@ -1,20 +1,19 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Separator.cjs"), module.exports);
+__reExport(index_exports, require("./Separator.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Separator.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Separator.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Separator\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,uBAAa,GAAG,OAAO,OAAO"}

package/dist/esm/Separator.mjs

@@ -1,39 +1,36 @@
 import { isWeb } from "@tamagui/constants";
 import { View, styled } from "@tamagui/core";
+
 const Separator = styled(View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Separator",
+	...isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: isWeb ? "initial" : "auto",
+		maxHeight: isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
 });
+
 export { Separator };
 //# sourceMappingURL=Separator.mjs.map

package/dist/esm/Separator.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","View","styled","Separator","name","variants","unstyled","false","borderColor","flexShrink","borderWidth","flex","height","maxHeight","borderBottomWidth","y","vertical","true","x","width","maxWidth","borderRightWidth","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/Separator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,IAAA,EAAMC,MAAA,QAAc;AAEtB,MAAMC,SAAA,GAAYD,MAAA,CAAOD,IAAA,EAAM;EACpCG,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,UAAA,EAAY;QACZC,WAAA,EAAa;QACbC,IAAA,EAAM;QACNC,MAAA,EAAQ;QACRC,SAAA,EAAW;QACXC,iBAAA,EAAmB;QACnBC,CAAA,EAAG;MACL;IACF;IAEAC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJF,CAAA,EAAG;QACHG,CAAA,EAAG;QACHN,MAAA,EAAQZ,KAAA,GAAQ,YAAY;QAAA;QAAA;QAAA;QAI5Ba,SAAA,EAAWb,KAAA,GAAQ,YAAY;QAC/BmB,KAAA,EAAO;QACPC,QAAA,EAAU;QACVN,iBAAA,EAAmB;QACnBO,gBAAA,EAAkB;MACpB;IACF;EACF;EAEAC,eAAA,EAAiB;IACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Separator.js","names":[],"sources":["esm/Separator.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { View, styled } from \"@tamagui/core\";\nconst Separator = styled(View, {\n  displayName: \"Separator\",\n  ...isWeb && {\n    role: \"separator\",\n    // @ts-ignore\n    \"aria-orientation\": \"horizontal\",\n    \"data-orientation\": \"horizontal\"\n  },\n  borderColor: \"transparent\",\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? \"initial\" : \"auto\",\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? \"initial\" : \"auto\",\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n        ...isWeb && {\n          // @ts-ignore\n          \"aria-orientation\": \"vertical\",\n          \"data-orientation\": \"vertical\"\n        }\n      }\n    }\n  }\n});\nexport {\n  Separator\n};\n//# sourceMappingURL=Separator.js.map\n"],"mappings":";;;;AAEA,MAAM,YAAY,OAAO,MAAM;CAC7B,aAAa;CACb,GAAG,SAAS;EACV,MAAM;EAEN,oBAAoB;EACpB,oBAAoB;CACtB;CACA,aAAa;CACb,YAAY;CACZ,aAAa;CACb,MAAM;CACN,QAAQ;CACR,WAAW;CACX,mBAAmB;CACnB,GAAG,CAAC;CACJ,UAAU,EACR,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG,CAAC;EACJ,QAAQ,QAAQ,YAAY;EAI5B,WAAW,QAAQ,YAAY;EAC/B,OAAO;EACP,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,GAAG,SAAS;GAEV,oBAAoB;GACpB,oBAAoB;EACtB;CACF,EACF,EACF;AACF,CAAC"}

package/dist/esm/Separator.native.js

@@ -1,39 +1,36 @@
 import { isWeb } from "@tamagui/constants";
 import { View, styled } from "@tamagui/core";
+
 var Separator = styled(View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Separator",
+	...isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: isWeb ? "initial" : "auto",
+		maxHeight: isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
 });
+
 export { Separator };
 //# sourceMappingURL=Separator.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["isWeb","View","styled","Separator","name","variants","unstyled","false","borderColor","flexShrink","borderWidth","flex","height","maxHeight","borderBottomWidth","y","vertical","true","x","width","maxWidth","borderRightWidth","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/Separator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,IAAA,EAAMC,MAAA,QAAc;AAEtB,IAAAC,SAAM,GAAAD,MAAY,CAAAD,IAAO;EAC9BG,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,UAAA,EAAY;QACZC,WAAA,EAAa;QACbC,IAAA,EAAM;QACNC,MAAA,EAAQ;QACRC,SAAA,EAAW;QACXC,iBAAA,EAAmB;QACnBC,CAAA,EAAG;MACL;IACF;IAEAC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJF,CAAA,EAAG;QACHG,CAAA,EAAG;QACHN,MAAA,EAAQZ,KAAA,GAAQ,YAAY;QAAA;QAAA;QAAA;QAI5Ba,SAAA,EAAWb,KAAA,GAAQ,YAAY;QAC/BmB,KAAA,EAAO;QACPC,QAAA,EAAU;QACVN,iBAAA,EAAmB;QACnBO,gBAAA,EAAkB;MACpB;IACF;EACF;EAEAC,eAAA,EAAiB;IACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Separator.native.js","names":[],"sources":["esm/Separator.native.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { View, styled } from \"@tamagui/core\";\nvar Separator = styled(View, {\n  displayName: \"Separator\",\n  ...isWeb && {\n    role: \"separator\",\n    // @ts-ignore\n    \"aria-orientation\": \"horizontal\",\n    \"data-orientation\": \"horizontal\"\n  },\n  borderColor: \"transparent\",\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? \"initial\" : \"auto\",\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? \"initial\" : \"auto\",\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n        ...isWeb && {\n          // @ts-ignore\n          \"aria-orientation\": \"vertical\",\n          \"data-orientation\": \"vertical\"\n        }\n      }\n    }\n  }\n});\nexport {\n  Separator\n};\n//# sourceMappingURL=Separator.js.map\n"],"mappings":";;;;AAEA,IAAI,YAAY,OAAO,MAAM;CAC3B,aAAa;CACb,GAAG,SAAS;EACV,MAAM;EAEN,oBAAoB;EACpB,oBAAoB;CACtB;CACA,aAAa;CACb,YAAY;CACZ,aAAa;CACb,MAAM;CACN,QAAQ;CACR,WAAW;CACX,mBAAmB;CACnB,GAAG,CAAC;CACJ,UAAU,EACR,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG,CAAC;EACJ,QAAQ,QAAQ,YAAY;EAI5B,WAAW,QAAQ,YAAY;EAC/B,OAAO;EACP,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,GAAG,SAAS;GAEV,oBAAoB;GACpB,oBAAoB;EACtB;CACF,EACF,EACF;AACF,CAAC"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./Separator.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Separator.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./Separator.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Separator.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./Separator.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./Separator.native.js"

package/dist/jsx/Separator.mjs

@@ -1,39 +1,36 @@
 import { isWeb } from "@tamagui/constants";
 import { View, styled } from "@tamagui/core";
+
 const Separator = styled(View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Separator",
+	...isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: isWeb ? "initial" : "auto",
+		maxHeight: isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
 });
+
 export { Separator };
 //# sourceMappingURL=Separator.mjs.map

package/dist/jsx/Separator.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","View","styled","Separator","name","variants","unstyled","false","borderColor","flexShrink","borderWidth","flex","height","maxHeight","borderBottomWidth","y","vertical","true","x","width","maxWidth","borderRightWidth","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/Separator.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,IAAA,EAAMC,MAAA,QAAc;AAEtB,MAAMC,SAAA,GAAYD,MAAA,CAAOD,IAAA,EAAM;EACpCG,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,UAAA,EAAY;QACZC,WAAA,EAAa;QACbC,IAAA,EAAM;QACNC,MAAA,EAAQ;QACRC,SAAA,EAAW;QACXC,iBAAA,EAAmB;QACnBC,CAAA,EAAG;MACL;IACF;IAEAC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJF,CAAA,EAAG;QACHG,CAAA,EAAG;QACHN,MAAA,EAAQZ,KAAA,GAAQ,YAAY;QAAA;QAAA;QAAA;QAI5Ba,SAAA,EAAWb,KAAA,GAAQ,YAAY;QAC/BmB,KAAA,EAAO;QACPC,QAAA,EAAU;QACVN,iBAAA,EAAmB;QACnBO,gBAAA,EAAkB;MACpB;IACF;EACF;EAEAC,eAAA,EAAiB;IACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Separator.js","names":[],"sources":["jsx/Separator.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { View, styled } from \"@tamagui/core\";\nconst Separator = styled(View, {\n  displayName: \"Separator\",\n  ...isWeb && {\n    role: \"separator\",\n    // @ts-ignore\n    \"aria-orientation\": \"horizontal\",\n    \"data-orientation\": \"horizontal\"\n  },\n  borderColor: \"transparent\",\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? \"initial\" : \"auto\",\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? \"initial\" : \"auto\",\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n        ...isWeb && {\n          // @ts-ignore\n          \"aria-orientation\": \"vertical\",\n          \"data-orientation\": \"vertical\"\n        }\n      }\n    }\n  }\n});\nexport {\n  Separator\n};\n//# sourceMappingURL=Separator.js.map\n"],"mappings":";;;;AAEA,MAAM,YAAY,OAAO,MAAM;CAC7B,aAAa;CACb,GAAG,SAAS;EACV,MAAM;EAEN,oBAAoB;EACpB,oBAAoB;CACtB;CACA,aAAa;CACb,YAAY;CACZ,aAAa;CACb,MAAM;CACN,QAAQ;CACR,WAAW;CACX,mBAAmB;CACnB,GAAG,CAAC;CACJ,UAAU,EACR,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG,CAAC;EACJ,QAAQ,QAAQ,YAAY;EAI5B,WAAW,QAAQ,YAAY;EAC/B,OAAO;EACP,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,GAAG,SAAS;GAEV,oBAAoB;GACpB,oBAAoB;EACtB;CACF,EACF,EACF;AACF,CAAC"}

package/dist/jsx/Separator.native.cjs

@@ -0,0 +1,58 @@
+"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: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true }), mod);
+var Separator_exports = {};
+__export(Separator_exports, { Separator: () => Separator });
+module.exports = __toCommonJS(Separator_exports);
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var Separator = (0, import_core.styled)(import_core.View, {
+	displayName: "Separator",
+	...import_constants.isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: import_constants.isWeb ? "initial" : "auto",
+		maxHeight: import_constants.isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...import_constants.isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
+});

package/dist/jsx/Separator.native.js

@@ -1,67 +1,60 @@
 "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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Separator_exports = {};
-__export(Separator_exports, {
-  Separator: () => Separator
-});
+__export(Separator_exports, { Separator: () => Separator });
 module.exports = __toCommonJS(Separator_exports);
 var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
 var Separator = (0, import_core.styled)(import_core.View, {
-  name: "Separator",
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: "$backgroundFocus",
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5
-      }
-    },
-    vertical: {
-      true: {
-        y: 0,
-        x: -0.5,
-        height: import_constants.isWeb ? "initial" : "auto",
-        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
-        // almost seems like a react or browser bug, but for now `initial` works
-        // also, it doesn't happen for `height`, but for consistency using the same values
-        maxHeight: import_constants.isWeb ? "initial" : "auto",
-        width: 0,
-        maxWidth: 0,
-        borderBottomWidth: 0,
-        borderRightWidth: 1
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Separator",
+	...import_constants.isWeb && {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		"data-orientation": "horizontal"
+	},
+	borderColor: "transparent",
+	flexShrink: 0,
+	borderWidth: 0,
+	flex: 1,
+	height: 0,
+	maxHeight: 0,
+	borderBottomWidth: 1,
+	y: -.5,
+	variants: { vertical: { true: {
+		y: 0,
+		x: -.5,
+		height: import_constants.isWeb ? "initial" : "auto",
+		maxHeight: import_constants.isWeb ? "initial" : "auto",
+		width: 0,
+		maxWidth: 0,
+		borderBottomWidth: 0,
+		borderRightWidth: 1,
+		...import_constants.isWeb && {
+			"aria-orientation": "vertical",
+			"data-orientation": "vertical"
+		}
+	} } }
 });
+
 //# sourceMappingURL=Separator.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Separator_exports","Separator","module","exports","import_constants","require","import_core","styled","View","variants","unstyled","false","borderColor","flexShrink","borderWidth","flex","height","maxHeight","borderBottomWidth"],"sources":["../../src/Separator.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAc;AAEtB,IAAAC,gBAAkB,GAAAF,MAAO,CAAAG,wBAAM;AAAA,IACpCC,iBAAM,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAENC,YAAU,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACRC,QAAA,GAAUA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACR,IAAAC,IAAO,IAAAD,GAAA,EAAAZ,SACL,CAAAW,MAAA,EAAaE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACD,IAAAC,WACZ,GAAAA,CAAAC,EAAa,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACb,IAAM,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACN,IAAAG,GAAQ,IAAAhB,iBAAA,CAAAa,IAAA,OACR,CAAAX,YAAW,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACXnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA,EAAmB;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAChB,OACLE,EAAA;AAAA;AACF,IAEAM,YAAU,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,iBACF;AAAAhB,QACJ,CAAAgB,iBAAG;EAAAC,SACA,EAAAA,CAAA,KAAAA;AAAA;AACyBC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,iBAAA;AAAA,IAAAI,gBAAA,GAAAC,OAAA;AAAA,IAAAC,WAAA,GAAAD,OAAA;AAAA,IAAAJ,SAI5B,OAAWK,WAAQ,CAAAC,MAAA,EAAYD,WAAA,CAAAE,IAAA;EAAArB,IAAA,EAC/B,WAAO;EAAAsB,QACP;IAAUC,QACV;MAAmBC,KACnB;QACFC,WAAA;QACFC,UAAA;QACFC,WAAA;QAEAC,IAAA;QACEC,MAAU;QACZC,SAAA;QACDC,iBAAA","ignoreList":[]}
+{"version":3,"file":"Separator.native.js","names":[],"sources":["jsx/Separator.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Separator_exports = {};\n__export(Separator_exports, {\n  Separator: () => Separator\n});\nmodule.exports = __toCommonJS(Separator_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar Separator = (0, import_core.styled)(import_core.View, {\n  displayName: \"Separator\",\n  ...import_constants.isWeb && {\n    role: \"separator\",\n    // @ts-ignore\n    \"aria-orientation\": \"horizontal\",\n    \"data-orientation\": \"horizontal\"\n  },\n  borderColor: \"transparent\",\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: import_constants.isWeb ? \"initial\" : \"auto\",\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: import_constants.isWeb ? \"initial\" : \"auto\",\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n        ...import_constants.isWeb && {\n          // @ts-ignore\n          \"aria-orientation\": \"vertical\",\n          \"data-orientation\": \"vertical\"\n        }\n      }\n    }\n  }\n});\n//# sourceMappingURL=Separator.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oBAAoB,CAAC;AACzB,SAAS,mBAAmB,EAC1B,iBAAiB,UACnB,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,GAAG,YAAY,QAAQ,YAAY,MAAM;CACxD,aAAa;CACb,GAAG,iBAAiB,SAAS;EAC3B,MAAM;EAEN,oBAAoB;EACpB,oBAAoB;CACtB;CACA,aAAa;CACb,YAAY;CACZ,aAAa;CACb,MAAM;CACN,QAAQ;CACR,WAAW;CACX,mBAAmB;CACnB,GAAG,CAAC;CACJ,UAAU,EACR,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG,CAAC;EACJ,QAAQ,iBAAiB,QAAQ,YAAY;EAI7C,WAAW,iBAAiB,QAAQ,YAAY;EAChD,OAAO;EACP,UAAU;EACV,mBAAmB;EACnB,kBAAkB;EAClB,GAAG,iBAAiB,SAAS;GAE3B,oBAAoB;GACpB,oBAAoB;EACtB;CACF,EACF,EACF;AACF,CAAC"}

package/dist/jsx/index.js

@@ -1,2 +1 @@
-export * from "./Separator.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Separator.mjs"

package/dist/jsx/index.mjs

@@ -1,2 +1 @@
-export * from "./Separator.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Separator.mjs"

package/dist/jsx/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Separator.native.js"), module.exports);

package/dist/jsx/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Separator.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Separator\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,uBAAa,GAAG,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/separator",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.637.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,11 +34,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/core": "2.7.7"
+    "@tamagui/constants": "3.0.0-beta.637.1",
+    "@tamagui/core": "3.0.0-beta.637.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.637.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/Separator.tsx

@@ -1,23 +1,27 @@
 import { isWeb } from '@tamagui/constants'
 import { View, styled } from '@tamagui/core'
 
+// Unstyled Separator: orientation + layout + the collapsed 1px rule only (an
+// invisible line, transparent by default). The theme line color lives in the
+// tamagui skin (code/ui/tamagui/src/components/Separator.tsx).
 export const Separator = styled(View, {
-  name: 'Separator',
+  displayName: 'Separator',
+  ...(isWeb && {
+    role: 'separator',
+    // @ts-ignore
+    'aria-orientation': 'horizontal',
+    'data-orientation': 'horizontal',
+  }),
+  borderColor: 'transparent',
+  flexShrink: 0,
+  borderWidth: 0,
+  flex: 1,
+  height: 0,
+  maxHeight: 0,
+  borderBottomWidth: 1,
+  y: -0.5,
 
   variants: {
-    unstyled: {
-      false: {
-        borderColor: '$backgroundFocus',
-        flexShrink: 0,
-        borderWidth: 0,
-        flex: 1,
-        height: 0,
-        maxHeight: 0,
-        borderBottomWidth: 1,
-        y: -0.5,
-      },
-    },
-
     vertical: {
       true: {
         y: 0,
@@ -31,11 +35,12 @@ export const Separator = styled(View, {
         maxWidth: 0,
         borderBottomWidth: 0,
         borderRightWidth: 1,
+        ...(isWeb && {
+          // @ts-ignore
+          'aria-orientation': 'vertical',
+          'data-orientation': 'vertical',
+        }),
       },
     },
   } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
 })

package/types/Separator.d.ts

@@ -1,5 +1,12 @@
-export declare const Separator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    unstyled?: boolean | undefined;
+export declare const Separator: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "vertical" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
     vertical?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
+} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    vertical?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        vertical?: boolean | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+};
 //# sourceMappingURL=Separator.d.ts.map

package/types/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;8CAqCpB,CAAA"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;CAuCpB,CAAA"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}