@bbki.ng/components 2.6.16 → 4.0.0

package/dist/context-menu/index.mjs

@@ -0,0 +1,131 @@
+import * as s from "react";
+import { SubTrigger as i, SubContent as l, Portal as f, Content as p, Item as m, CheckboxItem as u, ItemIndicator as x, RadioItem as b, Label as $, Separator as g, Root as h, Trigger as N, Group as y, Sub as C, RadioGroup as w } from "../node_modules/.pnpm/@radix-ui_react-context-menu@2.1.5_@types_react-dom@18.0.6_@types_react@18.0.15_react-d_1ce4db5e792f73d797e22c043cc3d326/node_modules/@radix-ui/react-context-menu/dist/index.mjs";
+import { ChevronRightIcon as M, CheckIcon as R, DotFilledIcon as v } from "../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.mjs";
+import n from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsxs as c, jsx as o } from "../_virtual/jsx-runtime.mjs";
+const B = h, E = N, H = y, J = f, K = C, O = w, I = s.forwardRef(({
+  className: e,
+  inset: t,
+  children: a,
+  ...d
+}, r) => /* @__PURE__ */ c(i, {
+  ref: r,
+  className: n("flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t && "pl-32", e),
+  ...d,
+  children: [a, /* @__PURE__ */ o(M, {
+    className: "ml-auto"
+  })]
+}));
+I.displayName = i.displayName;
+const S = s.forwardRef(({
+  className: e,
+  ...t
+}, a) => /* @__PURE__ */ o(l, {
+  ref: a,
+  className: n("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+  ...t
+}));
+S.displayName = l.displayName;
+const z = s.forwardRef(({
+  className: e,
+  ...t
+}, a) => /* @__PURE__ */ o(f, {
+  children: /* @__PURE__ */ o(p, {
+    ref: a,
+    className: n("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+    ...t
+  })
+}));
+z.displayName = p.displayName;
+const j = s.forwardRef(({
+  className: e,
+  inset: t,
+  ...a
+}, d) => /* @__PURE__ */ o(m, {
+  ref: d,
+  className: n("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", t && "pl-32", e),
+  ...a
+}));
+j.displayName = m.displayName;
+const k = s.forwardRef(({
+  className: e,
+  children: t,
+  checked: a,
+  ...d
+}, r) => /* @__PURE__ */ c(u, {
+  ref: r,
+  className: n("relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-32 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", e),
+  checked: a,
+  ...d,
+  children: [/* @__PURE__ */ o("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: /* @__PURE__ */ o(x, {
+      children: /* @__PURE__ */ o(R, {
+        className: "h-4 w-4"
+      })
+    })
+  }), t]
+}));
+k.displayName = u.displayName;
+const G = s.forwardRef(({
+  className: e,
+  children: t,
+  ...a
+}, d) => /* @__PURE__ */ c(b, {
+  ref: d,
+  className: n("relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-32 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", e),
+  ...a,
+  children: [/* @__PURE__ */ o("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: /* @__PURE__ */ o(x, {
+      children: /* @__PURE__ */ o(v, {
+        className: "h-4 w-4 fill-current"
+      })
+    })
+  }), t]
+}));
+G.displayName = b.displayName;
+const T = s.forwardRef(({
+  className: e,
+  inset: t,
+  ...a
+}, d) => /* @__PURE__ */ o($, {
+  ref: d,
+  className: n("px-2 py-1.5 text-sm font-semibold text-foreground", t && "pl-32", e),
+  ...a
+}));
+T.displayName = $.displayName;
+const L = s.forwardRef(({
+  className: e,
+  ...t
+}, a) => /* @__PURE__ */ o(g, {
+  ref: a,
+  className: n("-mx-1 my-1 h-px bg-border", e),
+  ...t
+}));
+L.displayName = g.displayName;
+const P = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o("span", {
+  className: n("ml-auto text-xs tracking-widest text-muted-foreground", e),
+  ...t
+});
+P.displayName = "ContextMenuShortcut";
+export {
+  B as ContextMenu,
+  k as ContextMenuCheckboxItem,
+  z as ContextMenuContent,
+  H as ContextMenuGroup,
+  j as ContextMenuItem,
+  T as ContextMenuLabel,
+  J as ContextMenuPortal,
+  O as ContextMenuRadioGroup,
+  G as ContextMenuRadioItem,
+  L as ContextMenuSeparator,
+  P as ContextMenuShortcut,
+  K as ContextMenuSub,
+  S as ContextMenuSubContent,
+  I as ContextMenuSubTrigger,
+  E as ContextMenuTrigger
+};

package/dist/drop-image/DropImage.d.ts

@@ -0,0 +1,25 @@
+import { default as React, FunctionComponent, Ref, ReactNode, CSSProperties } from 'react';
+export interface ImagePreviewerProps {
+    className?: string;
+    visible: boolean;
+    imageRef: Ref<HTMLImageElement>;
+    imageSrc: string;
+    imageSize: {
+        width: number;
+        height: number;
+    };
+}
+export interface ImageDropProps<T> {
+    uploader: (file: File, img?: HTMLImageElement) => Promise<T>;
+    onDrop?: (events: React.DragEvent<Element>, file: File) => void;
+    onUploadFinish?: (result: T) => void;
+    waitTimeAfterFinish?: number;
+    defaultBgColor?: string;
+    dragOverBgColor?: string;
+    dropAreaStyle?: CSSProperties;
+    placeholder?: any;
+    className?: string;
+    ghost?: boolean;
+    children?: (props: ImagePreviewerProps) => ReactNode;
+}
+export declare const DropImage: FunctionComponent<ImageDropProps<any>>;

package/dist/drop-image/DropImage.mjs

@@ -0,0 +1,151 @@
+import x from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { useState as O, useCallback as z, useEffect as A } from "react";
+import { wait as D } from "./utils.mjs";
+import { useDropImage as N } from "./useDropImage.mjs";
+import { jsx as p, jsxs as C, Fragment as P } from "../_virtual/jsx-runtime.mjs";
+const E = (t) => {
+  const {
+    visible: e,
+    imageRef: l,
+    imageSize: i,
+    imageSrc: c,
+    className: g
+  } = t;
+  return /* @__PURE__ */ p("img", {
+    className: x(g, "max-w-full", "h-auto", "duration-300", "transition-opacity", "opacity-100", {
+      "opacity-0": !e,
+      "m-0!": !e,
+      "p-0!": !e
+    }),
+    ref: l,
+    src: c,
+    width: i.width,
+    height: i.height
+  });
+}, V = (t) => {
+  const {
+    onDrop: e = () => {
+    },
+    onUploadFinish: l = () => {
+    },
+    uploader: i,
+    waitTimeAfterFinish: c = 2e3,
+    className: g = "",
+    children: u,
+    placeholder: b
+  } = t, [o, m] = O(!1), [s, n] = O(!1), h = z(() => {
+    m(!0);
+  }, []), {
+    handleDragLeave: f,
+    handleDragOver: F,
+    handleDrop: y,
+    imageRef: v,
+    imageSize: d,
+    imageSrc: a,
+    reset: r
+  } = N({
+    onImageLoad: () => {
+      n(!0);
+    },
+    onDrop: async (S, w) => {
+      e(S, w), m(!1);
+      const L = await i(w);
+      await D(c), l(L), n(!1), r();
+    }
+  });
+  A(() => (document.addEventListener("dragenter", h), () => {
+    document.removeEventListener("dragenter", h);
+  }), []);
+  const I = x("fixed", "top-0", "left-0", "h-full", "w-full", {
+    "lqip-blur": o,
+    "z-999": o,
+    block: o,
+    hidden: !o
+  });
+  return /* @__PURE__ */ C(P, {
+    children: [/* @__PURE__ */ p("div", {
+      className: I,
+      onDragLeave: () => {
+        f(), m(!1);
+      },
+      onDragOver: F,
+      onDrop: y
+    }), !s && b, u ? u({
+      visible: s,
+      imageRef: v,
+      imageSize: d,
+      imageSrc: a
+    }) : /* @__PURE__ */ p(E, {
+      className: g,
+      visible: s,
+      imageRef: v,
+      imageSrc: a,
+      imageSize: d
+    })]
+  });
+}, q = (t) => {
+  const {
+    uploader: e,
+    defaultBgColor: l = "#F3F4F6",
+    onDrop: i,
+    dragOverBgColor: c = "#EFF6FF",
+    waitTimeAfterFinish: g = 2e3,
+    placeholder: u = "",
+    className: b = "",
+    onUploadFinish: o = () => {
+    },
+    ghost: m,
+    children: s,
+    dropAreaStyle: n = {
+      width: 300,
+      height: 300
+    }
+  } = t;
+  if (m)
+    return /* @__PURE__ */ p(V, {
+      ...t
+    });
+  const [h, f] = O(!1), {
+    handleDragLeave: F,
+    handleDragOver: y,
+    handleDrop: v,
+    imageRef: d,
+    imageSize: a,
+    imageSrc: r,
+    isDragOver: I,
+    reset: S
+  } = N({
+    onDrop: i,
+    onImageLoad: async (L, j) => {
+      await D(500), f(!0), await o(await e(j, L)), await D(g), f(!1), await D(500), S();
+    }
+  }), w = () => Object.assign({}, n, {
+    background: I ? c : l,
+    width: a.width || n.width,
+    height: a.height || n.height
+  });
+  return /* @__PURE__ */ C("div", {
+    className: x(b, "transition-all items-center justify-center flex duration-200 ease-in-out", {
+      "shadow-input": !r,
+      "shadow-empty": r
+    }),
+    onDragLeave: F,
+    onDragOver: y,
+    onDrop: v,
+    style: w(),
+    children: [s ? s({
+      visible: h,
+      imageRef: d,
+      imageSize: a,
+      imageSrc: r
+    }) : /* @__PURE__ */ p(E, {
+      visible: h,
+      imageRef: d,
+      imageSrc: r,
+      imageSize: a
+    }), !r && u]
+  });
+};
+export {
+  q as DropImage
+};

package/dist/drop-image/useDropImage.d.ts

@@ -0,0 +1,19 @@
+import { DragEvent, DragEventHandler } from 'react';
+export declare const useDropImage: (params?: {
+    portraitImageWidth?: number | undefined;
+    landscapeImageWidth?: number | undefined;
+    onDrop?: ((e: DragEvent<Element>, file: File) => void) | undefined;
+    onImageLoad?: ((img: HTMLImageElement, file: File) => void) | undefined;
+} | undefined) => {
+    isDragOver: boolean;
+    imageSrc: string;
+    imageRef: (input: HTMLImageElement) => void;
+    imageSize: {
+        width: number;
+        height: number;
+    };
+    handleDragOver: DragEventHandler<Element>;
+    handleDragLeave: () => void;
+    handleDrop: DragEventHandler<Element>;
+    reset: () => void;
+};

package/dist/drop-image/useDropImage.mjs

@@ -0,0 +1,67 @@
+import { useState as i, useRef as F, useCallback as s } from "react";
+const H = (l) => {
+  const [f, a] = i(!1), [u, o] = i(""), [g, h] = i({ width: 0, height: 0 }), r = F(), {
+    portraitImageWidth: m = 384,
+    landscapeImageWidth: p = 500,
+    onDrop: D = () => {
+    },
+    onImageLoad: I = () => {
+    }
+  } = l || {}, w = () => {
+    o(""), h({ width: 0, height: 0 }), a(!1), r.current = null;
+  }, S = (e, t) => {
+    const { width: n, height: c } = e, O = n / c, T = n > c, d = t || (T ? p : m);
+    return {
+      width: d,
+      height: d / O
+    };
+  }, v = (e) => {
+    try {
+      o(URL.createObjectURL(e));
+    } catch {
+      o("");
+    }
+  }, y = s((e) => {
+    e.preventDefault(), a(!0), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+  }, []), L = s(() => {
+    a(!1);
+  }, []), R = s((e) => {
+    e.preventDefault(), a(!1);
+    const t = e.dataTransfer ? e.dataTransfer.files[0] : void 0;
+    !t || !t.type.startsWith("image") || (r.current = t, v(t), D(e, t));
+  }, []), W = (e) => {
+    const t = async () => {
+      const n = "decode" in e ? e.decode : Promise.resolve;
+      try {
+        await n();
+      } catch {
+      }
+      h(
+        S({
+          width: e.naturalWidth,
+          height: e.naturalHeight
+        })
+      ), r.current && I(e, r.current);
+    };
+    if (e.complete) {
+      t().then();
+      return;
+    }
+    e.onload = t;
+  }, z = s((e) => {
+    e && W(e);
+  }, []);
+  return {
+    isDragOver: f,
+    imageSrc: u,
+    imageRef: z,
+    imageSize: g,
+    handleDragOver: y,
+    handleDragLeave: L,
+    handleDrop: R,
+    reset: w
+  };
+};
+export {
+  H as useDropImage
+};

package/dist/drop-image/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const wait: (d: number) => Promise<unknown>;
+export declare const noop: (e: React.DragEvent<Element>, file: File) => void;

package/dist/drop-image/utils.mjs

@@ -0,0 +1,4 @@
+const o = (e) => new Promise((t) => setTimeout(t, e));
+export {
+  o as wait
+};

package/dist/drop-zone/DropZone.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface DropZoneProps {
+    onDrop: (files: File) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const DropZone: (props: DropZoneProps) => JSX.Element;

package/dist/drop-zone/DropZone.mjs

@@ -0,0 +1,44 @@
+import { useState as v, useCallback as m, useEffect as D } from "react";
+import p from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsx as a, Fragment as l, jsxs as g } from "../_virtual/jsx-runtime.mjs";
+const L = (n) => {
+  const {
+    onDrop: c,
+    children: o,
+    className: h,
+    style: b
+  } = n, [r, t] = v(!1), f = (e) => {
+    e.preventDefault(), t(!1);
+    const u = e.dataTransfer.files[0];
+    c(u);
+  }, s = m((e) => {
+    e.preventDefault(), t(!0);
+  }, []);
+  if (D(() => (document.addEventListener("dragenter", s), () => {
+    document.removeEventListener("dragenter", s);
+  }), []), n.disabled)
+    return /* @__PURE__ */ a(l, {
+      children: o
+    });
+  const d = (e) => {
+    e.preventDefault(), t(!0);
+  }, i = p("fixed", "top-0", "left-0", "h-full", "w-full", {
+    "text-blur": r,
+    "z-999": r,
+    block: r,
+    hidden: !r
+  });
+  return /* @__PURE__ */ g(l, {
+    children: [/* @__PURE__ */ a("div", {
+      className: i,
+      onDragLeave: () => {
+        t(!1);
+      },
+      onDragOver: d,
+      onDrop: f
+    }), o]
+  });
+};
+export {
+  L as DropZone
+};

package/dist/img/Gallery.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement, ReactNode } from 'react';
+import { RandomRowsLayoutProps } from './RandomRowsLayout';
+import { ImgProps } from './types';
+export declare type ImageRenderer = (Img: ReactElement, index: number, col: number, randBool: boolean) => ReactNode;
+export interface GalleryProps extends Omit<RandomRowsLayoutProps, "classNames" | "cellsCount" | "cellRenderer"> {
+    className?: string;
+    images: ImgProps[];
+    children?: ReactNode;
+    imageRenderer?: ImageRenderer;
+}
+export declare const Gallery: (props: GalleryProps) => JSX.Element;

package/dist/img/Gallery.mjs

@@ -0,0 +1,37 @@
+import a from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { RandomRowsLayout as f } from "./RandomRowsLayout.mjs";
+import { Img as x } from "./Img.mjs";
+import { jsxs as g, jsx as n } from "../_virtual/jsx-runtime.mjs";
+const p = (r, m, e) => /* @__PURE__ */ n("div", {
+  className: a("mb-128", {
+    "md:mr-64": e === 0,
+    "md:ml-64": e !== 0
+  }),
+  children: r
+}), w = (r) => {
+  const {
+    images: m,
+    children: e,
+    imageRenderer: o = p,
+    className: c = "",
+    ...i
+  } = r, d = (l, t, u) => {
+    const s = m[l];
+    return s ? o(/* @__PURE__ */ n(x, {
+      ...s,
+      size: t ? "large" : "normal"
+    }), l, u, t) : null;
+  };
+  return /* @__PURE__ */ g("div", {
+    className: a("w-full flex justify-center", c),
+    children: [/* @__PURE__ */ n(f, {
+      classNames: "mx-32 mt-128 max-w-(--breakpoint-xl)",
+      cellsCount: m.length,
+      cellRenderer: d,
+      ...i
+    }), e]
+  });
+};
+export {
+  w as Gallery
+};

package/dist/img/Img.d.ts

@@ -0,0 +1,3 @@
+import { ImgProps } from './types';
+export * from './types';
+export declare const Img: (props: ImgProps) => JSX.Element;

package/dist/img/Img.mjs

@@ -0,0 +1,80 @@
+import t from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { useState as i } from "react";
+import { ossProcessType as c } from "./types.mjs";
+import { calcDefaultImgSize as P, addOssWebpProcessStyle as l } from "./utils.mjs";
+import { jsxs as w, jsx as d } from "../_virtual/jsx-runtime.mjs";
+const N = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", E = (a) => {
+  const {
+    src: r,
+    className: A,
+    renderedWidth: m,
+    avgColor: u,
+    thumbnailSrc: s,
+    processType: g,
+    size: p,
+    removeBlurBgAfterLoad: y
+  } = a, {
+    width: f,
+    height: b
+  } = P(a, m, p === "normal" ? 0.6 : 1), [h, B] = i(!1), [o, I] = i(!1), S = {
+    width: "initial",
+    height: "initial",
+    backgroundSize: "cover",
+    backgroundColor: u || "#f1f1f1",
+    backgroundPosition: "0% 0%",
+    backgroundImage: `url(${s || l(r, c.THUMBNAIL)})`
+  }, k = h && y ? {
+    backgroundImage: "none"
+  } : {}, v = (e) => {
+    const n = async () => {
+      const L = "decode" in e ? e.decode : Promise.resolve;
+      try {
+        await L();
+      } catch {
+      }
+      I(!0), B(!0);
+    };
+    if (e.complete) {
+      n().then();
+      return;
+    }
+    e.onload = n;
+  };
+  return /* @__PURE__ */ w("span", {
+    className: t(A, "inline-block", "relative", "overflow-hidden", "duration-500", "leading-none", "align-bottom", "border-0"),
+    draggable: !1,
+    style: Object.assign({}, S, k),
+    children: [/* @__PURE__ */ d("img", {
+      ref: (e) => {
+        e && v(e);
+      },
+      width: f,
+      height: b,
+      src: l(r, g || c.WEBP),
+      decoding: "async",
+      loading: "lazy",
+      crossOrigin: "anonymous",
+      style: {
+        contentVisibility: "auto"
+      },
+      className: t("transition-opacity", "opacity-100", "duration-500", {
+        "opacity-0": !o
+      })
+    }), /* @__PURE__ */ d("img", {
+      src: N,
+      className: t("lqip-blur", "absolute", "h-full", "w-full", "duration-500", "transition-opacity", {
+        "opacity-100": !o,
+        "opacity-0": o
+      }),
+      crossOrigin: "anonymous",
+      style: {
+        top: 0,
+        left: 0
+      }
+    })]
+  });
+};
+export {
+  E as Img,
+  c as ossProcessType
+};

package/dist/img/RandomRowsLayout.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare const generateRandomBoolean: (p?: number) => boolean;
+export interface RandomRowsLayoutProps {
+    classNames?: string;
+    cellWrapperClsGenerator?: (colNum: number, randBoolean: boolean) => string;
+    cellsCount: number;
+    cellRenderer: (index: number, randomBool: boolean, col: number) => React.ReactNode;
+}
+export declare const RandomRowsLayout: React.MemoExoticComponent<(props: RandomRowsLayoutProps) => JSX.Element>;

package/dist/img/RandomRowsLayout.mjs

@@ -0,0 +1,49 @@
+import p from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import g from "react";
+import { jsx as c } from "../_virtual/jsx-runtime.mjs";
+const x = (e) => e.length < 2 ? e[0] : e[e.length - 1], N = (e, n) => `md:basis-${e === 1 ? n ? "full" : "1/2" : "1/2"}`, i = (e = 0.5) => Math.random() < e, R = (e) => {
+  const n = [];
+  if (e <= 2)
+    return [e];
+  let l = 0;
+  for (; l < e; ) {
+    const t = x(n) === 2 ? 0.9 : 0.5, s = i(t) ? 1 : 2;
+    n.push(s), l += s;
+  }
+  return n;
+}, W = (e, n) => {
+  let l = 0;
+  for (let t = 0; t < n; t++)
+    l += e[t];
+  return l;
+}, A = g.memo((e) => {
+  const {
+    cellsCount: n,
+    cellRenderer: l,
+    classNames: t = "",
+    cellWrapperClsGenerator: s = N
+  } = e, a = R(n);
+  return /* @__PURE__ */ c("div", {
+    className: t,
+    children: a.map((o, u) => {
+      const m = i(
+        o < 2 ? 0.6 : 0.5
+        /* 增加单列大图概率 */
+      ), d = [m, !m];
+      return /* @__PURE__ */ c("div", {
+        className: "flex items-center flex-wrap",
+        children: new Array(o).fill(null).map((w, r) => {
+          const f = s(o, i()), h = W(a, u) + r, C = p("flex items-center justify-center shrink-0 grow-0", "basis-full", f);
+          return /* @__PURE__ */ c("div", {
+            className: C,
+            children: l(h, d[r], r)
+          }, r);
+        })
+      }, u);
+    })
+  });
+}, (e, n) => e.cellsCount === n.cellsCount);
+export {
+  A as RandomRowsLayout,
+  i as generateRandomBoolean
+};

package/dist/img/types.d.ts

@@ -0,0 +1,21 @@
+export declare enum ossProcessType {
+    THUMBNAIL = "thumbnail",
+    WEBP = "webp",
+    NULL = "null",
+    oWEBP = "owebp",
+    PROG = "prog"
+}
+export interface Photo {
+    src: string;
+    width: number;
+    height: number;
+    processType?: ossProcessType;
+    avgColor?: string;
+    thumbnailSrc?: string;
+    renderedWidth?: number;
+}
+export interface ImgProps extends Photo {
+    className?: string;
+    size?: "large" | "normal";
+    removeBlurBgAfterLoad?: boolean;
+}

package/dist/img/types.mjs

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((b) => (b.THUMBNAIL = "thumbnail", b.WEBP = "webp", b.NULL = "null", b.oWEBP = "owebp", b.PROG = "prog", b))(l || {});
+export {
+  l as ossProcessType
+};