@bccampus/ui-components 0.1.0 → 0.3.0

package/dist/index-CQhYMnjT.js

@@ -0,0 +1,34 @@
+import { a as O } from "./utils-CRiPKpXj.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};

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.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare function Input({ className, ...props }: InputProps): JSX.Element;
+
+export declare type InputProps = React.ComponentProps<"input">;
+
+export { }

package/dist/input.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as i } from "./utils-CRiPKpXj.js";
+function s({ className: r, ...e }) {
+  return /* @__PURE__ */ n(
+    "input",
+    {
+      className: i(
+        "w-full p-2 pr-8 text-brand-1 placeholder:text-brand-1 rounded-sm bg-complement-1-50 outline-none focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-2",
+        r
+      ),
+      name: "search",
+      ...e
+    }
+  );
+}
+export {
+  s as Input
+};

package/dist/masked-image-generator.d.ts

@@ -6,6 +6,7 @@ declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "
     tileSize?: number;
     tileClassName?: string;
     tileBgClassName?: string;
+    fit?: "none" | "fill" | "width" | "height";
     renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
 }
 

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 { }