@pandacss/eslint-plugin 0.0.0-dev-20240127113011

package/dist/utils/worker.js

@@ -0,0 +1,3487 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/worker.ts
+var worker_exports = {};
+__export(worker_exports, {
+  getContext: () => getContext,
+  run: () => run,
+  runAsync: () => runAsync
+});
+module.exports = __toCommonJS(worker_exports);
+var import_node2 = require("@pandacss/node");
+var import_synckit = require("synckit");
+
+// ../node_modules/.pnpm/@pandacss+preset-base@0.28.0/node_modules/@pandacss/preset-base/dist/index.mjs
+var conditions = {
+  hover: "&:is(:hover, [data-hover])",
+  focus: "&:is(:focus, [data-focus])",
+  focusWithin: "&:focus-within",
+  focusVisible: "&:is(:focus-visible, [data-focus-visible])",
+  disabled: "&:is(:disabled, [disabled], [data-disabled])",
+  active: "&:is(:active, [data-active])",
+  visited: "&:visited",
+  target: "&:target",
+  readOnly: "&:is(:read-only, [data-read-only])",
+  readWrite: "&:read-write",
+  empty: "&:is(:empty, [data-empty])",
+  checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])',
+  enabled: "&:enabled",
+  expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])',
+  highlighted: "&[data-highlighted]",
+  before: "&::before",
+  after: "&::after",
+  firstLetter: "&::first-letter",
+  firstLine: "&::first-line",
+  marker: "&::marker",
+  selection: "&::selection",
+  file: "&::file-selector-button",
+  backdrop: "&::backdrop",
+  first: "&:first-child",
+  last: "&:last-child",
+  only: "&:only-child",
+  even: "&:nth-child(even)",
+  odd: "&:nth-child(odd)",
+  firstOfType: "&:first-of-type",
+  lastOfType: "&:last-of-type",
+  onlyOfType: "&:only-of-type",
+  peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
+  peerHover: ".peer:is(:hover, [data-hover]) ~ &",
+  peerActive: ".peer:is(:active, [data-active]) ~ &",
+  peerFocusWithin: ".peer:focus-within ~ &",
+  peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
+  peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
+  peerChecked: '.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &',
+  peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
+  peerExpanded: '.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &',
+  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
+  groupFocus: ".group:is(:focus, [data-focus]) &",
+  groupHover: ".group:is(:hover, [data-hover]) &",
+  groupActive: ".group:is(:active, [data-active]) &",
+  groupFocusWithin: ".group:focus-within &",
+  groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
+  groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
+  groupChecked: '.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &',
+  groupExpanded: '.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &',
+  groupInvalid: ".group:invalid &",
+  indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])',
+  required: "&:is(:required, [data-required], [aria-required=true])",
+  valid: "&:is(:valid, [data-valid])",
+  invalid: "&:is(:invalid, [data-invalid])",
+  autofill: "&:autofill",
+  inRange: "&:in-range",
+  outOfRange: "&:out-of-range",
+  placeholder: "&::placeholder, &[data-placeholder]",
+  placeholderShown: "&:is(:placeholder-shown, [data-placeholder-shown])",
+  pressed: "&:is([aria-pressed=true], [data-pressed])",
+  selected: "&:is([aria-selected=true], [data-selected])",
+  default: "&:default",
+  optional: "&:optional",
+  open: '&:is([open], [data-open], [data-state="open"])',
+  closed: '&:is([closed], [data-closed], [data-state="closed"])',
+  fullscreen: "&:fullscreen",
+  loading: "&:is([data-loading], [aria-busy=true])",
+  currentPage: "&[aria-current=page]",
+  currentStep: "&[aria-current=step]",
+  motionReduce: "@media (prefers-reduced-motion: reduce)",
+  motionSafe: "@media (prefers-reduced-motion: no-preference)",
+  print: "@media print",
+  landscape: "@media (orientation: landscape)",
+  portrait: "@media (orientation: portrait)",
+  dark: " &.dark, .dark &",
+  light: " &.light, .light &",
+  osDark: "@media (prefers-color-scheme: dark)",
+  osLight: "@media (prefers-color-scheme: light)",
+  highContrast: "@media (forced-colors: active)",
+  lessContrast: "@media (prefers-contrast: less)",
+  moreContrast: "@media (prefers-contrast: more)",
+  ltr: "[dir=ltr] &",
+  rtl: "[dir=rtl] &",
+  scrollbar: "&::-webkit-scrollbar",
+  scrollbarThumb: "&::-webkit-scrollbar-thumb",
+  scrollbarTrack: "&::-webkit-scrollbar-track",
+  horizontal: "&[data-orientation=horizontal]",
+  vertical: "&[data-orientation=vertical]"
+};
+var background = {
+  backgroundPosition: {
+    shorthand: "bgPosition",
+    className: "bg"
+  },
+  backgroundPositionX: {
+    shorthand: "bgPositionX",
+    className: "bg-x"
+  },
+  backgroundPositionY: {
+    shorthand: "bgPositionY",
+    className: "bg-y"
+  },
+  backgroundAttachment: {
+    shorthand: "bgAttachment",
+    className: "bg"
+  },
+  backgroundClip: {
+    shorthand: "bgClip",
+    className: "bg-clip",
+    transform(value) {
+      return {
+        backgroundClip: value,
+        WebkitBackgroundClip: value
+      };
+    }
+  },
+  background: {
+    shorthand: "bg",
+    className: "bg",
+    values: "colors"
+  },
+  backgroundColor: {
+    shorthand: "bgColor",
+    className: "bg",
+    values: "colors"
+  },
+  backgroundOrigin: {
+    shorthand: "bgOrigin",
+    className: "bg-origin"
+  },
+  backgroundImage: {
+    shorthand: "bgImage",
+    className: "bg-img",
+    values: "assets"
+  },
+  backgroundRepeat: {
+    shorthand: "bgRepeat",
+    className: "bg-repeat"
+  },
+  backgroundBlendMode: {
+    shorthand: "bgBlendMode",
+    className: "bg-blend"
+  },
+  backgroundSize: {
+    shorthand: "bgSize",
+    className: "bg"
+  },
+  backgroundGradient: {
+    shorthand: "bgGradient",
+    className: "bg-gradient",
+    values(theme2) {
+      return {
+        ...theme2("gradients"),
+        "to-t": "linear-gradient(to top, var(--gradient))",
+        "to-tr": "linear-gradient(to top right, var(--gradient))",
+        "to-r": "linear-gradient(to right, var(--gradient))",
+        "to-br": "linear-gradient(to bottom right, var(--gradient))",
+        "to-b": "linear-gradient(to bottom, var(--gradient))",
+        "to-bl": "linear-gradient(to bottom left, var(--gradient))",
+        "to-l": "linear-gradient(to left, var(--gradient))",
+        "to-tl": "linear-gradient(to top left, var(--gradient))"
+      };
+    },
+    transform(value) {
+      return {
+        "--gradient-stops": "var(--gradient-from), var(--gradient-to)",
+        "--gradient": "var(--gradient-via-stops, var(--gradient-stops))",
+        backgroundImage: value
+      };
+    }
+  },
+  textGradient: {
+    className: "text-gradient",
+    values(theme2) {
+      return {
+        ...theme2("gradients"),
+        "to-t": "linear-gradient(to top, var(--gradient))",
+        "to-tr": "linear-gradient(to top right, var(--gradient))",
+        "to-r": "linear-gradient(to right, var(--gradient))",
+        "to-br": "linear-gradient(to bottom right, var(--gradient))",
+        "to-b": "linear-gradient(to bottom, var(--gradient))",
+        "to-bl": "linear-gradient(to bottom left, var(--gradient))",
+        "to-l": "linear-gradient(to left, var(--gradient))",
+        "to-tl": "linear-gradient(to top left, var(--gradient))"
+      };
+    },
+    transform(value) {
+      return {
+        "--gradient-stops": "var(--gradient-from), var(--gradient-to)",
+        "--gradient": "var(--gradient-via-stops, var(--gradient-stops))",
+        backgroundImage: value,
+        WebkitBackgroundClip: "text",
+        color: "transparent"
+      };
+    }
+  },
+  gradientFrom: {
+    className: "from",
+    values: "colors",
+    transform(value) {
+      return {
+        "--gradient-from": value
+      };
+    }
+  },
+  gradientTo: {
+    className: "to",
+    values: "colors",
+    transform(value) {
+      return {
+        "--gradient-to": value
+      };
+    }
+  },
+  gradientVia: {
+    className: "via",
+    values: "colors",
+    transform(value) {
+      return {
+        "--gradient-via-stops": "var(--gradient-from), var(--gradient-via), var(--gradient-to)",
+        "--gradient-via": value
+      };
+    }
+  }
+};
+var border = {
+  borderRadius: {
+    className: "rounded",
+    shorthand: "rounded",
+    values: "radii"
+  },
+  borderTopLeftRadius: {
+    className: "rounded-tl",
+    shorthand: "roundedTopLeft",
+    values: "radii"
+  },
+  borderTopRightRadius: {
+    className: "rounded-tr",
+    shorthand: "roundedTopRight",
+    values: "radii"
+  },
+  borderBottomRightRadius: {
+    className: "rounded-br",
+    shorthand: "roundedBottomRight",
+    values: "radii"
+  },
+  borderBottomLeftRadius: {
+    className: "rounded-bl",
+    shorthand: "roundedBottomLeft",
+    values: "radii"
+  },
+  borderTopRadius: {
+    className: "rounded-t",
+    shorthand: "roundedTop",
+    property: "borderRadius",
+    values: "radii",
+    transform(value) {
+      return {
+        borderTopLeftRadius: value,
+        borderTopRightRadius: value
+      };
+    }
+  },
+  borderRightRadius: {
+    className: "rounded-r",
+    shorthand: "roundedRight",
+    property: "borderRadius",
+    values: "radii",
+    transform(value) {
+      return {
+        borderTopRightRadius: value,
+        borderBottomRightRadius: value
+      };
+    }
+  },
+  borderBottomRadius: {
+    className: "rounded-b",
+    shorthand: "roundedBottom",
+    property: "borderRadius",
+    values: "radii",
+    transform(value) {
+      return {
+        borderBottomLeftRadius: value,
+        borderBottomRightRadius: value
+      };
+    }
+  },
+  borderLeftRadius: {
+    className: "rounded-l",
+    shorthand: "roundedLeft",
+    values: "radii",
+    property: "borderRadius",
+    transform(value) {
+      return {
+        borderTopLeftRadius: value,
+        borderBottomLeftRadius: value
+      };
+    }
+  },
+  borderStartStartRadius: {
+    className: "rounded-ss",
+    shorthand: "roundedStartStart",
+    values: "radii"
+  },
+  borderStartEndRadius: {
+    className: "rounded-se",
+    shorthand: "roundedStartEnd",
+    values: "radii"
+  },
+  borderStartRadius: {
+    className: "rounded-s",
+    values: "radii",
+    property: "borderRadius",
+    shorthand: "roundedStart",
+    transform(value) {
+      return {
+        borderStartStartRadius: value,
+        borderEndStartRadius: value
+      };
+    }
+  },
+  borderEndStartRadius: {
+    className: "rounded-es",
+    shorthand: "roundedEndStart",
+    values: "radii"
+  },
+  borderEndEndRadius: {
+    className: "rounded-ee",
+    shorthand: "roundedEndEnd",
+    values: "radii"
+  },
+  borderEndRadius: {
+    className: "rounded-e",
+    shorthand: "roundedEnd",
+    property: "borderRadius",
+    values: "radii",
+    transform(value) {
+      return {
+        borderStartEndRadius: value,
+        borderEndEndRadius: value
+      };
+    }
+  },
+  border: {
+    className: "border",
+    values: "borders"
+  },
+  borderWidth: {
+    className: "border-w",
+    values: "borderWidths"
+  },
+  borderTopWidth: {
+    className: "border-tw",
+    values: "borderWidths"
+  },
+  borderLeftWidth: {
+    className: "border-lw",
+    values: "borderWidths"
+  },
+  borderRightWidth: {
+    className: "border-rw",
+    values: "borderWidths"
+  },
+  borderBottomWidth: {
+    className: "border-bw",
+    values: "borderWidths"
+  },
+  borderColor: {
+    className: "border",
+    values: "colors"
+  },
+  borderInline: {
+    className: "border-x",
+    values: "borders",
+    shorthand: "borderX"
+  },
+  borderInlineWidth: {
+    className: "border-x",
+    values: "borderWidths",
+    shorthand: "borderXWidth"
+  },
+  borderInlineColor: {
+    className: "border-x",
+    values: "colors",
+    shorthand: "borderXColor"
+  },
+  borderBlock: {
+    className: "border-y",
+    values: "borders",
+    shorthand: "borderY"
+  },
+  borderBlockWidth: {
+    className: "border-y",
+    values: "borderWidths",
+    shorthand: "borderYWidth"
+  },
+  borderBlockColor: {
+    className: "border-y",
+    values: "colors",
+    shorthand: "borderYColor"
+  },
+  borderLeft: {
+    className: "border-l",
+    values: "borders"
+  },
+  borderLeftColor: {
+    className: "border-l",
+    values: "colors"
+  },
+  borderInlineStart: {
+    className: "border-s",
+    values: "borders",
+    shorthand: "borderStart"
+  },
+  borderInlineStartWidth: {
+    className: "border-s",
+    values: "borderWidths",
+    shorthand: "borderStartWidth"
+  },
+  borderInlineStartColor: {
+    className: "border-s",
+    values: "colors",
+    shorthand: "borderStartColor"
+  },
+  borderRight: {
+    className: "border-r",
+    values: "borders"
+  },
+  borderRightColor: {
+    className: "border-r",
+    values: "colors"
+  },
+  borderInlineEnd: {
+    className: "border-e",
+    values: "borders",
+    shorthand: "borderEnd"
+  },
+  borderInlineEndWidth: {
+    className: "border-e",
+    values: "borderWidths",
+    shorthand: "borderEndWidth"
+  },
+  borderInlineEndColor: {
+    className: "border-e",
+    values: "colors",
+    shorthand: "borderEndColor"
+  },
+  borderTop: {
+    className: "border-t",
+    values: "borders"
+  },
+  borderTopColor: {
+    className: "border-t",
+    values: "colors"
+  },
+  borderBottom: {
+    className: "border-b",
+    values: "borders"
+  },
+  borderBottomColor: {
+    className: "border-b",
+    values: "colors"
+  },
+  borderBlockEnd: {
+    className: "border-be",
+    values: "borders"
+  },
+  borderBlockEndColor: {
+    className: "border-be",
+    values: "colors"
+  },
+  borderBlockStart: {
+    className: "border-bs",
+    values: "borders"
+  },
+  borderBlockStartColor: {
+    className: "border-bs",
+    values: "colors"
+  }
+};
+var display = {
+  display: {
+    className: "d"
+  },
+  hideFrom: {
+    className: "hide",
+    values: "breakpoints",
+    transform(value, { raw, token }) {
+      const bp = token.raw(`breakpoints.${raw}`);
+      const media = bp ? `@breakpoint ${raw}` : `@media screen and (min-width: ${value})`;
+      return {
+        [media]: {
+          display: "none"
+        }
+      };
+    }
+  },
+  hideBelow: {
+    className: "show",
+    values: "breakpoints",
+    transform(value, { raw, token }) {
+      const bp = token.raw(`breakpoints.${raw}`);
+      const media = bp ? `@breakpoint ${raw}Down` : `@media screen and (max-width: ${value})`;
+      return {
+        [media]: {
+          display: "none"
+        }
+      };
+    }
+  }
+};
+var divide = {
+  divideX: {
+    className: "divide-x",
+    values: { type: "string" },
+    transform(value) {
+      return {
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderInlineStartWidth: value,
+          borderInlineEndWidth: "0px"
+        }
+      };
+    }
+  },
+  divideY: {
+    className: "divide-y",
+    values: { type: "string" },
+    transform(value) {
+      return {
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderTopWidth: value,
+          borderBottomWidth: "0px"
+        }
+      };
+    }
+  },
+  divideColor: {
+    className: "divide",
+    values: "colors",
+    transform(value) {
+      return {
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderColor: value
+        }
+      };
+    }
+  },
+  divideStyle: {
+    className: "divide",
+    property: "borderStyle",
+    transform(value) {
+      return {
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderStyle: value
+        }
+      };
+    }
+  }
+};
+var effects = {
+  opacity: {
+    values: "opacity"
+  },
+  boxShadow: {
+    shorthand: "shadow",
+    className: "shadow",
+    values: "shadows"
+  },
+  boxShadowColor: {
+    shorthand: "shadowColor",
+    className: "shadow",
+    values: "colors",
+    transform(value) {
+      return {
+        "--shadow-color": value
+      };
+    }
+  },
+  mixBlendMode: {
+    className: "mix-blend"
+  },
+  filter: {
+    className: "filter",
+    values: {
+      auto: [
+        "var(--blur)",
+        "var(--brightness)",
+        "var(--contrast)",
+        "var(--grayscale)",
+        "var(--hue-rotate)",
+        "var(--invert)",
+        "var(--saturate)",
+        "var(--sepia)",
+        "var(--drop-shadow)"
+      ].join(" ")
+    }
+  },
+  brightness: {
+    className: "brightness",
+    transform(value) {
+      return {
+        "--brightness": `brightness(${value})`
+      };
+    }
+  },
+  contrast: {
+    className: "contrast",
+    transform(value) {
+      return {
+        "--contrast": `contrast(${value})`
+      };
+    }
+  },
+  grayscale: {
+    className: "grayscale",
+    transform(value) {
+      return {
+        "--grayscale": `grayscale(${value})`
+      };
+    }
+  },
+  hueRotate: {
+    className: "hue-rotate",
+    transform(value) {
+      return {
+        "--hue-rotate": `hue-rotate(${value})`
+      };
+    }
+  },
+  invert: {
+    className: "invert",
+    transform(value) {
+      return {
+        "--invert": `invert(${value})`
+      };
+    }
+  },
+  saturate: {
+    className: "saturate",
+    transform(value) {
+      return {
+        "--saturate": `saturate(${value})`
+      };
+    }
+  },
+  sepia: {
+    className: "sepia",
+    transform(value) {
+      return {
+        "--sepia": `sepia(${value})`
+      };
+    }
+  },
+  dropShadow: {
+    className: "drop-shadow",
+    values: "dropShadows",
+    transform(value) {
+      return {
+        "--drop-shadow": value
+      };
+    }
+  },
+  blur: {
+    className: "blur",
+    values: "blurs",
+    transform(value) {
+      return {
+        "--blur": `blur(${value})`
+      };
+    }
+  },
+  backdropFilter: {
+    className: "backdrop",
+    values: {
+      auto: [
+        "var(--backdrop-blur)",
+        "var(--backdrop-brightness)",
+        "var(--backdrop-contrast)",
+        "var(--backdrop-grayscale)",
+        "var(--backdrop-hue-rotate)",
+        "var(--backdrop-invert)",
+        "var(--backdrop-saturate)",
+        "var(--backdrop-sepia)"
+      ].join(" ")
+    },
+    transform(value) {
+      return {
+        backdropFilter: value,
+        WebkitBackdropFilter: value
+      };
+    }
+  },
+  backdropBlur: {
+    className: "backdrop-blur",
+    values: "blurs",
+    transform(value) {
+      return {
+        "--backdrop-blur": `blur(${value})`
+      };
+    }
+  },
+  backdropBrightness: {
+    className: "backdrop-brightness",
+    transform(value) {
+      return {
+        "--backdrop-brightness": `brightness(${value})`
+      };
+    }
+  },
+  backdropContrast: {
+    className: "backdrop-contrast",
+    transform(value) {
+      return {
+        "--backdrop-contrast": `contrast(${value})`
+      };
+    }
+  },
+  backdropGrayscale: {
+    className: "backdrop-grayscale",
+    transform(value) {
+      return {
+        "--backdrop-grayscale": `grayscale(${value})`
+      };
+    }
+  },
+  backdropHueRotate: {
+    className: "backdrop-hue-rotate",
+    transform(value) {
+      return {
+        "--backdrop-hue-rotate": `hue-rotate(${value})`
+      };
+    }
+  },
+  backdropInvert: {
+    className: "backdrop-invert",
+    transform(value) {
+      return {
+        "--backdrop-invert": `invert(${value})`
+      };
+    }
+  },
+  backdropOpacity: {
+    className: "backdrop-opacity",
+    transform(value) {
+      return {
+        "--backdrop-opacity": value
+      };
+    }
+  },
+  backdropSaturate: {
+    className: "backdrop-saturate",
+    transform(value) {
+      return {
+        "--backdrop-saturate": `saturate(${value})`
+      };
+    }
+  },
+  backdropSepia: {
+    className: "backdrop-sepia",
+    transform(value) {
+      return {
+        "--backdrop-sepia": `sepia(${value})`
+      };
+    }
+  }
+};
+var flexGrid = {
+  flexBasis: {
+    className: "basis",
+    values(theme2) {
+      return {
+        ...theme2("spacing"),
+        "1/2": "50%",
+        "1/3": "33.333333%",
+        "2/3": "66.666667%",
+        "1/4": "25%",
+        "2/4": "50%",
+        "3/4": "75%",
+        "1/5": "20%",
+        "2/5": "40%",
+        "3/5": "60%",
+        "4/5": "80%",
+        "1/6": "16.666667%",
+        "2/6": "33.333333%",
+        "3/6": "50%",
+        "4/6": "66.666667%",
+        "5/6": "83.333333%",
+        "1/12": "8.333333%",
+        "2/12": "16.666667%",
+        "3/12": "25%",
+        "4/12": "33.333333%",
+        "5/12": "41.666667%",
+        "6/12": "50%",
+        "7/12": "58.333333%",
+        "8/12": "66.666667%",
+        "9/12": "75%",
+        "10/12": "83.333333%",
+        "11/12": "91.666667%",
+        full: "100%"
+      };
+    }
+  },
+  flex: {
+    className: "flex",
+    values: {
+      "1": "1 1 0%",
+      auto: "1 1 auto",
+      initial: "0 1 auto",
+      none: "none"
+    }
+  },
+  flexDirection: {
+    className: "flex",
+    shorthand: "flexDir"
+  },
+  flexGrow: {
+    className: "grow"
+  },
+  flexShrink: {
+    className: "shrink"
+  },
+  gridTemplateColumns: {
+    className: "grid-cols",
+    values: {
+      "1": "repeat(1, minmax(0, 1fr))",
+      "2": "repeat(2, minmax(0, 1fr))",
+      "3": "repeat(3, minmax(0, 1fr))",
+      "4": "repeat(4, minmax(0, 1fr))",
+      "5": "repeat(5, minmax(0, 1fr))",
+      "6": "repeat(6, minmax(0, 1fr))",
+      "7": "repeat(7, minmax(0, 1fr))",
+      "8": "repeat(8, minmax(0, 1fr))",
+      "9": "repeat(9, minmax(0, 1fr))",
+      "10": "repeat(10, minmax(0, 1fr))",
+      "11": "repeat(11, minmax(0, 1fr))",
+      "12": "repeat(12, minmax(0, 1fr))"
+    }
+  },
+  gridTemplateRows: {
+    className: "grid-rows",
+    values: {
+      "1": "repeat(1, minmax(0, 1fr))",
+      "2": "repeat(2, minmax(0, 1fr))",
+      "3": "repeat(3, minmax(0, 1fr))",
+      "4": "repeat(4, minmax(0, 1fr))",
+      "5": "repeat(5, minmax(0, 1fr))",
+      "6": "repeat(6, minmax(0, 1fr))",
+      "7": "repeat(7, minmax(0, 1fr))",
+      "8": "repeat(8, minmax(0, 1fr))",
+      "9": "repeat(9, minmax(0, 1fr))",
+      "10": "repeat(10, minmax(0, 1fr))",
+      "11": "repeat(11, minmax(0, 1fr))",
+      "12": "repeat(12, minmax(0, 1fr))"
+    }
+  },
+  gridColumn: {
+    className: "col-span",
+    values: {
+      full: "1 / -1",
+      "1": "span 1 / span 1",
+      "2": "span 2 / span 2",
+      "3": "span 3 / span 3",
+      "4": "span 4 / span 4",
+      "5": "span 5 / span 5",
+      "6": "span 6 / span 6",
+      "7": "span 7 / span 7",
+      "8": "span 8 / span 8",
+      "9": "span 9 / span 9",
+      "10": "span 10 / span 10",
+      "11": "span 11 / span 11",
+      "12": "span 12 / span 12"
+    }
+  },
+  gridRow: {
+    className: "row-span",
+    values: {
+      full: "1 / -1",
+      "1": "span 1 / span 1",
+      "2": "span 2 / span 2",
+      "3": "span 3 / span 3",
+      "4": "span 4 / span 4",
+      "5": "span 5 / span 5",
+      "6": "span 6 / span 6",
+      "7": "span 7 / span 7",
+      "8": "span 8 / span 8",
+      "9": "span 9 / span 9",
+      "10": "span 10 / span 10",
+      "11": "span 11 / span 11",
+      "12": "span 12 / span 12"
+    }
+  },
+  gridColumnStart: {
+    className: "col-start"
+  },
+  gridColumnEnd: {
+    className: "col-end"
+  },
+  gridAutoFlow: {
+    className: "grid-flow"
+  },
+  gridAutoColumns: {
+    className: "auto-cols",
+    values: {
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    }
+  },
+  gridAutoRows: {
+    className: "auto-rows",
+    values: {
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    }
+  },
+  gap: {
+    className: "gap",
+    values: "spacing"
+  },
+  gridGap: {
+    className: "gap",
+    values: "spacing"
+  },
+  gridRowGap: {
+    className: "gap-x",
+    values: "spacing"
+  },
+  gridColumnGap: {
+    className: "gap-y",
+    values: "spacing"
+  },
+  rowGap: {
+    className: "gap-x",
+    values: "spacing"
+  },
+  columnGap: {
+    className: "gap-y",
+    values: "spacing"
+  },
+  justifyContent: {
+    className: "justify"
+  },
+  alignContent: {
+    className: "content"
+  },
+  alignItems: {
+    className: "items"
+  },
+  alignSelf: {
+    className: "self"
+  }
+};
+var srMapping = {
+  true: {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    borderWidth: "0"
+  },
+  false: {
+    position: "static",
+    width: "auto",
+    height: "auto",
+    padding: "0",
+    margin: "0",
+    overflow: "visible",
+    clip: "auto",
+    whiteSpace: "normal"
+  }
+};
+var helpers = {
+  srOnly: {
+    className: "sr",
+    values: { type: "boolean" },
+    transform(value) {
+      return srMapping[value] || {};
+    }
+  },
+  debug: {
+    className: "debug",
+    values: { type: "boolean" },
+    transform(value) {
+      if (!value)
+        return {};
+      return {
+        outline: "1px solid blue !important",
+        "&>*": {
+          outline: "1px solid red !important"
+        }
+      };
+    }
+  }
+};
+var interactivity = {
+  accentColor: {
+    className: "accent",
+    values: "colors"
+  },
+  caretColor: {
+    className: "caret",
+    values: "colors"
+  },
+  scrollBehavior: {
+    className: "scroll"
+  },
+  scrollbar: {
+    className: "scrollbar",
+    values: ["visible", "hidden"],
+    transform(value) {
+      if (value === "visible") {
+        return {
+          msOverflowStyle: "auto",
+          scrollbarWidth: "auto",
+          "&::-webkit-scrollbar": {
+            display: "block"
+          }
+        };
+      }
+      if (value === "hidden") {
+        return {
+          msOverflowStyle: "none",
+          scrollbarWidth: "none",
+          "&::-webkit-scrollbar": {
+            display: "none"
+          }
+        };
+      }
+    }
+  },
+  scrollMargin: {
+    className: "scroll-m",
+    values: "spacing"
+  },
+  scrollMarginX: {
+    className: "scroll-mx",
+    values: "spacing",
+    property: "scrollMarginInline",
+    transform(value) {
+      return {
+        scrollMarginInline: value
+      };
+    }
+  },
+  scrollMarginY: {
+    className: "scroll-my",
+    values: "spacing",
+    property: "scrollMarginBlock",
+    transform(value) {
+      return {
+        scrollMarginBlock: value
+      };
+    }
+  },
+  scrollMarginLeft: {
+    className: "scroll-ml",
+    values: "spacing"
+  },
+  scrollMarginRight: {
+    className: "scroll-mr",
+    values: "spacing"
+  },
+  scrollMarginTop: {
+    className: "scroll-mt",
+    values: "spacing"
+  },
+  scrollMarginBottom: {
+    className: "scroll-mb",
+    values: "spacing"
+  },
+  scrollMarginBlock: {
+    className: "scroll-my",
+    values: "spacing"
+  },
+  scrollMarginBlockEnd: {
+    className: "scroll-mb",
+    values: "spacing"
+  },
+  scrollMarginBlockStart: {
+    className: "scroll-mt",
+    values: "spacing"
+  },
+  scrollMarginInline: {
+    className: "scroll-mx",
+    values: "spacing"
+  },
+  scrollMarginInlineEnd: {
+    className: "scroll-me",
+    values: "spacing"
+  },
+  scrollMarginInlineStart: {
+    className: "scroll-ms",
+    values: "spacing"
+  },
+  scrollPadding: {
+    className: "scroll-p",
+    values: "spacing"
+  },
+  scrollPaddingBlock: {
+    className: "scroll-pb",
+    values: "spacing"
+  },
+  scrollPaddingBlockStart: {
+    className: "scroll-pt",
+    values: "spacing"
+  },
+  scrollPaddingBlockEnd: {
+    className: "scroll-pb",
+    values: "spacing"
+  },
+  scrollPaddingInline: {
+    className: "scroll-px",
+    values: "spacing"
+  },
+  scrollPaddingInlineEnd: {
+    className: "scroll-pe",
+    values: "spacing"
+  },
+  scrollPaddingInlineStart: {
+    className: "scroll-ps",
+    values: "spacing"
+  },
+  scrollPaddingX: {
+    className: "scroll-px",
+    values: "spacing",
+    property: "scrollPaddingInline",
+    transform(value) {
+      return {
+        scrollPaddingInline: value
+      };
+    }
+  },
+  scrollPaddingY: {
+    className: "scroll-py",
+    values: "spacing",
+    property: "scrollPaddingBlock",
+    transform(value) {
+      return {
+        scrollPaddingBlock: value
+      };
+    }
+  },
+  scrollPaddingLeft: {
+    className: "scroll-pl",
+    values: "spacing"
+  },
+  scrollPaddingRight: {
+    className: "scroll-pr",
+    values: "spacing"
+  },
+  scrollPaddingTop: {
+    className: "scroll-pt",
+    values: "spacing"
+  },
+  scrollPaddingBottom: {
+    className: "scroll-pb",
+    values: "spacing"
+  },
+  scrollSnapAlign: {
+    className: "snap"
+  },
+  scrollSnapStop: {
+    className: "snap"
+  },
+  scrollSnapType: {
+    className: "snap",
+    values: {
+      none: "none",
+      x: "x var(--scroll-snap-strictness)",
+      y: "y var(--scroll-snap-strictness)",
+      both: "both var(--scroll-snap-strictness)"
+    }
+  },
+  scrollSnapStrictness: {
+    className: "strictness",
+    values: ["mandatory", "proximity"],
+    transform(value) {
+      return {
+        "--scroll-snap-strictness": value
+      };
+    }
+  },
+  scrollSnapMargin: {
+    className: "snap-m",
+    values: "spacing"
+  },
+  scrollSnapMarginTop: {
+    className: "snap-mt",
+    values: "spacing"
+  },
+  scrollSnapMarginBottom: {
+    className: "snap-mb",
+    values: "spacing"
+  },
+  scrollSnapMarginLeft: {
+    className: "snap-ml",
+    values: "spacing"
+  },
+  scrollSnapMarginRight: {
+    className: "snap-mr",
+    values: "spacing"
+  },
+  touchAction: {
+    className: "touch"
+  },
+  userSelect: {
+    className: "select",
+    transform(value) {
+      return {
+        WebkitUserSelect: value,
+        userSelect: value
+      };
+    }
+  }
+};
+var layout = {
+  aspectRatio: {
+    className: "aspect",
+    values: "aspectRatios"
+  },
+  boxDecorationBreak: {
+    className: "decoration",
+    transform(value) {
+      return {
+        boxDecorationBreak: value,
+        WebkitBoxDecorationBreak: value
+      };
+    }
+  },
+  zIndex: {
+    className: "z",
+    values: "zIndex"
+  },
+  boxSizing: {
+    className: "box"
+  },
+  objectPosition: {
+    className: "object"
+  },
+  objectFit: {
+    className: "object"
+  },
+  overscrollBehavior: {
+    className: "overscroll"
+  },
+  overscrollBehaviorX: {
+    className: "overscroll-x"
+  },
+  overscrollBehaviorY: {
+    className: "overscroll-y"
+  },
+  position: {
+    className: "pos",
+    shorthand: "pos"
+  },
+  top: {
+    className: "top",
+    values: "spacing"
+  },
+  left: {
+    className: "left",
+    values: "spacing"
+  },
+  insetInline: {
+    className: "inset-x",
+    values: "spacing"
+  },
+  insetBlock: {
+    className: "inset-y",
+    values: "spacing"
+  },
+  inset: {
+    className: "inset",
+    values: (theme2) => ({
+      auto: "auto",
+      ...theme2("spacing")
+    })
+  },
+  insetBlockEnd: {
+    className: "inset-b",
+    values: "spacing"
+  },
+  insetBlockStart: {
+    className: "inset-t",
+    values: "spacing"
+  },
+  insetInlineEnd: {
+    className: "end",
+    values: "spacing",
+    shorthand: ["insetEnd", "end"]
+  },
+  insetInlineStart: {
+    className: "start",
+    values: "spacing",
+    shorthand: ["insetStart", "start"]
+  },
+  right: {
+    className: "right",
+    values: "spacing"
+  },
+  bottom: {
+    className: "bottom",
+    values: "spacing"
+  },
+  insetX: {
+    className: "inset-x",
+    values: "spacing",
+    property: "insetInline",
+    transform(value) {
+      return {
+        insetInline: value
+      };
+    }
+  },
+  insetY: {
+    className: "inset-y",
+    values: "spacing",
+    property: "insetBlock",
+    transform(value) {
+      return {
+        insetBlock: value
+      };
+    }
+  },
+  float: {
+    className: "float",
+    values: ["left", "right", "start", "end"],
+    transform(value) {
+      if (value === "start") {
+        return {
+          float: "left",
+          '[dir="rtl"] &': {
+            float: "right"
+          }
+        };
+      }
+      if (value === "end") {
+        return {
+          float: "right",
+          '[dir="rtl"] &': {
+            float: "left"
+          }
+        };
+      }
+      return {
+        float: value
+      };
+    }
+  },
+  visibility: {
+    className: "vis"
+  }
+};
+var list = {
+  listStyleType: {
+    className: "list"
+  },
+  listStylePosition: {
+    className: "list"
+  },
+  listStyleImage: {
+    className: "list-img",
+    values: "assets"
+  }
+};
+var outline = {
+  outlineWidth: {
+    className: "ring",
+    shorthand: "ringWidth",
+    values: "borderWidths"
+  },
+  outlineColor: {
+    className: "ring",
+    values: "colors",
+    shorthand: "ringColor"
+  },
+  outline: {
+    className: "ring",
+    shorthand: "ring",
+    values: "borders",
+    transform(value) {
+      if (value === "none") {
+        return { outline: "2px solid transparent", outlineOffset: "2px" };
+      }
+      return { outline: value };
+    }
+  },
+  outlineOffset: {
+    className: "ring",
+    shorthand: "ringOffset",
+    values: "spacing"
+  }
+};
+var widthValues = (theme2) => ({
+  auto: "auto",
+  ...theme2("sizes"),
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  "1/5": "20%",
+  "2/5": "40%",
+  "3/5": "60%",
+  "4/5": "80%",
+  "1/6": "16.666667%",
+  "2/6": "33.333333%",
+  "3/6": "50%",
+  "4/6": "66.666667%",
+  "5/6": "83.333333%",
+  "1/12": "8.333333%",
+  "2/12": "16.666667%",
+  "3/12": "25%",
+  "4/12": "33.333333%",
+  "5/12": "41.666667%",
+  "6/12": "50%",
+  "7/12": "58.333333%",
+  "8/12": "66.666667%",
+  "9/12": "75%",
+  "10/12": "83.333333%",
+  "11/12": "91.666667%",
+  screen: "100vw"
+});
+var heightValues = (theme2) => ({
+  auto: "auto",
+  ...theme2("sizes"),
+  svh: "100svh",
+  lvh: "100lvh",
+  dvh: "100dvh",
+  screen: "100vh",
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  "1/5": "20%",
+  "2/5": "40%",
+  "3/5": "60%",
+  "4/5": "80%",
+  "1/6": "16.666667%",
+  "2/6": "33.333333%",
+  "3/6": "50%",
+  "4/6": "66.666667%",
+  "5/6": "83.333333%"
+});
+var sizing = {
+  width: {
+    shorthand: "w",
+    className: "w",
+    values: widthValues
+  },
+  inlineSize: {
+    className: "w",
+    values: widthValues
+  },
+  minWidth: {
+    shorthand: "minW",
+    className: "min-w",
+    values: widthValues
+  },
+  minInlineSize: {
+    className: "min-w",
+    values: widthValues
+  },
+  maxWidth: {
+    shorthand: "maxW",
+    className: "max-w",
+    values: widthValues
+  },
+  maxInlineSize: {
+    className: "max-w",
+    values: widthValues
+  },
+  height: {
+    shorthand: "h",
+    className: "h",
+    values: heightValues
+  },
+  blockSize: {
+    className: "h",
+    values: heightValues
+  },
+  minHeight: {
+    shorthand: "minH",
+    className: "min-h",
+    values: heightValues
+  },
+  minBlockSize: {
+    className: "min-h",
+    values: heightValues
+  },
+  maxHeight: {
+    shorthand: "maxH",
+    className: "max-h",
+    values: heightValues
+  },
+  maxBlockSize: {
+    className: "max-b",
+    values: heightValues
+  }
+};
+var marginValues = (theme2) => ({
+  auto: "auto",
+  ...theme2("spacing")
+});
+var spacing = {
+  padding: {
+    className: "p",
+    shorthand: "p",
+    values: "spacing"
+  },
+  paddingLeft: {
+    className: "pl",
+    shorthand: "pl",
+    values: "spacing"
+  },
+  paddingRight: {
+    className: "pr",
+    shorthand: "pr",
+    values: "spacing"
+  },
+  paddingTop: {
+    className: "pt",
+    shorthand: "pt",
+    values: "spacing"
+  },
+  paddingBottom: {
+    className: "pb",
+    shorthand: "pb",
+    values: "spacing"
+  },
+  paddingBlock: {
+    className: "py",
+    values: "spacing",
+    shorthand: ["py", "paddingY"]
+  },
+  paddingBlockEnd: {
+    className: "pb",
+    values: "spacing"
+  },
+  paddingBlockStart: {
+    className: "pt",
+    values: "spacing"
+  },
+  paddingInline: {
+    className: "px",
+    values: "spacing",
+    shorthand: ["paddingX", "px"]
+  },
+  paddingInlineEnd: {
+    className: "pe",
+    shorthand: ["pe", "paddingEnd"],
+    values: "spacing"
+  },
+  paddingInlineStart: {
+    className: "ps",
+    shorthand: ["ps", "paddingStart"],
+    values: "spacing"
+  },
+  marginLeft: {
+    className: "ml",
+    shorthand: "ml",
+    values: marginValues
+  },
+  marginRight: {
+    className: "mr",
+    shorthand: "mr",
+    values: marginValues
+  },
+  marginTop: {
+    className: "mt",
+    shorthand: "mt",
+    values: marginValues
+  },
+  marginBottom: {
+    className: "mb",
+    shorthand: "mb",
+    values: marginValues
+  },
+  margin: {
+    className: "m",
+    shorthand: "m",
+    values: marginValues
+  },
+  marginBlock: {
+    className: "my",
+    values: marginValues,
+    shorthand: ["my", "marginY"]
+  },
+  marginBlockEnd: {
+    className: "mb",
+    values: marginValues
+  },
+  marginBlockStart: {
+    className: "mt",
+    values: marginValues
+  },
+  marginInline: {
+    className: "mx",
+    values: marginValues,
+    shorthand: ["mx", "marginX"]
+  },
+  marginInlineEnd: {
+    className: "me",
+    shorthand: ["me", "marginEnd"],
+    values: marginValues
+  },
+  marginInlineStart: {
+    className: "ms",
+    shorthand: ["ms", "marginStart"],
+    values: marginValues
+  }
+};
+var svg = {
+  fill: {
+    className: "fill",
+    values: "colors"
+  },
+  stroke: {
+    className: "stroke",
+    values: "colors"
+  },
+  strokeWidth: {
+    className: "stroke-w",
+    values: "borderWidths"
+  }
+};
+var tables = {
+  borderCollapse: {
+    className: "border"
+  },
+  borderSpacing: {
+    className: "border-spacing",
+    values: "spacing"
+  },
+  borderSpacingX: {
+    className: "border-spacing-x",
+    values: "spacing",
+    transform(value) {
+      return {
+        borderSpacing: `${value} var(--border-spacing-y)`
+      };
+    }
+  },
+  borderSpacingY: {
+    className: "border-spacing-y",
+    values: "spacing",
+    transform(value) {
+      return {
+        borderSpacing: `var(--border-spacing-x) ${value}`
+      };
+    }
+  },
+  tableLayout: {
+    className: "table"
+  }
+};
+var positiveFractions = {
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  full: "100%"
+};
+var negativeFractions = Object.fromEntries(
+  Object.entries(positiveFractions).map(([key, value]) => [`-${key}`, `-${value}`])
+);
+var fractions = { ...positiveFractions, ...negativeFractions };
+var transforms = {
+  transformOrigin: {
+    className: "origin"
+  },
+  scale: {
+    className: "scale",
+    property: "scale",
+    values: {
+      auto: "var(--scale-x) var(--scale-y)"
+    }
+  },
+  scaleX: {
+    className: "scale-x",
+    transform(value) {
+      return {
+        "--scale-x": value
+      };
+    }
+  },
+  scaleY: {
+    className: "scale-y",
+    transform(value) {
+      return {
+        "--scale-y": value
+      };
+    }
+  },
+  translate: {
+    className: "translate",
+    property: "translate",
+    values: {
+      auto: "var(--translate-x) var(--translate-y)"
+    }
+  },
+  translateX: {
+    shorthand: "x",
+    className: "translate-x",
+    values(theme2) {
+      return {
+        ...theme2("spacing"),
+        ...fractions
+      };
+    },
+    transform(value) {
+      return {
+        "--translate-x": value
+      };
+    }
+  },
+  translateY: {
+    shorthand: "y",
+    className: "translate-y",
+    values(theme2) {
+      return {
+        ...theme2("spacing"),
+        ...fractions
+      };
+    },
+    transform(value) {
+      return {
+        "--translate-y": value
+      };
+    }
+  }
+};
+var createTransition = (value) => ({
+  transitionProperty: `var(--transition-prop, ${value})`,
+  transitionTimingFunction: "var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1))",
+  transitionDuration: "var(--transition-duration, 150ms)"
+});
+var transitionMap = {
+  all: createTransition("all"),
+  common: createTransition(
+    "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter"
+  ),
+  background: createTransition("background, background-color"),
+  colors: createTransition("color, background-color, border-color, outline-color, text-decoration-color, fill, stroke"),
+  opacity: createTransition("opacity"),
+  shadow: createTransition("box-shadow"),
+  transform: createTransition("transform")
+};
+var transitions = {
+  transitionTimingFunction: {
+    className: "ease",
+    values: "easings",
+    transform(value) {
+      return {
+        "--transition-easing": value,
+        transitionTimingFunction: value
+      };
+    }
+  },
+  transitionDelay: {
+    className: "delay",
+    values: "durations"
+  },
+  transitionDuration: {
+    className: "duration",
+    values: "durations",
+    transform(value) {
+      return {
+        "--transition-duration": value,
+        transitionDuration: value
+      };
+    }
+  },
+  transitionProperty: {
+    className: "transition-prop",
+    transform(value) {
+      return {
+        "--transition-prop": value,
+        transitionProperty: value
+      };
+    }
+  },
+  transition: {
+    className: "transition",
+    values: Object.keys(transitionMap),
+    transform(value) {
+      return transitionMap[value] ?? { transition: value };
+    }
+  },
+  animation: {
+    className: "animation",
+    values: "animations"
+  },
+  animationName: {
+    className: "animation-name",
+    values: "animationName"
+  },
+  animationDelay: {
+    className: "animation-delay",
+    values: "durations"
+  }
+};
+var typography = {
+  color: {
+    className: "text",
+    values: "colors"
+  },
+  fontFamily: {
+    className: "font",
+    values: "fonts"
+  },
+  fontSize: {
+    className: "fs",
+    values: "fontSizes"
+  },
+  fontWeight: {
+    className: "font",
+    values: "fontWeights"
+  },
+  fontSmoothing: {
+    className: "smoothing",
+    values: {
+      antialiased: "antialiased",
+      "subpixel-antialiased": "auto"
+    },
+    transform(value) {
+      return {
+        WebkitFontSmoothing: value
+      };
+    }
+  },
+  fontVariantNumeric: {
+    className: "numeric"
+  },
+  letterSpacing: {
+    className: "tracking",
+    values: "letterSpacings"
+  },
+  lineHeight: {
+    className: "leading",
+    values: "lineHeights"
+  },
+  textAlign: {
+    className: "text"
+  },
+  textDecoration: {
+    className: "text-decor"
+  },
+  textDecorationColor: {
+    className: "text-decor",
+    values: "colors"
+  },
+  textEmphasisColor: {
+    className: "text-emphasis",
+    values: "colors"
+  },
+  textDecorationStyle: {
+    className: "decoration"
+  },
+  textDecorationThickness: {
+    className: "decoration"
+  },
+  textUnderlineOffset: {
+    className: "underline-offset"
+  },
+  textTransform: {
+    className: "text"
+  },
+  textIndent: {
+    className: "indent",
+    values: "spacing"
+  },
+  textShadow: {
+    className: "text-shadow",
+    values: "shadows"
+  },
+  textOverflow: {
+    className: "text"
+  },
+  verticalAlign: {
+    className: "align"
+  },
+  wordBreak: {
+    className: "break"
+  },
+  textWrap: {
+    className: "text",
+    values: ["wrap", "balance", "nowrap"],
+    transform(value) {
+      return { textWrap: value };
+    }
+  },
+  truncate: {
+    className: "truncate",
+    values: { type: "boolean" },
+    transform(value) {
+      if (!value)
+        return {};
+      return {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      };
+    }
+  },
+  lineClamp: {
+    className: "clamp",
+    transform(value) {
+      if (value === "none") {
+        return {
+          WebkitLineClamp: "unset"
+        };
+      }
+      return {
+        overflow: "hidden",
+        display: "-webkit-box",
+        WebkitLineClamp: value,
+        WebkitBoxOrient: "vertical"
+      };
+    }
+  }
+};
+var polyfill = {
+  appearance: {
+    className: "appearance",
+    transform(value) {
+      return { appearance: value, WebkitAppearance: value };
+    }
+  },
+  backfaceVisibility: {
+    className: "backface",
+    transform(value) {
+      return { backfaceVisibility: value, WebkitBackfaceVisibility: value };
+    }
+  },
+  clipPath: {
+    className: "clip-path",
+    transform(value) {
+      return { clipPath: value, WebkitClipPath: value };
+    }
+  },
+  hyphens: {
+    className: "hyphens",
+    transform(value) {
+      return { hyphens: value, WebkitHyphens: value };
+    }
+  },
+  mask: {
+    className: "mask",
+    transform(value) {
+      return { mask: value, WebkitMask: value };
+    }
+  },
+  maskImage: {
+    className: "mask-image",
+    transform(value) {
+      return { maskImage: value, WebkitMaskImage: value };
+    }
+  },
+  maskSize: {
+    className: "mask-size",
+    transform(value) {
+      return { maskSize: value, WebkitMaskSize: value };
+    }
+  },
+  textSizeAdjust: {
+    className: "text-size-adjust",
+    transform(value) {
+      return { textSizeAdjust: value, WebkitTextSizeAdjust: value };
+    }
+  }
+};
+var utilities = Object.assign(
+  {},
+  layout,
+  display,
+  flexGrid,
+  spacing,
+  outline,
+  divide,
+  sizing,
+  typography,
+  list,
+  background,
+  border,
+  effects,
+  tables,
+  transitions,
+  transforms,
+  interactivity,
+  svg,
+  helpers,
+  polyfill
+);
+function definePattern(config2) {
+  return config2;
+}
+var box = definePattern({
+  transform(props) {
+    return props;
+  }
+});
+var flex = definePattern({
+  properties: {
+    align: { type: "property", value: "alignItems" },
+    justify: { type: "property", value: "justifyContent" },
+    direction: { type: "property", value: "flexDirection" },
+    wrap: { type: "property", value: "flexWrap" },
+    basis: { type: "property", value: "flexBasis" },
+    grow: { type: "property", value: "flexGrow" },
+    shrink: { type: "property", value: "flexShrink" }
+  },
+  transform(props) {
+    const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
+    return {
+      display: "flex",
+      flexDirection: direction,
+      alignItems: align,
+      justifyContent: justify,
+      flexWrap: wrap2,
+      flexBasis: basis,
+      flexGrow: grow,
+      flexShrink: shrink,
+      ...rest
+    };
+  }
+});
+var stack = definePattern({
+  properties: {
+    align: { type: "property", value: "alignItems" },
+    justify: { type: "property", value: "justifyContent" },
+    direction: { type: "property", value: "flexDirection" },
+    gap: { type: "property", value: "gap" }
+  },
+  transform(props) {
+    const { align, justify, direction = "column", gap = "10px", ...rest } = props;
+    return {
+      display: "flex",
+      flexDirection: direction,
+      alignItems: align,
+      justifyContent: justify,
+      gap,
+      ...rest
+    };
+  }
+});
+var vstack = definePattern({
+  jsxName: "VStack",
+  properties: {
+    justify: { type: "property", value: "justifyContent" },
+    gap: { type: "property", value: "gap" }
+  },
+  transform(props) {
+    const { justify, gap = "10px", ...rest } = props;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: justify,
+      gap,
+      flexDirection: "column",
+      ...rest
+    };
+  }
+});
+var hstack = definePattern({
+  jsxName: "HStack",
+  properties: {
+    justify: { type: "property", value: "justifyContent" },
+    gap: { type: "property", value: "gap" }
+  },
+  transform(props) {
+    const { justify, gap = "10px", ...rest } = props;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: justify,
+      gap,
+      flexDirection: "row",
+      ...rest
+    };
+  }
+});
+var spacer = definePattern({
+  properties: {
+    size: { type: "token", value: "spacing" }
+  },
+  transform(props, { map }) {
+    const { size, ...rest } = props;
+    return {
+      alignSelf: "stretch",
+      justifySelf: "stretch",
+      flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
+      ...rest
+    };
+  }
+});
+var circle = definePattern({
+  properties: {
+    size: { type: "property", value: "width" }
+  },
+  transform(props) {
+    const { size, ...rest } = props;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flex: "0 0 auto",
+      width: size,
+      height: size,
+      borderRadius: "9999px",
+      ...rest
+    };
+  }
+});
+var square = definePattern({
+  properties: {
+    size: { type: "property", value: "width" }
+  },
+  transform(props) {
+    const { size, ...rest } = props;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flex: "0 0 auto",
+      width: size,
+      height: size,
+      ...rest
+    };
+  }
+});
+var grid = definePattern({
+  properties: {
+    gap: { type: "property", value: "gap" },
+    columnGap: { type: "property", value: "gap" },
+    rowGap: { type: "property", value: "gap" },
+    columns: { type: "number" },
+    minChildWidth: { type: "token", value: "sizes", property: "width" }
+  },
+  transform(props, { map }) {
+    const regex = /\d+(cm|in|pt|em|px|rem|vh|vmax|vmin|vw|ch|lh|%)$/;
+    const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", columns, minChildWidth, ...rest } = props;
+    const getValue = (v) => regex.test(v) ? v : `token(sizes.${v}, ${v})`;
+    return {
+      display: "grid",
+      gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
+      gap,
+      columnGap,
+      rowGap,
+      ...rest
+    };
+  }
+});
+var gridItem = definePattern({
+  properties: {
+    colSpan: { type: "number" },
+    rowSpan: { type: "number" },
+    colStart: { type: "number" },
+    rowStart: { type: "number" },
+    colEnd: { type: "number" },
+    rowEnd: { type: "number" }
+  },
+  transform(props, { map }) {
+    const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
+    const spanFn = (v) => v === "auto" ? v : `span ${v}`;
+    return {
+      gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
+      gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+      gridColumnStart: colStart,
+      gridColumnEnd: colEnd,
+      gridRowStart: rowStart,
+      gridRowEnd: rowEnd,
+      ...rest
+    };
+  }
+});
+var wrap = definePattern({
+  properties: {
+    gap: { type: "property", value: "gap" },
+    rowGap: { type: "property", value: "gap" },
+    columnGap: { type: "property", value: "gap" },
+    align: { type: "property", value: "alignItems" },
+    justify: { type: "property", value: "justifyContent" }
+  },
+  transform(props) {
+    const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props;
+    return {
+      display: "flex",
+      flexWrap: "wrap",
+      alignItems: align,
+      justifyContent: justify,
+      gap,
+      columnGap,
+      rowGap,
+      ...rest
+    };
+  }
+});
+var container = definePattern({
+  transform(props) {
+    return {
+      position: "relative",
+      maxWidth: "8xl",
+      mx: "auto",
+      px: { base: "4", md: "6", lg: "8" },
+      ...props
+    };
+  }
+});
+var center = definePattern({
+  properties: {
+    inline: { type: "boolean" }
+  },
+  transform(props) {
+    const { inline, ...rest } = props;
+    return {
+      display: inline ? "inline-flex" : "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      ...rest
+    };
+  }
+});
+var aspectRatio = definePattern({
+  properties: {
+    ratio: { type: "number" }
+  },
+  blocklist: ["aspectRatio"],
+  transform(props, { map }) {
+    const { ratio = 4 / 3, ...rest } = props;
+    return {
+      position: "relative",
+      _before: {
+        content: `""`,
+        display: "block",
+        height: "0",
+        paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
+      },
+      "&>*": {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        overflow: "hidden",
+        position: "absolute",
+        inset: "0",
+        width: "100%",
+        height: "100%"
+      },
+      "&>img, &>video": {
+        objectFit: "cover"
+      },
+      ...rest
+    };
+  }
+});
+var divider = definePattern({
+  properties: {
+    orientation: { type: "enum", value: ["horizontal", "vertical"] },
+    thickness: { type: "token", value: "sizes", property: "borderWidth" },
+    color: { type: "token", value: "colors", property: "borderColor" }
+  },
+  transform(props, { map }) {
+    const { orientation = "horizontal", thickness = "1px", color, ...rest } = props;
+    return {
+      "--thickness": thickness,
+      width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
+      height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
+      borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
+      borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
+      borderColor: color,
+      ...rest
+    };
+  }
+});
+var linkBox = definePattern({
+  transform(props) {
+    return {
+      position: "relative",
+      "& :where(a, abbr)": {
+        position: "relative",
+        zIndex: "1"
+      },
+      ...props
+    };
+  }
+});
+var linkOverlay = definePattern({
+  jsxElement: "a",
+  transform(props) {
+    return {
+      position: "static",
+      _before: {
+        content: '""',
+        display: "block",
+        position: "absolute",
+        cursor: "inherit",
+        inset: "0",
+        zIndex: "0",
+        ...props["_before"]
+      },
+      ...props
+    };
+  }
+});
+var float = definePattern({
+  properties: {
+    offsetX: { type: "token", value: "spacing", property: "left" },
+    offsetY: { type: "token", value: "spacing", property: "top" },
+    offset: { type: "token", value: "spacing", property: "top" },
+    placement: {
+      type: "enum",
+      value: [
+        "bottom-end",
+        "bottom-start",
+        "top-end",
+        "top-start",
+        "bottom-center",
+        "top-center",
+        "middle-center",
+        "middle-end",
+        "middle-start"
+      ]
+    }
+  },
+  transform(props, { map }) {
+    const { offset = "0", offsetX = offset, offsetY = offset, placement = "top-end", ...rest } = props;
+    return {
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center",
+      position: "absolute",
+      insetBlockStart: map(placement, (v) => {
+        const [side] = v.split("-");
+        const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
+        return map2[side];
+      }),
+      insetBlockEnd: map(placement, (v) => {
+        const [side] = v.split("-");
+        const map2 = { top: "auto", middle: "50%", bottom: offsetY };
+        return map2[side];
+      }),
+      insetInlineStart: map(placement, (v) => {
+        const [, align] = v.split("-");
+        const map2 = { start: offsetX, center: "50%", end: "auto" };
+        return map2[align];
+      }),
+      insetInlineEnd: map(placement, (v) => {
+        const [, align] = v.split("-");
+        const map2 = { start: "auto", center: "50%", end: offsetX };
+        return map2[align];
+      }),
+      translate: map(placement, (v) => {
+        const [side, align] = v.split("-");
+        const mapX = { start: "-50%", center: "-50%", end: "50%" };
+        const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
+        return `${mapX[align]} ${mapY[side]}`;
+      }),
+      ...rest
+    };
+  }
+});
+var bleed = definePattern({
+  properties: {
+    inline: { type: "property", value: "marginInline" },
+    block: { type: "property", value: "marginBlock" }
+  },
+  transform(props) {
+    const { inline = "0", block = "0", ...rest } = props;
+    return {
+      "--bleed-x": `spacing.${inline}`,
+      "--bleed-y": `spacing.${block}`,
+      marginInline: "calc(var(--bleed-x, 0) * -1)",
+      marginBlock: "calc(var(--bleed-y, 0) * -1)",
+      ...rest
+    };
+  }
+});
+var visuallyHidden = definePattern({
+  transform(props) {
+    return {
+      srOnly: true,
+      ...props
+    };
+  }
+});
+var patterns = {
+  box,
+  flex,
+  stack,
+  vstack,
+  hstack,
+  spacer,
+  square,
+  circle,
+  center,
+  linkBox,
+  linkOverlay,
+  aspectRatio,
+  grid,
+  gridItem,
+  wrap,
+  container,
+  divider,
+  float,
+  bleed,
+  visuallyHidden
+};
+var definePreset = (preset22) => preset22;
+var preset = definePreset({
+  conditions,
+  utilities,
+  patterns
+});
+var src_default = preset;
+
+// ../node_modules/.pnpm/@pandacss+preset-panda@0.28.0/node_modules/@pandacss/preset-panda/dist/index.mjs
+var breakpoints = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+var keyframes = {
+  spin: {
+    to: {
+      transform: "rotate(360deg)"
+    }
+  },
+  ping: {
+    "75%, 100%": {
+      transform: "scale(2)",
+      opacity: "0"
+    }
+  },
+  pulse: {
+    "50%": {
+      opacity: ".5"
+    }
+  },
+  bounce: {
+    "0%, 100%": {
+      transform: "translateY(-25%)",
+      animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+    },
+    "50%": {
+      transform: "none",
+      animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+    }
+  }
+};
+var animations = {
+  spin: { value: "spin 1s linear infinite" },
+  ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" },
+  pulse: { value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" },
+  bounce: { value: "bounce 1s infinite" }
+};
+var aspectRatios = {
+  square: { value: "1 / 1" },
+  landscape: { value: "4 / 3" },
+  portrait: { value: "3 / 4" },
+  wide: { value: "16 / 9" },
+  ultrawide: { value: "18 / 5" },
+  golden: { value: "1.618 / 1" }
+};
+var borders = {
+  none: { value: "none" }
+};
+var colors = {
+  current: { value: "currentColor" },
+  black: { value: "#000" },
+  white: { value: "#fff" },
+  transparent: { value: "rgb(0 0 0 / 0)" },
+  rose: {
+    50: { value: "#fff1f2" },
+    100: { value: "#ffe4e6" },
+    200: { value: "#fecdd3" },
+    300: { value: "#fda4af" },
+    400: { value: "#fb7185" },
+    500: { value: "#f43f5e" },
+    600: { value: "#e11d48" },
+    700: { value: "#be123c" },
+    800: { value: "#9f1239" },
+    900: { value: "#881337" },
+    950: { value: "#4c0519" }
+  },
+  pink: {
+    50: { value: "#fdf2f8" },
+    100: { value: "#fce7f3" },
+    200: { value: "#fbcfe8" },
+    300: { value: "#f9a8d4" },
+    400: { value: "#f472b6" },
+    500: { value: "#ec4899" },
+    600: { value: "#db2777" },
+    700: { value: "#be185d" },
+    800: { value: "#9d174d" },
+    900: { value: "#831843" },
+    950: { value: "#500724" }
+  },
+  fuchsia: {
+    50: { value: "#fdf4ff" },
+    100: { value: "#fae8ff" },
+    200: { value: "#f5d0fe" },
+    300: { value: "#f0abfc" },
+    400: { value: "#e879f9" },
+    500: { value: "#d946ef" },
+    600: { value: "#c026d3" },
+    700: { value: "#a21caf" },
+    800: { value: "#86198f" },
+    900: { value: "#701a75" },
+    950: { value: "#4a044e" }
+  },
+  purple: {
+    50: { value: "#faf5ff" },
+    100: { value: "#f3e8ff" },
+    200: { value: "#e9d5ff" },
+    300: { value: "#d8b4fe" },
+    400: { value: "#c084fc" },
+    500: { value: "#a855f7" },
+    600: { value: "#9333ea" },
+    700: { value: "#7e22ce" },
+    800: { value: "#6b21a8" },
+    900: { value: "#581c87" },
+    950: { value: "#3b0764" }
+  },
+  violet: {
+    50: { value: "#f5f3ff" },
+    100: { value: "#ede9fe" },
+    200: { value: "#ddd6fe" },
+    300: { value: "#c4b5fd" },
+    400: { value: "#a78bfa" },
+    500: { value: "#8b5cf6" },
+    600: { value: "#7c3aed" },
+    700: { value: "#6d28d9" },
+    800: { value: "#5b21b6" },
+    900: { value: "#4c1d95" },
+    950: { value: "#2e1065" }
+  },
+  indigo: {
+    50: { value: "#eef2ff" },
+    100: { value: "#e0e7ff" },
+    200: { value: "#c7d2fe" },
+    300: { value: "#a5b4fc" },
+    400: { value: "#818cf8" },
+    500: { value: "#6366f1" },
+    600: { value: "#4f46e5" },
+    700: { value: "#4338ca" },
+    800: { value: "#3730a3" },
+    900: { value: "#312e81" },
+    950: { value: "#1e1b4b" }
+  },
+  blue: {
+    50: { value: "#eff6ff" },
+    100: { value: "#dbeafe" },
+    200: { value: "#bfdbfe" },
+    300: { value: "#93c5fd" },
+    400: { value: "#60a5fa" },
+    500: { value: "#3b82f6" },
+    600: { value: "#2563eb" },
+    700: { value: "#1d4ed8" },
+    800: { value: "#1e40af" },
+    900: { value: "#1e3a8a" },
+    950: { value: "#172554" }
+  },
+  sky: {
+    50: { value: "#f0f9ff" },
+    100: { value: "#e0f2fe" },
+    200: { value: "#bae6fd" },
+    300: { value: "#7dd3fc" },
+    400: { value: "#38bdf8" },
+    500: { value: "#0ea5e9" },
+    600: { value: "#0284c7" },
+    700: { value: "#0369a1" },
+    800: { value: "#075985" },
+    900: { value: "#0c4a6e" },
+    950: { value: "#082f49" }
+  },
+  cyan: {
+    50: { value: "#ecfeff" },
+    100: { value: "#cffafe" },
+    200: { value: "#a5f3fc" },
+    300: { value: "#67e8f9" },
+    400: { value: "#22d3ee" },
+    500: { value: "#06b6d4" },
+    600: { value: "#0891b2" },
+    700: { value: "#0e7490" },
+    800: { value: "#155e75" },
+    900: { value: "#164e63" },
+    950: { value: "#083344" }
+  },
+  teal: {
+    50: { value: "#f0fdfa" },
+    100: { value: "#ccfbf1" },
+    200: { value: "#99f6e4" },
+    300: { value: "#5eead4" },
+    400: { value: "#2dd4bf" },
+    500: { value: "#14b8a6" },
+    600: { value: "#0d9488" },
+    700: { value: "#0f766e" },
+    800: { value: "#115e59" },
+    900: { value: "#134e4a" },
+    950: { value: "#042f2e" }
+  },
+  emerald: {
+    50: { value: "#ecfdf5" },
+    100: { value: "#d1fae5" },
+    200: { value: "#a7f3d0" },
+    300: { value: "#6ee7b7" },
+    400: { value: "#34d399" },
+    500: { value: "#10b981" },
+    600: { value: "#059669" },
+    700: { value: "#047857" },
+    800: { value: "#065f46" },
+    900: { value: "#064e3b" },
+    950: { value: "#022c22" }
+  },
+  green: {
+    50: { value: "#f0fdf4" },
+    100: { value: "#dcfce7" },
+    200: { value: "#bbf7d0" },
+    300: { value: "#86efac" },
+    400: { value: "#4ade80" },
+    500: { value: "#22c55e" },
+    600: { value: "#16a34a" },
+    700: { value: "#15803d" },
+    800: { value: "#166534" },
+    900: { value: "#14532d" },
+    950: { value: "#052e16" }
+  },
+  lime: {
+    50: { value: "#f7fee7" },
+    100: { value: "#ecfccb" },
+    200: { value: "#d9f99d" },
+    300: { value: "#bef264" },
+    400: { value: "#a3e635" },
+    500: { value: "#84cc16" },
+    600: { value: "#65a30d" },
+    700: { value: "#4d7c0f" },
+    800: { value: "#3f6212" },
+    900: { value: "#365314" },
+    950: { value: "#1a2e05" }
+  },
+  yellow: {
+    50: { value: "#fefce8" },
+    100: { value: "#fef9c3" },
+    200: { value: "#fef08a" },
+    300: { value: "#fde047" },
+    400: { value: "#facc15" },
+    500: { value: "#eab308" },
+    600: { value: "#ca8a04" },
+    700: { value: "#a16207" },
+    800: { value: "#854d0e" },
+    900: { value: "#713f12" },
+    950: { value: "#422006" }
+  },
+  amber: {
+    50: { value: "#fffbeb" },
+    100: { value: "#fef3c7" },
+    200: { value: "#fde68a" },
+    300: { value: "#fcd34d" },
+    400: { value: "#fbbf24" },
+    500: { value: "#f59e0b" },
+    600: { value: "#d97706" },
+    700: { value: "#b45309" },
+    800: { value: "#92400e" },
+    900: { value: "#78350f" },
+    950: { value: "#451a03" }
+  },
+  orange: {
+    50: { value: "#fff7ed" },
+    100: { value: "#ffedd5" },
+    200: { value: "#fed7aa" },
+    300: { value: "#fdba74" },
+    400: { value: "#fb923c" },
+    500: { value: "#f97316" },
+    600: { value: "#ea580c" },
+    700: { value: "#c2410c" },
+    800: { value: "#9a3412" },
+    900: { value: "#7c2d12" },
+    950: { value: "#431407" }
+  },
+  red: {
+    50: { value: "#fef2f2" },
+    100: { value: "#fee2e2" },
+    200: { value: "#fecaca" },
+    300: { value: "#fca5a5" },
+    400: { value: "#f87171" },
+    500: { value: "#ef4444" },
+    600: { value: "#dc2626" },
+    700: { value: "#b91c1c" },
+    800: { value: "#991b1b" },
+    900: { value: "#7f1d1d" },
+    950: { value: "#450a0a" }
+  },
+  neutral: {
+    50: { value: "#fafafa" },
+    100: { value: "#f5f5f5" },
+    200: { value: "#e5e5e5" },
+    300: { value: "#d4d4d4" },
+    400: { value: "#a3a3a3" },
+    500: { value: "#737373" },
+    600: { value: "#525252" },
+    700: { value: "#404040" },
+    800: { value: "#262626" },
+    900: { value: "#171717" },
+    950: { value: "#0a0a0a" }
+  },
+  stone: {
+    50: { value: "#fafaf9" },
+    100: { value: "#f5f5f4" },
+    200: { value: "#e7e5e4" },
+    300: { value: "#d6d3d1" },
+    400: { value: "#a8a29e" },
+    500: { value: "#78716c" },
+    600: { value: "#57534e" },
+    700: { value: "#44403c" },
+    800: { value: "#292524" },
+    900: { value: "#1c1917" },
+    950: { value: "#0c0a09" }
+  },
+  zinc: {
+    50: { value: "#fafafa" },
+    100: { value: "#f4f4f5" },
+    200: { value: "#e4e4e7" },
+    300: { value: "#d4d4d8" },
+    400: { value: "#a1a1aa" },
+    500: { value: "#71717a" },
+    600: { value: "#52525b" },
+    700: { value: "#3f3f46" },
+    800: { value: "#27272a" },
+    900: { value: "#18181b" },
+    950: { value: "#09090b" }
+  },
+  gray: {
+    50: { value: "#f9fafb" },
+    100: { value: "#f3f4f6" },
+    200: { value: "#e5e7eb" },
+    300: { value: "#d1d5db" },
+    400: { value: "#9ca3af" },
+    500: { value: "#6b7280" },
+    600: { value: "#4b5563" },
+    700: { value: "#374151" },
+    800: { value: "#1f2937" },
+    900: { value: "#111827" },
+    950: { value: "#030712" }
+  },
+  slate: {
+    50: { value: "#f8fafc" },
+    100: { value: "#f1f5f9" },
+    200: { value: "#e2e8f0" },
+    300: { value: "#cbd5e1" },
+    400: { value: "#94a3b8" },
+    500: { value: "#64748b" },
+    600: { value: "#475569" },
+    700: { value: "#334155" },
+    800: { value: "#1e293b" },
+    900: { value: "#0f172a" },
+    950: { value: "#020617" }
+  }
+};
+var shadows = {
+  xs: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" },
+  sm: { value: ["0 1px 3px 0 rgb(0 0 0 / 0.1)", "0 1px 2px -1px rgb(0 0 0 / 0.1)"] },
+  md: { value: ["0 4px 6px -1px rgb(0 0 0 / 0.1)", "0 2px 4px -2px rgb(0 0 0 / 0.1)"] },
+  lg: { value: ["0 10px 15px -3px rgb(0 0 0 / 0.1)", "0 4px 6px -4px rgb(0 0 0 / 0.1)"] },
+  xl: { value: ["0 20px 25px -5px rgb(0 0 0 / 0.1)", "0 8px 10px -6px rgb(0 0 0 / 0.1)"] },
+  "2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
+  inner: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" }
+};
+var spacing2 = {
+  0: { value: "0rem" },
+  0.5: { value: "0.125rem" },
+  1: { value: "0.25rem" },
+  1.5: { value: "0.375rem" },
+  2: { value: "0.5rem" },
+  2.5: { value: "0.625rem" },
+  3: { value: "0.75rem" },
+  3.5: { value: "0.875rem" },
+  4: { value: "1rem" },
+  5: { value: "1.25rem" },
+  6: { value: "1.5rem" },
+  7: { value: "1.75rem" },
+  8: { value: "2rem" },
+  9: { value: "2.25rem" },
+  10: { value: "2.5rem" },
+  11: { value: "2.75rem" },
+  12: { value: "3rem" },
+  14: { value: "3.5rem" },
+  16: { value: "4rem" },
+  20: { value: "5rem" },
+  24: { value: "6rem" },
+  28: { value: "7rem" },
+  32: { value: "8rem" },
+  36: { value: "9rem" },
+  40: { value: "10rem" },
+  44: { value: "11rem" },
+  48: { value: "12rem" },
+  52: { value: "13rem" },
+  56: { value: "14rem" },
+  60: { value: "15rem" },
+  64: { value: "16rem" },
+  72: { value: "18rem" },
+  80: { value: "20rem" },
+  96: { value: "24rem" }
+};
+var largeSizes = {
+  xs: { value: "20rem" },
+  sm: { value: "24rem" },
+  md: { value: "28rem" },
+  lg: { value: "32rem" },
+  xl: { value: "36rem" },
+  "2xl": { value: "42rem" },
+  "3xl": { value: "48rem" },
+  "4xl": { value: "56rem" },
+  "5xl": { value: "64rem" },
+  "6xl": { value: "72rem" },
+  "7xl": { value: "80rem" },
+  "8xl": { value: "90rem" },
+  prose: { value: "65ch" }
+};
+var sizes = {
+  ...spacing2,
+  ...largeSizes,
+  full: { value: "100%" },
+  min: { value: "min-content" },
+  max: { value: "max-content" },
+  fit: { value: "fit-content" }
+};
+var fontSizes = {
+  "2xs": { value: "0.5rem" },
+  xs: { value: "0.75rem" },
+  sm: { value: "0.875rem" },
+  md: { value: "1rem" },
+  lg: { value: "1.125rem" },
+  xl: { value: "1.25rem" },
+  "2xl": { value: "1.5rem" },
+  "3xl": { value: "1.875rem" },
+  "4xl": { value: "2.25rem" },
+  "5xl": { value: "3rem" },
+  "6xl": { value: "3.75rem" },
+  "7xl": { value: "4.5rem" },
+  "8xl": { value: "6rem" },
+  "9xl": { value: "8rem" }
+};
+var fontWeights = {
+  thin: { value: "100" },
+  extralight: { value: "200" },
+  light: { value: "300" },
+  normal: { value: "400" },
+  medium: { value: "500" },
+  semibold: { value: "600" },
+  bold: { value: "700" },
+  extrabold: { value: "800" },
+  black: { value: "900" }
+};
+var letterSpacings = {
+  tighter: { value: "-0.05em" },
+  tight: { value: "-0.025em" },
+  normal: { value: "0em" },
+  wide: { value: "0.025em" },
+  wider: { value: "0.05em" },
+  widest: { value: "0.1em" }
+};
+var lineHeights = {
+  none: { value: "1" },
+  tight: { value: "1.25" },
+  snug: { value: "1.375" },
+  normal: { value: "1.5" },
+  relaxed: { value: "1.625" },
+  loose: { value: "2" }
+};
+var fonts = {
+  sans: {
+    value: [
+      "ui-sans-serif",
+      "system-ui",
+      "-apple-system",
+      "BlinkMacSystemFont",
+      '"Segoe UI"',
+      "Roboto",
+      '"Helvetica Neue"',
+      "Arial",
+      '"Noto Sans"',
+      "sans-serif",
+      '"Apple Color Emoji"',
+      '"Segoe UI Emoji"',
+      '"Segoe UI Symbol"',
+      '"Noto Color Emoji"'
+    ]
+  },
+  serif: {
+    value: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"]
+  },
+  mono: {
+    value: [
+      "ui-monospace",
+      "SFMono-Regular",
+      "Menlo",
+      "Monaco",
+      "Consolas",
+      '"Liberation Mono"',
+      '"Courier New"',
+      "monospace"
+    ]
+  }
+};
+var textStyles = {
+  xs: {
+    value: {
+      fontSize: "0.75rem",
+      lineHeight: "1rem"
+    }
+  },
+  sm: {
+    value: {
+      fontSize: "0.875rem",
+      lineHeight: "1.25rem"
+    }
+  },
+  md: {
+    value: {
+      fontSize: "1rem",
+      lineHeight: "1.5rem"
+    }
+  },
+  lg: {
+    value: {
+      fontSize: "1.125rem",
+      lineHeight: "1.75rem"
+    }
+  },
+  xl: {
+    value: {
+      fontSize: "1.25rem",
+      lineHeight: "1.75rem"
+    }
+  },
+  "2xl": {
+    value: {
+      fontSize: "1.5rem",
+      lineHeight: "2rem"
+    }
+  },
+  "3xl": {
+    value: {
+      fontSize: "1.875rem",
+      lineHeight: "2.25rem"
+    }
+  },
+  "4xl": {
+    value: {
+      fontSize: "2.25rem",
+      lineHeight: "2.5rem"
+    }
+  },
+  "5xl": {
+    value: {
+      fontSize: "3rem",
+      lineHeight: "1"
+    }
+  },
+  "6xl": {
+    value: {
+      fontSize: "3.75rem",
+      lineHeight: "1"
+    }
+  },
+  "7xl": {
+    value: {
+      fontSize: "4.5rem",
+      lineHeight: "1"
+    }
+  },
+  "8xl": {
+    value: {
+      fontSize: "6rem",
+      lineHeight: "1"
+    }
+  },
+  "9xl": {
+    value: {
+      fontSize: "8rem",
+      lineHeight: "1"
+    }
+  }
+};
+var defineTokens = (v) => v;
+var tokens = defineTokens({
+  aspectRatios,
+  borders,
+  easings: {
+    default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" },
+    linear: { value: "linear" },
+    in: { value: "cubic-bezier(0.4, 0, 1, 1)" },
+    out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
+    "in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }
+  },
+  durations: {
+    fastest: { value: "50ms" },
+    faster: { value: "100ms" },
+    fast: { value: "150ms" },
+    normal: { value: "200ms" },
+    slow: { value: "300ms" },
+    slower: { value: "400ms" },
+    slowest: { value: "500ms" }
+  },
+  radii: {
+    xs: { value: "0.125rem" },
+    sm: { value: "0.25rem" },
+    md: { value: "0.375rem" },
+    lg: { value: "0.5rem" },
+    xl: { value: "0.75rem" },
+    "2xl": { value: "1rem" },
+    "3xl": { value: "1.5rem" },
+    full: { value: "9999px" }
+  },
+  fontWeights,
+  lineHeights,
+  fonts,
+  letterSpacings,
+  fontSizes,
+  shadows,
+  colors,
+  blurs: {
+    sm: { value: "4px" },
+    base: { value: "8px" },
+    md: { value: "12px" },
+    lg: { value: "16px" },
+    xl: { value: "24px" },
+    "2xl": { value: "40px" },
+    "3xl": { value: "64px" }
+  },
+  spacing: spacing2,
+  sizes,
+  animations
+});
+var definePreset2 = (config2) => config2;
+var preset2 = definePreset2({
+  theme: {
+    keyframes,
+    breakpoints,
+    tokens,
+    textStyles
+  }
+});
+var src_default2 = preset2;
+
+// ../fixture/src/recipes.ts
+var recipes = {
+  textStyle: {
+    className: "textStyle",
+    base: {
+      fontFamily: "mono",
+      divideX: "20px"
+    },
+    variants: {
+      size: {
+        h1: {
+          fontSize: "5rem",
+          lineHeight: "1em",
+          fontWeight: 800
+        },
+        h2: {
+          fontSize: "3rem",
+          lineHeight: "1.2em",
+          fontWeight: 700,
+          letterSpacing: "-0.03em"
+        }
+      }
+    }
+  },
+  tooltipStyle: {
+    className: "tooltipStyle",
+    base: {
+      "&[data-tooltip], & [data-tooltip]": {
+        color: { _dark: "red" }
+      }
+    }
+  },
+  cardStyle: {
+    className: "card",
+    variants: {
+      rounded: {
+        true: {
+          borderRadius: "0.375rem"
+        }
+      }
+    }
+  },
+  buttonStyle: {
+    className: "buttonStyle",
+    base: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      _hover: {
+        backgroundColor: "red.200",
+        fontSize: "3xl",
+        color: "white"
+      }
+    },
+    variants: {
+      size: {
+        sm: {
+          height: "2.5rem",
+          minWidth: "2.5rem",
+          padding: "0 0.5rem"
+        },
+        md: {
+          height: "3rem",
+          minWidth: "3rem",
+          padding: "0 0.75rem"
+        }
+      },
+      variant: {
+        solid: {
+          backgroundColor: "blue",
+          color: "white",
+          _hover: {
+            backgroundColor: "darkblue"
+          },
+          "&[data-disabled]": {
+            backgroundColor: "gray",
+            color: "black",
+            fontSize: "2xl"
+          }
+        },
+        outline: {
+          backgroundColor: "transparent",
+          border: "1px solid blue",
+          color: "blue",
+          _hover: {
+            backgroundColor: "blue",
+            color: "white"
+          },
+          "&[data-disabled]": {
+            backgroundColor: "transparent",
+            border: "1px solid gray",
+            color: "gray"
+          }
+        }
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "solid"
+    }
+  }
+};
+
+// ../fixture/src/slot-recipes.ts
+var slotRecipes = {
+  checkbox: {
+    className: "checkbox",
+    slots: ["root", "control", "label"],
+    base: {
+      root: { display: "flex", alignItems: "center", gap: "2" },
+      control: { borderWidth: "1px", borderRadius: "sm" },
+      label: { marginStart: "2" }
+    },
+    variants: {
+      size: {
+        sm: {
+          control: { textStyle: "headline.h1", width: "8", height: "8" },
+          label: { fontSize: "sm" }
+        },
+        md: {
+          control: { width: "10", height: "10" },
+          label: { fontSize: "md" }
+        },
+        lg: {
+          control: { width: "12", height: "12" },
+          label: { fontSize: "lg" }
+        }
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  },
+  badge: {
+    className: "badge",
+    slots: ["title", "body"],
+    base: {
+      title: { bg: "red.300", rounded: "sm" }
+    },
+    variants: {
+      size: {
+        sm: {
+          title: { px: "4" },
+          body: { color: "red" }
+        }
+      },
+      raised: {
+        true: {
+          title: { shadow: "md" }
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        raised: true,
+        size: "sm",
+        css: {
+          title: { color: "ButtonHighlight" }
+        }
+      }
+    ]
+  }
+};
+
+// ../fixture/src/semantic-tokens.ts
+var semanticTokens = {
+  colors: {
+    primary: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } },
+    secondary: { value: { base: "{colors.red.800}", _dark: "{colors.red.700}" } },
+    complex: { value: { base: "{colors.red.800}", _dark: { _highContrast: "{colors.red.700}" } } },
+    surface: {
+      value: {
+        _materialTheme: { base: "#m-b", _dark: "#m-d" },
+        _pastelTheme: { base: "#p-b", _dark: { md: "#p-d" } }
+      }
+    },
+    button: {
+      thick: {
+        value: { base: "#fff", _dark: "#000" }
+      },
+      card: {
+        body: {
+          value: { base: "#fff", _dark: "#000" }
+        },
+        heading: {
+          value: { base: "#fff", _dark: "#000" }
+        }
+      }
+    }
+  },
+  spacing: {
+    gutter: { value: { base: "{spacing.4}", lg: "{spacing.5}" } }
+  }
+};
+
+// ../fixture/src/config.ts
+var conditions2 = {
+  ...src_default.conditions,
+  materialTheme: "[data-color=material] &",
+  pastelTheme: "[data-color=pastel] &",
+  dark: "[data-theme=dark] &, .dark &, &.dark, &[data-theme=dark]",
+  light: "[data-theme=light] &, .light &, &.light, &[data-theme=light]"
+};
+var theme = src_default2.theme;
+var tokens2 = {
+  ...theme.tokens,
+  colors: {
+    ...theme.tokens?.colors,
+    deep: {
+      test: {
+        yam: {
+          value: "%555"
+        },
+        pool: {
+          poller: {
+            value: "#fff"
+          },
+          tall: {
+            value: "$dfdf"
+          }
+        }
+      }
+    }
+  }
+};
+var textStyles2 = {
+  headline: {
+    h1: {
+      value: {
+        fontSize: "2rem",
+        fontWeight: "bold"
+      }
+    },
+    h2: {
+      value: {
+        fontSize: { base: "1.5rem", lg: "2rem" },
+        fontWeight: "bold"
+      }
+    }
+  }
+};
+var fixturePreset = {
+  ...src_default,
+  conditions: conditions2,
+  theme: {
+    ...theme,
+    textStyles: textStyles2,
+    tokens: tokens2,
+    semanticTokens,
+    recipes,
+    slotRecipes
+  }
+};
+
+// ../fixture/src/create-context.ts
+var import_config = require("@pandacss/config");
+var import_generator = require("@pandacss/generator");
+var import_node = require("@pandacss/node");
+var import_shared = require("@pandacss/shared");
+var config = {
+  ...fixturePreset,
+  optimize: true,
+  cwd: "",
+  outdir: "styled-system",
+  include: [],
+  //
+  cssVarRoot: ":where(html)",
+  jsxFramework: "react"
+};
+var fixtureDefaults = {
+  dependencies: [],
+  config,
+  path: "",
+  hooks: {},
+  serialized: (0, import_shared.stringifyJson)(config),
+  deserialize: () => (0, import_shared.parseJson)((0, import_shared.stringifyJson)(config))
+};
+var createContext = (userConfig) => {
+  const resolvedConfig = userConfig ? (0, import_config.mergeConfigs)([fixtureDefaults.config, userConfig]) : fixtureDefaults.config;
+  return new import_node.PandaContext({
+    ...fixtureDefaults,
+    config: resolvedConfig,
+    tsconfig: {
+      // @ts-expect-error
+      useInMemoryFileSystem: true
+    }
+  });
+};
+
+// src/utils/worker.ts
+var import_ts_path = require("@pandacss/config/ts-path");
+var import_config3 = require("@pandacss/config");
+var import_path = __toESM(require("path"));
+var promise;
+var configPath;
+async function _getContext(configPath2) {
+  if (!configPath2)
+    throw new Error("Invalid config path");
+  const cwd = import_path.default.dirname(configPath2);
+  const ctx = await (0, import_node2.loadConfigAndCreateContext)({ configPath: configPath2, cwd });
+  return ctx;
+}
+async function getContext(opts) {
+  if (process.env.NODE_ENV === "test") {
+    const ctx = createContext({ importMap: "./panda" });
+    ctx.getFiles = () => ["App.tsx"];
+    return ctx;
+  } else {
+    configPath = configPath || (0, import_config3.findConfig)({ cwd: opts.configPath ?? opts.currentFile });
+    promise = promise || _getContext(configPath);
+    return await promise;
+  }
+}
+async function filterInvalidTokenz(ctx, paths) {
+  return paths.filter((path2) => !ctx.utility.tokens.get(path2));
+}
+async function isColorToken(ctx, value) {
+  return !!ctx.utility.tokens.values.get("colors")?.get(value);
+}
+async function isColorAttribute(ctx, _attr) {
+  const longhand = await resolveLongHand(ctx, _attr);
+  const attr = longhand || _attr;
+  const attrConfig = ctx.utility.config[attr];
+  return attrConfig?.values === "colors";
+}
+async function isValidFile(ctx, fileName) {
+  return ctx.getFiles().includes(fileName);
+}
+async function resolveShorthand(ctx, name) {
+  return ctx.utility.resolveShorthand(name);
+}
+async function resolveLongHand(ctx, name) {
+  const reverseShorthandsMap = /* @__PURE__ */ new Map();
+  for (const [key, values] of ctx.utility.getPropShorthandsMap()) {
+    for (const value of values) {
+      reverseShorthandsMap.set(value, key);
+    }
+  }
+  return reverseShorthandsMap.get(name);
+}
+async function isValidProperty(ctx, name) {
+  return ctx.isValidProperty(name);
+}
+async function matchFile(ctx, name, imports) {
+  const file = ctx.imports.file(imports);
+  return file.match(name);
+}
+async function matchImports(ctx, result) {
+  return ctx.imports.match(result, (mod) => {
+    const { tsOptions } = ctx.parserOptions;
+    if (!tsOptions?.pathMappings)
+      return;
+    return (0, import_ts_path.resolveTsPathPattern)(tsOptions.pathMappings, mod);
+  });
+}
+async function runAsync(action, opts, ...args) {
+  const ctx = await getContext(opts);
+  switch (action) {
+    case "matchImports":
+      return matchImports(ctx, ...args);
+    case "matchFile":
+      return matchFile(ctx, ...args);
+    case "isValidProperty":
+      return isValidProperty(ctx, ...args);
+    case "resolveLongHand":
+      return resolveLongHand(ctx, ...args);
+    case "resolveShorthand":
+      return resolveShorthand(ctx, ...args);
+    case "isValidFile":
+      return isValidFile(ctx, opts.currentFile);
+    case "isColorAttribute":
+      return isColorAttribute(ctx, ...args);
+    case "isColorToken":
+      return isColorToken(ctx, ...args);
+    case "filterInvalidTokenz":
+      return filterInvalidTokenz(ctx, ...args);
+  }
+}
+function run(action, opts, ...args) {
+  return runAsync(action, opts, ...args);
+}
+(0, import_synckit.runAsWorker)(run);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getContext,
+  run,
+  runAsync
+});