@pandacss/studio 0.18.1 → 0.18.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.18.1",
+  "version": "0.18.3",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -36,23 +36,22 @@
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@ark-ui/react": "0.9.0",
     "@astrojs/react": "2.2.1",
     "astro": "2.9.6",
     "javascript-stringify": "2.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.4.11",
-    "@pandacss/config": "0.18.1",
-    "@pandacss/logger": "0.18.1",
-    "@pandacss/node": "0.18.1",
-    "@pandacss/shared": "0.18.1",
-    "@pandacss/token-dictionary": "0.18.1",
-    "@pandacss/types": "0.18.1"
+    "@pandacss/config": "0.18.3",
+    "@pandacss/logger": "0.18.3",
+    "@pandacss/node": "0.18.3",
+    "@pandacss/shared": "0.18.3",
+    "@pandacss/token-dictionary": "0.18.3",
+    "@pandacss/types": "0.18.3"
   },
   "devDependencies": {
-    "@types/react": "18.2.22",
-    "@types/react-dom": "18.2.7",
+    "@types/react": "18.2.37",
+    "@types/react-dom": "18.2.15",
     "@vitejs/plugin-react": "4.0.4",
     "execa": "7.2.0"
   },

package/styled-system/patterns/grid.mjs

@@ -3,12 +3,12 @@ import { css } from '../css/index.mjs';
 
 const gridConfig = {
 transform(props, { map }) {
-  const regex = /\d+(em|px|rem|vh|vmax|vmin|vw|%)$/;
+  const regex = /\d+(cm|in|pt|em|px|rem|vh|vmax|vmin|vw|ch|lh|%)$/;
   const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", columns, minChildWidth, ...rest } = props;
   const getValue = (v) => regex.test(v) ? v : `token(sizes.${v}, ${v})`;
   return {
     display: "grid",
-    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${getValue(v)}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
+    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
     gap,
     columnGap,
     rowGap,

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

@@ -1,6 +1,10 @@
 /* eslint-disable */
 import type {  CompositionStyleObject  } from './system-types';
-import type {  Token  } from '../tokens';
+
+interface Token<T> {
+  value: T
+  description?: string
+}
 
 interface Recursive<T> {
   [key: string]: Recursive<T> | T

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

@@ -104,7 +104,7 @@ export interface Conditions {
 	"_groupInvalid": string
 	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")` */
 	"_indeterminate": string
-	/** `&:required` */
+	/** `&:is(:required, [data-required], [aria-required=true])` */
 	"_required": string
 	/** `&:is(:valid, [data-valid])` */
 	"_valid": string

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

@@ -28,7 +28,7 @@ interface JsxFactoryOptions<TProps extends Dict> {
 
 export type JsxRecipeProps<T extends ElementType, P extends Dict> = JsxHTMLProps<ComponentProps<T>, P>;
 
-export type JsxElement<T extends ElementType, P> = T extends PandaComponent<infer A, infer B>
+export type JsxElement<T extends ElementType, P extends Dict> = T extends PandaComponent<infer A, infer B>
   ? PandaComponent<A, Pretty<DistributiveUnion<P, B>>>
   : PandaComponent<T, P>
 

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

@@ -1,7 +1,5 @@
 /* eslint-disable */
-import type {  SystemStyleObject, DistributiveOmit  } from './system-types';
-
-type Pretty<T> = { [K in keyof T]: T[K] } & {}
+import type {  SystemStyleObject, DistributiveOmit, Pretty  } from './system-types';
 
 type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T