@bbki.ng/components 2.6.16 → 3.0.0

package/dist/index.cjs

@@ -1,1816 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/index.ts
-var lib_exports = {};
-__export(lib_exports, {
-  Article: () => Article,
-  ArticleSkeleton: () => ArticleSkeleton,
-  BlinkDot: () => BlinkDot,
-  BlurCover: () => BlurCover,
-  Breadcrumb: () => Breadcrumb,
-  Button: () => Button,
-  ButtonType: () => ButtonType,
-  Canvas: () => Canvas,
-  ContextMenu: () => ContextMenu,
-  ContextMenuCheckboxItem: () => ContextMenuCheckboxItem,
-  ContextMenuContent: () => ContextMenuContent,
-  ContextMenuGroup: () => ContextMenuGroup,
-  ContextMenuItem: () => ContextMenuItem,
-  ContextMenuLabel: () => ContextMenuLabel,
-  ContextMenuPortal: () => ContextMenuPortal,
-  ContextMenuRadioGroup: () => ContextMenuRadioGroup,
-  ContextMenuRadioItem: () => ContextMenuRadioItem,
-  ContextMenuSeparator: () => ContextMenuSeparator,
-  ContextMenuShortcut: () => ContextMenuShortcut,
-  ContextMenuSub: () => ContextMenuSub,
-  ContextMenuSubContent: () => ContextMenuSubContent,
-  ContextMenuSubTrigger: () => ContextMenuSubTrigger,
-  ContextMenuTrigger: () => ContextMenuTrigger,
-  DropImage: () => DropImage,
-  DropZone: () => DropZone,
-  Error: () => Error2,
-  ErrorBoundary: () => ErrorBoundary,
-  Form: () => Form,
-  FormControl: () => FormControl,
-  FormDescription: () => FormDescription,
-  FormField: () => FormField,
-  FormItem: () => FormItem,
-  FormLabel: () => FormLabel,
-  FormMessage: () => FormMessage,
-  Gallery: () => Gallery,
-  Img: () => Img,
-  Input: () => Input,
-  Label: () => Label2,
-  Link: () => Link,
-  LinkColor: () => LinkColor,
-  LinkList: () => LinkList,
-  LinkListSkeleton: () => LinkListSkeleton,
-  List: () => List,
-  LoadingSpiral: () => LoadingSpiral,
-  Logo: () => Logo,
-  Nav: () => Nav,
-  NotFound: () => NotFound,
-  Page: () => Page,
-  Panel: () => Panel,
-  PopConfirm: () => PopConfirm,
-  Skeleton: () => Skeleton,
-  SkeletonColor: () => SkeletonColor,
-  Table: () => Table,
-  Tag: () => Tag,
-  Tags: () => Tags,
-  ThreeColLayout: () => ThreeColLayout,
-  TitledList: () => TitledList,
-  ossProcessType: () => ossProcessType,
-  useForm: () => import_react_hook_form.useForm,
-  useFormField: () => useFormField,
-  z: () => import_zod.z,
-  zodResolver: () => import_zod2.zodResolver
-});
-module.exports = __toCommonJS(lib_exports);
-
-// lib/article/Article.tsx
-var import_classnames3 = __toESM(require("classnames"), 1);
-var import_react3 = __toESM(require("react"), 1);
-
-// lib/blink-dot/BlinkDot.tsx
-var import_classnames = __toESM(require("classnames"), 1);
-var import_react = __toESM(require("react"), 1);
-var BlinkDot = (props) => {
-  const { className } = props;
-  const status = props.status || "hidden";
-  const statusCls = (0, import_classnames.default)({
-    "animate-ping-fast": status === "blink",
-    hidden: status === "hidden"
-  });
-  return /* @__PURE__ */ import_react.default.createElement("span", {
-    className: (0, import_classnames.default)("inline-flex justify-center items-center relative")
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: `absolute inline-flex h-full w-full rounded-full text-red-600  -top-[28px] -left-[3px] ${statusCls} ${className}`
-  }, "."));
-};
-
-// lib/blur-cover/BlurCover.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_classnames2 = __toESM(require("classnames"), 1);
-var BlurCover = (props) => {
-  const { status } = props;
-  const coverCls = (0, import_classnames2.default)(
-    "absolute",
-    "block",
-    "text-blur",
-    "transition-all",
-    "duration-200",
-    "top-0",
-    "left-0",
-    "h-full",
-    "w-full",
-    {
-      "z-[49]": status === "show",
-      "opacity-0": status === "silent",
-      "opacity-100": status === "show",
-      "pointer-events-none": status === "silent"
-    },
-    props.className
-  );
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: coverCls
-  });
-};
-
-// lib/article/Article.tsx
-var Article = (props) => {
-  const { title, content, children, date, className, description } = props;
-  return /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_classnames3.default)("article", className)
-  }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "mb-16 leading-none"
-  }, /* @__PURE__ */ import_react3.default.createElement("span", {
-    className: "text-[2.25rem] p-16"
-  }, title), props.loading && title && /* @__PURE__ */ import_react3.default.createElement(BlinkDot, {
-    status: "blink",
-    className: "!-top-[42px] !-left-16"
-  }), date ? /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "py-16 px-18 pb-0  text-gray-400"
-  }, /* @__PURE__ */ import_react3.default.createElement("small", null, date)) : null), description && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "mb-128"
-  }, description), /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "text-black relative p-16"
-  }, children || content, /* @__PURE__ */ import_react3.default.createElement(BlurCover, {
-    status: props.loading ? "show" : "silent"
-  })));
-};
-
-// lib/button/Button.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_classnames4 = __toESM(require("classnames"), 1);
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["DANGER"] = "danger";
-  ButtonType2["PRIMARY"] = "primary";
-  ButtonType2["NORMAL"] = "normal";
-  ButtonType2["DISABLED"] = "disabled";
-  return ButtonType2;
-})(ButtonType || {});
-function Button(props) {
-  const typeClsMap = {
-    ["danger" /* DANGER */]: "text-red-500",
-    ["primary" /* PRIMARY */]: "text-blue-600",
-    ["disabled" /* DISABLED */]: "text-gray-400 cursor-not-allowed",
-    ["normal" /* NORMAL */]: "text-black"
-  };
-  const [pressed, setPressed] = import_react4.default.useState(false);
-  const { type = "normal" /* NORMAL */, className = "", onClick, btnType } = props;
-  const shadowTransCls = type === "disabled" /* DISABLED */ ? "" : (0, import_classnames4.default)(
-    "transition-all duration-200 ease-in-out shadow-button active:shadow-empty",
-    {
-      "shadow-empty": pressed,
-      "hover:shadow-button-hover": !pressed
-    }
-  );
-  const handleClick = (e) => {
-    if (type === "disabled" /* DISABLED */) {
-      return;
-    }
-    setPressed(true);
-    setTimeout(() => {
-      setPressed(false);
-      onClick(e);
-    }, 280);
-  };
-  return /* @__PURE__ */ import_react4.default.createElement("button", {
-    className: `${typeClsMap[type]} ${className} ${shadowTransCls} py-8 px-16 transition-all duration-200 ease-in-out`,
-    onClick: handleClick,
-    type: btnType
-  }, props.children);
-}
-Button.displayName = "Button";
-
-// lib/logo/Logo.tsx
-var React5 = __toESM(require("react"), 1);
-var Logo = React5.memo(
-  (props) => /* @__PURE__ */ React5.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    onClick: props.onClick,
-    className: props.className
-  }, /* @__PURE__ */ React5.createElement("path", {
-    d: "M29.1152 21.3106C32.0605 21.3106 34.4481 18.9101 34.4481 15.9489V24.6457C34.4481 25.7585 33.5508 26.6607 32.444 26.6607H15.1207C14.0138 26.6607 13.1166 25.7585 13.1166 24.6457V15.9489C13.1166 18.9101 15.5042 21.3106 18.4494 21.3106C21.3947 21.3106 23.7823 18.9101 23.7823 15.9489C23.7823 18.9101 26.17 21.3106 29.1152 21.3106Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M23.7823 15.9373L23.7823 15.9489C23.7823 15.9451 23.7823 15.9412 23.7823 15.9373Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M23.1143 28.004C23.1205 30.9598 25.5057 33.3541 28.4472 33.3541C31.3886 33.3541 33.7738 30.9598 33.7801 28.004H23.1143Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M13.7846 28.004C13.7846 28.0079 13.7846 28.0117 13.7846 28.0156C13.7908 30.9714 16.1761 33.3657 19.1175 33.3657C22.0589 33.3657 24.4442 30.9714 24.4504 28.0156H13.7846V28.004Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M14.4527 15.9373C14.4527 16.6792 13.8545 17.2806 13.1166 17.2806C12.3786 17.2806 11.7805 16.6792 11.7805 15.9373C11.7805 15.1954 12.3786 14.594 13.1166 14.594C13.8545 14.594 14.4527 15.1954 14.4527 15.9373Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M25.1184 15.2657C25.1184 16.0076 24.5202 16.609 23.7823 16.609C23.0444 16.609 22.4462 16.0076 22.4462 15.2657C22.4462 14.5238 23.0444 13.9224 23.7823 13.9224C24.5202 13.9224 25.1184 14.5238 25.1184 15.2657Z",
-    fill: "#9CA3AF"
-  }), /* @__PURE__ */ React5.createElement("path", {
-    d: "M35.7842 15.9373C35.7842 16.6792 35.186 17.2806 34.4481 17.2806C33.7102 17.2806 33.112 16.6792 33.112 15.9373C33.112 15.1954 33.7102 14.594 34.4481 14.594C35.186 14.594 35.7842 15.1954 35.7842 15.9373Z",
-    fill: "#9CA3AF"
-  })),
-  () => {
-    return true;
-  }
-);
-
-// lib/nav/Nav.tsx
-var import_react7 = __toESM(require("react"), 1);
-
-// lib/breadcrumb/Breadcrumb.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_classnames6 = __toESM(require("classnames"), 1);
-
-// lib/link/Link.tsx
-var import_classnames5 = __toESM(require("classnames"), 1);
-var import_react_router_dom = require("react-router-dom");
-var import_react5 = __toESM(require("react"), 1);
-var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
-  LinkColor2["BLUE"] = "blue";
-  LinkColor2["RED"] = "red";
-  LinkColor2["GRAY"] = "gray";
-  return LinkColor2;
-})(LinkColor || {});
-var COLOR_MAPPING = {
-  ["blue" /* BLUE */]: "text-blue-600",
-  ["red" /* RED */]: "text-red-500",
-  ["gray" /* GRAY */]: "text-gray-400"
-};
-var HOVER_COLOR_MAPPING = {
-  ["blue" /* BLUE */]: "[&:not(:focus)]:hover:md:bg-blue-100 [&:not(:focus)]:hover:md:text-blue-600",
-  ["red" /* RED */]: "[&:not(:focus)]:hover:md:bg-red-100 [&:not(:focus)]:hover:md:text-red-500",
-  ["gray" /* GRAY */]: "[&:not(:focus)]:hover:md:bg-gray-100 [&:not(:focus)]:hover:md:text-gray-400"
-};
-var FOCUS_BG_COLOR_MAPPING = {
-  ["blue" /* BLUE */]: "focus:bg-blue-100",
-  ["red" /* RED */]: "focus:bg-red-100",
-  ["gray" /* GRAY */]: "focus:bg-gray-100"
-};
-var Link = (props) => {
-  const {
-    color = "blue" /* BLUE */,
-    external,
-    className,
-    children,
-    status,
-    readonly,
-    ...rest
-  } = props;
-  const linkCls = (0, import_classnames5.default)(
-    className,
-    "rounded",
-    "!no-underline",
-    "inline-block",
-    "transition-colors",
-    "active:scale-[0.97]",
-    COLOR_MAPPING[color],
-    HOVER_COLOR_MAPPING[color],
-    FOCUS_BG_COLOR_MAPPING[color]
-  );
-  if (external) {
-    return /* @__PURE__ */ import_react5.default.createElement("a", {
-      href: props.to,
-      className: linkCls,
-      target: "_blank",
-      rel: "noreferrer",
-      style: { padding: 4 }
-    }, children);
-  }
-  if (readonly) {
-    const isNonEnName = !/^[a-zA-Z~]+$/.test(children);
-    const offsetCls = (0, import_classnames5.default)({ "relative top-[2px]": isNonEnName });
-    return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement("span", {
-      className: (0, import_classnames5.default)("text-gray-400", offsetCls),
-      style: { padding: 4 }
-    }, children), /* @__PURE__ */ import_react5.default.createElement(BlinkDot, {
-      status
-    }));
-  }
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react_router_dom.Link, {
-    ...rest,
-    className: linkCls,
-    style: { padding: 4 }
-  }, children), /* @__PURE__ */ import_react5.default.createElement(BlinkDot, {
-    className: "-top-3 left-1",
-    status
-  }));
-};
-
-// lib/breadcrumb/Breadcrumb.tsx
-var Breadcrumb = (props) => {
-  const { paths, loading } = props;
-  const PathElements = paths.map(({ path, name }, index) => {
-    const slash = index === 0 ? null : /* @__PURE__ */ import_react6.default.createElement("span", {
-      className: "text-gray-400"
-    }, "/");
-    const isNonEnName = !/^[a-zA-Z~]+$/.test(name);
-    const offsetCls = (0, import_classnames6.default)({ "relative top-[2px]": isNonEnName });
-    const isLast = index === paths.length - 1;
-    const status = loading && isLast ? "blink" : "hidden";
-    return /* @__PURE__ */ import_react6.default.createElement("span", {
-      key: path || name
-    }, slash, /* @__PURE__ */ import_react6.default.createElement(Link, {
-      to: path ?? "",
-      className: offsetCls,
-      readonly: !path,
-      status
-    }, name));
-  });
-  return /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: "breadcrumb"
-  }, PathElements);
-};
-
-// lib/nav/Nav.tsx
-var import_react_router_dom2 = require("react-router-dom");
-var Nav = (props) => {
-  if (props.mini) {
-    return /* @__PURE__ */ import_react7.default.createElement("div", {
-      className: `p-8 w-full flex items-center ${props.className}`
-    }, /* @__PURE__ */ import_react7.default.createElement(Breadcrumb, {
-      paths: props.paths
-    }));
-  }
-  const nav = (0, import_react_router_dom2.useNavigate)();
-  return /* @__PURE__ */ import_react7.default.createElement("div", {
-    className: `p-8 w-full flex items-center ${props.className}`
-  }, props.customLogo || /* @__PURE__ */ import_react7.default.createElement(Logo, {
-    className: "mr-8",
-    onClick: () => {
-      nav("/");
-    }
-  }), /* @__PURE__ */ import_react7.default.createElement(Breadcrumb, {
-    paths: props.paths,
-    loading: props.loading
-  }));
-};
-
-// lib/tag/Tag.tsx
-var import_classnames7 = __toESM(require("classnames"), 1);
-var import_react8 = __toESM(require("react"), 1);
-var Tag = (props) => {
-  return /* @__PURE__ */ import_react8.default.createElement(Link, {
-    ...props,
-    color: "gray" /* GRAY */
-  }, /* @__PURE__ */ import_react8.default.createElement("small", null, props.prefix || "#", props.children));
-};
-var Tags = (props) => {
-  const { tags, className } = props;
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
-    className: (0, import_classnames7.default)(className, "inline-block")
-  }, tags.map((tag, index) => {
-    const isLast = index === tags.length - 1;
-    return /* @__PURE__ */ import_react8.default.createElement(Tag, {
-      ...tag,
-      key: tag.to,
-      className: (0, import_classnames7.default)({ "mr-8": !isLast })
-    });
-  }));
-};
-
-// lib/panel/Panel.tsx
-var import_react9 = __toESM(require("react"), 1);
-var Panel = (props) => {
-  const { className = "", children } = props;
-  const [show, setShow] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
-    setShow(true);
-  }, []);
-  return /* @__PURE__ */ import_react9.default.createElement("div", {
-    className: `transition-all ease-in-out duration-900 ${className} ${show ? "shadow-panel" : "shadow-empty"} p-32`
-  }, children);
-};
-
-// lib/page/Page.tsx
-var import_react10 = __toESM(require("react"), 1);
-var Page = (props) => {
-  const { nav, main } = props;
-  return /* @__PURE__ */ import_react10.default.createElement("main", {
-    className: "flex flex-col h-full"
-  }, /* @__PURE__ */ import_react10.default.createElement("div", {
-    className: `flx-grow-0 w-full fixed top-0 z-50`
-  }, nav), /* @__PURE__ */ import_react10.default.createElement("section", {
-    className: "flex-grow flex-shrink-0 px-6"
-  }, main));
-};
-var NotFound = (props) => {
-  return /* @__PURE__ */ import_react10.default.createElement(Error2, {
-    error: { name: "404", message: "Not Found" }
-  });
-};
-var Error2 = (props) => {
-  const { error } = props;
-  return /* @__PURE__ */ import_react10.default.createElement("div", {
-    className: "prose"
-  }, /* @__PURE__ */ import_react10.default.createElement("pre", null, /* @__PURE__ */ import_react10.default.createElement("code", {
-    className: "javascript language-javascript"
-  }, error.name, ":", error.message)));
-};
-var ErrorBoundary = class extends import_react10.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  render() {
-    if (this.state.error && this.state.hasError) {
-      return /* @__PURE__ */ import_react10.default.createElement(Article, {
-        title: "\u51FA\u9519"
-      }, /* @__PURE__ */ import_react10.default.createElement("div", {
-        className: "relative h-256"
-      }, /* @__PURE__ */ import_react10.default.createElement(Error2, {
-        error: this.state.error
-      })));
-    }
-    return this.props.children;
-  }
-};
-
-// lib/pop-confirm/PopConfirm.tsx
-var import_react11 = __toESM(require("react"), 1);
-var PopConfirm = (props) => {
-  const [loading, setLoading] = (0, import_react11.useState)(false);
-  const { onOk, onCancel, children, content, className } = props;
-  return /* @__PURE__ */ import_react11.default.createElement(Panel, {
-    className
-  }, /* @__PURE__ */ import_react11.default.createElement("div", {
-    className: "mb-32"
-  }, children || content), /* @__PURE__ */ import_react11.default.createElement("div", {
-    className: "flex justify-end"
-  }, onCancel && /* @__PURE__ */ import_react11.default.createElement(Button, {
-    onClick: onCancel,
-    type: "normal" /* NORMAL */
-  }, "Cancel"), onOk && /* @__PURE__ */ import_react11.default.createElement(Button, {
-    onClick: async (e) => {
-      setLoading(true);
-      await onOk(e);
-      setLoading(false);
-    },
-    className: "ml-16 relative",
-    type: loading ? "disabled" /* DISABLED */ : "primary" /* PRIMARY */
-  }, "OK", loading && /* @__PURE__ */ import_react11.default.createElement(BlinkDot, {
-    className: "!absolute top-2 right-2"
-  }))));
-};
-
-// lib/table/Table.tsx
-var import_react12 = __toESM(require("react"), 1);
-var Table = (props) => {
-  const { rowCount, rowRenderer, headerRenderer, className } = props;
-  const rows = [];
-  for (let i = 0; i < rowCount; i++) {
-    rows.push(/* @__PURE__ */ import_react12.default.createElement("tr", {
-      key: i
-    }, rowRenderer(i)));
-  }
-  return /* @__PURE__ */ import_react12.default.createElement("table", {
-    className
-  }, headerRenderer && /* @__PURE__ */ import_react12.default.createElement("thead", null, /* @__PURE__ */ import_react12.default.createElement("tr", null, headerRenderer())), /* @__PURE__ */ import_react12.default.createElement("tbody", null, rows));
-};
-Table.HCell = (props) => /* @__PURE__ */ import_react12.default.createElement("th", {
-  ...props
-}, props.children);
-Table.Cell = (props) => /* @__PURE__ */ import_react12.default.createElement("td", {
-  ...props
-}, props.children);
-
-// lib/skeleton/Seleton.tsx
-var import_classnames9 = __toESM(require("classnames"), 1);
-var import_react14 = __toESM(require("react"), 1);
-
-// lib/list/list.tsx
-var import_classnames8 = __toESM(require("classnames"), 1);
-var import_react13 = __toESM(require("react"), 1);
-var List = (props) => {
-  const { items, itemRenderer, className, horizontal, compact, footer } = props;
-  const spaceCls = compact ? "" : horizontal ? "mr-3" : "mb-16";
-  return /* @__PURE__ */ import_react13.default.createElement("ul", {
-    className: (0, import_classnames8.default)(className, "list-style-none", {
-      flex: horizontal,
-      "items-center": horizontal
-    })
-  }, items.map((item, index) => {
-    return /* @__PURE__ */ import_react13.default.createElement("li", {
-      key: item.id || index,
-      className: (0, import_classnames8.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
-    }, itemRenderer(item, index));
-  }), footer && /* @__PURE__ */ import_react13.default.createElement("li", {
-    key: "footer",
-    className: (0, import_classnames8.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
-  }, footer));
-};
-var TitledList = (props) => {
-  const { title, description, ...rest } = props;
-  if (!title) {
-    return /* @__PURE__ */ import_react13.default.createElement(List, {
-      ...rest
-    });
-  }
-  return /* @__PURE__ */ import_react13.default.createElement(Article, {
-    title,
-    description,
-    className: "w-fit"
-  }, /* @__PURE__ */ import_react13.default.createElement(List, {
-    ...rest
-  }));
-};
-var LinkList = (props) => {
-  const { title, description, links, ...rest } = props;
-  const renderLink = ({ name, to, external, ...rest2 }) => {
-    return /* @__PURE__ */ import_react13.default.createElement(Link, {
-      to,
-      key: name,
-      external,
-      ...rest2
-    }, name);
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(TitledList, {
-    title,
-    description,
-    items: links,
-    itemRenderer: renderLink,
-    ...rest
-  });
-};
-
-// lib/skeleton/Seleton.tsx
-var SkeletonColor = /* @__PURE__ */ ((SkeletonColor2) => {
-  SkeletonColor2["BLUE"] = "blue";
-  SkeletonColor2["RED"] = "red";
-  SkeletonColor2["GRAY"] = "gray";
-  SkeletonColor2["BLACK"] = "black";
-  return SkeletonColor2;
-})(SkeletonColor || {});
-var COLOR_MAPPING2 = {
-  ["blue" /* BLUE */]: "bg-blue-100",
-  ["red" /* RED */]: "bg-red-100",
-  ["gray" /* GRAY */]: "bg-gray-100",
-  ["black" /* BLACK */]: "bg-gray-200"
-};
-var Skeleton = (props) => {
-  const {
-    bgColor = "gray" /* GRAY */,
-    width = 26,
-    height = 24,
-    className
-  } = props;
-  return /* @__PURE__ */ import_react14.default.createElement("div", {
-    className: (0, import_classnames9.default)(
-      COLOR_MAPPING2[bgColor],
-      "animate-pulse",
-      "rounded",
-      className
-    ),
-    style: { width, height }
-  });
-};
-var ArticleSkeleton = (props) => {
-  const { children, titleLength = 0, descriptionLength } = props;
-  return /* @__PURE__ */ import_react14.default.createElement(Article, {
-    title: /* @__PURE__ */ import_react14.default.createElement(Skeleton, {
-      width: 36 * titleLength,
-      height: 36,
-      bgColor: "black" /* BLACK */
-    }),
-    description: descriptionLength && /* @__PURE__ */ import_react14.default.createElement(Skeleton, {
-      width: 16 * descriptionLength
-    })
-  }, children);
-};
-var LinkListSkeleton = (props) => {
-  const { linksLength, ...rest } = props;
-  const renderSkeleton = (length) => {
-    return /* @__PURE__ */ import_react14.default.createElement(Skeleton, {
-      className: "inline-block align-middle",
-      width: length * 16,
-      bgColor: "blue" /* BLUE */
-    });
-  };
-  if (!rest.titleLength) {
-    return /* @__PURE__ */ import_react14.default.createElement(List, {
-      items: linksLength,
-      itemRenderer: renderSkeleton
-    });
-  }
-  return /* @__PURE__ */ import_react14.default.createElement(ArticleSkeleton, {
-    ...rest
-  }, /* @__PURE__ */ import_react14.default.createElement(List, {
-    items: linksLength,
-    itemRenderer: renderSkeleton
-  }));
-};
-
-// lib/drop-image/DropImage.tsx
-var import_classnames10 = __toESM(require("classnames"), 1);
-var import_react16 = __toESM(require("react"), 1);
-var import_react17 = require("react");
-
-// lib/drop-image/utils.ts
-var wait = (d) => new Promise((r) => setTimeout(r, d));
-
-// lib/drop-image/useDropImage.ts
-var import_react15 = require("react");
-var useDropImage = (params) => {
-  const [isDragOver, setIsDragOver] = (0, import_react15.useState)(false);
-  const [imageSrc, setImageSrc] = (0, import_react15.useState)("");
-  const [imageSize, setImageSize] = (0, import_react15.useState)({ width: 0, height: 0 });
-  const imageFile = (0, import_react15.useRef)();
-  const {
-    portraitImageWidth = 384,
-    landscapeImageWidth = 500,
-    onDrop = () => {
-    },
-    onImageLoad = () => {
-    }
-  } = params || {};
-  const reset = () => {
-    setImageSrc("");
-    setImageSize({ width: 0, height: 0 });
-    setIsDragOver(false);
-    imageFile.current = null;
-  };
-  const calcDefaultImgSize2 = (img, defaultWidth) => {
-    const { width, height } = img;
-    const whRatio = width / height;
-    const isHorizontal = width > height;
-    const finalWidth = defaultWidth || (isHorizontal ? landscapeImageWidth : portraitImageWidth);
-    return {
-      width: finalWidth,
-      height: finalWidth / whRatio
-    };
-  };
-  const setPreviewImageSrcByFile = (file) => {
-    try {
-      setImageSrc(URL.createObjectURL(file));
-    } catch (e) {
-      setImageSrc("");
-    }
-  };
-  const handleDragOver = (0, import_react15.useCallback)((ev) => {
-    ev.preventDefault();
-    setIsDragOver(true);
-    if (!ev.dataTransfer) {
-      return;
-    }
-    ev.dataTransfer.dropEffect = "move";
-  }, []);
-  const handleDragLeave = (0, import_react15.useCallback)(() => {
-    setIsDragOver(false);
-  }, []);
-  const handleDrop = (0, import_react15.useCallback)((ev) => {
-    ev.preventDefault();
-    setIsDragOver(false);
-    const file = ev.dataTransfer ? ev.dataTransfer.files[0] : void 0;
-    if (!file || !file.type.startsWith("image")) {
-      return;
-    }
-    imageFile.current = file;
-    setPreviewImageSrcByFile(file);
-    onDrop(ev, file);
-  }, []);
-  const handleImgLoad = (img) => {
-    const updateFunc = async () => {
-      const p = "decode" in img ? img.decode : Promise.resolve;
-      try {
-        await p();
-      } catch (e) {
-      }
-      setImageSize(
-        calcDefaultImgSize2({
-          width: img.naturalWidth,
-          height: img.naturalHeight
-        })
-      );
-      if (!imageFile.current) {
-        return;
-      }
-      onImageLoad(img, imageFile.current);
-    };
-    if (img.complete) {
-      updateFunc().then();
-      return;
-    }
-    img.onload = updateFunc;
-  };
-  const imageRef = (0, import_react15.useCallback)((input) => {
-    if (!input) {
-      return;
-    }
-    handleImgLoad(input);
-  }, []);
-  return {
-    isDragOver,
-    imageSrc,
-    imageRef,
-    imageSize,
-    handleDragOver,
-    handleDragLeave,
-    handleDrop,
-    reset
-  };
-};
-
-// lib/drop-image/DropImage.tsx
-var ImagePreviewer = (props) => {
-  const {
-    visible: showImagePreviewer,
-    imageRef,
-    imageSize,
-    imageSrc,
-    className
-  } = props;
-  return /* @__PURE__ */ import_react16.default.createElement("img", {
-    className: (0, import_classnames10.default)(
-      className,
-      "max-w-[100%]",
-      "h-[auto]",
-      "duration-300",
-      "transition-opacity",
-      "opacity-100",
-      {
-        "opacity-0": !showImagePreviewer,
-        "!m-0": !showImagePreviewer,
-        "!p-0": !showImagePreviewer
-      }
-    ),
-    ref: imageRef,
-    src: imageSrc,
-    width: imageSize.width,
-    height: imageSize.height
-  });
-};
-var GhostDropImage = (props) => {
-  const {
-    onDrop = () => {
-    },
-    onUploadFinish = () => {
-    },
-    uploader,
-    waitTimeAfterFinish = 2e3,
-    className = "",
-    children,
-    placeholder
-  } = props;
-  const [coverVisible, setCoverVisible] = (0, import_react17.useState)(false);
-  const [imageVisible, setImageVisible] = (0, import_react17.useState)(false);
-  const handleDocDragEnter = (0, import_react16.useCallback)(() => {
-    setCoverVisible(true);
-  }, []);
-  const {
-    handleDragLeave,
-    handleDragOver,
-    handleDrop,
-    imageRef,
-    imageSize,
-    imageSrc,
-    reset
-  } = useDropImage({
-    onImageLoad: () => {
-      setImageVisible(true);
-    },
-    onDrop: async (e, file) => {
-      onDrop(e, file);
-      setCoverVisible(false);
-      const result = await uploader(file);
-      await wait(waitTimeAfterFinish);
-      onUploadFinish(result);
-      setImageVisible(false);
-      reset();
-    }
-  });
-  (0, import_react16.useEffect)(() => {
-    document.addEventListener("dragenter", handleDocDragEnter);
-    return () => {
-      document.removeEventListener("dragenter", handleDocDragEnter);
-    };
-  }, []);
-  const coverCls = (0, import_classnames10.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
-    "lqip-blur": coverVisible,
-    "z-[999]": coverVisible,
-    block: coverVisible,
-    hidden: !coverVisible
-  });
-  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", {
-    className: coverCls,
-    onDragLeave: () => {
-      handleDragLeave();
-      setCoverVisible(false);
-    },
-    onDragOver: handleDragOver,
-    onDrop: handleDrop
-  }), !imageVisible && placeholder, children ? children({
-    visible: imageVisible,
-    imageRef,
-    imageSize,
-    imageSrc
-  }) : /* @__PURE__ */ import_react16.default.createElement(ImagePreviewer, {
-    className,
-    visible: imageVisible,
-    imageRef,
-    imageSrc,
-    imageSize
-  }));
-};
-var DropImage = (props) => {
-  const {
-    uploader,
-    defaultBgColor = "#F3F4F6",
-    onDrop,
-    dragOverBgColor = "#EFF6FF",
-    waitTimeAfterFinish = 2e3,
-    placeholder = "",
-    className = "",
-    onUploadFinish = () => {
-    },
-    ghost,
-    children,
-    dropAreaStyle = {
-      width: 300,
-      height: 300
-    }
-  } = props;
-  if (ghost) {
-    return /* @__PURE__ */ import_react16.default.createElement(GhostDropImage, {
-      ...props
-    });
-  }
-  const [showImagePreviewer, setShowImagePreviewer] = (0, import_react17.useState)(false);
-  const {
-    handleDragLeave,
-    handleDragOver,
-    handleDrop,
-    imageRef,
-    imageSize,
-    imageSrc,
-    isDragOver,
-    reset
-  } = useDropImage({
-    onDrop,
-    onImageLoad: async (image, file) => {
-      await wait(500);
-      setShowImagePreviewer(true);
-      await onUploadFinish(await uploader(file, image));
-      await wait(waitTimeAfterFinish);
-      setShowImagePreviewer(false);
-      await wait(500);
-      reset();
-    }
-  });
-  const getDropAreaStyle = () => {
-    return Object.assign({}, dropAreaStyle, {
-      background: isDragOver ? dragOverBgColor : defaultBgColor,
-      width: imageSize.width || dropAreaStyle.width,
-      height: imageSize.height || dropAreaStyle.height
-    });
-  };
-  return /* @__PURE__ */ import_react16.default.createElement("div", {
-    className: (0, import_classnames10.default)(
-      className,
-      "transition-all items-center justify-center flex duration-200 ease-in-out",
-      {
-        "shadow-input": !imageSrc,
-        "shadow-empty": imageSrc
-      }
-    ),
-    onDragLeave: handleDragLeave,
-    onDragOver: handleDragOver,
-    onDrop: handleDrop,
-    style: getDropAreaStyle()
-  }, children ? children({
-    visible: showImagePreviewer,
-    imageRef,
-    imageSize,
-    imageSrc
-  }) : /* @__PURE__ */ import_react16.default.createElement(ImagePreviewer, {
-    visible: showImagePreviewer,
-    imageRef,
-    imageSrc,
-    imageSize
-  }), !imageSrc && placeholder);
-};
-
-// lib/layout/layout.tsx
-var import_classnames11 = __toESM(require("classnames"), 1);
-var import_react18 = __toESM(require("react"), 1);
-var ThreeColLayout = (props) => {
-  const { leftRenderer, middleRenderer, rightRenderer } = props;
-  const colCls = (0, import_classnames11.default)("max-h-full overflow-auto xl:!block py-128");
-  return /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: "grid grid-cols-1 xl:grid-cols-3 gap-4 h-full w-full"
-  }, /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames11.default)("hidden", colCls)
-  }, leftRenderer && leftRenderer()), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames11.default)(colCls, "sm:px-128 xl:px-0 no-scrollbar", "relative", {
-      hidden: !middleRenderer
-    })
-  }, middleRenderer && middleRenderer()), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames11.default)("hidden", colCls)
-  }, rightRenderer && rightRenderer()));
-};
-
-// lib/img/Img.tsx
-var import_classnames12 = __toESM(require("classnames"), 1);
-var import_react19 = __toESM(require("react"), 1);
-
-// lib/img/types.ts
-var ossProcessType = /* @__PURE__ */ ((ossProcessType2) => {
-  ossProcessType2["THUMBNAIL"] = "thumbnail";
-  ossProcessType2["WEBP"] = "webp";
-  ossProcessType2["NULL"] = "null";
-  ossProcessType2["oWEBP"] = "owebp";
-  ossProcessType2["PROG"] = "prog";
-  return ossProcessType2;
-})(ossProcessType || {});
-
-// lib/img/utils.ts
-var addOssWebpProcessStyle = (originUrl, style) => {
-  const OSS_ADDRESS = "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com";
-  const isInvalidOSSImgUrl = !originUrl.startsWith(OSS_ADDRESS);
-  const isProcessedOssImg = /x-oss-process=style\/\w+/.test(originUrl);
-  const isWebpImg = /webp$/.test(originUrl);
-  if (isInvalidOSSImgUrl || isProcessedOssImg || isWebpImg && style === "webp" /* WEBP */ || style === "null" /* NULL */) {
-    return originUrl;
-  }
-  return `${originUrl}?x-oss-process=style/${style}`;
-};
-var calcDefaultImgSize = (img, defaultWidth, scale) => {
-  const { width, height } = img;
-  const whRatio = width / height;
-  const isHorizontal = width > height;
-  const finalWidth = (defaultWidth || (isHorizontal ? 576 : 384)) * (scale || 1);
-  return {
-    width: finalWidth,
-    height: finalWidth / whRatio
-  };
-};
-
-// lib/img/Img.tsx
-var emptyDataURL = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-var Img = (props) => {
-  const {
-    src,
-    className,
-    renderedWidth,
-    avgColor,
-    thumbnailSrc,
-    processType,
-    size,
-    removeBlurBgAfterLoad
-  } = props;
-  const { width, height } = calcDefaultImgSize(
-    props,
-    renderedWidth,
-    size === "normal" ? 0.6 : 1
-  );
-  const [loaded, setLoaded] = (0, import_react19.useState)(false);
-  const [decoded, setDecoded] = (0, import_react19.useState)(false);
-  const baseWrapperStyle = {
-    width: "initial",
-    height: "initial",
-    backgroundSize: "cover",
-    backgroundColor: avgColor || "#f1f1f1",
-    backgroundPosition: "0% 0%",
-    backgroundImage: `url(${thumbnailSrc ? thumbnailSrc : addOssWebpProcessStyle(src, "thumbnail" /* THUMBNAIL */)})`
-  };
-  const dynamicWrapperStyle = loaded && removeBlurBgAfterLoad ? { backgroundImage: "none" } : {};
-  const handleImgLoad = (img) => {
-    const updateFunc = async () => {
-      const p = "decode" in img ? img.decode : Promise.resolve;
-      try {
-        await p();
-      } catch (e) {
-      }
-      setDecoded(true);
-      setLoaded(true);
-    };
-    if (img.complete) {
-      updateFunc().then();
-      return;
-    }
-    img.onload = updateFunc;
-  };
-  return /* @__PURE__ */ import_react19.default.createElement("span", {
-    className: (0, import_classnames12.default)(
-      className,
-      "inline-block",
-      "relative",
-      "overflow-hidden",
-      "duration-500",
-      "leading-none",
-      "align-bottom",
-      "border-0"
-    ),
-    draggable: false,
-    style: Object.assign({}, baseWrapperStyle, dynamicWrapperStyle)
-  }, /* @__PURE__ */ import_react19.default.createElement("img", {
-    ref: (input) => {
-      if (!input) {
-        return;
-      }
-      handleImgLoad(input);
-    },
-    width,
-    height,
-    src: addOssWebpProcessStyle(src, processType || "webp" /* WEBP */),
-    decoding: "async",
-    loading: "lazy",
-    crossOrigin: "anonymous",
-    style: {
-      contentVisibility: "auto"
-    },
-    className: (0, import_classnames12.default)(
-      "transition-opacity",
-      "opacity-100",
-      "duration-500",
-      {
-        "opacity-0": !decoded
-      }
-    )
-  }), /* @__PURE__ */ import_react19.default.createElement("img", {
-    src: emptyDataURL,
-    className: (0, import_classnames12.default)(
-      "lqip-blur",
-      "absolute",
-      "h-full",
-      "w-full",
-      "duration-500",
-      "transition-opacity",
-      {
-        "opacity-100": !decoded,
-        "opacity-0": decoded
-      }
-    ),
-    crossOrigin: "anonymous",
-    style: { top: 0, left: 0 }
-  }));
-};
-
-// lib/img/Gallery.tsx
-var import_classnames14 = __toESM(require("classnames"), 1);
-var import_react21 = __toESM(require("react"), 1);
-
-// lib/img/RandomRowsLayout.tsx
-var import_classnames13 = __toESM(require("classnames"), 1);
-var import_react20 = __toESM(require("react"), 1);
-var last = (arr) => {
-  if (arr.length < 2) {
-    return arr[0];
-  }
-  return arr[arr.length - 1];
-};
-var defaultCellClsGenerator = (colNum, isCenterSingleCell) => {
-  const isSingleCell = colNum === 1;
-  const singleCellWidth = isCenterSingleCell ? "full" : "1/2";
-  const cellWidth = isSingleCell ? singleCellWidth : "1/2";
-  return `md:basis-${cellWidth}`;
-};
-var generateRandomBoolean = (p = 0.5) => Math.random() < p;
-var generateRandomColNum = (total) => {
-  const colNumArr = [];
-  if (total <= 2) {
-    return [total];
-  }
-  let colSum = 0;
-  while (colSum < total) {
-    const p = last(colNumArr) === 2 ? 0.9 : 0.5;
-    const num = generateRandomBoolean(p) ? 1 : 2;
-    colNumArr.push(num);
-    colSum += num;
-  }
-  return colNumArr;
-};
-var sumColNumByIdx = (colNums, idx) => {
-  let sum = 0;
-  for (let i = 0; i < idx; i++) {
-    sum += colNums[i];
-  }
-  return sum;
-};
-var RandomRowsLayout = import_react20.default.memo(
-  (props) => {
-    const {
-      cellsCount,
-      cellRenderer,
-      classNames: classNames9 = "",
-      cellWrapperClsGenerator = defaultCellClsGenerator
-    } = props;
-    const colNums = generateRandomColNum(cellsCount);
-    return /* @__PURE__ */ import_react20.default.createElement("div", {
-      className: classNames9
-    }, colNums.map((colNum, row) => {
-      const randBool = generateRandomBoolean(
-        colNum < 2 ? 0.6 : 0.5
-      );
-      const randBoolArr = [randBool, !randBool];
-      return /* @__PURE__ */ import_react20.default.createElement("div", {
-        className: "flex items-center flex-wrap",
-        key: row
-      }, new Array(colNum).fill(null).map((_, col) => {
-        const generatedCls = cellWrapperClsGenerator(
-          colNum,
-          generateRandomBoolean()
-        );
-        const currentIdx = sumColNumByIdx(colNums, row) + col;
-        const cls6 = (0, import_classnames13.default)(
-          "flex items-center justify-center flex-shrink-0 flex-grow-0",
-          "basis-full",
-          generatedCls
-        );
-        return /* @__PURE__ */ import_react20.default.createElement("div", {
-          className: cls6,
-          key: col
-        }, cellRenderer(currentIdx, randBoolArr[col], col));
-      }));
-    }));
-  },
-  (prevProps, nextProps) => {
-    return prevProps.cellsCount === nextProps.cellsCount;
-  }
-);
-
-// lib/img/Gallery.tsx
-var defaultImageRenderer = (img, index, col) => {
-  return /* @__PURE__ */ import_react21.default.createElement("div", {
-    className: (0, import_classnames14.default)("mb-128", {
-      "md:mr-64": col === 0,
-      "md:ml-64": col !== 0
-    })
-  }, img);
-};
-var Gallery = (props) => {
-  const {
-    images,
-    children,
-    imageRenderer = defaultImageRenderer,
-    className = "",
-    ...rest
-  } = props;
-  const renderImage = (index, isLargeImage, col) => {
-    const image = images[index];
-    if (!image) {
-      return null;
-    }
-    return imageRenderer(
-      /* @__PURE__ */ import_react21.default.createElement(Img, {
-        ...image,
-        size: isLargeImage ? "large" : "normal"
-      }),
-      index,
-      col,
-      isLargeImage
-    );
-  };
-  return /* @__PURE__ */ import_react21.default.createElement("div", {
-    className: (0, import_classnames14.default)("w-full flex justify-center", className)
-  }, /* @__PURE__ */ import_react21.default.createElement(RandomRowsLayout, {
-    classNames: "mx-32 mt-128 max-w-screen-xl",
-    cellsCount: images.length,
-    cellRenderer: renderImage,
-    ...rest
-  }), children);
-};
-
-// lib/loading-spiral/LoadingSpiral.tsx
-var import_phenomenon = __toESM(require("phenomenon"), 1);
-var import_classnames15 = __toESM(require("classnames"), 1);
-var import_react22 = __toESM(require("react"), 1);
-
-// lib/loading-spiral/createSettings.ts
-var createSettings = (settings) => {
-  const { canvas, step = 0.09 } = settings;
-  const uniforms = {
-    uProgress: {
-      type: "float",
-      value: 0
-    }
-  };
-  return {
-    uniforms,
-    devicePixelRatio: window.devicePixelRatio,
-    shouldRender: true,
-    canvas,
-    onRender: (r) => {
-      const { uProgress } = r.uniforms;
-      uProgress.value += step;
-    }
-  };
-};
-
-// lib/loading-spiral/constants.ts
-var VERTEX_SHADER = `
-  attribute float ${"aPercent" /* PERCENT */};
-  attribute float ${"aPointSize" /* POINT_SIZE */};
-
-  uniform mat4 uProjectionMatrix;
-  uniform mat4 uModelMatrix;
-  uniform mat4 uViewMatrix;
-  uniform float uProgress;
-
-  varying vec3 vColor;
-  
-  vec3 curve(float _percent) {
-    const float PI2 = 3.141592653589793 * 2.0;
-    const float _length = 0.3;
-    const float radius = 0.056;
-    float t = mod(_percent, 0.25) / 0.25;
-    t = mod(_percent, 0.25) - (2.0 * (1.0 - t) * t * -0.0185 + t * t * 0.25);
-    float x = _length * sin(PI2 * _percent);
-    float y = radius * cos(PI2 * 3.0 * _percent);
-
-    if (
-      floor(_percent / 0.25) == 0.0
-      || floor(_percent / 0.25) == 2.0
-    ) {
-      t = t * -1.0;
-    }
-    float z = radius * sin(PI2 * 2.0 * (_percent - t));
-    return vec3(x, y, z);
-  }
-
-  mat4 rotateX(float _angle){
-    return mat4(
-      1.0, 0.0, 0.0, 0.0,
-      0.0, cos(_angle), -sin(_angle), 0.0,
-      0.0, sin(_angle), cos(_angle), 0.0,
-      0.0, 0.0, 0.0, 1.0
-    );
-  }
-
-  void main(){
-    gl_Position = uProjectionMatrix
-     * uModelMatrix
-     * uViewMatrix
-     * rotateX(uProgress)
-     * vec4(curve(${"aPercent" /* PERCENT */}), 1.0);
-
-    gl_PointSize = ${"aPointSize" /* POINT_SIZE */};
-  }
-`;
-var FRAGMENT_SHADER = `
-  precision mediump float;
-  uniform float uProgress;
-  void main(){
-    gl_FragColor = vec4(0.81, 0.83, 0.85, 1.0);
-  }
-`;
-
-// lib/loading-spiral/createOptions.ts
-var createOptions = () => {
-  const attributes = [
-    {
-      name: "aPercent" /* PERCENT */,
-      data: (i, total) => [i / total],
-      size: 1
-    },
-    {
-      name: "aPointSize" /* POINT_SIZE */,
-      data: () => [window.devicePixelRatio * 1.3],
-      size: 1
-    }
-  ];
-  const uniforms = {
-    uProgress: {
-      type: "float",
-      value: [0]
-    }
-  };
-  return {
-    uniforms,
-    attributes,
-    multiplier: 4e3,
-    vertex: VERTEX_SHADER,
-    fragment: FRAGMENT_SHADER
-  };
-};
-
-// lib/loading-spiral/LoadingSpiral.tsx
-var LoadingSpiral = (props) => {
-  const { className, step } = props || {};
-  const canvasRef = (0, import_react22.useRef)(null);
-  (0, import_react22.useEffect)(() => {
-    if (!canvasRef.current) {
-      return;
-    }
-    const phenomenon = new import_phenomenon.default({
-      settings: createSettings({ canvas: canvasRef.current, step }),
-      context: {
-        antialias: true,
-        alpha: true
-      }
-    });
-    phenomenon.add(
-      "spiral",
-      createOptions()
-    );
-  }, []);
-  return /* @__PURE__ */ import_react22.default.createElement("canvas", {
-    style: {
-      maxWidth: 500,
-      maxHeight: 500,
-      imageRendering: "pixelated"
-    },
-    ref: canvasRef,
-    className: (0, import_classnames15.default)(
-      "h-full w-full overflow-hidden flex justify-center items-center aspect-1",
-      className
-    )
-  });
-};
-
-// lib/drop-zone/DropZone.tsx
-var import_react23 = __toESM(require("react"), 1);
-var import_classnames16 = __toESM(require("classnames"), 1);
-var DropZone = (props) => {
-  const { onDrop, children, className, style } = props;
-  const [coverVisible, setCoverVisible] = (0, import_react23.useState)(false);
-  const handleDrop = (e) => {
-    e.preventDefault();
-    setCoverVisible(false);
-    const file = e.dataTransfer.files[0];
-    onDrop(file);
-  };
-  const handleDocDragEnter = (0, import_react23.useCallback)((e) => {
-    e.preventDefault();
-    setCoverVisible(true);
-  }, []);
-  (0, import_react23.useEffect)(() => {
-    document.addEventListener("dragenter", handleDocDragEnter);
-    return () => {
-      document.removeEventListener("dragenter", handleDocDragEnter);
-    };
-  }, []);
-  if (props.disabled) {
-    return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, children);
-  }
-  const handleDragOver = (e) => {
-    e.preventDefault();
-    setCoverVisible(true);
-  };
-  const coverCls = (0, import_classnames16.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
-    "text-blur": coverVisible,
-    "z-[999]": coverVisible,
-    block: coverVisible,
-    hidden: !coverVisible
-  });
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("div", {
-    className: coverCls,
-    onDragLeave: () => {
-      setCoverVisible(false);
-    },
-    onDragOver: handleDragOver,
-    onDrop: handleDrop
-  }), children);
-};
-
-// lib/context-menu/index.tsx
-var React23 = __toESM(require("react"), 1);
-var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
-var import_react_icons = require("@radix-ui/react-icons");
-var import_classnames17 = __toESM(require("classnames"), 1);
-"use client";
-var ContextMenu = ContextMenuPrimitive.Root;
-var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuGroup = ContextMenuPrimitive.Group;
-var ContextMenuPortal = ContextMenuPrimitive.Portal;
-var ContextMenuSub = ContextMenuPrimitive.Sub;
-var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.SubTrigger, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-    inset && "pl-32",
-    className
-  ),
-  ...props
-}, children, /* @__PURE__ */ React23.createElement(import_react_icons.ChevronRightIcon, {
-  className: "ml-auto"
-})));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.SubContent, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "z-50 min-w-[8rem] 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",
-    className
-  ),
-  ...props
-}));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Portal, null, /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Content, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "z-50 min-w-[8rem] 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",
-    className
-  ),
-  ...props
-})));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Item, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-    inset && "pl-32",
-    className
-  ),
-  ...props
-}));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.CheckboxItem, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-32 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-    className
-  ),
-  checked,
-  ...props
-}, /* @__PURE__ */ React23.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React23.createElement(import_react_icons.CheckIcon, {
-  className: "h-4 w-4"
-}))), children));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.RadioItem, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-32 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-    className
-  ),
-  ...props
-}, /* @__PURE__ */ React23.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React23.createElement(import_react_icons.DotFilledIcon, {
-  className: "h-4 w-4 fill-current"
-}))), children));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Label, {
-  ref,
-  className: (0, import_classnames17.default)(
-    "px-2 py-1.5 text-sm font-semibold text-foreground",
-    inset && "pl-32",
-    className
-  ),
-  ...props
-}));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Separator, {
-  ref,
-  className: (0, import_classnames17.default)("-mx-1 my-1 h-px bg-border", className),
-  ...props
-}));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ React23.createElement("span", {
-    className: (0, import_classnames17.default)(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      className
-    ),
-    ...props
-  });
-};
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-
-// lib/form/index.tsx
-var React25 = __toESM(require("react"), 1);
-var import_zod = require("zod");
-var import_react_slot = require("@radix-ui/react-slot");
-var import_zod2 = require("@hookform/resolvers/zod");
-var import_react_hook_form = require("react-hook-form");
-var import_classnames19 = __toESM(require("classnames"), 1);
-
-// lib/label/index.tsx
-var React24 = __toESM(require("react"), 1);
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
-var import_class_variance_authority = require("class-variance-authority");
-var import_classnames18 = __toESM(require("classnames"), 1);
-"use client";
-var labelVariants = (0, import_class_variance_authority.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(LabelPrimitive.Root, {
-  ref,
-  className: (0, import_classnames18.default)(labelVariants(), className),
-  ...props
-}));
-Label2.displayName = LabelPrimitive.Root.displayName;
-
-// lib/form/index.tsx
-"use client";
-var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React25.createContext(
-  {}
-);
-var FormField = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ React25.createElement(FormFieldContext.Provider, {
-    value: { name: props.name }
-  }, /* @__PURE__ */ React25.createElement(import_react_hook_form.Controller, {
-    ...props
-  }));
-};
-var useFormField = () => {
-  const fieldContext = React25.useContext(FormFieldContext);
-  const itemContext = React25.useContext(FormItemContext);
-  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemContext = React25.createContext(
-  {}
-);
-var FormItem = React25.forwardRef(({ className, ...props }, ref) => {
-  const id = React25.useId();
-  return /* @__PURE__ */ React25.createElement(FormItemContext.Provider, {
-    value: { id }
-  }, /* @__PURE__ */ React25.createElement("div", {
-    ref,
-    className: (0, import_classnames19.default)("space-y-2", className),
-    ...props
-  }));
-});
-FormItem.displayName = "FormItem";
-var FormLabel = React25.forwardRef(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React25.createElement(Label2, {
-    ref,
-    className: (0, import_classnames19.default)(error && "text-destructive", className),
-    htmlFor: formItemId,
-    ...props
-  });
-});
-FormLabel.displayName = "FormLabel";
-var FormControl = React25.forwardRef(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React25.createElement(import_react_slot.Slot, {
-    ref,
-    id: formItemId,
-    "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-    "aria-invalid": !!error,
-    ...props
-  });
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React25.forwardRef(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React25.createElement("p", {
-    ref,
-    id: formDescriptionId,
-    className: (0, import_classnames19.default)("text-sm text-muted-foreground", className),
-    ...props
-  });
-});
-FormDescription.displayName = "FormDescription";
-var FormMessage = React25.forwardRef(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error == null ? void 0 : error.message) : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ React25.createElement("p", {
-    ref,
-    id: formMessageId,
-    className: (0, import_classnames19.default)("text-sm font-medium text-destructive", className),
-    ...props
-  }, body);
-});
-FormMessage.displayName = "FormMessage";
-
-// lib/input/index.tsx
-var React26 = __toESM(require("react"), 1);
-var import_classnames20 = __toESM(require("classnames"), 1);
-var Input = React26.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React26.createElement("input", {
-      type,
-      className: (0, import_classnames20.default)(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ref,
-      ...props
-    });
-  }
-);
-Input.displayName = "Input";
-
-// lib/canvas/Canvas.tsx
-var import_react25 = __toESM(require("react"), 1);
-
-// lib/canvas/useRenderer.ts
-var import_react24 = require("react");
-var import_phenomenon2 = __toESM(require("phenomenon"), 1);
-var useRenderer = (uniform) => {
-  const canvasRef = (0, import_react24.useRef)(null);
-  const [renderer, setRenderer] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
-    if (!canvasRef.current) {
-      return;
-    }
-    const renderer2 = new import_phenomenon2.default({
-      settings: {
-        uniforms: uniform,
-        devicePixelRatio: window.devicePixelRatio,
-        shouldRender: true,
-        canvas: canvasRef.current,
-        mode: 4
-      },
-      context: {
-        antialias: true,
-        alpha: true
-      }
-    });
-    setRenderer(renderer2);
-    return () => {
-      renderer2 == null ? void 0 : renderer2.destroy();
-      window.removeEventListener("resize", renderer2 == null ? void 0 : renderer2.resize);
-    };
-  }, [canvasRef.current]);
-  return {
-    canvasRef,
-    renderer
-  };
-};
-
-// lib/canvas/Canvas.tsx
-var Canvas = (props) => {
-  const {
-    fragment,
-    vertex,
-    uniforms = {},
-    name,
-    attributes = [],
-    onRender,
-    ...rest
-  } = props;
-  const { canvasRef, renderer } = useRenderer(uniforms);
-  const instName = name ?? "default";
-  (0, import_react25.useEffect)(() => {
-    if (renderer == null || canvasRef.current == null) {
-      return;
-    }
-    const aCopy = attributes.map((attr) => ({
-      ...attr,
-      data: (i, total) => attr.data(i, total)
-    }));
-    const uCopy = Object.keys(uniforms).reduce((acc, key) => {
-      acc[key] = {
-        ...uniforms[key],
-        value: [...uniforms[key].value]
-      };
-      return acc;
-    }, {});
-    const vertices = [
-      { x: -100, y: 100, z: 0 },
-      { x: -100, y: -100, z: 0 },
-      { x: 100, y: 100, z: 0 },
-      { x: 100, y: -100, z: 0 },
-      { x: -100, y: -100, z: 0 },
-      { x: 100, y: 100, z: 0 }
-    ];
-    renderer.add(instName, {
-      uniforms: {
-        ...uCopy,
-        uProgress: {
-          type: "float",
-          value: 0
-        }
-      },
-      attributes: aCopy,
-      fragment,
-      vertex,
-      mode: 4,
-      geometry: { vertices },
-      onRender: (inst) => {
-        if (inst.uniforms.uProgress != void 0) {
-          inst.uniforms.uProgress.value += 0.09;
-        }
-        if (onRender) {
-          onRender(inst);
-        }
-      }
-    });
-    return () => {
-      renderer.remove(instName);
-    };
-  }, [renderer]);
-  return /* @__PURE__ */ import_react25.default.createElement("canvas", {
-    style: {
-      ...props.style,
-      imageRendering: "pixelated"
-    },
-    ref: canvasRef,
-    ...rest
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Article,
-  ArticleSkeleton,
-  BlinkDot,
-  BlurCover,
-  Breadcrumb,
-  Button,
-  ButtonType,
-  Canvas,
-  ContextMenu,
-  ContextMenuCheckboxItem,
-  ContextMenuContent,
-  ContextMenuGroup,
-  ContextMenuItem,
-  ContextMenuLabel,
-  ContextMenuPortal,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuTrigger,
-  DropImage,
-  DropZone,
-  Error,
-  ErrorBoundary,
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  Gallery,
-  Img,
-  Input,
-  Label,
-  Link,
-  LinkColor,
-  LinkList,
-  LinkListSkeleton,
-  List,
-  LoadingSpiral,
-  Logo,
-  Nav,
-  NotFound,
-  Page,
-  Panel,
-  PopConfirm,
-  Skeleton,
-  SkeletonColor,
-  Table,
-  Tag,
-  Tags,
-  ThreeColLayout,
-  TitledList,
-  ossProcessType,
-  useForm,
-  useFormField,
-  z,
-  zodResolver
-});
-//# sourceMappingURL=index.cjs.map