@stokelp/ui 2.102.0 → 2.104.0

package/dist/theme/recipes/select.js

@@ -1,209 +1,197 @@
 "use client";
 import { selectAnatomy as e } from "@ark-ui/react";
-import { defineSlotRecipe as o } from "@pandacss/dev";
-const t = o({
-  base: {
-    control: {
-      fontFamily: "satoshi",
-      position: "relative"
-    },
-    valueText: {
-      "&.custom": {
-        display: "inline-flex",
-        gap: "space-8"
-      },
-      flex: 1,
-      pr: "space-28",
-      textAlign: "left"
-    },
-    content: {
-      fontFamily: "satoshi",
-      background: "primary.500",
-      borderWidth: 1,
-      borderColor: "primary.500",
-      borderStyle: "solid",
-      '&[data-placement^="top"]': {
-        borderBottom: "none",
-        borderTopLeftRadius: "radius-8",
-        borderTopRightRadius: "radius-8"
-      },
-      '&[data-placement^="bottom"]': {
-        borderTop: "none",
-        borderBottomLeftRadius: "radius-8",
-        borderBottomRightRadius: "radius-8"
-      },
-      display: "flex",
-      flexDirection: "column",
-      outline: 0,
-      zIndex: "modal",
-      maxHeight: "180px",
-      overflow: "auto"
-    },
-    indicator: {
-      transition: "transform 0.15s ease-out",
-      transform: {
-        base: "rotate(0deg)",
-        _open: "rotate(180deg)"
-      },
-      color: {
-        base: "secondary.900",
-        _disabled: "grey.300"
-      }
-    },
-    clearTrigger: {
-      position: "absolute",
-      cursor: "pointer",
-      right: "space-48",
-      top: "11px",
-      color: {
-        base: "secondary.900",
-        _disabled: "grey.300"
-      }
-    },
-    item: {
-      _disabled: {
-        cursor: "not-allowed",
-        userSelect: "none"
-      },
-      alignItems: "center",
-      background: {
-        _disabled: {
-          _hover: "grey.100!",
-          _selected: "grey.50!",
-          base: "grey.100!"
-        },
-        _selected: "primary.500",
-        _highlighted: "primary.200",
-        _hover: "primary.200",
-        base: "background"
-      },
-      color: {
-        _disabled: {
-          _hover: "grey.300!",
-          _selected: "grey.300!",
-          base: "grey.300!"
-        },
-        _selected: "white"
-      },
-      cursor: "pointer",
-      display: "flex",
-      gap: "space-4",
-      transitionDuration: {
-        base: "fast",
-        _selected: "0ms"
-      },
-      transitionProperty: "background, color",
-      transitionTimingFunction: "default"
-    },
-    itemGroupLabel: {
-      textStyle: "body.sm"
-    },
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "space-4",
-      width: "full"
-    },
-    trigger: {
-      _placeholderShown: {
-        color: {
-          base: "grey.400",
-          _disabled: "grey.300"
-        }
-      },
-      _open: {
-        border: "1px solid {colors.primary.500}",
-        '&[data-placement^="top"]': {
-          borderTopLeftRadius: "radius-0!",
-          borderTopRightRadius: "radius-0!"
-        },
-        '&[data-placement^="bottom"]': {
-          borderBottomLeftRadius: "radius-0!",
-          borderBottomRightRadius: "radius-0!"
-        }
-      },
-      alignItems: "center",
-      appearance: "none",
-      bg: {
-        _disabled: {
-          base: "grey.50"
-        },
-        base: "white"
-      },
-      border: {
-        _focusVisible: "1px solid {colors.primary.500}",
-        _hover: {
-          base: "1px solid {colors.secondary.500}",
-          _open: "1px solid {colors.primary.500}",
-          _disabled: "1px solid {colors.grey.100}"
-        },
-        base: "1px solid {colors.grey.100}"
-      },
-      '&[data-placement^="top"]': {
-        borderTopColor: {
-          _open: "grey.100",
-          _hover: {
-            base: "secondary.500",
-            _open: "grey.100"
-          },
-          base: "grey.100"
-        }
-      },
-      '&[data-placement^="bottom"]': {
-        borderBottomColor: {
-          _open: "grey.100",
-          _hover: {
-            base: "secondary.500",
-            _open: "grey.100"
-          },
-          base: "grey.100"
-        }
-      },
-      borderRadius: "radius-10",
-      color: {
-        base: "grey.900",
-        _disabled: "grey.300"
-      },
-      cursor: { base: "pointer", _disabled: "not-allowed" },
-      display: "inline-flex",
-      outline: 0,
-      position: "relative",
-      width: "full"
-    }
-  },
-  className: "select",
-  defaultVariants: {
-    size: "md"
-  },
-  jsx: ["Select"],
-  slots: e.keys(),
-  variants: {
-    hideClearTrigger: {
-      true: {
-        valueText: {
-          pr: 0
-        },
-        clearTrigger: {
-          display: "none"
-        }
-      }
-    },
-    size: {
-      md: {
-        item: { px: "space-16", py: "space-8", textStyle: "body.md" },
-        trigger: {
-          gap: "space-8",
-          minH: "40px",
-          minW: "size-16",
-          py: "space-8",
-          px: "space-16",
-          textStyle: "body.md"
-        }
-      }
-    }
-  }
+import { defineSlotRecipe as t } from "@pandacss/dev";
+//#region src/theme/recipes/select.ts
+var n = t({
+	base: {
+		control: {
+			fontFamily: "satoshi",
+			position: "relative"
+		},
+		valueText: {
+			"&.custom": {
+				display: "inline-flex",
+				gap: "space-8"
+			},
+			flex: 1,
+			pr: "space-28",
+			textAlign: "left"
+		},
+		content: {
+			fontFamily: "satoshi",
+			background: "primary.500",
+			borderWidth: 1,
+			borderColor: "primary.500",
+			borderStyle: "solid",
+			"&[data-placement^=\"top\"]": {
+				borderBottom: "none",
+				borderTopLeftRadius: "radius-8",
+				borderTopRightRadius: "radius-8"
+			},
+			"&[data-placement^=\"bottom\"]": {
+				borderTop: "none",
+				borderBottomLeftRadius: "radius-8",
+				borderBottomRightRadius: "radius-8"
+			},
+			display: "flex",
+			flexDirection: "column",
+			outline: 0,
+			zIndex: "modal",
+			maxHeight: "180px",
+			overflow: "auto"
+		},
+		indicator: {
+			transition: "transform 0.15s ease-out",
+			transform: {
+				base: "rotate(0deg)",
+				_open: "rotate(180deg)"
+			},
+			color: {
+				base: "secondary.900",
+				_disabled: "grey.300"
+			}
+		},
+		clearTrigger: {
+			position: "absolute",
+			cursor: "pointer",
+			right: "space-48",
+			top: "11px",
+			color: {
+				base: "secondary.900",
+				_disabled: "grey.300"
+			}
+		},
+		item: {
+			_disabled: {
+				cursor: "not-allowed",
+				userSelect: "none"
+			},
+			alignItems: "center",
+			background: {
+				_disabled: {
+					_hover: "grey.100!",
+					_selected: "grey.50!",
+					base: "grey.100!"
+				},
+				_selected: "primary.500",
+				_highlighted: "primary.200",
+				_hover: "primary.200",
+				base: "background"
+			},
+			color: {
+				_disabled: {
+					_hover: "grey.300!",
+					_selected: "grey.300!",
+					base: "grey.300!"
+				},
+				_selected: "white"
+			},
+			cursor: "pointer",
+			display: "flex",
+			gap: "space-4",
+			transitionDuration: {
+				base: "fast",
+				_selected: "0ms"
+			},
+			transitionProperty: "background, color",
+			transitionTimingFunction: "default"
+		},
+		itemGroupLabel: { textStyle: "body.sm" },
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "space-4",
+			width: "full"
+		},
+		trigger: {
+			_placeholderShown: { color: {
+				base: "grey.400",
+				_disabled: "grey.300"
+			} },
+			_open: {
+				border: "1px solid {colors.primary.500}",
+				"&[data-placement^=\"top\"]": {
+					borderTopLeftRadius: "radius-0!",
+					borderTopRightRadius: "radius-0!"
+				},
+				"&[data-placement^=\"bottom\"]": {
+					borderBottomLeftRadius: "radius-0!",
+					borderBottomRightRadius: "radius-0!"
+				}
+			},
+			alignItems: "center",
+			appearance: "none",
+			bg: {
+				_disabled: { base: "grey.50" },
+				base: "white"
+			},
+			border: {
+				_focusVisible: "1px solid {colors.primary.500}",
+				_hover: {
+					base: "1px solid {colors.secondary.500}",
+					_open: "1px solid {colors.primary.500}",
+					_disabled: "1px solid {colors.grey.100}"
+				},
+				base: "1px solid {colors.grey.100}"
+			},
+			"&[data-placement^=\"top\"]": { borderTopColor: {
+				_open: "grey.100",
+				_hover: {
+					base: "secondary.500",
+					_open: "grey.100"
+				},
+				base: "grey.100"
+			} },
+			"&[data-placement^=\"bottom\"]": { borderBottomColor: {
+				_open: "grey.100",
+				_hover: {
+					base: "secondary.500",
+					_open: "grey.100"
+				},
+				base: "grey.100"
+			} },
+			borderRadius: "radius-10",
+			color: {
+				base: "grey.900",
+				_disabled: "grey.300"
+			},
+			cursor: {
+				base: "pointer",
+				_disabled: "not-allowed"
+			},
+			display: "inline-flex",
+			outline: 0,
+			position: "relative",
+			width: "full"
+		}
+	},
+	className: "select",
+	defaultVariants: { size: "md" },
+	jsx: ["Select"],
+	slots: e.keys(),
+	variants: {
+		hideClearTrigger: { true: {
+			valueText: { pr: 0 },
+			clearTrigger: { display: "none" }
+		} },
+		size: { md: {
+			item: {
+				px: "space-16",
+				py: "space-8",
+				textStyle: "body.md"
+			},
+			trigger: {
+				gap: "space-8",
+				minH: "40px",
+				minW: "size-16",
+				py: "space-8",
+				px: "space-16",
+				textStyle: "body.md"
+			}
+		} }
+	}
 });
-export {
-  t as selectRecipe
-};
-//# sourceMappingURL=select.js.map
+//#endregion
+export { n as selectRecipe };
+
+//# sourceMappingURL=select.js.map

package/dist/theme/recipes/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../src/theme/recipes/select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      '&.custom': {\n        display: 'inline-flex',\n        gap: 'space-8',\n      },\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'primary.500',\n      borderWidth: 1,\n      borderColor: 'primary.500',\n      borderStyle: 'solid',\n      '&[data-placement^=\"top\"]': {\n        borderBottom: 'none',\n        borderTopLeftRadius: 'radius-8',\n        borderTopRightRadius: 'radius-8',\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderTop: 'none',\n        borderBottomLeftRadius: 'radius-8',\n        borderBottomRightRadius: 'radius-8',\n      },\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 0,\n      zIndex: 'modal',\n      maxHeight: '180px',\n      overflow: 'auto',\n    },\n    indicator: {\n      transition: 'transform 0.15s ease-out',\n      transform: {\n        base: 'rotate(0deg)',\n        _open: 'rotate(180deg)',\n      },\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    clearTrigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-48',\n      top: '11px',\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      alignItems: 'center',\n      background: {\n        _disabled: {\n          _hover: 'grey.100!',\n          _selected: 'grey.50!',\n          base: 'grey.100!',\n        },\n        _selected: 'primary.500',\n        _highlighted: 'primary.200',\n        _hover: 'primary.200',\n        base: 'background',\n      },\n      color: {\n        _disabled: {\n          _hover: 'grey.300!',\n          _selected: 'grey.300!',\n          base: 'grey.300!',\n        },\n        _selected: 'white',\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: 'space-4',\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    itemGroupLabel: {\n      textStyle: 'body.sm',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      _placeholderShown: {\n        color: {\n          base: 'grey.400',\n          _disabled: 'grey.300',\n        },\n      },\n      _open: {\n        border: '1px solid {colors.primary.500}',\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n      alignItems: 'center',\n      appearance: 'none',\n      bg: {\n        _disabled: {\n          base: 'grey.50',\n        },\n        base: 'white',\n      },\n      border: {\n        _focusVisible: '1px solid {colors.primary.500}',\n        _hover: {\n          base: '1px solid {colors.secondary.500}',\n          _open: '1px solid {colors.primary.500}',\n          _disabled: '1px solid {colors.grey.100}',\n        },\n        base: '1px solid {colors.grey.100}',\n      },\n      '&[data-placement^=\"top\"]': {\n        borderTopColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderBottomColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      borderRadius: 'radius-10',\n      color: {\n        base: 'grey.900',\n        _disabled: 'grey.300',\n      },\n      cursor: { base: 'pointer', _disabled: 'not-allowed' },\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n      width: 'full',\n    },\n  },\n  className: 'select',\n  defaultVariants: {\n    size: 'md',\n  },\n  jsx: ['Select'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    hideClearTrigger: {\n      true: {\n        valueText: {\n          pr: 0,\n        },\n        clearTrigger: {\n          display: 'none',\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        trigger: {\n          gap: 'space-8',\n          minH: '40px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["selectRecipe","defineSlotRecipe","selectAnatomy"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/theme/recipes/select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      '&.custom': {\n        display: 'inline-flex',\n        gap: 'space-8',\n      },\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'primary.500',\n      borderWidth: 1,\n      borderColor: 'primary.500',\n      borderStyle: 'solid',\n      '&[data-placement^=\"top\"]': {\n        borderBottom: 'none',\n        borderTopLeftRadius: 'radius-8',\n        borderTopRightRadius: 'radius-8',\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderTop: 'none',\n        borderBottomLeftRadius: 'radius-8',\n        borderBottomRightRadius: 'radius-8',\n      },\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 0,\n      zIndex: 'modal',\n      maxHeight: '180px',\n      overflow: 'auto',\n    },\n    indicator: {\n      transition: 'transform 0.15s ease-out',\n      transform: {\n        base: 'rotate(0deg)',\n        _open: 'rotate(180deg)',\n      },\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    clearTrigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-48',\n      top: '11px',\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      alignItems: 'center',\n      background: {\n        _disabled: {\n          _hover: 'grey.100!',\n          _selected: 'grey.50!',\n          base: 'grey.100!',\n        },\n        _selected: 'primary.500',\n        _highlighted: 'primary.200',\n        _hover: 'primary.200',\n        base: 'background',\n      },\n      color: {\n        _disabled: {\n          _hover: 'grey.300!',\n          _selected: 'grey.300!',\n          base: 'grey.300!',\n        },\n        _selected: 'white',\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: 'space-4',\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    itemGroupLabel: {\n      textStyle: 'body.sm',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      _placeholderShown: {\n        color: {\n          base: 'grey.400',\n          _disabled: 'grey.300',\n        },\n      },\n      _open: {\n        border: '1px solid {colors.primary.500}',\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n      alignItems: 'center',\n      appearance: 'none',\n      bg: {\n        _disabled: {\n          base: 'grey.50',\n        },\n        base: 'white',\n      },\n      border: {\n        _focusVisible: '1px solid {colors.primary.500}',\n        _hover: {\n          base: '1px solid {colors.secondary.500}',\n          _open: '1px solid {colors.primary.500}',\n          _disabled: '1px solid {colors.grey.100}',\n        },\n        base: '1px solid {colors.grey.100}',\n      },\n      '&[data-placement^=\"top\"]': {\n        borderTopColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderBottomColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      borderRadius: 'radius-10',\n      color: {\n        base: 'grey.900',\n        _disabled: 'grey.300',\n      },\n      cursor: { base: 'pointer', _disabled: 'not-allowed' },\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n      width: 'full',\n    },\n  },\n  className: 'select',\n  defaultVariants: {\n    size: 'md',\n  },\n  jsx: ['Select'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    hideClearTrigger: {\n      true: {\n        valueText: {\n          pr: 0,\n        },\n        clearTrigger: {\n          display: 'none',\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        trigger: {\n          gap: 'space-8',\n          minH: '40px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"mappings":";;;;AAGA,IAAa,IAAe,EAAiB;CAC3C,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,UAAU;EACZ;EACA,WAAW;GACT,YAAY;IACV,SAAS;IACT,KAAK;GACP;GACA,MAAM;GACN,IAAI;GACJ,WAAW;EACb;EACA,SAAS;GACP,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,aAAa;GACb,aAAa;GACb,8BAA4B;IAC1B,cAAc;IACd,qBAAqB;IACrB,sBAAsB;GACxB;GACA,iCAA+B;IAC7B,WAAW;IACX,wBAAwB;IACxB,yBAAyB;GAC3B;GACA,SAAS;GACT,eAAe;GACf,SAAS;GACT,QAAQ;GACR,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,WAAW;IACT,MAAM;IACN,OAAO;GACT;GACA,OAAO;IACL,MAAM;IACN,WAAW;GACb;EACF;EACA,cAAc;GACZ,UAAU;GACV,QAAQ;GACR,OAAO;GACP,KAAK;GACL,OAAO;IACL,MAAM;IACN,WAAW;GACb;EACF;EACA,MAAM;GACJ,WAAW;IACT,QAAQ;IACR,YAAY;GACd;GACA,YAAY;GACZ,YAAY;IACV,WAAW;KACT,QAAQ;KACR,WAAW;KACX,MAAM;IACR;IACA,WAAW;IACX,cAAc;IACd,QAAQ;IACR,MAAM;GACR;GACA,OAAO;IACL,WAAW;KACT,QAAQ;KACR,WAAW;KACX,MAAM;IACR;IACA,WAAW;GACb;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,oBAAoB;IAClB,MAAM;IACN,WAAW;GACb;GACA,oBAAoB;GACpB,0BAA0B;EAC5B;EACA,gBAAgB,EACd,WAAW,UACb;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,SAAS;GACP,mBAAmB,EACjB,OAAO;IACL,MAAM;IACN,WAAW;GACb,EACF;GACA,OAAO;IACL,QAAQ;IACR,8BAA4B;KAC1B,qBAAqB;KACrB,sBAAsB;IACxB;IACA,iCAA+B;KAC7B,wBAAwB;KACxB,yBAAyB;IAC3B;GACF;GACA,YAAY;GACZ,YAAY;GACZ,IAAI;IACF,WAAW,EACT,MAAM,UACR;IACA,MAAM;GACR;GACA,QAAQ;IACN,eAAe;IACf,QAAQ;KACN,MAAM;KACN,OAAO;KACP,WAAW;IACb;IACA,MAAM;GACR;GACA,8BAA4B,EAC1B,gBAAgB;IACd,OAAO;IACP,QAAQ;KACN,MAAM;KACN,OAAO;IACT;IACA,MAAM;GACR,EACF;GACA,iCAA+B,EAC7B,mBAAmB;IACjB,OAAO;IACP,QAAQ;KACN,MAAM;KACN,OAAO;IACT;IACA,MAAM;GACR,EACF;GACA,cAAc;GACd,OAAO;IACL,MAAM;IACN,WAAW;GACb;GACA,QAAQ;IAAE,MAAM;IAAW,WAAW;GAAc;GACpD,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO;EACT;CACF;CACA,WAAW;CACX,iBAAiB,EACf,MAAM,KACR;CACA,KAAK,CAAC,QAAQ;CACd,OAAO,EAAc,KAAK;CAC1B,UAAU;EACR,kBAAkB,EAChB,MAAM;GACJ,WAAW,EACT,IAAI,EACN;GACA,cAAc,EACZ,SAAS,OACX;EACF,EACF;EACA,MAAM,EACJ,IAAI;GACF,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW,WAAW;GAAU;GAC5D,SAAS;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,WAAW;GACb;EACF,EACF;CACF;AACF,CAAC"}

package/dist/theme/recipes/status-tag-select.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ark-ui/react"),o=require("@pandacss/dev"),e=require("./select.cjs"),t=o.defineSlotRecipe({base:{root:{display:"contents"},content:e.selectRecipe.base?.content,indicator:e.selectRecipe.base?.indicator,item:e.selectRecipe.base?.item,valueText:{flex:1,textAlign:"left"},trigger:{fontFamily:"satoshi",borderStyle:"solid",display:"inline-flex",flexDirection:"row",alignItems:"center",appearance:"none",cursor:"pointer",position:"relative",_focusVisible:{ring:"2px solid",ringOffset:"space-2"},_open:{'&[data-placement^="top"]':{borderTopLeftRadius:"radius-0!",borderTopRightRadius:"radius-0!"},'&[data-placement^="bottom"]':{borderBottomLeftRadius:"radius-0!",borderBottomRightRadius:"radius-0!"}}}},className:"status-tag-select",defaultVariants:{size:"md",severity:"neutral"},jsx:["StatusTagSelect"],slots:r.selectAnatomy.keys(),variants:{size:{lg:{indicator:{width:"size-24",height:"size-24"},item:{px:"space-16",py:"space-8",textStyle:"body.lg"},content:{borderWidth:2},trigger:{borderWidth:2,textStyle:"body.lg",fontWeight:"bold",borderRadius:"radius-8",py:"space-8",px:"space-16",gap:"space-8"}},md:{indicator:{width:"size-18",height:"size-18"},item:{px:"space-16",py:"space-8",textStyle:"body.md"},trigger:{borderWidth:1,textStyle:"body.md",fontWeight:"bold",borderRadius:"radius-8",py:"space-6",px:"space-12",gap:"space-8"}},sm:{indicator:{width:"size-16",height:"size-16"},item:{px:"space-8",py:"space-4",textStyle:"body.sm"},trigger:{borderWidth:1,textStyle:"body.sm",fontWeight:"bold",borderRadius:"radius-4",py:"space-4",px:"space-8",gap:"space-4"}}},severity:{success:{indicator:{color:"success.500"},trigger:{backgroundColor:"success.100",borderColor:"success.500",color:"success.500",ringColor:"success.400"}},warning:{indicator:{color:"warning.500"},trigger:{backgroundColor:"warning.100",borderColor:"warning.500",color:"warning.500",ringColor:"warning.400"}},error:{indicator:{color:"error.500"},trigger:{backgroundColor:"error.100",borderColor:"error.500",color:"error.500",ringColor:"error.200"}},info:{indicator:{color:"secondary.500"},trigger:{backgroundColor:"secondary.100",borderColor:"secondary.500",color:"secondary.500",ringColor:"secondary.300"}},neutral:{indicator:{color:"grey.400"},trigger:{backgroundColor:"grey.50",borderColor:"grey.400",color:"grey.400",ringColor:"grey.200"}}}}});exports.statusTagSelectRecipe=t;
-//# sourceMappingURL=status-tag-select.cjs.map
+"use client";const e=require("./select.cjs");let t=require("@ark-ui/react");var n=(0,require("@pandacss/dev").defineSlotRecipe)({base:{root:{display:`contents`},content:e.selectRecipe.base?.content,indicator:e.selectRecipe.base?.indicator,item:e.selectRecipe.base?.item,valueText:{flex:1,textAlign:`left`},trigger:{fontFamily:`satoshi`,borderStyle:`solid`,display:`inline-flex`,flexDirection:`row`,alignItems:`center`,appearance:`none`,cursor:`pointer`,position:`relative`,_focusVisible:{ring:`2px solid`,ringOffset:`space-2`},_open:{'&[data-placement^="top"]':{borderTopLeftRadius:`radius-0!`,borderTopRightRadius:`radius-0!`},'&[data-placement^="bottom"]':{borderBottomLeftRadius:`radius-0!`,borderBottomRightRadius:`radius-0!`}}}},className:`status-tag-select`,defaultVariants:{size:`md`,severity:`neutral`},jsx:[`StatusTagSelect`],slots:t.selectAnatomy.keys(),variants:{size:{lg:{indicator:{width:`size-24`,height:`size-24`},item:{px:`space-16`,py:`space-8`,textStyle:`body.lg`},content:{borderWidth:2},trigger:{borderWidth:2,textStyle:`body.lg`,fontWeight:`bold`,borderRadius:`radius-8`,py:`space-8`,px:`space-16`,gap:`space-8`}},md:{indicator:{width:`size-18`,height:`size-18`},item:{px:`space-16`,py:`space-8`,textStyle:`body.md`},trigger:{borderWidth:1,textStyle:`body.md`,fontWeight:`bold`,borderRadius:`radius-8`,py:`space-6`,px:`space-12`,gap:`space-8`}},sm:{indicator:{width:`size-16`,height:`size-16`},item:{px:`space-8`,py:`space-4`,textStyle:`body.sm`},trigger:{borderWidth:1,textStyle:`body.sm`,fontWeight:`bold`,borderRadius:`radius-4`,py:`space-4`,px:`space-8`,gap:`space-4`}}},severity:{success:{indicator:{color:`success.500`},trigger:{backgroundColor:`success.100`,borderColor:`success.500`,color:`success.500`,ringColor:`success.400`}},warning:{indicator:{color:`warning.500`},trigger:{backgroundColor:`warning.100`,borderColor:`warning.500`,color:`warning.500`,ringColor:`warning.400`}},error:{indicator:{color:`error.500`},trigger:{backgroundColor:`error.100`,borderColor:`error.500`,color:`error.500`,ringColor:`error.200`}},info:{indicator:{color:`secondary.500`},trigger:{backgroundColor:`secondary.100`,borderColor:`secondary.500`,color:`secondary.500`,ringColor:`secondary.300`}},neutral:{indicator:{color:`grey.400`},trigger:{backgroundColor:`grey.50`,borderColor:`grey.400`,color:`grey.400`,ringColor:`grey.200`}}}}});exports.statusTagSelectRecipe=n;
+//# sourceMappingURL=status-tag-select.cjs.map

package/dist/theme/recipes/status-tag-select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"status-tag-select.cjs","sources":["../../../src/theme/recipes/status-tag-select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\nimport { selectRecipe } from '~/theme/recipes/select'\n\nexport const statusTagSelectRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      display: 'contents',\n    },\n    content: selectRecipe.base?.content,\n    indicator: selectRecipe.base?.indicator,\n    item: selectRecipe.base?.item,\n    valueText: {\n      flex: 1,\n      textAlign: 'left',\n    },\n    trigger: {\n      fontFamily: 'satoshi',\n      borderStyle: 'solid',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      appearance: 'none',\n      cursor: 'pointer',\n      position: 'relative',\n      _focusVisible: {\n        ring: '2px solid',\n        ringOffset: 'space-2',\n      },\n      _open: {\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n    },\n  },\n  className: 'status-tag-select',\n  defaultVariants: {\n    size: 'md',\n    severity: 'neutral',\n  },\n  jsx: ['StatusTagSelect'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    size: {\n      lg: {\n        indicator: {\n          width: 'size-24',\n          height: 'size-24',\n        },\n        item: {\n          px: 'space-16',\n          py: 'space-8',\n          textStyle: 'body.lg',\n        },\n        content: {\n          borderWidth: 2,\n        },\n        trigger: {\n          borderWidth: 2,\n          textStyle: 'body.lg',\n          fontWeight: 'bold',\n          borderRadius: 'radius-8',\n          py: 'space-8',\n          px: 'space-16',\n          gap: 'space-8',\n        },\n      },\n      md: {\n        indicator: {\n          width: 'size-18',\n          height: 'size-18',\n        },\n        item: {\n          px: 'space-16',\n          py: 'space-8',\n          textStyle: 'body.md',\n        },\n        trigger: {\n          borderWidth: 1,\n          textStyle: 'body.md',\n          fontWeight: 'bold',\n          borderRadius: 'radius-8',\n          py: 'space-6',\n          px: 'space-12',\n          gap: 'space-8',\n        },\n      },\n      sm: {\n        indicator: {\n          width: 'size-16',\n          height: 'size-16',\n        },\n        item: {\n          px: 'space-8',\n          py: 'space-4',\n          textStyle: 'body.sm',\n        },\n        trigger: {\n          borderWidth: 1,\n          textStyle: 'body.sm',\n          fontWeight: 'bold',\n          borderRadius: 'radius-4',\n          py: 'space-4',\n          px: 'space-8',\n          gap: 'space-4',\n        },\n      },\n    },\n    severity: {\n      success: {\n        indicator: {\n          color: 'success.500',\n        },\n        trigger: {\n          backgroundColor: 'success.100',\n          borderColor: 'success.500',\n          color: 'success.500',\n          ringColor: 'success.400',\n        },\n      },\n      warning: {\n        indicator: {\n          color: 'warning.500',\n        },\n        trigger: {\n          backgroundColor: 'warning.100',\n          borderColor: 'warning.500',\n          color: 'warning.500',\n          ringColor: 'warning.400',\n        },\n      },\n      error: {\n        indicator: {\n          color: 'error.500',\n        },\n        trigger: {\n          backgroundColor: 'error.100',\n          borderColor: 'error.500',\n          color: 'error.500',\n          ringColor: 'error.200',\n        },\n      },\n      info: {\n        indicator: {\n          color: 'secondary.500',\n        },\n        trigger: {\n          backgroundColor: 'secondary.100',\n          borderColor: 'secondary.500',\n          color: 'secondary.500',\n          ringColor: 'secondary.300',\n        },\n      },\n      neutral: {\n        indicator: {\n          color: 'grey.400',\n        },\n        trigger: {\n          backgroundColor: 'grey.50',\n          borderColor: 'grey.400',\n          color: 'grey.400',\n          ringColor: 'grey.200',\n        },\n      },\n    },\n  },\n})\n"],"names":["statusTagSelectRecipe","defineSlotRecipe","selectRecipe","selectAnatomy"],"mappings":"mLAIaA,EAAwBC,EAAAA,iBAAiB,CACpD,KAAM,CACJ,KAAM,CACJ,QAAS,UAAA,EAEX,QAASC,EAAAA,aAAa,MAAM,QAC5B,UAAWA,EAAAA,aAAa,MAAM,UAC9B,KAAMA,EAAAA,aAAa,MAAM,KACzB,UAAW,CACT,KAAM,EACN,UAAW,MAAA,EAEb,QAAS,CACP,WAAY,UACZ,YAAa,QACb,QAAS,cACT,cAAe,MACf,WAAY,SACZ,WAAY,OACZ,OAAQ,UACR,SAAU,WACV,cAAe,CACb,KAAM,YACN,WAAY,SAAA,EAEd,MAAO,CACL,2BAA4B,CAC1B,oBAAqB,YACrB,qBAAsB,WAAA,EAExB,8BAA+B,CAC7B,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,CACF,CACF,EAEF,UAAW,oBACX,gBAAiB,CACf,KAAM,KACN,SAAU,SAAA,EAEZ,IAAK,CAAC,iBAAiB,EACvB,MAAOC,EAAAA,cAAc,KAAA,EACrB,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SAAA,EAEV,KAAM,CACJ,GAAI,WACJ,GAAI,UACJ,UAAW,SAAA,EAEb,QAAS,CACP,YAAa,CAAA,EAEf,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,WACJ,IAAK,SAAA,CACP,EAEF,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SAAA,EAEV,KAAM,CACJ,GAAI,WACJ,GAAI,UACJ,UAAW,SAAA,EAEb,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,WACJ,IAAK,SAAA,CACP,EAEF,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SAAA,EAEV,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,UAAW,SAAA,EAEb,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CACP,CACF,EAEF,SAAU,CACR,QAAS,CACP,UAAW,CACT,MAAO,aAAA,EAET,QAAS,CACP,gBAAiB,cACjB,YAAa,cACb,MAAO,cACP,UAAW,aAAA,CACb,EAEF,QAAS,CACP,UAAW,CACT,MAAO,aAAA,EAET,QAAS,CACP,gBAAiB,cACjB,YAAa,cACb,MAAO,cACP,UAAW,aAAA,CACb,EAEF,MAAO,CACL,UAAW,CACT,MAAO,WAAA,EAET,QAAS,CACP,gBAAiB,YACjB,YAAa,YACb,MAAO,YACP,UAAW,WAAA,CACb,EAEF,KAAM,CACJ,UAAW,CACT,MAAO,eAAA,EAET,QAAS,CACP,gBAAiB,gBACjB,YAAa,gBACb,MAAO,gBACP,UAAW,eAAA,CACb,EAEF,QAAS,CACP,UAAW,CACT,MAAO,UAAA,EAET,QAAS,CACP,gBAAiB,UACjB,YAAa,WACb,MAAO,WACP,UAAW,UAAA,CACb,CACF,CACF,CAEJ,CAAC"}
+{"version":3,"file":"status-tag-select.cjs","names":[],"sources":["../../../src/theme/recipes/status-tag-select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\nimport { selectRecipe } from '~/theme/recipes/select'\n\nexport const statusTagSelectRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      display: 'contents',\n    },\n    content: selectRecipe.base?.content,\n    indicator: selectRecipe.base?.indicator,\n    item: selectRecipe.base?.item,\n    valueText: {\n      flex: 1,\n      textAlign: 'left',\n    },\n    trigger: {\n      fontFamily: 'satoshi',\n      borderStyle: 'solid',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      appearance: 'none',\n      cursor: 'pointer',\n      position: 'relative',\n      _focusVisible: {\n        ring: '2px solid',\n        ringOffset: 'space-2',\n      },\n      _open: {\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n    },\n  },\n  className: 'status-tag-select',\n  defaultVariants: {\n    size: 'md',\n    severity: 'neutral',\n  },\n  jsx: ['StatusTagSelect'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    size: {\n      lg: {\n        indicator: {\n          width: 'size-24',\n          height: 'size-24',\n        },\n        item: {\n          px: 'space-16',\n          py: 'space-8',\n          textStyle: 'body.lg',\n        },\n        content: {\n          borderWidth: 2,\n        },\n        trigger: {\n          borderWidth: 2,\n          textStyle: 'body.lg',\n          fontWeight: 'bold',\n          borderRadius: 'radius-8',\n          py: 'space-8',\n          px: 'space-16',\n          gap: 'space-8',\n        },\n      },\n      md: {\n        indicator: {\n          width: 'size-18',\n          height: 'size-18',\n        },\n        item: {\n          px: 'space-16',\n          py: 'space-8',\n          textStyle: 'body.md',\n        },\n        trigger: {\n          borderWidth: 1,\n          textStyle: 'body.md',\n          fontWeight: 'bold',\n          borderRadius: 'radius-8',\n          py: 'space-6',\n          px: 'space-12',\n          gap: 'space-8',\n        },\n      },\n      sm: {\n        indicator: {\n          width: 'size-16',\n          height: 'size-16',\n        },\n        item: {\n          px: 'space-8',\n          py: 'space-4',\n          textStyle: 'body.sm',\n        },\n        trigger: {\n          borderWidth: 1,\n          textStyle: 'body.sm',\n          fontWeight: 'bold',\n          borderRadius: 'radius-4',\n          py: 'space-4',\n          px: 'space-8',\n          gap: 'space-4',\n        },\n      },\n    },\n    severity: {\n      success: {\n        indicator: {\n          color: 'success.500',\n        },\n        trigger: {\n          backgroundColor: 'success.100',\n          borderColor: 'success.500',\n          color: 'success.500',\n          ringColor: 'success.400',\n        },\n      },\n      warning: {\n        indicator: {\n          color: 'warning.500',\n        },\n        trigger: {\n          backgroundColor: 'warning.100',\n          borderColor: 'warning.500',\n          color: 'warning.500',\n          ringColor: 'warning.400',\n        },\n      },\n      error: {\n        indicator: {\n          color: 'error.500',\n        },\n        trigger: {\n          backgroundColor: 'error.100',\n          borderColor: 'error.500',\n          color: 'error.500',\n          ringColor: 'error.200',\n        },\n      },\n      info: {\n        indicator: {\n          color: 'secondary.500',\n        },\n        trigger: {\n          backgroundColor: 'secondary.100',\n          borderColor: 'secondary.500',\n          color: 'secondary.500',\n          ringColor: 'secondary.300',\n        },\n      },\n      neutral: {\n        indicator: {\n          color: 'grey.400',\n        },\n        trigger: {\n          backgroundColor: 'grey.50',\n          borderColor: 'grey.400',\n          color: 'grey.400',\n          ringColor: 'grey.200',\n        },\n      },\n    },\n  },\n})\n"],"mappings":"4EAIA,IAAa,GAAA,yBAAA,EAAA,kBAAyC,CACpD,KAAM,CACJ,KAAM,CACJ,QAAS,UACX,EACA,QAAS,EAAA,aAAa,MAAM,QAC5B,UAAW,EAAA,aAAa,MAAM,UAC9B,KAAM,EAAA,aAAa,MAAM,KACzB,UAAW,CACT,KAAM,EACN,UAAW,MACb,EACA,QAAS,CACP,WAAY,UACZ,YAAa,QACb,QAAS,cACT,cAAe,MACf,WAAY,SACZ,WAAY,OACZ,OAAQ,UACR,SAAU,WACV,cAAe,CACb,KAAM,YACN,WAAY,SACd,EACA,MAAO,CACL,2BAA4B,CAC1B,oBAAqB,YACrB,qBAAsB,WACxB,EACA,8BAA+B,CAC7B,uBAAwB,YACxB,wBAAyB,WAC3B,CACF,CACF,CACF,EACA,UAAW,oBACX,gBAAiB,CACf,KAAM,KACN,SAAU,SACZ,EACA,IAAK,CAAC,iBAAiB,EACvB,MAAO,EAAA,cAAc,KAAK,EAC1B,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SACV,EACA,KAAM,CACJ,GAAI,WACJ,GAAI,UACJ,UAAW,SACb,EACA,QAAS,CACP,YAAa,CACf,EACA,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,WACJ,IAAK,SACP,CACF,EACA,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SACV,EACA,KAAM,CACJ,GAAI,WACJ,GAAI,UACJ,UAAW,SACb,EACA,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,WACJ,IAAK,SACP,CACF,EACA,GAAI,CACF,UAAW,CACT,MAAO,UACP,OAAQ,SACV,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,UAAW,SACb,EACA,QAAS,CACP,YAAa,EACb,UAAW,UACX,WAAY,OACZ,aAAc,WACd,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,CACF,CACF,EACA,SAAU,CACR,QAAS,CACP,UAAW,CACT,MAAO,aACT,EACA,QAAS,CACP,gBAAiB,cACjB,YAAa,cACb,MAAO,cACP,UAAW,aACb,CACF,EACA,QAAS,CACP,UAAW,CACT,MAAO,aACT,EACA,QAAS,CACP,gBAAiB,cACjB,YAAa,cACb,MAAO,cACP,UAAW,aACb,CACF,EACA,MAAO,CACL,UAAW,CACT,MAAO,WACT,EACA,QAAS,CACP,gBAAiB,YACjB,YAAa,YACb,MAAO,YACP,UAAW,WACb,CACF,EACA,KAAM,CACJ,UAAW,CACT,MAAO,eACT,EACA,QAAS,CACP,gBAAiB,gBACjB,YAAa,gBACb,MAAO,gBACP,UAAW,eACb,CACF,EACA,QAAS,CACP,UAAW,CACT,MAAO,UACT,EACA,QAAS,CACP,gBAAiB,UACjB,YAAa,WACb,MAAO,WACP,UAAW,UACb,CACF,CACF,CACF,CACF,CAAC"}