@pandacss/studio 0.4.0 → 0.5.1

package/styled-system/chunks/src__components__token-analyzer.css

@@ -3,6 +3,204 @@
     padding-block: 20px;
   }
 
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-border);
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background: var(--colors-border);
+    }
+  }
+
+  .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_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);
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-border);
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background: var(--colors-border);
+    }
+  }
+
+  .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_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);
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-border);
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background: var(--colors-border);
+    }
+  }
+
+  .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_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);
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -88,7 +286,7 @@
   }
 
   .p_0 {
-    padding: 0;
+    padding: var(--spacing-0);
   }
 
   .hover\:bg_border {
@@ -260,4 +458,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__layouts__Sidebar.css

@@ -110,4 +110,40 @@
       padding-inline: var(--spacing-8);
     }
   }
+
+  .md\:px_6 {
+    @media screen and (min-width: 768px) {
+      padding-inline: var(--spacing-6);
+    }
+  }
+
+  .lg\:px_8 {
+    @media screen and (min-width: 1024px) {
+      padding-inline: var(--spacing-8);
+    }
+  }
+
+  .md\:px_6 {
+    @media screen and (min-width: 768px) {
+      padding-inline: var(--spacing-6);
+    }
+  }
+
+  .lg\:px_8 {
+    @media screen and (min-width: 1024px) {
+      padding-inline: var(--spacing-8);
+    }
+  }
+
+  .md\:px_6 {
+    @media screen and (min-width: 768px) {
+      padding-inline: var(--spacing-6);
+    }
+  }
+
+  .lg\:px_8 {
+    @media screen and (min-width: 1024px) {
+      padding-inline: var(--spacing-8);
+    }
+  }
 }

package/styled-system/css/cva.mjs

@@ -30,7 +30,7 @@ export function cva(config) {
 
   return Object.assign(cvaFn, {
     __cva__: true,
-    variants: variantMap,
+    variantMap,
     variantKeys,
     resolve,
     config,

package/styled-system/helpers.mjs

@@ -3,6 +3,18 @@ function isObject(value) {
   return typeof value === 'object' && value != null && !Array.isArray(value)
 }
 
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? '').replace(ruleClean, ''))
+  if (!block) return tree[0]
+  if (block[4]) tree.shift()
+  else if (block[3]) tree.unshift((tree[0][block[3]] = tree[0][block[3]] || {}))
+  else tree[0][block[1]] = block[2]
+  return astish(val, tree)
+}
+
 // src/compact.ts
 function compact(value) {
   return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0))
@@ -61,6 +73,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options
   function inner(value, path = []) {
@@ -72,7 +85,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path)
         }
-        result[key] = inner(child, childPath)
+        const next = inner(child, childPath)
+        if (isNotNullish(next)) {
+          result[key] = next
+        }
       }
       return result
     }
@@ -175,6 +191,28 @@ function createMergeCss(context) {
   return { mergeCss, assignCss }
 }
 
+// src/memo.ts
+var memo = (fn) => {
+  const cache = /* @__PURE__ */ new Map()
+  const get = (...args) => {
+    const key = JSON.stringify(args)
+    if (cache.has(key)) {
+      return cache.get(key)
+    }
+    const result = fn(...args)
+    cache.set(key, result)
+    return result
+  }
+  return get
+}
+
+// src/hypenate.ts
+var dashCaseRegex = /[A-Z]/g
+var hypenateProperty = memo((property) => {
+  if (property.startsWith('--')) return property
+  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`)
+})
+
 // src/normalize-html.ts
 var htmlProps = ['htmlSize', 'htmlTranslate', 'htmlWidth', 'htmlHeight']
 function convert(key) {
@@ -203,29 +241,8 @@ function splitProps(props, ...keys) {
   const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key))
   return keys.map(fn).concat(split(dKeys))
 }
-
-// src/memo.ts
-var memo = (fn) => {
-  const cache = /* @__PURE__ */ new Map()
-  const get = (...args) => {
-    const key = JSON.stringify(args)
-    if (cache.has(key)) {
-      return cache.get(key)
-    }
-    const result = fn(...args)
-    cache.set(key, result)
-    return result
-  }
-  return get
-}
-
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g
-var hypenateProperty = memo((property) => {
-  if (property.startsWith('--')) return property
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`)
-})
 export {
+  astish,
   compact,
   createCss,
   createMergeCss,