@razorwind/storybook 0.0.30 → 0.0.31

package/dist/index.cjs

@@ -264,7 +264,7 @@ export { IconGalleryBlock } from "./IconGallery";
 export { TokenTableBlock } from "./TokenTable";
 export type { TokenTableBlockProps, TokenTableRow } from "./TokenTable";
 export { TypesetBlock } from "./Typeset";
-`}function b(e){return`import { create } from "storybook/theming";
+`}function b(e){return g(e)?e.base===`light`||e.base===`dark`:!1}function x(e,t){return{...e,brandTitle:e.brandTitle??t.title,brandUrl:e.brandUrl??t.homepage,brandImage:e.brandImage??t.logo}}function S(e){return`import { create } from "storybook/theming";
 
 /**
  * Storybook UI theme generated by \`@razorwind/storybook\`.
@@ -275,4 +275,4 @@ export default create({
 ${Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`  ${e}: ${a(t)}`).join(`,
 `)}
 });
-`}function x(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function S(e,t={}){let i=t.outputPath??`storybook/tokens`,a=r(e.tokens,t),s=a.some(e=>e.type===`color`),c=a.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),h=!t.skipIcons&&g(e.icons)&&Object.keys(e.icons).length>0,S={[(0,n.join)(i,`blocks/ColorPalette.tsx`)]:x((0,n.join)(i,`blocks/ColorPalette.tsx`),l(a,t),`tsx`),[(0,n.join)(i,`blocks/Typeset.tsx`)]:x((0,n.join)(i,`blocks/Typeset.tsx`),u(a,t),`tsx`),[(0,n.join)(i,`blocks/TokenTable.tsx`)]:x((0,n.join)(i,`blocks/TokenTable.tsx`),d(a),`tsx`),[(0,n.join)(i,`blocks/IconGallery.tsx`)]:x((0,n.join)(i,`blocks/IconGallery.tsx`),_(t.skipIcons?{}:e.icons),`tsx`),[(0,n.join)(i,`blocks/index.ts`)]:x((0,n.join)(i,`blocks/index.ts`),y(),`typescript`),[(0,n.join)(i,`Tokens.mdx`)]:x((0,n.join)(i,`Tokens.mdx`),f({titlePrefix:t.titlePrefix,hasColors:s,hasTypography:c}),`mdx`)};if(s&&(S[(0,n.join)(i,`Colors.mdx`)]=x((0,n.join)(i,`Colors.mdx`),p(t),`mdx`)),c&&(S[(0,n.join)(i,`Typography.mdx`)]=x((0,n.join)(i,`Typography.mdx`),m(t),`mdx`)),h&&(S[(0,n.join)(i,`Icons.mdx`)]=x((0,n.join)(i,`Icons.mdx`),v(t),`mdx`)),S[(0,n.join)(i,`tokens.json`)]=x((0,n.join)(i,`tokens.json`),`${JSON.stringify(a,null,2)}\n`,`json`),t.mapTheme){let r=t.mapTheme(e.tokens);if(typeof r==`object`&&r)for(let[e,t]of Object.entries(r))S[(0,n.join)(i,`theme-${e}.ts`)]=x((0,n.join)(i,`theme-${e}.ts`),b(t),`typescript`);else S[(0,n.join)(i,`theme.ts`)]=x((0,n.join)(i,`theme.ts`),b(r),`typescript`)}let C=Object.keys(S).filter(e=>e.startsWith((0,n.join)(i,`theme`))).map(e=>e.slice(i.length+1)),w=t.installGuide??o({outputPath:i,titlePrefix:t.titlePrefix,themeFiles:C.length>0?C:void 0}),T=(0,n.join)(i,`INSTALL.md`);return S[T]=x(T,w,`markdown`),S}var C=(0,e.definePlugin)(e=>({name:`storybook`,generate:async t=>S(t,e??{})}));exports.default=C,exports.flattenTokens=r,Object.defineProperty(exports,"formatTokenValue",{enumerable:!0,get:function(){return t.formatTokenValue}}),exports.generateTokenDocs=S,exports.renderInstallMd=o,exports.renderThemeFile=b,exports.resolveTokenSets=t.resolveTokenSets,Object.defineProperty(exports,"toCssVar",{enumerable:!0,get:function(){return t.toCssVar}});
+`}function C(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function w(e,i={}){let a=i.outputPath??`storybook/tokens`,s=(0,t.resolveSchemaIdentity)(e),c=i.titlePrefix??s.title??`Design Tokens`,h={...i,titlePrefix:c},w=r(e.tokens,i),T=w.some(e=>e.type===`color`),E=w.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),D=!i.skipIcons&&g(e.icons)&&Object.keys(e.icons).length>0,O={[(0,n.join)(a,`blocks/ColorPalette.tsx`)]:C((0,n.join)(a,`blocks/ColorPalette.tsx`),l(w,h),`tsx`),[(0,n.join)(a,`blocks/Typeset.tsx`)]:C((0,n.join)(a,`blocks/Typeset.tsx`),u(w,h),`tsx`),[(0,n.join)(a,`blocks/TokenTable.tsx`)]:C((0,n.join)(a,`blocks/TokenTable.tsx`),d(w),`tsx`),[(0,n.join)(a,`blocks/IconGallery.tsx`)]:C((0,n.join)(a,`blocks/IconGallery.tsx`),_(i.skipIcons?{}:e.icons),`tsx`),[(0,n.join)(a,`blocks/index.ts`)]:C((0,n.join)(a,`blocks/index.ts`),y(),`typescript`),[(0,n.join)(a,`Tokens.mdx`)]:C((0,n.join)(a,`Tokens.mdx`),f({titlePrefix:c,hasColors:T,hasTypography:E}),`mdx`)};if(T&&(O[(0,n.join)(a,`Colors.mdx`)]=C((0,n.join)(a,`Colors.mdx`),p(h),`mdx`)),E&&(O[(0,n.join)(a,`Typography.mdx`)]=C((0,n.join)(a,`Typography.mdx`),m(h),`mdx`)),D&&(O[(0,n.join)(a,`Icons.mdx`)]=C((0,n.join)(a,`Icons.mdx`),v(h),`mdx`)),O[(0,n.join)(a,`tokens.json`)]=C((0,n.join)(a,`tokens.json`),`${JSON.stringify(w,null,2)}\n`,`json`),i.mapTheme){let t=i.mapTheme(e.tokens);if(b(t))O[(0,n.join)(a,`theme.ts`)]=C((0,n.join)(a,`theme.ts`),S(x(t,s)),`typescript`);else if(g(t))for(let[e,r]of Object.entries(t))b(r)&&(O[(0,n.join)(a,`theme-${e}.ts`)]=C((0,n.join)(a,`theme-${e}.ts`),S(x(r,s)),`typescript`))}let k=Object.keys(O).filter(e=>e.startsWith((0,n.join)(a,`theme`))).map(e=>e.slice(a.length+1)),A=i.installGuide??o({outputPath:a,titlePrefix:c,themeFiles:k.length>0?k:void 0}),j=(0,n.join)(a,`INSTALL.md`);return O[j]=C(j,A,`markdown`),O}var T=(0,e.definePlugin)(e=>({name:`storybook`,generate:async t=>w(t,e??{})}));exports.applyBrandDefaults=x,exports.default=T,exports.flattenTokens=r,Object.defineProperty(exports,"formatTokenValue",{enumerable:!0,get:function(){return t.formatTokenValue}}),exports.generateTokenDocs=w,exports.renderInstallMd=o,exports.renderThemeFile=S,exports.resolveTokenSets=t.resolveTokenSets,Object.defineProperty(exports,"toCssVar",{enumerable:!0,get:function(){return t.toCssVar}});

package/dist/index.d.cts

@@ -148,6 +148,14 @@ declare function renderInstallMd(options: {
 }): string;
 //#endregion
 //#region src/generate.d.ts
+/**
+ * Fill Storybook brand fields from Schema identity when the mapped theme omits them.
+ */
+declare function applyBrandDefaults(theme: StorybookTheme, identity: {
+  title?: string;
+  homepage?: string;
+  logo?: string;
+}): StorybookTheme;
 /**
  * Serialize a Storybook theme object as a `storybook/theming` `create()` module.
  *
@@ -188,5 +196,5 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
  */
 declare const _default: (options?: StorybookPluginOptions | undefined) => import("@razorwind/core/plugin").Plugin;
 //#endregion
-export { type FlatToken, type GenerateStorybookTheme, type StorybookPluginOptions, type StorybookTheme, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, renderInstallMd, renderThemeFile, resolveTokenSets, toCssVar };
+export { type FlatToken, type GenerateStorybookTheme, type StorybookPluginOptions, type StorybookTheme, applyBrandDefaults, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, renderInstallMd, renderThemeFile, resolveTokenSets, toCssVar };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/flatten.ts","../src/install.ts","../src/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;UAQe;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU,uBACV,iBAAiB,eAAe;;;;;;KAOtB,0BACV,QAAQ,SAAS,eAAe,YAC7B;;;;UAKY;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;;;;;EAUA,WAAW;;;;;;EAOX;;;;;EAMA;;;;;;;iBC7Hc,cACd,QAAQ,WAAS,eAAe,WAChC,UAAS,KAAK,2DACb;;;;;;;;iBCba,gBAAgB;EAC9B;EACA;EACA;;;;;;;;;iBCybc,gBAAgB,OAAO;;;;iBAqCvB,kBACd,MAAM,QACN,UAAS,yBACR,wBAAwB,QAAQ"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/flatten.ts","../src/install.ts","../src/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;UAQe;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU,uBACV,iBAAiB,eAAe;;;;;;KAOtB,0BACV,QAAQ,SAAS,eAAe,YAC7B;;;;UAKY;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;;;;;EAUA,WAAW;;;;;;EAOX;;;;;EAMA;;;;;;;iBC7Hc,cACd,QAAQ,WAAS,eAAe,WAChC,UAAS,KAAK,2DACb;;;;;;;;iBCba,gBAAgB;EAC9B;EACA;EACA;;;;;;;iBC+bc,mBACd,OAAO,gBACP;EAAY;EAAgB;EAAmB;IAC9C;;;;;;iBAca,gBAAgB,OAAO;;;;iBAqCvB,kBACd,MAAM,QACN,UAAS,yBACR,wBAAwB,QAAQ"}

package/dist/index.d.mts

@@ -148,6 +148,14 @@ declare function renderInstallMd(options: {
 }): string;
 //#endregion
 //#region src/generate.d.ts
+/**
+ * Fill Storybook brand fields from Schema identity when the mapped theme omits them.
+ */
+declare function applyBrandDefaults(theme: StorybookTheme, identity: {
+  title?: string;
+  homepage?: string;
+  logo?: string;
+}): StorybookTheme;
 /**
  * Serialize a Storybook theme object as a `storybook/theming` `create()` module.
  *
@@ -188,5 +196,5 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
  */
 declare const _default: (options?: StorybookPluginOptions | undefined) => import("@razorwind/core/plugin").Plugin;
 //#endregion
-export { type FlatToken, type GenerateStorybookTheme, type StorybookPluginOptions, type StorybookTheme, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, renderInstallMd, renderThemeFile, resolveTokenSets, toCssVar };
+export { type FlatToken, type GenerateStorybookTheme, type StorybookPluginOptions, type StorybookTheme, applyBrandDefaults, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, renderInstallMd, renderThemeFile, resolveTokenSets, toCssVar };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import{definePlugin as e}from"@razorwind/core/plugin";import{createDocument as t,flattenTokens as n,formatTokenValue as r,resolveTokenSets as i,toCssVar as a,toCssVar as o}from"@razorwind/core/utils";import{join as s}from"node:path";function c(e,t={}){let r=t.cssVarPrefix??`rw`;return n(e,{includeTypes:t.includeTypes,enrichToken:e=>({...e,cssVar:o(e.path,r)})})}function l(e){return e.replaceAll(`\\`,`\\\\`).replaceAll(`"`,`\\"`).replaceAll(`
-`,`\\n`).replaceAll(`\r`,`\\r`)}function u(e){return typeof e==`string`?`"${l(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}function d(e){let t=e.titlePrefix??`Design Tokens`,n=e.themeFiles&&e.themeFiles.length>0?`
+import{definePlugin as e}from"@razorwind/core/plugin";import{createDocument as t,flattenTokens as n,formatTokenValue as r,resolveSchemaIdentity as i,resolveTokenSets as a,toCssVar as o,toCssVar as s}from"@razorwind/core/utils";import{join as c}from"node:path";function l(e,t={}){let r=t.cssVarPrefix??`rw`;return n(e,{includeTypes:t.includeTypes,enrichToken:e=>({...e,cssVar:s(e.path,r)})})}function u(e){return e.replaceAll(`\\`,`\\\\`).replaceAll(`"`,`\\"`).replaceAll(`
+`,`\\n`).replaceAll(`\r`,`\\r`)}function d(e){return typeof e==`string`?`"${u(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}function f(e){let t=e.titlePrefix??`Design Tokens`,n=e.themeFiles&&e.themeFiles.length>0?`
 ## Storybook UI theme
 
 Generated theme module(s):
@@ -50,7 +50,7 @@ import { ColorPaletteBlock } from "./blocks";
 ## Regenerate
 
 Re-run Razorwind generate when tokens change to refresh docs under \`${e.outputPath}/\`.
-`}function f(e,t){let n=new Map;for(let r of e){let e=r.path.split(`.`).slice(0,Math.max(t,1)).join(`.`)||r.path,i=n.get(e)??[];i.push(r),n.set(e,i)}return n}function p(e,t){return e===t?e.split(`.`).at(-1)??e:e.startsWith(`${t}.`)?e.slice(t.length+1):e.split(`.`).at(-1)??e}function m(e,t={}){return`import { ColorPalette, ColorItem } from "@storybook/addon-docs/blocks";
+`}function p(e,t){let n=new Map;for(let r of e){let e=r.path.split(`.`).slice(0,Math.max(t,1)).join(`.`)||r.path,i=n.get(e)??[];i.push(r),n.set(e,i)}return n}function m(e,t){return e===t?e.split(`.`).at(-1)??e:e.startsWith(`${t}.`)?e.slice(t.length+1):e.split(`.`).at(-1)??e}function h(e,t={}){return`import { ColorPalette, ColorItem } from "@storybook/addon-docs/blocks";
 
 /**
  * Color tokens rendered with Storybook's ColorPalette doc block.
@@ -60,10 +60,10 @@ Re-run Razorwind generate when tokens change to refresh docs under \`${e.outputP
 export function ColorPaletteBlock() {
   return (
     <ColorPalette>
-${[...f(e.filter(e=>e.type===`color`),t.colorGroupBy??2).entries()].toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>{let n=t.map(t=>`      ${u(p(t.path,e))}: ${u(t.cssValue)}`).join(`,
+${[...p(e.filter(e=>e.type===`color`),t.colorGroupBy??2).entries()].toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>{let n=t.map(t=>`      ${d(m(t.path,e))}: ${d(t.cssValue)}`).join(`,
 `),r=t.find(e=>e.description)?.description??`${t.length} token${t.length===1?``:`s`}`;return`    <ColorItem
-      title={${u(e)}}
-      subtitle={${u(r)}}
+      title={${d(e)}}
+      subtitle={${d(r)}}
       colors={{
 ${n}
       }}
@@ -72,7 +72,7 @@ ${n}
     </ColorPalette>
   );
 }
-`}function h(e,t={}){let n=t.sampleText??`The quick brown fox jumps over the lazy dog`,r=e.filter(e=>e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)).map(e=>{let t=/^(\d+(?:\.\d+)?)/.exec(e.cssValue);return t?Number(t[1]):e.cssValue}),i=[...new Set(r)],a=e.find(e=>e.type===`fontFamily`)?.cssValue??`system-ui, sans-serif`,o=e.find(e=>e.type===`fontWeight`),s=o&&Number.parseFloat(o.cssValue)||400,c=i.length>0?`[${i.map(e=>u(e)).join(`, `)}]`:`[12, 14, 16, 20, 24, 32]`;return`import { Typeset } from "@storybook/addon-docs/blocks";
+`}function g(e,t={}){let n=t.sampleText??`The quick brown fox jumps over the lazy dog`,r=e.filter(e=>e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)).map(e=>{let t=/^(\d+(?:\.\d+)?)/.exec(e.cssValue);return t?Number(t[1]):e.cssValue}),i=[...new Set(r)],a=e.find(e=>e.type===`fontFamily`)?.cssValue??`system-ui, sans-serif`,o=e.find(e=>e.type===`fontWeight`),s=o&&Number.parseFloat(o.cssValue)||400,c=i.length>0?`[${i.map(e=>d(e)).join(`, `)}]`:`[12, 14, 16, 20, 24, 32]`;return`import { Typeset } from "@storybook/addon-docs/blocks";
 
 /**
  * Typography tokens rendered with Storybook's Typeset doc block.
@@ -82,14 +82,14 @@ ${n}
 export function TypesetBlock() {
   return (
     <Typeset
-      fontFamily={${u(a)}}
+      fontFamily={${d(a)}}
       fontSizes={${c}}
-      fontWeight={${u(s)}}
-      sampleText={${u(n)}}
+      fontWeight={${d(s)}}
+      sampleText={${d(n)}}
     />
   );
 }
-`}function g(e){return`import type { CSSProperties, ReactElement } from "react";
+`}function _(e){return`import type { CSSProperties, ReactElement } from "react";
 
 export interface TokenTableRow {
   path: string;
@@ -101,12 +101,12 @@ export interface TokenTableRow {
 }
 
 const TOKENS: TokenTableRow[] = [
-${e.map(e=>{let t=e.theme?u(e.theme):`undefined`;return`    {
-      path: ${u(e.path)},
-      type: ${e.type?u(e.type):`undefined`},
-      value: ${u(e.cssValue)},
-      cssVar: ${u(e.cssVar)},
-      description: ${e.description?u(e.description):`undefined`},
+${e.map(e=>{let t=e.theme?d(e.theme):`undefined`;return`    {
+      path: ${d(e.path)},
+      type: ${e.type?d(e.type):`undefined`},
+      value: ${d(e.cssValue)},
+      cssVar: ${d(e.cssVar)},
+      description: ${e.description?d(e.description):`undefined`},
       theme: ${t}
     }`}).join(`,
 `)||``}
@@ -193,7 +193,7 @@ export function TokenTableBlock({
     </table>
   );
 }
-`}function _(e){let t=e.titlePrefix??`Design Tokens`,n=e.hasColors?`
+`}function v(e){let t=e.titlePrefix??`Design Tokens`,n=e.hasColors?`
 ## Colors
 
 <ColorPaletteBlock />
@@ -206,7 +206,7 @@ import { ColorPaletteBlock } from "./blocks/ColorPalette";
 import { TokenTableBlock } from "./blocks/TokenTable";
 import { TypesetBlock } from "./blocks/Typeset";
 
-<Meta title="${l(t)}/Overview" />
+<Meta title="${u(t)}/Overview" />
 
 # ${t}
 
@@ -215,23 +215,23 @@ ${n}${r}
 ## All tokens
 
 <TokenTableBlock />
-`}function v(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
+`}function y(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
 import { ColorPaletteBlock } from "./blocks/ColorPalette";
 
-<Meta title="${l(e.titlePrefix??`Design Tokens`)}/Colors" />
+<Meta title="${u(e.titlePrefix??`Design Tokens`)}/Colors" />
 
 # Colors
 
 <ColorPaletteBlock />
-`}function y(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
+`}function b(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
 import { TypesetBlock } from "./blocks/Typeset";
 
-<Meta title="${l(e.titlePrefix??`Design Tokens`)}/Typography" />
+<Meta title="${u(e.titlePrefix??`Design Tokens`)}/Typography" />
 
 # Typography
 
 <TypesetBlock />
-`}function b(e,t){let n=e[t];return typeof n==`string`?n:void 0}function x(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function S(e){return`import { IconGallery, IconItem } from "@storybook/addon-docs/blocks";
+`}function x(e,t){let n=e[t];return typeof n==`string`?n:void 0}function S(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function C(e){return`import { IconGallery, IconItem } from "@storybook/addon-docs/blocks";
 
 /**
  * Icons rendered with Storybook's IconGallery doc block.
@@ -241,30 +241,30 @@ import { TypesetBlock } from "./blocks/Typeset";
 export function IconGalleryBlock() {
   return (
     <IconGallery>
-${(x(e)?Object.values(e).filter(x).toSorted((e,t)=>(b(e,`name`)??``).localeCompare(b(t,`name`)??``)):[]).map(e=>{let t=b(e,`name`)??`unknown`,n=(Array.isArray(e.files)?e.files:[]).find(e=>x(e)&&b(e,`type`)===`svg`&&typeof e.content==`string`),r=x(n)&&typeof n.content==`string`?`<span
+${(S(e)?Object.values(e).filter(S).toSorted((e,t)=>(x(e,`name`)??``).localeCompare(x(t,`name`)??``)):[]).map(e=>{let t=x(e,`name`)??`unknown`,n=(Array.isArray(e.files)?e.files:[]).find(e=>S(e)&&x(e,`type`)===`svg`&&typeof e.content==`string`),r=S(n)&&typeof n.content==`string`?`<span
           style={{ display: "inline-flex", width: 24, height: 24 }}
-          dangerouslySetInnerHTML={{ __html: ${u(n.content)} }}
-        />`:`<code>${l(t)}</code>`;return`    <IconItem name={${u(t)}}>
+          dangerouslySetInnerHTML={{ __html: ${d(n.content)} }}
+        />`:`<code>${u(t)}</code>`;return`    <IconItem name={${d(t)}}>
       ${r}
     </IconItem>`}).join(`
 `)||`      {/* No icons */}`}
     </IconGallery>
   );
 }
-`}function C(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
+`}function w(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
 import { IconGalleryBlock } from "./blocks/IconGallery";
 
-<Meta title="${l(e.titlePrefix??`Design Tokens`)}/Icons" />
+<Meta title="${u(e.titlePrefix??`Design Tokens`)}/Icons" />
 
 # Icons
 
 <IconGalleryBlock />
-`}function w(){return`export { ColorPaletteBlock } from "./ColorPalette";
+`}function T(){return`export { ColorPaletteBlock } from "./ColorPalette";
 export { IconGalleryBlock } from "./IconGallery";
 export { TokenTableBlock } from "./TokenTable";
 export type { TokenTableBlockProps, TokenTableRow } from "./TokenTable";
 export { TypesetBlock } from "./Typeset";
-`}function T(e){return`import { create } from "storybook/theming";
+`}function E(e){return S(e)?e.base===`light`||e.base===`dark`:!1}function D(e,t){return{...e,brandTitle:e.brandTitle??t.title,brandUrl:e.brandUrl??t.homepage,brandImage:e.brandImage??t.logo}}function O(e){return`import { create } from "storybook/theming";
 
 /**
  * Storybook UI theme generated by \`@razorwind/storybook\`.
@@ -272,8 +272,8 @@ export { TypesetBlock } from "./Typeset";
  * @see https://storybook.js.org/docs/configure/user-interface/theming
  */
 export default create({
-${Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`  ${e}: ${u(t)}`).join(`,
+${Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`  ${e}: ${d(t)}`).join(`,
 `)}
 });
-`}function E(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function D(e,t={}){let n=t.outputPath??`storybook/tokens`,r=c(e.tokens,t),i=r.some(e=>e.type===`color`),a=r.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),o=!t.skipIcons&&x(e.icons)&&Object.keys(e.icons).length>0,l={[s(n,`blocks/ColorPalette.tsx`)]:E(s(n,`blocks/ColorPalette.tsx`),m(r,t),`tsx`),[s(n,`blocks/Typeset.tsx`)]:E(s(n,`blocks/Typeset.tsx`),h(r,t),`tsx`),[s(n,`blocks/TokenTable.tsx`)]:E(s(n,`blocks/TokenTable.tsx`),g(r),`tsx`),[s(n,`blocks/IconGallery.tsx`)]:E(s(n,`blocks/IconGallery.tsx`),S(t.skipIcons?{}:e.icons),`tsx`),[s(n,`blocks/index.ts`)]:E(s(n,`blocks/index.ts`),w(),`typescript`),[s(n,`Tokens.mdx`)]:E(s(n,`Tokens.mdx`),_({titlePrefix:t.titlePrefix,hasColors:i,hasTypography:a}),`mdx`)};if(i&&(l[s(n,`Colors.mdx`)]=E(s(n,`Colors.mdx`),v(t),`mdx`)),a&&(l[s(n,`Typography.mdx`)]=E(s(n,`Typography.mdx`),y(t),`mdx`)),o&&(l[s(n,`Icons.mdx`)]=E(s(n,`Icons.mdx`),C(t),`mdx`)),l[s(n,`tokens.json`)]=E(s(n,`tokens.json`),`${JSON.stringify(r,null,2)}\n`,`json`),t.mapTheme){let r=t.mapTheme(e.tokens);if(typeof r==`object`&&r)for(let[e,t]of Object.entries(r))l[s(n,`theme-${e}.ts`)]=E(s(n,`theme-${e}.ts`),T(t),`typescript`);else l[s(n,`theme.ts`)]=E(s(n,`theme.ts`),T(r),`typescript`)}let u=Object.keys(l).filter(e=>e.startsWith(s(n,`theme`))).map(e=>e.slice(n.length+1)),f=t.installGuide??d({outputPath:n,titlePrefix:t.titlePrefix,themeFiles:u.length>0?u:void 0}),p=s(n,`INSTALL.md`);return l[p]=E(p,f,`markdown`),l}var O=e(e=>({name:`storybook`,generate:async t=>D(t,e??{})}));export{O as default,c as flattenTokens,r as formatTokenValue,D as generateTokenDocs,d as renderInstallMd,T as renderThemeFile,i as resolveTokenSets,a as toCssVar};
+`}function k(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function A(e,t={}){let n=t.outputPath??`storybook/tokens`,r=i(e),a=t.titlePrefix??r.title??`Design Tokens`,o={...t,titlePrefix:a},s=l(e.tokens,t),u=s.some(e=>e.type===`color`),d=s.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),p=!t.skipIcons&&S(e.icons)&&Object.keys(e.icons).length>0,m={[c(n,`blocks/ColorPalette.tsx`)]:k(c(n,`blocks/ColorPalette.tsx`),h(s,o),`tsx`),[c(n,`blocks/Typeset.tsx`)]:k(c(n,`blocks/Typeset.tsx`),g(s,o),`tsx`),[c(n,`blocks/TokenTable.tsx`)]:k(c(n,`blocks/TokenTable.tsx`),_(s),`tsx`),[c(n,`blocks/IconGallery.tsx`)]:k(c(n,`blocks/IconGallery.tsx`),C(t.skipIcons?{}:e.icons),`tsx`),[c(n,`blocks/index.ts`)]:k(c(n,`blocks/index.ts`),T(),`typescript`),[c(n,`Tokens.mdx`)]:k(c(n,`Tokens.mdx`),v({titlePrefix:a,hasColors:u,hasTypography:d}),`mdx`)};if(u&&(m[c(n,`Colors.mdx`)]=k(c(n,`Colors.mdx`),y(o),`mdx`)),d&&(m[c(n,`Typography.mdx`)]=k(c(n,`Typography.mdx`),b(o),`mdx`)),p&&(m[c(n,`Icons.mdx`)]=k(c(n,`Icons.mdx`),w(o),`mdx`)),m[c(n,`tokens.json`)]=k(c(n,`tokens.json`),`${JSON.stringify(s,null,2)}\n`,`json`),t.mapTheme){let i=t.mapTheme(e.tokens);if(E(i))m[c(n,`theme.ts`)]=k(c(n,`theme.ts`),O(D(i,r)),`typescript`);else if(S(i))for(let[e,t]of Object.entries(i))E(t)&&(m[c(n,`theme-${e}.ts`)]=k(c(n,`theme-${e}.ts`),O(D(t,r)),`typescript`))}let x=Object.keys(m).filter(e=>e.startsWith(c(n,`theme`))).map(e=>e.slice(n.length+1)),A=t.installGuide??f({outputPath:n,titlePrefix:a,themeFiles:x.length>0?x:void 0}),j=c(n,`INSTALL.md`);return m[j]=k(j,A,`markdown`),m}var j=e(e=>({name:`storybook`,generate:async t=>A(t,e??{})}));export{D as applyBrandDefaults,j as default,l as flattenTokens,r as formatTokenValue,A as generateTokenDocs,f as renderInstallMd,O as renderThemeFile,a as resolveTokenSets,o as toCssVar};
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@razorwind/storybook",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "type": "module",
   "description": "Razorwind plugin that creates Storybook MDX token doc blocks from Razorwind design tokens.",
   "repository": {
@@ -85,7 +85,7 @@
   "dependencies": {
     "@power-plant/core": "^0.0.81",
     "@power-plant/dtcg-schema": "^0.0.1",
-    "@razorwind/core": "0.0.33",
+    "@razorwind/core": "0.0.34",
     "@stryke/type-checks": "^0.6.35"
   },
   "peerDependencies": {
@@ -104,5 +104,5 @@
     "typescript": "^6.0.3"
   },
   "publishConfig": { "access": "public" },
-  "gitHead": "0e442417dc50da19a63dd5ce6bafb9fe8b432d8f"
+  "gitHead": "2e9d53ceff13e46fdd225eff5f9ac32bc661814a"
 }