@slimr/styled 2.0.4 → 2.0.6

package/cjs/styled.d.ts

@@ -0,0 +1,184 @@
+/// <reference types="react" />
+import { styledBase as s } from './core.js';
+export declare const styled: typeof s & {
+    /** creates a 'a' component with css applied */
+    a: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
+    /** creates a 'abbr' component with css applied */
+    abbr: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'address' component with css applied */
+    address: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'area' component with css applied */
+    area: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>>;
+    /** creates a 'article' component with css applied */
+    article: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'aside' component with css applied */
+    aside: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'audio' component with css applied */
+    audio: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>>;
+    /** creates a 'b' component with css applied */
+    b: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'big' component with css applied; Deprecated so left out */
+    /** creates a 'blockquote' component with css applied */
+    blockquote: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
+    /** creates a 'body' component with css applied; omitted bc doesnt seem useful */
+    /** creates a 'br' component with css applied; omitted bc doesnt seem useful */
+    br: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>>;
+    /** creates a 'button' component with css applied */
+    button: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+    /** creates a 'caption' component with css applied */
+    caption: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'cite' component with css applied */
+    cite: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'code' component with css applied */
+    code: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'col' component with css applied */
+    col: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
+    /** creates a 'colgroup' component with css applied */
+    colgroup: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
+    /** creates a 'dd' component with css applied */
+    dd: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'del' component with css applied */
+    del: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>>;
+    /** creates a 'details' component with css applied */
+    details: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>>;
+    /** creates a 'dfn' component with css applied */
+    dfn: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'dialog' component with css applied */
+    dialog: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>>;
+    /** creates a 'div' component with css applied */
+    div: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    /** creates a 'dl' component with css applied */
+    dl: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>>;
+    /** creates a 'dt' component with css applied */
+    dt: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'em' component with css applied */
+    em: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'embed' component with css applied */
+    embed: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>>;
+    /** creates a 'fieldset' component with css applied */
+    fieldset: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>;
+    /** creates a 'figcaption' component with css applied */
+    figcaption: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'figure' component with css applied */
+    figure: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'footer' component with css applied */
+    footer: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'form' component with css applied */
+    form: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>;
+    /** creates a 'h1' component with css applied */
+    h1: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'h2' component with css applied */
+    h2: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'h3' component with css applied */
+    h3: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'h4' component with css applied */
+    h4: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'h5' component with css applied */
+    h5: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'h6' component with css applied */
+    h6: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    /** creates a 'header' component with css applied */
+    header: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'hgroup' component with css applied */
+    hgroup: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'hr' component with css applied */
+    hr: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>>;
+    /** creates a 'i' component with css applied */
+    i: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'iframe' component with css applied */
+    iframe: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>>;
+    /** creates a 'img' component with css applied */
+    img: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
+    /** creates a 'input' component with css applied */
+    input: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;
+    /** creates a 'ins' component with css applied */
+    ins: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>>;
+    /** creates a 'kbd' component with css applied */
+    kbd: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'label' component with css applied */
+    label: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
+    /** creates a 'legend' component with css applied */
+    legend: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>>;
+    /** creates a 'li' component with css applied */
+    li: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+    /** creates a 'main' component with css applied */
+    main: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'map' component with css applied */
+    map: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>>;
+    /** creates a 'mark' component with css applied */
+    mark: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'meter' component with css applied */
+    meter: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>>;
+    /** creates a 'nav' component with css applied */
+    nav: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'object' component with css applied */
+    object: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>>;
+    /** creates a 'ol' component with css applied */
+    ol: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>>;
+    /** creates a 'optgroup' component with css applied */
+    optgroup: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>>;
+    /** creates a 'option' component with css applied */
+    option: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>>;
+    /** creates a 'output' component with css applied */
+    output: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>>;
+    /** creates a 'p' component with css applied */
+    p: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>;
+    /** creates a 'picture' component with css applied */
+    picture: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'pre' component with css applied */
+    pre: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>>;
+    /** creates a 'progress' component with css applied */
+    progress: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>>;
+    /** creates a 'q' component with css applied */
+    q: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
+    /** creates a 'rp' component with css applied */
+    rp: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'rt' component with css applied */
+    rt: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'ruby' component with css applied */
+    ruby: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 's' component with css applied */
+    s: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'samp' component with css applied */
+    samp: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'section' component with css applied */
+    section: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'select' component with css applied */
+    select: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>>;
+    /** creates a 'small' component with css applied */
+    small: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'span' component with css applied */
+    span: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    /** creates a 'strong' component with css applied */
+    strong: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'sub' component with css applied */
+    sub: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'summary' component with css applied */
+    summary: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'sup' component with css applied */
+    sup: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'table' component with css applied */
+    table: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>>;
+    /** creates a 'tbody' component with css applied */
+    tbody: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+    /** creates a 'td' component with css applied */
+    td: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>>;
+    /** creates a 'textarea' component with css applied */
+    textarea: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>>;
+    /** creates a 'tfoot' component with css applied */
+    tfoot: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+    /** creates a 'th' component with css applied */
+    th: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>>;
+    /** creates a 'thead' component with css applied */
+    thead: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+    /** creates a 'time' component with css applied */
+    time: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>>;
+    /** creates a 'tr' component with css applied */
+    tr: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
+    /** creates a 'u' component with css applied */
+    u: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    /** creates a 'ul' component with css applied */
+    ul: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
+    /** creates a 'video' component with css applied */
+    video: (strings: string | TemplateStringsArray, ...placeHolders: string[]) => import("./core.js").SC<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>>;
+};

package/cjs/styled.js

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styled = void 0;
+const core_js_1 = require("./core.js");
+exports.styled = Object.assign(core_js_1.styledBase, {
+    /** creates a 'a' component with css applied */
+    a: (...p) => (0, core_js_1.styledBase)('a')(...p),
+    /** creates a 'abbr' component with css applied */
+    abbr: (...p) => (0, core_js_1.styledBase)('abbr')(...p),
+    /** creates a 'address' component with css applied */
+    address: (...p) => (0, core_js_1.styledBase)('address')(...p),
+    /** creates a 'area' component with css applied */
+    area: (...p) => (0, core_js_1.styledBase)('area')(...p),
+    /** creates a 'article' component with css applied */
+    article: (...p) => (0, core_js_1.styledBase)('article')(...p),
+    /** creates a 'aside' component with css applied */
+    aside: (...p) => (0, core_js_1.styledBase)('aside')(...p),
+    /** creates a 'audio' component with css applied */
+    audio: (...p) => (0, core_js_1.styledBase)('audio')(...p),
+    /** creates a 'b' component with css applied */
+    b: (...p) => (0, core_js_1.styledBase)('b')(...p),
+    /** creates a 'big' component with css applied; Deprecated so left out */
+    // big: (...p: TSP) => styled('big' as unk as FC<HTP['big']>)(...p),
+    /** creates a 'blockquote' component with css applied */
+    blockquote: (...p) => (0, core_js_1.styledBase)('blockquote')(...p),
+    /** creates a 'body' component with css applied; omitted bc doesnt seem useful */
+    // body: (...p: TSP) => styled('body' as unk as FC<HTP['body']>)(...p),
+    /** creates a 'br' component with css applied; omitted bc doesnt seem useful */
+    br: (...p) => (0, core_js_1.styledBase)('br')(...p),
+    /** creates a 'button' component with css applied */
+    button: (...p) => (0, core_js_1.styledBase)('button')(...p),
+    /** creates a 'caption' component with css applied */
+    caption: (...p) => (0, core_js_1.styledBase)('caption')(...p),
+    /** creates a 'cite' component with css applied */
+    cite: (...p) => (0, core_js_1.styledBase)('cite')(...p),
+    /** creates a 'code' component with css applied */
+    code: (...p) => (0, core_js_1.styledBase)('code')(...p),
+    /** creates a 'col' component with css applied */
+    col: (...p) => (0, core_js_1.styledBase)('col')(...p),
+    /** creates a 'colgroup' component with css applied */
+    colgroup: (...p) => (0, core_js_1.styledBase)('colgroup')(...p),
+    /** creates a 'dd' component with css applied */
+    dd: (...p) => (0, core_js_1.styledBase)('dd')(...p),
+    /** creates a 'del' component with css applied */
+    del: (...p) => (0, core_js_1.styledBase)('del')(...p),
+    /** creates a 'details' component with css applied */
+    details: (...p) => (0, core_js_1.styledBase)('details')(...p),
+    /** creates a 'dfn' component with css applied */
+    dfn: (...p) => (0, core_js_1.styledBase)('dfn')(...p),
+    /** creates a 'dialog' component with css applied */
+    dialog: (...p) => (0, core_js_1.styledBase)('dialog')(...p),
+    /** creates a 'div' component with css applied */
+    div: (...p) => (0, core_js_1.styledBase)('div')(...p),
+    /** creates a 'dl' component with css applied */
+    dl: (...p) => (0, core_js_1.styledBase)('dl')(...p),
+    /** creates a 'dt' component with css applied */
+    dt: (...p) => (0, core_js_1.styledBase)('dt')(...p),
+    /** creates a 'em' component with css applied */
+    em: (...p) => (0, core_js_1.styledBase)('em')(...p),
+    /** creates a 'embed' component with css applied */
+    embed: (...p) => (0, core_js_1.styledBase)('embed')(...p),
+    /** creates a 'fieldset' component with css applied */
+    fieldset: (...p) => (0, core_js_1.styledBase)('fieldset')(...p),
+    /** creates a 'figcaption' component with css applied */
+    figcaption: (...p) => (0, core_js_1.styledBase)('figcaption')(...p),
+    /** creates a 'figure' component with css applied */
+    figure: (...p) => (0, core_js_1.styledBase)('figure')(...p),
+    /** creates a 'footer' component with css applied */
+    footer: (...p) => (0, core_js_1.styledBase)('footer')(...p),
+    /** creates a 'form' component with css applied */
+    form: (...p) => (0, core_js_1.styledBase)('form')(...p),
+    /** creates a 'h1' component with css applied */
+    h1: (...p) => (0, core_js_1.styledBase)('h1')(...p),
+    /** creates a 'h2' component with css applied */
+    h2: (...p) => (0, core_js_1.styledBase)('h2')(...p),
+    /** creates a 'h3' component with css applied */
+    h3: (...p) => (0, core_js_1.styledBase)('h3')(...p),
+    /** creates a 'h4' component with css applied */
+    h4: (...p) => (0, core_js_1.styledBase)('h4')(...p),
+    /** creates a 'h5' component with css applied */
+    h5: (...p) => (0, core_js_1.styledBase)('h5')(...p),
+    /** creates a 'h6' component with css applied */
+    h6: (...p) => (0, core_js_1.styledBase)('h6')(...p),
+    /** creates a 'header' component with css applied */
+    header: (...p) => (0, core_js_1.styledBase)('header')(...p),
+    /** creates a 'hgroup' component with css applied */
+    hgroup: (...p) => (0, core_js_1.styledBase)('hgroup')(...p),
+    /** creates a 'hr' component with css applied */
+    hr: (...p) => (0, core_js_1.styledBase)('hr')(...p),
+    /** creates a 'i' component with css applied */
+    i: (...p) => (0, core_js_1.styledBase)('i')(...p),
+    /** creates a 'iframe' component with css applied */
+    iframe: (...p) => (0, core_js_1.styledBase)('iframe')(...p),
+    /** creates a 'img' component with css applied */
+    img: (...p) => (0, core_js_1.styledBase)('img')(...p),
+    /** creates a 'input' component with css applied */
+    input: (...p) => (0, core_js_1.styledBase)('input')(...p),
+    /** creates a 'ins' component with css applied */
+    ins: (...p) => (0, core_js_1.styledBase)('ins')(...p),
+    /** creates a 'kbd' component with css applied */
+    kbd: (...p) => (0, core_js_1.styledBase)('kbd')(...p),
+    /** creates a 'label' component with css applied */
+    label: (...p) => (0, core_js_1.styledBase)('label')(...p),
+    /** creates a 'legend' component with css applied */
+    legend: (...p) => (0, core_js_1.styledBase)('legend')(...p),
+    /** creates a 'li' component with css applied */
+    li: (...p) => (0, core_js_1.styledBase)('li')(...p),
+    /** creates a 'main' component with css applied */
+    main: (...p) => (0, core_js_1.styledBase)('main')(...p),
+    /** creates a 'map' component with css applied */
+    map: (...p) => (0, core_js_1.styledBase)('map')(...p),
+    /** creates a 'mark' component with css applied */
+    mark: (...p) => (0, core_js_1.styledBase)('mark')(...p),
+    /** creates a 'meter' component with css applied */
+    meter: (...p) => (0, core_js_1.styledBase)('meter')(...p),
+    /** creates a 'nav' component with css applied */
+    nav: (...p) => (0, core_js_1.styledBase)('nav')(...p),
+    /** creates a 'object' component with css applied */
+    object: (...p) => (0, core_js_1.styledBase)('object')(...p),
+    /** creates a 'ol' component with css applied */
+    ol: (...p) => (0, core_js_1.styledBase)('ol')(...p),
+    /** creates a 'optgroup' component with css applied */
+    optgroup: (...p) => (0, core_js_1.styledBase)('optgroup')(...p),
+    /** creates a 'option' component with css applied */
+    option: (...p) => (0, core_js_1.styledBase)('option')(...p),
+    /** creates a 'output' component with css applied */
+    output: (...p) => (0, core_js_1.styledBase)('output')(...p),
+    /** creates a 'p' component with css applied */
+    p: (...p) => (0, core_js_1.styledBase)('p')(...p),
+    /** creates a 'picture' component with css applied */
+    picture: (...p) => (0, core_js_1.styledBase)('picture')(...p),
+    /** creates a 'pre' component with css applied */
+    pre: (...p) => (0, core_js_1.styledBase)('pre')(...p),
+    /** creates a 'progress' component with css applied */
+    progress: (...p) => (0, core_js_1.styledBase)('progress')(...p),
+    /** creates a 'q' component with css applied */
+    q: (...p) => (0, core_js_1.styledBase)('q')(...p),
+    /** creates a 'rp' component with css applied */
+    rp: (...p) => (0, core_js_1.styledBase)('rp')(...p),
+    /** creates a 'rt' component with css applied */
+    rt: (...p) => (0, core_js_1.styledBase)('rt')(...p),
+    /** creates a 'ruby' component with css applied */
+    ruby: (...p) => (0, core_js_1.styledBase)('ruby')(...p),
+    /** creates a 's' component with css applied */
+    s: (...p) => (0, core_js_1.styledBase)('s')(...p),
+    /** creates a 'samp' component with css applied */
+    samp: (...p) => (0, core_js_1.styledBase)('samp')(...p),
+    /** creates a 'section' component with css applied */
+    section: (...p) => (0, core_js_1.styledBase)('section')(...p),
+    /** creates a 'select' component with css applied */
+    select: (...p) => (0, core_js_1.styledBase)('select')(...p),
+    /** creates a 'small' component with css applied */
+    small: (...p) => (0, core_js_1.styledBase)('small')(...p),
+    /** creates a 'span' component with css applied */
+    span: (...p) => (0, core_js_1.styledBase)('span')(...p),
+    /** creates a 'strong' component with css applied */
+    strong: (...p) => (0, core_js_1.styledBase)('strong')(...p),
+    /** creates a 'sub' component with css applied */
+    sub: (...p) => (0, core_js_1.styledBase)('sub')(...p),
+    /** creates a 'summary' component with css applied */
+    summary: (...p) => (0, core_js_1.styledBase)('summary')(...p),
+    /** creates a 'sup' component with css applied */
+    sup: (...p) => (0, core_js_1.styledBase)('sup')(...p),
+    /** creates a 'table' component with css applied */
+    table: (...p) => (0, core_js_1.styledBase)('table')(...p),
+    /** creates a 'tbody' component with css applied */
+    tbody: (...p) => (0, core_js_1.styledBase)('tbody')(...p),
+    /** creates a 'td' component with css applied */
+    td: (...p) => (0, core_js_1.styledBase)('td')(...p),
+    /** creates a 'textarea' component with css applied */
+    textarea: (...p) => (0, core_js_1.styledBase)('textarea')(...p),
+    /** creates a 'tfoot' component with css applied */
+    tfoot: (...p) => (0, core_js_1.styledBase)('tfoot')(...p),
+    /** creates a 'th' component with css applied */
+    th: (...p) => (0, core_js_1.styledBase)('th')(...p),
+    /** creates a 'thead' component with css applied */
+    thead: (...p) => (0, core_js_1.styledBase)('thead')(...p),
+    /** creates a 'time' component with css applied */
+    time: (...p) => (0, core_js_1.styledBase)('time')(...p),
+    /** creates a 'tr' component with css applied */
+    tr: (...p) => (0, core_js_1.styledBase)('tr')(...p),
+    /** creates a 'u' component with css applied */
+    u: (...p) => (0, core_js_1.styledBase)('u')(...p),
+    /** creates a 'ul' component with css applied */
+    ul: (...p) => (0, core_js_1.styledBase)('ul')(...p),
+    /** creates a 'video' component with css applied */
+    video: (...p) => (0, core_js_1.styledBase)('video')(...p),
+});
+//# sourceMappingURL=styled.js.map

package/cjs/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"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"}

package/cjs/styled.ts

@@ -0,0 +1,197 @@
+import {TemplateStringProps} from '@slimr/css'
+
+import {FC} from 'react'
+
+import {styledBase as s} from './core.js'
+
+/** Shorthand type */
+type unk = unknown
+/** Shorthand type */
+type TSP = TemplateStringProps
+/** Shorthand type */
+type HTP = JSX.IntrinsicElements
+
+export const styled = Object.assign(s, {
+  /** creates a 'a' component with css applied */
+  a: (...p: TSP) => s('a' as unk as FC<HTP['a']>)(...p),
+  /** creates a 'abbr' component with css applied */
+  abbr: (...p: TSP) => s('abbr' as unk as FC<HTP['abbr']>)(...p),
+  /** creates a 'address' component with css applied */
+  address: (...p: TSP) => s('address' as unk as FC<HTP['address']>)(...p),
+  /** creates a 'area' component with css applied */
+  area: (...p: TSP) => s('area' as unk as FC<HTP['area']>)(...p),
+  /** creates a 'article' component with css applied */
+  article: (...p: TSP) => s('article' as unk as FC<HTP['article']>)(...p),
+  /** creates a 'aside' component with css applied */
+  aside: (...p: TSP) => s('aside' as unk as FC<HTP['aside']>)(...p),
+  /** creates a 'audio' component with css applied */
+  audio: (...p: TSP) => s('audio' as unk as FC<HTP['audio']>)(...p),
+  /** creates a 'b' component with css applied */
+  b: (...p: TSP) => s('b' as unk as FC<HTP['b']>)(...p),
+  /** creates a 'big' component with css applied; Deprecated so left out */
+  // big: (...p: TSP) => styled('big' as unk as FC<HTP['big']>)(...p),
+  /** creates a 'blockquote' component with css applied */
+  blockquote: (...p: TSP) => s('blockquote' as unk as FC<HTP['blockquote']>)(...p),
+  /** creates a 'body' component with css applied; omitted bc doesnt seem useful */
+  // body: (...p: TSP) => styled('body' as unk as FC<HTP['body']>)(...p),
+  /** creates a 'br' component with css applied; omitted bc doesnt seem useful */
+  br: (...p: TSP) => s('br' as unk as FC<HTP['br']>)(...p),
+  /** creates a 'button' component with css applied */
+  button: (...p: TSP) => s('button' as unk as FC<HTP['button']>)(...p),
+  /** creates a 'caption' component with css applied */
+  caption: (...p: TSP) => s('caption' as unk as FC<HTP['caption']>)(...p),
+  /** creates a 'cite' component with css applied */
+  cite: (...p: TSP) => s('cite' as unk as FC<HTP['cite']>)(...p),
+  /** creates a 'code' component with css applied */
+  code: (...p: TSP) => s('code' as unk as FC<HTP['code']>)(...p),
+  /** creates a 'col' component with css applied */
+  col: (...p: TSP) => s('col' as unk as FC<HTP['col']>)(...p),
+  /** creates a 'colgroup' component with css applied */
+  colgroup: (...p: TSP) => s('colgroup' as unk as FC<HTP['colgroup']>)(...p),
+  /** creates a 'dd' component with css applied */
+  dd: (...p: TSP) => s('dd' as unk as FC<HTP['dd']>)(...p),
+  /** creates a 'del' component with css applied */
+  del: (...p: TSP) => s('del' as unk as FC<HTP['del']>)(...p),
+  /** creates a 'details' component with css applied */
+  details: (...p: TSP) => s('details' as unk as FC<HTP['details']>)(...p),
+  /** creates a 'dfn' component with css applied */
+  dfn: (...p: TSP) => s('dfn' as unk as FC<HTP['dfn']>)(...p),
+  /** creates a 'dialog' component with css applied */
+  dialog: (...p: TSP) => s('dialog' as unk as FC<HTP['dialog']>)(...p),
+  /** creates a 'div' component with css applied */
+  div: (...p: TSP) => s('div' as unk as FC<HTP['div']>)(...p),
+  /** creates a 'dl' component with css applied */
+  dl: (...p: TSP) => s('dl' as unk as FC<HTP['dl']>)(...p),
+  /** creates a 'dt' component with css applied */
+  dt: (...p: TSP) => s('dt' as unk as FC<HTP['dt']>)(...p),
+  /** creates a 'em' component with css applied */
+  em: (...p: TSP) => s('em' as unk as FC<HTP['em']>)(...p),
+  /** creates a 'embed' component with css applied */
+  embed: (...p: TSP) => s('embed' as unk as FC<HTP['embed']>)(...p),
+  /** creates a 'fieldset' component with css applied */
+  fieldset: (...p: TSP) => s('fieldset' as unk as FC<HTP['fieldset']>)(...p),
+  /** creates a 'figcaption' component with css applied */
+  figcaption: (...p: TSP) => s('figcaption' as unk as FC<HTP['figcaption']>)(...p),
+  /** creates a 'figure' component with css applied */
+  figure: (...p: TSP) => s('figure' as unk as FC<HTP['figure']>)(...p),
+  /** creates a 'footer' component with css applied */
+  footer: (...p: TSP) => s('footer' as unk as FC<HTP['footer']>)(...p),
+  /** creates a 'form' component with css applied */
+  form: (...p: TSP) => s('form' as unk as FC<HTP['form']>)(...p),
+  /** creates a 'h1' component with css applied */
+  h1: (...p: TSP) => s('h1' as unk as FC<HTP['h1']>)(...p),
+  /** creates a 'h2' component with css applied */
+  h2: (...p: TSP) => s('h2' as unk as FC<HTP['h2']>)(...p),
+  /** creates a 'h3' component with css applied */
+  h3: (...p: TSP) => s('h3' as unk as FC<HTP['h3']>)(...p),
+  /** creates a 'h4' component with css applied */
+  h4: (...p: TSP) => s('h4' as unk as FC<HTP['h4']>)(...p),
+  /** creates a 'h5' component with css applied */
+  h5: (...p: TSP) => s('h5' as unk as FC<HTP['h5']>)(...p),
+  /** creates a 'h6' component with css applied */
+  h6: (...p: TSP) => s('h6' as unk as FC<HTP['h6']>)(...p),
+  /** creates a 'header' component with css applied */
+  header: (...p: TSP) => s('header' as unk as FC<HTP['header']>)(...p),
+  /** creates a 'hgroup' component with css applied */
+  hgroup: (...p: TSP) => s('hgroup' as unk as FC<HTP['hgroup']>)(...p),
+  /** creates a 'hr' component with css applied */
+  hr: (...p: TSP) => s('hr' as unk as FC<HTP['hr']>)(...p),
+  /** creates a 'i' component with css applied */
+  i: (...p: TSP) => s('i' as unk as FC<HTP['i']>)(...p),
+  /** creates a 'iframe' component with css applied */
+  iframe: (...p: TSP) => s('iframe' as unk as FC<HTP['iframe']>)(...p),
+  /** creates a 'img' component with css applied */
+  img: (...p: TSP) => s('img' as unk as FC<HTP['img']>)(...p),
+  /** creates a 'input' component with css applied */
+  input: (...p: TSP) => s('input' as unk as FC<HTP['input']>)(...p),
+  /** creates a 'ins' component with css applied */
+  ins: (...p: TSP) => s('ins' as unk as FC<HTP['ins']>)(...p),
+  /** creates a 'kbd' component with css applied */
+  kbd: (...p: TSP) => s('kbd' as unk as FC<HTP['kbd']>)(...p),
+  /** creates a 'label' component with css applied */
+  label: (...p: TSP) => s('label' as unk as FC<HTP['label']>)(...p),
+  /** creates a 'legend' component with css applied */
+  legend: (...p: TSP) => s('legend' as unk as FC<HTP['legend']>)(...p),
+  /** creates a 'li' component with css applied */
+  li: (...p: TSP) => s('li' as unk as FC<HTP['li']>)(...p),
+  /** creates a 'main' component with css applied */
+  main: (...p: TSP) => s('main' as unk as FC<HTP['main']>)(...p),
+  /** creates a 'map' component with css applied */
+  map: (...p: TSP) => s('map' as unk as FC<HTP['map']>)(...p),
+  /** creates a 'mark' component with css applied */
+  mark: (...p: TSP) => s('mark' as unk as FC<HTP['mark']>)(...p),
+  /** creates a 'meter' component with css applied */
+  meter: (...p: TSP) => s('meter' as unk as FC<HTP['meter']>)(...p),
+  /** creates a 'nav' component with css applied */
+  nav: (...p: TSP) => s('nav' as unk as FC<HTP['nav']>)(...p),
+  /** creates a 'object' component with css applied */
+  object: (...p: TSP) => s('object' as unk as FC<HTP['object']>)(...p),
+  /** creates a 'ol' component with css applied */
+  ol: (...p: TSP) => s('ol' as unk as FC<HTP['ol']>)(...p),
+  /** creates a 'optgroup' component with css applied */
+  optgroup: (...p: TSP) => s('optgroup' as unk as FC<HTP['optgroup']>)(...p),
+  /** creates a 'option' component with css applied */
+  option: (...p: TSP) => s('option' as unk as FC<HTP['option']>)(...p),
+  /** creates a 'output' component with css applied */
+  output: (...p: TSP) => s('output' as unk as FC<HTP['output']>)(...p),
+  /** creates a 'p' component with css applied */
+  p: (...p: TSP) => s('p' as unk as FC<HTP['p']>)(...p),
+  /** creates a 'picture' component with css applied */
+  picture: (...p: TSP) => s('picture' as unk as FC<HTP['picture']>)(...p),
+  /** creates a 'pre' component with css applied */
+  pre: (...p: TSP) => s('pre' as unk as FC<HTP['pre']>)(...p),
+  /** creates a 'progress' component with css applied */
+  progress: (...p: TSP) => s('progress' as unk as FC<HTP['progress']>)(...p),
+  /** creates a 'q' component with css applied */
+  q: (...p: TSP) => s('q' as unk as FC<HTP['q']>)(...p),
+  /** creates a 'rp' component with css applied */
+  rp: (...p: TSP) => s('rp' as unk as FC<HTP['rp']>)(...p),
+  /** creates a 'rt' component with css applied */
+  rt: (...p: TSP) => s('rt' as unk as FC<HTP['rt']>)(...p),
+  /** creates a 'ruby' component with css applied */
+  ruby: (...p: TSP) => s('ruby' as unk as FC<HTP['ruby']>)(...p),
+  /** creates a 's' component with css applied */
+  s: (...p: TSP) => s('s' as unk as FC<HTP['s']>)(...p),
+  /** creates a 'samp' component with css applied */
+  samp: (...p: TSP) => s('samp' as unk as FC<HTP['samp']>)(...p),
+  /** creates a 'section' component with css applied */
+  section: (...p: TSP) => s('section' as unk as FC<HTP['section']>)(...p),
+  /** creates a 'select' component with css applied */
+  select: (...p: TSP) => s('select' as unk as FC<HTP['select']>)(...p),
+  /** creates a 'small' component with css applied */
+  small: (...p: TSP) => s('small' as unk as FC<HTP['small']>)(...p),
+  /** creates a 'span' component with css applied */
+  span: (...p: TSP) => s('span' as unk as FC<HTP['span']>)(...p),
+  /** creates a 'strong' component with css applied */
+  strong: (...p: TSP) => s('strong' as unk as FC<HTP['strong']>)(...p),
+  /** creates a 'sub' component with css applied */
+  sub: (...p: TSP) => s('sub' as unk as FC<HTP['sub']>)(...p),
+  /** creates a 'summary' component with css applied */
+  summary: (...p: TSP) => s('summary' as unk as FC<HTP['summary']>)(...p),
+  /** creates a 'sup' component with css applied */
+  sup: (...p: TSP) => s('sup' as unk as FC<HTP['sup']>)(...p),
+  /** creates a 'table' component with css applied */
+  table: (...p: TSP) => s('table' as unk as FC<HTP['table']>)(...p),
+  /** creates a 'tbody' component with css applied */
+  tbody: (...p: TSP) => s('tbody' as unk as FC<HTP['tbody']>)(...p),
+  /** creates a 'td' component with css applied */
+  td: (...p: TSP) => s('td' as unk as FC<HTP['td']>)(...p),
+  /** creates a 'textarea' component with css applied */
+  textarea: (...p: TSP) => s('textarea' as unk as FC<HTP['textarea']>)(...p),
+  /** creates a 'tfoot' component with css applied */
+  tfoot: (...p: TSP) => s('tfoot' as unk as FC<HTP['tfoot']>)(...p),
+  /** creates a 'th' component with css applied */
+  th: (...p: TSP) => s('th' as unk as FC<HTP['th']>)(...p),
+  /** creates a 'thead' component with css applied */
+  thead: (...p: TSP) => s('thead' as unk as FC<HTP['thead']>)(...p),
+  /** creates a 'time' component with css applied */
+  time: (...p: TSP) => s('time' as unk as FC<HTP['time']>)(...p),
+  /** creates a 'tr' component with css applied */
+  tr: (...p: TSP) => s('tr' as unk as FC<HTP['tr']>)(...p),
+  /** creates a 'u' component with css applied */
+  u: (...p: TSP) => s('u' as unk as FC<HTP['u']>)(...p),
+  /** creates a 'ul' component with css applied */
+  ul: (...p: TSP) => s('ul' as unk as FC<HTP['ul']>)(...p),
+  /** creates a 'video' component with css applied */
+  video: (...p: TSP) => s('video' as unk as FC<HTP['video']>)(...p),
+})