npm - @slimr/styled - Versions diffs - 2.1.15 → 2.1.17 - Mend

@slimr/styled 2.1.15 → 2.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/src/primitives.ts CHANGED Viewed

@@ -1,99 +1,191 @@
 import {styled} from './styled.js'
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const A = styled.a``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Abbr = styled.abbr``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Address = styled.address``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Area = styled.area``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Article = styled.article``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Aside = styled.aside``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const AudioC = styled.audio``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const B = styled.b``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Blockquote = styled.blockquote``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Br = styled.br``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Button = styled.button``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Caption = styled.caption``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Cite = styled.cite``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Code = styled.code``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Col = styled.col``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Colgroup = styled.colgroup``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Dd = styled.dd``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Del = styled.del``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Details = styled.details``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Dfn = styled.dfn``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Dialog = styled.dialog``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Div = styled.div``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Dl = styled.dl``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Dt = styled.dt``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Em = styled.em``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Embed = styled.embed``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Fieldset = styled.fieldset``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Figcaption = styled.figcaption``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Figure = styled.figure``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Footer = styled.footer``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Form = styled.form``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H1 = styled.h1``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H2 = styled.h2``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H3 = styled.h3``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H4 = styled.h4``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H5 = styled.h5``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const H6 = styled.h6``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Header = styled.header``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Hgroup = styled.hgroup``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Hr = styled.hr``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const I = styled.i``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Iframe = styled.iframe``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Img = styled.img``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Input = styled.input``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Ins = styled.ins``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Kbd = styled.kbd``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Label = styled.label``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Legend = styled.legend``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Li = styled.li``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Main = styled.main``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const MapC = styled.map``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Mark = styled.mark``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Meter = styled.meter``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Nav = styled.nav``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const ObjectC = styled.object``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Ol = styled.ol``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Optgroup = styled.optgroup``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const OptionC = styled.option``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Output = styled.output``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const P = styled.p``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Picture = styled.picture``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Pre = styled.pre``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Progress = styled.progress``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Q = styled.q``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Rp = styled.rp``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Rt = styled.rt``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Ruby = styled.ruby``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const S = styled.s``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Samp = styled.samp``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Section = styled.section``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Select = styled.select``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Small = styled.small``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Span = styled.span``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Strong = styled.strong``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Sub = styled.sub``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Summary = styled.summary``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Sup = styled.sup``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Table = styled.table``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Tbody = styled.tbody``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Td = styled.td``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Textarea = styled.textarea``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Tfoot = styled.tfoot``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Th = styled.th``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Thead = styled.thead``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Time = styled.time``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Tr = styled.tr``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const U = styled.u``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Ul = styled.ul``
+/** A decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Video = styled.video``
+/** An alias to Div, a decorated HTML Element. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Box = Div
+/** An alias to Div with display=flex. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const Flex = styled.div`
   d: flex;
 `
+/** An alias to Div with display=flex and direction=column. See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
 export const FlexC = styled.div`
   d: flex;
   fd: column;

package/src/styled.ts CHANGED Viewed

@@ -10,187 +10,209 @@ type TSP = T2SProps
 /** Shorthand type */
 type HTP = JSX.IntrinsicElements
+/**
+ * Create React components with styles using familiar syntax. See
+ * [npm](https://www.npmjs.com/package/@slimr/styled) for more info.
+ *
+ * @param component
+ * a functional component to be styled; must accept a className prop
+ *
+ * @returns
+ * a function that accepts a template string of css returns a decorated React component
+ *
+ * @example
+ * const Button = styled('button')`
+ *  c: red; // color shorthand
+ *  w: [100%, null, 300px]; // responsive width = 100% on mobile, 300px on desktop
+ * `
+ * const Button2 = styled.button`
+ *   c: blue;
+ * `
+ * const Button3 = styled(Button)`
+ *   bg: red;
+ * `
+ */
 export const styled = Object.assign(s, {
-  /** creates a 'a' component with css applied */
+  /** creates a 'a' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   a: (...p: TSP) => s('a' as unk as FC<HTP['a']>)(...p),
-  /** creates a 'abbr' component with css applied */
+  /** creates a 'abbr' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   abbr: (...p: TSP) => s('abbr' as unk as FC<HTP['abbr']>)(...p),
-  /** creates a 'address' component with css applied */
+  /** creates a 'address' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   address: (...p: TSP) => s('address' as unk as FC<HTP['address']>)(...p),
-  /** creates a 'area' component with css applied */
+  /** creates a 'area' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   area: (...p: TSP) => s('area' as unk as FC<HTP['area']>)(...p),
-  /** creates a 'article' component with css applied */
+  /** creates a 'article' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   article: (...p: TSP) => s('article' as unk as FC<HTP['article']>)(...p),
-  /** creates a 'aside' component with css applied */
+  /** creates a 'aside' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   aside: (...p: TSP) => s('aside' as unk as FC<HTP['aside']>)(...p),
-  /** creates a 'audio' component with css applied */
+  /** creates a 'audio' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   audio: (...p: TSP) => s('audio' as unk as FC<HTP['audio']>)(...p),
-  /** creates a 'b' component with css applied */
+  /** creates a 'b' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   b: (...p: TSP) => s('b' as unk as FC<HTP['b']>)(...p),
-  /** creates a 'big' component with css applied; Deprecated so left out */
+  /** creates a 'big' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info.; Deprecated so left out */
   // big: (...p: TSP) => styled('big' as unk as FC<HTP['big']>)(...p),
-  /** creates a 'blockquote' component with css applied */
+  /** creates a 'blockquote' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   blockquote: (...p: TSP) => s('blockquote' as unk as FC<HTP['blockquote']>)(...p),
-  /** creates a 'body' component with css applied; omitted bc doesnt seem useful */
+  /** creates a 'body' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info.; 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 */
+  /** creates a 'br' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info.; omitted bc doesnt seem useful */
   br: (...p: TSP) => s('br' as unk as FC<HTP['br']>)(...p),
-  /** creates a 'button' component with css applied */
+  /** creates a 'button' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   button: (...p: TSP) => s('button' as unk as FC<HTP['button']>)(...p),
-  /** creates a 'caption' component with css applied */
+  /** creates a 'caption' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   caption: (...p: TSP) => s('caption' as unk as FC<HTP['caption']>)(...p),
-  /** creates a 'cite' component with css applied */
+  /** creates a 'cite' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   cite: (...p: TSP) => s('cite' as unk as FC<HTP['cite']>)(...p),
-  /** creates a 'code' component with css applied */
+  /** creates a 'code' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   code: (...p: TSP) => s('code' as unk as FC<HTP['code']>)(...p),
-  /** creates a 'col' component with css applied */
+  /** creates a 'col' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   col: (...p: TSP) => s('col' as unk as FC<HTP['col']>)(...p),
-  /** creates a 'colgroup' component with css applied */
+  /** creates a 'colgroup' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   colgroup: (...p: TSP) => s('colgroup' as unk as FC<HTP['colgroup']>)(...p),
-  /** creates a 'dd' component with css applied */
+  /** creates a 'dd' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   dd: (...p: TSP) => s('dd' as unk as FC<HTP['dd']>)(...p),
-  /** creates a 'del' component with css applied */
+  /** creates a 'del' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   del: (...p: TSP) => s('del' as unk as FC<HTP['del']>)(...p),
-  /** creates a 'details' component with css applied */
+  /** creates a 'details' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   details: (...p: TSP) => s('details' as unk as FC<HTP['details']>)(...p),
-  /** creates a 'dfn' component with css applied */
+  /** creates a 'dfn' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   dfn: (...p: TSP) => s('dfn' as unk as FC<HTP['dfn']>)(...p),
-  /** creates a 'dialog' component with css applied */
+  /** creates a 'dialog' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   dialog: (...p: TSP) => s('dialog' as unk as FC<HTP['dialog']>)(...p),
-  /** creates a 'div' component with css applied */
+  /** creates a 'div' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   div: (...p: TSP) => s('div' as unk as FC<HTP['div']>)(...p),
-  /** creates a 'dl' component with css applied */
+  /** creates a 'dl' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   dl: (...p: TSP) => s('dl' as unk as FC<HTP['dl']>)(...p),
-  /** creates a 'dt' component with css applied */
+  /** creates a 'dt' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   dt: (...p: TSP) => s('dt' as unk as FC<HTP['dt']>)(...p),
-  /** creates a 'em' component with css applied */
+  /** creates a 'em' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   em: (...p: TSP) => s('em' as unk as FC<HTP['em']>)(...p),
-  /** creates a 'embed' component with css applied */
+  /** creates a 'embed' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   embed: (...p: TSP) => s('embed' as unk as FC<HTP['embed']>)(...p),
-  /** creates a 'fieldset' component with css applied */
+  /** creates a 'fieldset' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   fieldset: (...p: TSP) => s('fieldset' as unk as FC<HTP['fieldset']>)(...p),
-  /** creates a 'figcaption' component with css applied */
+  /** creates a 'figcaption' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   figcaption: (...p: TSP) => s('figcaption' as unk as FC<HTP['figcaption']>)(...p),
-  /** creates a 'figure' component with css applied */
+  /** creates a 'figure' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   figure: (...p: TSP) => s('figure' as unk as FC<HTP['figure']>)(...p),
-  /** creates a 'footer' component with css applied */
+  /** creates a 'footer' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   footer: (...p: TSP) => s('footer' as unk as FC<HTP['footer']>)(...p),
-  /** creates a 'form' component with css applied */
+  /** creates a 'form' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   form: (...p: TSP) => s('form' as unk as FC<HTP['form']>)(...p),
-  /** creates a 'h1' component with css applied */
+  /** creates a 'h1' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h1: (...p: TSP) => s('h1' as unk as FC<HTP['h1']>)(...p),
-  /** creates a 'h2' component with css applied */
+  /** creates a 'h2' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h2: (...p: TSP) => s('h2' as unk as FC<HTP['h2']>)(...p),
-  /** creates a 'h3' component with css applied */
+  /** creates a 'h3' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h3: (...p: TSP) => s('h3' as unk as FC<HTP['h3']>)(...p),
-  /** creates a 'h4' component with css applied */
+  /** creates a 'h4' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h4: (...p: TSP) => s('h4' as unk as FC<HTP['h4']>)(...p),
-  /** creates a 'h5' component with css applied */
+  /** creates a 'h5' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h5: (...p: TSP) => s('h5' as unk as FC<HTP['h5']>)(...p),
-  /** creates a 'h6' component with css applied */
+  /** creates a 'h6' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   h6: (...p: TSP) => s('h6' as unk as FC<HTP['h6']>)(...p),
-  /** creates a 'header' component with css applied */
+  /** creates a 'header' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   header: (...p: TSP) => s('header' as unk as FC<HTP['header']>)(...p),
-  /** creates a 'hgroup' component with css applied */
+  /** creates a 'hgroup' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   hgroup: (...p: TSP) => s('hgroup' as unk as FC<HTP['hgroup']>)(...p),
-  /** creates a 'hr' component with css applied */
+  /** creates a 'hr' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   hr: (...p: TSP) => s('hr' as unk as FC<HTP['hr']>)(...p),
-  /** creates a 'i' component with css applied */
+  /** creates a 'i' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   i: (...p: TSP) => s('i' as unk as FC<HTP['i']>)(...p),
-  /** creates a 'iframe' component with css applied */
+  /** creates a 'iframe' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   iframe: (...p: TSP) => s('iframe' as unk as FC<HTP['iframe']>)(...p),
-  /** creates a 'img' component with css applied */
+  /** creates a 'img' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   img: (...p: TSP) => s('img' as unk as FC<HTP['img']>)(...p),
-  /** creates a 'input' component with css applied */
+  /** creates a 'input' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   input: (...p: TSP) => s('input' as unk as FC<HTP['input']>)(...p),
-  /** creates a 'ins' component with css applied */
+  /** creates a 'ins' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   ins: (...p: TSP) => s('ins' as unk as FC<HTP['ins']>)(...p),
-  /** creates a 'kbd' component with css applied */
+  /** creates a 'kbd' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   kbd: (...p: TSP) => s('kbd' as unk as FC<HTP['kbd']>)(...p),
-  /** creates a 'label' component with css applied */
+  /** creates a 'label' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   label: (...p: TSP) => s('label' as unk as FC<HTP['label']>)(...p),
-  /** creates a 'legend' component with css applied */
+  /** creates a 'legend' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   legend: (...p: TSP) => s('legend' as unk as FC<HTP['legend']>)(...p),
-  /** creates a 'li' component with css applied */
+  /** creates a 'li' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   li: (...p: TSP) => s('li' as unk as FC<HTP['li']>)(...p),
-  /** creates a 'main' component with css applied */
+  /** creates a 'main' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   main: (...p: TSP) => s('main' as unk as FC<HTP['main']>)(...p),
-  /** creates a 'map' component with css applied */
+  /** creates a 'map' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   map: (...p: TSP) => s('map' as unk as FC<HTP['map']>)(...p),
-  /** creates a 'mark' component with css applied */
+  /** creates a 'mark' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   mark: (...p: TSP) => s('mark' as unk as FC<HTP['mark']>)(...p),
-  /** creates a 'meter' component with css applied */
+  /** creates a 'meter' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   meter: (...p: TSP) => s('meter' as unk as FC<HTP['meter']>)(...p),
-  /** creates a 'nav' component with css applied */
+  /** creates a 'nav' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   nav: (...p: TSP) => s('nav' as unk as FC<HTP['nav']>)(...p),
-  /** creates a 'object' component with css applied */
+  /** creates a 'object' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   object: (...p: TSP) => s('object' as unk as FC<HTP['object']>)(...p),
-  /** creates a 'ol' component with css applied */
+  /** creates a 'ol' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   ol: (...p: TSP) => s('ol' as unk as FC<HTP['ol']>)(...p),
-  /** creates a 'optgroup' component with css applied */
+  /** creates a 'optgroup' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   optgroup: (...p: TSP) => s('optgroup' as unk as FC<HTP['optgroup']>)(...p),
-  /** creates a 'option' component with css applied */
+  /** creates a 'option' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   option: (...p: TSP) => s('option' as unk as FC<HTP['option']>)(...p),
-  /** creates a 'output' component with css applied */
+  /** creates a 'output' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   output: (...p: TSP) => s('output' as unk as FC<HTP['output']>)(...p),
-  /** creates a 'p' component with css applied */
+  /** creates a 'p' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   p: (...p: TSP) => s('p' as unk as FC<HTP['p']>)(...p),
-  /** creates a 'picture' component with css applied */
+  /** creates a 'picture' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   picture: (...p: TSP) => s('picture' as unk as FC<HTP['picture']>)(...p),
-  /** creates a 'pre' component with css applied */
+  /** creates a 'pre' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   pre: (...p: TSP) => s('pre' as unk as FC<HTP['pre']>)(...p),
-  /** creates a 'progress' component with css applied */
+  /** creates a 'progress' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   progress: (...p: TSP) => s('progress' as unk as FC<HTP['progress']>)(...p),
-  /** creates a 'q' component with css applied */
+  /** creates a 'q' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   q: (...p: TSP) => s('q' as unk as FC<HTP['q']>)(...p),
-  /** creates a 'rp' component with css applied */
+  /** creates a 'rp' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   rp: (...p: TSP) => s('rp' as unk as FC<HTP['rp']>)(...p),
-  /** creates a 'rt' component with css applied */
+  /** creates a 'rt' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   rt: (...p: TSP) => s('rt' as unk as FC<HTP['rt']>)(...p),
-  /** creates a 'ruby' component with css applied */
+  /** creates a 'ruby' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   ruby: (...p: TSP) => s('ruby' as unk as FC<HTP['ruby']>)(...p),
-  /** creates a 's' component with css applied */
+  /** creates a 's' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   s: (...p: TSP) => s('s' as unk as FC<HTP['s']>)(...p),
-  /** creates a 'samp' component with css applied */
+  /** creates a 'samp' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   samp: (...p: TSP) => s('samp' as unk as FC<HTP['samp']>)(...p),
-  /** creates a 'section' component with css applied */
+  /** creates a 'section' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   section: (...p: TSP) => s('section' as unk as FC<HTP['section']>)(...p),
-  /** creates a 'select' component with css applied */
+  /** creates a 'select' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   select: (...p: TSP) => s('select' as unk as FC<HTP['select']>)(...p),
-  /** creates a 'small' component with css applied */
+  /** creates a 'small' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   small: (...p: TSP) => s('small' as unk as FC<HTP['small']>)(...p),
-  /** creates a 'span' component with css applied */
+  /** creates a 'span' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   span: (...p: TSP) => s('span' as unk as FC<HTP['span']>)(...p),
-  /** creates a 'strong' component with css applied */
+  /** creates a 'strong' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   strong: (...p: TSP) => s('strong' as unk as FC<HTP['strong']>)(...p),
-  /** creates a 'sub' component with css applied */
+  /** creates a 'sub' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   sub: (...p: TSP) => s('sub' as unk as FC<HTP['sub']>)(...p),
-  /** creates a 'summary' component with css applied */
+  /** creates a 'summary' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   summary: (...p: TSP) => s('summary' as unk as FC<HTP['summary']>)(...p),
-  /** creates a 'sup' component with css applied */
+  /** creates a 'sup' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   sup: (...p: TSP) => s('sup' as unk as FC<HTP['sup']>)(...p),
-  /** creates a 'table' component with css applied */
+  /** creates a 'table' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   table: (...p: TSP) => s('table' as unk as FC<HTP['table']>)(...p),
-  /** creates a 'tbody' component with css applied */
+  /** creates a 'tbody' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   tbody: (...p: TSP) => s('tbody' as unk as FC<HTP['tbody']>)(...p),
-  /** creates a 'td' component with css applied */
+  /** creates a 'td' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   td: (...p: TSP) => s('td' as unk as FC<HTP['td']>)(...p),
-  /** creates a 'textarea' component with css applied */
+  /** creates a 'textarea' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   textarea: (...p: TSP) => s('textarea' as unk as FC<HTP['textarea']>)(...p),
-  /** creates a 'tfoot' component with css applied */
+  /** creates a 'tfoot' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   tfoot: (...p: TSP) => s('tfoot' as unk as FC<HTP['tfoot']>)(...p),
-  /** creates a 'th' component with css applied */
+  /** creates a 'th' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   th: (...p: TSP) => s('th' as unk as FC<HTP['th']>)(...p),
-  /** creates a 'thead' component with css applied */
+  /** creates a 'thead' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   thead: (...p: TSP) => s('thead' as unk as FC<HTP['thead']>)(...p),
-  /** creates a 'time' component with css applied */
+  /** creates a 'time' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   time: (...p: TSP) => s('time' as unk as FC<HTP['time']>)(...p),
-  /** creates a 'tr' component with css applied */
+  /** creates a 'tr' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   tr: (...p: TSP) => s('tr' as unk as FC<HTP['tr']>)(...p),
-  /** creates a 'u' component with css applied */
+  /** creates a 'u' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   u: (...p: TSP) => s('u' as unk as FC<HTP['u']>)(...p),
-  /** creates a 'ul' component with css applied */
+  /** creates a 'ul' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   ul: (...p: TSP) => s('ul' as unk as FC<HTP['ul']>)(...p),
-  /** creates a 'video' component with css applied */
+  /** creates a 'video' component with css applied; See [npm](https://www.npmjs.com/package/@slimr/styled) for more info. */
   video: (...p: TSP) => s('video' as unk as FC<HTP['video']>)(...p),
 })