@bccampus/ui-components 0.4.0 → 0.4.1

package/dist/icon-generator-tuhuqdpL.js

@@ -0,0 +1,76 @@
+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 b({
+  pattern: e = k,
+  tileSize: h = 64,
+  tileClassName: c,
+  tileBgClassName: s,
+  renderChildren: d,
+  fit: i = "none",
+  ...g
+}) {
+  const t = r(
+    () => ({
+      width: e.reduce((n, v) => Math.max(n, v.length), 0) * h,
+      height: e.length * h
+    }),
+    [e, h]
+  ), a = r(() => {
+    const n = l(e, h, c);
+    return s && n.unshift(
+      /* @__PURE__ */ u(
+        "rect",
+        {
+          x: 0,
+          y: 0,
+          width: t.width,
+          height: t.height,
+          className: m("fill-black stroke-2 stroke-black", s)
+        },
+        "svg-mask-invert"
+      )
+    ), n;
+  }, [e, t, c, s, h]), w = r(() => {
+    switch (i) {
+      case "fill":
+        return t.width <= t.height ? "100%" : void 0;
+      case "width":
+        return "100%";
+      case "none":
+        return t.width;
+      default:
+        return;
+    }
+  }, [i, t]), f = r(() => {
+    switch (i) {
+      case "fill":
+        return t.height < t.width ? "100%" : void 0;
+      case "height":
+        return "100%";
+      case "none":
+        return t.height;
+      default:
+        return;
+    }
+  }, [i, t]);
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: w,
+      height: f,
+      viewBox: `0 0 ${t.width} ${t.height}`,
+      overflow: "visible",
+      ...g,
+      children: d ? d(a, t.width, t.height) : a
+    }
+  );
+}
+export {
+  b as I
+};

package/dist/icon-generator.d.ts

@@ -3,7 +3,7 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 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"> {
+export declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "children" | "width" | "height" | "overflow"> {
     pattern?: (TileShape | TileConfig)[][];
     tileSize?: number;
     tileClassName?: string;
@@ -12,13 +12,20 @@ declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "
     renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
 }
 
-declare interface TileConfig {
+export declare interface MaskedImageGeneratorProps extends IconGeneratorProps {
+    src: string;
+    imageFit?: "cover" | "contain" | "fill";
+    imagePosition?: "top" | "center" | "bottom";
+    maskType?: "alpha" | "luminance";
+}
+
+export declare interface TileConfig {
     shape: TileShape;
     scale?: number;
     className?: string;
 }
 
-declare const TileShape: {
+export declare const TileShape: {
     readonly Blank: 0;
     readonly Rand: 1;
     readonly Mosaic: 2;
@@ -46,6 +53,6 @@ declare const TileShape: {
     readonly PieRand: 25;
 };
 
-declare type TileShape = (typeof TileShape)[keyof typeof TileShape];
+export declare type TileShape = (typeof TileShape)[keyof typeof TileShape];
 
 export { }

package/dist/icon-generator.js

@@ -1,76 +1,6 @@
-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 b({
-  pattern: e = k,
-  tileSize: h = 64,
-  tileClassName: s,
-  tileBgClassName: c,
-  renderChildren: d,
-  fit: i = "none",
-  ...g
-}) {
-  const t = r(
-    () => ({
-      width: e.reduce((n, v) => Math.max(n, v.length), 0) * h,
-      height: e.length * h
-    }),
-    [e, h]
-  ), a = r(() => {
-    const n = l(e, h, s);
-    return c && n.unshift(
-      /* @__PURE__ */ u(
-        "rect",
-        {
-          x: 0,
-          y: 0,
-          width: t.width,
-          height: t.height,
-          className: m("fill-black stroke-2 stroke-black", c)
-        },
-        "svg-mask-invert"
-      )
-    ), n;
-  }, [e, t, s, c, h]), w = r(() => {
-    switch (i) {
-      case "fill":
-        return t.width <= t.height ? "100%" : void 0;
-      case "width":
-        return "100%";
-      case "none":
-        return t.width;
-      default:
-        return;
-    }
-  }, [i, t]), f = r(() => {
-    switch (i) {
-      case "fill":
-        return t.height < t.width ? "100%" : void 0;
-      case "height":
-        return "100%";
-      case "none":
-        return t.height;
-      default:
-        return;
-    }
-  }, [i, t]);
-  return /* @__PURE__ */ u(
-    "svg",
-    {
-      width: w,
-      height: f,
-      viewBox: `0 0 ${t.width} ${t.height}`,
-      overflow: "visible",
-      ...g,
-      children: d ? d(a, t.width, t.height) : a
-    }
-  );
-}
+import { I as r } from "./icon-generator-tuhuqdpL.js";
+import { T as p } from "./generate-tiles-DuagGD1d.js";
 export {
-  b as IconGenerator
+  r as IconGenerator,
+  p as TileShape
 };

package/dist/masked-image-generator.js

@@ -1,12 +1,12 @@
 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";
+import { I as M } from "./icon-generator-tuhuqdpL.js";
 const h = { cover: "slice", contain: "meet", fill: "none" }, k = { top: "xMidYMin", center: "xMidYMid", bottom: "xMidYMax" };
-function u({
-  src: n,
+function g({
+  src: s,
   imageFit: e = "cover",
   imagePosition: r = "top",
-  maskType: s = "alpha",
+  maskType: n = "alpha",
   ...a
 }) {
   const t = p(), i = l(
@@ -18,12 +18,12 @@ function u({
     {
       ...a,
       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 })
+        /* @__PURE__ */ o("mask", { id: `svg-mask${t}`, "mask-type": n, children: m }),
+        /* @__PURE__ */ o("image", { href: s, width: "100%", height: "100%", mask: `url(#svg-mask${t})`, preserveAspectRatio: i })
       ] })
     }
   );
 }
 export {
-  u as MaskedImageGenerator
+  g as MaskedImageGenerator
 };

package/dist/ui-components.js

@@ -1,9 +1,9 @@
-import { IconGenerator as o } from "./icon-generator.js";
+import { I as o } from "./icon-generator-tuhuqdpL.js";
 import { MaskedImageGenerator as e } from "./masked-image-generator.js";
 import { Caption as i, captionVariants as p } from "./caption.js";
 import { Banner as m } from "./banner.js";
 import { Button as u, buttonVariants as C } from "./button.js";
-import { Card as x, CardArea as M, CardCaption as v, CardContent as I, CardImage as N, CardItemGroup as c, CardMedia as l, CardMeta as s, CardSubcaption as S, CardSubtitle as T, CardTitle as b, CardToolbar as V } from "./card.js";
+import { Card as x, CardArea as M, CardCaption as v, CardContent as I, CardImage as N, CardItemGroup as s, CardMedia as c, CardMeta as l, CardSubcaption as S, CardSubtitle as T, CardTitle as b, CardToolbar as V } from "./card.js";
 import { HorizontalList as L } from "./horizontal-list.js";
 import { Input as k } from "./input.js";
 import { NavigationMenu as B, NavigationMenuContent as H, NavigationMenuIndicator as h, NavigationMenuItem as w, NavigationMenuLink as z, NavigationMenuList as A, NavigationMenuTrigger as O, NavigationMenuViewport as j, navigationMenuTriggerStyle as q } from "./navigation-menu.js";
@@ -22,9 +22,9 @@ export {
   v as CardCaption,
   I as CardContent,
   N as CardImage,
-  c as CardItemGroup,
-  l as CardMedia,
-  s as CardMeta,
+  s as CardItemGroup,
+  c as CardMedia,
+  l as CardMeta,
   S as CardSubcaption,
   T as CardSubtitle,
   b as CardTitle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bccampus/ui-components",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "type": "module",
   "packageManager": "yarn@4.10.3",
   "exports": {

package/src/components/ui/icon-generator/index.ts

@@ -0,0 +1,2 @@
+export * from "./icon-generator.tsx"
+export * from "./types"

package/vite.config.ts

@@ -21,8 +21,8 @@ export default defineConfig({
       entry: {
         'ui-components': path.resolve(__dirname, 'src/components/ui/index.ts'),
         'composite': path.resolve(__dirname, 'src/components/ui/composite/index.ts'),
-        'icon-generator': path.resolve(__dirname, 'src/components/ui/icon-generator/icon-generator.tsx'),
-        'igenerate-tiles': path.resolve(__dirname, 'src/components/ui/icon-generator/generate-tiles.tsx'),
+        'icon-generator': path.resolve(__dirname, 'src/components/ui/icon-generator/index.ts'),
+        'generate-tiles': path.resolve(__dirname, 'src/components/ui/icon-generator/generate-tiles.tsx'),
         'masked-image-generator': path.resolve(__dirname, 'src/components/ui/icon-generator/masked-image-generator.tsx'),
         'caption': path.resolve(__dirname, 'src/components/ui/typography/caption.tsx'),
         'banner': path.resolve(__dirname, 'src/components/ui/banner.tsx'),