@nori-ui/core 0.0.5 → 1.0.2

package/dist/slot/index.cjs

@@ -9,7 +9,9 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 function composeRefs(...refs) {
   return (node) => {
     for (const ref of refs) {
-      if (ref == null) continue;
+      if (ref == null) {
+        continue;
+      }
       if (typeof ref === "function") {
         ref(node);
       } else {
@@ -66,8 +68,12 @@ function joinClass(outer, inner) {
 }
 __name(joinClass, "joinClass");
 function isEventHandler(key, outer, inner) {
-  if (!key.startsWith("on") || key.length < 3) return false;
-  if (key[2] !== key[2]?.toUpperCase()) return false;
+  if (!key.startsWith("on") || key.length < 3) {
+    return false;
+  }
+  if (key[2] !== key[2]?.toUpperCase()) {
+    return false;
+  }
   return typeof outer === "function" && typeof inner === "function";
 }
 __name(isEventHandler, "isEventHandler");

package/dist/slot/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/slot/compose-refs.ts","../../src/slot/slot.tsx"],"names":["forwardRef","Slot","isValidElement","Children","cloneElement"],"mappings":"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","file":"index.cjs","sourcesContent":["// composeRefs — merges multiple React refs (callback or object) into a single callback.\n// Derived from Radix UI's approach; reimplemented here so we don't take a Radix dependency.\n\nimport type { MutableRefObject, Ref, RefCallback } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n    return (node: T | null) => {\n        for (const ref of refs) {\n            if (ref == null) continue;\n            if (typeof ref === 'function') {\n                ref(node);\n            } else {\n                // React's MutableRefObject typing — we assign .current directly.\n                (ref as MutableRefObject<T | null>).current = node;\n            }\n        }\n    };\n}\n","import type { CSSProperties, ReactElement, Ref } from 'react';\nimport { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport { composeRefs } from './compose-refs';\n\ntype AnyProps = Record<string, unknown>;\n\nexport type SlotProps = {\n    children?: React.ReactNode;\n} & AnyProps;\n\nexport const Slot = forwardRef<unknown, SlotProps>(function Slot(props, forwardedRef) {\n    const { children, ...slotProps } = props;\n\n    if (!isValidElement(children)) {\n        return null;\n    }\n\n    // Assert that children is a single React element with props — we've narrowed above.\n    const child = Children.only(children) as ReactElement<AnyProps> & { ref?: Ref<unknown> };\n    const merged = mergeProps(slotProps, child.props);\n\n    // Merge refs: Slot's forwarded ref + the child's own ref (if any).\n    const childRef = (child as unknown as { ref?: Ref<unknown> }).ref;\n    if (forwardedRef || childRef) {\n        (merged as AnyProps).ref = composeRefs(forwardedRef, childRef);\n    }\n\n    return cloneElement(child, merged);\n});\nSlot.displayName = 'Slot';\n\nfunction mergeProps(outer: AnyProps, inner: AnyProps): AnyProps {\n    // Inner (child) wins for everything except: className (concatenated), style (merged), and\n    // event handlers (composed — outer runs first, then inner).\n    const merged: AnyProps = { ...outer };\n\n    for (const key of Object.keys(inner)) {\n        const outerValue = outer[key];\n        const innerValue = inner[key];\n\n        if (key === 'className' || key === 'class') {\n            merged[key] = joinClass(outerValue, innerValue);\n            continue;\n        }\n\n        if (key === 'style') {\n            merged[key] = {\n                ...(outerValue as CSSProperties | undefined),\n                ...(innerValue as CSSProperties | undefined),\n            };\n            continue;\n        }\n\n        if (isEventHandler(key, outerValue, innerValue)) {\n            merged[key] = composeHandlers(outerValue as Fn, innerValue as Fn);\n            continue;\n        }\n\n        merged[key] = innerValue;\n    }\n\n    return merged;\n}\n\nfunction joinClass(outer: unknown, inner: unknown): string | undefined {\n    const a = typeof outer === 'string' ? outer : '';\n    const b = typeof inner === 'string' ? inner : '';\n    const joined = [a, b].filter(Boolean).join(' ');\n    return joined.length > 0 ? joined : undefined;\n}\n\ntype Fn = (...args: unknown[]) => unknown;\n\nfunction isEventHandler(key: string, outer: unknown, inner: unknown): boolean {\n    if (!key.startsWith('on') || key.length < 3) return false;\n    if (key[2] !== key[2]?.toUpperCase()) return false;\n    return typeof outer === 'function' && typeof inner === 'function';\n}\n\nfunction composeHandlers(outer: Fn, inner: Fn): Fn {\n    return (...args: unknown[]) => {\n        outer(...args);\n        inner(...args);\n    };\n}\n"]}
+{"version":3,"sources":["../../src/slot/compose-refs.ts","../../src/slot/slot.tsx"],"names":["forwardRef","Slot","isValidElement","Children","cloneElement"],"mappings":"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","file":"index.cjs","sourcesContent":["// composeRefs — merges multiple React refs (callback or object) into a single callback.\n// Derived from Radix UI's approach; reimplemented here so we don't take a Radix dependency.\n\nimport type { MutableRefObject, Ref, RefCallback } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n    return (node: T | null) => {\n        for (const ref of refs) {\n            if (ref == null) {\n                continue;\n            }\n            if (typeof ref === 'function') {\n                ref(node);\n            } else {\n                // React's MutableRefObject typing — we assign .current directly.\n                (ref as MutableRefObject<T | null>).current = node;\n            }\n        }\n    };\n}\n","import type { CSSProperties, ReactElement, Ref } from 'react';\nimport { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport { composeRefs } from './compose-refs';\n\ntype AnyProps = Record<string, unknown>;\n\nexport type SlotProps = {\n    children?: React.ReactNode;\n} & AnyProps;\n\nexport const Slot = forwardRef<unknown, SlotProps>(function Slot(props, forwardedRef) {\n    const { children, ...slotProps } = props;\n\n    if (!isValidElement(children)) {\n        return null;\n    }\n\n    // Assert that children is a single React element with props — we've narrowed above.\n    const child = Children.only(children) as ReactElement<AnyProps> & { ref?: Ref<unknown> };\n    const merged = mergeProps(slotProps, child.props);\n\n    // Merge refs: Slot's forwarded ref + the child's own ref (if any).\n    const childRef = (child as unknown as { ref?: Ref<unknown> }).ref;\n    if (forwardedRef || childRef) {\n        (merged as AnyProps).ref = composeRefs(forwardedRef, childRef);\n    }\n\n    return cloneElement(child, merged);\n});\nSlot.displayName = 'Slot';\n\nfunction mergeProps(outer: AnyProps, inner: AnyProps): AnyProps {\n    // Inner (child) wins for everything except: className (concatenated), style (merged), and\n    // event handlers (composed — outer runs first, then inner).\n    const merged: AnyProps = { ...outer };\n\n    for (const key of Object.keys(inner)) {\n        const outerValue = outer[key];\n        const innerValue = inner[key];\n\n        if (key === 'className' || key === 'class') {\n            merged[key] = joinClass(outerValue, innerValue);\n            continue;\n        }\n\n        if (key === 'style') {\n            merged[key] = {\n                ...(outerValue as CSSProperties | undefined),\n                ...(innerValue as CSSProperties | undefined),\n            };\n            continue;\n        }\n\n        if (isEventHandler(key, outerValue, innerValue)) {\n            merged[key] = composeHandlers(outerValue as Fn, innerValue as Fn);\n            continue;\n        }\n\n        merged[key] = innerValue;\n    }\n\n    return merged;\n}\n\nfunction joinClass(outer: unknown, inner: unknown): string | undefined {\n    const a = typeof outer === 'string' ? outer : '';\n    const b = typeof inner === 'string' ? inner : '';\n    const joined = [a, b].filter(Boolean).join(' ');\n    return joined.length > 0 ? joined : undefined;\n}\n\ntype Fn = (...args: unknown[]) => unknown;\n\nfunction isEventHandler(key: string, outer: unknown, inner: unknown): boolean {\n    if (!key.startsWith('on') || key.length < 3) {\n        return false;\n    }\n    if (key[2] !== key[2]?.toUpperCase()) {\n        return false;\n    }\n    return typeof outer === 'function' && typeof inner === 'function';\n}\n\nfunction composeHandlers(outer: Fn, inner: Fn): Fn {\n    return (...args: unknown[]) => {\n        outer(...args);\n        inner(...args);\n    };\n}\n"]}

package/dist/slot/index.js

@@ -1,4 +1,4 @@
-export { Slot, composeRefs } from '../chunk-FXKIWONG.js';
-import '../chunk-7QVYU63E.js';
+export { Slot, composeRefs } from '../chunk-ZIBNLXIV.js';
+import '../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/stories/index.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var react = require('react');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/stories/csf-helpers.ts
+function pascalToKebab(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+__name(pascalToKebab, "pascalToKebab");
+function humanise(s) {
+  const spaced = s.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+__name(humanise, "humanise");
+
+// src/stories/csf-loader-bundler.ts
+function discoverCsfModules() {
+  try {
+    const meta = ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)) });
+    if (meta && typeof meta.glob === "function") {
+      const modules = undefined("../components/**/*.stories.tsx", { eager: true });
+      if (modules && Object.keys(modules).length > 0) {
+        return modules;
+      }
+    }
+  } catch {
+  }
+  try {
+    if (typeof __require === "function" && typeof __require.context === "function") {
+      const ctx = __require.context("../components", true, /\.stories\.tsx$/);
+      const out = {};
+      for (const key of ctx.keys()) {
+        out[key] = ctx(key);
+      }
+      return out;
+    }
+  } catch {
+  }
+  return {};
+}
+__name(discoverCsfModules, "discoverCsfModules");
+
+// src/stories/csf-loader.tsx
+var CURRENT_PLATFORM = typeof document !== "undefined" ? "web" : "native";
+function readModules() {
+  return discoverCsfModules();
+}
+__name(readModules, "readModules");
+function buildComponents(modules) {
+  const entries = [];
+  for (const path of Object.keys(modules)) {
+    const mod = modules[path];
+    const meta = mod?.default;
+    if (!meta || typeof meta.title !== "string") {
+      continue;
+    }
+    const titleLast = meta.title.split("/").pop() ?? meta.title;
+    const slug = pascalToKebab(titleLast);
+    const stories = [];
+    for (const key of Object.keys(mod)) {
+      if (key === "default") {
+        continue;
+      }
+      const story = mod[key];
+      if (!story || typeof story !== "object") {
+        continue;
+      }
+      const platforms = story.parameters?.platforms;
+      if (platforms && !platforms.includes(CURRENT_PLATFORM)) {
+        continue;
+      }
+      const mergedArgs = { ...meta.args ?? {}, ...story.args ?? {} };
+      const renderFn = story.render ?? meta.render;
+      const Component = meta.component;
+      const Render = renderFn ? () => renderFn(mergedArgs) : Component ? () => react.createElement(Component, mergedArgs) : () => null;
+      stories.push({
+        id: pascalToKebab(key),
+        title: humanise(key),
+        render: Render
+      });
+    }
+    if (stories.length === 0) {
+      continue;
+    }
+    entries.push({ slug, name: titleLast, stories });
+  }
+  entries.sort((a, b) => a.slug.localeCompare(b.slug));
+  return entries;
+}
+__name(buildComponents, "buildComponents");
+var components = buildComponents(readModules());
+
+exports.buildComponents = buildComponents;
+exports.components = components;
+exports.humanise = humanise;
+exports.pascalToKebab = pascalToKebab;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/stories/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/stories/csf-helpers.ts","../../src/stories/csf-loader-bundler.ts","../../src/stories/csf-loader.tsx"],"names":["createElement"],"mappings":"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","file":"index.cjs","sourcesContent":["// Pure string helpers shared between the runtime CSF loader and the\n// Node-only `csf-slugs` helper. Kept dependency-free so the Node helper\n// never pulls in `csf-loader.tsx` (which depends on `csf-loader-bundler`,\n// which uses `import.meta`).\n\n/**\n * Convert PascalCase → kebab-case using only lowercase→uppercase\n * boundaries so leading acronyms stay intact: `'HStack'` → `'hstack'`,\n * `'AlertDialog'` → `'alert-dialog'`. Matches the docs MDX filename\n * convention (`hstack.mdx`, not `h-stack.mdx`).\n */\nexport function pascalToKebab(s: string): string {\n    return s.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\n/**\n * Convert PascalCase → \"With Gap\" for display. Same boundary rule as\n * `pascalToKebab` (only lowercase→uppercase splits).\n */\nexport function humanise(s: string): string {\n    const spaced = s.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n    return spaced.charAt(0).toUpperCase() + spaced.slice(1);\n}\n","// Bundler-specific CSF discovery — kept in its own file because\n// `import.meta` cannot be compiled to CommonJS, which ts-jest's default\n// transform produces. The Jest config redirects this module to a stub\n// during tests so the parser never sees `import.meta`.\n//\n// Production callers come from Metro (require.context) or Vite\n// (import.meta.glob). Both static-string call sites must remain verbatim\n// — each bundler's static analyser matches the AST shape literally and\n// rewrites it at build time.\n\nimport type { CsfModule, RequireContext } from './csf-loader';\n\ndeclare const require: {\n    (id: string): unknown;\n    context?: (directory: string, useSubdirectories: boolean, regExp: RegExp) => RequireContext;\n};\n\nexport function discoverCsfModules(): Record<string, CsfModule> {\n    // Vite / Rollup — `import.meta.glob` statically transformed at build time.\n    try {\n        // biome-ignore lint/suspicious/noExplicitAny: `glob` is a Vite extension to ImportMeta\n        const meta = import.meta as any;\n        if (meta && typeof meta.glob === 'function') {\n            // biome-ignore lint/suspicious/noExplicitAny: Vite types live in `vite/client` which we don't pull in\n            const modules = (import.meta as any).glob('../components/**/*.stories.tsx', { eager: true }) as Record<\n                string,\n                CsfModule\n            >;\n            if (modules && Object.keys(modules).length > 0) {\n                return modules;\n            }\n        }\n    } catch {\n        // import.meta access can throw in non-ESM contexts — fall through.\n    }\n\n    // Metro / webpack — `require.context` static call rewritten at bundle time.\n    try {\n        if (typeof require === 'function' && typeof require.context === 'function') {\n            const ctx = require.context('../components', true, /\\.stories\\.tsx$/);\n            const out: Record<string, CsfModule> = {};\n            for (const key of ctx.keys()) {\n                out[key] = ctx(key);\n            }\n            return out;\n        }\n    } catch {\n        // require may be undefined under pure ESM — fall through.\n    }\n\n    return {};\n}\n","// CSF loader — discovers every `*.stories.tsx` file under `../components`\n// at bundle time via Metro's `require.context`, normalises the CSF default\n// export + named story exports into the `ComponentEntry` shape consumed by\n// the native playground.\n//\n// This is the runtime side of the \"CSF as the single source of truth\"\n// architecture (see `docs/superpowers/specs/2026-04-28-playground-showcase-design.md`).\n// It deliberately handles only the CSF surface the existing stories use:\n//   - default.title (string)\n//   - default.component (component)\n//   - default.args (object, optional)\n//   - default.render (function, optional)\n//   - named exports: each with optional `args`, optional `render`, and\n//     optional `parameters.platforms` (filters the story out when the\n//     current platform is not in the list — used for demos that only\n//     make sense on a resizable web canvas, etc.)\n// `decorators`, `loaders`, and `play` are ignored.\n\nimport { type ComponentType, createElement, type ReactNode } from 'react';\nimport { humanise, pascalToKebab } from './csf-helpers';\nimport { discoverCsfModules } from './csf-loader-bundler';\n\ntype StoryPlatform = 'web' | 'native';\n// We can't `import { Platform } from 'react-native'` here — Jest's CJS\n// transform chokes on RN's flow-typed entry. The DOM probe is a reliable\n// proxy: only RN's JSC/Hermes runtime lacks `document`. Tests (jsdom)\n// and Storybook see `document` and resolve to `'web'`, which matches\n// where they actually run.\nconst CURRENT_PLATFORM: StoryPlatform = typeof document !== 'undefined' ? 'web' : 'native';\n\nexport type Story = {\n    /** kebab-case story id (export name, kebab-cased) */\n    id: string;\n    /** Humanised story title (export name, spaced) */\n    title: string;\n    /** Component that renders this story with its merged args */\n    render: ComponentType<Record<string, never>>;\n};\n\nexport type ComponentEntry = {\n    /** kebab-case slug (last segment of CSF title, kebab-cased) */\n    slug: string;\n    /** Display name (last segment of CSF title) */\n    name: string;\n    /** Stories in CSF declaration order */\n    stories: Story[];\n};\n\nexport { humanise, pascalToKebab } from './csf-helpers';\n\nexport type CsfModule = {\n    default: {\n        title: string;\n        component?: ComponentType<unknown>;\n        args?: Record<string, unknown>;\n        render?: (args: Record<string, unknown>) => unknown;\n    };\n    [key: string]: unknown;\n};\n\nexport type RequireContext = {\n    keys(): string[];\n    (path: string): CsfModule;\n};\n\n// Tests stub the discovery via `__setCsfModules` below.\nlet testModules: Record<string, CsfModule> | null = null;\n\n/** Test-only: inject CSF modules so Jest can exercise the loader logic. */\nexport function __setCsfModules(modules: Record<string, CsfModule> | null): void {\n    testModules = modules;\n}\n\nfunction readModules(): Record<string, CsfModule> {\n    if (testModules) {\n        return testModules;\n    }\n    // Bundler-specific discovery (Metro require.context / Vite import.meta.glob)\n    // is isolated in csf-loader-bundler.ts because import.meta is a syntax\n    // error under ts-jest's CJS target. Jest stubs that module to a no-op.\n    return discoverCsfModules();\n}\n\nexport function buildComponents(modules: Record<string, CsfModule>): ComponentEntry[] {\n    const entries: ComponentEntry[] = [];\n    for (const path of Object.keys(modules)) {\n        const mod = modules[path];\n        const meta = mod?.default;\n        if (!meta || typeof meta.title !== 'string') {\n            continue;\n        }\n\n        const titleLast = meta.title.split('/').pop() ?? meta.title;\n        const slug = pascalToKebab(titleLast);\n\n        const stories: Story[] = [];\n        // Object.keys preserves declaration order for own string keys\n        // (per ECMAScript spec). We rely on this for \"stories in CSF\n        // declaration order\".\n        for (const key of Object.keys(mod)) {\n            if (key === 'default') {\n                continue;\n            }\n            const story = mod[key] as\n                | {\n                      args?: Record<string, unknown>;\n                      render?: (a: Record<string, unknown>) => unknown;\n                      parameters?: { platforms?: ReadonlyArray<StoryPlatform> };\n                  }\n                | undefined;\n            if (!story || typeof story !== 'object') {\n                continue;\n            }\n\n            const platforms = story.parameters?.platforms;\n            if (platforms && !platforms.includes(CURRENT_PLATFORM)) {\n                continue;\n            }\n\n            const mergedArgs: Record<string, unknown> = { ...(meta.args ?? {}), ...(story.args ?? {}) };\n            const renderFn = story.render ?? meta.render;\n            const Component = meta.component;\n\n            const Render: ComponentType<Record<string, never>> = renderFn\n                ? () => renderFn(mergedArgs) as ReactNode\n                : Component\n                  ? () => createElement(Component as ComponentType<Record<string, unknown>>, mergedArgs)\n                  : () => null;\n\n            stories.push({\n                id: pascalToKebab(key),\n                title: humanise(key),\n                render: Render,\n            });\n        }\n\n        if (stories.length === 0) {\n            continue;\n        }\n\n        entries.push({ slug, name: titleLast, stories });\n    }\n\n    entries.sort((a, b) => a.slug.localeCompare(b.slug));\n    return entries;\n}\n\n/** Native playground's source of truth for components + stories. */\nexport const components: ComponentEntry[] = buildComponents(readModules());\n"]}

package/dist/stories/index.d.cts

@@ -0,0 +1,46 @@
+import { ComponentType } from 'react';
+
+/**
+ * Convert PascalCase → kebab-case using only lowercase→uppercase
+ * boundaries so leading acronyms stay intact: `'HStack'` → `'hstack'`,
+ * `'AlertDialog'` → `'alert-dialog'`. Matches the docs MDX filename
+ * convention (`hstack.mdx`, not `h-stack.mdx`).
+ */
+declare function pascalToKebab(s: string): string;
+/**
+ * Convert PascalCase → "With Gap" for display. Same boundary rule as
+ * `pascalToKebab` (only lowercase→uppercase splits).
+ */
+declare function humanise(s: string): string;
+
+type Story = {
+    /** kebab-case story id (export name, kebab-cased) */
+    id: string;
+    /** Humanised story title (export name, spaced) */
+    title: string;
+    /** Component that renders this story with its merged args */
+    render: ComponentType<Record<string, never>>;
+};
+type ComponentEntry = {
+    /** kebab-case slug (last segment of CSF title, kebab-cased) */
+    slug: string;
+    /** Display name (last segment of CSF title) */
+    name: string;
+    /** Stories in CSF declaration order */
+    stories: Story[];
+};
+
+type CsfModule = {
+    default: {
+        title: string;
+        component?: ComponentType<unknown>;
+        args?: Record<string, unknown>;
+        render?: (args: Record<string, unknown>) => unknown;
+    };
+    [key: string]: unknown;
+};
+declare function buildComponents(modules: Record<string, CsfModule>): ComponentEntry[];
+/** Native playground's source of truth for components + stories. */
+declare const components: ComponentEntry[];
+
+export { type ComponentEntry, type Story, buildComponents, components, humanise, pascalToKebab };

package/dist/stories/index.d.ts

@@ -0,0 +1,46 @@
+import { ComponentType } from 'react';
+
+/**
+ * Convert PascalCase → kebab-case using only lowercase→uppercase
+ * boundaries so leading acronyms stay intact: `'HStack'` → `'hstack'`,
+ * `'AlertDialog'` → `'alert-dialog'`. Matches the docs MDX filename
+ * convention (`hstack.mdx`, not `h-stack.mdx`).
+ */
+declare function pascalToKebab(s: string): string;
+/**
+ * Convert PascalCase → "With Gap" for display. Same boundary rule as
+ * `pascalToKebab` (only lowercase→uppercase splits).
+ */
+declare function humanise(s: string): string;
+
+type Story = {
+    /** kebab-case story id (export name, kebab-cased) */
+    id: string;
+    /** Humanised story title (export name, spaced) */
+    title: string;
+    /** Component that renders this story with its merged args */
+    render: ComponentType<Record<string, never>>;
+};
+type ComponentEntry = {
+    /** kebab-case slug (last segment of CSF title, kebab-cased) */
+    slug: string;
+    /** Display name (last segment of CSF title) */
+    name: string;
+    /** Stories in CSF declaration order */
+    stories: Story[];
+};
+
+type CsfModule = {
+    default: {
+        title: string;
+        component?: ComponentType<unknown>;
+        args?: Record<string, unknown>;
+        render?: (args: Record<string, unknown>) => unknown;
+    };
+    [key: string]: unknown;
+};
+declare function buildComponents(modules: Record<string, CsfModule>): ComponentEntry[];
+/** Native playground's source of truth for components + stories. */
+declare const components: ComponentEntry[];
+
+export { type ComponentEntry, type Story, buildComponents, components, humanise, pascalToKebab };

package/dist/stories/index.js

@@ -0,0 +1,94 @@
+import { __name, __require } from '../chunk-WCQVDF3K.js';
+import { createElement } from 'react';
+
+// src/stories/csf-helpers.ts
+function pascalToKebab(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+__name(pascalToKebab, "pascalToKebab");
+function humanise(s) {
+  const spaced = s.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+__name(humanise, "humanise");
+
+// src/stories/csf-loader-bundler.ts
+function discoverCsfModules() {
+  try {
+    const meta = import.meta;
+    if (meta && typeof meta.glob === "function") {
+      const modules = import.meta.glob("../components/**/*.stories.tsx", { eager: true });
+      if (modules && Object.keys(modules).length > 0) {
+        return modules;
+      }
+    }
+  } catch {
+  }
+  try {
+    if (typeof __require === "function" && typeof __require.context === "function") {
+      const ctx = __require.context("../components", true, /\.stories\.tsx$/);
+      const out = {};
+      for (const key of ctx.keys()) {
+        out[key] = ctx(key);
+      }
+      return out;
+    }
+  } catch {
+  }
+  return {};
+}
+__name(discoverCsfModules, "discoverCsfModules");
+
+// src/stories/csf-loader.tsx
+var CURRENT_PLATFORM = typeof document !== "undefined" ? "web" : "native";
+function readModules() {
+  return discoverCsfModules();
+}
+__name(readModules, "readModules");
+function buildComponents(modules) {
+  const entries = [];
+  for (const path of Object.keys(modules)) {
+    const mod = modules[path];
+    const meta = mod?.default;
+    if (!meta || typeof meta.title !== "string") {
+      continue;
+    }
+    const titleLast = meta.title.split("/").pop() ?? meta.title;
+    const slug = pascalToKebab(titleLast);
+    const stories = [];
+    for (const key of Object.keys(mod)) {
+      if (key === "default") {
+        continue;
+      }
+      const story = mod[key];
+      if (!story || typeof story !== "object") {
+        continue;
+      }
+      const platforms = story.parameters?.platforms;
+      if (platforms && !platforms.includes(CURRENT_PLATFORM)) {
+        continue;
+      }
+      const mergedArgs = { ...meta.args ?? {}, ...story.args ?? {} };
+      const renderFn = story.render ?? meta.render;
+      const Component = meta.component;
+      const Render = renderFn ? () => renderFn(mergedArgs) : Component ? () => createElement(Component, mergedArgs) : () => null;
+      stories.push({
+        id: pascalToKebab(key),
+        title: humanise(key),
+        render: Render
+      });
+    }
+    if (stories.length === 0) {
+      continue;
+    }
+    entries.push({ slug, name: titleLast, stories });
+  }
+  entries.sort((a, b) => a.slug.localeCompare(b.slug));
+  return entries;
+}
+__name(buildComponents, "buildComponents");
+var components = buildComponents(readModules());
+
+export { buildComponents, components, humanise, pascalToKebab };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/stories/csf-helpers.ts","../../src/stories/csf-loader-bundler.ts","../../src/stories/csf-loader.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["// Pure string helpers shared between the runtime CSF loader and the\n// Node-only `csf-slugs` helper. Kept dependency-free so the Node helper\n// never pulls in `csf-loader.tsx` (which depends on `csf-loader-bundler`,\n// which uses `import.meta`).\n\n/**\n * Convert PascalCase → kebab-case using only lowercase→uppercase\n * boundaries so leading acronyms stay intact: `'HStack'` → `'hstack'`,\n * `'AlertDialog'` → `'alert-dialog'`. Matches the docs MDX filename\n * convention (`hstack.mdx`, not `h-stack.mdx`).\n */\nexport function pascalToKebab(s: string): string {\n    return s.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\n/**\n * Convert PascalCase → \"With Gap\" for display. Same boundary rule as\n * `pascalToKebab` (only lowercase→uppercase splits).\n */\nexport function humanise(s: string): string {\n    const spaced = s.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n    return spaced.charAt(0).toUpperCase() + spaced.slice(1);\n}\n","// Bundler-specific CSF discovery — kept in its own file because\n// `import.meta` cannot be compiled to CommonJS, which ts-jest's default\n// transform produces. The Jest config redirects this module to a stub\n// during tests so the parser never sees `import.meta`.\n//\n// Production callers come from Metro (require.context) or Vite\n// (import.meta.glob). Both static-string call sites must remain verbatim\n// — each bundler's static analyser matches the AST shape literally and\n// rewrites it at build time.\n\nimport type { CsfModule, RequireContext } from './csf-loader';\n\ndeclare const require: {\n    (id: string): unknown;\n    context?: (directory: string, useSubdirectories: boolean, regExp: RegExp) => RequireContext;\n};\n\nexport function discoverCsfModules(): Record<string, CsfModule> {\n    // Vite / Rollup — `import.meta.glob` statically transformed at build time.\n    try {\n        // biome-ignore lint/suspicious/noExplicitAny: `glob` is a Vite extension to ImportMeta\n        const meta = import.meta as any;\n        if (meta && typeof meta.glob === 'function') {\n            // biome-ignore lint/suspicious/noExplicitAny: Vite types live in `vite/client` which we don't pull in\n            const modules = (import.meta as any).glob('../components/**/*.stories.tsx', { eager: true }) as Record<\n                string,\n                CsfModule\n            >;\n            if (modules && Object.keys(modules).length > 0) {\n                return modules;\n            }\n        }\n    } catch {\n        // import.meta access can throw in non-ESM contexts — fall through.\n    }\n\n    // Metro / webpack — `require.context` static call rewritten at bundle time.\n    try {\n        if (typeof require === 'function' && typeof require.context === 'function') {\n            const ctx = require.context('../components', true, /\\.stories\\.tsx$/);\n            const out: Record<string, CsfModule> = {};\n            for (const key of ctx.keys()) {\n                out[key] = ctx(key);\n            }\n            return out;\n        }\n    } catch {\n        // require may be undefined under pure ESM — fall through.\n    }\n\n    return {};\n}\n","// CSF loader — discovers every `*.stories.tsx` file under `../components`\n// at bundle time via Metro's `require.context`, normalises the CSF default\n// export + named story exports into the `ComponentEntry` shape consumed by\n// the native playground.\n//\n// This is the runtime side of the \"CSF as the single source of truth\"\n// architecture (see `docs/superpowers/specs/2026-04-28-playground-showcase-design.md`).\n// It deliberately handles only the CSF surface the existing stories use:\n//   - default.title (string)\n//   - default.component (component)\n//   - default.args (object, optional)\n//   - default.render (function, optional)\n//   - named exports: each with optional `args`, optional `render`, and\n//     optional `parameters.platforms` (filters the story out when the\n//     current platform is not in the list — used for demos that only\n//     make sense on a resizable web canvas, etc.)\n// `decorators`, `loaders`, and `play` are ignored.\n\nimport { type ComponentType, createElement, type ReactNode } from 'react';\nimport { humanise, pascalToKebab } from './csf-helpers';\nimport { discoverCsfModules } from './csf-loader-bundler';\n\ntype StoryPlatform = 'web' | 'native';\n// We can't `import { Platform } from 'react-native'` here — Jest's CJS\n// transform chokes on RN's flow-typed entry. The DOM probe is a reliable\n// proxy: only RN's JSC/Hermes runtime lacks `document`. Tests (jsdom)\n// and Storybook see `document` and resolve to `'web'`, which matches\n// where they actually run.\nconst CURRENT_PLATFORM: StoryPlatform = typeof document !== 'undefined' ? 'web' : 'native';\n\nexport type Story = {\n    /** kebab-case story id (export name, kebab-cased) */\n    id: string;\n    /** Humanised story title (export name, spaced) */\n    title: string;\n    /** Component that renders this story with its merged args */\n    render: ComponentType<Record<string, never>>;\n};\n\nexport type ComponentEntry = {\n    /** kebab-case slug (last segment of CSF title, kebab-cased) */\n    slug: string;\n    /** Display name (last segment of CSF title) */\n    name: string;\n    /** Stories in CSF declaration order */\n    stories: Story[];\n};\n\nexport { humanise, pascalToKebab } from './csf-helpers';\n\nexport type CsfModule = {\n    default: {\n        title: string;\n        component?: ComponentType<unknown>;\n        args?: Record<string, unknown>;\n        render?: (args: Record<string, unknown>) => unknown;\n    };\n    [key: string]: unknown;\n};\n\nexport type RequireContext = {\n    keys(): string[];\n    (path: string): CsfModule;\n};\n\n// Tests stub the discovery via `__setCsfModules` below.\nlet testModules: Record<string, CsfModule> | null = null;\n\n/** Test-only: inject CSF modules so Jest can exercise the loader logic. */\nexport function __setCsfModules(modules: Record<string, CsfModule> | null): void {\n    testModules = modules;\n}\n\nfunction readModules(): Record<string, CsfModule> {\n    if (testModules) {\n        return testModules;\n    }\n    // Bundler-specific discovery (Metro require.context / Vite import.meta.glob)\n    // is isolated in csf-loader-bundler.ts because import.meta is a syntax\n    // error under ts-jest's CJS target. Jest stubs that module to a no-op.\n    return discoverCsfModules();\n}\n\nexport function buildComponents(modules: Record<string, CsfModule>): ComponentEntry[] {\n    const entries: ComponentEntry[] = [];\n    for (const path of Object.keys(modules)) {\n        const mod = modules[path];\n        const meta = mod?.default;\n        if (!meta || typeof meta.title !== 'string') {\n            continue;\n        }\n\n        const titleLast = meta.title.split('/').pop() ?? meta.title;\n        const slug = pascalToKebab(titleLast);\n\n        const stories: Story[] = [];\n        // Object.keys preserves declaration order for own string keys\n        // (per ECMAScript spec). We rely on this for \"stories in CSF\n        // declaration order\".\n        for (const key of Object.keys(mod)) {\n            if (key === 'default') {\n                continue;\n            }\n            const story = mod[key] as\n                | {\n                      args?: Record<string, unknown>;\n                      render?: (a: Record<string, unknown>) => unknown;\n                      parameters?: { platforms?: ReadonlyArray<StoryPlatform> };\n                  }\n                | undefined;\n            if (!story || typeof story !== 'object') {\n                continue;\n            }\n\n            const platforms = story.parameters?.platforms;\n            if (platforms && !platforms.includes(CURRENT_PLATFORM)) {\n                continue;\n            }\n\n            const mergedArgs: Record<string, unknown> = { ...(meta.args ?? {}), ...(story.args ?? {}) };\n            const renderFn = story.render ?? meta.render;\n            const Component = meta.component;\n\n            const Render: ComponentType<Record<string, never>> = renderFn\n                ? () => renderFn(mergedArgs) as ReactNode\n                : Component\n                  ? () => createElement(Component as ComponentType<Record<string, unknown>>, mergedArgs)\n                  : () => null;\n\n            stories.push({\n                id: pascalToKebab(key),\n                title: humanise(key),\n                render: Render,\n            });\n        }\n\n        if (stories.length === 0) {\n            continue;\n        }\n\n        entries.push({ slug, name: titleLast, stories });\n    }\n\n    entries.sort((a, b) => a.slug.localeCompare(b.slug));\n    return entries;\n}\n\n/** Native playground's source of truth for components + stories. */\nexport const components: ComponentEntry[] = buildComponents(readModules());\n"]}