@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Menu/renderUtils.d.mts

@@ -1,37 +0,0 @@
-import { IconSize } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
-import { MenuCheckboxItemType } from "./checkboxItem.mjs";
-import { MenuItemType, SubMenuType } from "./type.mjs";
-import { BaseMenuItemType } from "./baseItem.mjs";
-import { Key, ReactNode } from "react";
-//#region src/Menu/renderUtils.d.ts
-type IconSpaceMode = 'global' | 'group';
-type IconAlign = 'center' | 'start';
-interface RenderOptions {
-  iconAlign?: IconAlign;
-  iconSpaceMode?: IconSpaceMode;
-  indicatorOnRight?: boolean;
-  reserveIconSpace?: boolean;
-}
-interface RenderItemContentOptions {
-  iconAlign?: IconAlign;
-  indicatorOnRight?: boolean;
-  reserveIconSpace?: boolean;
-  submenu?: boolean;
-}
-type KeyableItem = {
-  key?: Key;
-};
-declare const getItemKey: (item: KeyableItem, fallback: string) => Key;
-type LabelableItem = {
-  key?: Key;
-  label?: ReactNode;
-  title?: ReactNode;
-};
-declare const getItemLabel: (item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem) => ReactNode;
-declare const renderIcon: (icon: MenuItemType["icon"], size?: IconSize) => ReactNode;
-declare const hasAnyIcon: (items: BaseMenuItemType[], recursive?: boolean) => boolean;
-declare const hasCheckboxAndIcon: (items: BaseMenuItemType[]) => boolean;
-//#endregion
-export { IconAlign, IconSpaceMode, RenderItemContentOptions, RenderOptions, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };
-//# sourceMappingURL=renderUtils.d.mts.map

package/es/Menu/renderUtils.mjs

@@ -1,45 +0,0 @@
-import Icon from "../Icon/Icon.mjs";
-import { isValidElement } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Menu/renderUtils.tsx
-const getItemKey = (item, fallback) => {
-	if (item && "key" in item && item.key !== void 0) return item.key;
-	return fallback;
-};
-const getItemLabel = (item) => {
-	if (item.label !== void 0) return item.label;
-	if ("title" in item && item.title !== void 0) return item.title;
-	return item.key;
-};
-const renderIcon = (icon, size) => {
-	if (!icon) return null;
-	if (isValidElement(icon)) return icon;
-	return /* @__PURE__ */ jsx(Icon, {
-		icon,
-		size
-	});
-};
-const hasAnyIcon = (items, recursive = false) => {
-	return items.some((item) => {
-		if (!item) return false;
-		if (item.type === "checkbox") return true;
-		if ("icon" in item && item.icon) return true;
-		if (recursive && "children" in item && item.children) return hasAnyIcon(item.children, true);
-		return false;
-	});
-};
-const hasCheckboxAndIcon = (items) => {
-	let hasCheckbox = false;
-	let hasIcon = false;
-	for (const item of items) {
-		if (!item) continue;
-		if (item.type === "checkbox") hasCheckbox = true;
-		if ("icon" in item && item.icon) hasIcon = true;
-		if (hasCheckbox && hasIcon) return true;
-	}
-	return false;
-};
-//#endregion
-export { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };
-
-//# sourceMappingURL=renderUtils.mjs.map

package/es/Menu/renderUtils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderUtils.mjs","names":[],"sources":["../../src/Menu/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon, { type IconSize } from '@/Icon';\n\nimport type { BaseMenuItemType } from './baseItem';\nimport type { MenuCheckboxItemType } from './checkboxItem';\nimport type { MenuItemType, SubMenuType } from './type';\n\nexport type IconSpaceMode = 'global' | 'group';\n\nexport type IconAlign = 'center' | 'start';\n\nexport interface RenderOptions {\n  iconAlign?: IconAlign;\n  iconSpaceMode?: IconSpaceMode;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n}\n\nexport interface RenderItemContentOptions {\n  iconAlign?: IconAlign;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n  submenu?: boolean;\n}\n\ntype KeyableItem = { key?: Key };\n\nexport const getItemKey = (item: KeyableItem, fallback: string): Key => {\n  if (item && 'key' in item && item.key !== undefined) return item.key;\n  return fallback;\n};\n\ntype LabelableItem = {\n  key?: Key;\n  label?: ReactNode;\n  title?: ReactNode;\n};\n\nexport const getItemLabel = (\n  item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem,\n): ReactNode => {\n  if (item.label !== undefined) return item.label;\n  if ('title' in item && item.title !== undefined) return item.title;\n  return item.key;\n};\n\nexport const renderIcon = (icon: MenuItemType['icon'], size?: IconSize): ReactNode => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} size={size} />;\n};\n\nexport const hasAnyIcon = (items: BaseMenuItemType[], recursive = false): boolean => {\n  return items.some((item) => {\n    if (!item) return false;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') return true;\n    if ('icon' in item && item.icon) return true;\n    if (recursive && 'children' in item && item.children) {\n      return hasAnyIcon(item.children as BaseMenuItemType[], true);\n    }\n    return false;\n  });\n};\n\nexport const hasCheckboxAndIcon = (items: BaseMenuItemType[]): boolean => {\n  let hasCheckbox = false;\n  let hasIcon = false;\n  for (const item of items) {\n    if (!item) continue;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') {\n      hasCheckbox = true;\n    }\n    if ('icon' in item && item.icon) {\n      hasIcon = true;\n    }\n    if (hasCheckbox && hasIcon) return true;\n  }\n  return false;\n};\n"],"mappings":";;;;AA6BA,MAAa,cAAc,MAAmB,aAA0B;CACtE,IAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,KAAA,GAAW,OAAO,KAAK;CACjE,OAAO;AACT;AAQA,MAAa,gBACX,SACc;CACd,IAAI,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC1C,IAAI,WAAW,QAAQ,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC7D,OAAO,KAAK;AACd;AAEA,MAAa,cAAc,MAA4B,SAA+B;CACpF,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,eAAe,IAAI,GAAG,OAAO;CACjC,OAAO,oBAAC,MAAD;EAAY;EAAY;CAAO,CAAA;AACxC;AAEA,MAAa,cAAc,OAA2B,YAAY,UAAmB;CACnF,OAAO,MAAM,MAAM,SAAS;EAC1B,IAAI,CAAC,MAAM,OAAO;EAClB,IAAK,KAA8B,SAAS,YAAY,OAAO;EAC/D,IAAI,UAAU,QAAQ,KAAK,MAAM,OAAO;EACxC,IAAI,aAAa,cAAc,QAAQ,KAAK,UAC1C,OAAO,WAAW,KAAK,UAAgC,IAAI;EAE7D,OAAO;CACT,CAAC;AACH;AAEA,MAAa,sBAAsB,UAAuC;CACxE,IAAI,cAAc;CAClB,IAAI,UAAU;CACd,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,MAAM;EACX,IAAK,KAA8B,SAAS,YAC1C,cAAc;EAEhB,IAAI,UAAU,QAAQ,KAAK,MACzB,UAAU;EAEZ,IAAI,eAAe,SAAS,OAAO;CACrC;CACA,OAAO;AACT"}

package/es/Menu/style.mjs

@@ -1,69 +0,0 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles, cx } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/Menu/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
-      padding: 0;
-      border-radius: unset;
-    `),
-	compact: css`
-    &[class*='ant-menu'] {
-      [class*='ant-menu-item-divider'] {
-        margin: 0;
-      }
-    }
-  `,
-	filled: staticStylish.variantFilledWithoutHover,
-	outlined: staticStylish.variantOutlinedWithoutHover,
-	root: css`
-    &[class*='ant-menu'] {
-      flex: 1;
-
-      padding: 4px;
-      border: none !important;
-      border-radius: ${cssVar.borderRadiusLG};
-
-      background: transparent;
-
-      [class*='ant-menu-sub'][class*='ant-menu-inline'] {
-        background: transparent;
-
-        > [class*='ant-menu-item'] {
-          padding-inline-start: 36px !important;
-        }
-      }
-
-      [class*='ant-menu-item-divider'] {
-        margin-block: 1em;
-      }
-    }
-  `,
-	shadow: staticStylish.shadow
-}));
-const variants = cva(styles.root, {
-	defaultVariants: {
-		compact: false,
-		shadow: false,
-		variant: "borderless"
-	},
-	variants: {
-		variant: {
-			filled: styles.filled,
-			outlined: styles.outlined,
-			borderless: styles.borderless
-		},
-		shadow: {
-			false: null,
-			true: styles.shadow
-		},
-		compact: {
-			false: null,
-			true: styles.compact
-		}
-	}
-});
-//#endregion
-export { styles, variants };
-
-//# sourceMappingURL=style.mjs.map

package/es/Menu/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Menu/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: cx(\n    lobeStaticStylish.variantBorderlessWithoutHover,\n    css`\n      padding: 0;\n      border-radius: unset;\n    `,\n  ),\n  compact: css`\n    &[class*='ant-menu'] {\n      [class*='ant-menu-item-divider'] {\n        margin: 0;\n      }\n    }\n  `,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    &[class*='ant-menu'] {\n      flex: 1;\n\n      padding: 4px;\n      border: none !important;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      background: transparent;\n\n      [class*='ant-menu-sub'][class*='ant-menu-inline'] {\n        background: transparent;\n\n        > [class*='ant-menu-item'] {\n          padding-inline-start: 36px !important;\n        }\n      }\n\n      [class*='ant-menu-item-divider'] {\n        margin-block: 1em;\n      }\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    compact: {\n      false: null,\n      true: styles.compact,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAY,GACVA,cAAkB,+BAClB,GAAG;;;KAIL;CACA,SAAS,GAAG;;;;;;;CAOZ,QAAQA,cAAkB;CAC1B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;;;;uBAMY,OAAO,eAAe;;;;;;;;;;;;;;;;;CAiB3C,QAAQA,cAAkB;AAC5B,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Menu/switchItem.d.mts

@@ -1,26 +0,0 @@
-import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
-import { Key, ReactNode } from "react";
-//#region src/Menu/switchItem.d.ts
-/**
- * Switch menu item shared by DropdownMenu / ContextMenu.
- * Similar to checkbox but renders as a toggle switch.
- */
-interface MenuSwitchItemType {
-  checked?: boolean;
-  closeOnClick?: boolean;
-  danger?: boolean;
-  defaultChecked?: boolean;
-  desc?: ReactNode;
-  disabled?: boolean;
-  extra?: ReactNode;
-  icon?: IconProps['icon'];
-  key: Key;
-  label?: ReactNode;
-  onCheckedChange?: (checked: boolean) => void;
-  title?: ReactNode;
-  type: 'switch';
-}
-//#endregion
-export { MenuSwitchItemType };
-//# sourceMappingURL=switchItem.d.mts.map

package/es/Menu/type.d.mts

@@ -1,46 +0,0 @@
-import { IconProps } from "../Icon/type.mjs";
-import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
-import "../Icon/index.mjs";
-import { MenuInfo, RcMenuDividerType, RcMenuItemGroupType, RcMenuItemType, RcSubMenuType } from "./itemInterface.mjs";
-import { Key, ReactNode, Ref } from "react";
-import { MenuProps, MenuRef } from "antd";
-//#region src/Menu/type.d.ts
-interface MenuItemType extends RcMenuItemType {
-  /**
-   * Whether to close the menu when this item is clicked.
-   * Set to `false` to keep the menu open (useful for items with Upload, file picker, etc.)
-   * @default true
-   */
-  closeOnClick?: boolean;
-  danger?: boolean;
-  desc?: ReactNode;
-  icon?: IconProps['icon'];
-  loading?: boolean;
-  title?: string;
-}
-interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
-  children: ItemType<T>[];
-  desc?: ReactNode;
-  icon?: IconProps['icon'];
-}
-interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> {
-  children?: ItemType<T>[];
-  key?: Key;
-}
-interface MenuDividerType extends RcMenuDividerType {
-  dashed?: boolean;
-  key?: Key;
-}
-type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;
-type GenericItemType<T = unknown> = T extends (infer U extends MenuItemType) ? unknown extends U ? ItemType : ItemType<U> : ItemType;
-interface MenuProps$1<T = unknown> extends Omit<MenuProps, 'items'> {
-  compact?: boolean;
-  iconProps?: IconContentConfig;
-  items: GenericItemType<T>[];
-  ref?: Ref<MenuRef>;
-  shadow?: boolean;
-  variant?: 'filled' | 'outlined' | 'borderless';
-}
-//#endregion
-export { GenericItemType, ItemType, MenuDividerType, type MenuInfo, MenuItemGroupType, MenuItemType, MenuProps$1 as MenuProps, SubMenuType };
-//# sourceMappingURL=type.d.mts.map

package/es/Menu/utils.d.mts

@@ -1,7 +0,0 @@
-import { ItemType as ItemType$1 } from "./type.mjs";
-import { ItemType } from "antd/es/menu/interface.js";
-//#region src/Menu/utils.d.ts
-declare const mapItems: (item: ItemType$1) => ItemType;
-//#endregion
-export { mapItems };
-//# sourceMappingURL=utils.d.mts.map

package/es/Menu/utils.mjs

@@ -1,31 +0,0 @@
-import Icon from "../Icon/Icon.mjs";
-import { isValidElement } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Menu/utils.tsx
-const mapItems = (item) => {
-	switch (item?.type) {
-		case "divider": return item;
-		case "group": {
-			const { children, ...rest } = item;
-			return {
-				children: children ? children?.map((i) => mapItems(i)) : void 0,
-				...rest
-			};
-		}
-		default: {
-			const { children, icon, ...rest } = item;
-			return {
-				children: children ? children?.map((i) => mapItems(i)) : void 0,
-				icon: icon ? isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-					icon,
-					size: "small"
-				}) : void 0,
-				...rest
-			};
-		}
-	}
-};
-//#endregion
-export { mapItems };
-
-//# sourceMappingURL=utils.mjs.map

package/es/Menu/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Menu/utils.tsx"],"sourcesContent":["import type { ItemType as AntdItemType } from 'antd/es/menu/interface';\nimport { isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport type { ItemType } from './type';\n\nexport const mapItems = (item: ItemType): AntdItemType => {\n  switch (item?.type) {\n    case 'divider': {\n      return item;\n    }\n    case 'group': {\n      const { children, ...rest } = item;\n      return {\n        children: children ? children?.map((i) => mapItems(i)) : undefined,\n        ...rest,\n      };\n    }\n    default: {\n      const { children, icon, ...rest } = item as any;\n      return {\n        children: children ? children?.map((i: any) => mapItems(i)) : undefined,\n        icon: icon ? isValidElement(icon) ? icon : <Icon icon={icon} size={'small'} /> : undefined,\n        ...rest,\n      };\n    }\n  }\n};\n"],"mappings":";;;;AAOA,MAAa,YAAY,SAAiC;CACxD,QAAQ,MAAM,MAAd;EACE,KAAK,WACH,OAAO;EAET,KAAK,SAAS;GACZ,MAAM,EAAE,UAAU,GAAG,SAAS;GAC9B,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAM,SAAS,CAAC,CAAC,IAAI,KAAA;IACzD,GAAG;GACL;EACF;EACA,SAAS;GACP,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;GACpC,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAW,SAAS,CAAC,CAAC,IAAI,KAAA;IAC9D,MAAM,OAAO,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;KAAY;KAAM,MAAM;IAAU,CAAA,IAAI,KAAA;IACjF,GAAG;GACL;EACF;CACF;AACF"}

package/es/Modal/ModalProvider.d.mts

@@ -1,11 +0,0 @@
-import { ModalContextValue } from "./type.mjs";
-import { ReactNode } from "react";
-//#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: import("react").NamedExoticComponent<{
-  children: ReactNode;
-  value: ModalContextValue;
-}>;
-declare const useModalContext: () => ModalContextValue;
-//#endregion
-export { ModalProvider, useModalContext };
-//# sourceMappingURL=ModalProvider.d.mts.map

package/es/Modal/ModalProvider.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { createContext, memo, use } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Modal/ModalProvider.tsx
-const ModalContext = createContext({
-	close: () => void 0,
-	setCanDismissByClickOutside: () => void 0
-});
-const ModalProvider = memo(({ children, value }) => {
-	return /* @__PURE__ */ jsx(ModalContext, {
-		value,
-		children
-	});
-});
-const useModalContext = () => {
-	return use(ModalContext);
-};
-//#endregion
-export { ModalContext, ModalProvider, useModalContext };
-
-//# sourceMappingURL=ModalProvider.mjs.map

package/es/Modal/ModalProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalProvider.mjs","names":[],"sources":["../../src/Modal/ModalProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, memo, use } from 'react';\n\nimport type { ModalContextValue } from './type';\n\nexport const ModalContext = createContext<ModalContextValue>({\n  close: () => undefined,\n  setCanDismissByClickOutside: () => undefined,\n});\n\nexport const ModalProvider = memo<{ children: ReactNode; value: ModalContextValue }>(\n  ({ children, value }) => {\n    return <ModalContext value={value}>{children}</ModalContext>;\n  },\n);\n\nexport const useModalContext = () => {\n  return use(ModalContext);\n};\n"],"mappings":";;;;AAOA,MAAa,eAAe,cAAiC;CAC3D,aAAa,KAAA;CACb,mCAAmC,KAAA;AACrC,CAAC;AAED,MAAa,gBAAgB,MAC1B,EAAE,UAAU,YAAY;CACvB,OAAO,oBAAC,cAAD;EAAqB;EAAQ;CAAuB,CAAA;AAC7D,CACF;AAEA,MAAa,wBAAwB;CACnC,OAAO,IAAI,YAAY;AACzB"}

package/es/Modal/ModalStackItem.mjs

@@ -1,53 +0,0 @@
-"use client";
-import { useEventCallback } from "../hooks/useEventCallback.mjs";
-import Modal from "./Modal.mjs";
-import { ModalProvider } from "./ModalProvider.mjs";
-import { memo, useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Modal/ModalStackItem.tsx
-const noop = () => {};
-const ModalStackItem = memo(({ id, props, onClose, onUpdate, onDestroy }) => {
-	const { afterClose, afterOpenChange, children, onCancel, open, ...rest } = props;
-	const stableAfterClose = useEventCallback(afterClose ?? noop);
-	const stableAfterOpenChange = useEventCallback(afterOpenChange ?? noop);
-	const stableOnCancel = useEventCallback(onCancel ?? noop);
-	const close = useEventCallback(() => onClose(id));
-	const setCanDismissByClickOutside = useEventCallback((value) => onUpdate(id, { mask: { closable: value } }));
-	const stableContextValue = useMemo(() => ({
-		close,
-		setCanDismissByClickOutside
-	}), [close, setCanDismissByClickOutside]);
-	return /* @__PURE__ */ jsx(Modal, {
-		...rest,
-		open: open ?? true,
-		afterClose: useCallback(() => {
-			stableAfterClose?.();
-			onDestroy(id);
-		}, [
-			stableAfterClose,
-			onDestroy,
-			id
-		]),
-		afterOpenChange: useCallback((nextOpen) => {
-			stableAfterOpenChange?.(nextOpen);
-			if (!nextOpen) onDestroy(id);
-		}, [
-			stableAfterOpenChange,
-			onDestroy,
-			id
-		]),
-		onCancel: useCallback((e) => {
-			stableOnCancel?.(e);
-			close();
-		}, [stableOnCancel, close]),
-		children: /* @__PURE__ */ jsx(ModalProvider, {
-			value: stableContextValue,
-			children
-		})
-	});
-});
-ModalStackItem.displayName = "ModalStackItem";
-//#endregion
-export { ModalStackItem };
-
-//# sourceMappingURL=ModalStackItem.mjs.map

package/es/Modal/ModalStackItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalStackItem.mjs","names":[],"sources":["../../src/Modal/ModalStackItem.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport Modal from './Modal';\nimport { ModalProvider } from './ModalProvider';\nimport type { ImperativeModalProps } from './type';\n\nexport type ModalStackItemProps = {\n  id: string;\n  onClose: (id: string) => void;\n  onDestroy: (id: string) => void;\n  onUpdate: (id: string, nextProps: Partial<ImperativeModalProps>) => void;\n  props: ImperativeModalProps;\n};\n\nconst noop = () => {};\nexport const ModalStackItem = memo(\n  ({ id, props, onClose, onUpdate, onDestroy }: ModalStackItemProps) => {\n    const { afterClose, afterOpenChange, children, onCancel, open, ...rest } = props;\n    const stableAfterClose = useEventCallback(afterClose ?? noop);\n    const stableAfterOpenChange = useEventCallback(afterOpenChange ?? noop);\n    const stableOnCancel = useEventCallback(onCancel ?? noop);\n    const close = useEventCallback(() => onClose(id));\n    const setCanDismissByClickOutside = useEventCallback((value: boolean) =>\n      onUpdate(id, { mask: { closable: value } }),\n    );\n    const stableContextValue = useMemo(\n      () => ({ close, setCanDismissByClickOutside }),\n      [close, setCanDismissByClickOutside],\n    );\n\n    return (\n      <Modal\n        {...rest}\n        open={open ?? true}\n        afterClose={useCallback(() => {\n          stableAfterClose?.();\n          onDestroy(id);\n        }, [stableAfterClose, onDestroy, id])}\n        afterOpenChange={useCallback(\n          (nextOpen: boolean) => {\n            stableAfterOpenChange?.(nextOpen);\n            if (!nextOpen) onDestroy(id);\n          },\n          [stableAfterOpenChange, onDestroy, id],\n        )}\n        onCancel={useCallback(\n          (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => {\n            stableOnCancel?.(e);\n            close();\n          },\n          [stableOnCancel, close],\n        )}\n      >\n        <ModalProvider value={stableContextValue}>{children}</ModalProvider>\n      </Modal>\n    );\n  },\n);\n\nModalStackItem.displayName = 'ModalStackItem';\n"],"mappings":";;;;;;;AAkBA,MAAM,aAAa,CAAC;AACpB,MAAa,iBAAiB,MAC3B,EAAE,IAAI,OAAO,SAAS,UAAU,gBAAqC;CACpE,MAAM,EAAE,YAAY,iBAAiB,UAAU,UAAU,MAAM,GAAG,SAAS;CAC3E,MAAM,mBAAmB,iBAAiB,cAAc,IAAI;CAC5D,MAAM,wBAAwB,iBAAiB,mBAAmB,IAAI;CACtE,MAAM,iBAAiB,iBAAiB,YAAY,IAAI;CACxD,MAAM,QAAQ,uBAAuB,QAAQ,EAAE,CAAC;CAChD,MAAM,8BAA8B,kBAAkB,UACpD,SAAS,IAAI,EAAE,MAAM,EAAE,UAAU,MAAM,EAAE,CAAC,CAC5C;CACA,MAAM,qBAAqB,eAClB;EAAE;EAAO;CAA4B,IAC5C,CAAC,OAAO,2BAA2B,CACrC;CAEA,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,MAAM,QAAQ;EACd,YAAY,kBAAkB;GAC5B,mBAAmB;GACnB,UAAU,EAAE;EACd,GAAG;GAAC;GAAkB;GAAW;EAAE,CAAC;EACpC,iBAAiB,aACd,aAAsB;GACrB,wBAAwB,QAAQ;GAChC,IAAI,CAAC,UAAU,UAAU,EAAE;EAC7B,GACA;GAAC;GAAuB;GAAW;EAAE,CACvC;EACA,UAAU,aACP,MAA8E;GAC7E,iBAAiB,CAAC;GAClB,MAAM;EACR,GACA,CAAC,gBAAgB,KAAK,CACxB;EAEA,UAAA,oBAAC,eAAD;GAAe,OAAO;GAAqB;EAAwB,CAAA;CAC9D,CAAA;AAEX,CACF;AAEA,eAAe,cAAc"}

package/es/Modal/RawModalStackItem.mjs

@@ -1,33 +0,0 @@
-"use client";
-import { useEventCallback } from "../hooks/useEventCallback.mjs";
-import { ModalProvider } from "./ModalProvider.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Modal/RawModalStackItem.tsx
-const RawModalStackItem = memo(({ component: Component, id, onClose, onUpdate, open, options, props }) => {
-	const stableOnClose = useEventCallback(onClose);
-	const close = useEventCallback(() => stableOnClose(id));
-	const setCanDismissByClickOutside = useEventCallback((value) => {
-		onUpdate(id, { mask: { closable: value } });
-	});
-	const contextValue = useMemo(() => ({
-		close,
-		setCanDismissByClickOutside
-	}), [close, setCanDismissByClickOutside]);
-	const openKey = options?.openKey ?? "open";
-	const onCloseKey = options?.onCloseKey ?? "onClose";
-	const injectedProps = {
-		...props,
-		[onCloseKey]: close,
-		[openKey]: open
-	};
-	return /* @__PURE__ */ jsx(ModalProvider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx(Component, { ...injectedProps })
-	});
-});
-RawModalStackItem.displayName = "RawModalStackItem";
-//#endregion
-export { RawModalStackItem };
-
-//# sourceMappingURL=RawModalStackItem.mjs.map

package/es/Modal/RawModalStackItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawModalStackItem.mjs","names":[],"sources":["../../src/Modal/RawModalStackItem.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentType } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { ModalProvider } from './ModalProvider';\nimport type { ModalContextValue, RawModalOptions } from './type';\n\nexport type RawModalStackItemProps = {\n  component: ComponentType<any>;\n  id: string;\n  onClose: (id: string) => void;\n  onUpdate: (id: string, nextProps: Record<string, unknown>) => void;\n  open: boolean;\n  options?: RawModalOptions<PropertyKey, PropertyKey>;\n  props: Record<string, unknown>;\n};\n\nexport const RawModalStackItem = memo(\n  ({\n    component: Component,\n    id,\n    onClose,\n    onUpdate,\n    open,\n    options,\n    props,\n  }: RawModalStackItemProps) => {\n    const stableOnClose = useEventCallback(onClose);\n    const close = useEventCallback(() => stableOnClose(id));\n\n    const setCanDismissByClickOutside = useEventCallback((value: boolean) => {\n      onUpdate(id, { mask: { closable: value } });\n    });\n    const contextValue: ModalContextValue = useMemo(\n      () => ({ close, setCanDismissByClickOutside }),\n      [close, setCanDismissByClickOutside],\n    );\n    const openKey = options?.openKey ?? 'open';\n    const onCloseKey = options?.onCloseKey ?? 'onClose';\n    const injectedProps = {\n      ...props,\n      [onCloseKey]: close,\n      [openKey]: open,\n    };\n\n    return (\n      <ModalProvider value={contextValue}>\n        <Component {...injectedProps} />\n      </ModalProvider>\n    );\n  },\n);\n\nRawModalStackItem.displayName = 'RawModalStackItem';\n"],"mappings":";;;;;;AAoBA,MAAa,oBAAoB,MAC9B,EACC,WAAW,WACX,IACA,SACA,UACA,MACA,SACA,YAC4B;CAC5B,MAAM,gBAAgB,iBAAiB,OAAO;CAC9C,MAAM,QAAQ,uBAAuB,cAAc,EAAE,CAAC;CAEtD,MAAM,8BAA8B,kBAAkB,UAAmB;EACvE,SAAS,IAAI,EAAE,MAAM,EAAE,UAAU,MAAM,EAAE,CAAC;CAC5C,CAAC;CACD,MAAM,eAAkC,eAC/B;EAAE;EAAO;CAA4B,IAC5C,CAAC,OAAO,2BAA2B,CACrC;CACA,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,aAAa,SAAS,cAAc;CAC1C,MAAM,gBAAgB;EACpB,GAAG;GACF,aAAa;GACb,UAAU;CACb;CAEA,OACE,oBAAC,eAAD;EAAe,OAAO;EACpB,UAAA,oBAAC,WAAD,EAAW,GAAI,cAAgB,CAAA;CAClB,CAAA;AAEnB,CACF;AAEA,kBAAkB,cAAc"}

package/es/Skeleton/SkeletonBlock.d.mts

@@ -1,10 +0,0 @@
-import { SkeletonBlockProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/Skeleton/SkeletonBlock.d.ts
-/**
- * @deprecated Use `Skeleton` from `@lobehub/ui/base-ui` instead.
- */
-declare const SkeletonBlock: FC<SkeletonBlockProps>;
-//#endregion
-export { SkeletonBlock as default };
-//# sourceMappingURL=SkeletonBlock.d.mts.map

package/es/Skeleton/SkeletonBlock.mjs

@@ -1,23 +0,0 @@
-"use client";
-import Block from "../Block/Block.mjs";
-import { styles } from "./style.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/Skeleton/SkeletonBlock.tsx
-/**
-* @deprecated Use `Skeleton` from `@lobehub/ui/base-ui` instead.
-*/
-const SkeletonBlock = ({ width = "100%", height = "1em", active, style, className }) => {
-	return /* @__PURE__ */ jsx(Block, {
-		className: cx(styles.base, active && styles.active, className),
-		height,
-		style,
-		variant: "filled",
-		width
-	});
-};
-SkeletonBlock.displayName = "SkeletonBlock";
-//#endregion
-export { SkeletonBlock as default };
-
-//# sourceMappingURL=SkeletonBlock.mjs.map

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\n/**\n * @deprecated Use `Skeleton` from `@lobehub/ui/base-ui` instead.\n */\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,SAAS;EACrD;EACD;EACP,SAAS;EACF;CACR,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/Skeleton/SkeletonButton.d.mts

@@ -1,10 +0,0 @@
-import { SkeletonButtonProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/Skeleton/SkeletonButton.d.ts
-/**
- * @deprecated Use `Skeleton` with an explicit `height` from `@lobehub/ui/base-ui` instead.
- */
-declare const SkeletonButton: FC<SkeletonButtonProps>;
-//#endregion
-export { SkeletonButton as default };
-//# sourceMappingURL=SkeletonButton.d.mts.map

package/es/Skeleton/SkeletonButton.mjs

@@ -1,40 +0,0 @@
-"use client";
-import SkeletonBlock from "./SkeletonBlock.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonButton.tsx
-const HEIGHT_MAP = {
-	default: 36,
-	large: 46,
-	small: 28
-};
-/**
-* @deprecated Use `Skeleton` with an explicit `height` from `@lobehub/ui/base-ui` instead.
-*/
-const SkeletonButton = ({ active, block = false, shape = "default", size = "default", width, height, style, className, ...rest }) => {
-	const resolvedSize = size ?? "default";
-	const baseHeight = height ?? HEIGHT_MAP[resolvedSize];
-	const finalWidth = width ?? (block ? "100%" : shape === "circle" ? baseHeight : 80);
-	const RADIUS_MAP = {
-		default: cssVar.borderRadius,
-		large: cssVar.borderRadiusLG,
-		small: cssVar.borderRadiusSM
-	};
-	const borderRadius = shape === "circle" ? "50%" : shape === "round" ? `calc(${cssVar.borderRadius} * 2)` : RADIUS_MAP[resolvedSize];
-	return /* @__PURE__ */ jsx(SkeletonBlock, {
-		active,
-		className,
-		height: baseHeight,
-		style: {
-			borderRadius,
-			...style
-		},
-		width: finalWidth,
-		...rest
-	});
-};
-SkeletonButton.displayName = "SkeletonButton";
-//#endregion
-export { SkeletonButton as default };
-
-//# sourceMappingURL=SkeletonButton.mjs.map

package/es/Skeleton/SkeletonButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonButton.mjs","names":[],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonButtonProps } from './type';\n\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\n  default: 36,\n  large: 46,\n  small: 28,\n};\n\n/**\n * @deprecated Use `Skeleton` with an explicit `height` from `@lobehub/ui/base-ui` instead.\n */\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\n  active,\n  block = false,\n  shape = 'default',\n  size = 'default',\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedSize = size ?? 'default';\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\n  const finalWidth = width ?? defaultWidth;\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\n    default: cssVar.borderRadius,\n    large: cssVar.borderRadiusLG,\n    small: cssVar.borderRadiusSM,\n  };\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n        ? `calc(${cssVar.borderRadius} * 2)`\n        : RADIUS_MAP[resolvedSize];\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={baseHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonButton.displayName = 'SkeletonButton';\n\nexport default SkeletonButton;\n"],"mappings":";;;;;AAQA,MAAM,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;AACT;;;;AAKA,MAAM,kBAA2C,EAC/C,QACA,QAAQ,OACR,QAAQ,WACR,OAAO,WACP,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,eAAe,QAAQ;CAC7B,MAAM,aAAa,UAAU,WAAW;CAExC,MAAM,aAAa,UADE,QAAQ,SAAS,UAAU,WAAW,aAAa;CAGxE,MAAM,aAA4D;EAChE,SAAS,OAAO;EAChB,OAAO,OAAO;EACd,OAAO,OAAO;CAChB;CAEA,MAAM,eACJ,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;CAEnB,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/es/Skeleton/SkeletonParagraph.d.mts

@@ -1,10 +0,0 @@
-import { SkeletonParagraphProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/Skeleton/SkeletonParagraph.d.ts
-/**
- * @deprecated Use `Skeleton.Text` from `@lobehub/ui/base-ui` instead.
- */
-declare const SkeletonParagraph: FC<SkeletonParagraphProps>;
-//#endregion
-export { SkeletonParagraph as default };
-//# sourceMappingURL=SkeletonParagraph.d.mts.map

package/es/Skeleton/SkeletonParagraph.mjs

@@ -1,43 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import SkeletonBlock from "./SkeletonBlock.mjs";
-import { jsx } from "react/jsx-runtime";
-//#region src/Skeleton/SkeletonParagraph.tsx
-const DEFAULT_ROWS = 3;
-/**
-* @deprecated Use `Skeleton.Text` from `@lobehub/ui/base-ui` instead.
-*/
-const SkeletonParagraph = ({ active, rows = DEFAULT_ROWS, gap, width, height, fontSize, lineHeight, style, className, ...rest }) => {
-	const rowGap = gap;
-	const rowCount = Math.max(rows, 1);
-	const baseFontSize = fontSize ?? 14;
-	const marginBlock = (height ? height : Math.round(baseFontSize * (lineHeight ?? 1.6))) - baseFontSize;
-	const widthList = Array.isArray(width) ? width : null;
-	const getRowWidth = (index) => {
-		if (widthList) return widthList[index] ?? widthList.at(-1) ?? "100%";
-		if (width !== void 0) return width;
-		if (index === rowCount - 1) return "66%";
-		return "100%";
-	};
-	const containerStyle = {
-		gap: rowGap,
-		...style
-	};
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className,
-		gap: gap || marginBlock,
-		style: containerStyle,
-		width: "100%",
-		...rest,
-		children: Array.from({ length: rowCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
-			active,
-			height: baseFontSize,
-			width: getRowWidth(index)
-		}, index))
-	});
-};
-SkeletonParagraph.displayName = "SkeletonParagraph";
-//#endregion
-export { SkeletonParagraph as default };
-
-//# sourceMappingURL=SkeletonParagraph.mjs.map

package/es/Skeleton/SkeletonParagraph.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonParagraph.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonParagraphProps } from './type';\n\nconst DEFAULT_ROWS = 3;\n\n/**\n * @deprecated Use `Skeleton.Text` from `@lobehub/ui/base-ui` instead.\n */\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\n  active,\n  rows = DEFAULT_ROWS,\n  gap,\n  width,\n  height,\n  fontSize,\n  lineHeight,\n  style,\n  className,\n  ...rest\n}) => {\n  const rowGap = gap;\n  const rowCount = Math.max(rows, 1);\n  const baseFontSize = fontSize ?? 14;\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\n  const marginBlock = computedHeight - baseFontSize;\n  const widthList = Array.isArray(width) ? width : null;\n\n  const getRowWidth = (index: number): string | number => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\n    if (width !== undefined) return width as string | number;\n    if (index === rowCount - 1) return '66%';\n    return '100%';\n  };\n\n  const containerStyle = { gap: rowGap, ...style };\n\n  return (\n    <Flexbox\n      className={className}\n      gap={gap || marginBlock}\n      style={containerStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={baseFontSize}\n          key={index}\n          width={getRowWidth(index)}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonParagraph.displayName = 'SkeletonParagraph';\n\nexport default SkeletonParagraph;\n"],"mappings":";;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,IAC4C,KAChD;CACrC,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CAEjD,MAAM,eAAe,UAAmC;EACtD,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,UAAU,WAAW,GAAG,OAAO;EACnC,OAAO;CACT;CAEA,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;CAAM;CAE/C,OACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,KAAK;EACzB,GAFM,KAEN,CACF;CACM,CAAA;AAEb;AAEA,kBAAkB,cAAc"}

package/es/Skeleton/SkeletonTags.d.mts

@@ -1,10 +0,0 @@
-import { SkeletonTagsProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/Skeleton/SkeletonTags.d.ts
-/**
- * @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.
- */
-declare const SkeletonTags: FC<SkeletonTagsProps>;
-//#endregion
-export { SkeletonTags as default };
-//# sourceMappingURL=SkeletonTags.d.mts.map