@pandacss/studio 0.0.0-dev-20231025190231 → 0.0.0-dev-20231027102248

package/dist/studio.d.mts

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

package/dist/studio.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.0.0-dev-20231025190231",
+  "version": "0.0.0-dev-20231027102248",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -9,6 +9,16 @@
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/studio.d.ts",
+      "require": "./dist/studio.js",
+      "import": {
+        "types": "./dist/studio.d.mts",
+        "default": "./dist/studio.mjs"
+      }
+    }
+  },
   "files": [
     "dist",
     "src",
@@ -33,12 +43,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.4.11",
-    "@pandacss/config": "0.0.0-dev-20231025190231",
-    "@pandacss/logger": "0.0.0-dev-20231025190231",
-    "@pandacss/node": "0.0.0-dev-20231025190231",
-    "@pandacss/shared": "0.0.0-dev-20231025190231",
-    "@pandacss/token-dictionary": "0.0.0-dev-20231025190231",
-    "@pandacss/types": "0.0.0-dev-20231025190231"
+    "@pandacss/config": "0.0.0-dev-20231027102248",
+    "@pandacss/logger": "0.0.0-dev-20231027102248",
+    "@pandacss/node": "0.0.0-dev-20231027102248",
+    "@pandacss/shared": "0.0.0-dev-20231027102248",
+    "@pandacss/token-dictionary": "0.0.0-dev-20231027102248",
+    "@pandacss/types": "0.0.0-dev-20231027102248"
   },
   "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/reset.css

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

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>