sculpted 0.3.3 → 0.3.5

package/dist/vite.d.mts

@@ -1,4 +1,4 @@
-import { l as SourceSyntaxOption } from "./sourceSyntax-DKIh-VKA.mjs";
+import { l as SourceSyntaxOption } from "./sourceSyntax-CLM3knfR.mjs";
 
 //#region src/vite/types.d.ts
 type InspectorVitePluginOptions = {

package/dist/vite.mjs

@@ -1,5 +1,5 @@
 import { _ as markerClassForEditId, a as DEFAULT_JSX_SOURCE_ATTRIBUTE, c as DEFAULT_OPEN_SOURCE_ENDPOINT, d as DEFAULT_TOKEN_WRITEBACK_ENDPOINT, f as DEFAULT_WRITEBACK_ENDPOINT, l as DEFAULT_SOURCE_ATTRIBUTE, p as SCULPTED_EVENTS, r as DEFAULT_EDIT_ID_ATTRIBUTE, t as DEFAULT_COMPONENT_ATTRIBUTE, u as DEFAULT_STYLE_MODULE_ENDPOINT } from "./protocol-D5heR2QM.mjs";
-import { S as parsePandaSource, _ as createStaticCssPatch, a as createStyleModuleSourcePatch, b as hashSource, c as resolveProjectPath, d as toRelativeProjectPath$1, f as trustedManifestFilePath, g as createStaticCssBatchPatch, h as verifyProjectWritePath, i as createStyleModuleDetachPatch, l as safeProjectSourcePath, m as verifyProjectExistingPath, n as componentStyleModulePaths, o as readComponentStyleModule, p as trustedTokenSourceFilePath, r as createStyleModuleAttachPatch, s as normalizePath$1, t as createTokenConfigPatch, u as stripViteQuery, v as createInlineCssSourcePatch, w as resolveSourceParserAdapter, y as analyzePandaCssSource } from "./patcher-nj9VhRT-.mjs";
+import { S as parsePandaSource, _ as createStaticCssPatch, a as createStyleModuleSourcePatch, b as hashSource, c as resolveProjectPath, d as toRelativeProjectPath$1, f as trustedManifestFilePath, g as createStaticCssBatchPatch, h as verifyProjectWritePath, i as createStyleModuleDetachPatch, l as safeProjectSourcePath, m as verifyProjectExistingPath, n as componentStyleModulePaths, o as readComponentStyleModule, p as trustedTokenSourceFilePath, r as createStyleModuleAttachPatch, s as normalizePath$1, t as createTokenConfigPatch, u as stripViteQuery, v as createInlineCssSourcePatch, w as resolveSourceParserAdapter, y as analyzePandaCssSource } from "./patcher-q1Cc_E8H.mjs";
 import ts from "typescript";
 import { access, mkdir, readFile, writeFile } from "node:fs/promises";
 import { dirname } from "node:path";
@@ -21,6 +21,61 @@ const DEFAULT_PANDA_CONFIG_FILES = [
 ];
 //#endregion
 //#region src/vite/editorProperties.ts
+const EDITOR_PROPERTY_COMMONNESS = {
+	display: 2.2,
+	color: 2.1,
+	background: 2,
+	backgroundColor: 2,
+	padding: 2,
+	paddingX: 1.9,
+	paddingY: 1.9,
+	paddingTop: 1.8,
+	paddingRight: 1.8,
+	paddingBottom: 1.8,
+	paddingLeft: 1.8,
+	margin: 1.9,
+	marginX: 1.8,
+	marginY: 1.8,
+	marginTop: 1.7,
+	marginRight: 1.7,
+	marginBottom: 1.7,
+	marginLeft: 1.7,
+	width: 1.9,
+	height: 1.8,
+	borderRadius: 1.8,
+	gap: 1.8,
+	fontSize: 1.8,
+	fontWeight: 1.7,
+	lineHeight: 1.7,
+	position: 1.7,
+	opacity: 1.7,
+	border: 1.6,
+	boxShadow: 1.5,
+	alignItems: 1.5,
+	justifyContent: 1.5,
+	flexDirection: 1.4,
+	overflow: 1.4,
+	cursor: 1.3,
+	transform: 1.3,
+	maxWidth: 1.3,
+	minWidth: 1.3,
+	top: 1.2,
+	right: 1.2,
+	bottom: 1.2,
+	left: 1.2,
+	inset: 1.2,
+	zIndex: 1.2,
+	backgroundImage: 1.1,
+	outline: 1.1,
+	transition: 1.1,
+	pointerEvents: 1.1,
+	userSelect: 1.1,
+	backdropFilter: .8,
+	mixBlendMode: .8,
+	backgroundAttachment: .7,
+	transitionTimingFunction: .7,
+	cornerShape: .6
+};
 function editorProperty(name, label, category, cssProperty, aliases = [], tokenCategory) {
 	return {
 		name,
@@ -29,9 +84,13 @@ function editorProperty(name, label, category, cssProperty, aliases = [], tokenC
 		cssProperty,
 		aliases,
 		tokenCategory,
-		defaultUnit: defaultEditorPropertyUnit(name, category)
+		defaultUnit: defaultEditorPropertyUnit(name, category),
+		commonness: editorPropertyCommonness(name)
 	};
 }
+function editorPropertyCommonness(name) {
+	return EDITOR_PROPERTY_COMMONNESS[name] ?? 1;
+}
 function defaultEditorPropertyUnit(name, category) {
 	if ([
 		"zIndex",

package/docs/vite-plugin.md

@@ -24,8 +24,17 @@ framework-rendered document. Add the runtime script explicitly in development:
 
 ```tsx
 // app/root.tsx
-<Scripts />
-{import.meta.env.DEV && <script src="/@sculpted/runtime" type="module" />}
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        {children}
+        <Scripts />
+        {import.meta.env.DEV ? <script src="/@sculpted/runtime" type="module" /> : null}
+      </body>
+    </html>
+  )
+}
 ```
 
 Keep `sculpted()` before `reactRouter()` in `vite.config.ts` so route modules are instrumented

package/examples/vite-preact-pandacss/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sculpted-vite-preact-pandacss",
-  "private": true,
   "version": "0.0.0",
+  "private": true,
   "type": "module",
   "scripts": {
     "prepare": "panda codegen",

package/examples/vite-preact-pandacss/postcss.config.cjs

@@ -1,5 +1,5 @@
 module.exports = {
   plugins: {
-    '@pandacss/dev/postcss': {}
-  }
+    '@pandacss/dev/postcss': {},
+  },
 }

package/examples/vite-preact-pandacss/src/index.css

@@ -3,6 +3,11 @@
 body {
   margin: 0;
   font-family:
-    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
     sans-serif;
 }

package/examples/vite-preact-pandacss/vite.config.ts

@@ -2,7 +2,7 @@ import preact from '@preact/preset-vite'
 import tsrx from '@tsrx/vite-plugin-preact'
 import { sourceSyntax } from 'sculpted/tsrx'
 import { sculpted } from 'sculpted/vite'
-import { defineConfig, } from 'vite'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [
@@ -11,10 +11,10 @@ export default defineConfig({
       include: ['src/**/*.{ts,tsx,tsrx}'],
       sourceSyntax: [sourceSyntax],
       panda: {
-        cssImportSources: ['../styled-system/css']
-      }
+        cssImportSources: ['../styled-system/css'],
+      },
     }),
     tsrx(),
-    preact()
-  ]
+    preact(),
+  ],
 })

package/examples/vite-react-pandacss/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sculpted-vite-react-pandacss",
-  "private": true,
   "version": "0.0.0",
+  "private": true,
   "type": "module",
   "scripts": {
     "prepare": "panda codegen",

package/examples/vite-react-pandacss/src/index.css

@@ -3,6 +3,11 @@
 body {
   margin: 0;
   font-family:
-    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
     sans-serif;
 }

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "sculpted",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Experimental alpha dev inspector for editing Panda CSS styles and writing safe source updates.",
-  "license": "FSL-1.1-ALv2",
-  "author": "Alec Larson",
-  "packageManager": "pnpm@11.5.1",
   "keywords": [
+    "css-editor",
+    "inspector",
     "panda-css",
-    "vite",
     "preact",
-    "inspector",
-    "css-editor",
-    "source-writeback"
+    "source-writeback",
+    "vite"
   ],
+  "license": "FSL-1.1-ALv2",
+  "author": "Alec Larson",
   "repository": {
     "type": "git",
     "url": "https://github.com/aleclarson/sculpted.git"
@@ -59,15 +58,6 @@
     "@pandacss/node": "1.11.1",
     "zod": "4.4.3"
   },
-  "peerDependencies": {
-    "@tsrx/core": ">=0.1.0",
-    "typescript": ">=5.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@tsrx/core": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@goddard-ai/ui-primitives": "0.1.1",
     "@pandacss/dev": "^1.11.1",
@@ -84,5 +74,15 @@
     "tsdown": "^0.22.0",
     "typescript": "^6.0.3",
     "vitest": "^4.1.7"
-  }
+  },
+  "peerDependencies": {
+    "@tsrx/core": ">=0.1.0",
+    "typescript": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tsrx/core": {
+      "optional": true
+    }
+  },
+  "packageManager": "pnpm@11.5.1"
 }