@gradeui/ui 3.2.0 → 4.0.0

package/dist/types-DUwnWaxR.d.mts

@@ -0,0 +1,43 @@
+/**
+ * Shared types + presets for scripted component demos.
+ *
+ * Lives at the bottom of the demo primitive stack so the hook, the
+ * cursor, and any component that opts in (`<Code>`, `<Composer>`,
+ * `<DemoStage>`) all read from one definition of "what slow / normal /
+ * fast feels like" and one definition of "when do we start playing".
+ *
+ * If you ever want to retune the cadence of every demo on the marketing
+ * site at once, this is the file to edit.
+ */
+/**
+ * Animation feel. Maps onto a triple of timing values so authors can
+ * pick a vibe (slow / normal / fast) instead of hand-tuning ms.
+ * Components that need finer control can still override the resolved
+ * values per-instance.
+ */
+type DemoSpeed = "slow" | "normal" | "fast";
+/**
+ * What kicks the demo off:
+ *   - `mount`   plays immediately on first paint
+ *   - `inView`  waits for the container to cross the viewport threshold
+ *   - `manual`  driven by the `play` prop or imperative ref
+ */
+type DemoTrigger = "mount" | "inView" | "manual";
+/**
+ * Speed presets shared across every scripted-demo surface. Three
+ * unambiguously distinct feels: `slow` is "I am being shown", `normal`
+ * is "I am being told", `fast` is "I am being briefed".
+ *
+ *   - `tokenStagger`  per-character cadence for typing-style steps
+ *   - `lineStagger`   per-line cadence for reveal-style demos
+ *   - `preDelay`      pause after the trigger fires before the first tick
+ *   - `fadeMs`        default enter-transition duration for revealed parts
+ */
+declare const DEMO_SPEED_PRESETS: Record<DemoSpeed, {
+    tokenStagger: number;
+    lineStagger: number;
+    preDelay: number;
+    fadeMs: number;
+}>;
+
+export { DEMO_SPEED_PRESETS as D, type DemoSpeed as a, type DemoTrigger as b };

package/dist/types-DUwnWaxR.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Shared types + presets for scripted component demos.
+ *
+ * Lives at the bottom of the demo primitive stack so the hook, the
+ * cursor, and any component that opts in (`<Code>`, `<Composer>`,
+ * `<DemoStage>`) all read from one definition of "what slow / normal /
+ * fast feels like" and one definition of "when do we start playing".
+ *
+ * If you ever want to retune the cadence of every demo on the marketing
+ * site at once, this is the file to edit.
+ */
+/**
+ * Animation feel. Maps onto a triple of timing values so authors can
+ * pick a vibe (slow / normal / fast) instead of hand-tuning ms.
+ * Components that need finer control can still override the resolved
+ * values per-instance.
+ */
+type DemoSpeed = "slow" | "normal" | "fast";
+/**
+ * What kicks the demo off:
+ *   - `mount`   plays immediately on first paint
+ *   - `inView`  waits for the container to cross the viewport threshold
+ *   - `manual`  driven by the `play` prop or imperative ref
+ */
+type DemoTrigger = "mount" | "inView" | "manual";
+/**
+ * Speed presets shared across every scripted-demo surface. Three
+ * unambiguously distinct feels: `slow` is "I am being shown", `normal`
+ * is "I am being told", `fast` is "I am being briefed".
+ *
+ *   - `tokenStagger`  per-character cadence for typing-style steps
+ *   - `lineStagger`   per-line cadence for reveal-style demos
+ *   - `preDelay`      pause after the trigger fires before the first tick
+ *   - `fadeMs`        default enter-transition duration for revealed parts
+ */
+declare const DEMO_SPEED_PRESETS: Record<DemoSpeed, {
+    tokenStagger: number;
+    lineStagger: number;
+    preDelay: number;
+    fadeMs: number;
+}>;
+
+export { DEMO_SPEED_PRESETS as D, type DemoSpeed as a, type DemoTrigger as b };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradeui/ui",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "description": "Grade Design System — React components, theme engine, and design tokens",
   "license": "MIT",
   "author": {
@@ -67,6 +67,11 @@
       "import": "./dist/contracts.mjs",
       "require": "./dist/contracts.js"
     },
+    "./composer": {
+      "types": "./dist/composer.d.ts",
+      "import": "./dist/composer.mjs",
+      "require": "./dist/composer.js"
+    },
     "./map/maplibre": {
       "types": "./dist/map/maplibre.d.ts",
       "import": "./dist/map/maplibre.mjs",