@csszyx/types 0.9.9 → 0.9.10

package/dist/jsx-solid.d.ts

@@ -0,0 +1,60 @@
+/**
+ * SolidJS JSX type augmentation for the csszyx sz prop.
+ *
+ * Solid maintains its own JSX namespace (not React's), so the React
+ * augmentation in `@csszyx/types/jsx` does not apply. Reference this
+ * module instead in Solid projects:
+ *
+ * ```ts
+ * // csszyx-env.d.ts
+ * /// <reference types="@csszyx/types/jsx-solid" />
+ * ```
+ *
+ * Types-only: solid-js is required as a type dependency by consumers of
+ * this subpath (every Solid project already has it) and is never imported
+ * at runtime.
+ *
+ * @module @csszyx/types/jsx-solid
+ */
+
+import 'solid-js';
+
+import type { RecoveryMode, SzPropValue } from '@csszyx/compiler';
+
+export type { RecoveryMode, SzPropValue };
+
+declare module 'solid-js' {
+    namespace JSX {
+        /**
+         *
+         */
+        interface HTMLAttributes<T> {
+            /**
+             * csszyx styling prop — Tailwind CSS via object syntax or class string.
+             *
+             * @example
+             * ```tsx
+             * <div sz={{ p: 4, bg: 'blue-500', hover: { bg: 'blue-700' } }} />
+             * <div sz="p-4 bg-blue-500 hover:bg-blue-700" />
+             * ```
+             */
+            sz?: SzPropValue;
+            /**
+             * Hydration recovery mode for the element. The csszyx unplugin
+             * compiles this attribute into a `data-sz-recovery-token` and
+             * registers the element in the SSR recovery manifest read by
+             * `@csszyx/runtime/verify` at hydration time.
+             *
+             * - `'csr'` — recovery permitted in both dev and production
+             * - `'dev-only'` — recovery permitted in development only;
+             *   stripped from the production manifest at build time.
+             *
+             * @example
+             * ```tsx
+             * <section szRecover="csr">…</section>
+             * ```
+             */
+            szRecover?: RecoveryMode;
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/types",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "description": "TypeScript definitions for csszyx",
   "keywords": [
     "csszyx",
@@ -45,6 +45,9 @@
     },
     "./jsx": {
       "types": "./dist/jsx.d.ts"
+    },
+    "./jsx-solid": {
+      "types": "./dist/jsx-solid.d.ts"
     }
   },
   "files": [
@@ -54,7 +57,7 @@
     "@types/node": "^20.11.0",
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
-    "@csszyx/compiler": "0.9.9"
+    "@csszyx/compiler": "0.9.10"
   },
   "sideEffects": false,
   "engines": {