@bccampus/ui-components 0.2.0 → 0.3.0

package/dist/banner.js

@@ -1,19 +1,19 @@
-import { j as t } from "./jsx-runtime-BzflLqGi.js";
-import { c as m } from "./index-CQhYMnjT.js";
-import { c as l } from "./utils-CRiPKpXj.js";
-import { useState as d } from "react";
-import { Button as f } from "./button.js";
-import { c as x } from "./createLucideIcon-CzehbSja.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { c as l } from "./index-CQhYMnjT.js";
+import { c as d } from "./utils-CRiPKpXj.js";
+import { useState as f } from "react";
+import { Button as p } from "./button.js";
+import { c as u } from "./createLucideIcon-CzehbSja.js";
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const p = [
+const x = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], u = x("x", p), v = m("flex flex-row items-center justify-between px-section text-sm", {
+], b = u("x", x), v = l("flex flex-row items-center justify-between px-(--spacing-section) text-sm", {
   variants: {
     variant: {
       default: "bg-complement-3 text-white",
@@ -30,13 +30,13 @@ const p = [
     size: "default"
   }
 });
-function w({ className: e, size: s, variant: i, dismissible: a, children: n, ...r }) {
-  const [o, c] = d(!1);
-  return o ? null : /* @__PURE__ */ t.jsxs("div", { className: l(v({ variant: i, size: s }), e), ...r, children: [
-    /* @__PURE__ */ t.jsx("div", { className: "flex-auto text-center", children: n }),
-    a && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(f, { variant: "ghost", size: "icon", className: "size-6 text-white", onClick: () => c(!0), children: /* @__PURE__ */ t.jsx(u, {}) }) })
+function N({ className: e, size: a, variant: s, dismissible: i, children: n, ...r }) {
+  const [o, c] = f(!1);
+  return o ? null : /* @__PURE__ */ m("div", { "data-slot": "banner", className: d(v({ variant: s, size: a }), e), ...r, children: [
+    /* @__PURE__ */ t("div", { className: "flex-auto text-center", children: n }),
+    i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(p, { variant: "ghost", size: "icon", className: "size-6 text-white", onClick: () => c(!0), children: /* @__PURE__ */ t(b, {}) }) })
   ] });
 }
 export {
-  w as Banner
+  N as Banner
 };

package/dist/button.d.ts

@@ -9,7 +9,7 @@ export declare type ButtonProps = React.ComponentProps<"button"> & VariantProps<
 };
 
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "item" | "destructive" | null | undefined;
     block?: boolean | null | undefined;
     size?: "text" | "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/button.js

@@ -1,9 +1,9 @@
-import { j as s } from "./jsx-runtime-BzflLqGi.js";
-import { S as d } from "./index-DlfV3JTY.js";
-import { c } from "./index-CQhYMnjT.js";
-import { c as u } from "./utils-CRiPKpXj.js";
-const v = c(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+import { jsx as n } from "react/jsx-runtime";
+import { S as s } from "./index-U7DVCmS_.js";
+import { c as d } from "./index-CQhYMnjT.js";
+import { c } from "./utils-CRiPKpXj.js";
+const u = d(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 px-6 has-[>svg]:px-4 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
@@ -11,6 +11,7 @@ const v = c(
         secondary: "bg-secondary text-secondary-foreground hover:bg-background hover:text-primary dark:bg-complement-1-500 dark:text-foreground dark:hover:bg-complement-1-600",
         outline: "border border-primary bg-transparent hover:border-secondary hover:bg-secondary/10 dark:border-input dark:hover:bg-input/50",
         ghost: "text-primary hover:text-secondary dark:text-foreground dark:hover:bg-complement-1-800",
+        item: "justify-between px-2 has-[>svg]:px-2 text-primary hover:bg-complement-1-50 dark:text-foreground dark:hover:bg-complement-1-800",
         destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
       },
       block: {
@@ -18,25 +19,24 @@ const v = c(
         true: "w-full"
       },
       size: {
-        default: "h-9 px-6 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        default: "h-9",
+        sm: "h-8 gap-1.5",
+        lg: "h-10 text-base",
         icon: "size-9",
-        text: "py-2"
+        text: "h-9 text-base"
       }
     },
     defaultVariants: {
-      variant: "default",
       size: "default",
-      block: !1
+      block: !1,
+      variant: "default"
     }
   }
 );
-function m({ className: e, variant: r, size: t, block: o, asChild: i = !1, ...a }) {
-  const n = i ? d : "button";
-  return /* @__PURE__ */ s.jsx(n, { "data-slot": "button", className: u(v({ variant: r, size: t, block: o }), e), ...a });
+function p({ className: e, variant: r, size: t, block: o, asChild: a = !1, ...i }) {
+  return /* @__PURE__ */ n(a ? s : "button", { "data-slot": "button", className: c(u({ size: t, block: o, variant: r }), e), ...i });
 }
 export {
-  m as Button,
-  v as buttonVariants
+  p as Button,
+  u as buttonVariants
 };

package/dist/caption.js

@@ -1,8 +1,8 @@
-import { j as s } from "./jsx-runtime-BzflLqGi.js";
-import { S as i } from "./index-DlfV3JTY.js";
+import { jsx as n } from "react/jsx-runtime";
+import { S as i } from "./index-U7DVCmS_.js";
 import { c as e } from "./index-CQhYMnjT.js";
 import { c as m } from "./utils-CRiPKpXj.js";
-const l = e("tracking-tight text-balance", {
+const s = e("tracking-tight text-balance", {
   variants: {
     variant: {
       default: "scroll-mr-5 text-lg/5 font-bold text-secondary dark:text-foreground",
@@ -13,16 +13,15 @@ const l = e("tracking-tight text-balance", {
     variant: "default"
   }
 });
-function d({
+function x({
   className: t,
   variant: a,
   asChild: r = !1,
   ...o
 }) {
-  const n = r ? i : "div";
-  return /* @__PURE__ */ s.jsx(n, { className: m(l({ variant: a, className: t })), ...o });
+  return /* @__PURE__ */ n(r ? i : "div", { className: m(s({ variant: a, className: t })), ...o });
 }
 export {
-  d as Caption,
-  l as captionVariants
+  x as Caption,
+  s as captionVariants
 };

package/dist/card.js

@@ -1,11 +1,11 @@
-import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { jsx as e } from "react/jsx-runtime";
 import { c as t } from "./utils-CRiPKpXj.js";
 import { Caption as d } from "./caption.js";
-import { c as s } from "./index-CQhYMnjT.js";
-const u = s("group @container/card w-full max-w-full bg-card text-card-foreground grid gap-card", {
+import { c as u } from "./index-CQhYMnjT.js";
+const m = u("group @container/card w-full max-w-full bg-card text-card-foreground grid gap-(--gap-card)", {
   variants: {
     bordered: {
-      true: "p-card border border-complement-1-100  dark:border-brand-1-900 ",
+      true: "p-(--spacing-card) border border-complement-1-100  dark:border-brand-1-900 ",
       false: ""
     },
     rounded: {
@@ -18,28 +18,28 @@ const u = s("group @container/card w-full max-w-full bg-card text-card-foregroun
     rounded: !1
   }
 });
-function j({ className: r, asLink: a, bordered: n, rounded: o, ...l }) {
-  const i = a ? "a" : "div", c = a ? "transition-all hover:bg-complement-1-50 dark:hover:bg-gray-900" : "";
+function C({ className: r, asLink: a, bordered: n, rounded: o, ...c }) {
+  const i = a ? "a" : "div", l = a ? "transition-all hover:bg-complement-1-50 dark:hover:bg-gray-900" : "";
   return (
     //@ts-expect-error: props type will be correct
-    /* @__PURE__ */ e.jsx(i, { "data-slot": "card", className: t(u({ bordered: n, rounded: o }), c, r), ...l })
+    /* @__PURE__ */ e(i, { "data-slot": "card", className: t(m({ bordered: n, rounded: o }), l, r), ...c })
   );
 }
-function v({ name: r, className: a, ...n }) {
-  return /* @__PURE__ */ e.jsx(
+function b({ name: r, className: a, ...n }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       style: { gridArea: r },
-      className: t("relative flex flex-col gap-(--card-area-gap)", a),
+      className: t("@container/card-area relative flex flex-col gap-(--gap-card-area)", a),
       ...n
     }
   );
 }
-function C({ className: r, ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: t("flex flex-col gap-(--card-item-group-gap)", r), ...a });
+function h({ className: r, ...a }) {
+  return /* @__PURE__ */ e("div", { className: t("flex flex-col gap-(--gap-card-item-group)", r), ...a });
 }
-function b({ size: r = "md", className: a, ...n }) {
-  return /* @__PURE__ */ e.jsx(
+function x({ size: r = "md", className: a, ...n }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       className: t(
@@ -54,8 +54,8 @@ function b({ size: r = "md", className: a, ...n }) {
     }
   );
 }
-function h({ size: r = "md", className: a, ...n }) {
-  return /* @__PURE__ */ e.jsx(
+function N({ size: r = "md", className: a, ...n }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       className: t(
@@ -71,38 +71,38 @@ function h({ size: r = "md", className: a, ...n }) {
     }
   );
 }
-function N(r) {
-  return /* @__PURE__ */ e.jsx(d, { ...r });
-}
 function w(r) {
-  return /* @__PURE__ */ e.jsx(d, { variant: "light", ...r });
+  return /* @__PURE__ */ e(d, { ...r });
+}
+function j(r) {
+  return /* @__PURE__ */ e(d, { variant: "light", ...r });
 }
 function y(r) {
-  return /* @__PURE__ */ e.jsx(d, { variant: "light", ...r });
+  return /* @__PURE__ */ e(d, { variant: "light", ...r });
 }
 function k(r) {
-  return /* @__PURE__ */ e.jsx("div", { ...r });
+  return /* @__PURE__ */ e("div", { ...r });
 }
 function A({ className: r, ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: t("flex flex-wrap items-center gap-(--card-item-group-gap)", r), ...a });
+  return /* @__PURE__ */ e("div", { className: t("flex flex-wrap items-center gap-(--gap-card-item-group)", r), ...a });
 }
-function m({ className: r, ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: t("relative w-full h-full", r), ...a });
+function s({ className: r, ...a }) {
+  return /* @__PURE__ */ e("div", { className: t("relative w-full h-full", r), ...a });
 }
 function I({ className: r, ...a }) {
-  return /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx("img", { className: t("w-full h-full rounded-lg aspect-9/5 object-cover object-top", r), ...a }) });
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { className: t("w-full h-full rounded-lg aspect-9/5 object-cover object-top", r), ...a }) });
 }
 export {
-  j as Card,
-  v as CardArea,
-  N as CardCaption,
+  C as Card,
+  b as CardArea,
+  w as CardCaption,
   k as CardContent,
   I as CardImage,
-  C as CardItemGroup,
-  m as CardMedia,
+  h as CardItemGroup,
+  s as CardMedia,
   y as CardMeta,
-  w as CardSubcaption,
-  h as CardSubtitle,
-  b as CardTitle,
+  j as CardSubcaption,
+  N as CardSubtitle,
+  x as CardTitle,
   A as CardToolbar
 };

package/dist/horizontal-list.js

@@ -1,29 +1,29 @@
-import { j as o } from "./jsx-runtime-BzflLqGi.js";
-import { c as n } from "./utils-CRiPKpXj.js";
-import { Button as r } from "./button.js";
-import { useRef as p, useCallback as c } from "react";
-import { c as d } from "./index-CQhYMnjT.js";
-import { c as a } from "./createLucideIcon-CzehbSja.js";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { c as r } from "./utils-CRiPKpXj.js";
+import { Button as c } from "./button.js";
+import { useRef as u, useCallback as a } from "react";
+import { c as v } from "./index-CQhYMnjT.js";
+import { c as i } from "./createLucideIcon-CzehbSja.js";
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], v = a("chevron-left", u);
+const x = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], g = i("chevron-left", x);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], g = a("chevron-right", j), w = d(
-  "scrollbar-hidden overscroll-x-contain flex flex-row flex-nowrap py-1 gap-card overflow-x-auto snap-x snap-mandatory touch-pan-x scroll-smooth *:shrink-0 *:grow-0 *:snap-center *:select-none",
+const w = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], N = i("chevron-right", w), k = v(
+  "scrollbar-hidden overscroll-x-contain flex flex-row flex-nowrap py-1 gap-(--gap-card) overflow-x-auto snap-x snap-mandatory touch-pan-x scroll-smooth *:shrink-0 *:grow-0 *:snap-center *:select-none",
   {
     variants: {
       variant: {
         contain: "w-full ",
-        overflow: "w-screen px-section -ms-section scroll-px-(--section-p)"
+        overflow: "w-screen px-(--spacing-section) -ms-(--spacing-section) scroll-px-(--spacing-section)"
       }
     },
     defaultVariants: {
@@ -31,47 +31,47 @@ const j = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], g = a("chevron-righ
     }
   }
 );
-function L({
-  variant: i,
-  className: l,
-  children: f,
+function _({
+  variant: l,
+  className: f,
+  children: m,
   toolbarLocation: t = "bottom",
   scrollBy: e = 360,
-  ...m
+  ...p
 }) {
-  const s = p(null), x = c(() => {
-    s.current?.scrollBy({ left: -e });
-  }, [e]), h = c(() => {
-    s.current?.scrollBy({ left: e });
+  const n = u(null), h = a(() => {
+    n.current?.scrollBy({ left: -e });
+  }, [e]), d = a(() => {
+    n.current?.scrollBy({ left: e });
   }, [e]);
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: n("flex gap-4", {
+      className: r("flex gap-4", {
         "flex-col": t === "bottom",
         "flex-col-reverse": t === "top"
       }),
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o(
           "div",
           {
-            ref: s,
-            className: n(
-              w({ variant: i }),
-              l
+            ref: n,
+            className: r(
+              k({ variant: l }),
+              f
             ),
-            ...m,
-            children: f
+            ...p,
+            children: m
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: "flex justify-center sm:justify-start", children: [
-          /* @__PURE__ */ o.jsx(r, { size: "icon", variant: "ghost", className: "rounded-full", onClick: x, children: /* @__PURE__ */ o.jsx(v, { className: "size-9" }) }),
-          /* @__PURE__ */ o.jsx(r, { size: "icon", variant: "ghost", className: "rounded-full", onClick: h, children: /* @__PURE__ */ o.jsx(g, { className: "size-9" }) })
+        /* @__PURE__ */ s("div", { className: "flex justify-center sm:justify-start", children: [
+          /* @__PURE__ */ o(c, { size: "icon", variant: "ghost", className: "rounded-full", onClick: h, children: /* @__PURE__ */ o(g, { className: "size-9" }) }),
+          /* @__PURE__ */ o(c, { size: "icon", variant: "ghost", className: "rounded-full", onClick: d, children: /* @__PURE__ */ o(N, { className: "size-9" }) })
         ] })
       ]
     }
   );
 }
 export {
-  L as HorizontalList
+  _ as HorizontalList
 };

package/dist/icon-generator.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-BzflLqGi.js";
+import { jsx as h } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import { c as d } from "./utils-CRiPKpXj.js";
 const $ = {
@@ -27,7 +27,7 @@ const $ = {
   PieNW: 23,
   PieNE: 24,
   PieRand: 25
-}, k = [
+}, p = [
   $.Square,
   $.Circle,
   $.Diamond,
@@ -42,11 +42,11 @@ const $ = {
   $.PieNE
 ], N = {
   [$.Blank]: () => null,
-  [$.Rand]: (c, r, a, s) => N[k[Math.floor(Math.random() * k.length)]](c, r, a, s),
+  [$.Rand]: (c, r, a, s) => N[p[Math.floor(Math.random() * p.length)]](c, r, a, s),
   [$.Mosaic]: (c, r, a, s) => N[Math.random() > 0.8 ? $.Blank : $.Square](c, r, a, s),
   [$.MosaicCircle]: (c, r, a, s) => N[Math.random() > 0.8 ? $.Blank : $.Circle](c, r, a, s),
   [$.MosaicDiamond]: (c, r, a, s) => N[Math.random() > 0.8 ? $.Blank : $.Diamond](c, r, a, s),
-  [$.Square]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Square]: (c, r, a, s) => /* @__PURE__ */ h(
     "rect",
     {
       x: a * c,
@@ -57,7 +57,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.Circle]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Circle]: (c, r, a, s) => /* @__PURE__ */ h(
     "circle",
     {
       cx: a * (c + 0.5 * s.scale),
@@ -67,7 +67,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.Diamond]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Diamond]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * (c + 0.5 * s.scale)} ${a * r} 
@@ -80,7 +80,7 @@ const $ = {
   ),
   [$.Hexagon]: (c, r, a, s) => {
     const o = a / Math.sqrt(3), m = (a - o) / 2;
-    return /* @__PURE__ */ h.jsx(
+    return /* @__PURE__ */ h(
       "path",
       {
         rotate: 45,
@@ -96,7 +96,7 @@ const $ = {
     );
   },
   [$.RandBasic]: (c, r, a, s) => N[$.Square + Math.floor(Math.random() * 4)](c, r, a, s),
-  [$.TriangleSE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleSE]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * (c + s.scale)} ${a * r} 
@@ -106,7 +106,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.TriangleSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleSW]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * r} 
@@ -116,7 +116,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.TriangleNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleNW]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * (c + s.scale)} ${a * r} 
@@ -126,7 +126,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.TriangleNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleNE]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * r} 
@@ -142,7 +142,7 @@ const $ = {
     a,
     s
   ),
-  [$.CaretN]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretN]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * (r + s.scale)} 
@@ -152,7 +152,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.CaretE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretE]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * r} 
@@ -162,7 +162,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.CaretS]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretS]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * r} 
@@ -172,7 +172,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.CaretW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretW]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * (c + s.scale)} ${a * r} 
@@ -183,7 +183,7 @@ const $ = {
     `tile-${c}-${r}`
   ),
   [$.CaretRand]: (c, r, a, s) => N[$.CaretN + Math.floor(Math.random() * 4)](c, r, a, s),
-  [$.PieSE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieSE]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * s.scale + a * c} ${a * r} 
@@ -193,7 +193,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.PieSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieSW]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * s.scale + a * c} ${a * s.scale + a * r} 
@@ -203,7 +203,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.PieNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieNW]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * s.scale + a * r} 
@@ -213,7 +213,7 @@ const $ = {
     },
     `tile-${c}-${r}`
   ),
-  [$.PieNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieNE]: (c, r, a, s) => /* @__PURE__ */ h(
     "path",
     {
       d: `M ${a * c} ${a * r} 
@@ -224,34 +224,34 @@ const $ = {
     `tile-${c}-${r}`
   ),
   [$.PieRand]: (c, r, a, s) => N[$.PieSE + Math.floor(Math.random() * 4)](c, r, a, s)
-}, T = (c, r, a) => c.map(
-  (s, o) => s.map((m, x) => {
+}, w = (c, r, a) => c.map(
+  (s, o) => s.map((m, L) => {
     const n = typeof m == "object" ? { className: d(a, m.className), scale: m.scale ?? 1, shape: m.shape } : { className: a, scale: 1, shape: m };
-    return N[n.shape](x, o, r, n);
+    return N[n.shape](L, o, r, n);
   })
-).flat(), E = [
+).flat(), R = [
   [$.PieRand, $.PieRand],
   [$.PieRand, $.PieRand]
 ];
-function Z({
-  pattern: c = E,
+function x({
+  pattern: c = R,
   tileSize: r = 64,
   tileClassName: a,
   tileBgClassName: s,
   renderChildren: o,
   fit: m = "none",
-  ...x
+  ...L
 }) {
   const n = M(
     () => ({
-      width: c.reduce((u, P) => Math.max(u, P.length), 0) * r,
+      width: c.reduce((u, E) => Math.max(u, E.length), 0) * r,
       height: c.length * r
     }),
     [c, r]
-  ), L = M(() => {
-    const u = T(c, r, a);
+  ), k = M(() => {
+    const u = w(c, r, a);
     return s && u.unshift(
-      /* @__PURE__ */ h.jsx(
+      /* @__PURE__ */ h(
         "rect",
         {
           x: 0,
@@ -263,7 +263,7 @@ function Z({
         "svg-mask-invert"
       )
     ), u;
-  }, [c, n, a, s, r]), p = M(() => {
+  }, [c, n, a, s, r]), P = M(() => {
     switch (m) {
       case "fill":
         return n.width <= n.height ? "100%" : void 0;
@@ -274,7 +274,7 @@ function Z({
       default:
         return;
     }
-  }, [m, n]), j = M(() => {
+  }, [m, n]), T = M(() => {
     switch (m) {
       case "fill":
         return n.height < n.width ? "100%" : void 0;
@@ -286,18 +286,18 @@ function Z({
         return;
     }
   }, [m, n]);
-  return /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ h(
     "svg",
     {
-      width: p,
-      height: j,
+      width: P,
+      height: T,
       viewBox: `0 0 ${n.width} ${n.height}`,
       overflow: "visible",
-      ...x,
-      children: o ? o(L, n.width, n.height) : L
+      ...L,
+      children: o ? o(k, n.width, n.height) : k
     }
   );
 }
 export {
-  Z as IconGenerator
+  x as IconGenerator
 };