@n3e/styled 1.0.1 → 1.0.2

package/README.md

@@ -23,12 +23,10 @@ bun add @n3e/styled
 ```tsx
 import styled from '@n3e/styled';
 
-const accent = '#ff6995';
-
 const Button = styled.button({
   appearance: 'none',
-  backgroundColor: accent,
-  border: `2px solid ${accent}`,
+  backgroundColor: '#ff6995',
+  border: '2px solid #ff6995',
   borderRadius: '0.25rem',
   margin: 0,
   padding: '0 6px',
@@ -46,14 +44,14 @@ const Composition = () => (
 
 SolidJS users need to import Styled from the the `solid` output folder:
 
-```shell
-# as ES module
+```typescript
+// as ES module
 import styled from '@n3e/styled/solid/esm';
 
-# as CommonJS module
+// as CommonJS module
 import styled from '@n3e/styled/solid/cjs';
 ```
 
 ## Documentation
 
-See https://www.styled.guide/
+See https://www.styled.guide/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@n3e/styled",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "CSS-in-JS library with server-side rendering support that can be used with react or solidJS",
   "module": "react/esm/index.js",
   "main": "react/cjs/index.js",

package/react/cjs/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import * as CSS from 'csstype';
 
 declare const PSEUDO_ELEMENTS: readonly ["after", "backdrop", "before", "cue", "cueRegion", "firstLetter", "firstLine", "fileSelectorButton", "marker", "placeholder", "selection"];
@@ -401,119 +400,119 @@ type ExtendableItem = CSSProperties | GenericComponent | StyledComponent;
  * API for creating React styled component(s)
  */
 declare const styled: {
-    generic: <P = UnknownProp>(arg?: CSSProperties | undefined) => GenericComponent<P>;
-    object: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    a: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    abbr: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    address: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    area: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    article: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    aside: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    audio: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    b: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    base: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    bdi: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    bdo: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    blockquote: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    body: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    br: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    button: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    canvas: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    caption: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    cite: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    code: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    col: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    colgroup: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    data: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    datalist: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    dd: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    del: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    details: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    dfn: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    dialog: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    div: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    dl: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    dt: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    em: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    embed: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    fieldset: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    figcaption: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    figure: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    footer: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    form: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h1: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h2: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h3: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h4: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h5: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    h6: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    head: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    header: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    hgroup: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    hr: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    html: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    i: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    iframe: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    img: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    input: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    ins: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    kbd: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    label: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    legend: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    li: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    link: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    main: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    map: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    mark: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    math: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    menu: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    meta: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    meter: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    nav: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    noscript: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    ol: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    optgroup: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    option: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    output: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    p: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    picture: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    portal: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    pre: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    progress: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    q: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    rp: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    rt: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    ruby: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    s: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    samp: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    script: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    section: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    select: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    small: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    source: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    span: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    strong: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    style: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    sub: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    summary: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    sup: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    svg: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    table: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    tbody: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    td: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    textarea: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    tfoot: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    th: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    thead: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    time: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    title: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    tr: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    track: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    u: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    ul: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    var: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    video: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
-    wbr: <P_1 = UnknownProp>(arg?: CSSProperties | undefined) => StyledComponent<P_1>;
+    generic: <P = UnknownProp>(arg?: CSSProperties) => GenericComponent<P>;
+    object: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    a: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    abbr: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    address: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    area: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    article: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    aside: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    audio: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    b: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    base: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    bdi: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    bdo: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    blockquote: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    body: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    br: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    button: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    canvas: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    caption: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    cite: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    code: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    col: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    colgroup: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    data: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    datalist: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    dd: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    del: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    details: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    dfn: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    dialog: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    div: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    dl: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    dt: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    em: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    embed: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    fieldset: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    figcaption: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    figure: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    footer: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    form: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h1: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h2: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h3: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h4: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h5: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    h6: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    head: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    header: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    hgroup: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    hr: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    html: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    i: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    iframe: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    img: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    input: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    ins: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    kbd: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    label: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    legend: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    li: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    link: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    main: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    map: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    mark: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    math: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    menu: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    meta: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    meter: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    nav: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    noscript: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    ol: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    optgroup: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    option: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    output: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    p: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    picture: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    portal: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    pre: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    progress: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    q: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    rp: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    rt: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    ruby: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    s: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    samp: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    script: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    section: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    select: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    small: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    source: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    span: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    strong: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    style: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    sub: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    summary: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    sup: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    svg: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    table: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    tbody: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    td: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    textarea: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    tfoot: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    th: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    thead: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    time: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    title: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    tr: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    track: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    u: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    ul: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    var: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    video: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
+    wbr: <P = UnknownProp>(arg?: CSSProperties) => StyledComponent<P>;
 };
 
 declare const mq: (...mediaTypes: MediaTypes[]) => MediaQueryAPI;

package/react/cjs/index.js

@@ -1,2 +1 @@
-/** @license styled v1.0.0. Copyright (c) N3E. */
-'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var e=require('react');const t='undefined'!=typeof window,r=e=>t=>typeof t===e,n=r('function'),s=r('number'),o=r('string'),a=r('object'),i=e=>t=>t===e,l=i(!0),c=i(!1),d=i(null),p=i(void 0),u=e=>a(e)&&!d(e)&&!Array.isArray(e),y=e=>o(e)||s(e),h=e=>d(e)||p(e),{stringify:m}=JSON,f=e=>(...t)=>`${e}-${(e=>(e=>{let t=-2128831035;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=16777619*t>>>0;return t})(m(e,((e,t)=>n(t)?`[Function ${e}]`:t))).toString(36))(t)}`,g=f('e'),b=f('s'),S=f('d'),v=f('c'),w=(e,t)=>{for(const r in t)Object.defineProperty(e,r,{value:t[r]});return e},$=(...e)=>e.join(''),C=e=>t=>$(t,e),T=e=>t=>$(e,t),j=T('.'),O=(e,t)=>{return t.split('||').flatMap((r=e,e=>r.map(C(e))));var r},R=e=>e.join('||'),x=e=>(...t)=>t.filter(Boolean).join(e),E=x(' '),k=e=>`(${e})`,_=(e,t)=>Object.entries(t).reduce(((t,[r,n])=>({...t,[r]:u(n)&&r in e?_(e[r],n):n})),{...e}),M=e=>e.trim().replace(/([A-Z])+/g,'-$1').toLowerCase(),N=(...e)=>t=>e.some((e=>t.startsWith(e))),A=e=>e.replace(/ {2}|\r\n|\n|\r/gm,'').trim(),L='@media',P=['print','screen'],W=['host','lang','is','not','where','nthChild','nthLastChild','nthLastOfType','nthOfType'],q='all',D='any',I='not',B='only',F='data-styled-sheet',H=(e,r)=>{const n=t?window:global,s=`__STYLED_${e}_REGISTER`;return s in n||Object.defineProperty(n,s,{value:Object.freeze(r())}),n[s]},G=e=>({add:(t,r)=>e.get(t)||e.set(t,{...r(),toString:()=>t}).get(t),get:t=>e.get(t),has:t=>e.has(t),__getDataStore:()=>new Map(e)}),Y=H('CACHE',(()=>G(new Map))),z=H('SHEET',(()=>{const e=new Map,t=([e,t])=>`<style ${F}="${e}">${t.css()}</style>`;return{...G(e),getStyles:()=>[...e].map(t).join('')}})),J=H('PROPS',(()=>({...G(new Map),names:new Set}))),{getStyles:U}=z,V=e=>t=>!h(e[t])&&!c(e[t]),Z=(e,t)=>{const r={[q]:e=>t.every(V(e)),[D]:e=>t.some(V(e)),[I]:e=>t.every((e=>t=>h(e[t]))(e)),[B]:e=>V(e)(t[0])};return t.forEach((e=>J.names.add(e))),{keys:t,predicate:r[e]}},K=e=>(...t)=>J.add(`props.${e}(${t})`,(()=>Z(e,t))).toString(),Q=i('content'),X=N('@container',L,'@supports'),ee=N(':','[',' ','>','~','+','.'),te=e=>()=>e,re=(e,t)=>{const r=Q(e)||s(t)?m:A;return`${M(e)}:${r(t)};`},ne=e=>(t,r)=>r.reduceRight(e,t),se=(e,t)=>`${t}{${e}}`,oe=ne(se),ae=ne(((e,t)=>({[t]:{...e}}))),ie=(e,t,r)=>n=>{const s=1===r.length?n[r[0]]:n,o=t(s);return u(o)?ae(o,e):{}},le=(...e)=>{const[t]=e,r=[e.map(j).join('')],s=(e,r,o,a)=>{const i=n(e),l=!J.has(o),c=J.get(o),[d,p]=(h=e,Object.entries(h).reduce((([e,t],[r,s])=>[y(s)?$(e,re(r,s)):e,u(s)||n(s)?{...t,[r]:s}:t]),['',{}]));var h;const m=X(o)?[...a,o]:a,f=ee(o)?O(r,o):r;return Object.entries(p).reduce(((e,[r,n])=>{if(!l)return e;const{computables:o,rules:a}=s(n,f,r,m);return{baseClassName:t,computables:[...e.computables,...o],rules:[...e.rules,...a]}}),{baseClassName:t,computables:l?[]:[{...c,identity:i?v:te(S(e)),yield:i?ie(a,e,c.keys):te(e)}],rules:l&&d?[oe(se(d,f.join()),m)]:[]})};return e=>s(e,r,'',[])},ce=(e,t=F)=>'undefined'==typeof document?void 0:document.querySelector(`style[${t}=${e}]`)||(e=>{const t=document.createElement(e),r={appendTo:e=>e.appendChild(t)&&r,withAttribute:(e,n)=>t.setAttribute(e,n)||r,unwrap:()=>t};return r})('style').withAttribute(t,e).appendTo(document.head).unwrap(),de=(e,t)=>(t.textContent||'').includes(e),pe=e=>t=>{if(!de(t,e)){const r=document.createTextNode(t);e.appendChild(r)}},ue=(e,t=e.sheet)=>r=>{try{if(t&&!de(r,e)){const e=t.cssRules.length;t.insertRule(r,e)}}catch(e){console.error(`DOMException: Failed to parse "${r}"`)}},ye=(e,r)=>n=>{const s=Y.has(e),{baseClassName:o,computables:a,globals:i=[],rules:c}=Y.add(e,r);if(!s){const r=()=>((e,r=ce(e))=>{const n=new Map,s=t&&l(window.__STYLED_SLOW_MODE)?pe:ue;return{inject:(e,t)=>{n.has(e)||(r&&t.forEach(s(r)),n.set(e,t))},css:()=>[...n.values()].flat().join('')}})(o);z.add(o,r).inject(e,[...c,...i])}return a.length?n(e):[]},he=e=>{const t=r=>Y.get(r).computables.reduce(((n,s)=>{if(!s.predicate(e))return n;const o=s.yield(e),a=s.identity(o),i=`${a} (${r})`;return[...n,a,...ye(i,(()=>le(Y.get(r).baseClassName,a)(o)))(t)]}),[]);return t},me={plainStyles:[],propTypes:{},hasRef:!1},fe=(e,t,r=me)=>(n={})=>{const s=g({name:e,...n}),o=(e,t)=>({...r,[e]:t}),a=a=>w(a,{propTypes:r.propTypes,styles:n,toString:()=>j(s),extend:(...s)=>{const[a,i]=(l=s,c=[n,r.propTypes],l.reduce((([e,t],r)=>{const n=r||{},s=n.styles||n,o=n.propTypes||{};return[_(e,s),{...t,...o}]}),c));var l,c;return fe(e,t,o('propTypes',i))(a)},withCSS:(...r)=>fe(e,t,o('plainStyles',r))(n),withProps:s=>{const a={...r.propTypes,...s};return fe(e,t,o('propTypes',a))(n)},withRef:()=>fe(e,t,o('hasRef',!0))(n)});return a(t?t({classIdentity:s,displayName:`styled.${e}`,styleRules:n,plainStyles:r.plainStyles,hasRef:r.hasRef}):t=>fe(e,w(ge(t),{propTypes:r.propTypes}),r)(n))},ge=t=>({classIdentity:r,displayName:s,styleRules:a,plainStyles:i,hasRef:l})=>{const c=((e,t)=>{const r=b(e),n=()=>({...le(r)(e),...t.length&&{globals:t.map(A)}});return e=>[r,...ye(r,n)(he(e))]})(a,i),d=({children:s,className:a='',...i},l)=>{const d=o(t)?((e,t=J.names)=>Object.entries(e).reduce(((e,[r,n])=>({...e,...!t.has(r)&&{[r]:n}})),{}))(i):i,p=(e=>!h(e)&&((e=>'current'in(e||{}))(e)||n(e)))(l)?{ref:l}:void 0,u=E(r,...c(i),a);return e.createElement(t,{...d,...p,className:u},s)};return d.displayName=s,l?e.forwardRef(d):d},be=['a','abbr','address','area','article','aside','audio','b','base','bdi','bdo','blockquote','body','br','button','canvas','caption','cite','code','col','colgroup','data','datalist','dd','del','details','dfn','dialog','div','dl','dt','em','embed','fieldset','figcaption','figure','footer','form','h1','h2','h3','h4','h5','h6','head','header','hgroup','hr','html','i','iframe','img','input','ins','kbd','label','legend','li','link','main','map','mark','math','menu','meta','meter','nav','noscript','object','ol','optgroup','option','output','p','picture','portal','pre','progress','q','rp','rt','ruby','s','samp','script','section','select','small','source','span','strong','style','sub','summary','sup','svg','table','tbody','td','textarea','tfoot','th','thead','time','title','tr','track','u','ul','var','video','wbr'].reduce(((e,t)=>({...e,[t]:fe(t,ge(t))})),{generic:fe('generic')}),Se=C('px'),ve=[...P,'anyPointer','colorGamut','displayMode','orientation','overflowBlock','pointer','prefersColorScheme','prefersContrast','scripting','update','anyHover','hover','forcedColors','grid','invertedColors','overflowInline','prefersReducedMotion',...((...e)=>t=>t.reduce(((t,r)=>{return[...t,...e.map(C((n=r,n.charAt(0).toUpperCase()+n.slice(1)))),r];var n}),[]))('min','max')(['height','width','aspectRatio','color','colorIndex','monochrome','resolution'])],we=x(' and '),$e=x(', '),Ce=e=>(...t)=>R(t.map(e)),Te={and:(...e)=>R(e.reduce(O,[''])),or:(...e)=>R(e)},je=e=>(t,r)=>[...t,...r].reduce(((t,n)=>{const s=$(e,M(n)),o=r.includes(n);return{...t,[n]:o?(...e)=>$(s,k(e)):s}}),{}),Oe=je('::')(['after','backdrop','before','cue','cueRegion','firstLetter','firstLine','fileSelectorButton','marker','placeholder','selection'],['part','slotted']),Re=je(':')(['active','anyLink','autofill','checked','default','defined','disabled','empty','enabled','first','firstChild','firstOfType','fullscreen','focus','focusVisible','focusWithin','hover','indeterminate','inRange','invalid','lastChild','lastOfType','left','link','modal','onlyChild','onlyOfType','optional','outOfRange','pictureInPicture','placeholderShown','paused','playing','readOnly','readWrite','required','right','root','scope','target','valid','visited'],W),xe=e=>`[${e}]`,Ee=e=>{const t=M(e),r=e=>r=>xe($(t,e,m(r)));return{equals:Ce(r('=')),contains:Ce(r('~=')),containsAny:Ce(r('*=')),startsWith:Ce(r('^=')),endsWith:Ce(r('$=')),toString:()=>xe(t)}},ke={...Te,...Oe,...Re,attribute:Ee,data:e=>Ee(`data-${e}`),selector:Ce(T(' ')),prop:K(B),props:{[q]:K(q),[D]:K(D),[I]:K(I)}};exports.ServerStyles=()=>e.createElement(e.Fragment,{},[...z.__getDataStore()].map((([t,r])=>e.createElement('style',{[F]:t,key:t},r.css())))),exports.default=be,exports.getStyles=U,exports.mq=(...e)=>{const t=new Set(e),r=new Set,n=(e,t)=>r.add(k([M(e),t].filter(y).join(':'))),s={...ve.reduce(((e,r)=>({...e,[r]:P.includes(r)?()=>t.add(r)&&s:e=>n(r,e)&&s})),{}),feature:(e,t)=>n(e,t)&&s,from:e=>s.minWidth(Se(e)),to:e=>s.maxWidth(Se(e)),toString:()=>E(L,we($e(...t),...r))};return s},exports.style=ke;
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var e=require('react');const t='undefined'!=typeof window,r=e=>t=>typeof t===e,n=r('function'),s=r('number'),o=r('string'),a=r('object'),i=e=>t=>t===e,l=i(!0),c=i(!1),d=i(null),p=i(void 0),u=e=>a(e)&&!d(e)&&!Array.isArray(e),y=e=>o(e)||s(e),h=e=>d(e)||p(e),{stringify:m}=JSON,f=e=>(...t)=>`${e}-${(e=>(e=>{let t=-2128831035;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=16777619*t>>>0;return t})(m(e,((e,t)=>n(t)?`[Function ${e}]`:t))).toString(36))(t)}`,g=f('e'),b=f('s'),S=f('d'),v=f('c'),w=(e,t)=>{for(const r in t)Object.defineProperty(e,r,{value:t[r]});return e},$=(...e)=>e.join(''),C=e=>t=>$(t,e),T=e=>t=>$(e,t),j=T('.'),O=(e,t)=>{return t.split('||').flatMap((r=e,e=>r.map(C(e))));var r},R=e=>e.join('||'),x=e=>(...t)=>t.filter(Boolean).join(e),E=x(' '),k=e=>`(${e})`,_=(e,t)=>Object.entries(t).reduce(((t,[r,n])=>({...t,[r]:u(n)&&r in e?_(e[r],n):n})),{...e}),M=e=>e.trim().replace(/([A-Z])+/g,'-$1').toLowerCase(),N=(...e)=>t=>e.some((e=>t.startsWith(e))),A=e=>e.replace(/ {2}|\r\n|\n|\r/gm,'').trim(),L='@media',P=['print','screen'],W=['host','lang','is','not','where','nthChild','nthLastChild','nthLastOfType','nthOfType'],q='all',D='any',I='not',B='only',F='data-styled-sheet',H=(e,r)=>{const n=t?window:global,s=`__STYLED_${e}_REGISTER`;return s in n||Object.defineProperty(n,s,{value:Object.freeze(r())}),n[s]},G=e=>({add:(t,r)=>e.get(t)||e.set(t,{...r(),toString:()=>t}).get(t),get:t=>e.get(t),has:t=>e.has(t),__getDataStore:()=>new Map(e)}),Y=H('CACHE',(()=>G(new Map))),z=H('SHEET',(()=>{const e=new Map,t=([e,t])=>`<style ${F}="${e}">${t.css()}</style>`;return{...G(e),getStyles:()=>[...e].map(t).join('')}})),J=H('PROPS',(()=>({...G(new Map),names:new Set}))),{getStyles:U}=z,V=e=>t=>!h(e[t])&&!c(e[t]),Z=(e,t)=>{const r={[q]:e=>t.every(V(e)),[D]:e=>t.some(V(e)),[I]:e=>t.every((e=>t=>h(e[t]))(e)),[B]:e=>V(e)(t[0])};return t.forEach((e=>J.names.add(e))),{keys:t,predicate:r[e]}},K=e=>(...t)=>J.add(`props.${e}(${t})`,(()=>Z(e,t))).toString(),Q=i('content'),X=N('@container',L,'@supports'),ee=N(':','[',' ','>','~','+','.'),te=e=>()=>e,re=(e,t)=>{const r=Q(e)||s(t)?m:A;return`${M(e)}:${r(t)};`},ne=e=>(t,r)=>r.reduceRight(e,t),se=(e,t)=>`${t}{${e}}`,oe=ne(se),ae=ne(((e,t)=>({[t]:{...e}}))),ie=(e,t,r)=>n=>{const s=1===r.length?n[r[0]]:n,o=t(s);return u(o)?ae(o,e):{}},le=(...e)=>{const[t]=e,r=[e.map(j).join('')],s=(e,r,o,a)=>{const i=n(e),l=!J.has(o),c=J.get(o),[d,p]=(h=e,Object.entries(h).reduce((([e,t],[r,s])=>[y(s)?$(e,re(r,s)):e,u(s)||n(s)?{...t,[r]:s}:t]),['',{}]));var h;const m=X(o)?[...a,o]:a,f=ee(o)?O(r,o):r;return Object.entries(p).reduce(((e,[r,n])=>{if(!l)return e;const{computables:o,rules:a}=s(n,f,r,m);return{baseClassName:t,computables:[...e.computables,...o],rules:[...e.rules,...a]}}),{baseClassName:t,computables:l?[]:[{...c,identity:i?v:te(S(e)),yield:i?ie(a,e,c.keys):te(e)}],rules:l&&d?[oe(se(d,f.join()),m)]:[]})};return e=>s(e,r,'',[])},ce=(e,t=F)=>'undefined'==typeof document?void 0:document.querySelector(`style[${t}=${e}]`)||(e=>{const t=document.createElement(e),r={appendTo:e=>e.appendChild(t)&&r,withAttribute:(e,n)=>t.setAttribute(e,n)||r,unwrap:()=>t};return r})('style').withAttribute(t,e).appendTo(document.head).unwrap(),de=(e,t)=>(t.textContent||'').includes(e),pe=e=>t=>{if(!de(t,e)){const r=document.createTextNode(t);e.appendChild(r)}},ue=(e,t=e.sheet)=>r=>{try{if(t&&!de(r,e)){const e=t.cssRules.length;t.insertRule(r,e)}}catch(e){console.error(`DOMException: Failed to parse "${r}"`)}},ye=(e,r)=>n=>{const s=Y.has(e),{baseClassName:o,computables:a,globals:i=[],rules:c}=Y.add(e,r);if(!s){const r=()=>((e,r=ce(e))=>{const n=new Map,s=t&&l(window.__STYLED_SLOW_MODE)?pe:ue;return{inject:(e,t)=>{n.has(e)||(r&&t.forEach(s(r)),n.set(e,t))},css:()=>[...n.values()].flat().join('')}})(o);z.add(o,r).inject(e,[...c,...i])}return a.length?n(e):[]},he=e=>{const t=r=>Y.get(r).computables.reduce(((n,s)=>{if(!s.predicate(e))return n;const o=s.yield(e),a=s.identity(o),i=`${a} (${r})`;return[...n,a,...ye(i,(()=>le(Y.get(r).baseClassName,a)(o)))(t)]}),[]);return t},me={plainStyles:[],propTypes:{},hasRef:!1},fe=(e,t,r=me)=>(n={})=>{const s=g({name:e,...n}),o=(e,t)=>({...r,[e]:t}),a=a=>w(a,{propTypes:r.propTypes,styles:n,toString:()=>j(s),extend:(...s)=>{const[a,i]=(l=s,c=[n,r.propTypes],l.reduce((([e,t],r)=>{const n=r||{},s=n.styles||n,o=n.propTypes||{};return[_(e,s),{...t,...o}]}),c));var l,c;return fe(e,t,o('propTypes',i))(a)},withCSS:(...r)=>fe(e,t,o('plainStyles',r))(n),withProps:s=>{const a={...r.propTypes,...s};return fe(e,t,o('propTypes',a))(n)},withRef:()=>fe(e,t,o('hasRef',!0))(n)});return a(t?t({classIdentity:s,displayName:`styled.${e}`,styleRules:n,plainStyles:r.plainStyles,hasRef:r.hasRef}):t=>fe(e,w(ge(t),{propTypes:r.propTypes}),r)(n))},ge=t=>({classIdentity:r,displayName:n,styleRules:s,plainStyles:a,hasRef:i})=>{const l=((e,t)=>{const r=b(e),n=()=>({...le(r)(e),...t.length&&{globals:t.map(A)}});return e=>[r,...ye(r,n)(he(e))]})(s,a),c=({children:n,className:s='',...a},c)=>{const d=o(t)?((e,t=J.names)=>Object.entries(e).reduce(((e,[r,n])=>({...e,...!t.has(r)&&{[r]:n}})),{}))(a):a,p=E(r,...l(a),s);return e.createElement(t,{...d,...i&&{ref:c},className:p},n)};return c.displayName=n,i?e.forwardRef(c):c},be=['a','abbr','address','area','article','aside','audio','b','base','bdi','bdo','blockquote','body','br','button','canvas','caption','cite','code','col','colgroup','data','datalist','dd','del','details','dfn','dialog','div','dl','dt','em','embed','fieldset','figcaption','figure','footer','form','h1','h2','h3','h4','h5','h6','head','header','hgroup','hr','html','i','iframe','img','input','ins','kbd','label','legend','li','link','main','map','mark','math','menu','meta','meter','nav','noscript','object','ol','optgroup','option','output','p','picture','portal','pre','progress','q','rp','rt','ruby','s','samp','script','section','select','small','source','span','strong','style','sub','summary','sup','svg','table','tbody','td','textarea','tfoot','th','thead','time','title','tr','track','u','ul','var','video','wbr'].reduce(((e,t)=>({...e,[t]:fe(t,ge(t))})),{generic:fe('generic')}),Se=C('px'),ve=[...P,'anyPointer','colorGamut','displayMode','orientation','overflowBlock','pointer','prefersColorScheme','prefersContrast','scripting','update','anyHover','hover','forcedColors','grid','invertedColors','overflowInline','prefersReducedMotion',...((...e)=>t=>t.reduce(((t,r)=>{return[...t,...e.map(C((n=r,n.charAt(0).toUpperCase()+n.slice(1)))),r];var n}),[]))('min','max')(['height','width','aspectRatio','color','colorIndex','monochrome','resolution'])],we=x(' and '),$e=x(', '),Ce=e=>(...t)=>R(t.map(e)),Te={and:(...e)=>R(e.reduce(O,[''])),or:(...e)=>R(e)},je=e=>(t,r)=>[...t,...r].reduce(((t,n)=>{const s=$(e,M(n)),o=r.includes(n);return{...t,[n]:o?(...e)=>$(s,k(e)):s}}),{}),Oe=je('::')(['after','backdrop','before','cue','cueRegion','firstLetter','firstLine','fileSelectorButton','marker','placeholder','selection'],['part','slotted']),Re=je(':')(['active','anyLink','autofill','checked','default','defined','disabled','empty','enabled','first','firstChild','firstOfType','fullscreen','focus','focusVisible','focusWithin','hover','indeterminate','inRange','invalid','lastChild','lastOfType','left','link','modal','onlyChild','onlyOfType','optional','outOfRange','pictureInPicture','placeholderShown','paused','playing','readOnly','readWrite','required','right','root','scope','target','valid','visited'],W),xe=e=>`[${e}]`,Ee=e=>{const t=M(e),r=e=>r=>xe($(t,e,m(r)));return{equals:Ce(r('=')),contains:Ce(r('~=')),containsAny:Ce(r('*=')),startsWith:Ce(r('^=')),endsWith:Ce(r('$=')),toString:()=>xe(t)}},ke={...Te,...Oe,...Re,attribute:Ee,data:e=>Ee(`data-${e}`),selector:Ce(T(' ')),prop:K(B),props:{[q]:K(q),[D]:K(D),[I]:K(I)}};exports.ServerStyles=()=>e.createElement(e.Fragment,{},[...z.__getDataStore()].map((([t,r])=>e.createElement('style',{[F]:t,key:t},r.css())))),exports.default=be,exports.getStyles=U,exports.mq=(...e)=>{const t=new Set(e),r=new Set,n=(e,t)=>r.add(k([M(e),t].filter(y).join(':'))),s={...ve.reduce(((e,r)=>({...e,[r]:P.includes(r)?()=>t.add(r)&&s:e=>n(r,e)&&s})),{}),feature:(e,t)=>n(e,t)&&s,from:e=>s.minWidth(Se(e)),to:e=>s.maxWidth(Se(e)),toString:()=>E(L,we($e(...t),...r))};return s},exports.style=ke;