@pisell/materials 1.0.48 → 1.0.49

package/lib/components/MultipleContainersSortList/index.js

@@ -0,0 +1,192 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/MultipleContainersSortList/index.tsx
+var MultipleContainersSortList_exports = {};
+__export(MultipleContainersSortList_exports, {
+  TRASH_ID: () => TRASH_ID,
+  default: () => MultipleContainersSortList_default
+});
+module.exports = __toCommonJS(MultipleContainersSortList_exports);
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utils = require("@pisell/utils");
+var import_react = __toESM(require("react"));
+var import_DragSortList = require("../DragSortList");
+var import_index = require("./index.less");
+var TRASH_ID = "void";
+var maxLength = 3;
+var DefaultRenderContainer = (props) => {
+  const { id, children, renderContainer } = props;
+  const { setNodeRef } = (0, import_sortable.useSortable)({
+    id
+  });
+  if ((0, import_utils.isFunction)(renderContainer)) {
+    return renderContainer({ children, ref: setNodeRef, id });
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef }, children);
+};
+var MultipleContainersSortList = (props) => {
+  const {
+    wrapStyle,
+    list,
+    children,
+    onChange,
+    renderContainer,
+    rowKey = "id"
+  } = props;
+  const [containers, setContainers] = (0, import_react.useState)([]);
+  const getRowKey = (0, import_react.useCallback)(
+    (row) => {
+      if ((0, import_utils.isFunction)(rowKey)) {
+        return rowKey(row);
+      }
+      return row[rowKey];
+    },
+    [rowKey]
+  );
+  (0, import_react.useEffect)(() => {
+    setContainers(Object.keys(list));
+  }, [list]);
+  const findContainer = (id) => {
+    if (id in list) {
+      return id;
+    }
+    return Object.keys(list).find(
+      (key) => list[key].map((item) => getRowKey(item)).includes(id)
+    );
+  };
+  const handleDragOver = ({ active, over }) => {
+    const overId = over == null ? void 0 : over.id;
+    if (overId == null || overId === TRASH_ID || active.id in list) {
+      return;
+    }
+    const overContainer = findContainer(overId);
+    const activeContainer = findContainer(active.id);
+    if (!overContainer || !activeContainer) {
+      return;
+    }
+    if (activeContainer !== overContainer) {
+      const activeItems = list[activeContainer];
+      const overItems = list[overContainer];
+      const overIndex = overItems.findIndex(
+        (item) => getRowKey(item) === overId
+      );
+      const activeIndex = activeItems.findIndex(
+        (item) => getRowKey(item) === active.id
+      );
+      let newIndex;
+      if (overId in list) {
+        newIndex = overItems.length + 1;
+      } else {
+        const isBelowOverItem = over && active.rect.current.translated && active.rect.current.translated.top > over.rect.top + over.rect.height;
+        const modifier = isBelowOverItem ? 1 : 0;
+        newIndex = overIndex >= 0 ? overIndex + modifier : overItems.length + 1;
+      }
+      let newList = {
+        ...list,
+        [activeContainer]: list[activeContainer].filter(
+          (item) => getRowKey(item) !== active.id
+        ),
+        [overContainer]: [
+          ...list[overContainer].slice(0, newIndex),
+          list[activeContainer][activeIndex],
+          ...list[overContainer].slice(newIndex, list[overContainer].length)
+        ]
+      };
+      if (overContainer === "quickFilter" && newList[overContainer].length > maxLength) {
+        newList = {
+          ...newList,
+          [overContainer]: newList[overContainer].slice(0, maxLength),
+          [activeContainer]: [
+            ...newList[overContainer].slice(maxLength),
+            ...newList[activeContainer]
+          ]
+        };
+      }
+      onChange == null ? void 0 : onChange(newList);
+    }
+  };
+  const handleDragEnd = ({ active, over }) => {
+    const overId = over == null ? void 0 : over.id;
+    const overContainer = findContainer(overId);
+    const activeContainer = findContainer(active.id);
+    if (!activeContainer) {
+      return;
+    }
+    if (overContainer) {
+      const activeIndex = list[activeContainer].findIndex(
+        (item) => getRowKey(item) === active.id
+      );
+      const overIndex = list[overContainer].findIndex(
+        (item) => getRowKey(item) === overId
+      );
+      if (activeIndex !== overIndex) {
+        const newList = {
+          ...list,
+          [overContainer]: (0, import_sortable.arrayMove)(
+            list[overContainer],
+            activeIndex,
+            overIndex
+          )
+        };
+        onChange == null ? void 0 : onChange(newList);
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragOver: handleDragOver, onDragEnd: handleDragEnd }, /* @__PURE__ */ import_react.default.createElement("div", { style: wrapStyle }, containers.map((container) => /* @__PURE__ */ import_react.default.createElement(
+    DefaultRenderContainer,
+    {
+      id: container,
+      renderContainer
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_sortable.SortableContext,
+      {
+        key: container,
+        items: list[container].map((item) => getRowKey(item)),
+        strategy: import_sortable.verticalListSortingStrategy
+      },
+      list[container].length ? list[container].map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_DragSortList.SortableItem,
+        {
+          key: getRowKey(item),
+          id: getRowKey(item),
+          item,
+          index
+        },
+        children
+      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, "No filter options available.")
+    )
+  ))));
+};
+var MultipleContainersSortList_default = MultipleContainersSortList;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TRASH_ID
+});

package/lib/components/MultipleContainersSortList/index.less

@@ -0,0 +1,6 @@
+.materials-sort-list-empty {
+  display: block;
+  color: #5a5a5a;
+  text-align: center;
+  padding-top: 22px;
+}

package/lib/components/Pagination/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { PaginationProps } from "antd";
+import "./index.less";
+export declare const paginationConfig: {
+    className: string;
+    defaultCurrent: number;
+    showTotal: (total: number, range: [number, number]) => string;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    responsive: boolean;
+    size: string;
+};
+declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+export default Pagination;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;

package/lib/components/Pagination/index.js

@@ -0,0 +1,158 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Pagination/index.tsx
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  FormPagination: () => FormPagination,
+  default: () => Pagination_default,
+  paginationConfig: () => paginationConfig
+});
+module.exports = __toCommonJS(Pagination_exports);
+var import_react = __toESM(require("react"));
+var import_icon = require("@pisell/icon");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_hooks = require("../../hooks");
+var import_index = require("./index.less");
+var itemRender = (_, type, originalElement) => {
+  if (type === "prev") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
+  }
+  if (type === "next") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
+  }
+  return originalElement;
+};
+var paginationConfig = {
+  className: "materials-grid-paginator",
+  defaultCurrent: 1,
+  showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
+  itemRender,
+  responsive: true,
+  size: "small"
+};
+var Pagination = (props) => {
+  const responsive = (0, import_hooks.useResponsive)();
+  const show = (0, import_react.useMemo)(() => {
+    return Object.keys(props).length;
+  }, [props]);
+  const content = (0, import_react.useMemo)(() => {
+    if (!show) {
+      return null;
+    }
+    let Com = import_antd.Pagination;
+    if (responsive === "phone") {
+      Com = MiniPagination;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(Com, { ...paginationConfig, ...props });
+  }, [show, paginationConfig, props, responsive]);
+  return content;
+};
+var Pagination_default = Pagination;
+var MiniPagination = (props) => {
+  const { current = 1, pageSize = 10, total = 0 } = props;
+  const MAX = (0, import_react.useMemo)(() => {
+    return Math.ceil(total / pageSize);
+  }, [total, pageSize]);
+  const MIN = (0, import_react.useMemo)(() => {
+    return 1;
+  }, []);
+  const onChange = (type) => {
+    let currentPage = current;
+    if (type === "prev") {
+      currentPage = current - 1;
+    }
+    if (type === "next") {
+      currentPage = current + 1;
+    }
+    props.onChange && props.onChange(currentPage, pageSize || 10);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode-pagination-prev",
+      onClick: () => {
+        if (current <= MIN) {
+          return;
+        }
+        onChange("prev");
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }))
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "Page"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, current), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "of"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, MAX)), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode-pagination-next",
+      onClick: () => {
+        if (current >= MAX) {
+          return;
+        }
+        onChange("next");
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }))
+  ));
+};
+var FormPagination = ({
+  value = {},
+  onChange,
+  page,
+  pageSize,
+  ...other
+}) => {
+  const [_p, _setP] = (0, import_react.useState)(1);
+  const [_ps, _setPs] = (0, import_react.useState)(10);
+  const _onChange = (p, ps) => {
+    onChange && onChange({
+      page: ps === _ps ? p : 1,
+      size: ps
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const _page = (value == null ? void 0 : value.page) || 1;
+    const _size = (value == null ? void 0 : value.size) || 10;
+    _setP(_page);
+    _setPs(_size);
+  }, [value]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    Pagination,
+    {
+      ...other,
+      pageSize: _ps,
+      current: _p,
+      onChange: _onChange,
+      onShowSizeChange: _onChange
+    }
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormPagination,
+  paginationConfig
+});

package/lib/components/Pagination/index.less

@@ -0,0 +1,215 @@
+.materials-grid-paginator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  // overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+  margin: 0 !important;
+
+  .pisell-lowcode-pagination-total-text {
+    margin-right: auto;
+    color: var(--gray-500, #667085);
+    /* Text sm/Medium */
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    /* 142.857% */
+  }
+
+  .pisell-lowcode-pagination-item {
+    position: relative;
+    border: none;
+    margin: 0;
+    border-radius: 0;
+    border: 1px solid #D0D5DD;
+    border-right: 0;
+  }
+
+  .pisell-lowcode-pagination-jump-prev {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .pisell-lowcode-pagination-jump-next {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .pisell-lowcode-pagination-item-link:hover {
+    font-weight: 450 !important;
+    color: rgba(0, 0, 0, 0.88) !important;
+
+    .pisell-lowcode-pagination-item-link-icon {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+    }
+  }
+
+  .pisell-lowcode-pagination-disabled {
+    cursor: not-allowed;
+    color: rgba(0,0,0,.25);
+    .paginator-page-btn {
+      cursor: not-allowed;
+      color: rgba(0,0,0,.25);
+    }
+  }
+
+  .pisell-lowcode-pagination-item-active:hover {
+    border-color: #D0D5DD !important;
+  }
+
+  .pisell-lowcode-pagination-item-active {
+    a {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+
+    }
+
+    background-color: rgba(0, 0, 0, 0.06);
+  }
+
+  .pisell-lowcode-pagination-prev {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: auto;
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 8px 0 0 8px;
+    border-right: none;
+  }
+
+
+  .pisell-lowcode-pagination-next {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: auto;
+    border: 1px solid #D0D5DD;
+    // border-left: none;
+    margin: 0;
+    border-radius: 0 8px 8px 0;
+  }
+}
+
+.paginator-page-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px 4px 4px 4px;
+  transition: 0.2s;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--gray-700, #344054);
+  cursor: pointer;
+  user-select: none;
+  padding: 10px 16px;
+
+  .paginator-page-btn-text {
+    font-weight: 600;
+  }
+
+  .paginator-page-btn-left-icon,
+  .paginator-page-btn-right-icon {
+    font-size: 20px;
+  }
+
+  .paginator-page-btn-left-icon {
+    margin-right: 8px;
+  }
+
+  .paginator-page-btn-right-icon {
+    margin-left: 8px;
+  }
+
+  &:hover {
+    // background: #f2f2f2;
+  }
+
+  &.left {
+    margin-right: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-right: 8px;
+    }
+  }
+
+  &.right {
+    margin-left: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-left: 8px;
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.materials-grid-paginator-mini {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+  margin: 0 !important;
+
+  .paginator-page-btn {
+    padding: 8px;
+
+  }
+
+  .materials-grid-paginator-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+
+    .materials-grid-paginator-center-text {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+    }
+
+    .materials-grid-paginator-center-value {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+    }
+  }
+
+  .pisell-lowcode-pagination-prev,
+  .pisell-lowcode-pagination-next {
+    margin: 0;
+    border-radius: 8px;
+    border: 1px solid #D0D5DD;
+
+    .paginator-page-btn-left-icon {
+      margin-right: 0;
+    }
+
+    .paginator-page-btn-right-icon {
+      margin-left: 0;
+    }
+
+  }
+
+}

package/lib/components/auto-complete/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<import("antd").AutoCompleteProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}, "ref"> & import("react").RefAttributes<any>>;
+export default AutoComplete;

package/lib/components/auto-complete/index.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/auto-complete/index.tsx
+var auto_complete_exports = {};
+__export(auto_complete_exports, {
+  default: () => auto_complete_default
+});
+module.exports = __toCommonJS(auto_complete_exports);
+var import_antd = require("antd");
+var import_hoc = require("../../utils/hoc");
+var AutoComplete = (0, import_hoc.withWrap)(import_antd.AutoComplete);
+var auto_complete_default = AutoComplete;

package/lib/components/button/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ButtonProps as OriginalButtonProps } from "antd";
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: "design" | undefined;
+    href?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

package/lib/components/button/index.js

@@ -0,0 +1,47 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/button/index.tsx
+var button_exports = {};
+__export(button_exports, {
+  default: () => button_default
+});
+module.exports = __toCommonJS(button_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var Button = (0, import_react.forwardRef)(
+  (props, ref) => {
+    var _a;
+    const innerProps = {};
+    if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
+      innerProps.href = void 0;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, ...innerProps, ref });
+  }
+);
+var button_default = Button;

package/lib/components/calendar/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Calendar: (props: any) => JSX.Element;
+export default Calendar;