tamagui 3.0.0 → 3.0.2

package/dist/cjs/components/Select.cjs

@@ -144,46 +144,61 @@ const selectItemSize = {
 		paddingVertical: "2.5"
 	}
 };
+const nativeChevronStroke = (angle) => `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;
+const nativeChevronPosition = (paddingInline) => {
+	const center = paddingInline + 8;
+	return `calc(100% - ${center - .25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;
+};
 const selectNativeSize = {
 	xs: {
+		...selectTextSize.xs,
 		paddingInline: "2",
 		paddingBlock: "1",
 		borderRadius: "sm",
 		gap: "1",
 		height: 26,
-		paddingRight: 28
+		paddingRight: 28,
+		backgroundPosition: nativeChevronPosition(8)
 	},
 	sm: {
+		...selectTextSize.sm,
 		paddingInline: "3",
 		paddingBlock: "1.5",
 		borderRadius: "md",
 		gap: "1.5",
 		height: 34,
-		paddingRight: 32
+		paddingRight: 32,
+		backgroundPosition: nativeChevronPosition(12)
 	},
 	md: {
+		...selectTextSize.md,
 		paddingInline: "4",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 38,
-		paddingRight: 36
+		paddingRight: 36,
+		backgroundPosition: nativeChevronPosition(16)
 	},
 	lg: {
+		...selectTextSize.lg,
 		paddingInline: "6",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 42,
-		paddingRight: 44
+		paddingRight: 44,
+		backgroundPosition: nativeChevronPosition(24)
 	},
 	xl: {
+		...selectTextSize.xl,
 		paddingInline: "8",
 		paddingBlock: "2.5",
 		borderRadius: "lg",
 		gap: "2.5",
 		height: 50,
-		paddingRight: 52
+		paddingRight: 52,
+		backgroundPosition: nativeChevronPosition(32)
 	}
 };
 const SelectNative = (0, import_core.styled)(import_text.SizableText, {
@@ -195,6 +210,9 @@ const SelectNative = (0, import_core.styled)(import_text.SizableText, {
 	color: "color",
 	outlineWidth: 0,
 	userSelect: "none",
+	backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,
+	backgroundRepeat: "no-repeat",
+	backgroundSize: "5px 5px",
 	variants: { size: {
 		...selectNativeSize,
 		true: selectNativeSize.md

package/dist/cjs/components/Select.native.cjs

@@ -155,46 +155,63 @@ var selectItemSize = {
 		paddingVertical: "2.5"
 	}
 };
+var nativeChevronStroke = function(angle) {
+	return `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;
+};
+var nativeChevronPosition = function(paddingInline) {
+	var center = paddingInline + 8;
+	return `calc(100% - ${center - .25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;
+};
 var selectNativeSize = {
 	xs: {
+		...selectTextSize.xs,
 		paddingInline: "2",
 		paddingBlock: "1",
 		borderRadius: "sm",
 		gap: "1",
 		height: 26,
-		paddingRight: 28
+		paddingRight: 28,
+		backgroundPosition: nativeChevronPosition(8)
 	},
 	sm: {
+		...selectTextSize.sm,
 		paddingInline: "3",
 		paddingBlock: "1.5",
 		borderRadius: "md",
 		gap: "1.5",
 		height: 34,
-		paddingRight: 32
+		paddingRight: 32,
+		backgroundPosition: nativeChevronPosition(12)
 	},
 	md: {
+		...selectTextSize.md,
 		paddingInline: "4",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 38,
-		paddingRight: 36
+		paddingRight: 36,
+		backgroundPosition: nativeChevronPosition(16)
 	},
 	lg: {
+		...selectTextSize.lg,
 		paddingInline: "6",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 42,
-		paddingRight: 44
+		paddingRight: 44,
+		backgroundPosition: nativeChevronPosition(24)
 	},
 	xl: {
+		...selectTextSize.xl,
 		paddingInline: "8",
 		paddingBlock: "2.5",
 		borderRadius: "lg",
 		gap: "2.5",
 		height: 50,
-		paddingRight: 52
+		paddingRight: 52,
+		backgroundPosition: nativeChevronPosition(32)
 	}
 };
 var SelectNative = (0, import_core.styled)(import_text.SizableText, {
@@ -206,6 +223,9 @@ var SelectNative = (0, import_core.styled)(import_text.SizableText, {
 	color: "color",
 	outlineWidth: 0,
 	userSelect: "none",
+	backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,
+	backgroundRepeat: "no-repeat",
+	backgroundSize: "5px 5px",
 	variants: { size: {
 		...selectNativeSize,
 		true: selectNativeSize.md

package/dist/cjs/components/Select.native.js

@@ -155,46 +155,63 @@ var selectItemSize = {
 		paddingVertical: "2.5"
 	}
 };
+var nativeChevronStroke = function(angle) {
+	return `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;
+};
+var nativeChevronPosition = function(paddingInline) {
+	var center = paddingInline + 8;
+	return `calc(100% - ${center - .25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;
+};
 var selectNativeSize = {
 	xs: {
+		...selectTextSize.xs,
 		paddingInline: "2",
 		paddingBlock: "1",
 		borderRadius: "sm",
 		gap: "1",
 		height: 26,
-		paddingRight: 28
+		paddingRight: 28,
+		backgroundPosition: nativeChevronPosition(8)
 	},
 	sm: {
+		...selectTextSize.sm,
 		paddingInline: "3",
 		paddingBlock: "1.5",
 		borderRadius: "md",
 		gap: "1.5",
 		height: 34,
-		paddingRight: 32
+		paddingRight: 32,
+		backgroundPosition: nativeChevronPosition(12)
 	},
 	md: {
+		...selectTextSize.md,
 		paddingInline: "4",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 38,
-		paddingRight: 36
+		paddingRight: 36,
+		backgroundPosition: nativeChevronPosition(16)
 	},
 	lg: {
+		...selectTextSize.lg,
 		paddingInline: "6",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 42,
-		paddingRight: 44
+		paddingRight: 44,
+		backgroundPosition: nativeChevronPosition(24)
 	},
 	xl: {
+		...selectTextSize.xl,
 		paddingInline: "8",
 		paddingBlock: "2.5",
 		borderRadius: "lg",
 		gap: "2.5",
 		height: 50,
-		paddingRight: 52
+		paddingRight: 52,
+		backgroundPosition: nativeChevronPosition(32)
 	}
 };
 var SelectNative = (0, import_core.styled)(import_text.SizableText, {
@@ -206,6 +223,9 @@ var SelectNative = (0, import_core.styled)(import_text.SizableText, {
 	color: "color",
 	outlineWidth: 0,
 	userSelect: "none",
+	backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,
+	backgroundRepeat: "no-repeat",
+	backgroundSize: "5px 5px",
 	variants: { size: {
 		...selectNativeSize,
 		true: selectNativeSize.md

package/dist/cjs/components/Select.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.native.js","names":[],"sources":["cjs/components/Select.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 Select_exports = {};\n__export(Select_exports, {\n  Select: () => Select,\n  SelectGroup: () => SelectGroup,\n  SelectIcon: () => SelectIcon,\n  SelectIndicator: () => SelectIndicator,\n  SelectItem: () => SelectItem,\n  SelectItemIndicator: () => SelectItemIndicator,\n  SelectItemText: () => SelectItemText,\n  SelectLabel: () => SelectLabel,\n  SelectRoot: () => SelectRoot,\n  SelectScrollDownButton: () => SelectScrollDownButton,\n  SelectScrollUpButton: () => SelectScrollUpButton,\n  SelectSeparator: () => SelectSeparator,\n  SelectTrigger: () => SelectTrigger,\n  SelectValue: () => SelectValue,\n  SelectViewport: () => SelectViewport,\n  selectParts: () => selectParts\n});\nmodule.exports = __toCommonJS(Select_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_select = require(\"@tamagui/select\");\nvar import_text = require(\"@tamagui/text\");\nvar IconGlyph = (0, import_core.styled)(import_text.SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nvar ChevronDown = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25BE\"\n  });\n};\nvar ChevronUp = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25B4\"\n  });\n};\nvar Check = function(param) {\n  var { size = 14 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u2713\"\n  });\n};\nvar SelectContext = (0, import_core.createStyledContext)({\n  size: \"md\"\n});\nvar selectFrameSize = {\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\"\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\"\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\"\n  }\n};\nvar selectTextSize = {\n  xs: {\n    fontSize: \"xs\",\n    lineHeight: \"xs\"\n  },\n  sm: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  md: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  lg: {\n    fontSize: \"base\",\n    lineHeight: \"base\"\n  },\n  xl: {\n    fontSize: \"lg\",\n    lineHeight: \"lg\"\n  }\n};\nvar selectItemSize = {\n  xs: {\n    gap: \"1\",\n    paddingHorizontal: \"2\",\n    paddingVertical: \"1\"\n  },\n  sm: {\n    gap: \"1.5\",\n    paddingHorizontal: \"3\",\n    paddingVertical: \"1.5\"\n  },\n  md: {\n    gap: \"2\",\n    paddingHorizontal: \"4\",\n    paddingVertical: \"2\"\n  },\n  lg: {\n    gap: \"2\",\n    paddingHorizontal: \"6\",\n    paddingVertical: \"2\"\n  },\n  xl: {\n    gap: \"2.5\",\n    paddingHorizontal: \"8\",\n    paddingVertical: \"2.5\"\n  }\n};\nvar selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52\n  }\n};\nvar SelectNative = (0, import_core.styled)(import_text.SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectTrigger = (0, import_core.styled)(import_select.Select.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectValue = (0, import_core.styled)(import_select.Select.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectIcon = (0, import_core.styled)(import_select.Select.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})\n});\nvar SelectGroup = (0, import_core.styled)(import_select.Select.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nvar SelectLabel = (0, import_core.styled)(import_select.Select.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItem = (0, import_core.styled)(import_select.Select.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemText = (0, import_core.styled)(import_select.Select.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemIndicator = (0, import_core.styled)(import_select.Select.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, {\n    size: 14\n  })\n});\nvar SelectIndicator = (0, import_core.styled)(import_select.Select.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nvar SelectViewport = (0, import_core.styled)(import_select.Select.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nvar SelectScrollUpButton = (0, import_core.styled)(import_select.Select.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {\n    size: 16\n  })\n});\nvar SelectScrollDownButton = (0, import_core.styled)(import_select.Select.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {\n    size: 16\n  })\n});\nvar SelectSeparator = (0, import_core.styled)(import_select.Select.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot(param) {\n  var { size = true, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectNativeComponentContext.Provider, {\n    value: SelectNative,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContext.Provider, {\n      size,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Root, {\n        size,\n        ...props\n      })\n    })\n  });\n}\nvar selectParts = {\n  Adapt: import_select.Select.Adapt,\n  Content: import_select.Select.Content,\n  FocusScope: import_select.Select.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nvar Select = (0, import_core.withStaticProperties)(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\n//# sourceMappingURL=Select.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Select.native.js","names":[],"sources":["cjs/components/Select.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 Select_exports = {};\n__export(Select_exports, {\n  Select: () => Select,\n  SelectGroup: () => SelectGroup,\n  SelectIcon: () => SelectIcon,\n  SelectIndicator: () => SelectIndicator,\n  SelectItem: () => SelectItem,\n  SelectItemIndicator: () => SelectItemIndicator,\n  SelectItemText: () => SelectItemText,\n  SelectLabel: () => SelectLabel,\n  SelectRoot: () => SelectRoot,\n  SelectScrollDownButton: () => SelectScrollDownButton,\n  SelectScrollUpButton: () => SelectScrollUpButton,\n  SelectSeparator: () => SelectSeparator,\n  SelectTrigger: () => SelectTrigger,\n  SelectValue: () => SelectValue,\n  SelectViewport: () => SelectViewport,\n  selectParts: () => selectParts\n});\nmodule.exports = __toCommonJS(Select_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_select = require(\"@tamagui/select\");\nvar import_text = require(\"@tamagui/text\");\nvar IconGlyph = (0, import_core.styled)(import_text.SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nvar ChevronDown = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25BE\"\n  });\n};\nvar ChevronUp = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25B4\"\n  });\n};\nvar Check = function(param) {\n  var { size = 14 } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u2713\"\n  });\n};\nvar SelectContext = (0, import_core.createStyledContext)({\n  size: \"md\"\n});\nvar selectFrameSize = {\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\"\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\"\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\"\n  }\n};\nvar selectTextSize = {\n  xs: {\n    fontSize: \"xs\",\n    lineHeight: \"xs\"\n  },\n  sm: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  md: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  lg: {\n    fontSize: \"base\",\n    lineHeight: \"base\"\n  },\n  xl: {\n    fontSize: \"lg\",\n    lineHeight: \"lg\"\n  }\n};\nvar selectItemSize = {\n  xs: {\n    gap: \"1\",\n    paddingHorizontal: \"2\",\n    paddingVertical: \"1\"\n  },\n  sm: {\n    gap: \"1.5\",\n    paddingHorizontal: \"3\",\n    paddingVertical: \"1.5\"\n  },\n  md: {\n    gap: \"2\",\n    paddingHorizontal: \"4\",\n    paddingVertical: \"2\"\n  },\n  lg: {\n    gap: \"2\",\n    paddingHorizontal: \"6\",\n    paddingVertical: \"2\"\n  },\n  xl: {\n    gap: \"2.5\",\n    paddingHorizontal: \"8\",\n    paddingVertical: \"2.5\"\n  }\n};\nvar nativeChevronStroke = function(angle) {\n  return `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;\n};\nvar nativeChevronPosition = function(paddingInline) {\n  var center = paddingInline + 8;\n  return `calc(100% - ${center - 0.25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;\n};\nvar selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    ...selectTextSize.xs,\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28,\n    backgroundPosition: nativeChevronPosition(8)\n  },\n  sm: {\n    ...selectTextSize.sm,\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32,\n    backgroundPosition: nativeChevronPosition(12)\n  },\n  md: {\n    ...selectTextSize.md,\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36,\n    backgroundPosition: nativeChevronPosition(16)\n  },\n  lg: {\n    ...selectTextSize.lg,\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44,\n    backgroundPosition: nativeChevronPosition(24)\n  },\n  xl: {\n    ...selectTextSize.xl,\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52,\n    backgroundPosition: nativeChevronPosition(32)\n  }\n};\nvar SelectNative = (0, import_core.styled)(import_text.SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,\n  backgroundRepeat: \"no-repeat\",\n  backgroundSize: \"5px 5px\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectTrigger = (0, import_core.styled)(import_select.Select.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectValue = (0, import_core.styled)(import_select.Select.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectIcon = (0, import_core.styled)(import_select.Select.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})\n});\nvar SelectGroup = (0, import_core.styled)(import_select.Select.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nvar SelectLabel = (0, import_core.styled)(import_select.Select.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItem = (0, import_core.styled)(import_select.Select.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemText = (0, import_core.styled)(import_select.Select.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemIndicator = (0, import_core.styled)(import_select.Select.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, {\n    size: 14\n  })\n});\nvar SelectIndicator = (0, import_core.styled)(import_select.Select.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nvar SelectViewport = (0, import_core.styled)(import_select.Select.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nvar SelectScrollUpButton = (0, import_core.styled)(import_select.Select.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {\n    size: 16\n  })\n});\nvar SelectScrollDownButton = (0, import_core.styled)(import_select.Select.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {\n    size: 16\n  })\n});\nvar SelectSeparator = (0, import_core.styled)(import_select.Select.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot(param) {\n  var { size = true, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectNativeComponentContext.Provider, {\n    value: SelectNative,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContext.Provider, {\n      size,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Root, {\n        size,\n        ...props\n      })\n    })\n  });\n}\nvar selectParts = {\n  Adapt: import_select.Select.Adapt,\n  Content: import_select.Select.Content,\n  FocusScope: import_select.Select.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nvar Select = (0, import_core.withStaticProperties)(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\n//# sourceMappingURL=Select.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,iBAAiB,CAAC;AACtB,SAAS,gBAAgB;CACvB,cAAc;CACd,mBAAmB;CACnB,kBAAkB;CAClB,uBAAuB;CACvB,kBAAkB;CAClB,2BAA2B;CAC3B,sBAAsB;CACtB,mBAAmB;CACnB,kBAAkB;CAClB,8BAA8B;CAC9B,4BAA4B;CAC5B,uBAAuB;CACvB,qBAAqB;CACrB,mBAAmB;CACnB,sBAAsB;CACtB,mBAAmB;AACrB,CAAC;AACD,OAAO,UAAU,aAAa,cAAc;AAC5C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,GAAG,YAAY,OAAM,CAAE,YAAY,aAAa;CAC/D,aAAa;CACb,OAAO;CACP,YAAY;AACd,CAAC;AACD,IAAI,cAAc,SAAS,OAAO;CAChC,IAAI,EAAE,OAAO,OAAO;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,WAAW;EAC5D,UAAU;EACV,YAAY;EACZ,UAAU;CACZ,CAAC;AACH;AACA,IAAI,YAAY,SAAS,OAAO;CAC9B,IAAI,EAAE,OAAO,OAAO;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,WAAW;EAC5D,UAAU;EACV,YAAY;EACZ,UAAU;CACZ,CAAC;AACH;AACA,IAAI,QAAQ,SAAS,OAAO;CAC1B,IAAI,EAAE,OAAO,OAAO;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,WAAW;EAC5D,UAAU;EACV,YAAY;EACZ,UAAU;CACZ,CAAC;AACH;AACA,IAAI,iBAAiB,GAAG,YAAY,oBAAmB,CAAE,EACvD,MAAM,KACR,CAAC;AACD,IAAI,kBAAkB;CACpB,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;CACP;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;CACP;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;CACP;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;CACP;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;CACP;AACF;AACA,IAAI,iBAAiB;CACnB,IAAI;EACF,UAAU;EACV,YAAY;CACd;CACA,IAAI;EACF,UAAU;EACV,YAAY;CACd;CACA,IAAI;EACF,UAAU;EACV,YAAY;CACd;CACA,IAAI;EACF,UAAU;EACV,YAAY;CACd;CACA,IAAI;EACF,UAAU;EACV,YAAY;CACd;AACF;AACA,IAAI,iBAAiB;CACnB,IAAI;EACF,KAAK;EACL,mBAAmB;EACnB,iBAAiB;CACnB;CACA,IAAI;EACF,KAAK;EACL,mBAAmB;EACnB,iBAAiB;CACnB;CACA,IAAI;EACF,KAAK;EACL,mBAAmB;EACnB,iBAAiB;CACnB;CACA,IAAI;EACF,KAAK;EACL,mBAAmB;EACnB,iBAAiB;CACnB;CACA,IAAI;EACF,KAAK;EACL,mBAAmB;EACnB,iBAAiB;CACnB;AACF;AACA,IAAI,sBAAsB,SAAS,OAAO;CACxC,OAAO,mBAAmB,MAAM;AAClC;AACA,IAAI,wBAAwB,SAAS,eAAe;CAClD,IAAI,SAAS,gBAAgB;CAC7B,OAAO,eAAe,SAAS,IAAK,uBAAuB,SAAS,KAAK;AAC3E;AACA,IAAI,mBAAmB;CAIrB,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,CAAC;CAC7C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;AACF;AACA,IAAI,gBAAgB,GAAG,YAAY,OAAM,CAAE,YAAY,aAAa;CAClE,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB,GAAG,oBAAoB,EAAE,EAAE,IAAI,oBAAoB,CAAC,EAAE;CACvE,kBAAkB;CAClB,gBAAgB;CAChB,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,iBAAiB;CACzB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,iBAAiB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,SAAS;CACxE,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU;CACV,UAAU;CACV,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,gBAAgB;CACxB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,OAAO;CACpE,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,MAAM;CAClE,SAAS;CACT,aAAa;CACb,YAAY;CACZ,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,CAAC,CAAC;AACvE,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,OAAO;CACpE,aAAa;CACb,OAAO;AACT,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,OAAO;CACpE,SAAS;CACT,aAAa;CACb,OAAO;CACP,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,MAAM;CAClE,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU;CACV,UAAU;CACV,gBAAgB;CAChB,QAAQ;CACR,eAAe,CAAC;CAChB,cAAc;CACd,iBAAiB;CACjB,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,UAAU;CAC1E,SAAS;CACT,aAAa;CACb,OAAO;CACP,YAAY;CACZ,UAAU;CACV,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,eAAe;CACpF,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,OAAO,EAC3D,MAAM,GACR,CAAC;AACH,CAAC;AACD,IAAI,mBAAmB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,WAAW;CAC5E,aAAa;CACb,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,UAAU;CAC1E,aAAa;CACb,iBAAiB;CACjB,aAAa;CACb,cAAc;CACd,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;AACb,CAAC;AACD,IAAI,wBAAwB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,gBAAgB;CACtF,aAAa;CACb,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;CAChB,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,WAAW,EAC/D,MAAM,GACR,CAAC;AACH,CAAC;AACD,IAAI,0BAA0B,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,kBAAkB;CAC1F,aAAa;CACb,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;CAChB,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,EACjE,MAAM,GACR,CAAC;AACH,CAAC;AACD,IAAI,mBAAmB,GAAG,YAAY,OAAM,CAAE,cAAc,OAAO,WAAW;CAC5E,aAAa;CACb,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;AAClB,CAAC;AACD,SAAS,WAAW,OAAO;CACzB,IAAI,EAAE,OAAO,MAAM,GAAG,UAAU;CAChC,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,cAAc,6BAA6B,UAAU;EACtG,OAAO;EACP,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,cAAc,UAAU;GAC5E;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,cAAc,OAAO,MAAM;IAC/E;IACA,GAAG;GACL,CAAC;EACH,CAAC;CACH,CAAC;AACH;AACA,IAAI,cAAc;CAChB,OAAO,cAAc,OAAO;CAC5B,SAAS,cAAc,OAAO;CAC9B,YAAY,cAAc,OAAO;CACjC,OAAO;CACP,MAAM;CACN,WAAW;CACX,MAAM;CACN,eAAe;CACf,UAAU;CACV,OAAO;CACP,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;AACZ;AACA,IAAI,UAAU,GAAG,YAAY,qBAAoB,CAAE,YAAY;CAC7D,MAAM;CACN,GAAG;AACL,CAAC"}

package/dist/esm/components/Select.mjs

@@ -105,46 +105,61 @@ const selectItemSize = {
 		paddingVertical: "2.5"
 	}
 };
+const nativeChevronStroke = (angle) => `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;
+const nativeChevronPosition = (paddingInline) => {
+	const center = paddingInline + 8;
+	return `calc(100% - ${center - .25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;
+};
 const selectNativeSize = {
 	xs: {
+		...selectTextSize.xs,
 		paddingInline: "2",
 		paddingBlock: "1",
 		borderRadius: "sm",
 		gap: "1",
 		height: 26,
-		paddingRight: 28
+		paddingRight: 28,
+		backgroundPosition: nativeChevronPosition(8)
 	},
 	sm: {
+		...selectTextSize.sm,
 		paddingInline: "3",
 		paddingBlock: "1.5",
 		borderRadius: "md",
 		gap: "1.5",
 		height: 34,
-		paddingRight: 32
+		paddingRight: 32,
+		backgroundPosition: nativeChevronPosition(12)
 	},
 	md: {
+		...selectTextSize.md,
 		paddingInline: "4",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 38,
-		paddingRight: 36
+		paddingRight: 36,
+		backgroundPosition: nativeChevronPosition(16)
 	},
 	lg: {
+		...selectTextSize.lg,
 		paddingInline: "6",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 42,
-		paddingRight: 44
+		paddingRight: 44,
+		backgroundPosition: nativeChevronPosition(24)
 	},
 	xl: {
+		...selectTextSize.xl,
 		paddingInline: "8",
 		paddingBlock: "2.5",
 		borderRadius: "lg",
 		gap: "2.5",
 		height: 50,
-		paddingRight: 52
+		paddingRight: 52,
+		backgroundPosition: nativeChevronPosition(32)
 	}
 };
 const SelectNative = styled(SizableText, {
@@ -156,6 +171,9 @@ const SelectNative = styled(SizableText, {
 	color: "color",
 	outlineWidth: 0,
 	userSelect: "none",
+	backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,
+	backgroundRepeat: "no-repeat",
+	backgroundSize: "5px 5px",
 	variants: { size: {
 		...selectNativeSize,
 		true: selectNativeSize.md

package/dist/esm/components/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["SelectBehavior"],"sources":["esm/components/Select.js"],"sourcesContent":["import {\n  createStyledContext,\n  styled,\n  withStaticProperties\n} from \"@tamagui/core\";\nimport {\n  Select as SelectBehavior,\n  SelectNativeComponentContext\n} from \"@tamagui/select\";\nimport { SizableText } from \"@tamagui/text\";\nimport { jsx } from \"react/jsx-runtime\";\nconst IconGlyph = styled(SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nconst ChevronDown = ({ size = 16 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u25BE\" });\nconst ChevronUp = ({ size = 16 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u25B4\" });\nconst Check = ({ size = 14 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u2713\" });\nconst SelectContext = createStyledContext({ size: \"md\" });\nconst selectFrameSize = {\n  xs: { paddingInline: \"2\", paddingBlock: \"1\", borderRadius: \"sm\", gap: \"1\" },\n  sm: { paddingInline: \"3\", paddingBlock: \"1.5\", borderRadius: \"md\", gap: \"1.5\" },\n  md: { paddingInline: \"4\", paddingBlock: \"2\", borderRadius: \"md\", gap: \"2\" },\n  lg: { paddingInline: \"6\", paddingBlock: \"2\", borderRadius: \"md\", gap: \"2\" },\n  xl: { paddingInline: \"8\", paddingBlock: \"2.5\", borderRadius: \"lg\", gap: \"2.5\" }\n};\nconst selectTextSize = {\n  xs: { fontSize: \"xs\", lineHeight: \"xs\" },\n  sm: { fontSize: \"sm\", lineHeight: \"sm\" },\n  md: { fontSize: \"sm\", lineHeight: \"sm\" },\n  lg: { fontSize: \"base\", lineHeight: \"base\" },\n  xl: { fontSize: \"lg\", lineHeight: \"lg\" }\n};\nconst selectItemSize = {\n  xs: { gap: \"1\", paddingHorizontal: \"2\", paddingVertical: \"1\" },\n  sm: { gap: \"1.5\", paddingHorizontal: \"3\", paddingVertical: \"1.5\" },\n  md: { gap: \"2\", paddingHorizontal: \"4\", paddingVertical: \"2\" },\n  lg: { gap: \"2\", paddingHorizontal: \"6\", paddingVertical: \"2\" },\n  xl: { gap: \"2.5\", paddingHorizontal: \"8\", paddingVertical: \"2.5\" }\n};\nconst selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52\n  }\n};\nconst SelectNative = styled(SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectTrigger = styled(SelectBehavior.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectValue = styled(SelectBehavior.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectIcon = styled(SelectBehavior.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ jsx(ChevronDown, {})\n});\nconst SelectGroup = styled(SelectBehavior.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nconst SelectLabel = styled(SelectBehavior.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItem = styled(SelectBehavior.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItemText = styled(SelectBehavior.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItemIndicator = styled(SelectBehavior.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ jsx(Check, { size: 14 })\n});\nconst SelectIndicator = styled(SelectBehavior.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nconst SelectViewport = styled(SelectBehavior.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nconst SelectScrollUpButton = styled(SelectBehavior.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ jsx(ChevronUp, { size: 16 })\n});\nconst SelectScrollDownButton = styled(SelectBehavior.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ jsx(ChevronDown, { size: 16 })\n});\nconst SelectSeparator = styled(SelectBehavior.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot({ size = true, ...props }) {\n  return /* @__PURE__ */ jsx(SelectNativeComponentContext.Provider, { value: SelectNative, children: /* @__PURE__ */ jsx(SelectContext.Provider, { size, children: /* @__PURE__ */ jsx(SelectBehavior.Root, { size, ...props }) }) });\n}\nconst selectParts = {\n  Adapt: SelectBehavior.Adapt,\n  Content: SelectBehavior.Content,\n  FocusScope: SelectBehavior.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nconst Select = withStaticProperties(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\nexport {\n  Select,\n  SelectGroup,\n  SelectIcon,\n  SelectIndicator,\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectRoot,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectViewport,\n  selectParts\n};\n//# sourceMappingURL=Select.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["SelectBehavior"],"sources":["esm/components/Select.js"],"sourcesContent":["import {\n  createStyledContext,\n  styled,\n  withStaticProperties\n} from \"@tamagui/core\";\nimport {\n  Select as SelectBehavior,\n  SelectNativeComponentContext\n} from \"@tamagui/select\";\nimport { SizableText } from \"@tamagui/text\";\nimport { jsx } from \"react/jsx-runtime\";\nconst IconGlyph = styled(SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nconst ChevronDown = ({ size = 16 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u25BE\" });\nconst ChevronUp = ({ size = 16 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u25B4\" });\nconst Check = ({ size = 14 }) => /* @__PURE__ */ jsx(IconGlyph, { fontSize: size, lineHeight: 1, children: \"\\u2713\" });\nconst SelectContext = createStyledContext({ size: \"md\" });\nconst selectFrameSize = {\n  xs: { paddingInline: \"2\", paddingBlock: \"1\", borderRadius: \"sm\", gap: \"1\" },\n  sm: { paddingInline: \"3\", paddingBlock: \"1.5\", borderRadius: \"md\", gap: \"1.5\" },\n  md: { paddingInline: \"4\", paddingBlock: \"2\", borderRadius: \"md\", gap: \"2\" },\n  lg: { paddingInline: \"6\", paddingBlock: \"2\", borderRadius: \"md\", gap: \"2\" },\n  xl: { paddingInline: \"8\", paddingBlock: \"2.5\", borderRadius: \"lg\", gap: \"2.5\" }\n};\nconst selectTextSize = {\n  xs: { fontSize: \"xs\", lineHeight: \"xs\" },\n  sm: { fontSize: \"sm\", lineHeight: \"sm\" },\n  md: { fontSize: \"sm\", lineHeight: \"sm\" },\n  lg: { fontSize: \"base\", lineHeight: \"base\" },\n  xl: { fontSize: \"lg\", lineHeight: \"lg\" }\n};\nconst selectItemSize = {\n  xs: { gap: \"1\", paddingHorizontal: \"2\", paddingVertical: \"1\" },\n  sm: { gap: \"1.5\", paddingHorizontal: \"3\", paddingVertical: \"1.5\" },\n  md: { gap: \"2\", paddingHorizontal: \"4\", paddingVertical: \"2\" },\n  lg: { gap: \"2\", paddingHorizontal: \"6\", paddingVertical: \"2\" },\n  xl: { gap: \"2.5\", paddingHorizontal: \"8\", paddingVertical: \"2.5\" }\n};\nconst nativeChevronStroke = (angle) => `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;\nconst nativeChevronPosition = (paddingInline) => {\n  const center = paddingInline + 8;\n  return `calc(100% - ${center - 0.25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;\n};\nconst selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    ...selectTextSize.xs,\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28,\n    backgroundPosition: nativeChevronPosition(8)\n  },\n  sm: {\n    ...selectTextSize.sm,\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32,\n    backgroundPosition: nativeChevronPosition(12)\n  },\n  md: {\n    ...selectTextSize.md,\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36,\n    backgroundPosition: nativeChevronPosition(16)\n  },\n  lg: {\n    ...selectTextSize.lg,\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44,\n    backgroundPosition: nativeChevronPosition(24)\n  },\n  xl: {\n    ...selectTextSize.xl,\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52,\n    backgroundPosition: nativeChevronPosition(32)\n  }\n};\nconst SelectNative = styled(SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,\n  backgroundRepeat: \"no-repeat\",\n  backgroundSize: \"5px 5px\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectTrigger = styled(SelectBehavior.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectValue = styled(SelectBehavior.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectIcon = styled(SelectBehavior.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ jsx(ChevronDown, {})\n});\nconst SelectGroup = styled(SelectBehavior.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nconst SelectLabel = styled(SelectBehavior.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItem = styled(SelectBehavior.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItemText = styled(SelectBehavior.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: { size: \"md\" }\n});\nconst SelectItemIndicator = styled(SelectBehavior.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ jsx(Check, { size: 14 })\n});\nconst SelectIndicator = styled(SelectBehavior.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nconst SelectViewport = styled(SelectBehavior.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nconst SelectScrollUpButton = styled(SelectBehavior.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ jsx(ChevronUp, { size: 16 })\n});\nconst SelectScrollDownButton = styled(SelectBehavior.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ jsx(ChevronDown, { size: 16 })\n});\nconst SelectSeparator = styled(SelectBehavior.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot({ size = true, ...props }) {\n  return /* @__PURE__ */ jsx(SelectNativeComponentContext.Provider, { value: SelectNative, children: /* @__PURE__ */ jsx(SelectContext.Provider, { size, children: /* @__PURE__ */ jsx(SelectBehavior.Root, { size, ...props }) }) });\n}\nconst selectParts = {\n  Adapt: SelectBehavior.Adapt,\n  Content: SelectBehavior.Content,\n  FocusScope: SelectBehavior.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nconst Select = withStaticProperties(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\nexport {\n  Select,\n  SelectGroup,\n  SelectIcon,\n  SelectIndicator,\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectRoot,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectViewport,\n  selectParts\n};\n//# sourceMappingURL=Select.js.map\n"],"mappings":";;;;;;AAWA,MAAM,YAAY,OAAO,aAAa;CACpC,aAAa;CACb,OAAO;CACP,YAAY;AACd,CAAC;AACD,MAAM,eAAe,EAAE,OAAO,SAAyB,oBAAI,WAAW;CAAE,UAAU;CAAM,YAAY;CAAG,UAAU;AAAS,CAAC;AAC3H,MAAM,aAAa,EAAE,OAAO,SAAyB,oBAAI,WAAW;CAAE,UAAU;CAAM,YAAY;CAAG,UAAU;AAAS,CAAC;AACzH,MAAM,SAAS,EAAE,OAAO,SAAyB,oBAAI,WAAW;CAAE,UAAU;CAAM,YAAY;CAAG,UAAU;AAAS,CAAC;AACrH,MAAM,gBAAgB,oBAAoB,EAAE,MAAM,KAAK,CAAC;AACxD,MAAM,kBAAkB;CACtB,IAAI;EAAE,eAAe;EAAK,cAAc;EAAK,cAAc;EAAM,KAAK;CAAI;CAC1E,IAAI;EAAE,eAAe;EAAK,cAAc;EAAO,cAAc;EAAM,KAAK;CAAM;CAC9E,IAAI;EAAE,eAAe;EAAK,cAAc;EAAK,cAAc;EAAM,KAAK;CAAI;CAC1E,IAAI;EAAE,eAAe;EAAK,cAAc;EAAK,cAAc;EAAM,KAAK;CAAI;CAC1E,IAAI;EAAE,eAAe;EAAK,cAAc;EAAO,cAAc;EAAM,KAAK;CAAM;AAChF;AACA,MAAM,iBAAiB;CACrB,IAAI;EAAE,UAAU;EAAM,YAAY;CAAK;CACvC,IAAI;EAAE,UAAU;EAAM,YAAY;CAAK;CACvC,IAAI;EAAE,UAAU;EAAM,YAAY;CAAK;CACvC,IAAI;EAAE,UAAU;EAAQ,YAAY;CAAO;CAC3C,IAAI;EAAE,UAAU;EAAM,YAAY;CAAK;AACzC;AACA,MAAM,iBAAiB;CACrB,IAAI;EAAE,KAAK;EAAK,mBAAmB;EAAK,iBAAiB;CAAI;CAC7D,IAAI;EAAE,KAAK;EAAO,mBAAmB;EAAK,iBAAiB;CAAM;CACjE,IAAI;EAAE,KAAK;EAAK,mBAAmB;EAAK,iBAAiB;CAAI;CAC7D,IAAI;EAAE,KAAK;EAAK,mBAAmB;EAAK,iBAAiB;CAAI;CAC7D,IAAI;EAAE,KAAK;EAAO,mBAAmB;EAAK,iBAAiB;CAAM;AACnE;AACA,MAAM,uBAAuB,UAAU,mBAAmB,MAAM;AAChE,MAAM,yBAAyB,kBAAkB;CAC/C,MAAM,SAAS,gBAAgB;CAC/B,OAAO,eAAe,SAAS,IAAK,uBAAuB,SAAS,KAAK;AAC3E;AACA,MAAM,mBAAmB;CAIvB,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,CAAC;CAC7C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;CACA,IAAI;EACF,GAAG,eAAe;EAClB,eAAe;EACf,cAAc;EACd,cAAc;EACd,KAAK;EACL,QAAQ;EACR,cAAc;EACd,oBAAoB,sBAAsB,EAAE;CAC9C;AACF;AACA,MAAM,eAAe,OAAO,aAAa;CACvC,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB,GAAG,oBAAoB,EAAE,EAAE,IAAI,oBAAoB,CAAC,EAAE;CACvE,kBAAkB;CAClB,gBAAgB;CAChB,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,iBAAiB;CACzB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,gBAAgB,OAAOA,SAAe,SAAS;CACnD,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU;CACV,UAAU;CACV,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,gBAAgB;CACxB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,cAAc,OAAOA,SAAe,OAAO;CAC/C,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,aAAa,OAAOA,SAAe,MAAM;CAC7C,SAAS;CACT,aAAa;CACb,YAAY;CACZ,UAA0B,oBAAI,aAAa,CAAC,CAAC;AAC/C,CAAC;AACD,MAAM,cAAc,OAAOA,SAAe,OAAO;CAC/C,aAAa;CACb,OAAO;AACT,CAAC;AACD,MAAM,cAAc,OAAOA,SAAe,OAAO;CAC/C,SAAS;CACT,aAAa;CACb,OAAO;CACP,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,aAAa,OAAOA,SAAe,MAAM;CAC7C,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,UAAU;CACV,UAAU;CACV,gBAAgB;CAChB,QAAQ;CACR,eAAe,CAAC;CAChB,cAAc;CACd,iBAAiB;CACjB,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,iBAAiB,OAAOA,SAAe,UAAU;CACrD,SAAS;CACT,aAAa;CACb,OAAO;CACP,YAAY;CACZ,UAAU;CACV,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,eAAe;CACvB,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AACD,MAAM,sBAAsB,OAAOA,SAAe,eAAe;CAC/D,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAA0B,oBAAI,OAAO,EAAE,MAAM,GAAG,CAAC;AACnD,CAAC;AACD,MAAM,kBAAkB,OAAOA,SAAe,WAAW;CACvD,aAAa;CACb,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAOA,SAAe,UAAU;CACrD,aAAa;CACb,iBAAiB;CACjB,aAAa;CACb,cAAc;CACd,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;AACb,CAAC;AACD,MAAM,uBAAuB,OAAOA,SAAe,gBAAgB;CACjE,aAAa;CACb,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;CAChB,UAA0B,oBAAI,WAAW,EAAE,MAAM,GAAG,CAAC;AACvD,CAAC;AACD,MAAM,yBAAyB,OAAOA,SAAe,kBAAkB;CACrE,aAAa;CACb,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;CAChB,UAA0B,oBAAI,aAAa,EAAE,MAAM,GAAG,CAAC;AACzD,CAAC;AACD,MAAM,kBAAkB,OAAOA,SAAe,WAAW;CACvD,aAAa;CACb,iBAAiB;CACjB,QAAQ;CACR,gBAAgB;AAClB,CAAC;AACD,SAAS,WAAW,EAAE,OAAO,MAAM,GAAG,SAAS;CAC7C,OAAuB,oBAAI,6BAA6B,UAAU;EAAE,OAAO;EAAc,UAA0B,oBAAI,cAAc,UAAU;GAAE;GAAM,UAA0B,oBAAIA,SAAe,MAAM;IAAE;IAAM,GAAG;GAAM,CAAC;EAAE,CAAC;CAAE,CAAC;AACpO;AACA,MAAM,cAAc;CAClB,OAAOA,SAAe;CACtB,SAASA,SAAe;CACxB,YAAYA,SAAe;CAC3B,OAAO;CACP,MAAM;CACN,WAAW;CACX,MAAM;CACN,eAAe;CACf,UAAU;CACV,OAAO;CACP,kBAAkB;CAClB,gBAAgB;CAChB,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;AACZ;AACA,MAAM,SAAS,qBAAqB,YAAY;CAC9C,MAAM;CACN,GAAG;AACL,CAAC"}

package/dist/esm/components/Select.native.js

@@ -114,46 +114,63 @@ var selectItemSize = {
 		paddingVertical: "2.5"
 	}
 };
+var nativeChevronStroke = function(angle) {
+	return `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;
+};
+var nativeChevronPosition = function(paddingInline) {
+	var center = paddingInline + 8;
+	return `calc(100% - ${center - .25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;
+};
 var selectNativeSize = {
 	xs: {
+		...selectTextSize.xs,
 		paddingInline: "2",
 		paddingBlock: "1",
 		borderRadius: "sm",
 		gap: "1",
 		height: 26,
-		paddingRight: 28
+		paddingRight: 28,
+		backgroundPosition: nativeChevronPosition(8)
 	},
 	sm: {
+		...selectTextSize.sm,
 		paddingInline: "3",
 		paddingBlock: "1.5",
 		borderRadius: "md",
 		gap: "1.5",
 		height: 34,
-		paddingRight: 32
+		paddingRight: 32,
+		backgroundPosition: nativeChevronPosition(12)
 	},
 	md: {
+		...selectTextSize.md,
 		paddingInline: "4",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 38,
-		paddingRight: 36
+		paddingRight: 36,
+		backgroundPosition: nativeChevronPosition(16)
 	},
 	lg: {
+		...selectTextSize.lg,
 		paddingInline: "6",
 		paddingBlock: "2",
 		borderRadius: "md",
 		gap: "2",
 		height: 42,
-		paddingRight: 44
+		paddingRight: 44,
+		backgroundPosition: nativeChevronPosition(24)
 	},
 	xl: {
+		...selectTextSize.xl,
 		paddingInline: "8",
 		paddingBlock: "2.5",
 		borderRadius: "lg",
 		gap: "2.5",
 		height: 50,
-		paddingRight: 52
+		paddingRight: 52,
+		backgroundPosition: nativeChevronPosition(32)
 	}
 };
 var SelectNative = styled(SizableText, {
@@ -165,6 +182,9 @@ var SelectNative = styled(SizableText, {
 	color: "color",
 	outlineWidth: 0,
 	userSelect: "none",
+	backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,
+	backgroundRepeat: "no-repeat",
+	backgroundSize: "5px 5px",
 	variants: { size: {
 		...selectNativeSize,
 		true: selectNativeSize.md

package/dist/esm/components/Select.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.native.js","names":["SelectBehavior"],"sources":["esm/components/Select.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/core\";\nimport { Select as SelectBehavior, SelectNativeComponentContext } from \"@tamagui/select\";\nimport { SizableText } from \"@tamagui/text\";\nvar IconGlyph = styled(SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nvar ChevronDown = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25BE\"\n  });\n};\nvar ChevronUp = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25B4\"\n  });\n};\nvar Check = function(param) {\n  var { size = 14 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u2713\"\n  });\n};\nvar SelectContext = createStyledContext({\n  size: \"md\"\n});\nvar selectFrameSize = {\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\"\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\"\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\"\n  }\n};\nvar selectTextSize = {\n  xs: {\n    fontSize: \"xs\",\n    lineHeight: \"xs\"\n  },\n  sm: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  md: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  lg: {\n    fontSize: \"base\",\n    lineHeight: \"base\"\n  },\n  xl: {\n    fontSize: \"lg\",\n    lineHeight: \"lg\"\n  }\n};\nvar selectItemSize = {\n  xs: {\n    gap: \"1\",\n    paddingHorizontal: \"2\",\n    paddingVertical: \"1\"\n  },\n  sm: {\n    gap: \"1.5\",\n    paddingHorizontal: \"3\",\n    paddingVertical: \"1.5\"\n  },\n  md: {\n    gap: \"2\",\n    paddingHorizontal: \"4\",\n    paddingVertical: \"2\"\n  },\n  lg: {\n    gap: \"2\",\n    paddingHorizontal: \"6\",\n    paddingVertical: \"2\"\n  },\n  xl: {\n    gap: \"2.5\",\n    paddingHorizontal: \"8\",\n    paddingVertical: \"2.5\"\n  }\n};\nvar selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52\n  }\n};\nvar SelectNative = styled(SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectTrigger = styled(SelectBehavior.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectValue = styled(SelectBehavior.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectIcon = styled(SelectBehavior.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ _jsx(ChevronDown, {})\n});\nvar SelectGroup = styled(SelectBehavior.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nvar SelectLabel = styled(SelectBehavior.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItem = styled(SelectBehavior.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemText = styled(SelectBehavior.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemIndicator = styled(SelectBehavior.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ _jsx(Check, {\n    size: 14\n  })\n});\nvar SelectIndicator = styled(SelectBehavior.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nvar SelectViewport = styled(SelectBehavior.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nvar SelectScrollUpButton = styled(SelectBehavior.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ _jsx(ChevronUp, {\n    size: 16\n  })\n});\nvar SelectScrollDownButton = styled(SelectBehavior.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ _jsx(ChevronDown, {\n    size: 16\n  })\n});\nvar SelectSeparator = styled(SelectBehavior.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot(param) {\n  var { size = true, ...props } = param;\n  return /* @__PURE__ */ _jsx(SelectNativeComponentContext.Provider, {\n    value: SelectNative,\n    children: /* @__PURE__ */ _jsx(SelectContext.Provider, {\n      size,\n      children: /* @__PURE__ */ _jsx(SelectBehavior.Root, {\n        size,\n        ...props\n      })\n    })\n  });\n}\nvar selectParts = {\n  Adapt: SelectBehavior.Adapt,\n  Content: SelectBehavior.Content,\n  FocusScope: SelectBehavior.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nvar Select = withStaticProperties(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\nexport {\n  Select,\n  SelectGroup,\n  SelectIcon,\n  SelectIndicator,\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectRoot,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectViewport,\n  selectParts\n};\n//# sourceMappingURL=Select.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Select.native.js","names":["SelectBehavior"],"sources":["esm/components/Select.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/core\";\nimport { Select as SelectBehavior, SelectNativeComponentContext } from \"@tamagui/select\";\nimport { SizableText } from \"@tamagui/text\";\nvar IconGlyph = styled(SizableText, {\n  displayName: \"SelectIconGlyph\",\n  color: \"color\",\n  userSelect: \"none\"\n});\nvar ChevronDown = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25BE\"\n  });\n};\nvar ChevronUp = function(param) {\n  var { size = 16 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u25B4\"\n  });\n};\nvar Check = function(param) {\n  var { size = 14 } = param;\n  return /* @__PURE__ */ _jsx(IconGlyph, {\n    fontSize: size,\n    lineHeight: 1,\n    children: \"\\u2713\"\n  });\n};\nvar SelectContext = createStyledContext({\n  size: \"md\"\n});\nvar selectFrameSize = {\n  xs: {\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\"\n  },\n  sm: {\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\"\n  },\n  md: {\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  lg: {\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\"\n  },\n  xl: {\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\"\n  }\n};\nvar selectTextSize = {\n  xs: {\n    fontSize: \"xs\",\n    lineHeight: \"xs\"\n  },\n  sm: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  md: {\n    fontSize: \"sm\",\n    lineHeight: \"sm\"\n  },\n  lg: {\n    fontSize: \"base\",\n    lineHeight: \"base\"\n  },\n  xl: {\n    fontSize: \"lg\",\n    lineHeight: \"lg\"\n  }\n};\nvar selectItemSize = {\n  xs: {\n    gap: \"1\",\n    paddingHorizontal: \"2\",\n    paddingVertical: \"1\"\n  },\n  sm: {\n    gap: \"1.5\",\n    paddingHorizontal: \"3\",\n    paddingVertical: \"1.5\"\n  },\n  md: {\n    gap: \"2\",\n    paddingHorizontal: \"4\",\n    paddingVertical: \"2\"\n  },\n  lg: {\n    gap: \"2\",\n    paddingHorizontal: \"6\",\n    paddingVertical: \"2\"\n  },\n  xl: {\n    gap: \"2.5\",\n    paddingHorizontal: \"8\",\n    paddingVertical: \"2.5\"\n  }\n};\nvar nativeChevronStroke = function(angle) {\n  return `linear-gradient(${angle}deg, transparent calc(50% - 0.75px), currentColor calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px))`;\n};\nvar nativeChevronPosition = function(paddingInline) {\n  var center = paddingInline + 8;\n  return `calc(100% - ${center - 0.25}px) 50%, calc(100% - ${center - 4.75}px) 50%`;\n};\nvar selectNativeSize = {\n  // a native <select> ignores line-height, so it gets the control height\n  // (line height plus vertical padding) plus its 1px border on each side,\n  // and room for the chevron\n  xs: {\n    ...selectTextSize.xs,\n    paddingInline: \"2\",\n    paddingBlock: \"1\",\n    borderRadius: \"sm\",\n    gap: \"1\",\n    height: 26,\n    paddingRight: 28,\n    backgroundPosition: nativeChevronPosition(8)\n  },\n  sm: {\n    ...selectTextSize.sm,\n    paddingInline: \"3\",\n    paddingBlock: \"1.5\",\n    borderRadius: \"md\",\n    gap: \"1.5\",\n    height: 34,\n    paddingRight: 32,\n    backgroundPosition: nativeChevronPosition(12)\n  },\n  md: {\n    ...selectTextSize.md,\n    paddingInline: \"4\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 38,\n    paddingRight: 36,\n    backgroundPosition: nativeChevronPosition(16)\n  },\n  lg: {\n    ...selectTextSize.lg,\n    paddingInline: \"6\",\n    paddingBlock: \"2\",\n    borderRadius: \"md\",\n    gap: \"2\",\n    height: 42,\n    paddingRight: 44,\n    backgroundPosition: nativeChevronPosition(24)\n  },\n  xl: {\n    ...selectTextSize.xl,\n    paddingInline: \"8\",\n    paddingBlock: \"2.5\",\n    borderRadius: \"lg\",\n    gap: \"2.5\",\n    height: 50,\n    paddingRight: 52,\n    backgroundPosition: nativeChevronPosition(32)\n  }\n};\nvar SelectNative = styled(SizableText, {\n  displayName: \"SelectNative\",\n  render: \"select\",\n  backgroundColor: \"background hover:background-hover\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  color: \"color\",\n  outlineWidth: 0,\n  userSelect: \"none\",\n  backgroundImage: `${nativeChevronStroke(45)}, ${nativeChevronStroke(-45)}`,\n  backgroundRepeat: \"no-repeat\",\n  backgroundSize: \"5px 5px\",\n  variants: {\n    size: {\n      ...selectNativeSize,\n      true: selectNativeSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectTrigger = styled(SelectBehavior.Trigger, {\n  context: SelectContext,\n  displayName: \"SelectTrigger\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  backgroundColor: \"background hover:background-hover press:background-press\",\n  borderColor: \"border-color hover:border-color-hover\",\n  borderWidth: 1,\n  justifyContent: \"space-between\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  variants: {\n    size: {\n      ...selectFrameSize,\n      true: selectFrameSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectValue = styled(SelectBehavior.Value, {\n  context: SelectContext,\n  displayName: \"SelectValue\",\n  color: \"color\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectIcon = styled(SelectBehavior.Icon, {\n  context: SelectContext,\n  displayName: \"SelectIcon\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ _jsx(ChevronDown, {})\n});\nvar SelectGroup = styled(SelectBehavior.Group, {\n  displayName: \"SelectGroup\",\n  width: \"100%\"\n});\nvar SelectLabel = styled(SelectBehavior.Label, {\n  context: SelectContext,\n  displayName: \"SelectLabel\",\n  color: \"color-10\",\n  fontWeight: \"600\",\n  paddingHorizontal: 10,\n  paddingVertical: 6,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItem = styled(SelectBehavior.Item, {\n  context: SelectContext,\n  displayName: \"SelectItem\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"space-between\",\n  cursor: \"default\",\n  outlineOffset: -1,\n  borderRadius: 6,\n  backgroundColor: \"hover:background-hover press:background-press focus:background-focus\",\n  outlineColor: \"focus-visible:outline-color\",\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:1px\",\n  variants: {\n    size: {\n      ...selectItemSize,\n      true: selectItemSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemText = styled(SelectBehavior.ItemText, {\n  context: SelectContext,\n  displayName: \"SelectItemText\",\n  color: \"color\",\n  userSelect: \"none\",\n  ellipsis: true,\n  variants: {\n    size: {\n      ...selectTextSize,\n      true: selectTextSize.md\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\nvar SelectItemIndicator = styled(SelectBehavior.ItemIndicator, {\n  displayName: \"SelectItemIndicator\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginLeft: \"auto\",\n  children: /* @__PURE__ */ _jsx(Check, {\n    size: 14\n  })\n});\nvar SelectIndicator = styled(SelectBehavior.Indicator, {\n  displayName: \"SelectIndicator\",\n  backgroundColor: \"background-focus\",\n  borderRadius: 6\n});\nvar SelectViewport = styled(SelectBehavior.Viewport, {\n  displayName: \"SelectViewport\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderRadius: 10,\n  borderWidth: 1,\n  maxHeight: 300,\n  padding: 4,\n  boxShadow: \"0 12px 28px rgba(0, 0, 0, 0.2)\"\n});\nvar SelectScrollUpButton = styled(SelectBehavior.ScrollUpButton, {\n  displayName: \"SelectScrollUpButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ _jsx(ChevronUp, {\n    size: 16\n  })\n});\nvar SelectScrollDownButton = styled(SelectBehavior.ScrollDownButton, {\n  displayName: \"SelectScrollDownButton\",\n  alignItems: \"center\",\n  backgroundColor: \"background\",\n  height: 28,\n  justifyContent: \"center\",\n  children: /* @__PURE__ */ _jsx(ChevronDown, {\n    size: 16\n  })\n});\nvar SelectSeparator = styled(SelectBehavior.Separator, {\n  displayName: \"SelectSeparator\",\n  backgroundColor: \"border-color\",\n  height: 1,\n  marginVertical: 4\n});\nfunction SelectRoot(param) {\n  var { size = true, ...props } = param;\n  return /* @__PURE__ */ _jsx(SelectNativeComponentContext.Provider, {\n    value: SelectNative,\n    children: /* @__PURE__ */ _jsx(SelectContext.Provider, {\n      size,\n      children: /* @__PURE__ */ _jsx(SelectBehavior.Root, {\n        size,\n        ...props\n      })\n    })\n  });\n}\nvar selectParts = {\n  Adapt: SelectBehavior.Adapt,\n  Content: SelectBehavior.Content,\n  FocusScope: SelectBehavior.FocusScope,\n  Group: SelectGroup,\n  Icon: SelectIcon,\n  Indicator: SelectIndicator,\n  Item: SelectItem,\n  ItemIndicator: SelectItemIndicator,\n  ItemText: SelectItemText,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Viewport: SelectViewport\n};\nvar Select = withStaticProperties(SelectRoot, {\n  Root: SelectRoot,\n  ...selectParts\n});\nexport {\n  Select,\n  SelectGroup,\n  SelectIcon,\n  SelectIndicator,\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectRoot,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectViewport,\n  selectParts\n};\n//# sourceMappingURL=Select.js.map\n"],"mappings":"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"}