@razorwind/storybook 0.0.5 → 0.0.6

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("@razorwind/core/plugin"),t=require("@razorwind/core/utils"),n=require("node:path");function r(e){return e.replaceAll(`\\`,`\\\\`).replaceAll(`"`,`\\"`).replaceAll(`
-`,`\\n`).replaceAll(`\r`,`\\r`)}function i(e){return typeof e==`string`?`"${r(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}const a=/^(?:light|dark|dim|high-contrast|hc|default|base|theme)(?:[._-].+)?$/i;function o(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function s(e){return`$value`in e||`value`in e||`$ref`in e||`ref`in e}function c(e){if(typeof e.$description==`string`)return e.$description;if(typeof e.description==`string`)return e.description}function l(e,t){return typeof e.$type==`string`?e.$type:typeof e.type==`string`?e.type:t}function u(e){if(`$value`in e)return e.$value;if(`value`in e)return e.value;if(typeof e.$ref==`string`)return e.$ref;if(typeof e.ref==`string`)return e.ref}function d(e,n,r,i,a,f){if(!o(e))return;let p=l(e,r);if(s(e)){let r=u(e),o=n.join(`.`);f.push({path:o,type:p,value:r,cssValue:(0,t.formatTokenValue)(r,p),cssVar:(0,t.toCssVar)(o,a),description:c(e),theme:i});return}for(let[t,r]of Object.entries(e))t.startsWith(`$`)||d(r,[...n,t],p,i,a,f)}function f(e){if(!o(e))return[];let t=Object.keys(e).filter(e=>!e.startsWith(`$`));return t.length>0&&t.every(e=>a.test(e))?t.map(t=>({id:t,tokens:e[t]})):[{id:`default`,tokens:e}]}function p(e,t={}){let n=t.cssVarPrefix??`rw`,r=t.includeTypes?new Set(t.includeTypes):void 0,i=[];for(let t of f(e)){let e=t.id==="default"?void 0:t.id;d(t.tokens,[],void 0,e,n,i)}return r?i.filter(e=>!e.type||r.has(e.type)):i}function m(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 h(e,t){return e===t?e.split(`.`).at(-1)??e:e.startsWith(`${t}.`)?e.slice(t.length+1):e.split(`.`).at(-1)??e}function g(e,t={}){return`import { ColorPalette, ColorItem } from "@storybook/addon-docs/blocks";
+`,`\\n`).replaceAll(`\r`,`\\r`)}function i(e){return typeof e==`string`?`"${r(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}const a=/^(?:light|dark|dim|high-contrast|hc|default|base|theme)(?:[._-].+)?$/i;function o(e){return`$value`in e||`value`in e||`$ref`in e||`ref`in e}function s(e){if(typeof e.$description==`string`)return e.$description;if(typeof e.description==`string`)return e.description}function c(e,t){return typeof e.$type==`string`?e.$type:typeof e.type==`string`?e.type:t}function l(e){if(`$value`in e)return e.$value;if(`value`in e)return e.value;if(typeof e.$ref==`string`)return e.$ref;if(typeof e.ref==`string`)return e.ref}function u(e,n,r,i,a,d){if(!(0,t.isObject)(e))return;let f=c(e,r);if(o(e)){let r=l(e),o=n.join(`.`);d.push({path:o,type:f,value:r,cssValue:(0,t.formatTokenValue)(r,f),cssVar:(0,t.toCssVar)(o,a),description:s(e),theme:i});return}for(let[t,r]of Object.entries(e))t.startsWith(`$`)||u(r,[...n,t],f,i,a,d)}function d(e){if(!(0,t.isObject)(e))return[];let n=Object.keys(e).filter(e=>!e.startsWith(`$`));return n.length>0&&n.every(e=>a.test(e))?n.map(t=>({id:t,tokens:e[t]})):[{id:`default`,tokens:e}]}function f(e,t={}){let n=t.cssVarPrefix??`rw`,r=t.includeTypes?new Set(t.includeTypes):void 0,i=[];for(let t of d(e)){let e=t.id==="default"?void 0:t.id;u(t.tokens,[],void 0,e,n,i)}return r?i.filter(e=>!e.type||r.has(e.type)):i}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.
@@ -9,7 +9,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
 export function ColorPaletteBlock() {
   return (
     <ColorPalette>
-${[...m(e.filter(e=>e.type===`color`),t.colorGroupBy??2).entries()].toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>{let n=t.map(t=>`      ${i(h(t.path,e))}: ${i(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=>`      ${i(m(t.path,e))}: ${i(t.cssValue)}`).join(`,
 `),r=t.find(e=>e.description)?.description??`${t.length} token${t.length===1?``:`s`}`;return`    <ColorItem
       title={${i(e)}}
       subtitle={${i(r)}}
@@ -21,7 +21,7 @@ ${n}
     </ColorPalette>
   );
 }
-`}function _(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}),a=[...new Set(r)],o=e.find(e=>e.type===`fontFamily`)?.cssValue??`system-ui, sans-serif`,s=e.find(e=>e.type===`fontWeight`),c=s&&Number.parseFloat(s.cssValue)||400,l=a.length>0?`[${a.map(e=>i(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}),a=[...new Set(r)],o=e.find(e=>e.type===`fontFamily`)?.cssValue??`system-ui, sans-serif`,s=e.find(e=>e.type===`fontWeight`),c=s&&Number.parseFloat(s.cssValue)||400,l=a.length>0?`[${a.map(e=>i(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.
@@ -38,7 +38,7 @@ export function TypesetBlock() {
     />
   );
 }
-`}function v(e){return`import type { CSSProperties, ReactElement } from "react";
+`}function _(e){return`import type { CSSProperties, ReactElement } from "react";
 
 export interface TokenTableRow {
   path: string;
@@ -142,7 +142,7 @@ export function TokenTableBlock({
     </table>
   );
 }
-`}function y(e){let t=e.titlePrefix??`Design Tokens`,n=e.hasColors?`
+`}function v(e){let t=e.titlePrefix??`Design Tokens`,n=e.hasColors?`
 ## Colors
 
 <ColorPaletteBlock />
@@ -164,7 +164,7 @@ ${n}${i}
 ## All tokens
 
 <TokenTableBlock />
-`}function b(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="${r(e.titlePrefix??`Design Tokens`)}/Colors" />
@@ -172,7 +172,7 @@ import { ColorPaletteBlock } from "./blocks/ColorPalette";
 # Colors
 
 <ColorPaletteBlock />
-`}function x(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="${r(e.titlePrefix??`Design Tokens`)}/Typography" />
@@ -180,8 +180,8 @@ import { TypesetBlock } from "./blocks/Typeset";
 # Typography
 
 <TypesetBlock />
-`}function S(){return`export { ColorPaletteBlock } from "./ColorPalette";
+`}function x(){return`export { ColorPaletteBlock } from "./ColorPalette";
 export { TokenTableBlock } from "./TokenTable";
 export type { TokenTableBlockProps, TokenTableRow } from "./TokenTable";
 export { TypesetBlock } from "./Typeset";
-`}function C(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function w(e,t={}){let r=t.outDir??`storybook/tokens`,i=p(e.tokens,t),a=i.some(e=>e.type===`color`),o=i.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)),s={[(0,n.join)(r,`blocks/ColorPalette.tsx`)]:C((0,n.join)(r,`blocks/ColorPalette.tsx`),g(i,t),`tsx`),[(0,n.join)(r,`blocks/Typeset.tsx`)]:C((0,n.join)(r,`blocks/Typeset.tsx`),_(i,t),`tsx`),[(0,n.join)(r,`blocks/TokenTable.tsx`)]:C((0,n.join)(r,`blocks/TokenTable.tsx`),v(i),`tsx`),[(0,n.join)(r,`blocks/index.ts`)]:C((0,n.join)(r,`blocks/index.ts`),S(),`typescript`),[(0,n.join)(r,`Tokens.mdx`)]:C((0,n.join)(r,`Tokens.mdx`),y({titlePrefix:t.titlePrefix,hasColors:a,hasTypography:o}),`mdx`)};return a&&(s[(0,n.join)(r,`Colors.mdx`)]=C((0,n.join)(r,`Colors.mdx`),b(t),`mdx`)),o&&(s[(0,n.join)(r,`Typography.mdx`)]=C((0,n.join)(r,`Typography.mdx`),x(t),`mdx`)),s[(0,n.join)(r,`tokens.json`)]=C((0,n.join)(r,`tokens.json`),`${JSON.stringify(i,null,2)}\n`,`json`),s}var T=(0,e.definePlugin)((e={})=>({name:`storybook`,generate:async t=>w(t,e)}));exports.default=T,exports.flattenTokens=p,Object.defineProperty(exports,"formatTokenValue",{enumerable:!0,get:function(){return t.formatTokenValue}}),exports.generateTokenDocs=w,exports.resolveTokenSets=f,Object.defineProperty(exports,"toCssVar",{enumerable:!0,get:function(){return t.toCssVar}});
+`}function S(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function C(e,t={}){let r=t.outDir??`storybook/tokens`,i=f(e.tokens,t),a=i.some(e=>e.type===`color`),o=i.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)),s={[(0,n.join)(r,`blocks/ColorPalette.tsx`)]:S((0,n.join)(r,`blocks/ColorPalette.tsx`),h(i,t),`tsx`),[(0,n.join)(r,`blocks/Typeset.tsx`)]:S((0,n.join)(r,`blocks/Typeset.tsx`),g(i,t),`tsx`),[(0,n.join)(r,`blocks/TokenTable.tsx`)]:S((0,n.join)(r,`blocks/TokenTable.tsx`),_(i),`tsx`),[(0,n.join)(r,`blocks/index.ts`)]:S((0,n.join)(r,`blocks/index.ts`),x(),`typescript`),[(0,n.join)(r,`Tokens.mdx`)]:S((0,n.join)(r,`Tokens.mdx`),v({titlePrefix:t.titlePrefix,hasColors:a,hasTypography:o}),`mdx`)};return a&&(s[(0,n.join)(r,`Colors.mdx`)]=S((0,n.join)(r,`Colors.mdx`),y(t),`mdx`)),o&&(s[(0,n.join)(r,`Typography.mdx`)]=S((0,n.join)(r,`Typography.mdx`),b(t),`mdx`)),s[(0,n.join)(r,`tokens.json`)]=S((0,n.join)(r,`tokens.json`),`${JSON.stringify(i,null,2)}\n`,`json`),s}var w=(0,e.definePlugin)((e={})=>({name:`storybook`,generate:async t=>C(t,e)}));exports.default=w,exports.flattenTokens=f,Object.defineProperty(exports,"formatTokenValue",{enumerable:!0,get:function(){return t.formatTokenValue}}),exports.generateTokenDocs=C,exports.resolveTokenSets=d,Object.defineProperty(exports,"toCssVar",{enumerable:!0,get:function(){return t.toCssVar}});

package/dist/index.d.cts

@@ -104,7 +104,7 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
  * });
  * ```
  */
-declare const _default: any;
+declare const _default: (options: any) => import("@razorwind/core/plugin").Plugin;
 //#endregion
 export { type FlatToken, type StorybookPluginOptions, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, 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/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;UAMe;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;UC4Be;EACf;EACA,QAAQ;;;;;;;;iBASM,iBACd,QAAQ,SAAS,eAAe,UAC/B;;;;iBAsBa,cACd,QAAQ,SAAS,eAAe,SAChC,UAAS,KAAK,2DACb;;;;;;iBC8Oa,kBACd,MAAM,QACN,UAAS,yBACR,wBAAwB,QAAQ"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/flatten.ts","../src/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;UAMe;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;UCyBe;EACf;EACA,QAAQ;;;;;;;;iBASM,iBACd,QAAQ,SAAS,eAAe,UAC/B;;;;iBAsBa,cACd,QAAQ,SAAS,eAAe,SAChC,UAAS,KAAK,2DACb;;;;;;iBCiPa,kBACd,MAAM,QACN,UAAS,yBACR,wBAAwB,QAAQ"}

package/dist/index.d.mts

@@ -104,7 +104,7 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
  * });
  * ```
  */
-declare const _default: any;
+declare const _default: (options: any) => import("@razorwind/core/plugin").Plugin;
 //#endregion
 export { type FlatToken, type StorybookPluginOptions, _default as default, flattenTokens, formatTokenValue, generateTokenDocs, 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,formatTokenValue as n,toCssVar as r}from"@razorwind/core/utils";import{join as i}from"node:path";function a(e){return e.replaceAll(`\\`,`\\\\`).replaceAll(`"`,`\\"`).replaceAll(`
-`,`\\n`).replaceAll(`\r`,`\\r`)}function o(e){return typeof e==`string`?`"${a(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}const s=/^(?:light|dark|dim|high-contrast|hc|default|base|theme)(?:[._-].+)?$/i;function c(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function l(e){return`$value`in e||`value`in e||`$ref`in e||`ref`in e}function u(e){if(typeof e.$description==`string`)return e.$description;if(typeof e.description==`string`)return e.description}function d(e,t){return typeof e.$type==`string`?e.$type:typeof e.type==`string`?e.type:t}function f(e){if(`$value`in e)return e.$value;if(`value`in e)return e.value;if(typeof e.$ref==`string`)return e.$ref;if(typeof e.ref==`string`)return e.ref}function p(e,t,i,a,o,s){if(!c(e))return;let m=d(e,i);if(l(e)){let i=f(e),c=t.join(`.`);s.push({path:c,type:m,value:i,cssValue:n(i,m),cssVar:r(c,o),description:u(e),theme:a});return}for(let[n,r]of Object.entries(e))n.startsWith(`$`)||p(r,[...t,n],m,a,o,s)}function m(e){if(!c(e))return[];let t=Object.keys(e).filter(e=>!e.startsWith(`$`));return t.length>0&&t.every(e=>s.test(e))?t.map(t=>({id:t,tokens:e[t]})):[{id:`default`,tokens:e}]}function h(e,t={}){let n=t.cssVarPrefix??`rw`,r=t.includeTypes?new Set(t.includeTypes):void 0,i=[];for(let t of m(e)){let e=t.id==="default"?void 0:t.id;p(t.tokens,[],void 0,e,n,i)}return r?i.filter(e=>!e.type||r.has(e.type)):i}function g(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 _(e,t){return e===t?e.split(`.`).at(-1)??e:e.startsWith(`${t}.`)?e.slice(t.length+1):e.split(`.`).at(-1)??e}function v(e,t={}){return`import { ColorPalette, ColorItem } from "@storybook/addon-docs/blocks";
+import{definePlugin as e}from"@razorwind/core/plugin";import{createDocument as t,formatTokenValue as n,isObject as r,toCssVar as i}from"@razorwind/core/utils";import{join as a}from"node:path";function o(e){return e.replaceAll(`\\`,`\\\\`).replaceAll(`"`,`\\"`).replaceAll(`
+`,`\\n`).replaceAll(`\r`,`\\r`)}function s(e){return typeof e==`string`?`"${o(e)}"`:typeof e==`number`||typeof e==`boolean`?String(e):e==null?`undefined`:JSON.stringify(e)}const c=/^(?:light|dark|dim|high-contrast|hc|default|base|theme)(?:[._-].+)?$/i;function l(e){return`$value`in e||`value`in e||`$ref`in e||`ref`in e}function u(e){if(typeof e.$description==`string`)return e.$description;if(typeof e.description==`string`)return e.description}function d(e,t){return typeof e.$type==`string`?e.$type:typeof e.type==`string`?e.type:t}function f(e){if(`$value`in e)return e.$value;if(`value`in e)return e.value;if(typeof e.$ref==`string`)return e.$ref;if(typeof e.ref==`string`)return e.ref}function p(e,t,a,o,s,c){if(!r(e))return;let m=d(e,a);if(l(e)){let r=f(e),a=t.join(`.`);c.push({path:a,type:m,value:r,cssValue:n(r,m),cssVar:i(a,s),description:u(e),theme:o});return}for(let[n,r]of Object.entries(e))n.startsWith(`$`)||p(r,[...t,n],m,o,s,c)}function m(e){if(!r(e))return[];let t=Object.keys(e).filter(e=>!e.startsWith(`$`));return t.length>0&&t.every(e=>c.test(e))?t.map(t=>({id:t,tokens:e[t]})):[{id:`default`,tokens:e}]}function h(e,t={}){let n=t.cssVarPrefix??`rw`,r=t.includeTypes?new Set(t.includeTypes):void 0,i=[];for(let t of m(e)){let e=t.id==="default"?void 0:t.id;p(t.tokens,[],void 0,e,n,i)}return r?i.filter(e=>!e.type||r.has(e.type)):i}function g(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 _(e,t){return e===t?e.split(`.`).at(-1)??e:e.startsWith(`${t}.`)?e.slice(t.length+1):e.split(`.`).at(-1)??e}function v(e,t={}){return`import { ColorPalette, ColorItem } from "@storybook/addon-docs/blocks";
 
 /**
  * Color tokens rendered with Storybook's ColorPalette doc block.
@@ -9,10 +9,10 @@ import{definePlugin as e}from"@razorwind/core/plugin";import{createDocument as t
 export function ColorPaletteBlock() {
   return (
     <ColorPalette>
-${[...g(e.filter(e=>e.type===`color`),t.colorGroupBy??2).entries()].toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>{let n=t.map(t=>`      ${o(_(t.path,e))}: ${o(t.cssValue)}`).join(`,
+${[...g(e.filter(e=>e.type===`color`),t.colorGroupBy??2).entries()].toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>{let n=t.map(t=>`      ${s(_(t.path,e))}: ${s(t.cssValue)}`).join(`,
 `),r=t.find(e=>e.description)?.description??`${t.length} token${t.length===1?``:`s`}`;return`    <ColorItem
-      title={${o(e)}}
-      subtitle={${o(r)}}
+      title={${s(e)}}
+      subtitle={${s(r)}}
       colors={{
 ${n}
       }}
@@ -21,7 +21,7 @@ ${n}
     </ColorPalette>
   );
 }
-`}function y(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`,s=e.find(e=>e.type===`fontWeight`),c=s&&Number.parseFloat(s.cssValue)||400,l=i.length>0?`[${i.map(e=>o(e)).join(`, `)}]`:`[12, 14, 16, 20, 24, 32]`;return`import { Typeset } from "@storybook/addon-docs/blocks";
+`}function y(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`),c=o&&Number.parseFloat(o.cssValue)||400,l=i.length>0?`[${i.map(e=>s(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.
@@ -31,10 +31,10 @@ ${n}
 export function TypesetBlock() {
   return (
     <Typeset
-      fontFamily={${o(a)}}
+      fontFamily={${s(a)}}
       fontSizes={${l}}
-      fontWeight={${o(c)}}
-      sampleText={${o(n)}}
+      fontWeight={${s(c)}}
+      sampleText={${s(n)}}
     />
   );
 }
@@ -50,12 +50,12 @@ export interface TokenTableRow {
 }
 
 const TOKENS: TokenTableRow[] = [
-${e.map(e=>{let t=e.theme?o(e.theme):`undefined`;return`    {
-      path: ${o(e.path)},
-      type: ${e.type?o(e.type):`undefined`},
-      value: ${o(e.cssValue)},
-      cssVar: ${o(e.cssVar)},
-      description: ${e.description?o(e.description):`undefined`},
+${e.map(e=>{let t=e.theme?s(e.theme):`undefined`;return`    {
+      path: ${s(e.path)},
+      type: ${e.type?s(e.type):`undefined`},
+      value: ${s(e.cssValue)},
+      cssVar: ${s(e.cssVar)},
+      description: ${e.description?s(e.description):`undefined`},
       theme: ${t}
     }`}).join(`,
 `)||``}
@@ -155,7 +155,7 @@ import { ColorPaletteBlock } from "./blocks/ColorPalette";
 import { TokenTableBlock } from "./blocks/TokenTable";
 import { TypesetBlock } from "./blocks/Typeset";
 
-<Meta title="${a(t)}/Overview" />
+<Meta title="${o(t)}/Overview" />
 
 # ${t}
 
@@ -167,7 +167,7 @@ ${n}${r}
 `}function S(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
 import { ColorPaletteBlock } from "./blocks/ColorPalette";
 
-<Meta title="${a(e.titlePrefix??`Design Tokens`)}/Colors" />
+<Meta title="${o(e.titlePrefix??`Design Tokens`)}/Colors" />
 
 # Colors
 
@@ -175,7 +175,7 @@ import { ColorPaletteBlock } from "./blocks/ColorPalette";
 `}function C(e={}){return`import { Meta } from "@storybook/addon-docs/blocks";
 import { TypesetBlock } from "./blocks/Typeset";
 
-<Meta title="${a(e.titlePrefix??`Design Tokens`)}/Typography" />
+<Meta title="${o(e.titlePrefix??`Design Tokens`)}/Typography" />
 
 # Typography
 
@@ -184,5 +184,5 @@ import { TypesetBlock } from "./blocks/Typeset";
 export { TokenTableBlock } from "./TokenTable";
 export type { TokenTableBlockProps, TokenTableRow } from "./TokenTable";
 export { TypesetBlock } from "./Typeset";
-`}function T(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function E(e,t={}){let n=t.outDir??`storybook/tokens`,r=h(e.tokens,t),a=r.some(e=>e.type===`color`),o=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)),s={[i(n,`blocks/ColorPalette.tsx`)]:T(i(n,`blocks/ColorPalette.tsx`),v(r,t),`tsx`),[i(n,`blocks/Typeset.tsx`)]:T(i(n,`blocks/Typeset.tsx`),y(r,t),`tsx`),[i(n,`blocks/TokenTable.tsx`)]:T(i(n,`blocks/TokenTable.tsx`),b(r),`tsx`),[i(n,`blocks/index.ts`)]:T(i(n,`blocks/index.ts`),w(),`typescript`),[i(n,`Tokens.mdx`)]:T(i(n,`Tokens.mdx`),x({titlePrefix:t.titlePrefix,hasColors:a,hasTypography:o}),`mdx`)};return a&&(s[i(n,`Colors.mdx`)]=T(i(n,`Colors.mdx`),S(t),`mdx`)),o&&(s[i(n,`Typography.mdx`)]=T(i(n,`Typography.mdx`),C(t),`mdx`)),s[i(n,`tokens.json`)]=T(i(n,`tokens.json`),`${JSON.stringify(r,null,2)}\n`,`json`),s}var D=e((e={})=>({name:`storybook`,generate:async t=>E(t,e)}));export{D as default,h as flattenTokens,n as formatTokenValue,E as generateTokenDocs,m as resolveTokenSets,r as toCssVar};
+`}function T(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function E(e,t={}){let n=t.outDir??`storybook/tokens`,r=h(e.tokens,t),i=r.some(e=>e.type===`color`),o=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)),s={[a(n,`blocks/ColorPalette.tsx`)]:T(a(n,`blocks/ColorPalette.tsx`),v(r,t),`tsx`),[a(n,`blocks/Typeset.tsx`)]:T(a(n,`blocks/Typeset.tsx`),y(r,t),`tsx`),[a(n,`blocks/TokenTable.tsx`)]:T(a(n,`blocks/TokenTable.tsx`),b(r),`tsx`),[a(n,`blocks/index.ts`)]:T(a(n,`blocks/index.ts`),w(),`typescript`),[a(n,`Tokens.mdx`)]:T(a(n,`Tokens.mdx`),x({titlePrefix:t.titlePrefix,hasColors:i,hasTypography:o}),`mdx`)};return i&&(s[a(n,`Colors.mdx`)]=T(a(n,`Colors.mdx`),S(t),`mdx`)),o&&(s[a(n,`Typography.mdx`)]=T(a(n,`Typography.mdx`),C(t),`mdx`)),s[a(n,`tokens.json`)]=T(a(n,`tokens.json`),`${JSON.stringify(r,null,2)}\n`,`json`),s}var D=e((e={})=>({name:`storybook`,generate:async t=>E(t,e)}));export{D as default,h as flattenTokens,n as formatTokenValue,E as generateTokenDocs,m as resolveTokenSets,i as toCssVar};
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@razorwind/storybook",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "description": "Razorwind plugin that creates Storybook MDX token doc blocks from Razorwind design tokens.",
   "repository": {
@@ -69,9 +69,10 @@
   "types": "./dist/index.d.cts",
   "typings": "dist/index.d.mts",
   "dependencies": {
-    "@power-plant/core": "^0.0.37",
+    "@power-plant/core": "^0.0.40",
     "@power-plant/dtcg-schema": "^0.0.1",
-    "@razorwind/core": "^0.0.9"
+    "@razorwind/core": "^0.0.10",
+    "@stryke/type-checks": "^0.6.31"
   },
   "peerDependencies": {
     "@storybook/addon-docs": ">=8",
@@ -84,10 +85,10 @@
     "storybook": { "optional": true }
   },
   "devDependencies": {
-    "@powerlines/plugin-tsdown": "^0.1.560",
+    "@powerlines/plugin-tsdown": "^0.1.561",
     "@types/node": "^25.9.5",
     "typescript": "^6.0.3"
   },
   "publishConfig": { "access": "public" },
-  "gitHead": "6ca83196e6028c6c051887e6390dbd62dd3b0582"
+  "gitHead": "35f5d31c337fdedeb003c0d9eca72949d4305437"
 }