@a4ui/core 0.10.1 → 0.10.2

package/dist/commerce/ProductCard.d.ts

@@ -1,31 +1,43 @@
 import { JSX } from 'solid-js';
+/** Corner-ribbon colour intent. */
+export type ProductBadgeTone = 'sale' | 'new' | 'featured';
 export interface ProductCardProps {
     title: string;
     price: number;
     compareAt?: number;
     image: string;
+    /** Brand name — shown as a small eyebrow above the title. */
+    brand?: string;
+    /** Category — shown as a small tag under the title. */
+    category?: string;
     /** Rating from 0-5; renders a readonly {@link Rating} when present. */
     rating?: number;
-    /** Small overlay label shown over the image top-left, e.g. `'New'`. */
+    /** Corner-ribbon label over the image top-right corner, e.g. `'Sale'`, `'New'`. */
     badge?: string;
+    /** Ribbon colour. Inferred from `badge` text when omitted (sale/new → featured). */
+    badgeTone?: ProductBadgeTone;
     currency?: string;
     locale?: string;
     onAddToCart?: () => void;
     class?: string;
 }
 /**
- * Card summarizing a single product: image, title, optional rating, price
- * (with compare-at/discount), and an optional "Add to cart" button.
+ * Card summarizing a single product: image with a corner ribbon, brand, title,
+ * category, optional rating, price (with compare-at/discount), and an optional
+ * "Add to cart" button. Frosted glass with edge glow.
  *
  * @example
  * ```tsx
  * <ProductCard
  *   title="Wireless Headphones"
+ *   brand="Acme"
+ *   category="Audio"
  *   price={79.99}
  *   compareAt={99.99}
  *   image="/headphones.jpg"
  *   rating={4}
- *   badge="New"
+ *   badge="Sale"
+ *   badgeTone="sale"
  *   onAddToCart={() => addToCart(sku)}
  * />
  * ```

package/dist/commerce/index.d.ts

@@ -1,6 +1,6 @@
 export { PriceTag, type PriceTagProps } from './PriceTag';
 export { QuantityStepper, type QuantityStepperProps } from './QuantityStepper';
-export { ProductCard, type ProductCardProps } from './ProductCard';
+export { ProductCard, type ProductCardProps, type ProductBadgeTone } from './ProductCard';
 export { ProductGrid, type ProductGridProps } from './ProductGrid';
 export { CartLine, type CartLineProps } from './CartLine';
 export { CartSummary, type CartSummaryProps, type CartSummaryItem } from './CartSummary';

package/dist/commerce.js

@@ -1,57 +1,57 @@
-import { insert as n, createComponent as u, memo as T, effect as f, className as b, template as s, delegateEvents as C, setAttribute as $ } from "solid-js/web";
-import { Show as v, For as w } from "solid-js";
+import { insert as n, createComponent as c, memo as A, effect as v, className as b, template as o, delegateEvents as y, setAttribute as x } from "solid-js/web";
+import { Show as g, For as C } from "solid-js";
 import { c as h } from "./cn-B6yFEsav.js";
-import { B as S, C as E, R as F, a as k, b as I } from "./Checkbox-DQcDOBLd.js";
-import { Minus as N, Plus as R, Trash2 as U } from "lucide-solid";
-var j = /* @__PURE__ */ s('<span class="text-muted-foreground line-through">'), q = /* @__PURE__ */ s("<div><span>");
-const M = {
+import { B as T, C as N, R as E, a as S, b as I } from "./Checkbox-DQcDOBLd.js";
+import { Minus as R, Plus as F, Trash2 as U } from "lucide-solid";
+var j = /* @__PURE__ */ o('<span class="text-muted-foreground line-through">'), q = /* @__PURE__ */ o("<div><span>");
+const B = {
   sm: "text-sm",
   md: "text-lg",
   lg: "text-2xl"
 };
-function A(e) {
-  const r = (c) => new Intl.NumberFormat(e.locale ?? "en-US", {
+function k(e) {
+  const r = (u) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
-  }).format(c), a = () => (e.compareAt ?? 0) > e.amount, t = () => Math.round((1 - e.amount / e.compareAt) * 100);
+  }).format(u), l = () => (e.compareAt ?? 0) > e.amount, t = () => Math.round((1 - e.amount / e.compareAt) * 100);
   return (() => {
-    var c = q(), d = c.firstChild;
-    return n(d, () => r(e.amount)), n(c, u(v, {
+    var u = q(), d = u.firstChild;
+    return n(d, () => r(e.amount)), n(u, c(g, {
       get when() {
-        return a();
+        return l();
       },
       get children() {
         return [(() => {
           var i = j();
           return n(i, () => r(e.compareAt)), i;
-        })(), u(S, {
+        })(), c(T, {
           tone: "danger",
           get children() {
-            return ["-", T(() => t()), "%"];
+            return ["-", A(() => t()), "%"];
           }
         })];
       }
-    }), null), f((i) => {
-      var l = h("inline-flex items-center gap-2", e.class), m = h("font-bold text-foreground", M[e.size ?? "md"]);
-      return l !== i.e && b(c, i.e = l), m !== i.t && b(d, i.t = m), i;
+    }), null), v((i) => {
+      var a = h("inline-flex items-center gap-2", e.class), m = h("font-bold text-foreground", B[e.size ?? "md"]);
+      return a !== i.e && b(u, i.e = a), m !== i.t && b(d, i.t = m), i;
     }, {
       e: void 0,
       t: void 0
-    }), c;
+    }), u;
   })();
 }
-var P = /* @__PURE__ */ s('<div><button type=button aria-label="Decrease quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40"></button><span class="grid min-w-[2.5rem] place-items-center tabular-nums"></span><button type=button aria-label="Increase quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40">');
-function D(e) {
-  const r = () => e.min ?? 0, a = () => e.max ?? Number.MAX_SAFE_INTEGER, t = (i) => Math.min(a(), Math.max(r(), i)), c = () => e.onChange(t(e.value - 1)), d = () => e.onChange(t(e.value + 1));
+var M = /* @__PURE__ */ o('<div><button type=button aria-label="Decrease quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40"></button><span class="grid min-w-[2.5rem] place-items-center tabular-nums"></span><button type=button aria-label="Increase quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40">');
+function P(e) {
+  const r = () => e.min ?? 0, l = () => e.max ?? Number.MAX_SAFE_INTEGER, t = (i) => Math.min(l(), Math.max(r(), i)), u = () => e.onChange(t(e.value - 1)), d = () => e.onChange(t(e.value + 1));
   return (() => {
-    var i = P(), l = i.firstChild, m = l.nextSibling, g = m.nextSibling;
-    return l.$$click = c, n(l, u(N, {
+    var i = M(), a = i.firstChild, m = a.nextSibling, f = m.nextSibling;
+    return a.$$click = u, n(a, c(R, {
       class: "h-4 w-4"
-    })), n(m, () => e.value), g.$$click = d, n(g, u(R, {
+    })), n(m, () => e.value), f.$$click = d, n(f, c(F, {
       class: "h-4 w-4"
-    })), f((o) => {
-      var x = h("inline-flex items-stretch rounded-md border border-input", e.class), _ = e.disabled || e.value <= r(), y = e.disabled || e.value >= a();
-      return x !== o.e && b(i, o.e = x), _ !== o.t && (l.disabled = o.t = _), y !== o.a && (g.disabled = o.a = y), o;
+    })), v((s) => {
+      var $ = h("inline-flex items-stretch rounded-md border border-input", e.class), _ = e.disabled || e.value <= r(), w = e.disabled || e.value >= l();
+      return $ !== s.e && b(i, s.e = $), _ !== s.t && (a.disabled = s.t = _), w !== s.a && (f.disabled = s.a = w), s;
     }, {
       e: void 0,
       t: void 0,
@@ -59,43 +59,67 @@ function D(e) {
     }), i;
   })();
 }
-C(["click"]);
-var z = /* @__PURE__ */ s('<div class="relative aspect-square overflow-hidden rounded-lg bg-muted"><img loading=lazy class="h-full w-full object-cover">', !0, !1, !1), B = /* @__PURE__ */ s('<div class="mt-3 flex flex-1 flex-col gap-2"><p class="line-clamp-1 font-medium text-foreground">');
-function te(e) {
-  return u(E, {
+y(["click"]);
+var D = /* @__PURE__ */ o("<span>"), L = /* @__PURE__ */ o('<div class="relative aspect-square overflow-hidden rounded-lg bg-muted"><img loading=lazy class="h-full w-full object-cover">', !0, !1, !1), z = /* @__PURE__ */ o('<span class="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">'), G = /* @__PURE__ */ o('<span class="w-fit rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground">'), O = /* @__PURE__ */ o('<div class="mt-3 flex flex-1 flex-col gap-1.5"><p class="line-clamp-1 font-medium text-foreground">');
+const Q = {
+  sale: "bg-destructive text-destructive-foreground",
+  new: "bg-primary text-primary-foreground",
+  featured: "bg-accent text-accent-foreground"
+};
+function X(e, r) {
+  if (r) return r;
+  const l = (e ?? "").toLowerCase();
+  return /sale|off|%|deal/.test(l) ? "sale" : /new/.test(l) ? "new" : "featured";
+}
+function ue(e) {
+  return c(N, {
+    glass: !0,
+    glow: !0,
     get class() {
       return h("flex h-full flex-col overflow-hidden p-4", e.class);
     },
     get children() {
       return [(() => {
-        var r = z(), a = r.firstChild;
-        return n(r, u(v, {
+        var r = L(), l = r.firstChild;
+        return n(r, c(g, {
           get when() {
             return e.badge;
           },
           get children() {
-            return u(S, {
-              class: "absolute left-2 top-2",
-              get children() {
-                return e.badge;
-              }
-            });
+            var t = D();
+            return n(t, () => e.badge), v(() => b(t, h("absolute -right-9 top-3.5 w-32 rotate-45 py-1 text-center text-[11px] font-semibold uppercase tracking-wide shadow-md", Q[X(e.badge, e.badgeTone)]))), t;
           }
-        }), null), f((t) => {
-          var c = e.image, d = e.title;
-          return c !== t.e && $(a, "src", t.e = c), d !== t.t && $(a, "alt", t.t = d), t;
+        }), null), v((t) => {
+          var u = e.image, d = e.title;
+          return u !== t.e && x(l, "src", t.e = u), d !== t.t && x(l, "alt", t.t = d), t;
         }, {
           e: void 0,
           t: void 0
         }), r;
       })(), (() => {
-        var r = B(), a = r.firstChild;
-        return n(a, () => e.title), n(r, u(v, {
+        var r = O(), l = r.firstChild;
+        return n(r, c(g, {
+          get when() {
+            return e.brand;
+          },
+          get children() {
+            var t = z();
+            return n(t, () => e.brand), t;
+          }
+        }), l), n(l, () => e.title), n(r, c(g, {
+          get when() {
+            return e.category;
+          },
+          get children() {
+            var t = G();
+            return n(t, () => e.category), t;
+          }
+        }), null), n(r, c(g, {
           get when() {
             return e.rating !== void 0;
           },
           get children() {
-            return u(F, {
+            return c(E, {
               get value() {
                 return e.rating;
               },
@@ -103,7 +127,7 @@ function te(e) {
               max: 5
             });
           }
-        }), null), n(r, u(A, {
+        }), null), n(r, c(k, {
           get amount() {
             return e.price;
           },
@@ -116,12 +140,12 @@ function te(e) {
           get locale() {
             return e.locale;
           }
-        }), null), n(r, u(v, {
+        }), null), n(r, c(g, {
           get when() {
             return e.onAddToCart;
           },
           get children() {
-            return u(k, {
+            return c(S, {
               class: "mt-auto w-full",
               onClick: () => {
                 var t;
@@ -135,36 +159,36 @@ function te(e) {
     }
   });
 }
-var G = /* @__PURE__ */ s("<div>");
-function ne(e) {
+var Z = /* @__PURE__ */ o("<div>");
+function ce(e) {
   return (() => {
-    var r = G();
-    return n(r, () => e.children), f(() => b(r, h("grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", e.class))), r;
+    var r = Z();
+    return n(r, () => e.children), v(() => b(r, h("grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", e.class))), r;
   })();
 }
-var L = /* @__PURE__ */ s('<img class="h-16 w-16 shrink-0 rounded-md bg-muted object-cover">'), Q = /* @__PURE__ */ s('<button type=button aria-label="Remove item"class="text-muted-foreground hover:text-foreground">'), O = /* @__PURE__ */ s('<div><div class="min-w-[8rem] flex-1"><p class="line-clamp-1 font-medium text-foreground"></p></div><span class="min-w-[4rem] text-right font-medium tabular-nums text-foreground">');
-function le(e) {
-  const r = () => e.price * e.quantity, a = (t) => new Intl.NumberFormat(e.locale ?? "en-US", {
+var H = /* @__PURE__ */ o('<img class="h-16 w-16 shrink-0 rounded-md bg-muted object-cover">'), J = /* @__PURE__ */ o('<button type=button aria-label="Remove item"class="text-muted-foreground hover:text-foreground">'), K = /* @__PURE__ */ o('<div><div class="min-w-[8rem] flex-1"><p class="line-clamp-1 font-medium text-foreground"></p></div><span class="min-w-[4rem] text-right font-medium tabular-nums text-foreground">');
+function ie(e) {
+  const r = () => e.price * e.quantity, l = (t) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
   }).format(t);
   return (() => {
-    var t = O(), c = t.firstChild, d = c.firstChild, i = c.nextSibling;
-    return n(t, u(v, {
+    var t = K(), u = t.firstChild, d = u.firstChild, i = u.nextSibling;
+    return n(t, c(g, {
       get when() {
         return e.image;
       },
       get children() {
-        var l = L();
-        return f((m) => {
-          var g = e.image, o = e.title;
-          return g !== m.e && $(l, "src", m.e = g), o !== m.t && $(l, "alt", m.t = o), m;
+        var a = H();
+        return v((m) => {
+          var f = e.image, s = e.title;
+          return f !== m.e && x(a, "src", m.e = f), s !== m.t && x(a, "alt", m.t = s), m;
         }, {
           e: void 0,
           t: void 0
-        }), l;
+        }), a;
       }
-    }), c), n(d, () => e.title), n(c, u(A, {
+    }), u), n(d, () => e.title), n(u, c(k, {
       get amount() {
         return e.price;
       },
@@ -175,108 +199,108 @@ function le(e) {
         return e.locale;
       },
       size: "sm"
-    }), null), n(t, u(D, {
+    }), null), n(t, c(P, {
       get value() {
         return e.quantity;
       },
-      onChange: (l) => {
+      onChange: (a) => {
         var m;
-        return (m = e.onQuantityChange) == null ? void 0 : m.call(e, l);
+        return (m = e.onQuantityChange) == null ? void 0 : m.call(e, a);
       },
       min: 1
-    }), i), n(i, () => a(r())), n(t, u(v, {
+    }), i), n(i, () => l(r())), n(t, c(g, {
       get when() {
         return e.onRemove;
       },
       get children() {
-        var l = Q();
-        return l.$$click = () => {
+        var a = J();
+        return a.$$click = () => {
           var m;
           return (m = e.onRemove) == null ? void 0 : m.call(e);
-        }, n(l, u(U, {
+        }, n(a, c(U, {
           class: "h-4 w-4"
-        })), l;
+        })), a;
       }
-    }), null), f(() => b(t, h("flex flex-wrap items-center gap-4", e.class))), t;
+    }), null), v(() => b(t, h("flex flex-wrap items-center gap-4", e.class))), t;
   })();
 }
-C(["click"]);
-var X = /* @__PURE__ */ s('<div><div class="my-3 border-t border-border"></div><div class="flex items-center justify-between text-base font-bold text-foreground"><span>Total</span><span class=tabular-nums>'), Z = /* @__PURE__ */ s('<div class="flex items-center justify-between py-1 text-sm"><span class=text-muted-foreground></span><span class="tabular-nums text-foreground">');
-function re(e) {
-  const r = (a) => new Intl.NumberFormat(e.locale ?? "en-US", {
+y(["click"]);
+var V = /* @__PURE__ */ o('<div><div class="my-3 border-t border-border"></div><div class="flex items-center justify-between text-base font-bold text-foreground"><span>Total</span><span class=tabular-nums>'), W = /* @__PURE__ */ o('<div class="flex items-center justify-between py-1 text-sm"><span class=text-muted-foreground></span><span class="tabular-nums text-foreground">');
+function de(e) {
+  const r = (l) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
-  }).format(a);
+  }).format(l);
   return (() => {
-    var a = X(), t = a.firstChild, c = t.nextSibling, d = c.firstChild, i = d.nextSibling;
-    return n(a, u(w, {
+    var l = V(), t = l.firstChild, u = t.nextSibling, d = u.firstChild, i = d.nextSibling;
+    return n(l, c(C, {
       get each() {
         return e.lines;
       },
-      children: (l) => (() => {
-        var m = Z(), g = m.firstChild, o = g.nextSibling;
-        return n(g, () => l.label), n(o, () => r(l.amount)), m;
+      children: (a) => (() => {
+        var m = W(), f = m.firstChild, s = f.nextSibling;
+        return n(f, () => a.label), n(s, () => r(a.amount)), m;
       })()
-    }), t), n(i, () => r(e.total)), n(a, u(v, {
+    }), t), n(i, () => r(e.total)), n(l, c(g, {
       get when() {
         return e.onCheckout;
       },
       get children() {
-        return u(k, {
+        return c(S, {
           class: "mt-4 w-full",
           onClick: () => {
-            var l;
-            return (l = e.onCheckout) == null ? void 0 : l.call(e);
+            var a;
+            return (a = e.onCheckout) == null ? void 0 : a.call(e);
           },
           get children() {
             return e.checkoutLabel ?? "Checkout";
           }
         });
       }
-    }), null), f(() => b(a, h("rounded-xl border border-border bg-card p-5", e.class))), a;
+    }), null), v(() => b(l, h("card glow-edge rounded-xl p-5 text-card-foreground", e.class))), l;
   })();
 }
-var H = /* @__PURE__ */ s('<div><p class="text-sm font-semibold text-foreground"></p><div class=space-y-1.5>'), J = /* @__PURE__ */ s('<span class="text-xs text-muted-foreground">'), K = /* @__PURE__ */ s('<div class="flex items-center justify-between gap-2">');
-function ae(e) {
-  const r = (a, t) => {
-    const c = e.selected.slice(), d = c.indexOf(a);
-    t ? d === -1 && c.push(a) : d !== -1 && c.splice(d, 1), e.onChange(c);
+var Y = /* @__PURE__ */ o('<div><p class="text-sm font-semibold text-foreground"></p><div class=space-y-1.5>'), p = /* @__PURE__ */ o('<span class="text-xs text-muted-foreground">'), ee = /* @__PURE__ */ o('<div class="flex items-center justify-between gap-2">');
+function me(e) {
+  const r = (l, t) => {
+    const u = e.selected.slice(), d = u.indexOf(l);
+    t ? d === -1 && u.push(l) : d !== -1 && u.splice(d, 1), e.onChange(u);
   };
   return (() => {
-    var a = H(), t = a.firstChild, c = t.nextSibling;
-    return n(t, () => e.title), n(c, u(w, {
+    var l = Y(), t = l.firstChild, u = t.nextSibling;
+    return n(t, () => e.title), n(u, c(C, {
       get each() {
         return e.options;
       },
       children: (d) => (() => {
-        var i = K();
-        return n(i, u(I, {
+        var i = ee();
+        return n(i, c(I, {
           get checked() {
             return e.selected.includes(d.value);
           },
-          onChange: (l) => r(d.value, l),
+          onChange: (a) => r(d.value, a),
           get label() {
             return d.label;
           }
-        }), null), n(i, u(v, {
+        }), null), n(i, c(g, {
           get when() {
             return d.count != null;
           },
           get children() {
-            var l = J();
-            return n(l, () => d.count), l;
+            var a = p();
+            return n(a, () => d.count), a;
           }
         }), null), i;
       })()
-    })), f(() => b(a, h("space-y-2", e.class))), a;
+    })), v(() => b(l, h("space-y-2", e.class))), l;
   })();
 }
 export {
-  le as CartLine,
-  re as CartSummary,
-  ae as FilterGroup,
-  A as PriceTag,
-  te as ProductCard,
-  ne as ProductGrid,
-  D as QuantityStepper
+  ie as CartLine,
+  de as CartSummary,
+  me as FilterGroup,
+  k as PriceTag,
+  ue as ProductCard,
+  ce as ProductGrid,
+  P as QuantityStepper
 };

package/dist/elements.css

@@ -1315,6 +1315,25 @@ video {
   padding: 1.5px;
   background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), hsl(var(--primary) / 1), hsl(var(--accent) / 0.55) 42%, transparent 72%);
 }
+.a4-field {
+  transition: box-shadow .16s ease, border-color .16s ease;
+}
+.a4-field:focus, .a4-field:focus-within {
+  outline: none;
+  border-color: hsl(var(--ring));
+  box-shadow: 0 0 0 3px hsl(var(--ring) / 0.22), 0 0 16px -2px hsl(var(--ring) / 0.55);
+}
+.a4-field[aria-invalid="true"], .a4-field[data-invalid] {
+  border-color: hsl(var(--destructive));
+  box-shadow: 0 0 0 2px hsl(var(--destructive) / 0.18);
+}
+.a4-field[aria-invalid="true"]:focus, .a4-field[data-invalid]:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px hsl(var(--destructive) / 0.3), 0 0 16px -2px hsl(var(--destructive) / 0.6);
+}
+[data-theme='light'] .a4-field:focus, [data-theme='light'] .a4-field:focus-within {
+  box-shadow: 0 0 0 3px hsl(var(--ring) / 0.3), 0 0 18px -2px hsl(var(--ring) / 0.65);
+}
 .bg-glass {
   background: hsl(var(--card) / 0.72);
   backdrop-filter: blur(14px) saturate(160%);
@@ -1418,6 +1437,9 @@ html.calm .tile-glass {
 .-right-1 {
   right: -0.25rem;
 }
+.-right-9 {
+  right: -2.25rem;
+}
 .-top-1 {
   top: -0.25rem;
 }
@@ -1463,6 +1485,9 @@ html.calm .tile-glass {
 .top-3 {
   top: 0.75rem;
 }
+.top-3\.5 {
+  top: 0.875rem;
+}
 .top-\[14vh\] {
   top: 14vh;
 }
@@ -1768,6 +1793,9 @@ html.calm .tile-glass {
 .w-\[18px\] {
   width: 18px;
 }
+.w-fit {
+  width: fit-content;
+}
 .w-full {
   width: 100%;
 }
@@ -2531,6 +2559,10 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
 }
+.text-destructive-foreground {
+  --tw-text-opacity: 1;
+  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
+}
 .text-emerald-500 {
   --tw-text-opacity: 1;
   color: rgb(16 185 129 / var(--tw-text-opacity, 1));
@@ -2844,10 +2876,6 @@ html.calm .tile-glass {
 .hover\:\[animation-play-state\:paused\]:hover {
   animation-play-state: paused;
 }
-.focus\:border-ring:focus {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
-}
 .focus\:bg-muted:focus {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.10.1";
+export declare const A4UI_VERSION = "0.10.2";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';