/** * `storySvg` — sibling of {@link storyHtml} for authoring SVG-rooted stories. * * @module bquery/storybook */ import type { StoryValue } from './story-html'; /** * Tagged template literal for authoring SVG-rooted Storybook stories. * * @remarks * Unlike {@link storyHtml}, `storySvg` does not run the SVG output through the * HTML sanitizer (the HTML sanitizer blocks `` as a dangerous tag because * the SVG namespace can host script-execution sinks). Instead, the static * template is treated as developer-authored (and therefore trusted), while * every interpolated value is HTML-escaped so user-supplied args cannot break * out of an attribute slot or inject elements. Use {@link unsafeHtml} for the * rare case where you need to splice in pre-built SVG markup. * * @example * ```ts * import { storySvg } from '@bquery/bquery/storybook'; * * export const Icon = { * args: { size: 24, color: 'currentColor' }, * render: ({ size, color }) => storySvg` * * `, * }; * ``` */ export declare const storySvg: (strings: TemplateStringsArray, ...values: StoryValue[]) => string; //# sourceMappingURL=story-svg.d.ts.map