@pandacss/studio 0.17.0 → 0.17.1

package/dist/studio.d.mts

@@ -1,9 +1,11 @@
-type BuildOpts = {
+interface BuildOpts {
     outDir: string;
     configPath: string;
-};
+    port?: string;
+    host?: boolean;
+}
 declare function buildStudio({ outDir, configPath }: BuildOpts): Promise<void>;
-declare function serveStudio({ configPath }: BuildOpts): Promise<void>;
+declare function serveStudio({ configPath, port, host }: BuildOpts): Promise<void>;
 declare function previewStudio({ outDir }: BuildOpts): Promise<void>;
 declare function printUrls(options: {
     host: string;

package/dist/studio.d.ts

@@ -1,9 +1,11 @@
-type BuildOpts = {
+interface BuildOpts {
     outDir: string;
     configPath: string;
-};
+    port?: string;
+    host?: boolean;
+}
 declare function buildStudio({ outDir, configPath }: BuildOpts): Promise<void>;
-declare function serveStudio({ configPath }: BuildOpts): Promise<void>;
+declare function serveStudio({ configPath, port, host }: BuildOpts): Promise<void>;
 declare function previewStudio({ outDir }: BuildOpts): Promise<void>;
 declare function printUrls(options: {
     host: string;

package/dist/studio.js

@@ -2079,8 +2079,8 @@ async function buildStudio({ outDir, configPath }) {
   });
   import_logger.logger.log(stdout);
 }
-async function serveStudio({ configPath }) {
-  const result = execa(astroBin, ["dev", "--root", appPath], {
+async function serveStudio({ configPath, port, host }) {
+  const result = execa(astroBin, ["dev", "--root", appPath, "--port", port ?? "", host ? "--host" : ""], {
     stdio: "inherit",
     cwd: appPath,
     env: {

package/dist/studio.mjs

@@ -2075,8 +2075,8 @@ async function buildStudio({ outDir, configPath }) {
   });
   logger.log(stdout);
 }
-async function serveStudio({ configPath }) {
-  const result = execa(astroBin, ["dev", "--root", appPath], {
+async function serveStudio({ configPath, port, host }) {
+  const result = execa(astroBin, ["dev", "--root", appPath, "--port", port ?? "", host ? "--host" : ""], {
     stdio: "inherit",
     cwd: appPath,
     env: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -33,12 +33,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.4.11",
-    "@pandacss/config": "0.17.0",
-    "@pandacss/logger": "0.17.0",
-    "@pandacss/node": "0.17.0",
-    "@pandacss/shared": "0.17.0",
-    "@pandacss/token-dictionary": "0.17.0",
-    "@pandacss/types": "0.17.0"
+    "@pandacss/config": "0.17.1",
+    "@pandacss/node": "0.17.1",
+    "@pandacss/types": "0.17.1",
+    "@pandacss/token-dictionary": "0.17.1",
+    "@pandacss/logger": "0.17.1",
+    "@pandacss/shared": "0.17.1"
   },
   "devDependencies": {
     "@types/react": "18.2.22",

package/src/components/empty-state.tsx

@@ -1,6 +1,6 @@
 import { panda, Stack } from '../../styled-system/jsx'
 
-type EmptyStateProps = {
+interface EmptyStateProps {
   title: string
   children: React.ReactNode
   icon: React.ReactElement

package/src/components/font-tokens.tsx

@@ -4,7 +4,7 @@ import { TokenContent } from '../components/token-content'
 import { TokenGroup } from '../components/token-group'
 import { Input, Textarea } from './input'
 
-type FontTokensProps = {
+interface FontTokensProps {
   text?: string
   largeText?: boolean
   token: string

package/src/components/sizes.tsx

@@ -3,7 +3,9 @@ import { Grid, panda } from '../../styled-system/jsx'
 import { getSortedSizes } from '../lib/sizes-sort'
 import { TokenGroup } from './token-group'
 
-export type SizesProps = { sizes: Map<string, any> }
+export interface SizesProps {
+  sizes: Map<string, any>
+}
 
 const contentRegex = /^(min|max|fit)-content$/
 const unitRegex = /(ch|%)$/

package/src/lib/color-contrast-checker.ts

@@ -1,7 +1,15 @@
 // Credits: https://github.com/bbc/color-contrast-checker
 
-type Pair = { colorA: string; colorB: string; fontSize: number }
-type Rgb = { r: number; g: number; b: number }
+interface Pair {
+  colorA: string
+  colorB: string
+  fontSize: number
+}
+interface Rgb {
+  r: number
+  g: number
+  b: number
+}
 
 class RgbClass {
   r = 0

package/src/lib/constants.ts

@@ -30,7 +30,7 @@ export enum NavKeys {
   CONTRAST_CHECKER = 'playground/contrast-checker',
 }
 
-export type NavItemData = {
+export interface NavItemData {
   label: string
   id: NavKeys
   description: string

package/src/lib/use-color-docs.ts

@@ -2,7 +2,7 @@ import type { Token } from '@pandacss/types'
 import { useState } from 'react'
 import context from './panda.context'
 
-type Color = {
+interface Color {
   isConditional?: boolean
   isReference?: boolean
   name: string

package/styled-system/helpers.mjs

@@ -49,18 +49,19 @@ function toHash(value) {
 
 // src/merge-props.ts
 function mergeProps(...sources) {
-  const __sources = sources.filter(Boolean);
-  const result = {};
-  for (const source of __sources) {
-    for (const [key, value] of Object.entries(source)) {
-      if (isObject(value)) {
-        result[key] = mergeProps(result[key] || {}, value);
+  const objects = sources.filter(Boolean);
+  return objects.reduce((prev, obj) => {
+    Object.keys(obj).forEach((key) => {
+      const prevValue = prev[key];
+      const value = obj[key];
+      if (isObject(prevValue) && isObject(value)) {
+        prev[key] = mergeProps(prevValue, value);
       } else {
-        result[key] = value;
+        prev[key] = value;
       }
-    }
-  }
-  return result;
+    });
+    return prev;
+  }, {});
 }
 
 // src/walk-object.ts

package/styled-system/jsx/factory.mjs

@@ -9,7 +9,7 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
 
   const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
   const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-  
+
   const defaultProps = Object.assign(
     options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
     options.defaultProps,
@@ -17,14 +17,14 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
 
   const PandaComponent = /* @__PURE__ */ forwardRef(function PandaComponent(props, ref) {
     const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
-    
+
     const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
     const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
     const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-    const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-      return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+    const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+      return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
     }, [combinedProps])
 
     function recipeClass() {
@@ -52,12 +52,12 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
   })
 
   const name = getDisplayName(Dynamic)
-  
+
   PandaComponent.displayName = `panda.${name}`
   PandaComponent.__cva__ = cvaFn
   PandaComponent.__base__ = Dynamic
   PandaComponent.__shouldForwardProps__ = shouldForwardProp
-  
+
   return PandaComponent
 }
 

package/styled-system/reset.css

@@ -90,6 +90,14 @@
     background-color: transparent;
     background-image: none;
   }
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    color: inherit;
+  }
 
   button,
   select {

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

@@ -5,4 +5,4 @@ export * from './pattern';
 export * from './recipe';
 export * from './system-types';
 export * from './jsx';
-export * from './style-props';
+export * from './style-props';

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

@@ -3,4 +3,6 @@ export interface Part {
   selector: string
 }
 
-export type Parts = Record<string, Part>
+export interface Parts {
+  [key: string]: Part
+}

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

@@ -15,7 +15,9 @@ export interface PatternHelpers {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
-export type PatternProperties = Record<string, PatternProperty>
+export interface PatternProperties {
+  [key: string]: PatternProperty
+}
 
 type Props<T> = Record<LiteralUnion<keyof T>, any>