cssier 0.3.1 → 0.4.0

package/dist/{Wbr-CXRoFcRY.mjs → Wbr-kB-50tx8.mjs}

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { u as o } from "./useStylesheet-CyPq1r4E.mjs";
+import { u as o } from "./useStylesheet-C18JCDAd.mjs";
 function r(s) {
   const { children: e, pseudo: n, className: a, ...c } = s, [t] = o(n, s.pseudoId);
   return /* @__PURE__ */ d("a", { className: `${a ?? ""} ${t}`, ...c, children: e });

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as t, b, aG as i, aH as r, bt as o, c as l, d as n, bu as p, B as F, bv as d, e as g, f as m, g as u, h as c, bw as S, i as T, C as D, j as M, aI as h, k as C, aJ as f, l as P, bx as H, m as L, D as y, n as B, o as A, aK as v, p as x, aL as I, q as O, r as k, s as G, t as R, u as E, v as j, aM as w, E as N, by as U, aN as V, aO as q, aP as z, aQ as K, aR as Q, aS as W, aT as J, aU as X, aV as Y, aW as Z, aX as _, aY as $, aZ as aa, a_ as sa, a$ as ea, b0 as ta, b1 as ba, b2 as ia, b3 as ra, b4 as oa, F as la, w as na, x as pa, b5 as Fa, y as da, b6 as ga, z as ma, b7 as ua, H as ca, G as Sa, I as Ta, J as Da, K as Ma, L as ha, M as Ca, N as fa, O as Pa, bz as Ha, P as La, Q as ya, R as Ba, b8 as Aa, bA as va, bB as xa, S as Ia, T as Oa, U as ka, V as Ga, W as Ra, b9 as Ea, ba as ja, bC as wa, X as Na, Y as Ua, Z as Va, bb as qa, bc as za, bD as Ka, bd as Qa, _ as Wa, be as Ja, $ as Xa, a0 as Ya, a1 as Za, a2 as _a, a3 as $a, a4 as as, a5 as ss, a6 as es, bE as ts, bf as bs, bg as is, a7 as rs, bh as os, bi as ls, a8 as ns, a9 as ps, aa as Fs, bj as ds, bk as gs, ab as ms, ac as us, ad as cs, ae as Ss, af as Ts, ag as Ds, ah as Ms, ai as hs, aj as Cs, bF as fs, ak as Ps, bl as Hs, al as Ls, am as ys, an as Bs, ao as As, ap as vs, aF as xs, bm as Is, bn as Os, aq as ks, ar as Gs, as as Rs, at as Es, bo as js, bp as ws, au as Ns, av as Us, aw as Vs, ax as qs, ay as zs, az as Ks, aA as Qs, bq as Ws, aB as Js, aC as Xs, br as Ys, aD as Zs, aE as _s, bs as $s, bG as ae } from "../Wbr-CXRoFcRY.mjs";
+import { A as e, a as t, b, aG as i, aH as r, bt as o, c as l, d as n, bu as p, B as F, bv as d, e as g, f as m, g as u, h as c, bw as S, i as T, C as D, j as M, aI as h, k as C, aJ as f, l as P, bx as H, m as L, D as y, n as B, o as A, aK as v, p as x, aL as I, q as O, r as k, s as G, t as R, u as E, v as j, aM as w, E as N, by as U, aN as V, aO as q, aP as z, aQ as K, aR as Q, aS as W, aT as J, aU as X, aV as Y, aW as Z, aX as _, aY as $, aZ as aa, a_ as sa, a$ as ea, b0 as ta, b1 as ba, b2 as ia, b3 as ra, b4 as oa, F as la, w as na, x as pa, b5 as Fa, y as da, b6 as ga, z as ma, b7 as ua, H as ca, G as Sa, I as Ta, J as Da, K as Ma, L as ha, M as Ca, N as fa, O as Pa, bz as Ha, P as La, Q as ya, R as Ba, b8 as Aa, bA as va, bB as xa, S as Ia, T as Oa, U as ka, V as Ga, W as Ra, b9 as Ea, ba as ja, bC as wa, X as Na, Y as Ua, Z as Va, bb as qa, bc as za, bD as Ka, bd as Qa, _ as Wa, be as Ja, $ as Xa, a0 as Ya, a1 as Za, a2 as _a, a3 as $a, a4 as as, a5 as ss, a6 as es, bE as ts, bf as bs, bg as is, a7 as rs, bh as os, bi as ls, a8 as ns, a9 as ps, aa as Fs, bj as ds, bk as gs, ab as ms, ac as us, ad as cs, ae as Ss, af as Ts, ag as Ds, ah as Ms, ai as hs, aj as Cs, bF as fs, ak as Ps, bl as Hs, al as Ls, am as ys, an as Bs, ao as As, ap as vs, aF as xs, bm as Is, bn as Os, aq as ks, ar as Gs, as as Rs, at as Es, bo as js, bp as ws, au as Ns, av as Us, aw as Vs, ax as qs, ay as zs, az as Ks, aA as Qs, bq as Ws, aB as Js, aC as Xs, br as Ys, aD as Zs, aE as _s, bs as $s, bG as ae } from "../Wbr-kB-50tx8.mjs";
 export {
   e as A,
   t as Abbr,

package/dist/cssier.js

@@ -1,6 +1,6 @@
-import { u as e, a as t } from "./useCssProperty-SssU__r7.mjs";
-import { u as o } from "./useStylesheet-CyPq1r4E.mjs";
-import { A as b, a as l, b as n, aG as p, aH as F, bt as u, c as d, d as m, bu as g, B as S, bv as c, e as T, f as D, g as h, h as M, bw as f, i as C, C as P, j as y, aI as H, k as L, aJ as A, l as B, bx as x, m as v, D as I, n as O, o as k, aK as G, p as R, aL as E, q as j, r as w, s as N, t as U, u as V, v as q, aM as z, E as K, by as Q, aN as W, aO as J, aP as X, aQ as Y, aR as Z, aS as _, aT as $, aU as aa, aV as sa, aW as ea, aX as ta, aY as ra, aZ as oa, a_ as ia, a$ as ba, b0 as la, b1 as na, b2 as pa, b3 as Fa, b4 as ua, F as da, w as ma, x as ga, b5 as Sa, y as ca, b6 as Ta, z as Da, b7 as ha, H as Ma, G as fa, I as Ca, J as Pa, K as ya, L as Ha, M as La, N as Aa, O as Ba, bz as xa, P as va, Q as Ia, R as Oa, b8 as ka, bA as Ga, bB as Ra, S as Ea, T as ja, U as wa, V as Na, W as Ua, b9 as Va, ba as qa, bC as za, X as Ka, Y as Qa, Z as Wa, bb as Ja, bc as Xa, bD as Ya, bd as Za, _ as _a, be as $a, $ as as, a0 as ss, a1 as es, a2 as ts, a3 as rs, a4 as os, a5 as is, a6 as bs, bE as ls, bf as ns, bg as ps, a7 as Fs, bh as us, bi as ds, a8 as ms, a9 as gs, aa as Ss, bj as cs, bk as Ts, ab as Ds, ac as hs, ad as Ms, ae as fs, af as Cs, ag as Ps, ah as ys, ai as Hs, aj as Ls, bF as As, ak as Bs, bl as xs, al as vs, am as Is, an as Os, ao as ks, ap as Gs, aF as Rs, bm as Es, bn as js, aq as ws, ar as Ns, as as Us, at as Vs, bo as qs, bp as zs, au as Ks, av as Qs, aw as Ws, ax as Js, ay as Xs, az as Ys, aA as Zs, bq as _s, aB as $s, aC as ae, br as se, aD as ee, aE as te, bs as re, bG as oe } from "./Wbr-CXRoFcRY.mjs";
+import { u as e, a as t } from "./useCssProperty-BPiNucnI.mjs";
+import { u as o } from "./useStylesheet-C18JCDAd.mjs";
+import { A as b, a as l, b as n, aG as p, aH as F, bt as u, c as d, d as m, bu as g, B as S, bv as c, e as T, f as D, g as h, h as M, bw as f, i as C, C as P, j as y, aI as H, k as L, aJ as A, l as B, bx as x, m as v, D as I, n as O, o as k, aK as G, p as R, aL as E, q as j, r as w, s as N, t as U, u as V, v as q, aM as z, E as K, by as Q, aN as W, aO as J, aP as X, aQ as Y, aR as Z, aS as _, aT as $, aU as aa, aV as sa, aW as ea, aX as ta, aY as ra, aZ as oa, a_ as ia, a$ as ba, b0 as la, b1 as na, b2 as pa, b3 as Fa, b4 as ua, F as da, w as ma, x as ga, b5 as Sa, y as ca, b6 as Ta, z as Da, b7 as ha, H as Ma, G as fa, I as Ca, J as Pa, K as ya, L as Ha, M as La, N as Aa, O as Ba, bz as xa, P as va, Q as Ia, R as Oa, b8 as ka, bA as Ga, bB as Ra, S as Ea, T as ja, U as wa, V as Na, W as Ua, b9 as Va, ba as qa, bC as za, X as Ka, Y as Qa, Z as Wa, bb as Ja, bc as Xa, bD as Ya, bd as Za, _ as _a, be as $a, $ as as, a0 as ss, a1 as es, a2 as ts, a3 as rs, a4 as os, a5 as is, a6 as bs, bE as ls, bf as ns, bg as ps, a7 as Fs, bh as us, bi as ds, a8 as ms, a9 as gs, aa as Ss, bj as cs, bk as Ts, ab as Ds, ac as hs, ad as Ms, ae as fs, af as Cs, ag as Ps, ah as ys, ai as Hs, aj as Ls, bF as As, ak as Bs, bl as xs, al as vs, am as Is, an as Os, ao as ks, ap as Gs, aF as Rs, bm as Es, bn as js, aq as ws, ar as Ns, as as Us, at as Vs, bo as qs, bp as zs, au as Ks, av as Qs, aw as Ws, ax as Js, ay as Xs, az as Ys, aA as Zs, bq as _s, aB as $s, aC as ae, br as se, aD as ee, aE as te, bs as re, bG as oe } from "./Wbr-kB-50tx8.mjs";
 export {
   b as A,
   l as Abbr,

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
-import { u as o } from "../useStylesheet-CyPq1r4E.mjs";
-import { u as t, a } from "../useCssProperty-SssU__r7.mjs";
+import { u as o } from "../useStylesheet-C18JCDAd.mjs";
+import { u as t, a } from "../useCssProperty-BPiNucnI.mjs";
 export {
   t as useAnimation,
   a as useCssProperty,

package/dist/types.d.ts

@@ -24,9 +24,9 @@ export type AnimationDefinition = {
     duration?: CSSProperties['animationDuration'];
     fillMode?: CSSProperties['animationFillMode'];
     iterationCount?: CSSProperties['animationIterationCount'];
-    name: CSSProperties['animationName'];
+    name?: CSSProperties['animationName'];
     playState?: CSSProperties['animationPlayState'];
     timingFunction?: CSSProperties['animationTimingFunction'];
-    keyframes: Record<string, ExtendedCssProperties>;
+    keyframes: Record<`${number}%` | `${number}${number}%` | `${number}${number}${number}%` | 'from' | 'to', ExtendedCssProperties>;
 };
 export {};

package/dist/{useCssProperty-SssU__r7.mjs → useCssProperty-BPiNucnI.mjs}

@@ -1,14 +1,14 @@
 import { useState as s, useEffect as $ } from "react";
-import { g as d } from "./useStylesheet-CyPq1r4E.mjs";
+import { g as d } from "./useStylesheet-C18JCDAd.mjs";
 function x(t, e) {
   if (!e) {
     const y = document.head.querySelector(`style#${t}`);
     return y && y.remove(), "";
   }
   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));
+  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, C]) => {
+  n += `@keyframes ${(e == null ? void 0 : e.name) || t} {`, Object.entries(e.keyframes).forEach(([y, C]) => {
     n += `${y} {
 `, n += Object.entries(C).map(([S, h]) => `${S.replace(/[A-Z]/g, (v) => `-${v.toLowerCase()}`)}: ${h}`).join(`; 
 `), n += `
@@ -17,18 +17,18 @@ function x(t, e) {
   }), n += `}
 `, n += `.${t} {
 `;
-  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};
+  const r = e.delay ?? "0s", u = e.direction ?? "normal", c = e.duration ?? "2s", l = e.fillMode ?? "none", i = e.iterationCount ?? "1", m = e.playState ?? "running", f = e.timingFunction ?? "ease";
+  n += `    animation-name: ${(e == null ? void 0 : e.name) ?? t};
 `, e.delay && (n += `    animation-delay: ${r};
-`), e.direction && (n += `    animation-direction: ${c};
-`), e.duration && (n += `    animation-duration: ${i};
-`), e.fillMode && (n += `    animation-fill-mode: ${u};
-`), e.iterationCount && (n += `    animation-iteration-count: ${l};
+`), e.direction && (n += `    animation-direction: ${u};
+`), e.duration && (n += `    animation-duration: ${c};
+`), e.fillMode && (n += `    animation-fill-mode: ${l};
+`), e.iterationCount && (n += `    animation-iteration-count: ${i};
 `), e.playState && (n += `    animation-play-state: ${m};
 `), e.timingFunction && (n += `    animation-timing-function: ${f};
 `), n += `}
 `, a.textContent = n;
-  const g = `${e.name} ${i} ${f} ${r} ${l} ${c} ${u} ${m}`;
+  const g = `${e.name ?? t} ${c} ${f} ${r} ${i} ${u} ${l} ${m}`;
   return [n, g];
 }
 function p(t) {
@@ -58,14 +58,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 ?? d()), [n, r] = s({}), [c, i] = s(""), [u, l] = s("");
+  const [a] = s(() => e ?? d()), [n, r] = s({}), [u, c] = s(""), [l, i] = s("");
   return $(() => {
     if (!k(n, t)) {
       r(t);
       const [m, f] = x(a, t);
-      i(m), l(f);
+      c(m), i(f);
     }
-  }, [a, t, n, i]), [a, u, c];
+  }, [a, t, n, c]), [a, l, u];
 }
 function F(t, e) {
   const [a] = s(() => e ?? d()), [n, r] = s("");

package/dist/{useStylesheet-CyPq1r4E.mjs → useStylesheet-C18JCDAd.mjs}

@@ -128,7 +128,7 @@ function s(t, r) {
   let e = "";
   return Object.entries(r).forEach(([a, i]) => {
     let n = t;
-    h.includes(a) ? n = `${t}:${a}` : k.includes(a) ? n = `${t}::${a}` : a === "neutral" || (console.error(`Invalid pseudo class: ${a}`), console.log(r));
+    h.includes(a) ? n = `${t}:${a}` : k.includes(a) ? n = `${t}::${a}` : a === "neutral" || console.error(`Invalid pseudo class: ${a}`);
     const { and: l, ...c } = i;
     l && (e += s(n, l)), e += `${n} { ${Object.entries(c).map(([u, f]) => `${u.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`)}: ${f}`).join("; ")} }`;
   }), e;
@@ -143,7 +143,7 @@ function m(t, r) {
   let a = s(`.${t}`, r);
   return e.textContent = a, a;
 }
-const w = [
+const y = [
   "A",
   "B",
   "C",
@@ -171,13 +171,13 @@ const w = [
   "Y",
   "Z"
 ];
-function y(t) {
-  return new Array(t).fill(0).map(() => w[Math.floor(Math.random() * 24)]).join("");
+function w(t) {
+  return new Array(t).fill(0).map(() => y[Math.floor(Math.random() * 24)]).join("");
 }
 function* g() {
   const t = [];
   for (; ; ) {
-    let r = y(6);
+    let r = w(6);
     t.includes(r) || (t.push(r), yield r);
   }
 }

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "cssier",
   "private": false,
-  "version": "0.3.1",
-  "packageManager": "pnpm@8.4.0",
+  "version": "0.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/DanBermanTech/cssier"
@@ -28,20 +27,6 @@
   "engines": {
     "node": "20"
   },
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "npm run generate && storybook build && npm run cleanup",
-    "build:lib": "npm run generate && tsc && vite build && npm run cleanup",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
-    "prettier": "prettier --write \"src/**/*.{ts,tsx,js,mdx}\"",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "prepare": "husky install",
-    "prepack": "json -f package.json -I -e \"delete this.devDependencies; delete this.dependencies\"",
-    "prepublishOnly": "npm run build:lib",
-    "generate": "node scripts/generate",
-    "cleanup": "node scripts/cleanup"
-  },
   "peerDependencies": {
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
@@ -70,5 +55,16 @@
     "hooks",
     "component",
     "components"
-  ]
-}
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "npm run generate && storybook build && npm run cleanup",
+    "build:lib": "npm run generate && tsc && vite build && npm run cleanup",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
+    "prettier": "prettier --write \"src/**/*.{ts,tsx,js,mdx}\"",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "generate": "node scripts/generate",
+    "cleanup": "node scripts/cleanup"
+  }
+}

package/dist/storybook-utils.d.ts

@@ -1,4 +0,0 @@
-export declare const objectValuesToControls: (obj: Record<string, string>, control?: string) => {
-    control: string;
-    options: string[];
-};