@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Collapse/index.d.mts

@@ -1,3 +0,0 @@
-import { CollapseItemType, CollapseProps } from "./type.mjs";
-import Collapse from "./Collapse.mjs";
-export { CollapseItemType, CollapseProps, Collapse as default };

package/es/Collapse/index.mjs

@@ -1 +0,0 @@
-export { default } from "./Collapse.mjs";

package/es/Collapse/style.mjs

@@ -1,200 +0,0 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/Collapse/style.ts
-const DEFAULT_PADDING = "12px 16px";
-const getPadding = (padding) => !padding && padding !== 0 ? DEFAULT_PADDING : `${typeof padding === "string" ? padding : `${padding}px`} !important`;
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		borderless: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-header {
-          padding-inline: 0;
-        }
-        .${prefixCls}-collapse-panel {
-          padding-inline: 0;
-          .${prefixCls}-collapse-body {
-            padding-inline: 0;
-          }
-        }
-      }
-    `,
-		desc: css`
-      font-size: 12px;
-      color: ${cssVar.colorTextDescription};
-    `,
-		filledDark: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-item {
-          background: ${cssVar.colorBgLayout};
-          .${prefixCls}-collapse-panel {
-            margin-inline: 3px;
-            margin-block-end: 3px;
-            border-radius: ${cssVar.borderRadius};
-            ${staticStylish.variantOutlinedWithoutHover};
-          }
-        }
-      }
-    `,
-		filledLight: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-item {
-          background: ${cssVar.colorFillQuaternary};
-          .${prefixCls}-collapse-panel {
-            margin-inline: 3px;
-            margin-block-end: 3px;
-            border-radius: ${cssVar.borderRadius};
-            ${staticStylish.variantOutlinedWithoutHover};
-            background: ${cssVar.colorBgContainer};
-            ${staticStylish.shadow};
-          }
-        }
-      }
-    `,
-		gapOutlined: css`
-      &.${prefixCls}-collapse {
-        border: none;
-        background: transparent;
-        .${prefixCls}-collapse-item {
-          border: 1px solid ${cssVar.colorFillSecondary};
-          background: ${cssVar.colorBgContainer};
-        }
-
-        .${prefixCls}-collapse-item:not(:first-child) {
-          .${prefixCls}-collapse-header {
-            border-block-start: none;
-          }
-        }
-      }
-    `,
-		gapRoot: css`
-      &.${prefixCls}-collapse {
-        display: flex;
-        flex-direction: column;
-        border: none;
-        box-shadow: none;
-        .${prefixCls}-collapse-item {
-          border: none;
-          border-radius: ${cssVar.borderRadiusLG};
-        }
-      }
-    `,
-		hideCollapsibleIcon: css`
-      .${prefixCls}-collapse-expand-icon {
-        display: none !important;
-      }
-    `,
-		icon: css`
-      cursor: pointer;
-      transition: all 100ms ${cssVar.motionEaseOut};
-    `,
-		outlined: css`
-      &.${prefixCls}-collapse {
-        border: 1px solid ${cssVar.colorFillSecondary};
-        background: ${cssVar.colorBgContainer};
-        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {
-          transition: none;
-        }
-        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {
-          border-block-end: 1px solid ${cssVar.colorFillTertiary};
-        }
-        .${prefixCls}-collapse-item:not(:first-child) {
-          .${prefixCls}-collapse-header {
-            border-block-start: 1px solid ${cssVar.colorFillTertiary};
-          }
-        }
-      }
-    `,
-		root: css`
-      &.${prefixCls}-collapse {
-        display: flex;
-        flex-direction: column;
-        background: transparent;
-
-        .${prefixCls}-collapse-header {
-          overflow: hidden;
-          display: flex;
-          flex: none;
-          gap: 0.75em;
-          align-items: flex-start;
-
-          border-radius: 0 !important;
-
-          .${prefixCls}-collapse-header-text {
-            flex: 1;
-          }
-
-          .${prefixCls}-collapse-expand-icon {
-            align-items: center;
-            min-height: 28px;
-            margin: 0;
-            padding: 0;
-          }
-
-          .${prefixCls}-collapse-extra {
-            display: flex;
-            align-items: center;
-            min-height: 28px;
-          }
-        }
-
-        .${prefixCls}-collapse-panel {
-          background: transparent;
-        }
-      }
-    `,
-		title: css`
-      font-size: 16px;
-      font-weight: 500;
-      line-height: 28px;
-    `
-	};
-});
-const variants = cva(styles.root, {
-	compoundVariants: [
-		{
-			class: styles.gapOutlined,
-			gap: true,
-			variant: "outlined"
-		},
-		{
-			class: styles.filledDark,
-			isDarkMode: true,
-			variant: "filled"
-		},
-		{
-			class: styles.filledLight,
-			isDarkMode: false,
-			variant: "filled"
-		}
-	],
-	defaultVariants: {
-		collapsible: true,
-		gap: false,
-		isDarkMode: false
-	},
-	variants: {
-		collapsible: {
-			false: styles.hideCollapsibleIcon,
-			true: null
-		},
-		gap: {
-			false: null,
-			true: styles.gapRoot
-		},
-		isDarkMode: {
-			false: null,
-			true: null
-		},
-		variant: {
-			borderless: styles.borderless,
-			filled: null,
-			outlined: styles.outlined
-		}
-	}
-});
-//#endregion
-export { DEFAULT_PADDING, getPadding, styles, variants };
-
-//# sourceMappingURL=style.mjs.map

package/es/Collapse/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-panel {\n          padding-inline: 0;\n          .${prefixCls}-collapse-body {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorBgLayout};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        border: none;\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            margin: 0;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-panel {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,YAAY,GAAG;UACT,UAAU;WACT,UAAU;wBACG,OAAO,cAAc;aAChC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;;;;;EAKxD,aAAa,GAAG;UACV,UAAU;WACT,UAAU;wBACG,OAAO,oBAAoB;aACtC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;0BAClC,OAAO,iBAAiB;cACpCA,cAAkB,OAAO;;;;;EAKnC,aAAa,GAAG;UACV,UAAU;;;WAGT,UAAU;8BACS,OAAO,mBAAmB;wBAChC,OAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,GAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEM,OAAO,eAAe;;;;EAI7C,qBAAqB,GAAG;SACnB,UAAU;;;;EAIf,MAAM,GAAG;;8BAEiB,OAAO,cAAc;;EAE/C,UAAU,GAAG;UACP,UAAU;4BACQ,OAAO,mBAAmB;sBAChC,OAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChB,OAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqB,OAAO,kBAAkB;;;;;EAKjE,MAAM,GAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;;aAOV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,GAAG;;;;;CAKZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;CACF;CACA,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;CACd;CAEA,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;EACR;EACA,KAAK;GACH,OAAO;GACP,MAAM,OAAO;EACf;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/Collapse/type.d.mts

@@ -1,34 +0,0 @@
-import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
-import { CSSProperties, ReactNode, Ref } from "react";
-import { CollapseProps } from "antd";
-import { ItemType } from "rc-collapse/es/interface.js";
-//#region src/Collapse/type.d.ts
-interface CollapseItemType extends ItemType {
-  desc?: ReactNode;
-  icon?: IconProps['icon'];
-}
-interface CollapseProps$1 extends Omit<CollapseProps, 'collapsible' | 'ghost' | 'items'> {
-  classNames?: {
-    desc?: string;
-    header?: string;
-    title?: string;
-  };
-  collapsible?: boolean;
-  gap?: number;
-  items: CollapseItemType[];
-  padding?: number | string | {
-    body?: number | string;
-    header?: number | string;
-  };
-  ref?: Ref<HTMLDivElement>;
-  styles?: {
-    desc?: CSSProperties;
-    header?: CSSProperties;
-    title?: CSSProperties;
-  };
-  variant?: 'filled' | 'outlined' | 'borderless';
-}
-//#endregion
-export { CollapseItemType, CollapseProps$1 as CollapseProps };
-//# sourceMappingURL=type.d.mts.map

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,7 +0,0 @@
-import { DivProps } from "../../types/index.mjs";
-//#region src/DraggablePanel/components/DraggablePanelBody.d.ts
-type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: import("react").NamedExoticComponent<DivProps>;
-//#endregion
-export { DraggablePanelBodyProps, DraggablePanelBody as default };
-//# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelBody.mjs

@@ -1,19 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/DraggablePanel/components/DraggablePanelBody.tsx
-const DraggablePanelBody = memo(({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx(styles.body, className),
-		flex: 1,
-		...rest
-	});
-});
-DraggablePanelBody.displayName = "DraggablePanelBody";
-//#endregion
-export { DraggablePanelBody as default };
-
-//# sourceMappingURL=DraggablePanelBody.mjs.map

package/es/DraggablePanel/components/DraggablePanelBody.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggablePanelBody.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelBody.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelBodyProps = DivProps;\n\nconst DraggablePanelBody = memo<DraggablePanelBodyProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.body, className)} flex={1} {...rest} />;\n});\n\nDraggablePanelBody.displayName = 'DraggablePanelBody';\n\nexport default DraggablePanelBody;\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAqB,MAA+B,EAAE,WAAW,GAAG,WAAW;CACnF,OAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,MAAM;EAAG,GAAI;CAAO,CAAA;AAC7E,CAAC;AAED,mBAAmB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,7 +0,0 @@
-import { DivProps } from "../../types/index.mjs";
-//#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
-type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: import("react").NamedExoticComponent<DivProps>;
-//#endregion
-export { DraggablePanelContainerProps, DraggablePanelContainer as default };
-//# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.mjs

@@ -1,18 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/DraggablePanel/components/DraggablePanelContainer.tsx
-const DraggablePanelContainer = memo(({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx(styles.container, className),
-		...rest
-	});
-});
-DraggablePanelContainer.displayName = "DraggablePanelContainer";
-//#endregion
-export { DraggablePanelContainer as default };
-
-//# sourceMappingURL=DraggablePanelContainer.mjs.map

package/es/DraggablePanel/components/DraggablePanelContainer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggablePanelContainer.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelContainer.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelContainerProps = DivProps;\n\nconst DraggablePanelContainer = memo<DraggablePanelContainerProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.container, className)} {...rest} />;\n});\n\nDraggablePanelContainer.displayName = 'DraggablePanelContainer';\n\nexport default DraggablePanelContainer;\n"],"mappings":";;;;;;;AAYA,MAAM,0BAA0B,MAAoC,EAAE,WAAW,GAAG,WAAW;CAC7F,OAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;CAAO,CAAA;AACzE,CAAC;AAED,wBAAwB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,7 +0,0 @@
-import { DivProps } from "../../types/index.mjs";
-//#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
-type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: import("react").NamedExoticComponent<DivProps>;
-//#endregion
-export { DraggablePanelFooterProps, DraggablePanelFooter as default };
-//# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.mjs

@@ -1,23 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/DraggablePanel/components/DraggablePanelFooter.tsx
-const DraggablePanelFooter = memo(({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		horizontal: true,
-		align: "center",
-		className: cx(styles.footer, className),
-		flex: "none",
-		gap: 8,
-		justify: "flex-start",
-		...rest
-	});
-});
-DraggablePanelFooter.displayName = "DraggablePanelFooter";
-//#endregion
-export { DraggablePanelFooter as default };
-
-//# sourceMappingURL=DraggablePanelFooter.mjs.map

package/es/DraggablePanel/components/DraggablePanelFooter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggablePanelFooter.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelFooter.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelFooterProps = DivProps;\n\nconst DraggablePanelFooter = memo<DraggablePanelFooterProps>(({ className, ...rest }) => {\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.footer, className)}\n      flex={'none'}\n      gap={8}\n      justify={'flex-start'}\n      {...rest}\n    />\n  );\n});\n\nDraggablePanelFooter.displayName = 'DraggablePanelFooter';\n\nexport default DraggablePanelFooter;\n"],"mappings":";;;;;;;AAYA,MAAM,uBAAuB,MAAiC,EAAE,WAAW,GAAG,WAAW;CACvF,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;CACL,CAAA;AAEL,CAAC;AAED,qBAAqB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,13 +0,0 @@
-import { DivProps } from "../../types/index.mjs";
-//#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
-interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
-  pin?: boolean;
-  position?: 'left' | 'right';
-  setExpand?: (expand: boolean) => void;
-  setPin?: (pin: boolean) => void;
-  title?: string;
-}
-declare const DraggablePanelHeader: import("react").NamedExoticComponent<DraggablePanelHeaderProps>;
-//#endregion
-export { DraggablePanelHeaderProps, DraggablePanelHeader as default };
-//# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.mjs

@@ -1,47 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import ActionIcon from "../../base-ui/ActionIcon/ActionIcon.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import useMergeState from "use-merge-value";
-import { PanelLeft, Pin, PinOff } from "lucide-react";
-//#region src/DraggablePanel/components/DraggablePanelHeader.tsx
-const DraggablePanelHeader = memo((props) => {
-	const { pin, setPin, className, setExpand, title, position = "left", ...rest } = props;
-	const [isPinned, setIsPinned] = useMergeState(false, {
-		onChange: setPin,
-		value: pin
-	});
-	const panelIcon = /* @__PURE__ */ jsx(ActionIcon, {
-		icon: PanelLeft,
-		size: "small",
-		onClick: () => setExpand?.(false)
-	});
-	const pinIcon = /* @__PURE__ */ jsx(ActionIcon, {
-		active: pin,
-		icon: pin ? Pin : PinOff,
-		size: "small",
-		onClick: () => setIsPinned(!isPinned)
-	});
-	return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		horizontal: true,
-		align: "center",
-		className: cx(styles.header, className),
-		flex: "none",
-		gap: 8,
-		justify: "space-between",
-		...rest,
-		children: [
-			position === "left" ? panelIcon : pinIcon,
-			title,
-			position === "left" ? pinIcon : panelIcon
-		]
-	});
-});
-DraggablePanelHeader.displayName = "DraggablePanelHeader";
-//#endregion
-export { DraggablePanelHeader as default };
-
-//# sourceMappingURL=DraggablePanelHeader.mjs.map

package/es/DraggablePanel/components/DraggablePanelHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggablePanelHeader.mjs","names":["useControlledState","Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { PanelLeft, Pin, PinOff } from 'lucide-react';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {\n  pin?: boolean;\n  position?: 'left' | 'right';\n  setExpand?: (expand: boolean) => void;\n  setPin?: (pin: boolean) => void;\n  title?: string;\n}\n\nconst DraggablePanelHeader = memo<DraggablePanelHeaderProps>((props) => {\n  const { pin, setPin, className, setExpand, title, position = 'left', ...rest } = props;\n\n  const [isPinned, setIsPinned] = useControlledState(false, {\n    onChange: setPin,\n    value: pin,\n  });\n\n  const panelIcon = (\n    <ActionIcon icon={PanelLeft} size={'small'} onClick={() => setExpand?.(false)} />\n  );\n  const pinIcon = (\n    <ActionIcon\n      active={pin}\n      icon={pin ? Pin : PinOff}\n      size={'small'}\n      onClick={() => setIsPinned(!isPinned)}\n    />\n  );\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.header, className)}\n      flex={'none'}\n      gap={8}\n      justify={'space-between'}\n      {...rest}\n    >\n      {position === 'left' ? panelIcon : pinIcon}\n      {title}\n      {position === 'left' ? pinIcon : panelIcon}\n    </Flexbox>\n  );\n});\n\nDraggablePanelHeader.displayName = 'DraggablePanelHeader';\n\nexport default DraggablePanelHeader;\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,uBAAuB,MAAiC,UAAU;CACtE,MAAM,EAAE,KAAK,QAAQ,WAAW,WAAW,OAAO,WAAW,QAAQ,GAAG,SAAS;CAEjF,MAAM,CAAC,UAAU,eAAeA,cAAmB,OAAO;EACxD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,YACJ,oBAAC,YAAD;EAAY,MAAM;EAAW,MAAM;EAAS,eAAe,YAAY,KAAK;CAAI,CAAA;CAElF,MAAM,UACJ,oBAAC,YAAD;EACE,QAAQ;EACR,MAAM,MAAM,MAAM;EAClB,MAAM;EACN,eAAe,YAAY,CAAC,QAAQ;CACrC,CAAA;CAEH,OACE,qBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;EAPN,UAAA;GASG,aAAa,SAAS,YAAY;GAClC;GACA,aAAa,SAAS,UAAU;EAC1B;;AAEb,CAAC;AAED,qBAAqB,cAAc"}

package/es/DraggablePanel/components/style.mjs

@@ -1,35 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/DraggablePanel/components/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		body: css`
-      overflow: hidden auto;
-      padding: 16px;
-    `,
-		container: css`
-      position: relative;
-      overflow: hidden;
-    `,
-		footer: css`
-      padding-block: 8px;
-      padding-inline: 16px;
-      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
-    `,
-		handlerIcon: css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: all 0.2s ${cssVar.motionEaseOut};
-    `,
-		header: css`
-      padding-block: 8px;
-      padding-inline: 16px;
-      border-block-end: 1px solid ${cssVar.colorBorderSecondary};
-      font-weight: 500;
-    `
-	};
-});
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/DraggablePanel/components/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/DraggablePanel/components/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    body: css`\n      overflow: hidden auto;\n      padding: 16px;\n    `,\n    container: css`\n      position: relative;\n      overflow: hidden;\n    `,\n    footer: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    handlerIcon: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    header: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n      font-weight: 500;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,MAAM,GAAG;;;;EAIT,WAAW,GAAG;;;;EAId,QAAQ,GAAG;;;sCAGuB,OAAO,qBAAqB;;EAE9D,aAAa,GAAG;;;;6BAIS,OAAO,cAAc;;EAE9C,QAAQ,GAAG;;;oCAGqB,OAAO,qBAAqB;;;CAG9D;AACF,CAAC"}

package/es/DraggablePanel/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["DraggablePanelParent"],"sources":["../../src/DraggablePanel/index.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode, type RefAttributes } from 'react';\n\nimport DraggablePanelBody from './components/DraggablePanelBody';\nimport DraggablePanelContainer from './components/DraggablePanelContainer';\nimport DraggablePanelFooter from './components/DraggablePanelFooter';\nimport DraggablePanelHeader from './components/DraggablePanelHeader';\nimport DraggablePanelParent from './DraggablePanel';\nimport { type DraggablePanelProps } from './type';\n\ninterface IDraggablePanel {\n  (props: DraggablePanelProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Body: typeof DraggablePanelBody;\n  Container: typeof DraggablePanelContainer;\n  Footer: typeof DraggablePanelFooter;\n  Header: typeof DraggablePanelHeader;\n}\n\nconst DraggablePanel = DraggablePanelParent as unknown as IDraggablePanel;\n\nDraggablePanel.Body = DraggablePanelBody;\nDraggablePanel.Container = DraggablePanelContainer;\nDraggablePanel.Footer = DraggablePanelFooter;\nDraggablePanel.Header = DraggablePanelHeader;\n\nexport default DraggablePanel;\nexport {\n  default as DraggablePanelBody,\n  type DraggablePanelBodyProps,\n} from './components/DraggablePanelBody';\nexport {\n  default as DraggablePanelContainer,\n  type DraggablePanelContainerProps,\n} from './components/DraggablePanelContainer';\nexport {\n  default as DraggablePanelFooter,\n  type DraggablePanelFooterProps,\n} from './components/DraggablePanelFooter';\nexport {\n  default as DraggablePanelHeader,\n  type DraggablePanelHeaderProps,\n} from './components/DraggablePanelHeader';\nexport type * from './type';\n"],"mappings":";;;;;;;AAmBA,MAAM,iBAAiBA;AAEvB,eAAe,OAAO;AACtB,eAAe,YAAY;AAC3B,eAAe,SAAS;AACxB,eAAe,SAAS"}

package/es/DraggablePanel/utils.mjs

@@ -1,20 +0,0 @@
-//#region src/DraggablePanel/utils.ts
-const isBelowCollapseThreshold = ({ axis, collapseThreshold, size }) => {
-	if (collapseThreshold === void 0) return false;
-	const currentSize = size[axis];
-	if (currentSize === void 0) return false;
-	const numericSize = typeof currentSize === "number" ? currentSize : Number.parseFloat(currentSize);
-	return Number.isFinite(numericSize) && numericSize <= Math.max(collapseThreshold, 0);
-};
-const reversePlacement = (placement) => {
-	switch (placement) {
-		case "bottom": return "top";
-		case "top": return "bottom";
-		case "right": return "left";
-		case "left": return "right";
-	}
-};
-//#endregion
-export { isBelowCollapseThreshold, reversePlacement };
-
-//# sourceMappingURL=utils.mjs.map

package/es/DraggablePanel/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/DraggablePanel/utils.ts"],"sourcesContent":["import type { Size } from 're-resizable';\n\nimport type { DraggablePanelProps } from './type';\n\ninterface IsBelowCollapseThresholdOptions {\n  axis: 'height' | 'width';\n  collapseThreshold?: number;\n  size: Size;\n}\n\nexport const isBelowCollapseThreshold = ({\n  axis,\n  collapseThreshold,\n  size,\n}: IsBelowCollapseThresholdOptions): boolean => {\n  if (collapseThreshold === undefined) return false;\n\n  const currentSize = size[axis];\n  if (currentSize === undefined) return false;\n\n  const numericSize =\n    typeof currentSize === 'number' ? currentSize : Number.parseFloat(currentSize);\n\n  return Number.isFinite(numericSize) && numericSize <= Math.max(collapseThreshold, 0);\n};\n\nexport const reversePlacement = (placement: DraggablePanelProps['placement']) => {\n  switch (placement) {\n    case 'bottom': {\n      return 'top';\n    }\n    case 'top': {\n      return 'bottom';\n    }\n    case 'right': {\n      return 'left';\n    }\n    case 'left': {\n      return 'right';\n    }\n  }\n};\n"],"mappings":";AAUA,MAAa,4BAA4B,EACvC,MACA,mBACA,WAC8C;CAC9C,IAAI,sBAAsB,KAAA,GAAW,OAAO;CAE5C,MAAM,cAAc,KAAK;CACzB,IAAI,gBAAgB,KAAA,GAAW,OAAO;CAEtC,MAAM,cACJ,OAAO,gBAAgB,WAAW,cAAc,OAAO,WAAW,WAAW;CAE/E,OAAO,OAAO,SAAS,WAAW,KAAK,eAAe,KAAK,IAAI,mBAAmB,CAAC;AACrF;AAEA,MAAa,oBAAoB,cAAgD;CAC/E,QAAQ,WAAR;EACE,KAAK,UACH,OAAO;EAET,KAAK,OACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,QACH,OAAO;CAEX;AACF"}

package/es/Dropdown/Dropdown.d.mts

@@ -1,12 +0,0 @@
-import { DropdownProps } from "./type.mjs";
-//#region src/Dropdown/Dropdown.d.ts
-/**
- * @deprecated
- * Use `DropdownMenu` or `ContextMenu` instead
- * @see https://ui.lobehub.com/components/context-menu
- * @see https://ui.lobehub.com/components/dropdown-menu
- */
-declare const Dropdown: import("react").NamedExoticComponent<DropdownProps>;
-//#endregion
-export { Dropdown as default };
-//# sourceMappingURL=Dropdown.d.mts.map

package/es/Dropdown/Dropdown.mjs

@@ -1,36 +0,0 @@
-"use client";
-import { IconProvider } from "../Icon/components/IconProvider.mjs";
-import { mapItems } from "../Menu/utils.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Dropdown } from "antd";
-//#region src/Dropdown/Dropdown.tsx
-/**
-* @deprecated
-* Use `DropdownMenu` or `ContextMenu` instead
-* @see https://ui.lobehub.com/components/context-menu
-* @see https://ui.lobehub.com/components/dropdown-menu
-*/
-const Dropdown$1 = memo(({ children, iconProps, menu, ...rest }) => {
-	const { items, ...menuProps } = menu;
-	const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);
-	return /* @__PURE__ */ jsx(IconProvider, {
-		config: {
-			size: "small",
-			...iconProps
-		},
-		children: /* @__PURE__ */ jsx(Dropdown, {
-			menu: {
-				...menuProps,
-				items: antdItems
-			},
-			...rest,
-			children
-		})
-	});
-});
-Dropdown$1.displayName = "Dropdown";
-//#endregion
-export { Dropdown$1 as default };
-
-//# sourceMappingURL=Dropdown.mjs.map

package/es/Dropdown/Dropdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.mjs","names":["Dropdown","AntdDropdown"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { Dropdown as AntdDropdown } from 'antd';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu';\n\nimport type { DropdownProps } from './type';\n\n/**\n * @deprecated\n * Use `DropdownMenu` or `ContextMenu` instead\n * @see https://ui.lobehub.com/components/context-menu\n * @see https://ui.lobehub.com/components/dropdown-menu\n */\nconst Dropdown = memo<DropdownProps>(({ children, iconProps, menu, ...rest }) => {\n  const { items, ...menuProps } = menu;\n\n  const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n  return (\n    <IconProvider\n      config={{\n        size: 'small',\n        ...iconProps,\n      }}\n    >\n      <AntdDropdown\n        menu={{\n          ...menuProps,\n          items: antdItems,\n        }}\n        {...rest}\n      >\n        {children}\n      </AntdDropdown>\n    </IconProvider>\n  );\n});\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,aAAW,MAAqB,EAAE,UAAU,WAAW,MAAM,GAAG,WAAW;CAC/E,MAAM,EAAE,OAAO,GAAG,cAAc;CAEhC,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;CAE5E,OACE,oBAAC,cAAD;EACE,QAAQ;GACN,MAAM;GACN,GAAG;EACL;EAEA,UAAA,oBAACC,UAAD;GACE,MAAM;IACJ,GAAG;IACH,OAAO;GACT;GACA,GAAI;GAEH;EACW,CAAA;CACF,CAAA;AAElB,CAAC;AAED,WAAS,cAAc"}

package/es/Dropdown/index.d.mts

@@ -1,4 +0,0 @@
-import { MenuItemType } from "../Menu/type.mjs";
-import { DropdownProps } from "./type.mjs";
-import Dropdown from "./Dropdown.mjs";
-export { type MenuItemType as DropdownMenuItemType, type DropdownProps, Dropdown as default };

package/es/Dropdown/index.mjs

@@ -1 +0,0 @@
-export { default } from "./Dropdown.mjs";

package/es/Dropdown/type.d.mts

@@ -1,13 +0,0 @@
-import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
-import "../Icon/index.mjs";
-import { MenuItemType, MenuProps } from "../Menu/type.mjs";
-import "../Menu/index.mjs";
-import { DropdownProps } from "antd/es/index.js";
-//#region src/Dropdown/type.d.ts
-interface DropdownProps$1 extends Omit<DropdownProps, 'menu'> {
-  iconProps?: IconContentConfig;
-  menu: MenuProps;
-}
-//#endregion
-export { type MenuItemType as DropdownMenuItemType, DropdownProps$1 as DropdownProps };
-//# sourceMappingURL=type.d.mts.map

package/es/Footer/Footer.d.mts

@@ -1,6 +0,0 @@
-import { FooterProps } from "./type.mjs";
-//#region src/Footer/Footer.d.ts
-declare const Footer: import("react").NamedExoticComponent<FooterProps>;
-//#endregion
-export { Footer as default };
-//# sourceMappingURL=Footer.d.mts.map

package/es/Footer/Footer.mjs

@@ -1,32 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import RcFooter from "rc-footer";
-//#region src/Footer/Footer.tsx
-const Footer = memo(({ columns, bottom, theme, contentMaxWidth = 960, children, style, ...rest }) => {
-	const isEmpty = !columns || columns?.length === 0;
-	const cssVariables = useMemo(() => ({ "--footer-content-max-width": `${contentMaxWidth}px` }), [contentMaxWidth]);
-	return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		as: "section",
-		className: styles.root,
-		width: "100%",
-		style: {
-			...cssVariables,
-			...style
-		},
-		...rest,
-		children: [/* @__PURE__ */ jsx(RcFooter, {
-			bottom,
-			className: isEmpty ? styles.footerEmpty : styles.footer,
-			columns,
-			theme
-		}), children]
-	});
-});
-Footer.displayName = "Footer";
-//#endregion
-export { Footer as default };
-
-//# sourceMappingURL=Footer.mjs.map

package/es/Footer/Footer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.mjs","names":["Flexbox"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["'use client';\n\nimport RcFooter from 'rc-footer';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { FooterProps } from './type';\n\nconst Footer = memo<FooterProps>(\n  ({ columns, bottom, theme, contentMaxWidth = 960, children, style, ...rest }) => {\n    const isEmpty = !columns || columns?.length === 0;\n\n    // Convert contentMaxWidth prop to CSS variable\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--footer-content-max-width': `${contentMaxWidth}px`,\n      }),\n      [contentMaxWidth],\n    );\n\n    return (\n      <Flexbox\n        as={'section'}\n        className={styles.root}\n        width={'100%'}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        <RcFooter\n          bottom={bottom}\n          className={isEmpty ? styles.footerEmpty : styles.footer}\n          columns={columns}\n          theme={theme}\n        />\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nFooter.displayName = 'Footer';\n\nexport default Footer;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EAAE,SAAS,QAAQ,OAAO,kBAAkB,KAAK,UAAU,OAAO,GAAG,WAAW;CAC/E,MAAM,UAAU,CAAC,WAAW,SAAS,WAAW;CAGhD,MAAM,eAAe,eACZ,EACL,8BAA8B,GAAG,gBAAgB,IACnD,IACA,CAAC,eAAe,CAClB;CAEA,OACE,qBAACA,mBAAD;EACE,IAAI;EACJ,WAAW,OAAO;EAClB,OAAO;EACP,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EARN,UAAA,CAUE,oBAAC,UAAD;GACU;GACR,WAAW,UAAU,OAAO,cAAc,OAAO;GACxC;GACF;EACR,CAAA,GACA,QACM;;AAEb,CACF;AAEA,OAAO,cAAc"}

package/es/Footer/index.d.mts

@@ -1,3 +0,0 @@
-import { FooterProps } from "./type.mjs";
-import Footer from "./Footer.mjs";
-export { type FooterProps, Footer as default };

package/es/Footer/index.mjs

@@ -1 +0,0 @@
-export { default } from "./Footer.mjs";