cssier 0.2.3 → 0.3.0

package/dist/components/Th.d.ts

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

package/dist/components/Thead.d.ts

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

package/dist/components/Time.d.ts

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

package/dist/components/Title.d.ts

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

package/dist/components/Tr.d.ts

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

package/dist/components/Tspan.d.ts

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

package/dist/components/U.d.ts

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

package/dist/components/Ul.d.ts

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

package/dist/components/Use.d.ts

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

package/dist/components/Var.d.ts

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

package/dist/components/Video.d.ts

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

package/dist/components/View.d.ts

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

package/dist/components/Wbr.d.ts

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

package/dist/hooks/index.js

@@ -9,28 +9,28 @@ function v(t, e) {
   let a = document.head.querySelector(`style#${t}`);
   console.log(t), a || (a = document.createElement("style"), a.id = t, a.type = "text/css", document.head.appendChild(a));
   let n = "";
-  n += `@keyframes ${e.name} {`, Object.entries(e.keyframes).forEach(([y, g]) => {
+  n += `@keyframes ${e.name} {`, Object.entries(e.keyframes).forEach(([y, S]) => {
     n += `${y} {
-`, n += Object.entries(g).map(([h, C]) => `${h.replace(/[A-Z]/g, (x) => `-${x.toLowerCase()}`)}: ${C}`).join(`; 
+`, n += Object.entries(S).map(([h, C]) => `${h.replace(/[A-Z]/g, (x) => `-${x.toLowerCase()}`)}: ${C}`).join(`; 
 `), n += `
 }
 `;
   }), n += `}
 `, n += `.${t} {
 `;
-  const r = e.delay ?? "0s", u = e.direction ?? "normal", i = e.duration ?? "2s", c = e.fillMode ?? "none", l = e.iterationCount ?? "1", m = e.playState ?? "running", f = e.timingFunction ?? "ease";
+  const r = e.delay ?? "0s", c = e.direction ?? "normal", i = e.duration ?? "2s", u = e.fillMode ?? "none", l = e.iterationCount ?? "1", m = e.playState ?? "running", f = e.timingFunction ?? "ease";
   n += `    animation-name: ${e.name};
 `, e.delay && (n += `    animation-delay: ${r};
-`), e.direction && (n += `    animation-direction: ${u};
+`), e.direction && (n += `    animation-direction: ${c};
 `), e.duration && (n += `    animation-duration: ${i};
-`), e.fillMode && (n += `    animation-fill-mode: ${c};
+`), e.fillMode && (n += `    animation-fill-mode: ${u};
 `), e.iterationCount && (n += `    animation-iteration-count: ${l};
 `), e.playState && (n += `    animation-play-state: ${m};
 `), e.timingFunction && (n += `    animation-timing-function: ${f};
 `), n += `}
 `, a.textContent = n;
-  const S = `${e.name} ${i} ${f} ${r} ${l} ${u} ${c} ${m}`;
-  return [n, S];
+  const g = `${e.name} ${i} ${f} ${r} ${l} ${c} ${u} ${m}`;
+  return [n, g];
 }
 function p(t) {
   const e = Array.isArray(t.syntax) ? t.syntax.join(", ") : t.syntax;
@@ -59,14 +59,14 @@ function k(t, e) {
   return t == null && e == null ? !0 : !(t == null && typeof e == "object" || e == null && typeof t == "object" || Object.keys(t).length !== Object.keys(e).length || (t == null ? void 0 : t.duration) !== (e == null ? void 0 : e.duration) || (t == null ? void 0 : t.delay) !== (e == null ? void 0 : e.delay) || (t == null ? void 0 : t.direction) !== (e == null ? void 0 : e.direction) || (t == null ? void 0 : t.fillMode) !== (e == null ? void 0 : e.fillMode) || (t == null ? void 0 : t.iterationCount) !== (e == null ? void 0 : e.iterationCount) || (t == null ? void 0 : t.name) !== (e == null ? void 0 : e.name) || (t == null ? void 0 : t.playState) !== (e == null ? void 0 : e.playState) || (t == null ? void 0 : t.timingFunction) !== (e == null ? void 0 : e.timingFunction) || JSON.stringify(t == null ? void 0 : t.keyframes) !== JSON.stringify(e == null ? void 0 : e.keyframes));
 }
 function A(t, e) {
-  const [a] = s(() => e ?? $()), [n, r] = s({}), [u, i] = s(""), [c, l] = s("");
+  const [a] = s(() => e ?? $()), [n, r] = s({}), [c, i] = s(""), [u, l] = s("");
   return d(() => {
     if (!k(n, t)) {
       r(t);
       const [m, f] = v(a, t);
       i(m), l(f);
     }
-  }, [a, t, n, i]), [a, c, u];
+  }, [a, t, n, i]), [a, u, c];
 }
 function F(t, e) {
   const [a] = s(() => e ?? $()), [n, r] = s("");

package/dist/hooks/useCssProperty.d.ts

@@ -1,2 +1,2 @@
 import type { ICssProperty } from '../types';
-export default function useStylesheet(property: ICssProperty, propertyId?: string): string[];
+export default function useCssProperty(property: ICssProperty, propertyId?: string): string[];

package/dist/templates/ChildlessComponentTemplate.d.ts

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

package/dist/templates/ComponentTemplate.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cssier",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.3.0",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",