@petrarca/sonnet-playground 0.1.2

package/dist/pages/index.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PlayTypography(): React.ReactElement;
+
+/** Color Palette playground -- living reference for the design system color tokens. */
+declare function PlayColorPalette(): React.ReactElement;
+
+/**
+ * PlayCoreComponents - Showcase for all core UI components
+ *
+ * This playground allows testing and visual verification of all core UI components
+ * before they are used in production. Each component is tested "in-vitro" here first.
+ *
+ * Structure:
+ * - Each component type gets its own section
+ * - Show all variants, states, and edge cases
+ * - Interactive examples where applicable
+ * - Use simple HTML/Tailwind for layout (no Mantine)
+ */
+declare function PlayCoreComponents(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Playground page for the JsonEditor component.
+ *
+ * Demonstrates a JSON Schema where only the /metadata section
+ * is editable. The rest of the schema (properties, required, etc.)
+ * is visible but locked.
+ */
+declare function PlayJsonEditor(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Playground page for testing Form components
+ * Accessible at /playground/form-components
+ *
+ * Tests all custom Form wrapper components that provide consistent
+ * label, description, and error handling around base UI components.
+ */
+declare function PlayFormComponents(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Playground page for testing JsonSchemaFormRenderer
+ * Accessible at /playground/forms
+ */
+declare function PlayForms(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Playground page for testing form widgets
+ * Accessible at /playground/form-widgets
+ */
+declare function PlayFormWidgets(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Playground page for SearchInput, EntitySelect, EntityTable, and EntityTree.
+ * Accessible at /playground/data-components
+ *
+ * Six sections:
+ *   1. Simple mode      -- single freetext search, no field picker
+ *   2. Faceted mode     -- two-column: schema editor left, live search + output right
+ *   3. EntityTable      -- static sample data wired to faceted SearchInput
+ *   4. Local renderers  -- same data with x- prefixed custom cell renderers
+ *   5. EntitySelect     -- async searchable select backed by a static mock fetcher
+ *   6. EntityTree       -- schema-driven tree with static nested data
+ */
+
+/** Playground sandbox for SearchInput, EntitySelect, and EntityTable. */
+declare function PlayDataComponents(): React.ReactElement;
+
+export { PlayColorPalette, PlayCoreComponents, PlayDataComponents, PlayFormComponents, PlayFormWidgets, PlayForms, PlayJsonEditor, PlayTypography };

package/dist/pages/index.js

@@ -0,0 +1,36 @@
+import {
+  PlayFormWidgets
+} from "../chunk-P7I5IDXA.js";
+import {
+  PlayDataComponents
+} from "../chunk-TZGJH7YS.js";
+import {
+  PlayTypography
+} from "../chunk-CYNK2P2Q.js";
+import {
+  PlayColorPalette
+} from "../chunk-A3IK3CVW.js";
+import "../chunk-FTN2A5YL.js";
+import {
+  PlayCoreComponents
+} from "../chunk-GYKEPHHA.js";
+import {
+  PlayJsonEditor
+} from "../chunk-KAT24CQQ.js";
+import {
+  PlayFormComponents
+} from "../chunk-5V27QDAY.js";
+import {
+  PlayForms
+} from "../chunk-QIETZUEN.js";
+export {
+  PlayColorPalette,
+  PlayCoreComponents,
+  PlayDataComponents,
+  PlayFormComponents,
+  PlayFormWidgets,
+  PlayForms,
+  PlayJsonEditor,
+  PlayTypography
+};
+//# sourceMappingURL=index.js.map

package/dist/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@petrarca/sonnet-playground",
+  "version": "0.1.2",
+  "description": "Playground framework and built-in component demos for the Petrarca Sonnet component library",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./pages": {
+      "import": "./dist/pages/index.js",
+      "types": "./dist/pages/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "test": "vitest run",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  },
+  "dependencies": {
+    "@petrarca/sonnet-core": "workspace:*",
+    "@petrarca/sonnet-ui": "workspace:*",
+    "@petrarca/sonnet-forms": "workspace:*",
+    "@petrarca/sonnet-shell": "workspace:*",
+    "lucide-react": "^0.553.0",
+    "sonner": "^2.0.7",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": ">=7",
+    "tailwindcss": ">=3"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "tsup": "^8.4.0",
+    "typescript": "^5.9.2"
+  }
+}