@lobehub/ui 5.64.2 → 6.0.0-beta.10

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

package/es/Skeleton/SkeletonTags.mjs

@@ -1,57 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import SkeletonBlock from "./SkeletonBlock.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonTags.tsx
-const DEFAULT_COUNT = 1;
-const HEIGHT_MAP = {
-	large: 28,
-	middle: 22,
-	small: 20
-};
-const DEFAULT_WIDTH_MAP = {
-	large: 64,
-	middle: 48,
-	small: 36
-};
-/**
-* @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.
-*/
-const SkeletonTags = ({ active, className, count = DEFAULT_COUNT, gap, height, size = "middle", style, width, ...rest }) => {
-	const resolvedGap = gap !== void 0 ? `${gap}px` : cssVar.paddingXS;
-	const resolvedCount = Math.max(count, 1);
-	const resolvedHeight = height ?? HEIGHT_MAP[size];
-	const widthList = Array.isArray(width) ? width : null;
-	const defaultWidth = DEFAULT_WIDTH_MAP[size];
-	const RADIUS_MAP = {
-		large: cssVar.borderRadius,
-		middle: cssVar.borderRadiusSM,
-		small: cssVar.borderRadiusXS
-	};
-	const getWidth = (index) => {
-		if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;
-		if (width !== void 0) return width;
-		return defaultWidth;
-	};
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		horizontal: true,
-		className,
-		style: {
-			gap: resolvedGap,
-			...style
-		},
-		...rest,
-		children: Array.from({ length: resolvedCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonBlock, {
-			active,
-			height: resolvedHeight,
-			width: getWidth(index),
-			style: { borderRadius: RADIUS_MAP[size] }
-		}, index))
-	});
-};
-SkeletonTags.displayName = "SkeletonTags";
-//#endregion
-export { SkeletonTags as default };
-
-//# sourceMappingURL=SkeletonTags.mjs.map

package/es/Skeleton/SkeletonTags.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonTags.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonTags.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTagsProps } from './type';\n\nconst DEFAULT_COUNT = 1;\n\nconst HEIGHT_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 28,\n  middle: 22,\n  small: 20,\n};\n\nconst DEFAULT_WIDTH_MAP: Record<'small' | 'middle' | 'large', number> = {\n  large: 64,\n  middle: 48,\n  small: 36,\n};\n\n/**\n * @deprecated Use `Skeleton` blocks in a `Flexbox horizontal` instead.\n */\nconst SkeletonTags: FC<SkeletonTagsProps> = ({\n  active,\n  className,\n  count = DEFAULT_COUNT,\n  gap,\n  height,\n  size = 'middle',\n  style,\n  width,\n  ...rest\n}) => {\n  const resolvedGap = gap !== undefined ? `${gap}px` : cssVar.paddingXS;\n  const resolvedCount = Math.max(count, 1);\n  const resolvedHeight = height ?? HEIGHT_MAP[size];\n  const widthList = Array.isArray(width) ? width : null;\n  const defaultWidth = DEFAULT_WIDTH_MAP[size];\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'middle', string> = {\n    large: cssVar.borderRadius,\n    middle: cssVar.borderRadiusSM,\n    small: cssVar.borderRadiusXS,\n  };\n\n  const getWidth = (index: number) => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? defaultWidth;\n    if (width !== undefined) return width as string | number;\n    return defaultWidth;\n  };\n\n  return (\n    <Flexbox horizontal className={className} style={{ gap: resolvedGap, ...style }} {...rest}>\n      {Array.from({ length: resolvedCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={resolvedHeight}\n          key={index}\n          width={getWidth(index)}\n          style={{\n            borderRadius: RADIUS_MAP[size],\n          }}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonTags.displayName = 'SkeletonTags';\n\nexport default SkeletonTags;\n"],"mappings":";;;;;;AAUA,MAAM,gBAAgB;AAEtB,MAAM,aAA2D;CAC/D,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,MAAM,oBAAkE;CACtE,OAAO;CACP,QAAQ;CACR,OAAO;AACT;;;;AAKA,MAAM,gBAAuC,EAC3C,QACA,WACA,QAAQ,eACR,KACA,QACA,OAAO,UACP,OACA,OACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ,KAAA,IAAY,GAAG,IAAI,MAAM,OAAO;CAC5D,MAAM,gBAAgB,KAAK,IAAI,OAAO,CAAC;CACvC,MAAM,iBAAiB,UAAU,WAAW;CAC5C,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CACjD,MAAM,eAAe,kBAAkB;CAEvC,MAAM,aAA2D;EAC/D,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,OAAO,OAAO;CAChB;CAEA,MAAM,YAAY,UAAkB;EAClC,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,OAAO;CACT;CAEA,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAsB;EAAW,OAAO;GAAE,KAAK;GAAa,GAAG;EAAM;EAAG,GAAI;EAClF,UAAA,MAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG,UAC7C,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,SAAS,KAAK;GACrB,OAAO,EACL,cAAc,WAAW,MAC3B;EACD,GALM,KAKN,CACF;CACM,CAAA;AAEb;AAEA,aAAa,cAAc"}

package/es/Skeleton/SkeletonTitle.d.mts

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

package/es/Skeleton/SkeletonTitle.mjs

@@ -1,30 +0,0 @@
-"use client";
-import SkeletonBlock from "./SkeletonBlock.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cssVar } from "antd-style";
-//#region src/Skeleton/SkeletonTitle.tsx
-/**
-* @deprecated Use `Skeleton.Text` from `@lobehub/ui/base-ui` instead.
-*/
-const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", style, className, ...rest }) => {
-	const resolvedLineHeight = lineHeight ?? 1.6;
-	const baseFontSize = fontSize !== void 0 ? `${fontSize}px` : cssVar.fontSize;
-	const heightMultiplier = 1 + (resolvedLineHeight - 1) * .5;
-	const marginMultiplier = (resolvedLineHeight - 1) * .25;
-	return /* @__PURE__ */ jsx(SkeletonBlock, {
-		active,
-		className,
-		height: height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`,
-		width,
-		style: {
-			marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,
-			...style
-		},
-		...rest
-	});
-};
-SkeletonTitle.displayName = "SkeletonTitle";
-//#endregion
-export { SkeletonTitle as default };
-
-//# sourceMappingURL=SkeletonTitle.mjs.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonTitle.mjs","names":[],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTitleProps } from './type';\n\n/**\n * @deprecated Use `Skeleton.Text` from `@lobehub/ui/base-ui` instead.\n */\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\n  active,\n  fontSize,\n  lineHeight,\n  height,\n  width = '60%',\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const baseFontSize = fontSize !== undefined ? `${fontSize}px` : cssVar.fontSize;\n\n  // height = baseFontSize * (1 + (lineHeight - 1) * 0.5)\n  const heightMultiplier = 1 + (resolvedLineHeight - 1) * 0.5;\n  // marginBlock = baseFontSize * (lineHeight - 1) * 0.25\n  const marginMultiplier = (resolvedLineHeight - 1) * 0.25;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`}\n      width={width}\n      style={{\n        marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nSkeletonTitle.displayName = 'SkeletonTitle';\n\nexport default SkeletonTitle;\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,KAAA,IAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;CAEpD,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SliderWithInput/SliderWithInput.mjs

@@ -1,65 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import InputNumber$1 from "../Input/InputNumber.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isNull } from "es-toolkit/compat";
-import { Slider } from "antd";
-//#region src/SliderWithInput/SliderWithInput.tsx
-const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, size, controls, gap = 16, style, className, classNames, styles, disabled, unlimitedInput = false, changeOnWheel, ...rest }) => {
-	const handleOnchange = (value) => {
-		if (Number.isNaN(value) || isNull(value)) return;
-		onChange?.(value);
-	};
-	const inputDisabled = Array.isArray(disabled) ? disabled.some(Boolean) : disabled;
-	const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};
-	const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};
-	return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		align: "center",
-		className,
-		direction: "horizontal",
-		gap,
-		style,
-		children: [/* @__PURE__ */ jsx(Slider, {
-			className: sliderClassName,
-			classNames: restClassNames,
-			defaultValue,
-			disabled,
-			max,
-			min,
-			step,
-			style: {
-				flex: 1,
-				margin: size === "small" ? 0 : void 0,
-				...sliderStyle
-			},
-			styles: restStyles,
-			tooltip: { open: false },
-			value: typeof value === "number" ? value : 0,
-			onChange: handleOnchange,
-			...rest
-		}), /* @__PURE__ */ jsx(InputNumber$1, {
-			changeOnWheel,
-			className: inputClassName,
-			controls: size !== "small" || controls,
-			defaultValue,
-			disabled: inputDisabled,
-			max: unlimitedInput ? void 0 : max,
-			min,
-			size,
-			step: Number.isNaN(step) || isNull(step) ? void 0 : step,
-			style: {
-				flex: 1,
-				maxWidth: size === "small" ? 40 : 64,
-				...inputStyle
-			},
-			value: typeof value === "number" ? value : 0,
-			onChange: (v) => handleOnchange(Number(v))
-		})]
-	});
-});
-SliderWithInput.displayName = "SliderWithInput";
-//#endregion
-export { SliderWithInput as default };
-
-//# sourceMappingURL=SliderWithInput.mjs.map

package/es/SliderWithInput/SliderWithInput.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderWithInput.mjs","names":["Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n    const inputDisabled = Array.isArray(disabled) ? disabled.some(Boolean) : disabled;\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={handleOnchange}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={inputDisabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={(v) => handleOnchange(Number(v))}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,UAAyB;EAC/C,IAAI,OAAO,MAAM,KAAK,KAAK,OAAO,KAAK,GAAG;EAC1C,WAAW,KAAK;CAClB;CACA,MAAM,gBAAgB,MAAM,QAAQ,QAAQ,IAAI,SAAS,KAAK,OAAO,IAAI;CAEzE,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,CAAC;CAC7F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,CAAC;CAE7E,OACE,qBAACA,mBAAD;EACE,OAAO;EACI;EACX,WAAW;EACN;EACE;EALT,UAAA,CAOE,oBAAC,QAAD;GACE,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI,KAAA;IAAW,GAAG;GAAY;GAC3E,QAAQ;GACR,SAAS,EAAE,MAAM,MAAM;GACvB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,UAAU;GACV,GAAI;EACL,CAAA,GACD,oBAACC,eAAD;GACiB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACd,UAAU;GACV,KAAK,iBAAiB,KAAA,IAAY;GAC7B;GACC;GACN,MAAM,OAAO,MAAM,IAAI,KAAK,OAAO,IAAI,IAAI,KAAA,IAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;GAAW;GACtE,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,WAAW,MAAM,eAAe,OAAO,CAAC,CAAC;EAC1C,CAAA,CACM;;AAEb,CACF;AAEA,gBAAgB,cAAc"}

package/es/SliderWithInput/index.d.mts

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

package/es/SliderWithInput/index.mjs

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

package/es/SliderWithInput/type.d.mts

@@ -1,26 +0,0 @@
-import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
-import { InputNumberProps as InputNumberProps$1 } from "../Input/type.mjs";
-import "../Input/index.mjs";
-import { CSSProperties } from "react";
-import { SliderSingleProps } from "antd";
-//#region src/SliderWithInput/type.d.ts
-interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
-  changeOnWheel?: boolean;
-  classNames?: {
-    input?: string;
-    slider?: string;
-  } & SliderSingleProps['classNames'];
-  controls?: InputNumberProps$1['controls'];
-  gap?: FlexboxProps['gap'];
-  size?: InputNumberProps$1['size'];
-  styles?: {
-    input?: CSSProperties;
-    slider?: CSSProperties;
-  } & SliderSingleProps['styles'];
-  unlimitedInput?: boolean;
-  variant?: InputNumberProps$1['variant'];
-}
-//#endregion
-export { SliderWithInputProps };
-//# sourceMappingURL=type.d.mts.map

package/es/Tag/styles.mjs

@@ -1,116 +0,0 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/Tag/styles.ts
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	borderless: staticStylish.variantBorderlessWithoutHover,
-	filled: staticStylish.variantFilledWithoutHover,
-	large: css`
-    &.${prefixCls}-tag {
-      height: 28px;
-      padding-inline: 12px;
-      border-radius: 6px !important;
-    }
-  `,
-	outlined: staticStylish.variantOutlinedWithoutHover,
-	round: css`
-    &.${prefixCls}-tag {
-      border-radius: 999px !important;
-    }
-  `,
-	roundLarge: css`
-    &.${prefixCls}-tag {
-      padding-inline: 14px;
-    }
-  `,
-	roundMiddle: css`
-    &.${prefixCls}-tag {
-      padding-inline: 10px;
-    }
-  `,
-	roundSmall: css`
-    &.${prefixCls}-tag {
-      padding-inline: 8px;
-    }
-  `,
-	root: css`
-    color: ${cssVar.colorTextSecondary};
-
-    &.${prefixCls}-tag {
-      user-select: none;
-
-      display: flex;
-      gap: 0.4em;
-      align-items: center;
-      justify-content: center;
-
-      width: fit-content;
-      height: 22px;
-      margin: 0;
-      border-radius: 3px;
-
-      line-height: 1.2;
-
-      span {
-        margin: 0;
-      }
-
-      span:not(.anticon) {
-        line-height: inherit;
-      }
-    }
-  `,
-	small: css`
-    &.${prefixCls}-tag {
-      height: 20px;
-      padding-inline: 4px;
-      border-radius: 3px;
-    }
-  `
-}));
-const variants = cva(styles.root, {
-	defaultVariants: {
-		shape: "normal",
-		size: "middle",
-		variant: "filled"
-	},
-	compoundVariants: [
-		{
-			className: styles.roundSmall,
-			shape: "round",
-			size: "small"
-		},
-		{
-			className: styles.roundMiddle,
-			shape: "round",
-			size: "middle"
-		},
-		{
-			className: styles.roundLarge,
-			shape: "round",
-			size: "large"
-		}
-	],
-	variants: {
-		shape: {
-			normal: null,
-			round: styles.round
-		},
-		variant: {
-			filled: styles.filled,
-			outlined: styles.outlined,
-			borderless: styles.borderless,
-			solid: styles.filled
-		},
-		size: {
-			small: styles.small,
-			middle: null,
-			large: styles.large
-		}
-	}
-});
-//#endregion
-export { styles, variants };
-
-//# sourceMappingURL=styles.mjs.map

package/es/Tag/styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  round: css`\n    &.${prefixCls}-tag {\n      border-radius: 999px !important;\n    }\n  `,\n  roundLarge: css`\n    &.${prefixCls}-tag {\n      padding-inline: 14px;\n    }\n  `,\n  roundMiddle: css`\n    &.${prefixCls}-tag {\n      padding-inline: 10px;\n    }\n  `,\n  roundSmall: css`\n    &.${prefixCls}-tag {\n      padding-inline: 8px;\n    }\n  `,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shape: 'normal',\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  compoundVariants: [\n    {\n      className: styles.roundSmall,\n      shape: 'round',\n      size: 'small',\n    },\n    {\n      className: styles.roundMiddle,\n      shape: 'round',\n      size: 'middle',\n    },\n    {\n      className: styles.roundLarge,\n      shape: 'round',\n      size: 'large',\n    },\n  ],\n\n  variants: {\n    shape: {\n      normal: null,\n      round: styles.round,\n    },\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      solid: styles.filled,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,GAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,OAAO,GAAG;QACJ,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,aAAa,GAAG;QACV,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,MAAM,GAAG;aACE,OAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,GAAG;QACJ,UAAU;;;;;;AAMlB,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;CACX;CAEA,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;CACF;CAEA,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO,OAAO;EAChB;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,OAAO,OAAO;EAChB;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}