@pandacss/node 0.0.0-dev-20230205182145 → 0.0.0-dev-20230206074851

package/dist/index.mjs

@@ -1,2223 +1,1896 @@
-// src/index.ts
-import { discardDuplicate as discardDuplicate2 } from "@pandacss/core";
-
-// src/chunks.ts
-import { Stylesheet } from "@pandacss/core";
-import { logger as logger2 } from "@pandacss/logger";
-
-// src/extract.ts
-import { logger, quote } from "@pandacss/logger";
-function extractFile(ctx, file) {
-  logger.debug("file:extract", file);
-  let data;
-  let result;
-  const done = logger.time.debug(`Extracted ${quote(file)}`);
-  try {
-    data = ctx.project.parseSourceFile(ctx.absPath(file));
-  } catch (error) {
-    logger.error("file:parse", error);
-  }
-  if (data) {
-    result = ctx.getCss(data, file);
-  }
-  if (result) {
-    done();
+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 __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 result;
-}
-function extractFiles(ctx) {
-  return ctx.extract(async (file) => {
-    const result = extractFile(ctx, file);
-    if (result) {
-      await ctx.chunks.write(file, result.css);
-      return result;
-    }
-  });
-}
-function extractGlobalCss(ctx) {
-  const css3 = ctx.getGlobalCss();
-  if (!css3)
-    return;
-  return ctx.chunks.write("system/global.css", css3);
-}
-function extractStaticCss(ctx) {
-  const css3 = ctx.getStaticCss();
-  if (!css3)
-    return;
-  return ctx.chunks.write("system/static.css", css3);
-}
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
-// src/chunks.ts
-async function extractChunks(ctx) {
-  const sheet = new Stylesheet(ctx.context(), {
-    content: [
-      "@layer reset, base, tokens, recipes, utilities;",
-      "@import './layout-grid.css';",
-      ctx.preflight && "@import './reset.css';",
-      !ctx.tokens.isEmpty && "@import './tokens/index.css';",
-      ctx.theme.keyframes && "@import './tokens/keyframes.css';"
-    ].filter(Boolean).join("\n\n")
-  });
-  const files = ctx.chunks.getFiles();
-  await Promise.all(
-    files.map(async (file) => {
-      const css3 = await ctx.chunks.readFile(file);
-      sheet.append(css3);
-    })
-  );
-  return sheet.toCss({ minify: ctx.minify });
-}
-async function bundleChunks(ctx) {
-  const css3 = await extractChunks(ctx);
-  await ctx.write(ctx.paths.root, [{ file: "styles.css", code: css3 }]);
-}
-async function writeFileChunk(ctx, file) {
-  logger2.info("chunk:change", `File changed: ${file}`);
-  const result = extractFile(ctx, file);
-  if (result) {
-    await ctx.chunks.write(result.file, result.css);
+// ../../node_modules/.pnpm/tsup@6.5.0_typescript@4.9.5/node_modules/tsup/assets/esm_shims.js
+var init_esm_shims = __esm({
+  "../../node_modules/.pnpm/tsup@6.5.0_typescript@4.9.5/node_modules/tsup/assets/esm_shims.js"() {
   }
-}
-
-// src/generators/index.ts
-import { readFileSync as readFileSync3 } from "fs";
-import outdent24 from "outdent";
+});
 
-// src/generators/conditions.ts
-import outdent from "outdent";
-function generateConditions(ctx) {
-  const keys = Object.keys(ctx.conditions.values).concat("base");
-  return {
-    js: outdent`
-    ${ctx.getImport("withoutSpace", "../helpers")}
-    
-    const conditions = new Set([${keys.map((key) => JSON.stringify(key))}])
-    
-    export function isCondition(value){
-      return conditions.has(value) || /^@|&|&$/.test(value)
+// ../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js
+var require_eastasianwidth = __commonJS({
+  "../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js"(exports, module) {
+    init_esm_shims();
+    var eaw = {};
+    if ("undefined" == typeof module) {
+      window.eastasianwidth = eaw;
+    } else {
+      module.exports = eaw;
     }
-    
-    export function finalizeConditions(paths){
-      return paths.map((path) => {
-        if (conditions.has(path)){
-          return path.replace(/^_/, '')
-        }
-        
-        if (/&|@/.test(path)){
-          return \`[\${withoutSpace(path.trim())}]\`
-        }
-        
-        return path
-      })}
-      
-      export function sortConditions(paths){
-        return paths.sort((a, b) => {
-          const aa = isCondition(a)
-          const bb = isCondition(b)
-          if (aa && !bb) return 1
-          if (!aa && bb) return -1
-          return 0
-        })
+    eaw.eastAsianWidth = function(character) {
+      var x = character.charCodeAt(0);
+      var y = character.length == 2 ? character.charCodeAt(1) : 0;
+      var codePoint = x;
+      if (55296 <= x && x <= 56319 && (56320 <= y && y <= 57343)) {
+        x &= 1023;
+        y &= 1023;
+        codePoint = x << 10 | y;
+        codePoint += 65536;
+      }
+      if (12288 == codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510) {
+        return "F";
       }
-      `,
-    dts: outdent`
-    import type { AnySelector, Selectors } from './selectors'
-    
-    export type Conditions = {
-    ${keys.map((key) => `	${JSON.stringify(key)}: string`).join("\n")}
+      if (8361 == codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518) {
+        return "H";
+      }
+      if (4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141) {
+        return "W";
+      }
+      if (32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 == codePoint || 175 == codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630) {
+        return "Na";
+      }
+      if (161 == codePoint || 164 == codePoint || 167 <= codePoint && codePoint <= 168 || 170 == codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 == codePoint || 208 == codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 == codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 == codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 == codePoint || 254 == codePoint || 257 == codePoint || 273 == codePoint || 275 == codePoint || 283 == codePoint || 294 <= codePoint && codePoint <= 295 || 299 == codePoint || 305 <= codePoint && codePoint <= 307 || 312 == codePoint || 319 <= codePoint && codePoint <= 322 || 324 == codePoint || 328 <= codePoint && codePoint <= 331 || 333 == codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 == codePoint || 462 == codePoint || 464 == codePoint || 466 == codePoint || 468 == codePoint || 470 == codePoint || 472 == codePoint || 474 == codePoint || 476 == codePoint || 593 == codePoint || 609 == codePoint || 708 == codePoint || 711 == codePoint || 713 <= codePoint && codePoint <= 715 || 717 == codePoint || 720 == codePoint || 728 <= codePoint && codePoint <= 731 || 733 == codePoint || 735 == codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 == codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 == codePoint || 8208 == codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 == codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 == codePoint || 8251 == codePoint || 8254 == codePoint || 8308 == codePoint || 8319 == codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 == codePoint || 8451 == codePoint || 8453 == codePoint || 8457 == codePoint || 8467 == codePoint || 8470 == codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 == codePoint || 8491 == codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 == codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 == codePoint || 8660 == codePoint || 8679 == codePoint || 8704 == codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 == codePoint || 8719 == codePoint || 8721 == codePoint || 8725 == codePoint || 8730 == codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 == codePoint || 8741 == codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 == codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 == codePoint || 8780 == codePoint || 8786 == codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 == codePoint || 8857 == codePoint || 8869 == codePoint || 8895 == codePoint || 8978 == codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 == codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 == codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 == codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 == codePoint || 9758 == codePoint || 9792 == codePoint || 9794 == codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 == codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 == codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 == codePoint || 10071 == codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 == codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109) {
+        return "A";
+      }
+      return "N";
+    };
+    eaw.characterLength = function(character) {
+      var code = this.eastAsianWidth(character);
+      if (code == "F" || code == "W" || code == "A") {
+        return 2;
+      } else {
+        return 1;
+      }
+    };
+    function stringToArray(string) {
+      return string.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]|[^\uD800-\uDFFF]/g) || [];
     }
-
-    export type Condition = keyof Conditions
-
-    export type Conditional<V> =
-      | V
-      | Array<V | null>
-      | {
-          [K in keyof Conditions]?: Conditional<V>
+    eaw.length = function(string) {
+      var characters = stringToArray(string);
+      var len = 0;
+      for (var i = 0; i < characters.length; i++) {
+        len = len + this.characterLength(characters[i]);
+      }
+      return len;
+    };
+    eaw.slice = function(text, start, end) {
+      textLen = eaw.length(text);
+      start = start ? start : 0;
+      end = end ? end : 1;
+      if (start < 0) {
+        start = textLen + start;
+      }
+      if (end < 0) {
+        end = textLen + end;
+      }
+      var result = "";
+      var eawLen = 0;
+      var chars = stringToArray(text);
+      for (var i = 0; i < chars.length; i++) {
+        var char = chars[i];
+        var charLen = eaw.length(char);
+        if (eawLen >= start - (charLen == 2 ? 1 : 0)) {
+          if (eawLen + charLen <= end) {
+            result += char;
+          } else {
+            break;
+          }
         }
-    
-    export type ConditionalValue<T> = Conditional<T>
-
-    export type Nested<P> = P & {
-      [K in Selectors]?: Nested<P>
-    } & {
-      [K in AnySelector]?: Nested<P>
-    } & {
-      [K in keyof Conditions]?: Nested<P>
-    }
-    
-  `
-  };
-}
-
-// src/generators/css-fn.ts
-import { outdent as outdent2 } from "outdent";
-var stringify = (v) => JSON.stringify(Object.fromEntries(v), null, 2);
-function generateCssFn(ctx) {
-  const { utility, hash, conditions } = ctx;
-  const { separator } = utility;
-  return {
-    dts: outdent2`
-    import type { SystemStyleObject } from '../types'
-    export declare function css(styles: SystemStyleObject): string
-    `,
-    js: outdent2`
-    ${ctx.getImport("createCss, createMergeCss, hypenateProperty, withoutSpace", "../helpers")}
-    ${ctx.getImport("sortConditions, finalizeConditions", "./conditions")}
-
-    const classNameMap = ${stringify(utility.entries())}
-    
-    const shorthands = ${stringify(utility.shorthands)}
-    
-    const breakpointKeys = ${JSON.stringify(conditions.breakpoints.keys)}
-
-    const hasShorthand = ${utility.hasShorthand ? "true" : "false"}
-
-    const resolveShorthand = (prop) => shorthands[prop] || prop
+        eawLen += charLen;
+      }
+      return result;
+    };
+  }
+});
 
-    function transform(prop, value) {
-      const key = resolveShorthand(prop)
-      const propKey = classNameMap[key] || hypenateProperty(key)
-      const className = \`$\{propKey}${separator}$\{withoutSpace(value)}\`
-      return { className }
-    }
+// ../../node_modules/.pnpm/emoji-regex@9.2.2/node_modules/emoji-regex/index.js
+var require_emoji_regex = __commonJS({
+  "../../node_modules/.pnpm/emoji-regex@9.2.2/node_modules/emoji-regex/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    module.exports = function() {
+      return /\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67)\uDB40\uDC7F|(?:\uD83E\uDDD1\uD83C\uDFFF\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFE])|(?:\uD83E\uDDD1\uD83C\uDFFE\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFD\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFC\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFB\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFB\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFC-\uDFFF])|\uD83D\uDC68(?:\uD83C\uDFFB(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF]))|\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFC-\uDFFF])|[\u2695\u2696\u2708]\uFE0F|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))?|(?:\uD83C[\uDFFC-\uDFFF])\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF]))|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFE])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])\uFE0F|\u200D(?:(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D[\uDC66\uDC67])|\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC)?|(?:\uD83D\uDC69(?:\uD83C\uDFFB\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|(?:\uD83C[\uDFFC-\uDFFF])\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69]))|\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1)(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC69(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83E\uDDD1(?:\u200D(?:\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83E\uDDD1(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83D\uDC69(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83D\uDE36\u200D\uD83C\uDF2B|\uD83C\uDFF3\uFE0F\u200D\u26A7|\uD83D\uDC3B\u200D\u2744|(?:(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|\uD83C\uDFF4\u200D\u2620|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])\u200D[\u2640\u2642]|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u2600-\u2604\u260E\u2611\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26B0\u26B1\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0\u26F1\u26F4\u26F7\u26F8\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u3030\u303D\u3297\u3299]|\uD83C[\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]|\uD83D[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3])\uFE0F|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83D\uDE35\u200D\uD83D\uDCAB|\uD83D\uDE2E\u200D\uD83D\uDCA8|\uD83D\uDC15\u200D\uD83E\uDDBA|\uD83E\uDDD1(?:\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC|\uD83C\uDFFB)?|\uD83D\uDC69(?:\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC|\uD83C\uDFFB)?|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83C\uDDF4\uD83C\uDDF2|\uD83D\uDC08\u200D\u2B1B|\u2764\uFE0F\u200D(?:\uD83D\uDD25|\uD83E\uDE79)|\uD83D\uDC41\uFE0F|\uD83C\uDFF3\uFE0F|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|[#\*0-9]\uFE0F\u20E3|\u2764\uFE0F|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])|\uD83C\uDFF4|(?:[\u270A\u270B]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270C\u270D]|\uD83D[\uDD74\uDD90])(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])|[\u270A\u270B]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC08\uDC15\uDC3B\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE2E\uDE35\uDE36\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5]|\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD]|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF]|[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0D\uDD0E\uDD10-\uDD17\uDD1D\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78\uDD7A-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCB\uDDD0\uDDE0-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6]|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5-\uDED7\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDED7\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])\uFE0F|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDC8F\uDC91\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1F\uDD26\uDD30-\uDD39\uDD3C-\uDD3E\uDD77\uDDB5\uDDB6\uDDB8\uDDB9\uDDBB\uDDCD-\uDDCF\uDDD1-\uDDDD])/g;
+    };
+  }
+});
 
-    const context = {
-      hash: ${hash ? "true" : "false"},
-      conditions: {
-        shift: sortConditions,
-        finalize: finalizeConditions,
-        breakpoints: { keys: breakpointKeys }
+// ../../node_modules/.pnpm/cli-boxes@3.0.0/node_modules/cli-boxes/boxes.json
+var require_boxes = __commonJS({
+  "../../node_modules/.pnpm/cli-boxes@3.0.0/node_modules/cli-boxes/boxes.json"(exports, module) {
+    module.exports = {
+      single: {
+        topLeft: "\u250C",
+        top: "\u2500",
+        topRight: "\u2510",
+        right: "\u2502",
+        bottomRight: "\u2518",
+        bottom: "\u2500",
+        bottomLeft: "\u2514",
+        left: "\u2502"
+      },
+      double: {
+        topLeft: "\u2554",
+        top: "\u2550",
+        topRight: "\u2557",
+        right: "\u2551",
+        bottomRight: "\u255D",
+        bottom: "\u2550",
+        bottomLeft: "\u255A",
+        left: "\u2551"
+      },
+      round: {
+        topLeft: "\u256D",
+        top: "\u2500",
+        topRight: "\u256E",
+        right: "\u2502",
+        bottomRight: "\u256F",
+        bottom: "\u2500",
+        bottomLeft: "\u2570",
+        left: "\u2502"
+      },
+      bold: {
+        topLeft: "\u250F",
+        top: "\u2501",
+        topRight: "\u2513",
+        right: "\u2503",
+        bottomRight: "\u251B",
+        bottom: "\u2501",
+        bottomLeft: "\u2517",
+        left: "\u2503"
       },
-      utility: {
-        prefix: ${ctx.prefix ? JSON.stringify(ctx.prefix) : void 0},
-        transform,
-        hasShorthand,
-        resolveShorthand,
+      singleDouble: {
+        topLeft: "\u2553",
+        top: "\u2500",
+        topRight: "\u2556",
+        right: "\u2551",
+        bottomRight: "\u255C",
+        bottom: "\u2500",
+        bottomLeft: "\u2559",
+        left: "\u2551"
+      },
+      doubleSingle: {
+        topLeft: "\u2552",
+        top: "\u2550",
+        topRight: "\u2555",
+        right: "\u2502",
+        bottomRight: "\u255B",
+        bottom: "\u2550",
+        bottomLeft: "\u2558",
+        left: "\u2502"
+      },
+      classic: {
+        topLeft: "+",
+        top: "-",
+        topRight: "+",
+        right: "|",
+        bottomRight: "+",
+        bottom: "-",
+        bottomLeft: "+",
+        left: "|"
+      },
+      arrow: {
+        topLeft: "\u2198",
+        top: "\u2193",
+        topRight: "\u2199",
+        right: "\u2190",
+        bottomRight: "\u2196",
+        bottom: "\u2191",
+        bottomLeft: "\u2197",
+        left: "\u2192"
       }
-    }
+    };
+  }
+});
 
-    export const css = createCss(context)
+// ../../node_modules/.pnpm/cli-boxes@3.0.0/node_modules/cli-boxes/index.js
+var require_cli_boxes = __commonJS({
+  "../../node_modules/.pnpm/cli-boxes@3.0.0/node_modules/cli-boxes/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var cliBoxes2 = require_boxes();
+    module.exports = cliBoxes2;
+    module.exports.default = cliBoxes2;
+  }
+});
 
-    export const { mergeCss, assignCss } = createMergeCss(context)
-    `
-  };
-}
+// ../../node_modules/.pnpm/ansi-regex@5.0.1/node_modules/ansi-regex/index.js
+var require_ansi_regex = __commonJS({
+  "../../node_modules/.pnpm/ansi-regex@5.0.1/node_modules/ansi-regex/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    module.exports = ({ onlyFirst = false } = {}) => {
+      const pattern = [
+        "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+        "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
+      ].join("|");
+      return new RegExp(pattern, onlyFirst ? void 0 : "g");
+    };
+  }
+});
 
-// src/generators/cva.ts
-import { outdent as outdent3 } from "outdent";
-function generateCvaFn(ctx) {
-  return {
-    js: outdent3`
-    ${ctx.getImport("compact", "../helpers")}
-    ${ctx.getImport("css, mergeCss", "./css")}
-    
-    export function cva(config) {
-      const { base = {}, variants = {}, defaultVariants = {} } = config
-      
-      function resolve(props) {
-        const computedVariants = { ...defaultVariants, ...compact(props) }
-        let result = { ...base }
-        for (const [key, value] of Object.entries(computedVariants)) {
-          if (variants[key]?.[value]) {
-            result = mergeCss(result, variants[key][value])
-          }
-        }
-        return result
-      }
+// ../../node_modules/.pnpm/strip-ansi@6.0.1/node_modules/strip-ansi/index.js
+var require_strip_ansi = __commonJS({
+  "../../node_modules/.pnpm/strip-ansi@6.0.1/node_modules/strip-ansi/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var ansiRegex2 = require_ansi_regex();
+    module.exports = (string) => typeof string === "string" ? string.replace(ansiRegex2(), "") : string;
+  }
+});
 
-      function cvaFn(props) {
-        return css(resolve(props))
+// ../../node_modules/.pnpm/is-fullwidth-code-point@3.0.0/node_modules/is-fullwidth-code-point/index.js
+var require_is_fullwidth_code_point = __commonJS({
+  "../../node_modules/.pnpm/is-fullwidth-code-point@3.0.0/node_modules/is-fullwidth-code-point/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var isFullwidthCodePoint = (codePoint) => {
+      if (Number.isNaN(codePoint)) {
+        return false;
       }
+      if (codePoint >= 4352 && (codePoint <= 4447 || codePoint === 9001 || codePoint === 9002 || 11904 <= codePoint && codePoint <= 12871 && codePoint !== 12351 || 12880 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65131 || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 262141)) {
+        return true;
+      }
+      return false;
+    };
+    module.exports = isFullwidthCodePoint;
+    module.exports.default = isFullwidthCodePoint;
+  }
+});
 
-      return Object.assign(cvaFn, {
-        __cva__: true,
-        variants: Object.keys(variants),
-        resolve,
-        config,
-      })
-    }
-    `,
-    dts: outdent3`
-    import type { RecipeCreatorFn } from '../types/recipe'
-
-    export declare const cva: RecipeCreatorFn
-
-    `
-  };
-}
+// ../../node_modules/.pnpm/emoji-regex@8.0.0/node_modules/emoji-regex/index.js
+var require_emoji_regex2 = __commonJS({
+  "../../node_modules/.pnpm/emoji-regex@8.0.0/node_modules/emoji-regex/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    module.exports = function() {
+      return /\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F|\uD83D\uDC68(?:\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68\uD83C\uDFFB|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFE])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|[\u2695\u2696\u2708]\uFE0F|\uD83D[\uDC66\uDC67]|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|(?:\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708])\uFE0F|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C[\uDFFB-\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFB\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)\uD83C\uDFFB|\uD83E\uDDD1(?:\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1)|(?:\uD83E\uDDD1\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFE])|(?:\uD83E\uDDD1\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)(?:\uD83C[\uDFFB\uDFFC])|\uD83D\uDC69(?:\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFC-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|(?:\uD83E\uDDD1\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)(?:\uD83C[\uDFFB-\uDFFD])|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|(?:(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)\uFE0F|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|\u200D[\u2640\u2642])|\uD83C\uDFF4\u200D\u2620)\uFE0F|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC15\u200D\uD83E\uDDBA|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF4\uD83C\uDDF2|\uD83C\uDDF6\uD83C\uDDE6|[#\*0-9]\uFE0F\u20E3|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC70\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD36\uDDB5\uDDB6\uDDBB\uDDD2-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5\uDEEB\uDEEC\uDEF4-\uDEFA\uDFE0-\uDFEB]|\uD83E[\uDD0D-\uDD3A\uDD3C-\uDD45\uDD47-\uDD71\uDD73-\uDD76\uDD7A-\uDDA2\uDDA5-\uDDAA\uDDAE-\uDDCA\uDDCD-\uDDFF\uDE70-\uDE73\uDE78-\uDE7A\uDE80-\uDE82\uDE90-\uDE95])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFA\uDFE0-\uDFEB]|\uD83E[\uDD0D-\uDD3A\uDD3C-\uDD45\uDD47-\uDD71\uDD73-\uDD76\uDD7A-\uDDA2\uDDA5-\uDDAA\uDDAE-\uDDCA\uDDCD-\uDDFF\uDE70-\uDE73\uDE78-\uDE7A\uDE80-\uDE82\uDE90-\uDE95])\uFE0F|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDC8F\uDC91\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD0F\uDD18-\uDD1F\uDD26\uDD30-\uDD39\uDD3C-\uDD3E\uDDB5\uDDB6\uDDB8\uDDB9\uDDBB\uDDCD-\uDDCF\uDDD1-\uDDDD])/g;
+    };
+  }
+});
 
-// src/generators/cx.ts
-import outdent4 from "outdent";
-function generateCx() {
-  return {
-    js: outdent4`
-    function cx() {
-      let str = '',
-        i = 0,
-        arg
-    
-      for (; i < arguments.length; ) {
-        if ((arg = arguments[i++]) && typeof arg === 'string') {
-          str && (str += ' ')
-          str += arg
+// ../../node_modules/.pnpm/string-width@4.2.3/node_modules/string-width/index.js
+var require_string_width = __commonJS({
+  "../../node_modules/.pnpm/string-width@4.2.3/node_modules/string-width/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var stripAnsi2 = require_strip_ansi();
+    var isFullwidthCodePoint = require_is_fullwidth_code_point();
+    var emojiRegex2 = require_emoji_regex2();
+    var stringWidth2 = (string) => {
+      if (typeof string !== "string" || string.length === 0) {
+        return 0;
+      }
+      string = stripAnsi2(string);
+      if (string.length === 0) {
+        return 0;
+      }
+      string = string.replace(emojiRegex2(), "  ");
+      let width = 0;
+      for (let i = 0; i < string.length; i++) {
+        const code = string.codePointAt(i);
+        if (code <= 31 || code >= 127 && code <= 159) {
+          continue;
         }
+        if (code >= 768 && code <= 879) {
+          continue;
+        }
+        if (code > 65535) {
+          i++;
+        }
+        width += isFullwidthCodePoint(code) ? 2 : 1;
       }
-      return str
-    }
-   
-    export { cx }
-  `,
-    dts: outdent4`
-       type Argument = string | boolean | null | undefined
-
-       /** Conditionally join classNames into a single string */
-       export declare function cx(...args: Argument[]): string
-      `
-  };
-}
-
-// src/generators/get-entrypoint.ts
-import { createRequire } from "module";
-import { dirname, join } from "path";
-var req = typeof globalThis.require === "function" ? globalThis.require : createRequire(import.meta.url);
-function getEntrypoint(pkg, file) {
-  const { dev, prod = dev } = file;
-  const entry = req.resolve(pkg);
-  const isDist = entry.includes("dist");
-  const isType = pkg.includes("/types");
-  if (isType) {
-    return join(dirname(entry), dev);
-  }
-  if (!isDist) {
-    return join(dirname(entry), "src", dev);
-  }
-  return join(dirname(entry), prod);
-}
-
-// src/generators/is-valid-prop.ts
-import { readFileSync } from "fs";
-function generateisValidProp(ctx) {
-  const filePath = getEntrypoint("@pandacss/is-valid-prop", { dev: "index.ts", prod: "index.mjs" });
-  let content = readFileSync(filePath, "utf8");
-  content = content.replace(
-    "var userGenerated = []",
-    `var userGenerated = [${ctx.properties.map((key) => JSON.stringify(key)).join(",")}]`
-  );
-  return {
-    js: content
-  };
-}
-
-// src/generators/jsx/preact-jsx.ts
-import { outdent as outdent5 } from "outdent";
-function generatePreactJsxFactory(ctx) {
-  const { name, componentName } = ctx.jsxFactoryDetails;
-  return {
-    js: outdent5`
-    import { h } from 'preact'
-    import { forwardRef } from 'preact/compat'
-    import { useMemo } from 'preact/hooks'
-    ${ctx.getImport("css, cx, assignCss", "../css/index")}
-    ${ctx.getImport("splitProps, normalizeHTMLProps", "../helpers")}
-    ${ctx.getImport("isCssProperty", "./is-valid-prop")}
-    
-    function styled(Dynamic, configOrCva = {}) {
-      const cvaFn = configOrCva.__cva__ ? configOrCva : cva(configOrCva)
-      
-      const ${componentName} = forwardRef(function ${componentName}(props, ref) {
-        const { as: Element = Dynamic, ...restProps } = props
+      return width;
+    };
+    module.exports = stringWidth2;
+    module.exports.default = stringWidth2;
+  }
+});
 
-        const [styleProps, variantProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(restProps, isCssProperty, cvaFn.variants, normalizeHTMLProps.keys)
-        }, [restProps])
-    
-        function classes() {
-          const { css: cssStyles, ...propStyles } = styleProps
-          const cvaStyles = cvaFn.resolve(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.className)
-        }
-    
-        return h(Element, {
-          ...elementProps,
-          ...normalizeHTMLProps(htmlProps),
-          ref,
-          className: classes()
-        })
-      })
-      
-      ${componentName}.displayName = \`${name}.\${Dynamic}\`
-      return ${componentName}
+// ../../node_modules/.pnpm/ansi-align@3.0.1/node_modules/ansi-align/index.js
+var require_ansi_align = __commonJS({
+  "../../node_modules/.pnpm/ansi-align@3.0.1/node_modules/ansi-align/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var stringWidth2 = require_string_width();
+    function ansiAlign2(text, opts) {
+      if (!text)
+        return text;
+      opts = opts || {};
+      const align = opts.align || "center";
+      if (align === "left")
+        return text;
+      const split = opts.split || "\n";
+      const pad = opts.pad || " ";
+      const widthDiffFn = align !== "right" ? halfDiff : fullDiff;
+      let returnString = false;
+      if (!Array.isArray(text)) {
+        returnString = true;
+        text = String(text).split(split);
+      }
+      let width;
+      let maxWidth = 0;
+      text = text.map(function(str) {
+        str = String(str);
+        width = stringWidth2(str);
+        maxWidth = Math.max(width, maxWidth);
+        return {
+          str,
+          width
+        };
+      }).map(function(obj) {
+        return new Array(widthDiffFn(maxWidth, obj.width) + 1).join(pad) + obj.str;
+      });
+      return returnString ? text.join(split) : text;
     }
-    
-    function createJsxFactory() {
-      const cache = new Map()
-    
-      return new Proxy(styled, {
-        apply(_, __, args) {
-          return styled(...args)
-        },
-        get(_, el) {
-          if (!cache.has(el)) {
-            cache.set(el, styled(el))
-          }
-          return cache.get(el)
-        },
-      })
+    ansiAlign2.left = function left(text) {
+      return ansiAlign2(text, { align: "left" });
+    };
+    ansiAlign2.center = function center(text) {
+      return ansiAlign2(text, { align: "center" });
+    };
+    ansiAlign2.right = function right(text) {
+      return ansiAlign2(text, { align: "right" });
+    };
+    module.exports = ansiAlign2;
+    function halfDiff(maxWidth, curWidth) {
+      return Math.floor((maxWidth - curWidth) / 2);
+    }
+    function fullDiff(maxWidth, curWidth) {
+      return maxWidth - curWidth;
     }
+  }
+});
 
-    export const ${name} = createJsxFactory()
-    `
-  };
-}
+// src/index.ts
+init_esm_shims();
+import { discardDuplicate as discardDuplicate2 } from "@pandacss/core";
 
-// src/generators/jsx/preact-layout-grid.ts
-import { outdent as outdent6 } from "outdent";
-function generatePreactLayoutGrid() {
-  return {
-    dts: outdent6`
-    import { FunctionComponent } from 'preact'
+// src/builder.ts
+init_esm_shims();
+import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
+import { ConfigNotFoundError } from "@pandacss/error";
+import { logger as logger3 } from "@pandacss/logger";
+import { toHash } from "@pandacss/shared";
+import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
+import { statSync } from "fs-extra";
+import { resolve as resolve2 } from "path";
 
-    export type LayoutGridProps = {
-      count?: number
-      gutter?: string
-      maxWidth?: string
-      margin?: string
-      outline?: boolean
-    }
+// src/config.ts
+init_esm_shims();
+import { loadConfigFile } from "@pandacss/config";
+import { lookItUpSync } from "look-it-up";
 
-    export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
-    `,
-    js: outdent6`
-    import { h } from 'preact'
+// src/create-context.ts
+init_esm_shims();
+import { createGenerator } from "@pandacss/generator";
+import { createProject } from "@pandacss/parser";
+import { Obj, pipe, tap } from "lil-fp";
+
+// src/chunk-engine.ts
+init_esm_shims();
+import { mergeCss } from "@pandacss/core";
+var getChunkEngine = ({ paths, config, runtime: { path, fs } }) => ({
+  dir: path.join(...paths.chunk),
+  readFile(file) {
+    const fileName = path.join(...paths.chunk, this.format(file));
+    return fs.existsSync(fileName) ? fs.readFileSync(fileName) : "";
+  },
+  getFiles() {
+    const files = fs.existsSync(this.dir) ? fs.readDirSync(this.dir) : [];
+    return files.map((file) => fs.readFileSync(path.join(this.dir, file)));
+  },
+  format(file) {
+    return path.relative(config.cwd, file).replaceAll(path.sep, "__").replace(path.extname(file), ".css");
+  },
+  getArtifact(file, css) {
+    const fileName = this.format(file);
+    const newCss = mergeCss(this.readFile(file), css);
+    return {
+      dir: paths.chunk,
+      files: [{ file: fileName, code: newCss }]
+    };
+  },
+  rm(file) {
+    return fs.rmFileSync(path.join(...paths.chunk, this.format(file)));
+  },
+  empty() {
+    return fs.rmDirSync(this.dir);
+  },
+  get glob() {
+    return [`${this.dir}/**/*.css`];
+  }
+});
 
-    export function LayoutGrid(props) {
-      const { count = 12, margin, gutter = '24px', maxWidth, outline } = props
-      const hasMaxWidth = maxWidth != null
-      return h('div', {
-        className: 'panda-layout-grid',
-        style: {
-          '--gutter': gutter,
-          '--count': count,
-          '--max-width': hasMaxWidth ? maxWidth : 'initial',
-          '--margin-x': hasMaxWidth ? 'auto' : undefined,
-          '--padding-x': !hasMaxWidth ? margin : undefined,
-        },
-        children: Array.from({ length: count }).map((_, i) =>
-        h('span', {
-            'data-variant': outline ? 'outline' : 'bg',
-            key: i,
-            className: 'panda-layout-grid__item',
-          }),
-        ),
+// src/node-runtime.ts
+init_esm_shims();
+import { logger } from "@pandacss/logger";
+import chokidar from "chokidar";
+import glob from "fast-glob";
+import {
+  emptyDirSync,
+  ensureDirSync,
+  existsSync,
+  readdirSync,
+  readFileSync,
+  removeSync,
+  writeFile,
+  writeFileSync
+} from "fs-extra";
+import { dirname, extname, isAbsolute, join, relative, sep } from "path";
+var nodeRuntime = {
+  cwd() {
+    return process.cwd();
+  },
+  env(name) {
+    return process.env[name];
+  },
+  path: {
+    join,
+    relative,
+    dirname,
+    extname,
+    isAbsolute,
+    sep,
+    abs(cwd, str) {
+      return isAbsolute(str) ? str : join(cwd, str);
+    }
+  },
+  fs: {
+    existsSync,
+    readFileSync(filePath) {
+      return readFileSync(filePath, "utf8");
+    },
+    glob(opts) {
+      if (!opts.include)
+        return [];
+      return glob.sync(opts.include, { cwd: opts.cwd, ignore: opts.exclude, absolute: true });
+    },
+    writeFile,
+    writeFileSync,
+    readDirSync: readdirSync,
+    rmDirSync: emptyDirSync,
+    rmFileSync: removeSync,
+    ensureDirSync(path) {
+      return ensureDirSync(path);
+    },
+    watch(options) {
+      const { include, exclude, cwd, poll } = options;
+      const coalesce = poll || process.platform === "win32";
+      const watcher = chokidar.watch(include, {
+        usePolling: poll,
+        cwd,
+        ignoreInitial: true,
+        ignorePermissionErrors: true,
+        ignored: exclude,
+        awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
       });
+      logger.debug("watch:file", `watching [${include}]`);
+      process.once("SIGINT", async () => {
+        await watcher.close();
+      });
+      return watcher;
     }
-    `
-  };
-}
-
-// src/generators/jsx/preact-pattern.ts
-import { outdent as outdent7 } from "outdent";
-import { match } from "ts-pattern";
-function generate(ctx, name, pattern) {
-  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
-  const { typeName } = ctx.jsxFactoryDetails;
-  return {
-    name: dashName,
-    js: outdent7`
-    import { h } from 'preact'
-    import { forwardRef } from 'preact/compat'
-    ${ctx.getImport(ctx.jsxFactory, "./factory")}
-    ${ctx.getImport(styleFn, `../patterns/${dashName}`)}
+  }
+};
+process.setMaxListeners(Infinity);
+process.on("unhandledRejection", (reason) => {
+  logger.error("unhandled-rejection", reason);
+});
+process.on("uncaughtException", (reason) => {
+  logger.error("uncaught-exception", reason);
+});
 
-    export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
-      ${match(props.length).with(
-      0,
-      () => outdent7`
-          return h(${ctx.jsxFactory}.div, { ref, ...props })
-        `
-    ).otherwise(
-      () => outdent7`
-        const { ${props.join(", ")}, ...restProps } = props
-        const styleProps = ${styleFn}({${props.join(", ")}})
-        return h(${ctx.jsxFactory}.div, { ref, ...styleProps, ...restProps })
-        `
-    )}
-    })    
-    `,
-    dts: outdent7`
-    import type { FunctionComponent } from 'preact'
-    import type { ${upperName}Properties } from '../patterns/${dashName}'
-    import type { ${typeName} } from '../types/jsx'
+// src/output-engine.ts
+init_esm_shims();
+var getOutputEngine = ({ paths, runtime: { path, fs } }) => ({
+  empty() {
+    fs.rmDirSync(path.join(...paths.root));
+  },
+  async write(output) {
+    if (!output)
+      return;
+    const { dir = paths.root, files } = output;
+    fs.ensureDirSync(path.join(...dir));
+    return Promise.all(
+      files.map(async ({ file, code }) => {
+        const absPath = path.join(...dir, file);
+        if (code) {
+          return fs.writeFile(absPath, code);
+        }
+      })
+    );
+  }
+});
 
-    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
+// src/create-context.ts
+var createContext = (conf) => pipe(
+  conf,
+  createGenerator,
+  Obj.assign({ runtime: nodeRuntime }),
+  tap(({ config, runtime }) => {
+    config.cwd ||= runtime.cwd();
+  }),
+  Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
+    const { include, exclude, cwd } = config;
+    return fs.glob({ include, exclude, cwd });
+  }),
+  Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
+    return createProject({
+      getFiles,
+      readFile: fs.readFileSync,
+      parserOptions
+    });
+  }),
+  Obj.bind("chunks", getChunkEngine),
+  Obj.bind("output", getOutputEngine)
+);
 
-    ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: FunctionComponent<${upperName}Props>
-    `
-  };
+// src/config.ts
+var configs = [".ts", ".js", ".mjs", ".cjs"];
+function findConfig() {
+  for (const config of configs) {
+    const result = lookItUpSync(`panda.config${config}`);
+    if (result) {
+      return result;
+    }
+  }
 }
-function generatePreactJsxPattern(ctx) {
-  return Object.entries(ctx.patterns).map(([name, pattern]) => generate(ctx, name, pattern));
+async function loadConfigAndCreateContext(options = {}) {
+  const { cwd = process.cwd(), config, configPath } = options;
+  const conf = await loadConfigFile({ cwd, file: configPath });
+  if (config) {
+    Object.assign(conf.config, config);
+  }
+  return createContext(conf);
 }
 
-// src/generators/jsx/preact-types.ts
-import { outdent as outdent8 } from "outdent";
-function generatePreactJsxTypes(ctx) {
-  const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
-  return {
-    jsxFactory: outdent8`
-import type { ${upperName} } from '../types/jsx'
-export declare const ${name}: ${upperName}
-    `,
-    jsxType: outdent8`
-import type { JSX, ComponentProps } from 'preact'
-import type { JsxStyleProps, Assign } from '.'
-import type { RecipeDefinition, RecipeRuntimeFn, RecipeSelection, RecipeVariantRecord } from './recipe'
+// src/extract.ts
+init_esm_shims();
+import { logger as logger2 } from "@pandacss/logger";
+import { Obj as Obj2, pipe as pipe2, tap as tap2 } from "lil-fp";
 
-type Dict = Record<string, unknown>
-type ElementType = keyof JSX.IntrinsicElements
+// src/cli-box.ts
+init_esm_shims();
 
-type HTMLProps = {
-  htmlSize?: string | number
-  htmlWidth?: string | number
-  htmlHeight?: string | number
-  htmlTranslate?: 'yes' | 'no' | undefined
-}
+// ../../node_modules/.pnpm/boxen@7.0.1/node_modules/boxen/index.js
+init_esm_shims();
+import process3 from "node:process";
 
-type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & HTMLProps
+// ../../node_modules/.pnpm/string-width@5.1.2/node_modules/string-width/index.js
+init_esm_shims();
 
-type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
+// ../../node_modules/.pnpm/strip-ansi@7.0.1/node_modules/strip-ansi/index.js
+init_esm_shims();
 
-export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
-  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
-  displayName?: string
+// ../../node_modules/.pnpm/ansi-regex@6.0.1/node_modules/ansi-regex/index.js
+init_esm_shims();
+function ansiRegex({ onlyFirst = false } = {}) {
+  const pattern = [
+    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
+  ].join("|");
+  return new RegExp(pattern, onlyFirst ? void 0 : "g");
 }
 
-export type ${upperName} = {
-  <T extends ElementType, P extends RecipeVariantRecord = {}>(component: T, recipe?: RecipeDefinition<P> | RecipeRuntimeFn<P>): ${componentName}<T, RecipeSelection<P>>
-} & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
-
-export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
-  `
-  };
+// ../../node_modules/.pnpm/strip-ansi@7.0.1/node_modules/strip-ansi/index.js
+function stripAnsi(string) {
+  if (typeof string !== "string") {
+    throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
+  }
+  return string.replace(ansiRegex(), "");
 }
 
-// src/generators/jsx/react-jsx.ts
-import { outdent as outdent9 } from "outdent";
-function generateReactJsxFactory(ctx) {
-  const { name, componentName } = ctx.jsxFactoryDetails;
-  return {
-    js: outdent9`
-    import { createElement, forwardRef, useMemo } from 'react'
-    ${ctx.getImport("css, cx, cva, assignCss", "../css/index")}
-    ${ctx.getImport("splitProps, normalizeHTMLProps", "../helpers")}
-    ${ctx.getImport("isCssProperty", "./is-valid-prop")}
-    
-    function styled(Dynamic, configOrCva = {}) {
-      const cvaFn = configOrCva.__cva__ ? configOrCva : cva(configOrCva)
-      
-      const ${componentName} = forwardRef(function ${componentName}(props, ref) {
-        const { as: Element = Dynamic, ...restProps } = props
-    
-        const [styleProps, variantProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(restProps, isCssProperty, cvaFn.variants, normalizeHTMLProps.keys)
-        }, [restProps])
-    
-        function classes() {
-          const { css: cssStyles, ...propStyles } = styleProps
-          const cvaStyles = cvaFn.resolve(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.className)
-        }
-    
-        return createElement(Element, {
-          ref,
-          ...elementProps,
-          ...normalizeHTMLProps(htmlProps),
-          className: classes(),
-        })
-      })
-      
-      ${componentName}.displayName = \`${name}.\${Dynamic}\`
-      return ${componentName}
+// ../../node_modules/.pnpm/string-width@5.1.2/node_modules/string-width/index.js
+var import_eastasianwidth = __toESM(require_eastasianwidth(), 1);
+var import_emoji_regex = __toESM(require_emoji_regex(), 1);
+function stringWidth(string, options = {}) {
+  if (typeof string !== "string" || string.length === 0) {
+    return 0;
+  }
+  options = {
+    ambiguousIsNarrow: true,
+    ...options
+  };
+  string = stripAnsi(string);
+  if (string.length === 0) {
+    return 0;
+  }
+  string = string.replace((0, import_emoji_regex.default)(), "  ");
+  const ambiguousCharacterWidth = options.ambiguousIsNarrow ? 1 : 2;
+  let width = 0;
+  for (const character of string) {
+    const codePoint = character.codePointAt(0);
+    if (codePoint <= 31 || codePoint >= 127 && codePoint <= 159) {
+      continue;
     }
-    
-    function createJsxFactory() {
-      const cache = new Map()
-    
-      return new Proxy(styled, {
-        apply(_, __, args) {
-          return styled(...args)
-        },
-        get(_, el) {
-          if (!cache.has(el)) {
-            cache.set(el, styled(el))
-          }
-          return cache.get(el)
-        },
-      })
+    if (codePoint >= 768 && codePoint <= 879) {
+      continue;
     }
-
-    export const ${name} = createJsxFactory()
-
-    `
-  };
-}
-
-// src/generators/jsx/react-layout-grid.ts
-import { outdent as outdent10 } from "outdent";
-function generateReactLayoutGrid() {
-  return {
-    dts: outdent10`
-    import type { FunctionComponent } from 'react'
-
-    export type LayoutGridProps = {
-      count?: number
-      gutter?: string
-      maxWidth?: string
-      margin?: string
-      outline?: boolean
+    const code = import_eastasianwidth.default.eastAsianWidth(character);
+    switch (code) {
+      case "F":
+      case "W":
+        width += 2;
+        break;
+      case "A":
+        width += ambiguousCharacterWidth;
+        break;
+      default:
+        width += 1;
     }
-
-    export declare const LayoutGrid: FunctionComponent<LayoutGridProps>
-    `,
-    js: outdent10`
-    import { createElement } from 'react'
-
-    export function LayoutGrid(props) {
-      const { count = 12, margin, gutter = '24px', maxWidth, outline } = props
-      const hasMaxWidth = maxWidth != null
-      return createElement('div', {
-        className: 'panda-layout-grid',
-        style: {
-          '--gutter': gutter,
-          '--count': count,
-          '--max-width': hasMaxWidth ? maxWidth : 'initial',
-          '--margin-x': hasMaxWidth ? 'auto' : undefined,
-          '--padding-x': !hasMaxWidth ? margin : undefined,
-        },
-        children: Array.from({ length: count }).map((_, i) =>
-          createElement('span', {
-            'data-variant': outline ? 'outline' : 'bg',
-            key: i,
-            className: 'panda-layout-grid__item',
-          }),
-        ),
-      })
+  }
+  return width;
+}
+
+// ../../node_modules/.pnpm/chalk@5.0.1/node_modules/chalk/source/index.js
+init_esm_shims();
+
+// ../../node_modules/.pnpm/chalk@5.0.1/node_modules/chalk/source/vendor/ansi-styles/index.js
+init_esm_shims();
+var ANSI_BACKGROUND_OFFSET = 10;
+var wrapAnsi16 = (offset = 0) => (code) => `\x1B[${code + offset}m`;
+var wrapAnsi256 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
+var wrapAnsi16m = (offset = 0) => (red, green, blue) => `\x1B[${38 + offset};2;${red};${green};${blue}m`;
+function assembleStyles() {
+  const codes = /* @__PURE__ */ new Map();
+  const styles2 = {
+    modifier: {
+      reset: [0, 0],
+      bold: [1, 22],
+      dim: [2, 22],
+      italic: [3, 23],
+      underline: [4, 24],
+      overline: [53, 55],
+      inverse: [7, 27],
+      hidden: [8, 28],
+      strikethrough: [9, 29]
+    },
+    color: {
+      black: [30, 39],
+      red: [31, 39],
+      green: [32, 39],
+      yellow: [33, 39],
+      blue: [34, 39],
+      magenta: [35, 39],
+      cyan: [36, 39],
+      white: [37, 39],
+      blackBright: [90, 39],
+      redBright: [91, 39],
+      greenBright: [92, 39],
+      yellowBright: [93, 39],
+      blueBright: [94, 39],
+      magentaBright: [95, 39],
+      cyanBright: [96, 39],
+      whiteBright: [97, 39]
+    },
+    bgColor: {
+      bgBlack: [40, 49],
+      bgRed: [41, 49],
+      bgGreen: [42, 49],
+      bgYellow: [43, 49],
+      bgBlue: [44, 49],
+      bgMagenta: [45, 49],
+      bgCyan: [46, 49],
+      bgWhite: [47, 49],
+      bgBlackBright: [100, 49],
+      bgRedBright: [101, 49],
+      bgGreenBright: [102, 49],
+      bgYellowBright: [103, 49],
+      bgBlueBright: [104, 49],
+      bgMagentaBright: [105, 49],
+      bgCyanBright: [106, 49],
+      bgWhiteBright: [107, 49]
     }
-    `
   };
-}
-
-// src/generators/jsx/react-pattern.ts
-import { outdent as outdent11 } from "outdent";
-import { match as match2 } from "ts-pattern";
-function generate2(ctx, name, pattern) {
-  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
-  const { typeName } = ctx.jsxFactoryDetails;
-  return {
-    name: dashName,
-    js: outdent11`
-    import { createElement, forwardRef } from 'react'
-    ${ctx.getImport(ctx.jsxFactory, "./factory")}
-    ${ctx.getImport(styleFn, `../patterns/${dashName}`)}
-
-    export const ${jsxName} = forwardRef(function ${jsxName}(props, ref) {
-      ${match2(props.length).with(
-      0,
-      () => outdent11`
-      return createElement(${ctx.jsxFactory}.div, { ref, ...props })
-        `
-    ).otherwise(
-      () => outdent11`
-      const { ${props.join(", ")}, ...restProps } = props
-      const styleProps = ${styleFn}({${props.join(", ")}})
-      return createElement(${ctx.jsxFactory}.div, { ref, ...styleProps, ...restProps })
-        `
-    )}
-    })    
-    `,
-    dts: outdent11`
-    import type { FunctionComponent } from 'react'
-    import type { ${upperName}Properties } from '../patterns/${dashName}'
-    import type { ${typeName} } from '../types/jsx'
-
-    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
-
-    ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: FunctionComponent<${upperName}Props>
-    `
-  };
-}
-function generateReactJsxPattern(ctx) {
-  return Object.entries(ctx.patterns).map(([name, pattern]) => generate2(ctx, name, pattern));
-}
-
-// src/generators/jsx/react-types.ts
-import { outdent as outdent12 } from "outdent";
-function generateReactJsxTypes(ctx) {
-  const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
-  return {
-    jsxFactory: outdent12`
-import { ${upperName} } from '../types/jsx'
-export declare const ${name}: ${upperName}
-    `,
-    jsxType: outdent12`
-import type { ElementType, ComponentProps } from 'react'
-import type { JsxStyleProps, Assign } from '.'
-import type { RecipeDefinition, RecipeRuntimeFn, RecipeSelection, RecipeVariantRecord } from './recipe'
-
-type Dict = Record<string, unknown>
-
-type HTMLProps = {
-  htmlSize?: string | number
-  htmlWidth?: string | number
-  htmlHeight?: string | number
-  htmlTranslate?: 'yes' | 'no' | undefined
-}
-
-type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & HTMLProps
-
-type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
-
-export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
-  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
-  displayName?: string
-}
-
-export type ${upperName} = {
-  <T extends ElementType, P extends RecipeVariantRecord = {}>(component: T, recipe?: RecipeDefinition<P> | RecipeRuntimeFn<P>): ${componentName}<T, RecipeSelection<P>>
-} & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
-
-export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
-  `
-  };
-}
-
-// src/generators/jsx/solid-jsx.ts
-import { outdent as outdent13 } from "outdent";
-function generateSolidJsxFactory(ctx) {
-  const { componentName, name } = ctx.jsxFactoryDetails;
-  return {
-    js: outdent13`
-    import { Dynamic } from 'solid-js/web'
-    import { mergeProps, splitProps } from 'solid-js'
-    import { createComponent } from 'solid-js/web'
-    ${ctx.getImport("css, cx, cva, assignCss", "../css/index")}
-    ${ctx.getImport("normalizeHTMLProps", "../helpers")}
-    ${ctx.getImport("allCssProperties", "./is-valid-prop")}
-    
-    function styled(element, configOrCva = {}) {
-      const cvaFn = configOrCva.__cva__ ? configOrCva : cva(configOrCva)
-      
-      return function ${componentName}(props) {
-        const mergedProps = mergeProps({ as: element }, props)
-    
-        const [localProps, styleProps, variantProps, htmlProps, elementProps] = splitProps(
-          mergedProps,
-          ['as', 'class'],
-          allCssProperties,
-          cvaFn.variants,
-          normalizeHTMLProps.keys
-        )
-    
-        const classes = () => {
-          const { css: cssStyles, ...propStyles } = styleProps
-          const cvaStyles = cvaFn.resolve(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), localProps.class)
-        }
-    
-        return createComponent(
-          Dynamic,
-          mergeProps(
-            {
-              get component() {
-                return localProps.as
-              },
-              get class() {
-                return classes()
-              }
-            },
-            elementProps,
-            normalizeHTMLProps(htmlProps)
-          )
-        )
-      }
+  styles2.color.gray = styles2.color.blackBright;
+  styles2.bgColor.bgGray = styles2.bgColor.bgBlackBright;
+  styles2.color.grey = styles2.color.blackBright;
+  styles2.bgColor.bgGrey = styles2.bgColor.bgBlackBright;
+  for (const [groupName, group] of Object.entries(styles2)) {
+    for (const [styleName, style] of Object.entries(group)) {
+      styles2[styleName] = {
+        open: `\x1B[${style[0]}m`,
+        close: `\x1B[${style[1]}m`
+      };
+      group[styleName] = styles2[styleName];
+      codes.set(style[0], style[1]);
     }
-    
-    function createJsxFactory() {
-      const cache = new Map()
-    
-      return new Proxy(styled, {
-        apply(_, __, args) {
-          return styled(...args)
-        },
-        get(_, el) {
-          if (!cache.has(el)) {
-            cache.set(el, styled(el))
+    Object.defineProperty(styles2, groupName, {
+      value: group,
+      enumerable: false
+    });
+  }
+  Object.defineProperty(styles2, "codes", {
+    value: codes,
+    enumerable: false
+  });
+  styles2.color.close = "\x1B[39m";
+  styles2.bgColor.close = "\x1B[49m";
+  styles2.color.ansi = wrapAnsi16();
+  styles2.color.ansi256 = wrapAnsi256();
+  styles2.color.ansi16m = wrapAnsi16m();
+  styles2.bgColor.ansi = wrapAnsi16(ANSI_BACKGROUND_OFFSET);
+  styles2.bgColor.ansi256 = wrapAnsi256(ANSI_BACKGROUND_OFFSET);
+  styles2.bgColor.ansi16m = wrapAnsi16m(ANSI_BACKGROUND_OFFSET);
+  Object.defineProperties(styles2, {
+    rgbToAnsi256: {
+      value: (red, green, blue) => {
+        if (red === green && green === blue) {
+          if (red < 8) {
+            return 16;
           }
-          return cache.get(el)
-        },
-      })
-    }
-      
-    export const ${name} = createJsxFactory()
-    `
-  };
-}
-
-// src/generators/jsx/solid-layout-grid.ts
-import { outdent as outdent14 } from "outdent";
-function generateSolidLayoutGrid() {
-  return {
-    dts: outdent14`
-    import type { ParentProps } from 'solid-js'
-    
-    export type LayoutGridProps = {
-      count?: number
-      gutter?: string
-      maxWidth?: string
-      margin?: string
-      outline?: boolean
-    }
-
-    export declare const LayoutGrid: ParentProps<LayoutGridProps>
-    `,
-    js: outdent14`
-    import { createComponent, For } from 'solid-js/web'
-
-    export function LayoutGrid(props) {
-      const { count = 12, margin, gutter = '24px', maxWidth, outline } = props
-      const hasMaxWidth = maxWidth != null
-      return createComponent('div', {
-        className: 'panda-layout-grid',
-        style: {
-          '--gutter': gutter,
-          '--count': count,
-          '--max-width': hasMaxWidth ? maxWidth : 'initial',
-          '--margin-x': hasMaxWidth ? 'auto' : undefined,
-          '--padding-x': !hasMaxWidth ? margin : undefined,
-        },
-        get children() {
-          return createComponent(For, {
-            get each() {
-              return Array.from({ length: count })
-            },
-            children: () =>
-              createComponent('span', {
-                'data-variant': outline ? 'outline' : 'bg',
-                className: 'panda-layout-grid__item',
-              }),
-          })
-        },
-      })
-    }
-    
-    `
-  };
-}
-
-// src/generators/jsx/solid-pattern.ts
-import { outdent as outdent15 } from "outdent";
-import { match as match3 } from "ts-pattern";
-function generate3(ctx, name, pattern) {
-  const { upperName, styleFn, dashName, jsxName, props, blocklistType } = ctx.getPatternDetails(name, pattern);
-  const { typeName } = ctx.jsxFactoryDetails;
-  return {
-    name: dashName,
-    js: outdent15`
-    import { splitProps, mergeProps } from 'solid-js'
-    import { createComponent } from 'solid-js/web'
-    ${ctx.getImport(ctx.jsxFactory, "./factory")}
-    ${ctx.getImport(styleFn, `../patterns/${dashName}`)}
-
-    export function ${jsxName}(props) {
-      ${match3(props.length).with(
-      0,
-      () => outdent15`
-          return createComponent(${ctx.jsxFactory}.div, props)
-        `
-    ).otherwise(
-      () => outdent15`
-          const [patternProps, restProps] = splitProps(props, [${props.map((v) => JSON.stringify(v)).join(", ")}]);
-          const styleProps = ${styleFn}(patternProps)
-          return createComponent(${ctx.jsxFactory}.div, mergeProps(styleProps, restProps))
-        `
-    )}
-    }
-    `,
-    dts: outdent15`
-    import { Component } from 'solid-js'
-    import { ${upperName}Properties } from '../patterns/${dashName}'
-    import { ${typeName} } from '../types/jsx'
-
-    export type ${upperName}Props = ${upperName}Properties & Omit<${typeName}<'div'>, keyof ${upperName}Properties ${blocklistType}>
-
-    ${pattern.description ? `/** ${pattern.description} */` : ""}
-    export declare const ${jsxName}: Component<${upperName}Props>
-    `
-  };
-}
-function generateSolidJsxPattern(ctx) {
-  return Object.entries(ctx.patterns).map(([name, pattern]) => generate3(ctx, name, pattern));
-}
-
-// src/generators/jsx/solid-types.ts
-import { outdent as outdent16 } from "outdent";
-function generateSolidJsxTypes(ctx) {
-  const { name, componentName, upperName, typeName } = ctx.jsxFactoryDetails;
-  return {
-    jsxFactory: outdent16`
-import type { ${upperName} } from '../types/jsx'
-export declare const ${name}: ${upperName}
-    `,
-    jsxType: outdent16`
-import type { JSX, ComponentProps, Component } from 'solid-js'
-import type { JsxStyleProps, Assign } from '.'
-import type { RecipeDefinition, RecipeRuntimeFn, RecipeSelection, RecipeVariantRecord } from './recipe'
-
-type Dict = Record<string, unknown>
-
-type ElementType<P = any> = keyof JSX.IntrinsicElements | Component<P>
-
-type HTMLProps = {
-  htmlSize?: string | number
-  htmlWidth?: string | number
-  htmlHeight?: string | number
-  htmlTranslate?: 'yes' | 'no' | undefined
-}
-
-type Polyfill<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size'> & HTMLProps
-
-type Props<T extends Dict, P extends Dict = {}> = Assign<Polyfill<T>, P>
-
-export type ${componentName}<T extends ElementType, P extends Dict = {}> = {
-  (props: Props<ComponentProps<T>, P> & JsxStyleProps): JSX.Element
-  displayName?: string
-}
-
-export type ${upperName} = {
-  <T extends ElementType, P extends RecipeVariantRecord = {}>(component: T, recipe?: RecipeDefinition<P> | RecipeRuntimeFn<P>): ${componentName}<T, RecipeSelection<P>>
-} & { [K in keyof JSX.IntrinsicElements]: ${componentName}<K, {}> }
-
-export type ${typeName}<T extends ElementType> = Polyfill<ComponentProps<T>> & JsxStyleProps
-  `
-  };
-}
-
-// src/generators/jsx/index.ts
-var typesMap = {
-  react: generateReactJsxTypes,
-  preact: generatePreactJsxTypes,
-  solid: generateSolidJsxTypes
-};
-function generateJsxTypes(ctx) {
-  if (!ctx.jsxFramework)
-    return;
-  return typesMap[ctx.jsxFramework](ctx);
-}
-var factoryMap = {
-  react: generateReactJsxFactory,
-  solid: generateSolidJsxFactory,
-  preact: generatePreactJsxFactory
-};
-function generateJsxFactory(ctx) {
-  return factoryMap[ctx.jsxFramework](ctx);
-}
-var patternMap = {
-  react: generateReactJsxPattern,
-  solid: generateSolidJsxPattern,
-  preact: generatePreactJsxPattern
-};
-function generateJsxPatterns(ctx) {
-  if (!ctx.hasPatterns)
-    return [];
-  return patternMap[ctx.jsxFramework](ctx);
-}
-var layoutGridMap = {
-  react: generateReactLayoutGrid,
-  preact: generatePreactLayoutGrid,
-  solid: generateSolidLayoutGrid
-};
-function generateLayoutGrid(ctx) {
-  return layoutGridMap[ctx.jsxFramework]();
-}
-
-// src/generators/layout-grid.ts
-import { outdent as outdent17 } from "outdent";
-var css = (v) => v[0];
-var layoutGrid = css`
-  .panda-layout-grid {
-    display: grid;
-    gap: var(--gutter);
-    grid-template-columns: repeat(var(--count), 1fr);
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    max-width: var(--max-width);
-    margin-inline: var(--margin-x);
-    padding-inline: var(--padding-x);
-  }
-  .panda-layout-grid__item {
-    display: flex;
-    --color: rgba(255, 0, 0, 0.1);
-    height: 100%;
-  }
-  .panda-layout-grid__item[data-variant='bg'] {
-    background: var(--color);
-  }
-  .panda-layout-grid__item[data-variant='outline'] {
-    border-inline: 1px solid var(--color);
-  }
-`;
-function generateLayoutGridCss() {
-  return outdent17`
-  @layer base {
-      ${layoutGrid}
-  }`;
-}
-
-// src/generators/pattern.ts
-import { capitalize, dashCase, unionType } from "@pandacss/shared";
-import { outdent as outdent18 } from "outdent";
-import { stringify as stringify2 } from "javascript-stringify";
-import { match as match4 } from "ts-pattern";
-function generate4(ctx, name, pattern) {
-  const { properties, transform, strict, description } = pattern;
-  const { upperName, styleFn, blocklistType } = ctx.getPatternDetails(name, pattern);
-  return {
-    name: dashCase(name),
-    dts: outdent18`
-    import type { SystemStyleObject, ConditionalValue } from '../types'
-    import type { PropertyValue } from '../types/prop-type'
-    import type { Properties } from '../types/csstype'
-    import type { Tokens } from '../types/token'
-
-    export type ${capitalize(name)}Properties = {
-       ${Object.keys(properties ?? {}).map((key) => {
-      const value = properties[key];
-      return match4(value).with({ type: "property" }, (value2) => {
-        return `${key}?: PropertyValue<'${value2.value}'>`;
-      }).with({ type: "token" }, (value2) => {
-        if (value2.property) {
-          return `${key}?: ConditionalValue<Tokens["${value2.value}"] | Properties["${value2.property}"]>`;
+          if (red > 248) {
+            return 231;
+          }
+          return Math.round((red - 8) / 247 * 24) + 232;
         }
-        return `${key}?: ConditionalValue<Tokens["${value2.value}"]>`;
-      }).with({ type: "enum" }, (value2) => {
-        return `${key}?: ConditionalValue<${unionType(value2.value)}>`;
-      }).otherwise(() => {
-        return `${key}?: ConditionalValue<${value.type}>`;
-      });
-    }).join("\n	")}
-    }
-
-    ${strict ? outdent18`export declare function ${name}(options: ${upperName}Properties): string` : outdent18`
-                
-        type ${upperName}Options = ${upperName}Properties & Omit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}>
-
-        ${description ? `/** ${description} */` : ""}
-        export declare function ${name}(options: ${upperName}Options): string
-        `}
-
-   `,
-    js: outdent18`
-  ${ctx.getImport("mapObject", "../helpers")}
-  ${ctx.getImport("css", "../css/index")}
-
-  const config = ${stringify2({ transform })}
-
-  export const ${styleFn} = (styles) => config.transform(styles, { map: mapObject })
-
-  export const ${name} = (styles) => css(${styleFn}(styles))
-  `
-  };
-}
-function generatePattern(ctx) {
-  if (!ctx.hasPatterns)
-    return;
-  return Object.entries(ctx.patterns).map(([name, pattern]) => generate4(ctx, name, pattern));
-}
-
-// src/generators/pkg-json.ts
-function generatePackageJSON(ctx) {
-  const pkg = {
-    name: ctx.outdir,
-    description: "This package is auto-generated by CSS Panda",
-    version: `0.0.0-${performance.now()}`,
-    type: "module",
-    exports: {
-      "./css": { types: "./css/index.d.ts", import: "./css/index.mjs" },
-      "./jsx": { types: "./jsx/index.d.ts", import: "./jsx/index.mjs" },
-      "./patterns": { types: "./patterns/index.d.ts", import: "./patterns/index.mjs" },
-      "./recipes": { types: "./recipes/index.d.ts", import: "./recipes/index.mjs" },
-      "./tokens": { types: "./tokens/index.d.ts", import: "./tokens/index.mjs" },
-      "./types": { types: "./types/index.d.ts" },
-      "./styles.css": "./styles.css"
-    }
-  };
-  return JSON.stringify(pkg, null, 2);
-}
-
-// src/generators/prop-types.ts
-import { outdent as outdent19 } from "outdent";
-function generatePropTypes(utility, strict) {
-  const strictText = `${strict ? "" : " | NativeValue<T>"}`;
-  const result = [
-    outdent19`
-    import type { ConditionalValue } from './conditions';
-    import type { Properties as CSSProperties } from './csstype'
-    import type { Tokens } from './token'
-
-    type PropertyValueTypes  = {`
-  ];
-  const types = utility.getTypes();
-  for (const [prop, values] of types.entries()) {
-    result.push(`	${prop}: ${values.join(" | ")};`);
-  }
-  result.push("}", "\n");
-  result.push(`
-  type NativeValue<T> = T extends keyof CSSProperties ? CSSProperties[T] : never
-    
-  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : NativeValue<T>
-   
-  export type PropertyTypes = PropertyValueTypes & {
-  `);
-  utility.shorthands.forEach((value, key) => {
-    result.push(`	${key}: Shorthand<${JSON.stringify(value)}>;`);
-  });
-  result.push("}");
-  return outdent19`
-  ${result.join("\n")}
-
-  export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T]${strictText}>
-    : T extends keyof CSSProperties
-    ? ConditionalValue<CSSProperties[T]>
-    : ConditionalValue<string | number>
-  `;
-}
-
-// src/generators/recipe.ts
-import { capitalize as capitalize2, unionType as unionType2 } from "@pandacss/shared";
-import { outdent as outdent20 } from "outdent";
-function generateRecipes(ctx) {
-  const { recipes = {}, hash, hasRecipes, utility } = ctx;
-  const { separator } = utility;
-  if (!hasRecipes)
-    return;
-  const js = [
-    outdent20`
-   ${ctx.getImport("createCss, withoutSpace, compact", "../helpers")}
-
-   const createRecipe = (name, defaultVariants) => {
-     return (variants) => {
-      const transform = (prop, value) => {
-         if (value === '__ignore__') {
-           return { className: name }
-         }
- 
-         value = withoutSpace(value)
-         return { className: \`\${name}--\${prop}${separator}\${value}\` }
-      }
-      
-      const context = {
-        hash: ${hash ? "true" : "false"},
-        utility: {
-          prefix: ${ctx.prefix ? JSON.stringify(ctx.prefix) : void 0},
-          transform,
+        return 16 + 36 * Math.round(red / 255 * 5) + 6 * Math.round(green / 255 * 5) + Math.round(blue / 255 * 5);
+      },
+      enumerable: false
+    },
+    hexToRgb: {
+      value: (hex) => {
+        const matches = /(?<colorString>[a-f\d]{6}|[a-f\d]{3})/i.exec(hex.toString(16));
+        if (!matches) {
+          return [0, 0, 0];
         }
-      }
-      
-      const css = createCss(context)
-      
-      return css({
-        [name]: '__ignore__',
-        ...defaultVariants,
-        ...compact(variants)
-      })
-     }
-   }
-  `
-  ];
-  const dts = [
-    outdent20`
-  import type { ConditionalValue } from '../types'
-  `
-  ];
-  Object.values(recipes).forEach((recipe) => {
-    const { name, description, defaultVariants, variants } = recipe;
-    js.push(outdent20`
-    export const ${name} = createRecipe('${name}', ${JSON.stringify(defaultVariants ?? {})})
-    ${name}.variants = ${JSON.stringify(Object.keys(variants ?? {}))}
-    `);
-    dts.push(outdent20`
-    export type ${capitalize2(name)}Variants = {
-      ${Object.keys(variants ?? {}).map((key) => {
-      const value = variants[key];
-      const keys = Object.keys(value);
-      return `${key}?: ConditionalValue<${unionType2(keys)}>`;
-    }).join("\n")}
+        let { colorString } = matches.groups;
+        if (colorString.length === 3) {
+          colorString = [...colorString].map((character) => character + character).join("");
+        }
+        const integer = Number.parseInt(colorString, 16);
+        return [
+          integer >> 16 & 255,
+          integer >> 8 & 255,
+          integer & 255
+        ];
+      },
+      enumerable: false
+    },
+    hexToAnsi256: {
+      value: (hex) => styles2.rgbToAnsi256(...styles2.hexToRgb(hex)),
+      enumerable: false
+    },
+    ansi256ToAnsi: {
+      value: (code) => {
+        if (code < 8) {
+          return 30 + code;
+        }
+        if (code < 16) {
+          return 90 + (code - 8);
+        }
+        let red;
+        let green;
+        let blue;
+        if (code >= 232) {
+          red = ((code - 232) * 10 + 8) / 255;
+          green = red;
+          blue = red;
+        } else {
+          code -= 16;
+          const remainder = code % 36;
+          red = Math.floor(code / 36) / 5;
+          green = Math.floor(remainder / 6) / 5;
+          blue = remainder % 6 / 5;
+        }
+        const value = Math.max(red, green, blue) * 2;
+        if (value === 0) {
+          return 30;
+        }
+        let result = 30 + (Math.round(blue) << 2 | Math.round(green) << 1 | Math.round(red));
+        if (value === 2) {
+          result += 60;
+        }
+        return result;
+      },
+      enumerable: false
+    },
+    rgbToAnsi: {
+      value: (red, green, blue) => styles2.ansi256ToAnsi(styles2.rgbToAnsi256(red, green, blue)),
+      enumerable: false
+    },
+    hexToAnsi: {
+      value: (hex) => styles2.ansi256ToAnsi(styles2.hexToAnsi256(hex)),
+      enumerable: false
     }
-
-    ${description ? `/** ${description} */` : ""}
-    export declare function ${name}(variants?: ${capitalize2(name)}Variants): string & { variants: string[] }
-    `);
   });
+  return styles2;
+}
+var ansiStyles = assembleStyles();
+var ansi_styles_default = ansiStyles;
+
+// ../../node_modules/.pnpm/chalk@5.0.1/node_modules/chalk/source/vendor/supports-color/index.js
+init_esm_shims();
+import process2 from "node:process";
+import os from "node:os";
+import tty from "node:tty";
+function hasFlag(flag, argv = process2.argv) {
+  const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
+  const position = argv.indexOf(prefix + flag);
+  const terminatorPosition = argv.indexOf("--");
+  return position !== -1 && (terminatorPosition === -1 || position < terminatorPosition);
+}
+var { env } = process2;
+var flagForceColor;
+if (hasFlag("no-color") || hasFlag("no-colors") || hasFlag("color=false") || hasFlag("color=never")) {
+  flagForceColor = 0;
+} else if (hasFlag("color") || hasFlag("colors") || hasFlag("color=true") || hasFlag("color=always")) {
+  flagForceColor = 1;
+}
+function envForceColor() {
+  if ("FORCE_COLOR" in env) {
+    if (env.FORCE_COLOR === "true") {
+      return 1;
+    }
+    if (env.FORCE_COLOR === "false") {
+      return 0;
+    }
+    return env.FORCE_COLOR.length === 0 ? 1 : Math.min(Number.parseInt(env.FORCE_COLOR, 10), 3);
+  }
+}
+function translateLevel(level) {
+  if (level === 0) {
+    return false;
+  }
   return {
-    js: outdent20.string(js.join("\n\n")),
-    dts: outdent20.string(dts.join("\n\n"))
+    level,
+    hasBasic: true,
+    has256: level >= 2,
+    has16m: level >= 3
   };
 }
-
-// src/generators/reset.ts
-var css2 = (v) => v[0];
-var reset = css2`
-  * {
-    margin: 0;
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-    border-width: 0;
-    border-style: solid;
-  }
-
-  html,
-  body {
-    height: 100%;
-  }
-
-  body {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-  }
-
-  img {
-    border-style: none;
-  }
-
-  img,
-  picture,
-  video,
-  canvas,
-  svg {
-    display: block;
-    max-width: 100%;
-  }
-
-  input,
-  button,
-  textarea,
-  select {
-    font: inherit;
-  }
-
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    overflow-wrap: break-word;
-  }
-
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    appearance: none;
-    font: inherit;
+function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
+  const noFlagForceColor = envForceColor();
+  if (noFlagForceColor !== void 0) {
+    flagForceColor = noFlagForceColor;
   }
-
-  ::-webkit-inner-spin-button,
-  ::-webkit-outer-spin-button {
-    height: auto;
+  const forceColor = sniffFlags ? flagForceColor : noFlagForceColor;
+  if (forceColor === 0) {
+    return 0;
   }
-
-  code,
-  kbd,
-  pre,
-  samp {
-    font-size: 1em;
+  if (sniffFlags) {
+    if (hasFlag("color=16m") || hasFlag("color=full") || hasFlag("color=truecolor")) {
+      return 3;
+    }
+    if (hasFlag("color=256")) {
+      return 2;
+    }
   }
-
-  table {
-    border-collapse: collapse;
+  if (haveStream && !streamIsTTY && forceColor === void 0) {
+    return 0;
   }
-
-  textarea {
-    resize: vertical;
+  const min = forceColor || 0;
+  if (env.TERM === "dumb") {
+    return min;
   }
-
-  sub {
-    bottom: -0.25em;
+  if (process2.platform === "win32") {
+    const osRelease = os.release().split(".");
+    if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
+      return Number(osRelease[2]) >= 14931 ? 3 : 2;
+    }
+    return 1;
   }
-
-  sup {
-    top: -0.5em;
-  }
-`;
-function generateResetCss() {
-  return `@layer reset {
-    ${reset}
-  }`;
-}
-
-// src/generators/token-css.ts
-import { expandNestedCss, extractParentSelectors, prettifyCss, toCss, toKeyframeCss } from "@pandacss/core";
-import postcss from "postcss";
-function generateKeyframes(keyframes) {
-  if (!keyframes)
-    return;
-  return toKeyframeCss(keyframes);
-}
-function generateTokenCss(ctx, varRoot) {
-  const root = varRoot ?? ctx.cssVarRoot;
-  const conditions = ctx.conditions;
-  const results = [];
-  for (const [key, values] of ctx.tokens.vars.entries()) {
-    const varsObj = Object.fromEntries(values);
-    if (Object.keys(varsObj).length === 0)
-      continue;
-    if (key === "base") {
-      const { css: css4 } = toCss({ [root]: varsObj });
-      results.push(css4);
-    } else {
-      const keys = key.split(":");
-      const { css: css4 } = toCss(varsObj);
-      const mapped = keys.map((key2) => conditions.get(key2)).filter(Boolean).map((condition) => {
-        const parent = extractParentSelectors(condition);
-        return parent ? `&${parent}` : condition;
-      });
-      const rule = getDeepestRule(root, mapped);
-      if (!rule)
-        continue;
-      getDeepestNode(rule)?.append(css4);
-      results.push(expandNestedCss(rule.toString()));
+  if ("CI" in env) {
+    if (["TRAVIS", "CIRCLECI", "APPVEYOR", "GITLAB_CI", "GITHUB_ACTIONS", "BUILDKITE", "DRONE"].some((sign) => sign in env) || env.CI_NAME === "codeship") {
+      return 1;
     }
+    return min;
   }
-  const css3 = results.join("\n\n");
-  return `@layer tokens {
-    ${prettifyCss(cleanupSelectors(css3, root))}
+  if ("TEAMCITY_VERSION" in env) {
+    return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(env.TEAMCITY_VERSION) ? 1 : 0;
   }
-  `;
-}
-function getDeepestRule(root, selectors) {
-  const rule = postcss.rule({ selector: "" });
-  for (const selector of selectors) {
-    const last = getDeepestNode(rule);
-    const node = last ?? rule;
-    if (selector.startsWith("@")) {
-      const atRule = postcss.rule({ selector, nodes: [postcss.rule({ selector: `${root}&` })] });
-      node.append(atRule);
-    } else {
-      node.append(postcss.rule({ selector }));
-    }
+  if ("TF_BUILD" in env && "AGENT_NAME" in env) {
+    return 1;
   }
-  return rule;
-}
-function getDeepestNode(node) {
-  if (node.nodes && node.nodes.length) {
-    return getDeepestNode(node.nodes[node.nodes.length - 1]);
+  if (env.COLORTERM === "truecolor") {
+    return 3;
   }
-  return node;
-}
-function cleanupSelectors(css3, varSelector) {
-  const root = postcss.parse(css3);
-  root.walkRules((rule) => {
-    rule.selectors.forEach((selector) => {
-      const res = selector.split(varSelector).filter(Boolean);
-      if (res.length === 0)
-        return;
-      rule.selector = res.join(varSelector);
-    });
-  });
-  return root.toString();
-}
-
-// src/generators/token-dts.ts
-import { unionType as unionType3, capitalize as capitalize3 } from "@pandacss/shared";
-import { outdent as outdent21 } from "outdent";
-import pluralize from "pluralize";
-function generateTokenDts(dict) {
-  const set = /* @__PURE__ */ new Set();
-  set.add(`export type Token = ${dict.isEmpty ? "string" : unionType3(dict.allNames)}`);
-  const result = /* @__PURE__ */ new Set(["export type Tokens = {"]);
-  if (dict.isEmpty) {
-    result.add("[token: string]: string");
-  } else {
-    for (const [key, value] of dict.categoryMap.entries()) {
-      const typeName = capitalize3(pluralize.singular(key));
-      set.add(`export type ${typeName} = ${unionType3(value.keys())}`);
-      set.add(`export type ColorPalette = ${unionType3(Object.keys(dict.colorPalettes))}`);
-      result.add(`		${key}: ${typeName}`);
+  if ("TERM_PROGRAM" in env) {
+    const version = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    switch (env.TERM_PROGRAM) {
+      case "iTerm.app":
+        return version >= 3 ? 3 : 2;
+      case "Apple_Terminal":
+        return 2;
     }
   }
-  result.add("} & { [token: string]: never }");
-  set.add(Array.from(result).join("\n"));
-  return outdent21.string(Array.from(set).join("\n\n"));
-}
-
-// src/generators/token-js.ts
-import outdent22 from "outdent";
-function generateTokenJs(dict) {
-  const map = /* @__PURE__ */ new Map();
-  dict.allTokens.forEach((token) => {
-    const { varRef } = token.extensions;
-    const value = token.isConditional ? varRef : token.value;
-    map.set(token.name, { value, variable: varRef });
-  });
-  const obj = Object.fromEntries(map);
-  return {
-    js: outdent22`
-  const tokens = ${JSON.stringify(obj, null, 2)}
-  
-  export function token(path, fallback) {
-    return tokens[path]?.value || fallback
+  if (/-256(color)?$/i.test(env.TERM)) {
+    return 2;
   }
-  
-  function tokenVar(path, fallback) {
-    return tokens[path]?.variable || fallback
+  if (/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(env.TERM)) {
+    return 1;
   }
-
-  token.var = tokenVar
-  `,
-    dts: outdent22`
-  import type { Token } from '../types/token'
-
-  export declare function token(path: Token, fallback?: string): string & {
-    var: (path: Token, fallback?: string) => string
+  if ("COLORTERM" in env) {
+    return 1;
   }
-  `
-  };
+  return min;
 }
-
-// src/generators/types.ts
-import { allCssProperties } from "@pandacss/is-valid-prop";
-import { readFileSync as readFileSync2 } from "fs-extra";
-import outdent23 from "outdent";
-function getType(file) {
-  const filepath = getEntrypoint("@pandacss/types", { dev: file });
-  return readFileSync2(filepath, "utf8");
+function createSupportsColor(stream, options = {}) {
+  const level = _supportsColor(stream, {
+    streamIsTTY: stream && stream.isTTY,
+    ...options
+  });
+  return translateLevel(level);
 }
-function generateCssType(ctx) {
-  const propList = new Set(allCssProperties.concat(ctx.utility.keys()));
-  return {
-    css: getType("csstype.d.ts"),
-    system: getType("system-types.d.ts"),
-    selectors: getType("selectors.d.ts"),
-    recipe: getType("recipe.d.ts"),
-    composition: getType("composition.d.ts"),
-    global: outdent23`
-    import { RecipeVariantRecord, RecipeConfig } from './recipe'
-    import { GlobalStyleObject } from './system-types'
-    import { CompositionStyles } from './composition'
-    
-    declare module 'css-panda' {
-      export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig<V>
-      export function defineGlobalStyles(definition: GlobalStyleObject): GlobalStyleObject
-      export function defineTextStyles(definition: CompositionStyles['textStyles']): CompositionStyles['textStyles']
-      export function defineLayerStyles(definition: CompositionStyles['layerStyles']): CompositionStyles['layerStyles']
-    }
-    `,
-    exported: outdent23`
-    import './global'
-    export { ConditionalValue } from './conditions'
-    export { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
-    
-    export type Assign<Target, Override> = Omit<Target, keyof Override> & Override
-    `,
-    styleProps: outdent23`
-    import { PropertyValue } from './prop-type'
-    import { Token } from './token'
-
-    type CssVarProperties = {
-      [key in \`--\${string}\`]?: Token | (string & {}) | (number & {})
-    }
-  
-    export type SystemProperties = CssVarProperties & {
-      ${Array.from(propList).map((v) => `	${v}?: PropertyValue<'${v}'>`).join("\n")}
+var supportsColor = {
+  stdout: createSupportsColor({ isTTY: tty.isatty(1) }),
+  stderr: createSupportsColor({ isTTY: tty.isatty(2) })
+};
+var supports_color_default = supportsColor;
+
+// ../../node_modules/.pnpm/chalk@5.0.1/node_modules/chalk/source/utilities.js
+init_esm_shims();
+function stringReplaceAll(string, substring, replacer) {
+  let index = string.indexOf(substring);
+  if (index === -1) {
+    return string;
+  }
+  const substringLength = substring.length;
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    returnValue += string.substr(endIndex, index - endIndex) + substring + replacer;
+    endIndex = index + substringLength;
+    index = string.indexOf(substring, endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+function stringEncaseCRLFWithFirstIndex(string, prefix, postfix, index) {
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    const gotCR = string[index - 1] === "\r";
+    returnValue += string.substr(endIndex, (gotCR ? index - 1 : index) - endIndex) + prefix + (gotCR ? "\r\n" : "\n") + postfix;
+    endIndex = index + 1;
+    index = string.indexOf("\n", endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+
+// ../../node_modules/.pnpm/chalk@5.0.1/node_modules/chalk/source/index.js
+var { stdout: stdoutColor, stderr: stderrColor } = supports_color_default;
+var GENERATOR = Symbol("GENERATOR");
+var STYLER = Symbol("STYLER");
+var IS_EMPTY = Symbol("IS_EMPTY");
+var levelMapping = [
+  "ansi",
+  "ansi",
+  "ansi256",
+  "ansi16m"
+];
+var styles = /* @__PURE__ */ Object.create(null);
+var applyOptions = (object, options = {}) => {
+  if (options.level && !(Number.isInteger(options.level) && options.level >= 0 && options.level <= 3)) {
+    throw new Error("The `level` option should be an integer from 0 to 3");
+  }
+  const colorLevel = stdoutColor ? stdoutColor.level : 0;
+  object.level = options.level === void 0 ? colorLevel : options.level;
+};
+var chalkFactory = (options) => {
+  const chalk2 = (...strings) => strings.join(" ");
+  applyOptions(chalk2, options);
+  Object.setPrototypeOf(chalk2, createChalk.prototype);
+  return chalk2;
+};
+function createChalk(options) {
+  return chalkFactory(options);
+}
+Object.setPrototypeOf(createChalk.prototype, Function.prototype);
+for (const [styleName, style] of Object.entries(ansi_styles_default)) {
+  styles[styleName] = {
+    get() {
+      const builder = createBuilder(this, createStyler(style.open, style.close, this[STYLER]), this[IS_EMPTY]);
+      Object.defineProperty(this, styleName, { value: builder });
+      return builder;
     }
-    `
-  };
-}
-
-// src/generators/index.ts
-function setupHelpers(ctx) {
-  const sharedMjs = getEntrypoint("@pandacss/shared", { dev: "shared.mjs" });
-  const code = readFileSync3(sharedMjs, "utf-8");
-  return {
-    files: [{ file: ctx.getExt("helpers"), code }]
-  };
-}
-function setupKeyframes(ctx) {
-  const code = generateKeyframes(ctx.theme.keyframes);
-  return {
-    dir: ctx.paths.token,
-    files: [{ file: "keyframes.css", code }]
-  };
-}
-function setupDesignTokens(ctx) {
-  if (ctx.tokens.isEmpty)
-    return;
-  const code = generateTokenJs(ctx.tokens);
-  const css3 = generateTokenCss(ctx);
-  return {
-    dir: ctx.paths.token,
-    files: [
-      { file: "index.css", code: css3 },
-      { file: "index.d.ts", code: code.dts },
-      { file: ctx.getExt("index"), code: code.js }
-    ]
-  };
-}
-function setupTypes(ctx) {
-  const types = generateCssType(ctx);
-  const conditions = generateConditions(ctx);
-  const jsx = generateJsxTypes(ctx);
-  return {
-    dir: ctx.paths.types,
-    files: [
-      jsx ? { file: "jsx.d.ts", code: jsx.jsxType } : null,
-      { file: "csstype.d.ts", code: types.css },
-      { file: "system-types.d.ts", code: types.system },
-      { file: "selectors.d.ts", code: types.selectors },
-      { file: "composition.d.ts", code: types.composition },
-      { file: "global.d.ts", code: types.global },
-      { file: "recipe.d.ts", code: types.recipe },
-      { file: "index.d.ts", code: types.exported },
-      { file: "token.d.ts", code: generateTokenDts(ctx.tokens) },
-      { file: "prop-type.d.ts", code: generatePropTypes(ctx.utility) },
-      { file: "style-props.d.ts", code: types.styleProps },
-      { file: "conditions.d.ts", code: conditions.dts }
-    ].filter(Boolean)
-  };
-}
-function setupCss(ctx) {
-  const code = generateCssFn(ctx);
-  const conditions = generateConditions(ctx);
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: ctx.getExt("conditions"), code: conditions.js },
-      { file: ctx.getExt("css"), code: code.js },
-      { file: "css.d.ts", code: code.dts }
-    ]
-  };
-}
-function setupCva(ctx) {
-  const code = generateCvaFn(ctx);
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: ctx.getExt("cva"), code: code.js },
-      { file: "cva.d.ts", code: code.dts }
-    ]
-  };
-}
-function setupCx(ctx) {
-  const code = generateCx();
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: ctx.getExt("cx"), code: code.js },
-      { file: "cx.d.ts", code: code.dts }
-    ]
-  };
-}
-function setupRecipes(ctx) {
-  const code = generateRecipes(ctx);
-  if (!code)
-    return;
-  return {
-    dir: ctx.paths.recipe,
-    files: [
-      { file: ctx.getExt("index"), code: code.js },
-      { file: "index.d.ts", code: code.dts }
-    ]
-  };
-}
-function setupPatterns(ctx) {
-  const files = generatePattern(ctx);
-  if (!files)
-    return;
-  const index = {
-    js: outdent24.string(files.map((file) => ctx.getExport(`./${file.name}`)).join("\n")),
-    dts: outdent24.string(files.map((file) => `export * from './${file.name}'`).join("\n"))
-  };
-  return {
-    dir: ctx.paths.pattern,
-    files: [
-      ...files.map((file) => ({ file: ctx.getExt(file.name), code: file.js })),
-      ...files.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
-      { file: ctx.getExt("index"), code: index.js },
-      { file: "index.d.ts", code: index.dts }
-    ]
-  };
-}
-function setupJsx(ctx) {
-  if (!ctx.jsxFramework)
-    return;
-  const isValidProp = generateisValidProp(ctx);
-  const types = generateJsxTypes(ctx);
-  const factory = generateJsxFactory(ctx);
-  const patterns = generateJsxPatterns(ctx);
-  const layoutGrid2 = generateLayoutGrid(ctx);
-  const index = {
-    js: outdent24`
-  ${ctx.getExport("./factory")}
-  ${ctx.getExport("./layout-grid")}
-  ${outdent24.string(patterns.map((file) => ctx.getExport(`./${file.name}`)).join("\n"))}
-  `,
-    dts: outdent24`
-  export * from './factory'
-  export * from './layout-grid'
-  ${outdent24.string(patterns.map((file) => `export * from './${file.name}'`).join("\n"))}
-  export type { ${ctx.jsxFactoryDetails.typeName} } from '../types/jsx'
-    `
-  };
-  return {
-    dir: ctx.paths.jsx,
-    files: [
-      ...patterns.map((file) => ({ file: ctx.getExt(file.name), code: file.js })),
-      ...patterns.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
-      { file: ctx.getExt("layout-grid"), code: layoutGrid2.js },
-      { file: "layout-grid.d.ts", code: layoutGrid2.dts },
-      { file: ctx.getExt("is-valid-prop"), code: isValidProp.js },
-      { file: "factory.d.ts", code: types.jsxFactory },
-      { file: ctx.getExt("factory"), code: factory.js },
-      { file: "index.d.ts", code: index.dts },
-      { file: ctx.getExt("index"), code: index.js }
-    ]
-  };
-}
-function setupCssIndex(ctx) {
-  const index = {
-    js: outdent24`
-  ${ctx.getExport("./css")}
-  ${ctx.getExport("./cx")}
-  ${ctx.getExport("./cva")}
- `,
-    dts: outdent24`
-  export * from './css'
-  export * from './cx'
-  export * from './cva'
-  `
-  };
-  return {
-    dir: ctx.paths.css,
-    files: [
-      { file: ctx.getExt("index"), code: index.js },
-      { file: "index.d.ts", code: index.dts }
-    ]
-  };
-}
-function setupResetCss(ctx) {
-  if (!ctx.preflight)
-    return;
-  const code = generateResetCss();
-  return { files: [{ file: "reset.css", code }] };
-}
-function setupLayoutGridCss() {
-  const code = generateLayoutGridCss();
-  return { files: [{ file: "layout-grid.css", code }] };
-}
-function setupPackageJson(ctx) {
-  if (!ctx.emitPackage)
-    return;
-  return {
-    files: [{ file: "package.json", code: generatePackageJSON(ctx) }]
   };
 }
-function generateSystem(ctx) {
-  return [
-    setupHelpers(ctx),
-    setupDesignTokens(ctx),
-    setupKeyframes(ctx),
-    setupTypes(ctx),
-    setupCva(ctx),
-    setupCx(ctx),
-    setupCss(ctx),
-    setupRecipes(ctx),
-    setupPatterns(ctx),
-    setupCssIndex(ctx),
-    setupJsx(ctx),
-    setupResetCss(ctx),
-    setupLayoutGridCss(),
-    setupPackageJson(ctx)
-  ].filter(Boolean);
-}
-
-// src/messages.ts
-import { colors, logger as logger3, quote as quote2 } from "@pandacss/logger";
-import { outdent as outdent25 } from "outdent";
-var tick = colors.green().bold("\u2714\uFE0F");
-function artifactsGeneratedMessage(ctx) {
-  return [
-    outdent25`
-      ${tick} ${quote2(ctx.outdir, "/css")}: the css function to author styles
-    `,
-    ctx.hasTokens && outdent25`
-      ${tick} ${quote2(ctx.outdir, "/tokens")}: the css variables and js function to query your tokens
-    `,
-    ctx.hasPatterns && outdent25`
-      ${tick} ${quote2(ctx.outdir, "/patterns")}: functions to implement common css patterns
-    `,
-    ctx.hasRecipes && outdent25`
-      ${tick} ${quote2(ctx.outdir, "/recipes")}: functions to create multi-variant styles
-    `,
-    ctx.jsxFramework && outdent25`
-      ${tick} ${quote2(ctx.outdir, "/jsx")}: style prop powered elements for ${ctx.jsxFramework}
-    `,
-    "\n"
-  ].filter(Boolean).join("\n");
-}
-function configExistsMessage(cmd) {
-  return outdent25`
-      \n
-      It looks like you already have panda created\`.
-      
-      You can now run ${quote2(cmd, " panda --watch")}.
-
-      `;
-}
-function thankYouMessage() {
-  return outdent25`
-
-  🚀 Thanks for choosing ${colors.cyan("Panda")} to write your css.
-
-  You are set up to start using Panda!
-
-  `;
-}
-var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
-var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
-function scaffoldCompleteMessage() {
-  return logger3.box(
-    outdent25`
-
-  ${colors.bold().cyan("Next steps:")}
-  
-  [1] Create a ${quote2("index.css")} file in your project that contains:
-  
-      @layer reset, base, tokens, recipes, utilities;
-
-
-  [2] Import the ${quote2("index.css")} file at the root of your project.
-
-  `,
-    `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
-  );
-}
-function watchMessage() {
-  return outdent25`
-  Watching for file changes...
-  `;
-}
-function buildCompleteMessage(ctx) {
-  return outdent25`
-  Successfully extracted css from ${ctx.files.length} file(s) ✨
-  `;
-}
-
-// src/artifacts.ts
-async function emitArtifacts(ctx) {
-  if (ctx.clean)
-    await ctx.cleanOutdir();
-  const tasks = generateSystem(ctx).map((file) => ctx.writeOutput(file));
-  await Promise.all(tasks);
-  return artifactsGeneratedMessage(ctx) + scaffoldCompleteMessage();
-}
-async function emitAndExtract(ctx) {
-  await emitArtifacts(ctx);
-  return extractCss(ctx);
-}
-async function extractCss(ctx) {
-  await extractGlobalCss(ctx);
-  await extractStaticCss(ctx);
-  await extractFiles(ctx);
-  await bundleChunks(ctx);
-  return buildCompleteMessage(ctx);
-}
-
-// src/builder.ts
-import { discardDuplicate, mergeCss as mergeCss2, Stylesheet as Stylesheet3 } from "@pandacss/core";
-import { ConfigNotFoundError } from "@pandacss/error";
-import { logger as logger5 } from "@pandacss/logger";
-import { toHash } from "@pandacss/shared";
-import { existsSync as existsSync2, readFileSync as readFileSync5 } from "fs";
-import { statSync } from "fs-extra";
-import { resolve as resolve3 } from "path";
-
-// src/get-base-css.ts
-function getBaseCss(ctx) {
-  const css3 = [
-    generateResetCss(),
-    generateLayoutGridCss(),
-    generateTokenCss(ctx),
-    generateKeyframes(ctx.theme.keyframes),
-    ctx.getGlobalCss(),
-    ctx.getStaticCss()
-  ];
-  return css3.filter(Boolean).join("\n\n");
-}
-
-// src/config.ts
-import { loadConfigFile } from "@pandacss/config";
-import { lookItUpSync } from "look-it-up";
-
-// src/context.ts
-import {
-  assignCompositions,
-  Conditions,
-  getStaticCss as getStaticCssCore,
-  mergeCss,
-  Stylesheet as Stylesheet2,
-  Utility
-} from "@pandacss/core";
-import { isCssProperty } from "@pandacss/is-valid-prop";
-import { logger as logger4 } from "@pandacss/logger";
-import { createProject } from "@pandacss/parser";
-import { capitalize as capitalize4, compact, dashCase as dashCase2, mapObject, splitProps, uncapitalize } from "@pandacss/shared";
-import { TokenDictionary } from "@pandacss/token-dictionary";
-import glob from "fast-glob";
-import { readdirSync, readFileSync as readFileSync4 } from "fs";
-import { emptyDir, ensureDir, existsSync } from "fs-extra";
-import { readFile, unlink, writeFile } from "fs/promises";
-import { extname, isAbsolute, join as join2, relative, resolve, sep } from "path";
-import postcss2 from "postcss";
-import { match as match5, P } from "ts-pattern";
-var helpers = {
-  map: mapObject
+styles.visible = {
+  get() {
+    const builder = createBuilder(this, this[STYLER], true);
+    Object.defineProperty(this, "visible", { value: builder });
+    return builder;
+  }
 };
-var fileSystem = {
-  read: (path) => {
-    return readFile(path, "utf-8");
-  },
-  write: (path, code) => {
-    return writeFile(path, code);
-  },
-  rm: (path) => {
-    return unlink(path);
+var getModelAnsi = (model, level, type, ...arguments_) => {
+  if (model === "rgb") {
+    if (level === "ansi16m") {
+      return ansi_styles_default[type].ansi16m(...arguments_);
+    }
+    if (level === "ansi256") {
+      return ansi_styles_default[type].ansi256(ansi_styles_default.rgbToAnsi256(...arguments_));
+    }
+    return ansi_styles_default[type].ansi(ansi_styles_default.rgbToAnsi(...arguments_));
   }
+  if (model === "hex") {
+    return getModelAnsi("rgb", level, type, ...ansi_styles_default.hexToRgb(...arguments_));
+  }
+  return ansi_styles_default[type][model](...arguments_);
 };
-function createContext(conf, io = fileSystem) {
-  const { config } = conf;
-  const {
-    cwd: cwdProp = process.cwd(),
-    conditions: conditionsProp = {},
-    prefix,
-    cssVarRoot = ":where(:root, :host)",
-    outdir,
-    exclude: excludeProp = [],
-    patterns = {},
-    theme = {},
-    utilities = {},
-    hash,
-    jsxFactory = "panda",
-    jsxFramework,
-    globalCss,
-    separator,
-    static: staticCss,
-    outExtension = "mjs",
-    emitPackage
-  } = config;
-  const {
-    breakpoints = {},
-    tokens: tokensProp = {},
-    semanticTokens = {},
-    recipes = {},
-    textStyles,
-    layerStyles
-  } = theme;
-  const jsxFactoryDetails = {
-    name: jsxFactory,
-    upperName: capitalize4(jsxFactory),
-    typeName: `HTML${capitalize4(jsxFactory)}Props`,
-    componentName: `${capitalize4(jsxFactory)}Component`,
-    framework: jsxFramework
+var usedModels = ["rgb", "hex", "ansi256"];
+for (const model of usedModels) {
+  styles[model] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler(getModelAnsi(model, levelMapping[level], "color", ...arguments_), ansi_styles_default.color.close, this[STYLER]);
+        return createBuilder(this, styler, this[IS_EMPTY]);
+      };
+    }
   };
-  const cwd = resolve(cwdProp);
-  const exclude = [".git", ".yarn", "node_modules", "test-results"].concat(excludeProp);
-  const tokens = new TokenDictionary({
-    tokens: tokensProp,
-    breakpoints,
-    semanticTokens,
-    prefix
-  });
-  const hasTokens = !tokens.isEmpty;
-  logger4.debug("ctx:token", tokens.allNames);
-  const utility = new Utility({
-    prefix,
-    tokens,
-    config: utilities,
-    separator
-  });
-  const conditions = new Conditions({
-    conditions: conditionsProp,
-    breakpoints
-  });
-  logger4.debug("ctx:conditions", conditions);
-  assignCompositions(
-    { conditions, utility },
-    compact({
-      textStyle: textStyles,
-      layerStyle: layerStyles
-    })
-  );
-  const context = () => ({
-    root: postcss2.root(),
-    conditions,
-    hash,
-    helpers,
-    utility
-  });
-  function getPattern(name) {
-    return patterns[name];
+  const bgModel = "bg" + model[0].toUpperCase() + model.slice(1);
+  styles[bgModel] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler(getModelAnsi(model, levelMapping[level], "bgColor", ...arguments_), ansi_styles_default.bgColor.close, this[STYLER]);
+        return createBuilder(this, styler, this[IS_EMPTY]);
+      };
+    }
+  };
+}
+var proto = Object.defineProperties(() => {
+}, {
+  ...styles,
+  level: {
+    enumerable: true,
+    get() {
+      return this[GENERATOR].level;
+    },
+    set(level) {
+      this[GENERATOR].level = level;
+    }
   }
-  function execPattern(name, data) {
-    const pattern = getPattern(name);
-    return pattern?.transform?.(data, helpers) ?? {};
+});
+var createStyler = (open, close, parent) => {
+  let openAll;
+  let closeAll;
+  if (parent === void 0) {
+    openAll = open;
+    closeAll = close;
+  } else {
+    openAll = parent.openAll + open;
+    closeAll = close + parent.closeAll;
   }
-  function getPatternDetails(name, pattern) {
-    const upperName = capitalize4(name);
-    return {
-      name,
-      props: Object.keys(pattern?.properties ?? {}),
-      dashName: dashCase2(name),
-      upperName,
-      styleFn: `get${upperName}Style`,
-      jsxName: pattern?.jsx ?? upperName,
-      blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : ""
-    };
+  return {
+    open,
+    close,
+    openAll,
+    closeAll,
+    parent
+  };
+};
+var createBuilder = (self, _styler, _isEmpty) => {
+  const builder = (...arguments_) => applyStyle(builder, arguments_.length === 1 ? "" + arguments_[0] : arguments_.join(" "));
+  Object.setPrototypeOf(builder, proto);
+  builder[GENERATOR] = self;
+  builder[STYLER] = _styler;
+  builder[IS_EMPTY] = _isEmpty;
+  return builder;
+};
+var applyStyle = (self, string) => {
+  if (self.level <= 0 || !string) {
+    return self[IS_EMPTY] ? "" : string;
+  }
+  let styler = self[STYLER];
+  if (styler === void 0) {
+    return string;
+  }
+  const { openAll, closeAll } = styler;
+  if (string.includes("\x1B")) {
+    while (styler !== void 0) {
+      string = stringReplaceAll(string, styler.close, styler.open);
+      styler = styler.parent;
+    }
+  }
+  const lfIndex = string.indexOf("\n");
+  if (lfIndex !== -1) {
+    string = stringEncaseCRLFWithFirstIndex(string, closeAll, openAll, lfIndex);
+  }
+  return openAll + string + closeAll;
+};
+Object.defineProperties(createChalk.prototype, styles);
+var chalk = createChalk();
+var chalkStderr = createChalk({ level: stderrColor ? stderrColor.level : 0 });
+var source_default = chalk;
+
+// ../../node_modules/.pnpm/widest-line@4.0.1/node_modules/widest-line/index.js
+init_esm_shims();
+function widestLine(string) {
+  let lineWidth = 0;
+  for (const line of string.split("\n")) {
+    lineWidth = Math.max(lineWidth, stringWidth(line));
+  }
+  return lineWidth;
+}
+
+// ../../node_modules/.pnpm/boxen@7.0.1/node_modules/boxen/index.js
+var import_cli_boxes = __toESM(require_cli_boxes(), 1);
+
+// ../../node_modules/.pnpm/camelcase@7.0.0/node_modules/camelcase/index.js
+init_esm_shims();
+var UPPERCASE = /[\p{Lu}]/u;
+var LOWERCASE = /[\p{Ll}]/u;
+var LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
+var IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+var SEPARATORS = /[_.\- ]+/;
+var LEADING_SEPARATORS = new RegExp("^" + SEPARATORS.source);
+var SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, "gu");
+var NUMBERS_AND_IDENTIFIER = new RegExp("\\d+" + IDENTIFIER.source, "gu");
+var preserveCamelCase = (string, toLowerCase, toUpperCase) => {
+  let isLastCharLower = false;
+  let isLastCharUpper = false;
+  let isLastLastCharUpper = false;
+  for (let index = 0; index < string.length; index++) {
+    const character = string[index];
+    if (isLastCharLower && UPPERCASE.test(character)) {
+      string = string.slice(0, index) + "-" + string.slice(index);
+      isLastCharLower = false;
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = true;
+      index++;
+    } else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
+      string = string.slice(0, index - 1) + "-" + string.slice(index - 1);
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = false;
+      isLastCharLower = true;
+    } else {
+      isLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;
+    }
   }
-  const patternNodes = Object.entries(patterns).map(([name, pattern]) => ({
-    type: "pattern",
-    name: pattern.jsx ?? capitalize4(name),
-    props: Object.keys(pattern.properties),
-    baseName: name
-  }));
-  function getPatternFnName(jsx) {
-    return patternNodes.find((node) => node.name === jsx)?.baseName ?? uncapitalize(jsx);
-  }
-  const hasPatterns = Object.keys(patterns).length > 0;
-  function getRecipe(name) {
-    return recipes[name];
-  }
-  const recipeNodes = Object.entries(recipes).map(([name, recipe]) => ({
-    type: "recipe",
-    name: recipe.jsx ?? capitalize4(name),
-    props: Object.keys(recipe.variants ?? {}),
-    baseName: name
-  }));
-  function getRecipeFnName(jsx) {
-    return recipeNodes.find((node) => node.name === jsx)?.baseName ?? uncapitalize(jsx);
-  }
-  function splitRecipeProps(name, props) {
-    const recipe = recipeNodes.find((node) => node.name === name);
-    if (!recipe)
-      return [{}, props];
-    return splitProps(props, recipe.props);
-  }
-  function getRecipeDetails() {
-    return Object.entries(recipes).map(([name, recipe]) => ({
-      [name]: Object.entries(recipe.variants ?? {}).map(([key, value]) => ({
-        [key]: Object.keys(value)
-      }))
-    }));
-  }
-  const hasRecipes = Object.keys(recipes).length > 0;
-  const properties = Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]));
-  function isCustomCssProperty(prop) {
-    const regex = new RegExp("^(?:" + properties.join("|") + ")$");
-    return regex.test(prop);
-  }
-  function isStyleProp(prop) {
-    return isCssProperty(prop) || isCustomCssProperty(prop);
-  }
-  function getPath(pathLike) {
-    const paths2 = [cwd, emitPackage ? "node_modules" : void 0, outdir, pathLike].filter(Boolean);
-    return join2(...paths2);
-  }
-  function absPath(str) {
-    return isAbsolute(str) ? str : join2(cwd, str);
-  }
-  function getExt(file) {
-    return `${file}.${outExtension}`;
-  }
-  function getImport(items, mod) {
-    return `import { ${items} } from '${getExt(mod)}';`;
-  }
-  function getExport(mod) {
-    return `export * from '${getExt(mod)}';`;
-  }
-  const paths = {
-    root: getPath(),
-    css: getPath("css"),
-    token: getPath("tokens"),
-    types: getPath("types"),
-    recipe: getPath("recipes"),
-    pattern: getPath("patterns"),
-    chunk: getPath("chunks"),
-    outCss: getPath("styles.css"),
-    jsx: getPath("jsx")
+  return string;
+};
+var preserveConsecutiveUppercase = (input, toLowerCase) => {
+  LEADING_CAPITAL.lastIndex = 0;
+  return input.replace(LEADING_CAPITAL, (m1) => toLowerCase(m1));
+};
+var postProcess = (input, toUpperCase) => {
+  SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
+  NUMBERS_AND_IDENTIFIER.lastIndex = 0;
+  return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => toUpperCase(identifier)).replace(NUMBERS_AND_IDENTIFIER, (m) => toUpperCase(m));
+};
+function camelCase(input, options) {
+  if (!(typeof input === "string" || Array.isArray(input))) {
+    throw new TypeError("Expected the input to be `string | string[]`");
+  }
+  options = {
+    pascalCase: false,
+    preserveConsecutiveUppercase: false,
+    ...options
   };
-  async function write(dir, options) {
-    await ensureDir(dir);
-    return Promise.all(
-      options.map(async ({ file, code }) => {
-        const absPath2 = join2(dir, file);
-        if (code) {
-          return io.write(absPath2, code);
-        }
-      })
-    );
+  if (Array.isArray(input)) {
+    input = input.map((x) => x.trim()).filter((x) => x.length).join("-");
+  } else {
+    input = input.trim();
   }
-  function cleanOutdir() {
-    return emptyDir(paths.root);
+  if (input.length === 0) {
+    return "";
   }
-  function writeOutput(output) {
-    if (!output)
-      return;
-    const { dir = paths.root, files: files2 } = output;
-    return write(dir, files2);
-  }
-  const chunks = {
-    dir: paths.chunk,
-    readFile(file) {
-      let fileName = chunks.format(file);
-      fileName = join2(paths.chunk, fileName);
-      if (!existsSync(fileName)) {
-        return Promise.resolve("");
-      }
-      return io.read(fileName);
+  const toLowerCase = options.locale === false ? (string) => string.toLowerCase() : (string) => string.toLocaleLowerCase(options.locale);
+  const toUpperCase = options.locale === false ? (string) => string.toUpperCase() : (string) => string.toLocaleUpperCase(options.locale);
+  if (input.length === 1) {
+    if (SEPARATORS.test(input)) {
+      return "";
+    }
+    return options.pascalCase ? toUpperCase(input) : toLowerCase(input);
+  }
+  const hasUpperCase = input !== toLowerCase(input);
+  if (hasUpperCase) {
+    input = preserveCamelCase(input, toLowerCase, toUpperCase);
+  }
+  input = input.replace(LEADING_SEPARATORS, "");
+  input = options.preserveConsecutiveUppercase ? preserveConsecutiveUppercase(input, toLowerCase) : toLowerCase(input);
+  if (options.pascalCase) {
+    input = toUpperCase(input.charAt(0)) + input.slice(1);
+  }
+  return postProcess(input, toUpperCase);
+}
+
+// ../../node_modules/.pnpm/boxen@7.0.1/node_modules/boxen/index.js
+var import_ansi_align = __toESM(require_ansi_align(), 1);
+
+// ../../node_modules/.pnpm/wrap-ansi@8.0.1/node_modules/wrap-ansi/index.js
+init_esm_shims();
+
+// ../../node_modules/.pnpm/ansi-styles@6.1.1/node_modules/ansi-styles/index.js
+init_esm_shims();
+var ANSI_BACKGROUND_OFFSET2 = 10;
+var wrapAnsi162 = (offset = 0) => (code) => `\x1B[${code + offset}m`;
+var wrapAnsi2562 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
+var wrapAnsi16m2 = (offset = 0) => (red, green, blue) => `\x1B[${38 + offset};2;${red};${green};${blue}m`;
+function assembleStyles2() {
+  const codes = /* @__PURE__ */ new Map();
+  const styles2 = {
+    modifier: {
+      reset: [0, 0],
+      bold: [1, 22],
+      dim: [2, 22],
+      italic: [3, 23],
+      underline: [4, 24],
+      overline: [53, 55],
+      inverse: [7, 27],
+      hidden: [8, 28],
+      strikethrough: [9, 29]
     },
-    getFiles() {
-      if (!existsSync(chunks.dir))
-        return [];
-      return readdirSync(chunks.dir);
+    color: {
+      black: [30, 39],
+      red: [31, 39],
+      green: [32, 39],
+      yellow: [33, 39],
+      blue: [34, 39],
+      magenta: [35, 39],
+      cyan: [36, 39],
+      white: [37, 39],
+      blackBright: [90, 39],
+      redBright: [91, 39],
+      greenBright: [92, 39],
+      yellowBright: [93, 39],
+      blueBright: [94, 39],
+      magentaBright: [95, 39],
+      cyanBright: [96, 39],
+      whiteBright: [97, 39]
     },
-    format(file) {
-      return relative(cwd, file).replaceAll(sep, "__").replace(extname(file), ".css");
+    bgColor: {
+      bgBlack: [40, 49],
+      bgRed: [41, 49],
+      bgGreen: [42, 49],
+      bgYellow: [43, 49],
+      bgBlue: [44, 49],
+      bgMagenta: [45, 49],
+      bgCyan: [46, 49],
+      bgWhite: [47, 49],
+      bgBlackBright: [100, 49],
+      bgRedBright: [101, 49],
+      bgGreenBright: [102, 49],
+      bgYellowBright: [103, 49],
+      bgBlueBright: [104, 49],
+      bgMagentaBright: [105, 49],
+      bgCyanBright: [106, 49],
+      bgWhiteBright: [107, 49]
+    }
+  };
+  styles2.color.gray = styles2.color.blackBright;
+  styles2.bgColor.bgGray = styles2.bgColor.bgBlackBright;
+  styles2.color.grey = styles2.color.blackBright;
+  styles2.bgColor.bgGrey = styles2.bgColor.bgBlackBright;
+  for (const [groupName, group] of Object.entries(styles2)) {
+    for (const [styleName, style] of Object.entries(group)) {
+      styles2[styleName] = {
+        open: `\x1B[${style[0]}m`,
+        close: `\x1B[${style[1]}m`
+      };
+      group[styleName] = styles2[styleName];
+      codes.set(style[0], style[1]);
+    }
+    Object.defineProperty(styles2, groupName, {
+      value: group,
+      enumerable: false
+    });
+  }
+  Object.defineProperty(styles2, "codes", {
+    value: codes,
+    enumerable: false
+  });
+  styles2.color.close = "\x1B[39m";
+  styles2.bgColor.close = "\x1B[49m";
+  styles2.color.ansi = wrapAnsi162();
+  styles2.color.ansi256 = wrapAnsi2562();
+  styles2.color.ansi16m = wrapAnsi16m2();
+  styles2.bgColor.ansi = wrapAnsi162(ANSI_BACKGROUND_OFFSET2);
+  styles2.bgColor.ansi256 = wrapAnsi2562(ANSI_BACKGROUND_OFFSET2);
+  styles2.bgColor.ansi16m = wrapAnsi16m2(ANSI_BACKGROUND_OFFSET2);
+  Object.defineProperties(styles2, {
+    rgbToAnsi256: {
+      value: (red, green, blue) => {
+        if (red === green && green === blue) {
+          if (red < 8) {
+            return 16;
+          }
+          if (red > 248) {
+            return 231;
+          }
+          return Math.round((red - 8) / 247 * 24) + 232;
+        }
+        return 16 + 36 * Math.round(red / 255 * 5) + 6 * Math.round(green / 255 * 5) + Math.round(blue / 255 * 5);
+      },
+      enumerable: false
     },
-    async write(file, css3) {
-      const fileName = chunks.format(file);
-      const oldCss = await chunks.readFile(file);
-      const newCss = mergeCss(oldCss, css3);
-      logger4.debug("chunk:write", { file, path: fileName });
-      return write(paths.chunk, [{ file: fileName, code: newCss }]);
+    hexToRgb: {
+      value: (hex) => {
+        const matches = /[a-f\d]{6}|[a-f\d]{3}/i.exec(hex.toString(16));
+        if (!matches) {
+          return [0, 0, 0];
+        }
+        let [colorString] = matches;
+        if (colorString.length === 3) {
+          colorString = [...colorString].map((character) => character + character).join("");
+        }
+        const integer = Number.parseInt(colorString, 16);
+        return [
+          integer >> 16 & 255,
+          integer >> 8 & 255,
+          integer & 255
+        ];
+      },
+      enumerable: false
     },
-    rm(file) {
-      const fileName = chunks.format(file);
-      return io.rm(join2(paths.chunk, fileName));
+    hexToAnsi256: {
+      value: (hex) => styles2.rgbToAnsi256(...styles2.hexToRgb(hex)),
+      enumerable: false
     },
-    empty() {
-      return emptyDir(paths.chunk);
+    ansi256ToAnsi: {
+      value: (code) => {
+        if (code < 8) {
+          return 30 + code;
+        }
+        if (code < 16) {
+          return 90 + (code - 8);
+        }
+        let red;
+        let green;
+        let blue;
+        if (code >= 232) {
+          red = ((code - 232) * 10 + 8) / 255;
+          green = red;
+          blue = red;
+        } else {
+          code -= 16;
+          const remainder = code % 36;
+          red = Math.floor(code / 36) / 5;
+          green = Math.floor(remainder / 6) / 5;
+          blue = remainder % 6 / 5;
+        }
+        const value = Math.max(red, green, blue) * 2;
+        if (value === 0) {
+          return 30;
+        }
+        let result = 30 + (Math.round(blue) << 2 | Math.round(green) << 1 | Math.round(red));
+        if (value === 2) {
+          result += 60;
+        }
+        return result;
+      },
+      enumerable: false
     },
-    glob: [`${paths.chunk}/**/*.css`]
-  };
-  function getFiles() {
-    if (!config.include)
-      return [];
-    return glob.sync(config.include, { cwd, ignore: config.exclude, absolute: true });
-  }
-  const files = getFiles();
-  logger4.debug("ctx:files", files);
-  const importMap = {
-    css: `${outdir}/css`,
-    recipe: `${outdir}/recipes`,
-    pattern: `${outdir}/patterns`,
-    jsx: `${outdir}/jsx`
-  };
-  const project = createProject({
-    getFiles,
-    readFile(filePath) {
-      return readFileSync4(filePath, "utf8");
+    rgbToAnsi: {
+      value: (red, green, blue) => styles2.ansi256ToAnsi(styles2.rgbToAnsi256(red, green, blue)),
+      enumerable: false
     },
-    parserOptions: {
-      importMap,
-      jsx: {
-        factory: jsxFactory,
-        isStyleProp,
-        nodes: [...patternNodes, ...recipeNodes]
-      }
+    hexToAnsi: {
+      value: (hex) => styles2.ansi256ToAnsi(styles2.hexToAnsi256(hex)),
+      enumerable: false
     }
   });
-  function getGlobalCss() {
-    const sheet = new Stylesheet2(context());
-    sheet.processGlobalCss({
-      ":root": { "--made-with-panda": `'\u{1F43C}'` }
-    });
-    if (globalCss) {
-      sheet.processGlobalCss(globalCss);
+  return styles2;
+}
+var ansiStyles2 = assembleStyles2();
+var ansi_styles_default2 = ansiStyles2;
+
+// ../../node_modules/.pnpm/wrap-ansi@8.0.1/node_modules/wrap-ansi/index.js
+var ESCAPES = /* @__PURE__ */ new Set([
+  "\x1B",
+  "\x9B"
+]);
+var END_CODE = 39;
+var ANSI_ESCAPE_BELL = "\x07";
+var ANSI_CSI = "[";
+var ANSI_OSC = "]";
+var ANSI_SGR_TERMINATOR = "m";
+var ANSI_ESCAPE_LINK = `${ANSI_OSC}8;;`;
+var wrapAnsiCode = (code) => `${ESCAPES.values().next().value}${ANSI_CSI}${code}${ANSI_SGR_TERMINATOR}`;
+var wrapAnsiHyperlink = (uri) => `${ESCAPES.values().next().value}${ANSI_ESCAPE_LINK}${uri}${ANSI_ESCAPE_BELL}`;
+var wordLengths = (string) => string.split(" ").map((character) => stringWidth(character));
+var wrapWord = (rows, word, columns) => {
+  const characters = [...word];
+  let isInsideEscape = false;
+  let isInsideLinkEscape = false;
+  let visible = stringWidth(stripAnsi(rows[rows.length - 1]));
+  for (const [index, character] of characters.entries()) {
+    const characterLength = stringWidth(character);
+    if (visible + characterLength <= columns) {
+      rows[rows.length - 1] += character;
+    } else {
+      rows.push(character);
+      visible = 0;
+    }
+    if (ESCAPES.has(character)) {
+      isInsideEscape = true;
+      isInsideLinkEscape = characters.slice(index + 1).join("").startsWith(ANSI_ESCAPE_LINK);
+    }
+    if (isInsideEscape) {
+      if (isInsideLinkEscape) {
+        if (character === ANSI_ESCAPE_BELL) {
+          isInsideEscape = false;
+          isInsideLinkEscape = false;
+        }
+      } else if (character === ANSI_SGR_TERMINATOR) {
+        isInsideEscape = false;
+      }
+      continue;
+    }
+    visible += characterLength;
+    if (visible === columns && index < characters.length - 1) {
+      rows.push("");
+      visible = 0;
     }
-    return sheet.toCss();
   }
-  function getStaticCss() {
-    if (!staticCss)
-      return;
-    const sheet = new Stylesheet2(context());
-    const recipes2 = getRecipeDetails();
-    const getResults = getStaticCssCore(staticCss);
-    const results = getResults({
-      breakpoints: Object.keys(breakpoints ?? {}),
-      getPropertyKeys: utility.getPropertyKeys,
-      getRecipeKeys(recipe) {
-        return recipes2[recipe];
+  if (!visible && rows[rows.length - 1].length > 0 && rows.length > 1) {
+    rows[rows.length - 2] += rows.pop();
+  }
+};
+var stringVisibleTrimSpacesRight = (string) => {
+  const words = string.split(" ");
+  let last = words.length;
+  while (last > 0) {
+    if (stringWidth(words[last - 1]) > 0) {
+      break;
+    }
+    last--;
+  }
+  if (last === words.length) {
+    return string;
+  }
+  return words.slice(0, last).join(" ") + words.slice(last).join("");
+};
+var exec = (string, columns, options = {}) => {
+  if (options.trim !== false && string.trim() === "") {
+    return "";
+  }
+  let returnValue = "";
+  let escapeCode;
+  let escapeUrl;
+  const lengths = wordLengths(string);
+  let rows = [""];
+  for (const [index, word] of string.split(" ").entries()) {
+    if (options.trim !== false) {
+      rows[rows.length - 1] = rows[rows.length - 1].trimStart();
+    }
+    let rowLength = stringWidth(rows[rows.length - 1]);
+    if (index !== 0) {
+      if (rowLength >= columns && (options.wordWrap === false || options.trim === false)) {
+        rows.push("");
+        rowLength = 0;
       }
-    });
-    results.css.forEach((css3) => {
-      sheet.processAtomic(css3);
-    });
-    results.recipes.forEach((result) => {
-      Object.entries(result).forEach(([key, value]) => {
-        const recipe = getRecipe(key);
-        if (!recipe)
-          return;
-        sheet.processRecipe(recipe, value);
-      });
-    });
-    return sheet.toCss();
+      if (rowLength > 0 || options.trim === false) {
+        rows[rows.length - 1] += " ";
+        rowLength++;
+      }
+    }
+    if (options.hard && lengths[index] > columns) {
+      const remainingColumns = columns - rowLength;
+      const breaksStartingThisLine = 1 + Math.floor((lengths[index] - remainingColumns - 1) / columns);
+      const breaksStartingNextLine = Math.floor((lengths[index] - 1) / columns);
+      if (breaksStartingNextLine < breaksStartingThisLine) {
+        rows.push("");
+      }
+      wrapWord(rows, word, columns);
+      continue;
+    }
+    if (rowLength + lengths[index] > columns && rowLength > 0 && lengths[index] > 0) {
+      if (options.wordWrap === false && rowLength < columns) {
+        wrapWord(rows, word, columns);
+        continue;
+      }
+      rows.push("");
+    }
+    if (rowLength + lengths[index] > columns && options.wordWrap === false) {
+      wrapWord(rows, word, columns);
+      continue;
+    }
+    rows[rows.length - 1] += word;
+  }
+  if (options.trim !== false) {
+    rows = rows.map((row) => stringVisibleTrimSpacesRight(row));
+  }
+  const pre = [...rows.join("\n")];
+  for (const [index, character] of pre.entries()) {
+    returnValue += character;
+    if (ESCAPES.has(character)) {
+      const { groups } = new RegExp(`(?:\\${ANSI_CSI}(?<code>\\d+)m|\\${ANSI_ESCAPE_LINK}(?<uri>.*)${ANSI_ESCAPE_BELL})`).exec(pre.slice(index).join("")) || { groups: {} };
+      if (groups.code !== void 0) {
+        const code2 = Number.parseFloat(groups.code);
+        escapeCode = code2 === END_CODE ? void 0 : code2;
+      } else if (groups.uri !== void 0) {
+        escapeUrl = groups.uri.length === 0 ? void 0 : groups.uri;
+      }
+    }
+    const code = ansi_styles_default2.codes.get(Number(escapeCode));
+    if (pre[index + 1] === "\n") {
+      if (escapeUrl) {
+        returnValue += wrapAnsiHyperlink("");
+      }
+      if (escapeCode && code) {
+        returnValue += wrapAnsiCode(code);
+      }
+    } else if (character === "\n") {
+      if (escapeCode && code) {
+        returnValue += wrapAnsiCode(escapeCode);
+      }
+      if (escapeUrl) {
+        returnValue += wrapAnsiHyperlink(escapeUrl);
+      }
+    }
   }
-  function getCss(collector, file) {
-    const sheet = new Stylesheet2(context());
-    collector.css.forEach((result) => {
-      sheet.processAtomic(result.data);
-    });
-    collector.cva.forEach((result) => {
-      sheet.processAtomicRecipe(result.data);
-    });
-    collector.jsx.forEach((result) => {
-      const { data, type, name } = result;
-      const { css: css3 = {}, ...rest } = data;
-      const styles = { ...css3, ...rest };
-      match5([name, type]).with([P.string, "pattern"], ([name2]) => {
-        collector.setPattern(getPatternFnName(name2), { data: styles });
-      }).with([P.string, "recipe"], ([name2]) => {
-        const [recipeProps, atomicProps] = splitRecipeProps(name2, styles);
-        collector.setRecipe(getRecipeFnName(name2), { data: recipeProps });
-        sheet.processAtomic(atomicProps);
-      }).otherwise(() => {
-        sheet.processAtomic(styles);
-      });
-    });
-    collector.recipe.forEach((result, name) => {
-      try {
-        for (const item of result) {
-          const recipe = getRecipe(name);
-          if (!recipe)
-            continue;
-          sheet.processRecipe(recipe, item.data);
-        }
-      } catch (error) {
-        logger4.error("recipe", error);
+  return returnValue;
+};
+function wrapAnsi(string, columns, options) {
+  return String(string).normalize().replace(/\r\n/g, "\n").split("\n").map((line) => exec(line, columns, options)).join("\n");
+}
+
+// ../../node_modules/.pnpm/boxen@7.0.1/node_modules/boxen/index.js
+var import_cli_boxes2 = __toESM(require_cli_boxes(), 1);
+var NEWLINE = "\n";
+var PAD = " ";
+var BORDERS_WIDTH = 2;
+var terminalColumns = () => {
+  const { env: env2, stdout, stderr } = process3;
+  if (stdout?.columns) {
+    return stdout.columns;
+  }
+  if (stderr?.columns) {
+    return stderr.columns;
+  }
+  if (env2.COLUMNS) {
+    return Number.parseInt(env2.COLUMNS, 10);
+  }
+  return 80;
+};
+var getObject = (detail) => typeof detail === "number" ? {
+  top: detail,
+  right: detail * 3,
+  bottom: detail,
+  left: detail * 3
+} : {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  ...detail
+};
+var getBorderChars = (borderStyle) => {
+  const sides = [
+    "topLeft",
+    "topRight",
+    "bottomRight",
+    "bottomLeft",
+    "left",
+    "right",
+    "top",
+    "bottom"
+  ];
+  let characters;
+  if (typeof borderStyle === "string") {
+    characters = import_cli_boxes.default[borderStyle];
+    if (!characters) {
+      throw new TypeError(`Invalid border style: ${borderStyle}`);
+    }
+  } else {
+    if (typeof borderStyle?.vertical === "string") {
+      borderStyle.left = borderStyle.vertical;
+      borderStyle.right = borderStyle.vertical;
+    }
+    if (typeof borderStyle?.horizontal === "string") {
+      borderStyle.top = borderStyle.horizontal;
+      borderStyle.bottom = borderStyle.horizontal;
+    }
+    for (const side of sides) {
+      if (!borderStyle[side] || typeof borderStyle[side] !== "string") {
+        throw new TypeError(`Invalid border style: ${side}`);
       }
-    });
-    collector.pattern.forEach((result, name) => {
-      try {
-        for (const item of result) {
-          const styles = execPattern(name, item.data);
-          sheet.processAtomic(styles);
+    }
+    characters = borderStyle;
+  }
+  return characters;
+};
+var makeTitle = (text, horizontal, alignement) => {
+  let title = "";
+  const textWidth = stringWidth(text);
+  switch (alignement) {
+    case "left":
+      title = text + horizontal.slice(textWidth);
+      break;
+    case "right":
+      title = horizontal.slice(textWidth) + text;
+      break;
+    default:
+      horizontal = horizontal.slice(textWidth);
+      if (horizontal.length % 2 === 1) {
+        horizontal = horizontal.slice(Math.floor(horizontal.length / 2));
+        title = horizontal.slice(1) + text + horizontal;
+      } else {
+        horizontal = horizontal.slice(horizontal.length / 2);
+        title = horizontal + text + horizontal;
+      }
+      break;
+  }
+  return title;
+};
+var makeContentText = (text, { padding, width, textAlignment, height }) => {
+  text = (0, import_ansi_align.default)(text, { align: textAlignment });
+  let lines = text.split(NEWLINE);
+  const textWidth = widestLine(text);
+  const max = width - padding.left - padding.right;
+  if (textWidth > max) {
+    const newLines = [];
+    for (const line of lines) {
+      const createdLines = wrapAnsi(line, max, { hard: true });
+      const alignedLines = (0, import_ansi_align.default)(createdLines, { align: textAlignment });
+      const alignedLinesArray = alignedLines.split("\n");
+      const longestLength = Math.max(...alignedLinesArray.map((s) => stringWidth(s)));
+      for (const alignedLine of alignedLinesArray) {
+        let paddedLine;
+        switch (textAlignment) {
+          case "center":
+            paddedLine = PAD.repeat((max - longestLength) / 2) + alignedLine;
+            break;
+          case "right":
+            paddedLine = PAD.repeat(max - longestLength) + alignedLine;
+            break;
+          default:
+            paddedLine = alignedLine;
+            break;
         }
-      } catch (error) {
-        logger4.error("pattern", error);
+        newLines.push(paddedLine);
       }
-    });
-    if (collector.isEmpty()) {
-      return;
     }
-    return {
-      css: sheet.toCss({ minify: config.minify }),
-      file: chunks.format(file)
-    };
+    lines = newLines;
+  }
+  if (textAlignment === "center" && textWidth < max) {
+    lines = lines.map((line) => PAD.repeat((max - textWidth) / 2) + line);
+  } else if (textAlignment === "right" && textWidth < max) {
+    lines = lines.map((line) => PAD.repeat(max - textWidth) + line);
+  }
+  const paddingLeft = PAD.repeat(padding.left);
+  const paddingRight = PAD.repeat(padding.right);
+  lines = lines.map((line) => paddingLeft + line + paddingRight);
+  lines = lines.map((line) => {
+    if (width - stringWidth(line) > 0) {
+      switch (textAlignment) {
+        case "center":
+          return line + PAD.repeat(width - stringWidth(line));
+        case "right":
+          return line + PAD.repeat(width - stringWidth(line));
+        default:
+          return line + PAD.repeat(width - stringWidth(line));
+      }
+    }
+    return line;
+  });
+  if (padding.top > 0) {
+    lines = [...Array.from({ length: padding.top }).fill(PAD.repeat(width)), ...lines];
   }
-  function extract(fn) {
-    return Promise.all(getFiles().map(fn));
+  if (padding.bottom > 0) {
+    lines = [...lines, ...Array.from({ length: padding.bottom }).fill(PAD.repeat(width))];
   }
-  return {
-    ...config,
-    theme,
-    config,
-    configPath: conf.path,
-    cwd,
-    conf,
-    chunks,
-    files,
-    helpers,
-    context,
-    exclude,
-    conditions,
-    importMap,
-    absPath,
-    project,
-    getPath,
-    paths,
-    write,
-    writeOutput,
-    cleanOutdir,
-    getExt,
-    getImport,
-    getExport,
-    cssVarRoot,
-    tokens,
-    hasTokens,
-    utility,
-    getCss,
-    getGlobalCss,
-    getStaticCss,
-    patterns,
-    hasPatterns,
-    getPattern,
-    execPattern,
-    patternNodes,
-    getPatternFnName,
-    getPatternDetails,
-    recipes,
-    getRecipe,
-    hasRecipes,
-    getRecipeDetails,
-    jsxFactory,
-    jsxFactoryDetails,
-    properties,
-    extract
+  if (height && lines.length > height) {
+    lines = lines.slice(0, height);
+  } else if (height && lines.length < height) {
+    lines = [...lines, ...Array.from({ length: height - lines.length }).fill(PAD.repeat(width))];
+  }
+  return lines.join(NEWLINE);
+};
+var boxContent = (content, contentWidth, options) => {
+  const colorizeBorder = (border) => {
+    const newBorder = options.borderColor ? getColorFn(options.borderColor)(border) : border;
+    return options.dimBorder ? source_default.dim(newBorder) : newBorder;
   };
-}
-
-// src/config.ts
-var configs = [".ts", ".js", ".mjs", ".cjs"];
-function findConfig() {
-  for (const config of configs) {
-    const result = lookItUpSync(`panda.config${config}`);
-    if (result) {
-      return result;
+  const colorizeContent = (content2) => options.backgroundColor ? getBGColorFn(options.backgroundColor)(content2) : content2;
+  const chars = getBorderChars(options.borderStyle);
+  const columns = terminalColumns();
+  let marginLeft = PAD.repeat(options.margin.left);
+  if (options.float === "center") {
+    const marginWidth = Math.max((columns - contentWidth - BORDERS_WIDTH) / 2, 0);
+    marginLeft = PAD.repeat(marginWidth);
+  } else if (options.float === "right") {
+    const marginWidth = Math.max(columns - contentWidth - options.margin.right - BORDERS_WIDTH, 0);
+    marginLeft = PAD.repeat(marginWidth);
+  }
+  const top = colorizeBorder(NEWLINE.repeat(options.margin.top) + marginLeft + chars.topLeft + (options.title ? makeTitle(options.title, chars.top.repeat(contentWidth), options.titleAlignment) : chars.top.repeat(contentWidth)) + chars.topRight);
+  const bottom = colorizeBorder(marginLeft + chars.bottomLeft + chars.bottom.repeat(contentWidth) + chars.bottomRight + NEWLINE.repeat(options.margin.bottom));
+  const lines = content.split(NEWLINE);
+  const middle = lines.map((line) => marginLeft + colorizeBorder(chars.left) + colorizeContent(line) + colorizeBorder(chars.right)).join(NEWLINE);
+  return top + NEWLINE + middle + NEWLINE + bottom;
+};
+var sanitizeOptions = (options) => {
+  if (options.fullscreen && process3?.stdout) {
+    let newDimensions = [process3.stdout.columns, process3.stdout.rows];
+    if (typeof options.fullscreen === "function") {
+      newDimensions = options.fullscreen(...newDimensions);
+    }
+    if (!options.width) {
+      options.width = newDimensions[0];
+    }
+    if (!options.height) {
+      options.height = newDimensions[1];
     }
   }
-}
-async function loadConfigAndCreateContext(options = {}) {
-  const { cwd = process.cwd(), config, configPath } = options;
-  const conf = await loadConfigFile({ cwd, file: configPath });
-  if (config) {
-    Object.assign(conf.config, config);
+  if (options.width) {
+    options.width = Math.max(1, options.width - BORDERS_WIDTH);
   }
-  return createContext(conf);
+  if (options.height) {
+    options.height = Math.max(1, options.height - BORDERS_WIDTH);
+  }
+  return options;
+};
+var determineDimensions = (text, options) => {
+  options = sanitizeOptions(options);
+  const widthOverride = options.width !== void 0;
+  const columns = terminalColumns();
+  const maxWidth = columns - options.margin.left - options.margin.right - BORDERS_WIDTH;
+  const widest = widestLine(wrapAnsi(text, columns - BORDERS_WIDTH, { hard: true, trim: false })) + options.padding.left + options.padding.right;
+  if (options.title && widthOverride) {
+    options.title = options.title.slice(0, Math.max(0, options.width - 2));
+    if (options.title) {
+      options.title = ` ${options.title} `;
+    }
+  } else if (options.title) {
+    options.title = options.title.slice(0, Math.max(0, maxWidth - 2));
+    if (options.title) {
+      options.title = ` ${options.title} `;
+      if (stringWidth(options.title) > widest) {
+        options.width = stringWidth(options.title);
+      }
+    }
+  }
+  options.width = options.width ? options.width : widest;
+  if (!widthOverride) {
+    if (options.margin.left && options.margin.right && options.width > maxWidth) {
+      const spaceForMargins = columns - options.width - BORDERS_WIDTH;
+      const multiplier = spaceForMargins / (options.margin.left + options.margin.right);
+      options.margin.left = Math.max(0, Math.floor(options.margin.left * multiplier));
+      options.margin.right = Math.max(0, Math.floor(options.margin.right * multiplier));
+    }
+    options.width = Math.min(options.width, columns - BORDERS_WIDTH - options.margin.left - options.margin.right);
+  }
+  if (options.width - (options.padding.left + options.padding.right) <= 0) {
+    options.padding.left = 0;
+    options.padding.right = 0;
+  }
+  if (options.height && options.height - (options.padding.top + options.padding.bottom) <= 0) {
+    options.padding.top = 0;
+    options.padding.bottom = 0;
+  }
+  return options;
+};
+var isHex = (color) => color.match(/^#(?:[0-f]{3}){1,2}$/i);
+var isColorValid = (color) => typeof color === "string" && (source_default[color] ?? isHex(color));
+var getColorFn = (color) => isHex(color) ? source_default.hex(color) : source_default[color];
+var getBGColorFn = (color) => isHex(color) ? source_default.bgHex(color) : source_default[camelCase(["bg", color])];
+function boxen(text, options) {
+  options = {
+    padding: 0,
+    borderStyle: "single",
+    dimBorder: false,
+    textAlignment: "left",
+    float: "left",
+    titleAlignment: "left",
+    ...options
+  };
+  if (options.align) {
+    options.textAlignment = options.align;
+  }
+  if (options.borderColor && !isColorValid(options.borderColor)) {
+    throw new Error(`${options.borderColor} is not a valid borderColor`);
+  }
+  if (options.backgroundColor && !isColorValid(options.backgroundColor)) {
+    throw new Error(`${options.backgroundColor} is not a valid backgroundColor`);
+  }
+  options.padding = getObject(options.padding);
+  options.margin = getObject(options.margin);
+  options = determineDimensions(text, options);
+  text = makeContentText(text, options);
+  return boxContent(text, options.width, options);
 }
 
-// src/glob.ts
-import globParent from "glob-parent";
+// src/cli-box.ts
+var createBox = (options) => boxen(options.content, {
+  padding: { left: 3, right: 3, top: 1, bottom: 1 },
+  borderColor: "magenta",
+  borderStyle: "round",
+  title: options.title,
+  titleAlignment: "center"
+});
+
+// src/extract.ts
+async function bundleChunks(ctx) {
+  const files = ctx.chunks.getFiles();
+  return ctx.output.write({
+    dir: ctx.paths.root,
+    files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
+  });
+}
+async function writeFileChunk(ctx, file) {
+  const { path } = ctx.runtime;
+  logger2.debug("chunk:write", `File: ${path.relative(ctx.config.cwd, file)}`);
+  const css = extractFile(ctx, file);
+  if (!css)
+    return;
+  const artifact = ctx.chunks.getArtifact(file, css);
+  return ctx.output.write(artifact);
+}
+function extractFile(ctx, file) {
+  const {
+    runtime: { path },
+    config: { cwd }
+  } = ctx;
+  return pipe2(
+    { file: path.abs(cwd, file) },
+    tap2(() => logger2.debug("file:extract", file)),
+    Obj2.bind("measure", () => logger2.time.debug(`Extracted ${file}`)),
+    Obj2.bind("result", ({ file: file2 }) => ctx.project.parseSourceFile(file2)),
+    Obj2.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
+    tap2(({ measure }) => measure()),
+    ({ css }) => css
+  );
+}
+function extractFiles(ctx) {
+  return Promise.all(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
+}
+var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
+var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
+async function emitArtifacts(ctx) {
+  if (ctx.config.clean)
+    ctx.output.empty();
+  await Promise.all(ctx.getArtifacts().map(ctx.output.write));
+  return ctx.messages.artifactsGenerated() + createBox({
+    content: ctx.messages.codegenComplete(),
+    title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
+  });
+}
+async function emitAndExtract(ctx) {
+  await emitArtifacts(ctx);
+  return extractCss(ctx);
+}
+async function extractCss(ctx) {
+  await extractFiles(ctx);
+  await bundleChunks(ctx);
+  return ctx.messages.buildComplete(ctx.getFiles().length);
+}
+
+// src/parse-dependency.ts
+init_esm_shims();
 import isGlob from "is-glob";
-import { resolve as resolve2 } from "path";
+import { resolve } from "path";
+
+// src/parse-glob.ts
+init_esm_shims();
+import globParent from "glob-parent";
 function parseGlob(pattern) {
   let glob2 = pattern;
   const base = globParent(pattern);
@@ -2235,6 +1908,8 @@ function parseGlob(pattern) {
   }
   return { base, glob: glob2 };
 }
+
+// src/parse-dependency.ts
 function parseDependency(fileOrGlob) {
   if (fileOrGlob.startsWith("!")) {
     return null;
@@ -2242,9 +1917,9 @@ function parseDependency(fileOrGlob) {
   let message = null;
   if (isGlob(fileOrGlob)) {
     const { base, glob: glob2 } = parseGlob(fileOrGlob);
-    message = { type: "dir-dependency", dir: resolve2(base), glob: glob2 };
+    message = { type: "dir-dependency", dir: resolve(base), glob: glob2 };
   } else {
-    message = { type: "dependency", file: resolve2(fileOrGlob) };
+    message = { type: "dependency", file: resolve(fileOrGlob) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
     message = { type: "dependency", file: message.dir };
@@ -2260,7 +1935,7 @@ function getConfigHash() {
   if (!file) {
     throw new ConfigNotFoundError();
   }
-  return toHash(readFileSync5(file, "utf-8"));
+  return toHash(readFileSync2(file, "utf-8"));
 }
 var setupCount = 0;
 var Builder = class {
@@ -2268,9 +1943,9 @@ var Builder = class {
   fileCssMap = /* @__PURE__ */ new Map();
   context;
   configChanged = true;
-  updateFile(file, css3) {
+  writeFile(file, css) {
     const oldCss = this.fileCssMap?.get(file) ?? "";
-    const newCss = mergeCss2(oldCss, css3);
+    const newCss = mergeCss2(oldCss, css);
     this.fileCssMap?.set(file, newCss);
   }
   async setup() {
@@ -2286,7 +1961,7 @@ var Builder = class {
       if (setupCount > 0) {
         emitArtifacts(this.context);
       }
-      this.fileCssMap = /* @__PURE__ */ new Map([["base.css", getBaseCss(this.context)]]);
+      this.fileCssMap = /* @__PURE__ */ new Map();
       this.fileModifiedMap = /* @__PURE__ */ new Map();
       contextCache.set(configHash, this.context);
       builderCache.set(this.context, { fileCssMap: this.fileCssMap, fileModifiedMap: this.fileModifiedMap });
@@ -2300,27 +1975,29 @@ var Builder = class {
   }
   async extract() {
     const ctx = this.ensure();
-    const done = logger5.time.info("Extracted in");
-    await ctx.extract(async (file) => {
-      const mtime = existsSync2(file) ? statSync(file).mtimeMs : -Infinity;
-      const isUnchanged = this.fileModifiedMap.has(file) && mtime === this.fileModifiedMap.get(file);
-      if (isUnchanged)
-        return;
-      const result = extractFile(ctx, file);
-      if (!result)
-        return;
-      this.fileModifiedMap.set(file, mtime);
-      this.updateFile(file, result.css);
-      return result;
-    });
+    const done = logger3.time.info("Extracted in");
+    await Promise.all(
+      ctx.getFiles().map(async (file) => {
+        const mtime = existsSync2(file) ? statSync(file).mtimeMs : -Infinity;
+        const isUnchanged = this.fileModifiedMap.has(file) && mtime === this.fileModifiedMap.get(file);
+        if (isUnchanged)
+          return;
+        const css = extractFile(ctx, file);
+        if (!css)
+          return;
+        this.fileModifiedMap.set(file, mtime);
+        this.writeFile(file, css);
+        return css;
+      })
+    );
     done();
   }
   toString() {
     const ctx = this.ensure();
-    const sheet = new Stylesheet3(ctx.context());
-    const css3 = Array.from(this.fileCssMap.values()).join("\n\n");
-    sheet.append(css3);
-    return sheet.toCss({ minify: ctx.minify });
+    return ctx.getCss({
+      files: Array.from(this.fileCssMap.values()),
+      resolve: true
+    });
   }
   isValidRoot(root) {
     const params = "reset, base, tokens, recipes, utilities";
@@ -2350,14 +2027,15 @@ var Builder = class {
         fn(dependency);
       }
     }
-    for (const file of ctx.conf.dependencies) {
-      fn({ type: "dependency", file: resolve3(file) });
+    for (const file of ctx.dependencies) {
+      fn({ type: "dependency", file: resolve2(file) });
     }
   }
 };
 
-// src/exec.ts
-import { logger as logger6 } from "@pandacss/logger";
+// src/exec-command.ts
+init_esm_shims();
+import { logger as logger4 } from "@pandacss/logger";
 import { spawnSync } from "child_process";
 import getPackageManager from "preferred-pm";
 async function execCommand(cmd, cwd) {
@@ -2369,80 +2047,17 @@ async function execCommand(cmd, cwd) {
   }
   const check = spawnSync(pm, args, { cwd, stdio: "pipe" });
   if (check.status !== 0) {
-    logger6.error("exec", check.stderr.toString());
+    logger4.error("exec", check.stderr.toString());
   }
 }
 
 // src/generate.ts
-import { logger as logger8 } from "@pandacss/logger";
-
-// src/watch.ts
-import { logger as logger7 } from "@pandacss/logger";
-import chokidar from "chokidar";
-import { match as match6 } from "ts-pattern";
-function createWatcher(files, options = {}) {
-  const { ignore, cwd = process.cwd(), poll } = options;
-  const coalesce = poll || process.platform === "win32";
-  const watcher = chokidar.watch(files, {
-    usePolling: poll,
-    cwd,
-    ignoreInitial: true,
-    ignorePermissionErrors: true,
-    ignored: ignore,
-    awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
-  });
-  logger7.debug("watch:file", `watching [${files}]`);
-  process.once("SIGINT", async () => {
-    await watcher.close();
-  });
-  return watcher;
-}
-async function createConfigWatcher(conf) {
-  return createWatcher(conf.dependencies);
-}
-async function createContentWatcher(ctx, callback) {
-  const { include, cwd, exclude } = ctx;
-  const watcher = createWatcher(include, {
-    cwd,
-    ignore: exclude
-  });
-  watcher.on("all", async (event, file) => {
-    logger7.debug(`file:${event}`, file);
-    match6(event).with("unlink", () => {
-      ctx.project.removeSourceFile(ctx.absPath(file));
-      ctx.chunks.rm(file);
-    }).with("change", async () => {
-      ctx.project.reloadSourceFile(file);
-      await callback(file);
-    }).with("add", async () => {
-      ctx.project.createSourceFile(file);
-      await callback(file);
-    }).otherwise(() => {
-    });
-  });
-  return watcher;
-}
-process.setMaxListeners(Infinity);
-async function watch(ctx, options) {
-  await createContentWatcher(ctx, options.onContentChange);
-  const configWatcher = await createConfigWatcher(ctx.conf);
-  configWatcher.on("change", async () => {
-    logger7.info("watch:config", "Config changed, restarting...");
-    await options.onConfigChange();
-  });
-}
-process.on("unhandledRejection", (reason) => {
-  logger7.error("watch:unhandledRejection", reason);
-});
-process.on("uncaughtException", (reason) => {
-  logger7.error("watch:uncaughtException", reason);
-});
+init_esm_shims();
+import { logger as logger5 } from "@pandacss/logger";
+import { match } from "ts-pattern";
 
-// src/generate.ts
-async function build(ctx) {
-  const msg = await emitAndExtract(ctx);
-  logger8.info("css:emit", msg);
-}
+// src/load-context.ts
+init_esm_shims();
 var loadContext = async (config, configPath) => {
   const ctxRef = { current: void 0 };
   const load = async () => {
@@ -2452,50 +2067,75 @@ var loadContext = async (config, configPath) => {
   await load();
   return [ctxRef, load];
 };
-async function generate5(config, configPath) {
+
+// src/generate.ts
+async function build(ctx) {
+  const msg = await emitAndExtract(ctx);
+  logger5.info("css:emit", msg);
+}
+async function generate(config, configPath) {
   const [ctxRef, loadCtx] = await loadContext(config, configPath);
-  const initialCtx = ctxRef.current;
-  await build(initialCtx);
-  if (initialCtx.watch) {
-    await watch(initialCtx, {
-      onConfigChange: async () => {
-        await loadCtx();
-        return build(ctxRef.current);
-      },
-      onContentChange: async (file) => {
+  const ctx = ctxRef.current;
+  await build(ctx);
+  const {
+    runtime: { fs, path },
+    dependencies,
+    config: { cwd }
+  } = ctx;
+  if (ctx.config.watch) {
+    const configWatcher = fs.watch({ include: dependencies });
+    configWatcher.on("change", async () => {
+      logger5.info("config:change", "Config changed, restarting...");
+      await loadCtx();
+      return build(ctxRef.current);
+    });
+    const contentWatcher = fs.watch(ctx.config);
+    contentWatcher.on("all", async (event, file) => {
+      logger5.info(`file:${event}`, file);
+      match(event).with("unlink", () => {
+        ctx.project.removeSourceFile(path.abs(cwd, file));
+        ctx.chunks.rm(file);
+      }).with("change", async () => {
+        ctx.project.reloadSourceFile(file);
         await writeFileChunk(ctxRef.current, file);
+      }).with("add", async () => {
+        ctx.project.createSourceFile(file);
         return bundleChunks(ctxRef.current);
-      }
+      }).otherwise(() => {
+      });
     });
-    logger8.info("ctx:watch", watchMessage());
+    logger5.info("ctx:watch", ctx.messages.watch());
   }
 }
 
 // src/git-ignore.ts
-import { appendFileSync, readFileSync as readFileSync6, writeFileSync } from "fs";
+init_esm_shims();
+import { appendFileSync, readFileSync as readFileSync3, writeFileSync as writeFileSync2 } from "fs";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";
-import outdent26 from "outdent";
-function setupGitIgnore(ctx) {
-  const txt = outdent26`## CSS Panda
-  ${ctx.outdir}
-  ${ctx.outdir}-static
+import outdent from "outdent";
+function setupGitIgnore({ config: { outdir } }) {
+  const txt = outdent`## CSS Panda
+  ${outdir}
+  ${outdir}-static
   `;
   const file = lookItUpSync2(".gitignore");
   if (!file) {
-    return writeFileSync(".gitignore", txt);
+    return writeFileSync2(".gitignore", txt);
   }
-  const content = readFileSync6(file, "utf-8");
-  if (!content.includes(ctx.outdir)) {
+  const content = readFileSync3(file, "utf-8");
+  if (!content.includes(outdir)) {
     appendFileSync(file, txt);
   }
 }
 
-// src/scaffold.ts
-import { logger as logger9, quote as quote3 } from "@pandacss/logger";
+// src/setup-config.ts
+init_esm_shims();
+import { logger as logger6, quote } from "@pandacss/logger";
+import { messages } from "@pandacss/generator";
 import { writeFile as writeFile2 } from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
-import { outdent as outdent27 } from "outdent";
-import { join as join3 } from "path";
+import { outdent as outdent2 } from "outdent";
+import { join as join2 } from "path";
 import getPackageManager2 from "preferred-pm";
 async function setupConfig(cwd, { force }) {
   const configFile = findConfig();
@@ -2504,20 +2144,17 @@ async function setupConfig(cwd, { force }) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = lookItUpSync3("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  logger9.info("init:config", `creating panda config file: ${quote3(file)}`);
+  logger6.info("init:config", `creating panda config file: ${quote(file)}`);
   if (!force && configFile) {
-    logger9.warn("init:config", configExistsMessage(cmd));
+    logger6.warn("init:config", messages.configExists(cmd));
   } else {
-    const content = outdent27`
+    const content = outdent2`
        import { defineConfig } from "css-panda"
 
        export default defineConfig({
         // Whether to use css reset
         preflight: true,
         
-        // Default preset to use
-        presets: ["css-panda/presets"],
-        
         // Where to look for your css declarations
         include: ["./src/**/*.{tsx,jsx}", "./pages/**/*.{jsx,tsx}"],
         
@@ -2528,20 +2165,20 @@ async function setupConfig(cwd, { force }) {
         outdir: "design-system",
        })
     `;
-    await writeFile2(join3(cwd, file), content);
-    logger9.log(thankYouMessage());
+    await writeFile2(join2(cwd, file), content);
+    logger6.log(messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  logger9.info("init:postcss", `creating postcss config file: ${quote3("postcss.config.cjs")}`);
-  const content = outdent27`
+  logger6.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
+  const content = outdent2`
   module.exports = {
     plugins: {
       'css-panda/postcss': {},
     },
   }
   `;
-  await writeFile2(join3(cwd, "postcss.config.cjs"), content);
+  await writeFile2(join2(cwd, "postcss.config.cjs"), content);
 }
 export {
   Builder,
@@ -2551,7 +2188,7 @@ export {
   emitArtifacts,
   execCommand,
   extractCss,
-  generate5 as generate,
+  generate,
   loadConfigAndCreateContext,
   setupConfig,
   setupGitIgnore,