cssier 0.2.2 → 0.3.0

package/README.md

@@ -1,5 +1,11 @@
 # 🎇cssier
 
+![sizeMin](https://img.shields.io/bundlephobia/min/cssier)
+![sizeMinZip](https://img.shields.io/bundlephobia/minzip/cssier)
+![languages](https://img.shields.io/github/languages/top/danbermantech/cssier)
+![GitHub package.json version](https://img.shields.io/github/package-json/v/danbermantech/cssier)
+![NPM License](https://img.shields.io/npm/l/cssier)
+
 cssier allows you to use inline styling for pseudo-classes and pseudo-elements on React components. With `cssier`, you can easily manage and apply custom styles for standard HTML and SVG elements, making your styling both dynamic and maintainable.
 
 ## Features
@@ -39,14 +45,16 @@ You can import pre-built React components for HTML and SVG tags from `cssier/com
 #### Example
 
 ```jsx
-import { Button, Svg } from 'cssier/components'
+import { Button } from 'cssier/components'
 
 const MyComponent = () => (
+  const [count, setCount] = useState(0)
   <div>
-    <Button onClick={() => alert('Clicked!')}>Click Me</Button>
-    <Svg width="100" height="100">
-      <circle cx="50" cy="50" r="40" stroke="black" strokeWidth="3" fill="red" />
-    </Svg>
+    <Button pseudo={{
+      hover:{
+        background:['red','green','blue'][count%3],
+        transform:`scale(${1+count/10})`
+      }}} onClick={() => setCount(prev=>prev+1)}>Click Me</Button>
   </div>
 )
 ```
@@ -157,7 +165,7 @@ To contribute to `cssier`:
 
 ## License
 
-`cssier` is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
+`cssier` is licensed under the ISC License. See the [LICENSE](LICENSE) file for more details.
 
 ## Additional Resources
 

package/dist/components/A.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function A(props: ComponentProps<'a'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Abbr.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Abbr(props: ComponentProps<'abbr'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Address.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Address(props: ComponentProps<'address'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Animate.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Animate(props: ComponentProps<'animate'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/AnimateTransform.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function AnimateTransform(props: ComponentProps<'animateTransform'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Area.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Area(props: ComponentProps<'area'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Article.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Article(props: ComponentProps<'article'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Aside.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Aside(props: ComponentProps<'aside'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Audio.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Audio(props: ComponentProps<'audio'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/B.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function B(props: ComponentProps<'b'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Base.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Base(props: ComponentProps<'base'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Bdi.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Bdi(props: ComponentProps<'bdi'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Bdo.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Bdo(props: ComponentProps<'bdo'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Blockquote.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Blockquote(props: ComponentProps<'blockquote'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Body.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Body(props: ComponentProps<'body'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Br.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Br(props: ComponentProps<'br'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Button.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Button(props: ComponentProps<'button'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Canvas.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Canvas(props: ComponentProps<'canvas'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Caption.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Caption(props: ComponentProps<'caption'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Circle.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Circle(props: ComponentProps<'circle'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Cite.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Cite(props: ComponentProps<'cite'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/ClipPath.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function ClipPath(props: ComponentProps<'clipPath'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Code.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Code(props: ComponentProps<'code'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Col.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Col(props: ComponentProps<'col'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Colgroup.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Colgroup(props: ComponentProps<'colgroup'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Data.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Data(props: ComponentProps<'data'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Datalist.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Datalist(props: ComponentProps<'datalist'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Dd.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Dd(props: ComponentProps<'dd'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Defs.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Defs(props: ComponentProps<'defs'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Del.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Del(props: ComponentProps<'del'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Desc.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Desc(props: ComponentProps<'desc'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Details.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Details(props: ComponentProps<'details'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Dfn.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Dfn(props: ComponentProps<'dfn'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Dialog(props: ComponentProps<'dialog'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Div.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Div(props: ComponentProps<'div'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Dl.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Dl(props: ComponentProps<'dl'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Dt.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Dt(props: ComponentProps<'dt'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Ellipse.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Ellipse(props: ComponentProps<'ellipse'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Em.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Em(props: ComponentProps<'em'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Embed.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Embed(props: ComponentProps<'embed'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeBlend.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeBlend(props: ComponentProps<'feBlend'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeColorMatrix.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeColorMatrix(props: ComponentProps<'feColorMatrix'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeComponentTransfer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeComponentTransfer(props: ComponentProps<'feComponentTransfer'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeComposite.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeComposite(props: ComponentProps<'feComposite'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeConvolveMatrix.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeConvolveMatrix(props: ComponentProps<'feConvolveMatrix'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeDiffuseLighting.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeDiffuseLighting(props: ComponentProps<'feDiffuseLighting'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeDisplacementMap.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeDisplacementMap(props: ComponentProps<'feDisplacementMap'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeDistantLight.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeDistantLight(props: ComponentProps<'feDistantLight'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeFlood.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeFlood(props: ComponentProps<'feFlood'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeGaussianBlur.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeGaussianBlur(props: ComponentProps<'feGaussianBlur'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeImage.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeImage(props: ComponentProps<'feImage'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeMerge.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeMerge(props: ComponentProps<'feMerge'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeMergeNode.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeMergeNode(props: ComponentProps<'feMergeNode'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeMorphology.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeMorphology(props: ComponentProps<'feMorphology'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeOffset.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeOffset(props: ComponentProps<'feOffset'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FePointLight.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FePointLight(props: ComponentProps<'fePointLight'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeSpecularLighting.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeSpecularLighting(props: ComponentProps<'feSpecularLighting'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeSpotLight.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeSpotLight(props: ComponentProps<'feSpotLight'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeTile.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeTile(props: ComponentProps<'feTile'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/FeTurbulence.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function FeTurbulence(props: ComponentProps<'feTurbulence'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Fieldset.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Fieldset(props: ComponentProps<'fieldset'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Figcaption.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Figcaption(props: ComponentProps<'figcaption'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Figure.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Figure(props: ComponentProps<'figure'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Filter.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Filter(props: ComponentProps<'filter'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Footer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Footer(props: ComponentProps<'footer'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/ForeignObject.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function ForeignObject(props: ComponentProps<'foreignObject'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/Form.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function Form(props: ComponentProps<'form'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/G.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function G(props: ComponentProps<'g'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;

package/dist/components/H1.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { PseudoCss } from '../lib/types';
+import type { PseudoCss } from '../types';
 export default function H1(props: ComponentProps<'h1'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;