@vinyasa/typography 1.0.20

package/dist/esm/474.js

@@ -0,0 +1,76 @@
+import { themeContract } from "@vinyasa/tokens";
+const space = {
+    1: themeContract.space1,
+    2: themeContract.space2,
+    3: themeContract.space3,
+    4: themeContract.space4,
+    5: themeContract.space5,
+    6: themeContract.space6
+};
+const spacingPropertyMap = [
+    [
+        'm',
+        'margin'
+    ],
+    [
+        'mx',
+        'marginInline'
+    ],
+    [
+        'my',
+        'marginBlock'
+    ],
+    [
+        'mt',
+        'marginTop'
+    ],
+    [
+        'mr',
+        'marginRight'
+    ],
+    [
+        'mb',
+        'marginBottom'
+    ],
+    [
+        'ml',
+        'marginLeft'
+    ],
+    [
+        'p',
+        'padding'
+    ],
+    [
+        'px',
+        'paddingInline'
+    ],
+    [
+        'py',
+        'paddingBlock'
+    ],
+    [
+        'pt',
+        'paddingTop'
+    ],
+    [
+        'pr',
+        'paddingRight'
+    ],
+    [
+        'pb',
+        'paddingBottom'
+    ],
+    [
+        'pl',
+        'paddingLeft'
+    ]
+];
+const resolveSpacingStyle = (props)=>{
+    const style = {};
+    for (const [propKey, cssProperty] of spacingPropertyMap){
+        const value = props[propKey];
+        if (void 0 !== value) style[cssProperty] = space[value];
+    }
+    return style;
+};
+export { resolveSpacingStyle };

package/dist/esm/57.css

@@ -0,0 +1,8 @@
+._1laoo9r0 {
+  text-decoration: none;
+}
+
+._1laoo9r0:hover {
+  text-decoration: underline;
+}
+

package/dist/esm/57.js

@@ -0,0 +1,43 @@
+import "./57.css";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { resolveSpacingStyle } from "./474.js";
+import { Text as text_Text } from "./191.js";
+var Link_css_link = '_1laoo9r0';
+const Link = /*#__PURE__*/ forwardRef(({ size, weight, truncate, color = 'primary', m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children, ...rest }, ref)=>{
+    const classes = className ? `${Link_css_link} ${className}` : Link_css_link;
+    const spacingStyle = resolveSpacingStyle({
+        m,
+        mt,
+        mr,
+        mb,
+        ml,
+        mx,
+        my,
+        p,
+        pt,
+        pr,
+        pb,
+        pl,
+        px,
+        py
+    });
+    return /*#__PURE__*/ jsx(text_Text, {
+        ...rest,
+        ref: ref,
+        as: "a",
+        size: size,
+        weight: weight,
+        truncate: truncate,
+        color: color,
+        className: classes,
+        style: {
+            ...spacingStyle,
+            ...style
+        },
+        children: children
+    });
+});
+Link.displayName = 'Link';
+const link_Link = Link;
+export { link_Link as Link };

package/dist/esm/63.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Text as text_Text } from "./191.js";
+const levelDefaultSize = {
+    h1: '3xl',
+    h2: '2xl',
+    h3: 'xl',
+    h4: 'lg',
+    h5: 'md',
+    h6: 'sm'
+};
+const Heading = /*#__PURE__*/ forwardRef(({ as = 'h2', size, weight = 'bold', ...rest }, ref)=>/*#__PURE__*/ jsx(text_Text, {
+        ref: ref,
+        as: as,
+        size: size ?? levelDefaultSize[as],
+        weight: weight,
+        ...rest
+    }));
+Heading.displayName = 'Heading';
+const heading_Heading = Heading;
+export { heading_Heading as Heading };

package/dist/esm/651.css

@@ -0,0 +1,20 @@
+._15gjhvw0 {
+  font-family: var(--vinyasa-font-family-mono);
+  font-size: var(--vinyasa-font-size-sm);
+  background-color: var(--vinyasa-secondary);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-on-secondary);
+}
+
+._15gjhvw1 {
+  padding: var(--vinyasa-space3);
+  display: block;
+  overflow-x: auto;
+}
+
+._15gjhvw2 {
+  padding-inline: var(--vinyasa-space1);
+  padding-block: .125em;
+  display: inline;
+}
+

package/dist/esm/651.js

@@ -0,0 +1,63 @@
+import "./651.css";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { createRuntimeFn } from "./953.js";
+import { resolveSpacingStyle } from "./474.js";
+var code = createRuntimeFn({
+    defaultClassName: '_15gjhvw0',
+    variantClassNames: {
+        block: {
+            true: '_15gjhvw1',
+            false: '_15gjhvw2'
+        }
+    },
+    defaultVariants: {
+        block: false
+    },
+    compoundVariants: []
+});
+const Code = /*#__PURE__*/ forwardRef(({ block = false, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children, ...rest }, ref)=>{
+    const classes = className ? `${code({
+        block
+    })} ${className}` : code({
+        block
+    });
+    const computedStyle = {
+        ...resolveSpacingStyle({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        }),
+        ...style
+    };
+    if (block) return /*#__PURE__*/ jsx("pre", {
+        ref: ref,
+        className: classes,
+        style: computedStyle,
+        ...rest,
+        children: /*#__PURE__*/ jsx("code", {
+            children: children
+        })
+    });
+    return /*#__PURE__*/ jsx("code", {
+        ref: ref,
+        className: classes,
+        style: computedStyle,
+        ...rest,
+        children: children
+    });
+});
+Code.displayName = 'Code';
+const code_Code = Code;
+export { code_Code as Code };

package/dist/esm/654.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import box from "@vinyasa/layout/box";
+import { forwardRef } from "react";
+import react_markdown from "react-markdown";
+import { Heading as heading_Heading } from "./63.js";
+import { Paragraph as paragraph_Paragraph } from "./895.js";
+import { Link as link_Link } from "./57.js";
+import { Blockquote as blockquote_Blockquote } from "./783.js";
+import { Code as code_Code } from "./651.js";
+const components = {
+    h1: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h1",
+            id: id,
+            children: children
+        }),
+    h2: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h2",
+            id: id,
+            children: children
+        }),
+    h3: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h3",
+            id: id,
+            children: children
+        }),
+    h4: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h4",
+            id: id,
+            children: children
+        }),
+    h5: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h5",
+            id: id,
+            children: children
+        }),
+    h6: ({ id, children })=>/*#__PURE__*/ jsx(heading_Heading, {
+            as: "h6",
+            id: id,
+            children: children
+        }),
+    p: ({ children })=>/*#__PURE__*/ jsx(paragraph_Paragraph, {
+            children: children
+        }),
+    a: ({ href, title, children })=>/*#__PURE__*/ jsx(link_Link, {
+            href: href,
+            title: title,
+            children: children
+        }),
+    blockquote: ({ children })=>/*#__PURE__*/ jsx(blockquote_Blockquote, {
+            children: children
+        }),
+    pre: ({ children })=>children,
+    code: ({ className, children })=>{
+        const isBlock = 'string' == typeof className && className.includes('language-');
+        return /*#__PURE__*/ jsx(code_Code, {
+            block: isBlock,
+            className: className,
+            children: children
+        });
+    }
+};
+const MarkdownRenderer = /*#__PURE__*/ forwardRef(({ children, ...rest }, ref)=>/*#__PURE__*/ jsx(box, {
+        ref: ref,
+        ...rest,
+        children: /*#__PURE__*/ jsx(react_markdown, {
+            components: components,
+            children: children
+        })
+    }));
+MarkdownRenderer.displayName = 'MarkdownRenderer';
+const markdown_renderer_MarkdownRenderer = MarkdownRenderer;
+export { markdown_renderer_MarkdownRenderer as MarkdownRenderer };

package/dist/esm/691.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Text as text_Text } from "./191.js";
+const Label = /*#__PURE__*/ forwardRef(({ size = 'sm', weight = 'medium', ...props }, ref)=>/*#__PURE__*/ jsx(text_Text, {
+        ref: ref,
+        as: "label",
+        size: size,
+        weight: weight,
+        ...props
+    }));
+Label.displayName = 'Label';
+const label_Label = Label;
+export { label_Label as Label };

package/dist/esm/783.css

@@ -0,0 +1,8 @@
+.adxw6l0 {
+  border-inline-start: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  color: var(--vinyasa-text-muted);
+  margin: 0;
+  padding-inline-start: var(--vinyasa-space4);
+  font-style: italic;
+}
+

package/dist/esm/783.js

@@ -0,0 +1,37 @@
+import "./783.css";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { resolveSpacingStyle } from "./474.js";
+var blockquote = 'adxw6l0';
+const Blockquote = /*#__PURE__*/ forwardRef(({ m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children, ...rest }, ref)=>{
+    const classes = className ? `${blockquote} ${className}` : blockquote;
+    const computedStyle = {
+        ...resolveSpacingStyle({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        }),
+        ...style
+    };
+    return /*#__PURE__*/ jsx("blockquote", {
+        ref: ref,
+        className: classes,
+        style: computedStyle,
+        ...rest,
+        children: children
+    });
+});
+Blockquote.displayName = 'Blockquote';
+const blockquote_Blockquote = Blockquote;
+export { blockquote_Blockquote as Blockquote };

package/dist/esm/895.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Text as text_Text } from "./191.js";
+const Paragraph = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(text_Text, {
+        ref: ref,
+        as: "p",
+        ...props
+    }));
+Paragraph.displayName = 'Paragraph';
+const paragraph_Paragraph = Paragraph;
+export { paragraph_Paragraph as Paragraph };

package/dist/esm/919.css

@@ -0,0 +1,12 @@
+._18ahdyj0 {
+  font-family: var(--vinyasa-font-family-mono);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  background-color: var(--vinyasa-secondary);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  padding-inline: var(--vinyasa-space2);
+  padding-block: .125em;
+  display: inline-block;
+}
+

package/dist/esm/919.js

@@ -0,0 +1,37 @@
+import "./919.css";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { resolveSpacingStyle } from "./474.js";
+var kbd = '_18ahdyj0';
+const Kbd = /*#__PURE__*/ forwardRef(({ m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children, ...rest }, ref)=>{
+    const classes = className ? `${kbd} ${className}` : kbd;
+    const computedStyle = {
+        ...resolveSpacingStyle({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        }),
+        ...style
+    };
+    return /*#__PURE__*/ jsx("kbd", {
+        ref: ref,
+        className: classes,
+        style: computedStyle,
+        ...rest,
+        children: children
+    });
+});
+Kbd.displayName = 'Kbd';
+const kbd_Kbd = Kbd;
+export { kbd_Kbd as Kbd };

package/dist/esm/953.js

@@ -0,0 +1,87 @@
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+export { createRuntimeFn };

package/dist/esm/975.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Text as text_Text } from "./191.js";
+const Caption = /*#__PURE__*/ forwardRef(({ size = 'xs', color = 'muted', ...props }, ref)=>/*#__PURE__*/ jsx(text_Text, {
+        ref: ref,
+        as: "span",
+        size: size,
+        color: color,
+        ...props
+    }));
+Caption.displayName = 'Caption';
+const caption_Caption = Caption;
+export { caption_Caption as Caption };

package/dist/esm/blockquote.d.ts

@@ -0,0 +1,2 @@
+export * from './components/blockquote/index';
+export { default } from './components/blockquote/index';

package/dist/esm/blockquote.js

@@ -0,0 +1 @@
+export { Blockquote as default } from "./783.js";

package/dist/esm/caption.d.ts

@@ -0,0 +1,2 @@
+export * from './components/caption/index';
+export { default } from './components/caption/index';

package/dist/esm/caption.js

@@ -0,0 +1 @@
+export { Caption as default } from "./975.js";

package/dist/esm/code.d.ts

@@ -0,0 +1,2 @@
+export * from './components/code/index';
+export { default } from './components/code/index';

package/dist/esm/code.js

@@ -0,0 +1 @@
+export { Code as default } from "./651.js";

package/dist/esm/components/blockquote/Blockquote.css.d.ts

@@ -0,0 +1 @@
+export declare const blockquote: string;

package/dist/esm/components/blockquote/Blockquote.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpacingProps } from '../../spacing';
+export type BlockquoteProps = ComponentPropsWithoutRef<'blockquote'> & SpacingProps;
+declare const Blockquote: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & SpacingProps & import("react").RefAttributes<HTMLQuoteElement>>;
+export default Blockquote;

package/dist/esm/components/blockquote/index.d.ts

@@ -0,0 +1 @@
+export { default, type BlockquoteProps } from './Blockquote';

package/dist/esm/components/caption/Caption.d.ts

@@ -0,0 +1,4 @@
+import { type TextProps } from '../text/Text';
+export type CaptionProps = Omit<TextProps, 'as'>;
+declare const Caption: import("react").ForwardRefExoticComponent<CaptionProps & import("react").RefAttributes<HTMLElement>>;
+export default Caption;

package/dist/esm/components/caption/index.d.ts

@@ -0,0 +1 @@
+export { default, type CaptionProps } from './Caption';

package/dist/esm/components/code/Code.css.d.ts

@@ -0,0 +1,14 @@
+export declare const code: import("@vanilla-extract/recipes").RuntimeFn<{
+    block: {
+        true: {
+            display: "block";
+            padding: `var(--${string})`;
+            overflowX: "auto";
+        };
+        false: {
+            display: "inline";
+            paddingInline: `var(--${string})`;
+            paddingBlock: "0.125em";
+        };
+    };
+}>;

package/dist/esm/components/code/Code.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type SpacingProps } from '../../spacing';
+export type CodeProps = Omit<ComponentPropsWithoutRef<'code'>, 'children'> & SpacingProps & {
+    children?: ReactNode;
+    /** Renders `<pre><code>` for a multi-line block instead of inline `<code>`. */
+    block?: boolean;
+};
+declare const Code: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & SpacingProps & {
+    children?: ReactNode;
+    /** Renders `<pre><code>` for a multi-line block instead of inline `<code>`. */
+    block?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Code;

package/dist/esm/components/code/index.d.ts

@@ -0,0 +1 @@
+export { default, type CodeProps } from './Code';

package/dist/esm/components/heading/Heading.d.ts

@@ -0,0 +1,9 @@
+import { type TextProps } from '../text/Text';
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingProps = Omit<TextProps, 'as'> & {
+    as?: HeadingLevel;
+};
+declare const Heading: import("react").ForwardRefExoticComponent<Omit<TextProps, "as"> & {
+    as?: HeadingLevel;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Heading;

package/dist/esm/components/heading/index.d.ts

@@ -0,0 +1 @@
+export { default, type HeadingLevel, type HeadingProps } from './Heading';

package/dist/esm/components/kbd/Kbd.css.d.ts

@@ -0,0 +1 @@
+export declare const kbd: string;

package/dist/esm/components/kbd/Kbd.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpacingProps } from '../../spacing';
+export type KbdProps = ComponentPropsWithoutRef<'kbd'> & SpacingProps;
+declare const Kbd: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & SpacingProps & import("react").RefAttributes<HTMLElement>>;
+export default Kbd;

package/dist/esm/components/kbd/index.d.ts

@@ -0,0 +1 @@
+export { default, type KbdProps } from './Kbd';

package/dist/esm/components/label/Label.d.ts

@@ -0,0 +1,8 @@
+import { type TextProps } from '../text/Text';
+export type LabelProps = Omit<TextProps, 'as'> & {
+    htmlFor?: string;
+};
+declare const Label: import("react").ForwardRefExoticComponent<Omit<TextProps, "as"> & {
+    htmlFor?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Label;

package/dist/esm/components/label/index.d.ts

@@ -0,0 +1 @@
+export { default, type LabelProps } from './Label';

package/dist/esm/components/link/Link.css.d.ts

@@ -0,0 +1 @@
+export declare const link: string;