@lobehub/ui 1.1.0 → 1.2.0

package/es/TabsNav/index.d.ts

@@ -0,0 +1,22 @@
+import { TabsProps } from 'antd';
+import React from 'react';
+export interface TabsNavProps {
+    /**
+     * @description Additional className to apply to the component
+     */
+    className?: string;
+    /**
+     * @description Callback function that is triggered when a tab is changed
+     */
+    onChange?: (activeKey: string) => void;
+    /**
+     * @description An array of objects representing the tabs to be rendered
+     */
+    items?: TabsProps['items'];
+    /**
+     * @description The key of the active tab
+     */
+    activeKey?: TabsProps['activeKey'];
+}
+declare const _default: React.NamedExoticComponent<TabsNavProps>;
+export default _default;

package/es/{Template → TabsNav}/index.js

@@ -1,15 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
+var _excluded = ["className"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { Tabs } from 'antd';
 import React from 'react';
+import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Template = function Template(_ref) {
-  var children = _ref.children,
+var TabsNav = function TabsNav(_ref) {
+  var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: children
-  }));
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(Tabs, _objectSpread({
+    className: cx(styles.tabs, className)
+  }, props));
 };
-export default /*#__PURE__*/React.memo(Template);
+export default /*#__PURE__*/React.memo(TabsNav);

package/es/TabsNav/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    tabs: import("antd-style").SerializedStyles;
+}>;

package/es/TabsNav/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var prefix = ".".concat(prefixCls, "-tabs");
+  var marginHoriz = 16;
+  var paddingVertical = 6;
+  return {
+    tabs: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "-tab + ", "-tab {\n        margin: ", "px 4px !important;\n        padding: 0 12px !important;\n      }\n\n      ", "-tab {\n        color: ", ";\n        transition: background-color 100ms ease-out;\n\n        &:first-child {\n          margin: ", "px 4px ", "px 0;\n          padding: ", "px 12px !important;\n        }\n\n        &:hover {\n          color: ", " !important;\n          background: ", ";\n          border-radius: ", "px;\n        }\n      }\n\n      ", "-nav {\n        margin-bottom: 0;\n        &::before {\n          display: none;\n        }\n      }\n    "])), prefix, prefix, marginHoriz, prefix, token.colorTextSecondary, marginHoriz, marginHoriz, paddingVertical, token.colorText, token.colorFillTertiary, token.borderRadius, prefix)
+  };
+});

package/es/ThemeProvider/GlobalStyle.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { createGlobalStyle } from 'antd-style';
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n  body {\n    font-family: \"AliPuHui\", ", ";\n    font-size: ", ";\n    line-height: 1;\n    color: ", ";\n\n    margin: 0;\n    padding: 0;\n    background-color: ", ";\n\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  @font-face {\n    font-family: AliPuHui;\n    font-weight: normal;\n    src: url('//at.alicdn.com/t/webfont_exesdog9toj.woff2') format('woff2'),\n    url('//at.alicdn.com/t/webfont_exesdog9toj.woff') format('woff'),\n    url('//at.alicdn.com/t/webfont_exesdog9toj.ttf') format('truetype');\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: AliPuHui;\n    font-weight: bold;\n    src: url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/Gsw2PSKrftc1yNWMNlXgw.woff2') format('woff2'),\n    url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/vtu73by4O2gEBcvBuLgeu.woff') format('woff');\n    font-display: swap;\n  }\n\n  /* \u5B9A\u4E49\u6EDA\u52A8\u69FD\u7684\u6837\u5F0F */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n    margin-right: 4px;\n    background-color: transparent; // \u5B9A\u4E49\u6EDA\u52A8\u69FD\u7684\u80CC\u666F\u8272\n\n    &-thumb {\n      background-color: ", "; // \u5B9A\u4E49\u6EDA\u52A8\u5757\u7684\u80CC\u666F\u8272\n      border-radius: 4px; // \u5B9A\u4E49\u6EDA\u52A8\u5757\u7684\u5706\u89D2\u534A\u5F84\n    }\n\n    &-corner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n  body {\n    font-family: 'Segoe UI', SegoeUI, AliPuHui, ", ";\n    font-size: ", "px;\n    line-height: 1;\n    color: ", ";\n\n    margin: 0;\n    padding: 0;\n    background-color: ", ";\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n  \n  #root {\n\t  min-height: 100vh;\n\t  width: 100vw;\n  }\n\n  @font-face {\n    font-family: AliPuHui;\n    font-weight: normal;\n    src: url('//at.alicdn.com/t/webfont_exesdog9toj.woff2') format('woff2'),\n    url('//at.alicdn.com/t/webfont_exesdog9toj.woff') format('woff'),\n    url('//at.alicdn.com/t/webfont_exesdog9toj.ttf') format('truetype');\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: AliPuHui;\n    font-weight: bold;\n    src: url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/Gsw2PSKrftc1yNWMNlXgw.woff2') format('woff2'),\n    url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/vtu73by4O2gEBcvBuLgeu.woff') format('woff');\n    font-display: swap;\n  }\n\n  /* \u5B9A\u4E49\u6EDA\u52A8\u69FD\u7684\u6837\u5F0F */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n    margin-right: 4px;\n    background-color: transparent; // \u5B9A\u4E49\u6EDA\u52A8\u69FD\u7684\u80CC\u666F\u8272\n\n    &-thumb {\n      background-color: ", "; // \u5B9A\u4E49\u6EDA\u52A8\u5757\u7684\u80CC\u666F\u8272\n      border-radius: 4px; // \u5B9A\u4E49\u6EDA\u52A8\u5757\u7684\u5706\u89D2\u534A\u5F84\n    }\n\n    &-corner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.fontFamily;
 }, function (_ref2) {

package/es/ThemeProvider/index.js

@@ -32,6 +32,10 @@ var ThemeProvider = function ThemeProvider(_ref) {
       customStylish: getCustomStylish,
       customToken: getCustomToken,
       children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
+        style: {
+          minHeight: 'inherit',
+          width: 'inherit'
+        },
         children: children
       })]
     })

package/es/ThemeSwitch/index.d.ts

@@ -0,0 +1,27 @@
+import { type ActionIconSize } from "../index";
+import { DivProps } from "../types";
+import { ThemeMode } from 'antd-style';
+import React from 'react';
+export interface ThemeSwitchProps extends DivProps {
+    /**
+     * @description Size of the action icon
+     * @default {
+     *   blockSize: 34,
+     *   fontSize: 20,
+     *   strokeWidth: 1.5,
+     * }
+     */
+    size?: ActionIconSize;
+    /**
+     * @description The theme mode of the component
+     * @type ThemeMode
+     */
+    themeMode: ThemeMode;
+    /**
+     * @description Callback function when the theme mode is switched
+     * @type {(themeMode: ThemeMode) => void}
+     */
+    onThemeSwitch: (themeMode: ThemeMode) => void;
+}
+declare const _default: React.NamedExoticComponent<ThemeSwitchProps>;
+export default _default;

package/es/ThemeSwitch/index.js

@@ -0,0 +1,64 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["size", "themeMode", "onThemeSwitch"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ActionIcon, Icon } from "./..";
+import { Dropdown } from 'antd';
+import { Monitor, Moon, Sun } from 'lucide-react';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var icons = {
+  auto: Monitor,
+  light: Sun,
+  dark: Moon
+};
+var items = [{
+  label: 'System',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    size: "small",
+    icon: icons.auto
+  }),
+  key: 'auto'
+}, {
+  label: 'Light',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    size: "small",
+    icon: icons.light
+  }),
+  key: 'light'
+}, {
+  label: 'Dark',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    size: "small",
+    icon: icons.dark
+  }),
+  key: 'dark'
+}];
+var ThemeSwitch = function ThemeSwitch(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? {
+      blockSize: 34,
+      fontSize: 20,
+      strokeWidth: 1.5
+    } : _ref$size,
+    themeMode = _ref.themeMode,
+    onThemeSwitch = _ref.onThemeSwitch,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var menuProps = {
+    items: items,
+    onClick: function onClick(e) {
+      return onThemeSwitch(e.key);
+    }
+  };
+  return /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({
+    menu: menuProps,
+    trigger: ['click']
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(ActionIcon, {
+      size: size,
+      icon: icons[themeMode]
+    })
+  }));
+};
+export default /*#__PURE__*/React.memo(ThemeSwitch);

package/es/index.d.ts

@@ -1,6 +1,9 @@
-export { default as ActionIcon, type ActionIconProps } from './ActionIcon';
+export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from './ActionIcon';
 export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';
-export { default as Logo } from './Logo';
+export { default as Icon, type IconProps, type IconSize } from './Icon';
+export { default as Logo, type LogoProps } from './Logo';
 export { default as SideNav, type SideNavProps } from './SideNav';
-export { default as Template, type TemplateProps } from './Template';
+export { default as StroyBook, useControls, useCreateStore, type StroyBookProps, } from './StroyBook';
+export { default as TabsNav, type TabsNavProps } from './TabsNav';
 export { default as ThemeProvider } from './ThemeProvider';
+export { default as ThemeSwitch, type ThemeSwitchProps } from './ThemeSwitch';

package/es/index.js

@@ -1,6 +1,9 @@
 export { default as ActionIcon } from "./ActionIcon";
 export { default as DraggablePanel } from "./DraggablePanel";
+export { default as Icon } from "./Icon";
 export { default as Logo } from "./Logo";
 export { default as SideNav } from "./SideNav";
-export { default as Template } from "./Template";
-export { default as ThemeProvider } from "./ThemeProvider";
+export { default as StroyBook, useControls, useCreateStore } from "./StroyBook";
+export { default as TabsNav } from "./TabsNav";
+export { default as ThemeProvider } from "./ThemeProvider";
+export { default as ThemeSwitch } from "./ThemeSwitch";

package/lib/ActionIcon/index.d.ts

@@ -1,14 +1,27 @@
 import { DivProps } from "../types";
 import { LucideIcon } from 'lucide-react';
 import React from 'react';
+export declare type ActionIconSize = 'large' | 'normal' | 'small' | {
+    blockSize?: number;
+    fontSize?: number;
+    strokeWidth?: number;
+    borderRadius?: number;
+};
 export interface ActionIconProps extends DivProps {
+    /**
+     * @description Whether the icon is active or not
+     * @default false
+     */
     active?: boolean;
-    size?: 'large' | 'normal' | 'small' | {
-        blockSize: number;
-        fontSize: number;
-        strokeWidth: number;
-        borderRadius: number;
-    };
+    /**
+     * @description Size of the icon
+     * @default 'normal'
+     */
+    size?: ActionIconSize;
+    /**
+     * @description The icon element to be rendered
+     * @type LucideIcon
+     */
     icon: LucideIcon;
 }
 declare const _default: React.NamedExoticComponent<ActionIconProps>;

package/lib/ActionIcon/index.js

@@ -32,77 +32,46 @@ __export(ActionIcon_exports, {
   default: () => ActionIcon_default
 });
 module.exports = __toCommonJS(ActionIcon_exports);
+var import__ = require("../index");
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var Block = import_styled_components.default.div`
-  cursor: pointer;
-
-  display: flex;
-  flex: none;
-  align-items: center;
-  justify-content: center;
-
-  color: ${({ active, theme }) => active ? theme.colorText : theme.colorTextQuaternary};
-
-  background: ${({ active, theme }) => active ? theme.colorFill : "transparent"};
-
-  transition: all 0.2s ${({ theme }) => theme.motionEaseOut};
-
-  &:hover {
-    background: ${({ theme }) => theme.colorFillTertiary};
-  }
-
-  &:active {
-    color: ${({ theme }) => theme.colorText};
-    background: ${({ theme }) => theme.colorFill};
-  }
-`;
+var import_style = require("./style");
 var ActionIcon = ({
+  className,
   active,
   icon,
   size = "normal",
   style,
   ...props
 }) => {
+  const { styles, cx } = (0, import_style.useStyles)(active);
   let blockSize;
-  let fontSize;
-  let strokeWidth;
   let borderRadius;
-  const Icon = icon;
   switch (size) {
     case "large":
       blockSize = 44;
-      fontSize = 24;
-      strokeWidth = 2;
       borderRadius = 8;
       break;
     case "normal":
       blockSize = 36;
-      fontSize = 24;
-      strokeWidth = 2;
       borderRadius = 5;
       break;
     case "small":
       blockSize = 28;
-      fontSize = 20;
-      strokeWidth = 1.5;
       borderRadius = 5;
       break;
     default:
       blockSize = (size == null ? void 0 : size.blockSize) || 36;
-      fontSize = (size == null ? void 0 : size.fontSize) || 24;
-      strokeWidth = (size == null ? void 0 : size.strokeWidth) || 2;
       borderRadius = (size == null ? void 0 : size.borderRadius) || 5;
       break;
   }
   return /* @__PURE__ */ import_react.default.createElement(
-    Block,
+    "div",
     {
-      active,
+      className: cx(styles.block, className),
       style: { width: blockSize, height: blockSize, borderRadius, ...style },
       ...props
     },
-    /* @__PURE__ */ import_react.default.createElement(Icon, { size: fontSize, strokeWidth })
+    /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size, icon })
   );
 };
 var ActionIcon_default = import_react.default.memo(ActionIcon);

package/lib/ActionIcon/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    block: import("antd-style").SerializedStyles;
+}>;

package/lib/ActionIcon/style.js

@@ -0,0 +1,57 @@
+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/ActionIcon/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }, active) => {
+  return {
+    block: css`
+      cursor: pointer;
+
+      display: flex;
+      flex: none;
+      align-items: center;
+      justify-content: center;
+
+      color: ${active ? token.colorText : token.colorTextQuaternary};
+
+      background: ${active ? token.colorFill : "transparent"};
+
+      transition: color 600ms ${token.motionEaseOut}, background-color 100ms ${token.motionEaseOut};
+
+      &:hover {
+        color: ${token.colorText};
+        background-color: ${token.colorFillTertiary};
+      }
+
+      &:active {
+        color: ${token.colorText};
+        background-color: ${token.colorFill};
+      }
+    `
+  };
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/DraggablePanel/index.d.ts

@@ -4,22 +4,82 @@ import React from 'react';
 import type { Props as RndProps } from 'react-rnd';
 export declare type placementType = 'right' | 'left' | 'top' | 'bottom';
 export interface DraggablePanelProps extends DivProps {
+    /**
+     * @description Whether the panel can be pinned or not
+     * @default true
+     */
     pin?: boolean;
+    /**
+     * @description The mode of the panel, fixed or float
+     * @default 'fixed'
+     */
     mode?: 'fixed' | 'float';
+    /**
+     * @description The placement of the panel, right, left, top or bottom
+     * @default 'right'
+     */
     placement: placementType;
+    /**
+     * @description The minimum width of the panel
+     */
     minWidth?: number;
+    /**
+     * @description The minimum height of the panel
+     */
     minHeight?: number;
+    /**
+     * @description Whether the panel can be resized or not
+     * @default true
+     */
     resize?: RndProps['enableResizing'];
+    /**
+     * @description The size of the panel
+     */
     size?: Partial<Size>;
+    /**
+     * @description Callback function when the size of the panel changes
+     */
     onSizeChange?: (delta: NumberSize, size?: Size) => void;
+    /**
+     * @description Callback function when the panel is being resized
+     */
     onSizeDragging?: (delta: NumberSize, size?: Size) => void;
+    /**
+     * @description Whether the panel is expandable or not
+     * @default true
+     */
     expandable?: boolean;
+    /**
+     * @description Whether the panel is expanded or not
+     */
     expand?: boolean;
+    /**
+     * @description The default expand state of the panel
+     * @default true
+     */
     defaultExpand?: boolean;
+    /**
+     * @description Callback function when the expand state of the panel changes
+     */
     onExpandChange?: (expand: boolean) => void;
+    /**
+     * @description The default size of the panel
+     */
     defaultSize?: Partial<Size>;
+    /**
+     * @description Whether the panel should be destroyed when closed or not
+     * @default false
+     */
     destroyOnClose?: boolean;
+    /**
+     * @description Whether the panel handler should be shown when unexpanded or not
+     * @default true
+     */
     showHandlerWhenUnexpand?: boolean;
+    /**
+     * @description The style of the panel handler
+     * @type CSSProperties
+     */
     hanlderStyle?: React.CSSProperties;
 }
 declare const _default: React.NamedExoticComponent<DraggablePanelProps>;

package/lib/DraggablePanel/style.js

@@ -23,7 +23,7 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_antd_style = require("antd-style");
-var offset = 16;
+var offset = 17;
 var toggleLength = 40;
 var toggleShort = 16;
 var useStyle = (0, import_antd_style.createStyles)(({ token }, prefix) => {

package/lib/Icon/index.d.ts

@@ -0,0 +1,21 @@
+import { SvgProps } from "../types";
+import { LucideIcon } from 'lucide-react';
+import React from 'react';
+export declare type IconSize = 'large' | 'normal' | 'small' | {
+    fontSize?: number;
+    strokeWidth?: number;
+};
+export interface IconProps extends SvgProps {
+    /**
+     * @description Size of the icon
+     * @default 'normal'
+     */
+    size?: IconSize;
+    /**
+     * @description The icon element to be rendered
+     * @type LucideIcon
+     */
+    icon: LucideIcon;
+}
+declare const _default: React.NamedExoticComponent<IconProps>;
+export default _default;

package/lib/Icon/index.js

@@ -0,0 +1,59 @@
+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/Icon/index.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_react = __toESM(require("react"));
+var Icon = ({ icon, size = "normal", ...props }) => {
+  let fontSize;
+  let strokeWidth;
+  const SvgIcon = icon;
+  switch (size) {
+    case "large":
+    case "normal":
+      fontSize = 24;
+      strokeWidth = 2;
+      break;
+    case "small":
+      fontSize = 20;
+      strokeWidth = 1.5;
+      break;
+    default:
+      fontSize = (size == null ? void 0 : size.fontSize) || 24;
+      strokeWidth = (size == null ? void 0 : size.strokeWidth) || 2;
+      break;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(SvgIcon, { size: fontSize, strokeWidth, ...props });
+};
+var Icon_default = import_react.default.memo(Icon);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Logo/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;

package/lib/Logo/Divider.js

@@ -0,0 +1,51 @@
+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/Logo/Divider.tsx
+var Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_react = __toESM(require("react"));
+var Divider = (props) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    shapeRendering: "geometricPrecision",
+    viewBox: "0 0 24 24",
+    ...props
+  },
+  /* @__PURE__ */ import_react.default.createElement("path", { d: "M16.88 3.549L7.12 20.451" })
+);
+var Divider_default = import_react.default.memo(Divider);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Logo/Logo3D.d.ts

@@ -1,4 +1,3 @@
-import { ImgProps } from "../types";
 import React from 'react';
-declare const _default: React.NamedExoticComponent<ImgProps>;
+declare const _default: React.NamedExoticComponent<any>;
 export default _default;

package/lib/Logo/LogoFlat.d.ts

@@ -1,4 +1,3 @@
-import { SvgProps } from "../types";
 import React from 'react';
-declare const _default: React.NamedExoticComponent<SvgProps>;
+declare const _default: React.NamedExoticComponent<any>;
 export default _default;

package/lib/Logo/LogoFlat.js

@@ -33,7 +33,7 @@ __export(LogoFlat_exports, {
 });
 module.exports = __toCommonJS(LogoFlat_exports);
 var import_react = __toESM(require("react"));
-var LogoFlat = (props) => /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 320 320", ...props }, /* @__PURE__ */ import_react.default.createElement(
+var LogoFlat = (props) => /* @__PURE__ */ import_react.default.createElement("svg", { fill: "none", viewBox: "0 0 320 320", ...props }, /* @__PURE__ */ import_react.default.createElement(
   "path",
   {
     fill: "#FFB02E",