@bccampus/ui-components 0.1.0 → 0.2.0

package/dist/horizontal-list.js

@@ -1,145 +1,77 @@
-import { j as a } from "./jsx-runtime-BzflLqGi.js";
-import { c as m } from "./utils-CRiPKpXj.js";
-import { Button as u } from "./button.js";
-import { forwardRef as d, createElement as l, useRef as v, useCallback as f } from "react";
+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";
 /**
  * @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 = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), y = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), p = (t) => {
-  const e = y(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, h = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), k = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-};
-/**
- * @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.
- */
-var N = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
+const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], v = a("chevron-left", u);
 /**
  * @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 b = d(
-  ({
-    color: t = "currentColor",
-    size: e = 24,
-    strokeWidth: o = 2,
-    absoluteStrokeWidth: r,
-    className: n = "",
-    children: s,
-    iconNode: c,
-    ...i
-  }, C) => l(
-    "svg",
-    {
-      ref: C,
-      ...N,
-      width: e,
-      height: e,
-      stroke: t,
-      strokeWidth: r ? Number(o) * 24 / Number(e) : o,
-      className: h("lucide", n),
-      ...!s && !k(i) && { "aria-hidden": "true" },
-      ...i
+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",
+  {
+    variants: {
+      variant: {
+        contain: "w-full ",
+        overflow: "w-screen px-section -ms-section scroll-px-(--section-p)"
+      }
     },
-    [
-      ...c.map(([g, w]) => l(g, w)),
-      ...Array.isArray(s) ? s : [s]
-    ]
-  )
+    defaultVariants: {
+      variant: "contain"
+    }
+  }
 );
-/**
- * @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 x = (t, e) => {
-  const o = d(
-    ({ className: r, ...n }, s) => l(b, {
-      ref: s,
-      iconNode: e,
-      className: h(
-        `lucide-${j(p(t))}`,
-        `lucide-${t}`,
-        r
-      ),
-      ...n
-    })
-  );
-  return o.displayName = p(t), o;
-};
-/**
- * @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 A = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], L = x("chevron-left", A);
-/**
- * @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 R = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], B = x("chevron-right", R);
-function I({ className: t, children: e, toolbarLocation: o = "bottom", ...r }) {
-  const n = v(null), s = f(() => {
-    n.current?.scrollBy({ left: -320 });
-  }, []), c = f(() => {
-    n.current?.scrollBy({ left: 320 });
-  }, []);
-  return /* @__PURE__ */ a.jsxs(
+function L({
+  variant: i,
+  className: l,
+  children: f,
+  toolbarLocation: t = "bottom",
+  scrollBy: e = 360,
+  ...m
+}) {
+  const s = p(null), x = c(() => {
+    s.current?.scrollBy({ left: -e });
+  }, [e]), h = c(() => {
+    s.current?.scrollBy({ left: e });
+  }, [e]);
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: m("flex gap-4", {
-        "flex-col": o === "bottom",
-        "flex-col-reverse": o === "top"
+      className: n("flex gap-4", {
+        "flex-col": t === "bottom",
+        "flex-col-reverse": t === "top"
       }),
       children: [
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ o.jsx(
           "div",
           {
-            ref: n,
-            className: m(
-              "scrollbar-hidden overscroll-contain -ms-4 py-1 px-4 gap-4 sm:-ms-8 sm:px-8 sm:gap-8 flex flex-row flex-nowrap overflow-x-auto w-screen snap-x snap-mandatory touch-pan-x scroll-smooth",
-              t
+            ref: s,
+            className: n(
+              w({ variant: i }),
+              l
             ),
-            ...r,
-            children: e
+            ...m,
+            children: f
           }
         ),
-        /* @__PURE__ */ a.jsxs("div", { className: "flex justify-center sm:justify-start", children: [
-          /* @__PURE__ */ a.jsx(u, { size: "icon", variant: "ghost", className: "rounded-full", onClick: s, children: /* @__PURE__ */ a.jsx(L, { className: "size-9" }) }),
-          /* @__PURE__ */ a.jsx(u, { size: "icon", variant: "ghost", className: "rounded-full", onClick: c, children: /* @__PURE__ */ a.jsx(B, { className: "size-9" }) })
+        /* @__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" }) })
         ] })
       ]
     }
   );
 }
 export {
-  I as HorizontalList
+  L as HorizontalList
 };

package/dist/icon-generator.d.ts

@@ -1,13 +1,14 @@
 import { JSX } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 
-export declare function IconGenerator({ pattern, tileSize, tileClassName, tileBgClassName, renderChildren, ...props }: IconGeneratorProps): JSX_2.Element;
+export declare function IconGenerator({ pattern, tileSize, tileClassName, tileBgClassName, renderChildren, fit, ...props }: IconGeneratorProps): JSX_2.Element;
 
 declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "children" | "width" | "height" | "overflow"> {
     pattern?: (TileShape | TileConfig)[][];
     tileSize?: number;
     tileClassName?: string;
     tileBgClassName?: string;
+    fit?: "none" | "fill" | "width" | "height";
     renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
 }
 

package/dist/icon-generator.js

@@ -1,7 +1,7 @@
 import { j as h } from "./jsx-runtime-BzflLqGi.js";
-import { useMemo as x } from "react";
-import { c as n } from "./utils-CRiPKpXj.js";
-const r = {
+import { useMemo as M } from "react";
+import { c as d } from "./utils-CRiPKpXj.js";
+const $ = {
   Blank: 0,
   Rand: 1,
   Mosaic: 2,
@@ -27,244 +27,277 @@ const r = {
   PieNW: 23,
   PieNE: 24,
   PieRand: 25
-}, L = [
-  r.Square,
-  r.Circle,
-  r.Diamond,
-  r.Hexagon,
-  r.TriangleSE,
-  r.TriangleSW,
-  r.TriangleNW,
-  r.TriangleNE,
-  r.PieSE,
-  r.PieSW,
-  r.PieNW,
-  r.PieNE
+}, k = [
+  $.Square,
+  $.Circle,
+  $.Diamond,
+  $.Hexagon,
+  $.TriangleSE,
+  $.TriangleSW,
+  $.TriangleNW,
+  $.TriangleNE,
+  $.PieSE,
+  $.PieSW,
+  $.PieNW,
+  $.PieNE
 ], N = {
-  [r.Blank]: () => null,
-  [r.Rand]: (c, $, a, s) => N[L[Math.floor(Math.random() * L.length)]](c, $, a, s),
-  [r.Mosaic]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Square](c, $, a, s),
-  [r.MosaicCircle]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Circle](c, $, a, s),
-  [r.MosaicDiamond]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Diamond](c, $, a, s),
-  [r.Square]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Blank]: () => null,
+  [$.Rand]: (c, r, a, s) => N[k[Math.floor(Math.random() * k.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(
     "rect",
     {
       x: a * c,
-      y: a * $,
+      y: a * r,
       width: a * s.scale,
       height: a * s.scale,
-      className: n("fill-current stroke-none", s?.className)
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.Circle]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Circle]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "circle",
     {
       cx: a * (c + 0.5 * s.scale),
-      cy: a * ($ + 0.5 * s.scale),
+      cy: a * (r + 0.5 * s.scale),
       r: a / 2 * s.scale,
-      className: n("fill-current stroke-none", s?.className)
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.Diamond]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.Diamond]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * (c + 0.5 * s.scale)} ${a * $} 
-      L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)} 
-      L ${a * (c + 0.5 * s.scale)} ${a * ($ + s.scale)} 
-      L ${a * c} ${a * ($ + 0.5 * s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * (c + 0.5 * s.scale)} ${a * r} 
+      L ${a * (c + s.scale)} ${a * (r + 0.5 * s.scale)} 
+      L ${a * (c + 0.5 * s.scale)} ${a * (r + s.scale)} 
+      L ${a * c} ${a * (r + 0.5 * s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.Hexagon]: (c, $, a, s) => {
-    const M = a / Math.sqrt(3), m = (a - M) / 2;
+  [$.Hexagon]: (c, r, a, s) => {
+    const o = a / Math.sqrt(3), m = (a - o) / 2;
     return /* @__PURE__ */ h.jsx(
       "path",
       {
         rotate: 45,
-        d: `M ${a * c + m * s.scale} ${a * $}
-        L ${a * c + (m + M) * s.scale} ${a * $}
-        L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)}
-        L ${a * c + (m + M) * s.scale} ${a * ($ + s.scale)}
-        L ${a * c + m * s.scale} ${a * ($ + s.scale)}
-        L ${a * c} ${a * ($ + 0.5 * s.scale)}  Z`,
-        className: n("fill-current stroke-none", s?.className)
+        d: `M ${a * c + m * s.scale} ${a * r}
+        L ${a * c + (m + o) * s.scale} ${a * r}
+        L ${a * (c + s.scale)} ${a * (r + 0.5 * s.scale)}
+        L ${a * c + (m + o) * s.scale} ${a * (r + s.scale)}
+        L ${a * c + m * s.scale} ${a * (r + s.scale)}
+        L ${a * c} ${a * (r + 0.5 * s.scale)}  Z`,
+        className: d("fill-current stroke-none", s?.className)
       },
-      `tile-${c}-${$}`
+      `tile-${c}-${r}`
     );
   },
-  [r.RandBasic]: (c, $, a, s) => N[r.Square + Math.floor(Math.random() * 4)](c, $, a, s),
-  [r.TriangleSE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.RandBasic]: (c, r, a, s) => N[$.Square + Math.floor(Math.random() * 4)](c, r, a, s),
+  [$.TriangleSE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * (c + s.scale)} ${a * $} 
-      L ${a * c} ${a * ($ + s.scale)} 
-      L ${a * (c + s.scale)} ${a * ($ + s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * (c + s.scale)} ${a * r} 
+      L ${a * c} ${a * (r + s.scale)} 
+      L ${a * (c + s.scale)} ${a * (r + s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.TriangleSW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * $} 
-      L ${a * (c + s.scale)} ${a * ($ + s.scale)} 
-      L ${a * c} ${a * ($ + s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * r} 
+      L ${a * (c + s.scale)} ${a * (r + s.scale)} 
+      L ${a * c} ${a * (r + s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.TriangleNW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * (c + s.scale)} ${a * $} 
-      L ${a * c} ${a * ($ + s.scale)} 
-      L ${a * c} ${a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * (c + s.scale)} ${a * r} 
+      L ${a * c} ${a * (r + s.scale)} 
+      L ${a * c} ${a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.TriangleNE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.TriangleNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * $} 
-      L ${a * (c + s.scale)} ${a * ($ + s.scale)} 
-      L ${a * (c + s.scale)} ${a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * r} 
+      L ${a * (c + s.scale)} ${a * (r + s.scale)} 
+      L ${a * (c + s.scale)} ${a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.TriangleRand]: (c, $, a, s) => N[r.TriangleSE + Math.floor(Math.random() * 4)](
+  [$.TriangleRand]: (c, r, a, s) => N[$.TriangleSE + Math.floor(Math.random() * 4)](
     c,
-    $,
+    r,
     a,
     s
   ),
-  [r.CaretN]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretN]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * ($ + s.scale)} 
-      L ${a * (c + s.scale)} ${a * ($ + s.scale)} 
-      L ${a * (c + 0.5 * s.scale)} ${a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * (r + s.scale)} 
+      L ${a * (c + s.scale)} ${a * (r + s.scale)} 
+      L ${a * (c + 0.5 * s.scale)} ${a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.CaretE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * $} 
-      L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)} 
-      L ${a * c} ${a * ($ + s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * r} 
+      L ${a * (c + s.scale)} ${a * (r + 0.5 * s.scale)} 
+      L ${a * c} ${a * (r + s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.CaretS]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretS]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * $} 
-      L ${a * (c + s.scale)} ${a * $} 
-      L ${a * (c + 0.5 * s.scale)} ${a * ($ + s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * r} 
+      L ${a * (c + s.scale)} ${a * r} 
+      L ${a * (c + 0.5 * s.scale)} ${a * (r + s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.CaretW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * (c + s.scale)} ${a * $} 
-      L ${a * c} ${a * ($ + 0.5 * s.scale)} 
-      L ${a * (c + s.scale)} ${a * ($ + s.scale)}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * (c + s.scale)} ${a * r} 
+      L ${a * c} ${a * (r + 0.5 * s.scale)} 
+      L ${a * (c + s.scale)} ${a * (r + s.scale)}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.CaretRand]: (c, $, a, s) => N[r.CaretN + Math.floor(Math.random() * 4)](c, $, a, s),
-  [r.PieSE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.CaretRand]: (c, r, a, s) => N[$.CaretN + Math.floor(Math.random() * 4)](c, r, a, s),
+  [$.PieSE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * s.scale + a * c} ${a * $} 
-      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * s.scale + a * $} 
-      L ${a * s.scale + a * c} ${a * s.scale + a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * s.scale + a * c} ${a * r} 
+      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * s.scale + a * r} 
+      L ${a * s.scale + a * c} ${a * s.scale + a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.PieSW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * s.scale + a * c} ${a * s.scale + a * $} 
-      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * $} 
-      L ${a * c} ${a * s.scale + a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * s.scale + a * c} ${a * s.scale + a * r} 
+      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * r} 
+      L ${a * c} ${a * s.scale + a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.PieNW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * s.scale + a * $} 
-      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * $} 
-      L ${a * c} ${a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * s.scale + a * r} 
+      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * r} 
+      L ${a * c} ${a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.PieNE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
+  [$.PieNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
     "path",
     {
-      d: `M ${a * c} ${a * $} 
-      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * s.scale + a * $} 
-      L ${a * s.scale + a * c} ${a * $}  Z`,
-      className: n("fill-current stroke-none", s?.className)
+      d: `M ${a * c} ${a * r} 
+      A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * s.scale + a * r} 
+      L ${a * s.scale + a * c} ${a * r}  Z`,
+      className: d("fill-current stroke-none", s?.className)
     },
-    `tile-${c}-${$}`
+    `tile-${c}-${r}`
   ),
-  [r.PieRand]: (c, $, a, s) => N[r.PieSE + Math.floor(Math.random() * 4)](c, $, a, s)
-}, p = (c, $, a) => c.map(
-  (s, M) => s.map((m, d) => {
-    const o = typeof m == "object" ? { className: n(a, m.className), scale: m.scale ?? 1, shape: m.shape } : { className: a, scale: 1, shape: m };
-    return N[o.shape](d, M, $, o);
+  [$.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) => {
+    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);
   })
-).flat(), j = [
-  [r.PieRand, r.PieRand],
-  [r.PieRand, r.PieRand]
+).flat(), E = [
+  [$.PieRand, $.PieRand],
+  [$.PieRand, $.PieRand]
 ];
-function R({
-  pattern: c = j,
-  tileSize: $ = 64,
+function Z({
+  pattern: c = E,
+  tileSize: r = 64,
   tileClassName: a,
   tileBgClassName: s,
-  renderChildren: M,
-  ...m
+  renderChildren: o,
+  fit: m = "none",
+  ...x
 }) {
-  const d = x(
+  const n = M(
     () => ({
-      width: c.reduce((u, k) => Math.max(u, k.length), 0) * $,
-      height: c.length * $
+      width: c.reduce((u, P) => Math.max(u, P.length), 0) * r,
+      height: c.length * r
     }),
-    [c, $]
-  ), o = x(() => {
-    const u = p(c, $, a);
+    [c, r]
+  ), L = M(() => {
+    const u = T(c, r, a);
     return s && u.unshift(
       /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: 0,
           y: 0,
-          width: d.width,
-          height: d.height,
-          className: n("fill-black stroke-2 stroke-black", s)
+          width: n.width,
+          height: n.height,
+          className: d("fill-black stroke-2 stroke-black", s)
         },
         "svg-mask-invert"
       )
     ), u;
-  }, [c, d, a, s, $]);
-  return /* @__PURE__ */ h.jsx("svg", { width: d.width, height: d.height, viewBox: `0 0 ${d.width} ${d.height}`, overflow: "visible", ...m, children: M ? M(o, d.width, d.height) : o });
+  }, [c, n, a, s, r]), p = M(() => {
+    switch (m) {
+      case "fill":
+        return n.width <= n.height ? "100%" : void 0;
+      case "width":
+        return "100%";
+      case "none":
+        return n.width;
+      default:
+        return;
+    }
+  }, [m, n]), j = M(() => {
+    switch (m) {
+      case "fill":
+        return n.height < n.width ? "100%" : void 0;
+      case "height":
+        return "100%";
+      case "none":
+        return n.height;
+      default:
+        return;
+    }
+  }, [m, n]);
+  return /* @__PURE__ */ h.jsx(
+    "svg",
+    {
+      width: p,
+      height: j,
+      viewBox: `0 0 ${n.width} ${n.height}`,
+      overflow: "visible",
+      ...x,
+      children: o ? o(L, n.width, n.height) : L
+    }
+  );
 }
 export {
-  R as IconGenerator
+  Z as IconGenerator
 };