@bccampus/ui-components 0.2.0 → 0.4.0

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,303 +1,76 @@
-import { j as h } from "./jsx-runtime-BzflLqGi.js";
-import { useMemo as M } from "react";
-import { c as d } from "./utils-CRiPKpXj.js";
-const $ = {
-  Blank: 0,
-  Rand: 1,
-  Mosaic: 2,
-  MosaicCircle: 3,
-  MosaicDiamond: 4,
-  Square: 6,
-  Circle: 7,
-  Diamond: 8,
-  Hexagon: 9,
-  RandBasic: 10,
-  TriangleSE: 11,
-  TriangleSW: 12,
-  TriangleNW: 13,
-  TriangleNE: 14,
-  TriangleRand: 15,
-  CaretN: 16,
-  CaretE: 17,
-  CaretS: 18,
-  CaretW: 19,
-  CaretRand: 20,
-  PieSE: 21,
-  PieSW: 22,
-  PieNW: 23,
-  PieNE: 24,
-  PieRand: 25
-}, k = [
-  $.Square,
-  $.Circle,
-  $.Diamond,
-  $.Hexagon,
-  $.TriangleSE,
-  $.TriangleSW,
-  $.TriangleNW,
-  $.TriangleNE,
-  $.PieSE,
-  $.PieSW,
-  $.PieNW,
-  $.PieNE
-], N = {
-  [$.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 * r,
-      width: a * s.scale,
-      height: a * s.scale,
-      className: d("fill-current stroke-none", s?.className)
-    },
-    `tile-${c}-${r}`
-  ),
-  [$.Circle]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "circle",
-    {
-      cx: a * (c + 0.5 * s.scale),
-      cy: a * (r + 0.5 * s.scale),
-      r: a / 2 * s.scale,
-      className: d("fill-current stroke-none", s?.className)
-    },
-    `tile-${c}-${r}`
-  ),
-  [$.Diamond]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.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 * 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}-${r}`
-    );
-  },
-  [$.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 * 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}-${r}`
-  ),
-  [$.TriangleSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.TriangleNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.TriangleNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.TriangleRand]: (c, r, a, s) => N[$.TriangleSE + Math.floor(Math.random() * 4)](
-    c,
-    r,
-    a,
-    s
-  ),
-  [$.CaretN]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.CaretE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.CaretS]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.CaretW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${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(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.PieSW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.PieNW]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${r}`
-  ),
-  [$.PieNE]: (c, r, a, s) => /* @__PURE__ */ h.jsx(
-    "path",
-    {
-      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}-${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) => {
-    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(), E = [
-  [$.PieRand, $.PieRand],
-  [$.PieRand, $.PieRand]
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { T as o, g as l } from "./generate-tiles-DuagGD1d.js";
+import { c as m } from "./utils-CRiPKpXj.js";
+const k = [
+  [o.PieRand, o.PieRand],
+  [o.PieRand, o.PieRand]
 ];
-function Z({
-  pattern: c = E,
-  tileSize: r = 64,
-  tileClassName: a,
-  tileBgClassName: s,
-  renderChildren: o,
-  fit: m = "none",
-  ...x
+function b({
+  pattern: e = k,
+  tileSize: h = 64,
+  tileClassName: s,
+  tileBgClassName: c,
+  renderChildren: d,
+  fit: i = "none",
+  ...g
 }) {
-  const n = M(
+  const t = r(
     () => ({
-      width: c.reduce((u, P) => Math.max(u, P.length), 0) * r,
-      height: c.length * r
+      width: e.reduce((n, v) => Math.max(n, v.length), 0) * h,
+      height: e.length * h
     }),
-    [c, r]
-  ), L = M(() => {
-    const u = T(c, r, a);
-    return s && u.unshift(
-      /* @__PURE__ */ h.jsx(
+    [e, h]
+  ), a = r(() => {
+    const n = l(e, h, s);
+    return c && n.unshift(
+      /* @__PURE__ */ u(
         "rect",
         {
           x: 0,
           y: 0,
-          width: n.width,
-          height: n.height,
-          className: d("fill-black stroke-2 stroke-black", s)
+          width: t.width,
+          height: t.height,
+          className: m("fill-black stroke-2 stroke-black", c)
         },
         "svg-mask-invert"
       )
-    ), u;
-  }, [c, n, a, s, r]), p = M(() => {
-    switch (m) {
+    ), n;
+  }, [e, t, s, c, h]), w = r(() => {
+    switch (i) {
       case "fill":
-        return n.width <= n.height ? "100%" : void 0;
+        return t.width <= t.height ? "100%" : void 0;
       case "width":
         return "100%";
       case "none":
-        return n.width;
+        return t.width;
       default:
         return;
     }
-  }, [m, n]), j = M(() => {
-    switch (m) {
+  }, [i, t]), f = r(() => {
+    switch (i) {
       case "fill":
-        return n.height < n.width ? "100%" : void 0;
+        return t.height < t.width ? "100%" : void 0;
       case "height":
         return "100%";
       case "none":
-        return n.height;
+        return t.height;
       default:
         return;
     }
-  }, [m, n]);
-  return /* @__PURE__ */ h.jsx(
+  }, [i, t]);
+  return /* @__PURE__ */ u(
     "svg",
     {
-      width: p,
-      height: j,
-      viewBox: `0 0 ${n.width} ${n.height}`,
+      width: w,
+      height: f,
+      viewBox: `0 0 ${t.width} ${t.height}`,
       overflow: "visible",
-      ...x,
-      children: o ? o(L, n.width, n.height) : L
+      ...g,
+      children: d ? d(a, t.width, t.height) : a
     }
   );
 }
 export {
-  Z as IconGenerator
+  b as IconGenerator
 };

package/dist/igenerate-tiles.d.ts

@@ -0,0 +1,43 @@
+import { JSX } from 'react';
+
+export declare const generateIconPattern: (width: number, height: number, tileConfig: TileShape | TileConfig) => (TileShape | TileConfig)[][];
+
+export declare const generateTiles: (pattern: (TileShape | TileConfig)[][], tileSize: number, tileClassName?: string) => (JSX.Element | null)[];
+
+declare interface TileConfig {
+    shape: TileShape;
+    scale?: number;
+    className?: string;
+}
+
+declare const TileShape: {
+    readonly Blank: 0;
+    readonly Rand: 1;
+    readonly Mosaic: 2;
+    readonly MosaicCircle: 3;
+    readonly MosaicDiamond: 4;
+    readonly Square: 6;
+    readonly Circle: 7;
+    readonly Diamond: 8;
+    readonly Hexagon: 9;
+    readonly RandBasic: 10;
+    readonly TriangleSE: 11;
+    readonly TriangleSW: 12;
+    readonly TriangleNW: 13;
+    readonly TriangleNE: 14;
+    readonly TriangleRand: 15;
+    readonly CaretN: 16;
+    readonly CaretE: 17;
+    readonly CaretS: 18;
+    readonly CaretW: 19;
+    readonly CaretRand: 20;
+    readonly PieSE: 21;
+    readonly PieSW: 22;
+    readonly PieNW: 23;
+    readonly PieNE: 24;
+    readonly PieRand: 25;
+};
+
+declare type TileShape = (typeof TileShape)[keyof typeof TileShape];
+
+export { }

package/dist/igenerate-tiles.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "./utils-CRiPKpXj.js";
+import { a as o, g as n } from "./generate-tiles-DuagGD1d.js";
+export {
+  o as generateIconPattern,
+  n as generateTiles
+};

package/dist/index-U7DVCmS_.js

@@ -0,0 +1,76 @@
+import * as i from "react";
+import { jsx as p } from "react/jsx-runtime";
+function d(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function y(...e) {
+  return (t) => {
+    let r = !1;
+    const o = e.map((n) => {
+      const l = d(n, t);
+      return !r && typeof l == "function" && (r = !0), l;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < o.length; n++) {
+          const l = o[n];
+          typeof l == "function" ? l() : d(e[n], null);
+        }
+      };
+  };
+}
+function V(...e) {
+  return i.useCallback(y(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function C(e) {
+  const t = /* @__PURE__ */ S(e), r = i.forwardRef((o, n) => {
+    const { children: l, ...c } = o, s = i.Children.toArray(l), a = s.find(E);
+    if (a) {
+      const u = a.props.children, m = s.map((f) => f === a ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ p(t, { ...c, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, m) : null });
+    }
+    return /* @__PURE__ */ p(t, { ...c, ref: n, children: l });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+var x = /* @__PURE__ */ C("Slot");
+// @__NO_SIDE_EFFECTS__
+function S(e) {
+  const t = i.forwardRef((r, o) => {
+    const { children: n, ...l } = r;
+    if (i.isValidElement(n)) {
+      const c = h(n), s = R(l, n.props);
+      return n.type !== i.Fragment && (s.ref = o ? y(o, c) : c), i.cloneElement(n, s);
+    }
+    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var g = Symbol("radix.slottable");
+function E(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function R(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const n = e[o], l = t[o];
+    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...s) => {
+      const a = l(...s);
+      return n(...s), a;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...l } : o === "className" && (r[o] = [n, l].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  x as S,
+  y as a,
+  C as c,
+  V as u
+};

package/dist/input.js

@@ -1,7 +1,7 @@
-import { j as n } from "./jsx-runtime-BzflLqGi.js";
+import { jsx as n } from "react/jsx-runtime";
 import { c as i } from "./utils-CRiPKpXj.js";
-function t({ className: r, ...e }) {
-  return /* @__PURE__ */ n.jsx(
+function s({ className: r, ...e }) {
+  return /* @__PURE__ */ n(
     "input",
     {
       className: i(
@@ -14,5 +14,5 @@ function t({ className: r, ...e }) {
   );
 }
 export {
-  t as Input
+  s as Input
 };

package/dist/masked-image-generator.js

@@ -1,29 +1,29 @@
-import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { useId as c, useMemo as d } from "react";
-import { IconGenerator as p } from "./icon-generator.js";
-const x = { cover: "slice", contain: "meet", fill: "none" }, l = { top: "xMidYMin", center: "xMidYMid", bottom: "xMidYMax" };
-function f({
-  src: r,
-  imageFit: o = "cover",
-  imagePosition: s = "top",
-  maskType: n = "alpha",
+import { jsx as o, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { useId as p, useMemo as l } from "react";
+import { IconGenerator as M } from "./icon-generator.js";
+const h = { cover: "slice", contain: "meet", fill: "none" }, k = { top: "xMidYMin", center: "xMidYMid", bottom: "xMidYMax" };
+function u({
+  src: n,
+  imageFit: e = "cover",
+  imagePosition: r = "top",
+  maskType: s = "alpha",
   ...a
 }) {
-  const t = c(), i = d(
-    () => o !== "fill" ? `${l[s]} ${x[o]}` : "none",
-    [o, s]
+  const t = p(), i = l(
+    () => e !== "fill" ? `${k[r]} ${h[e]}` : "none",
+    [e, r]
   );
-  return /* @__PURE__ */ e.jsx(
-    p,
+  return /* @__PURE__ */ o(
+    M,
     {
       ...a,
-      renderChildren: (m) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("mask", { id: `svg-mask${t}`, "mask-type": n, children: m }),
-        /* @__PURE__ */ e.jsx("image", { href: r, width: "100%", height: "100%", mask: `url(#svg-mask${t})`, preserveAspectRatio: i })
+      renderChildren: (m) => /* @__PURE__ */ c(d, { children: [
+        /* @__PURE__ */ o("mask", { id: `svg-mask${t}`, "mask-type": s, children: m }),
+        /* @__PURE__ */ o("image", { href: n, width: "100%", height: "100%", mask: `url(#svg-mask${t})`, preserveAspectRatio: i })
       ] })
     }
   );
 }
 export {
-  f as MaskedImageGenerator
+  u as MaskedImageGenerator
 };

package/dist/navigation-menu.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from 'react/jsx-runtime';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+
+export declare function NavigationMenu({ className, children, noViewport, mega, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    noViewport?: boolean;
+    mega?: boolean;
+}): JSX.Element;
+
+export declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): JSX.Element;
+
+export declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): JSX.Element;
+
+export declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): JSX.Element;
+
+export declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): JSX.Element;
+
+export declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): JSX.Element;
+
+export declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): JSX.Element;
+
+export declare const navigationMenuTriggerStyle: string;
+
+export declare function NavigationMenuViewport({ className, mega, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport> & {
+    mega?: boolean;
+}): JSX.Element;
+
+export { }