@pandacss/studio 0.4.0 → 0.5.1

package/{astro.config.ts → astro.config.mjs}

@@ -1,6 +1,6 @@
 import { defineConfig } from 'astro/config'
 import react from '@astrojs/react'
-import virtualPanda from './virtual-panda'
+import virtualPanda from './virtual-panda.mjs'
 
 // https://astro.build/config
 export default defineConfig({

package/dist/studio.d.mts

@@ -0,0 +1,13 @@
+type BuildOpts = {
+    outDir: string;
+};
+declare function buildStudio({ outDir }: BuildOpts): Promise<void>;
+declare function serveStudio(): Promise<void>;
+declare function previewStudio({ outDir }: BuildOpts): Promise<void>;
+declare function printUrls(options: {
+    host: string;
+    port: number;
+    https: boolean;
+}): void;
+
+export { BuildOpts, buildStudio, previewStudio, printUrls, serveStudio };

package/dist/studio.js

@@ -33,15 +33,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
+    "use strict";
   }
 });
 
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/windows.js
 var require_windows = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/windows.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     module2.exports = isexe;
     isexe.sync = sync;
@@ -83,6 +85,7 @@ var require_windows = __commonJS({
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/mode.js
 var require_mode = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/mode.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     module2.exports = isexe;
     isexe.sync = sync;
@@ -117,6 +120,7 @@ var require_mode = __commonJS({
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/index.js
 var require_isexe = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/index.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     var fs = require("fs");
     var core;
@@ -173,6 +177,7 @@ var require_isexe = __commonJS({
 // ../../node_modules/.pnpm/which@2.0.2/node_modules/which/which.js
 var require_which = __commonJS({
   "../../node_modules/.pnpm/which@2.0.2/node_modules/which/which.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     var isWindows = process.platform === "win32" || process.env.OSTYPE === "cygwin" || process.env.OSTYPE === "msys";
     var path3 = require("path");
@@ -552,6 +557,7 @@ var require_cross_spawn = __commonJS({
 // ../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/signals.js
 var require_signals = __commonJS({
   "../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/signals.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     module2.exports = [
       "SIGABRT",
@@ -590,6 +596,7 @@ var require_signals = __commonJS({
 // ../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/index.js
 var require_signal_exit = __commonJS({
   "../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/index.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     var process5 = global.process;
     var processOk = function(process6) {
@@ -1730,8 +1737,8 @@ var getSpawnedResult = async ({ stdout, stderr, all }, { encoding, buffer, maxBu
 
 // ../../node_modules/.pnpm/execa@7.1.1/node_modules/execa/lib/promise.js
 init_cjs_shims();
-var nativePromisePrototype = (async () => {
-})().constructor.prototype;
+var nativePromisePrototype = (/* @__PURE__ */ (async () => {
+})()).constructor.prototype;
 var descriptors = ["then", "catch", "finally"].map((property) => [
   property,
   Reflect.getOwnPropertyDescriptor(nativePromisePrototype, property)

package/dist/studio.mjs

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 }) : x)(function(x) {
   if (typeof require !== "undefined")
     return require.apply(this, arguments);
-  throw new Error('Dynamic require of "' + x + '" is not supported');
+  throw Error('Dynamic require of "' + x + '" is not supported');
 });
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
@@ -34,12 +34,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename, getDirname, __dirname;
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
+    "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
     __dirname = /* @__PURE__ */ getDirname();
@@ -49,6 +50,7 @@ var init_esm_shims = __esm({
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/windows.js
 var require_windows = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/windows.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = isexe;
     isexe.sync = sync;
@@ -90,6 +92,7 @@ var require_windows = __commonJS({
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/mode.js
 var require_mode = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/mode.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = isexe;
     isexe.sync = sync;
@@ -124,6 +127,7 @@ var require_mode = __commonJS({
 // ../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/index.js
 var require_isexe = __commonJS({
   "../../node_modules/.pnpm/isexe@2.0.0/node_modules/isexe/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var fs = __require("fs");
     var core;
@@ -180,6 +184,7 @@ var require_isexe = __commonJS({
 // ../../node_modules/.pnpm/which@2.0.2/node_modules/which/which.js
 var require_which = __commonJS({
   "../../node_modules/.pnpm/which@2.0.2/node_modules/which/which.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var isWindows = process.platform === "win32" || process.env.OSTYPE === "cygwin" || process.env.OSTYPE === "msys";
     var path4 = __require("path");
@@ -559,6 +564,7 @@ var require_cross_spawn = __commonJS({
 // ../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/signals.js
 var require_signals = __commonJS({
   "../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/signals.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = [
       "SIGABRT",
@@ -597,6 +603,7 @@ var require_signals = __commonJS({
 // ../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/index.js
 var require_signal_exit = __commonJS({
   "../../node_modules/.pnpm/signal-exit@3.0.7/node_modules/signal-exit/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var process5 = global.process;
     var processOk = function(process6) {
@@ -1729,8 +1736,8 @@ var getSpawnedResult = async ({ stdout, stderr, all }, { encoding, buffer, maxBu
 
 // ../../node_modules/.pnpm/execa@7.1.1/node_modules/execa/lib/promise.js
 init_esm_shims();
-var nativePromisePrototype = (async () => {
-})().constructor.prototype;
+var nativePromisePrototype = (/* @__PURE__ */ (async () => {
+})()).constructor.prototype;
 var descriptors = ["then", "catch", "finally"].map((property) => [
   property,
   Reflect.getOwnPropertyDescriptor(nativePromisePrototype, property)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -14,7 +14,8 @@
     "src",
     "public",
     "styled-system",
-    "*.ts"
+    "*.ts",
+    "*.mjs"
   ],
   "keywords": [
     "panda",
@@ -25,26 +26,26 @@
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@ark-ui/react": "0.6.0",
+    "@ark-ui/react": "0.7.2",
     "@astrojs/react": "2.2.1",
-    "astro": "2.6.4",
+    "astro": "2.7.2",
     "javascript-stringify": "2.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.3.9",
-    "@pandacss/types": "0.4.0",
-    "@pandacss/config": "0.4.0",
-    "@pandacss/shared": "0.4.0",
-    "@pandacss/token-dictionary": "0.4.0",
-    "@pandacss/logger": "0.4.0",
-    "@pandacss/node": "0.4.0"
+    "@pandacss/types": "0.5.1",
+    "@pandacss/config": "0.5.1",
+    "@pandacss/shared": "0.5.1",
+    "@pandacss/token-dictionary": "0.5.1",
+    "@pandacss/logger": "0.5.1",
+    "@pandacss/node": "0.5.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.12",
-    "@types/react-dom": "18.2.5",
-    "@vitejs/plugin-react": "4.0.0",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.6",
+    "@vitejs/plugin-react": "4.0.1",
     "execa": "7.1.1",
-    "@pandacss/dev": "0.4.0"
+    "@pandacss/dev": "0.5.1"
   },
   "scripts": {
     "codegen": "panda",

package/styled-system/chunks/src__components__analyzer__category-utilities.css

@@ -1,4 +1,22 @@
 @layer utilities {
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -9,12 +27,66 @@
     }
   }
 
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .list-style_none {
     list-style: none;
   }
 
   .p_0 {
-    padding: 0;
+    padding: var(--spacing-0);
   }
 
   .ml_auto {
@@ -126,4 +198,28 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__components__analyzer__data-combobox.css

@@ -3,6 +3,46 @@
     margin: var(--spacing-4);
   }
 
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
+  .transition_all_\.2s_ease {
+    transition: all 0.2s ease;
+  }
+
   .max-h_300px {
     max-height: 300px;
   }
@@ -70,6 +110,7 @@
   }
 
   .select_none {
+    -webkit-user-select: none;
     user-select: none;
   }
 

package/styled-system/chunks/src__components__analyzer__file-details.css

@@ -1,4 +1,58 @@
 @layer utilities {
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .ml_auto {
     margin-left: auto;
   }

package/styled-system/chunks/src__components__analyzer__report-item-columns.css

@@ -24,6 +24,7 @@
   }
 
   .select_none {
+    -webkit-user-select: none;
     user-select: none;
   }
 

package/styled-system/chunks/src__components__analyzer__report-item-link.css

@@ -3,6 +3,150 @@
     display: flex;
   }
 
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .pos_relative {
     position: relative;
   }