@pandacss/studio 0.45.2 → 0.46.1

package/dist/studio.mjs

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.7.6_postcss@8.4.41_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.7.6_@swc+helpers@0.4.36__postcss@8.4.47_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename = () => fileURLToPath(import.meta.url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.45.2",
+  "version": "0.46.1",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -47,13 +47,13 @@
     "astro": "4.4.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "vite": "5.4.0",
-    "@pandacss/config": "0.45.2",
-    "@pandacss/logger": "0.45.2",
-    "@pandacss/shared": "0.45.2",
-    "@pandacss/token-dictionary": "0.45.2",
-    "@pandacss/types": "0.45.2",
-    "@pandacss/astro-plugin-studio": "0.45.2"
+    "vite": "5.4.6",
+    "@pandacss/config": "0.46.1",
+    "@pandacss/logger": "0.46.1",
+    "@pandacss/shared": "0.46.1",
+    "@pandacss/token-dictionary": "0.46.1",
+    "@pandacss/types": "0.46.1",
+    "@pandacss/astro-plugin-studio": "0.46.1"
   },
   "devDependencies": {
     "@types/react": "18.2.55",

package/styled-system/css/conditions.mjs

@@ -3,8 +3,10 @@ import { withoutSpace } from '../helpers.mjs';
 const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base"
 const conditions = new Set(conditionsStr.split(','))
 
+const conditionRegex = /^@|&|&$/
+
 export function isCondition(value){
-  return conditions.has(value) || /^@|&|&$/.test(value)
+  return conditions.has(value) || conditionRegex.test(value)
 }
 
 const underscoreRegex = /^_/

package/styled-system/helpers.mjs

@@ -2,6 +2,7 @@
 function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
+var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
 
 // src/compact.ts
 function compact(value) {
@@ -64,8 +65,9 @@ var memo = (fn) => {
 
 // src/merge-props.ts
 function mergeProps(...sources) {
-  const objects = sources.filter(Boolean);
-  return objects.reduce((prev, obj) => {
+  return sources.reduce((prev, obj) => {
+    if (!obj)
+      return prev;
     Object.keys(obj).forEach((key) => {
       const prevValue = prev[key];
       const value = obj[key];
@@ -84,7 +86,7 @@ var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
-    if (isObject(value) || Array.isArray(value)) {
+    if (isObjectOrArray(value)) {
       const result = {};
       for (const [prop, child] of Object.entries(value)) {
         const key = getKey?.(prop, child) ?? prop;
@@ -165,9 +167,9 @@ function createCss(context) {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkObject(normalizedObject, (value, paths) => {
-      const important = isImportant(value);
       if (value == null)
         return;
+      const important = isImportant(value);
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
@@ -278,7 +280,15 @@ function splitProps(props, ...keys) {
 }
 
 // src/uniq.ts
-var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []);
+var uniq = (...items) => {
+  const set = items.reduce((acc, currItems) => {
+    if (currItems) {
+      currItems.forEach((item) => acc.add(item));
+    }
+    return acc;
+  }, /* @__PURE__ */ new Set([]));
+  return Array.from(set);
+};
 export {
   compact,
   createCss,

package/styled-system/types/prop-type.d.ts

@@ -19,7 +19,7 @@ export interface UtilityValues {
 	float: "start" | "end" | CssProperties["float"];
 	hideFrom: Tokens["breakpoints"];
 	hideBelow: Tokens["breakpoints"];
-	flexBasis: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full";
+	flexBasis: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full";
 	flex: "1" | "auto" | "initial" | "none";
 	gridTemplateColumns: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
 	gridTemplateRows: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";

package/styled-system/types/selectors.d.ts

@@ -53,7 +53,7 @@ type DataAttributes =
 type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
 type ParentSelector = `${DataAttributes | AriaAttributes} &`
 
-type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page'
+type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'
 
 export type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`
 export type Selectors = AttributeSelector | ParentSelector

package/styled-system/types/static-css.d.ts

@@ -1,14 +1,17 @@
 /* eslint-disable */
-interface WithConditions {
+interface ConditionOptions {
   /**
-   * The css conditions to generate for the rule.
+   * The conditions to generate for the rule.
    * @example ['hover', 'focus']
    */
   conditions?: string[]
+  /**
+   * Whether to generate responsive styles for the rule.
+   */
   responsive?: boolean
 }
 
-export interface CssRule extends WithConditions {
+export interface CssRule extends ConditionOptions {
   /**
    * The css properties to generate utilities for.
    * @example ['margin', 'padding']
@@ -22,7 +25,9 @@ interface RecipeRuleVariants {
   [variant: string]: boolean | string[]
 }
 
-export type RecipeRule = '*' | (RecipeRuleVariants & WithConditions)
+export type RecipeRuleObject = RecipeRuleVariants & ConditionOptions
+export type RecipeRule = '*' | RecipeRuleObject
+
 export type PatternRule = '*' | CssRule
 
 export interface StaticCssOptions {