cssier 0.2.1 → 0.2.3

package/LICENSE

@@ -1,21 +1,15 @@
-MIT License
+ISC License
 
-Copyright (c) [2023] [Ignacio Andrés Miranda Figueroa]
+Copyright (c) [2024] [Dan Berman]
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -1,6 +1,12 @@
-# 🪅cssier
+# 🎇cssier
 
-`cssier` is a React component library designed to simplify inline styling for pseudo-classes and pseudo-elements. With `cssier`, you can easily manage and apply custom styles for standard HTML and SVG elements, making your styling both dynamic and maintainable.
+![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
 
@@ -36,15 +42,19 @@ pnpm add cssier
 
 You can import pre-built React components for HTML and SVG tags from `cssier/components`:
 
+#### 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>
 )
 ```
@@ -60,6 +70,8 @@ The `useStylesheet` hook returns an array where:
 - The first element is a unique CSS class ID that can be applied to the component.
 - The second element is a string of CSS styles that were injected into the document. This is useful for debugging, though you typically won't need to use it in production.
 
+#### Example
+
 ```jsx
 import { useStylesheet } from 'cssier/hooks'
 
@@ -153,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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/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 '../lib/types';
 export default function Figure(props: ComponentProps<'figure'> & {
     pseudo?: PseudoCss;
     pseudoId?: string;