@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/Select/type.d.mts

@@ -1,110 +0,0 @@
-import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
-import { VirtualListProps } from "../virtual/type.mjs";
-import "../virtual/index.mjs";
-import { CSSProperties, ReactNode } from "react";
-import { SelectRootChangeEventDetails } from "@base-ui/react/select";
-//#region src/base-ui/Select/type.d.ts
-type SelectSize = 'large' | 'middle' | 'small';
-type SelectVariant = 'borderless' | 'filled' | 'outlined';
-type SelectBehaviorVariant = 'default' | 'item-aligned';
-/**
- * Variant for how selected items are indicated in the popup.
- * - `check`: Display a checkmark icon next to selected items (default)
- * - `bold`: Display selected items with bold text, no checkmark
- */
-type SelectIndicatorVariant = 'check' | 'bold';
-interface SelectOption<Value = string> {
-  className?: string;
-  disabled?: boolean;
-  label: ReactNode;
-  style?: CSSProperties;
-  title?: string;
-  value: Value;
-}
-interface SelectOptionGroup<Value = string> {
-  disabled?: boolean;
-  label: ReactNode;
-  options: SelectOption<Value>[];
-}
-type SelectOptions<Value = string> = Array<SelectOption<Value> | SelectOptionGroup<Value>>;
-interface SelectClassNames {
-  clear?: string;
-  dropdown?: string;
-  empty?: string;
-  group?: string;
-  groupLabel?: string;
-  icon?: string;
-  item?: string;
-  itemIndicator?: string;
-  itemText?: string;
-  list?: string;
-  option?: string;
-  popup?: string;
-  prefix?: string;
-  root?: string;
-  search?: string;
-  suffix?: string;
-  trigger?: string;
-  value?: string;
-}
-interface SelectProps<Value = string> extends Pick<VirtualListProps, 'virtual' | 'listItemHeight'> {
-  allowClear?: boolean;
-  autoFocus?: boolean;
-  /**
-   * Behavior variant for Base UI Select.
-   *
-   * - `default`: regular dropdown positioning (alignItemWithTrigger=false, modal=false)
-   * - `item-aligned`: aligns the selected item with trigger and uses modal=true
-   * @default 'default'
-   */
-  behaviorVariant?: SelectBehaviorVariant;
-  className?: string;
-  classNames?: SelectClassNames;
-  defaultOpen?: boolean;
-  defaultValue?: Value | Value[] | null;
-  disabled?: boolean;
-  id?: string;
-  labelRender?: (option: SelectOption<Value>) => ReactNode;
-  /**
-   * 设置弹窗滚动高度
-   * @default 512
-   */
-  listHeight?: number;
-  loading?: boolean;
-  mode?: 'multiple' | 'tags';
-  name?: string;
-  onChange?: (value: Value | Value[] | null | undefined, option?: SelectOption<Value> | SelectOption<Value>[]) => void;
-  onOpenChange?: (open: boolean, eventDetails?: SelectRootChangeEventDetails) => void;
-  onSelect?: (value: Value, option?: SelectOption<Value>) => void;
-  open?: boolean;
-  optionRender?: (option: SelectOption<Value>, info: {
-    index: number;
-  }) => ReactNode;
-  options?: SelectOptions<Value>;
-  placeholder?: ReactNode;
-  popupClassName?: string;
-  popupMatchSelectWidth?: boolean | number;
-  prefix?: ReactNode | IconProps['icon'];
-  readOnly?: boolean;
-  required?: boolean;
-  /**
-   * Variant for how selected items are indicated in the popup.
-   * - `check`: Display a checkmark icon next to selected items (default)
-   * - `bold`: Display selected items with bold text, no checkmark
-   * @default 'check'
-   */
-  selectedIndicatorVariant?: SelectIndicatorVariant;
-  shadow?: boolean;
-  showSearch?: boolean;
-  size?: SelectSize;
-  style?: CSSProperties;
-  suffixIcon?: IconProps['icon'] | ReactNode;
-  suffixIconProps?: Omit<IconProps, 'icon'>;
-  tokenSeparators?: string[];
-  value?: Value | Value[] | null;
-  variant?: SelectVariant;
-}
-//#endregion
-export { SelectBehaviorVariant, SelectClassNames, SelectIndicatorVariant, SelectOption, SelectOptionGroup, SelectOptions, SelectProps, type SelectRootChangeEventDetails, SelectSize, SelectVariant };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Skeleton/Skeleton.mjs

@@ -1,20 +0,0 @@
-"use client";
-import { styles } from "./style.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/Skeleton/Skeleton.tsx
-const Skeleton = ({ animated = true, width = "100%", height = "1em", radius, className, style, ...rest }) => /* @__PURE__ */ jsx("div", {
-	style: {
-		borderRadius: radius,
-		height,
-		width,
-		...style
-	},
-	className: cx(styles.base, animated && styles[animated === true ? "fade" : animated], className),
-	...rest
-});
-Skeleton.displayName = "Skeleton";
-//#endregion
-export { Skeleton as default };
-
-//# sourceMappingURL=Skeleton.mjs.map

package/es/base-ui/Skeleton/Skeleton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../src/base-ui/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { styles } from './style';\nimport type { SkeletonProps } from './type';\n\nconst Skeleton: FC<SkeletonProps> = ({\n  animated = true,\n  width = '100%',\n  height = '1em',\n  radius,\n  className,\n  style,\n  ...rest\n}) => (\n  <div\n    style={{ borderRadius: radius, height, width, ...style }}\n    className={cx(\n      styles.base,\n      animated && styles[animated === true ? 'fade' : animated],\n      className,\n    )}\n    {...rest}\n  />\n);\n\nSkeleton.displayName = 'Skeleton';\n\nexport default Skeleton;\n"],"mappings":";;;;;AAQA,MAAM,YAA+B,EACnC,WAAW,MACX,QAAQ,QACR,SAAS,OACT,QACA,WACA,OACA,GAAG,WAEH,oBAAC,OAAD;CACE,OAAO;EAAE,cAAc;EAAQ;EAAQ;EAAO,GAAG;CAAM;CACvD,WAAW,GACT,OAAO,MACP,YAAY,OAAO,aAAa,OAAO,SAAS,WAChD,SACF;CACA,GAAI;AACL,CAAA;AAGH,SAAS,cAAc"}

package/es/base-ui/Skeleton/SkeletonAvatar.d.mts

@@ -1,7 +0,0 @@
-import { SkeletonAvatarProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/base-ui/Skeleton/SkeletonAvatar.d.ts
-declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
-//#endregion
-export { SkeletonAvatar as default };
-//# sourceMappingURL=SkeletonAvatar.d.mts.map

package/es/base-ui/Skeleton/SkeletonAvatar.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { styles } from "./style.mjs";
-import Skeleton from "./Skeleton.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/Skeleton/SkeletonAvatar.tsx
-const DEFAULT_SIZE = 40;
-const SkeletonAvatar = ({ shape = "square", size = DEFAULT_SIZE, width, height, className, ...rest }) => /* @__PURE__ */ jsx(Skeleton, {
-	className: cx(styles.avatar, className),
-	height: height ?? size,
-	radius: shape === "circle" ? "50%" : void 0,
-	width: width ?? size,
-	...rest
-});
-SkeletonAvatar.displayName = "SkeletonAvatar";
-//#endregion
-export { SkeletonAvatar as default };
-
-//# sourceMappingURL=SkeletonAvatar.mjs.map

package/es/base-ui/Skeleton/SkeletonAvatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonAvatar.mjs","names":[],"sources":["../../../src/base-ui/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Skeleton from './Skeleton';\nimport { styles } from './style';\nimport type { SkeletonAvatarProps } from './type';\n\nconst DEFAULT_SIZE = 40;\n\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\n  shape = 'square',\n  size = DEFAULT_SIZE,\n  width,\n  height,\n  className,\n  ...rest\n}) => (\n  <Skeleton\n    className={cx(styles.avatar, className)}\n    height={height ?? size}\n    radius={shape === 'circle' ? '50%' : undefined}\n    width={width ?? size}\n    {...rest}\n  />\n);\n\nSkeletonAvatar.displayName = 'SkeletonAvatar';\n\nexport default SkeletonAvatar;\n"],"mappings":";;;;;;AASA,MAAM,eAAe;AAErB,MAAM,kBAA2C,EAC/C,QAAQ,UACR,OAAO,cACP,OACA,QACA,WACA,GAAG,WAEH,oBAAC,UAAD;CACE,WAAW,GAAG,OAAO,QAAQ,SAAS;CACtC,QAAQ,UAAU;CAClB,QAAQ,UAAU,WAAW,QAAQ,KAAA;CACrC,OAAO,SAAS;CAChB,GAAI;AACL,CAAA;AAGH,eAAe,cAAc"}

package/es/base-ui/Skeleton/SkeletonText.d.mts

@@ -1,7 +0,0 @@
-import { SkeletonTextProps } from "./type.mjs";
-import { FC } from "react";
-//#region src/base-ui/Skeleton/SkeletonText.d.ts
-declare const SkeletonText: FC<SkeletonTextProps>;
-//#endregion
-export { SkeletonText as default };
-//# sourceMappingURL=SkeletonText.d.mts.map

package/es/base-ui/Skeleton/SkeletonText.mjs

@@ -1,36 +0,0 @@
-"use client";
-import { styles } from "./style.mjs";
-import Skeleton from "./Skeleton.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
-//#region src/base-ui/Skeleton/SkeletonText.tsx
-const SkeletonText = ({ rows = 1, fontSize, lineHeight = 1.6, gap, width, className, style, ...rest }) => {
-	const rowCount = Math.max(rows, 1);
-	const base = fontSize === void 0 ? cssVar.fontSize : `${fontSize}px`;
-	const rowHeight = `round(calc(${base} * ${1 + (lineHeight - 1) * .5}), 1px)`;
-	const halfLeading = gap === void 0 ? `round(calc(${base} * ${(lineHeight - 1) * .25}), 1px)` : void 0;
-	const widths = Array.isArray(width) ? width : void 0;
-	const rowWidth = (index) => {
-		if (widths) return widths[index] ?? widths.at(-1) ?? "100%";
-		if (width !== void 0) return width;
-		return index === rowCount - 1 && rowCount > 1 ? "66%" : "100%";
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(styles.text, className),
-		style: {
-			gap,
-			...style
-		},
-		children: Array.from({ length: rowCount }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, {
-			height: rowHeight,
-			style: { marginBlock: halfLeading },
-			width: rowWidth(index),
-			...rest
-		}, index))
-	});
-};
-SkeletonText.displayName = "SkeletonText";
-//#endregion
-export { SkeletonText as default };
-
-//# sourceMappingURL=SkeletonText.mjs.map

package/es/base-ui/Skeleton/SkeletonText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonText.mjs","names":[],"sources":["../../../src/base-ui/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Skeleton from './Skeleton';\nimport { styles } from './style';\nimport type { SkeletonTextProps } from './type';\n\nconst SkeletonText: FC<SkeletonTextProps> = ({\n  rows = 1,\n  fontSize,\n  lineHeight = 1.6,\n  gap,\n  width,\n  className,\n  style,\n  ...rest\n}) => {\n  const rowCount = Math.max(rows, 1);\n  const base = fontSize === undefined ? cssVar.fontSize : `${fontSize}px`;\n  const rowHeight = `round(calc(${base} * ${1 + (lineHeight - 1) * 0.5}), 1px)`;\n  const halfLeading =\n    gap === undefined ? `round(calc(${base} * ${(lineHeight - 1) * 0.25}), 1px)` : undefined;\n  const widths = Array.isArray(width) ? width : undefined;\n\n  const rowWidth = (index: number) => {\n    if (widths) return widths[index] ?? widths.at(-1) ?? '100%';\n    if (width !== undefined) return width as number | string;\n    return index === rowCount - 1 && rowCount > 1 ? '66%' : '100%';\n  };\n\n  return (\n    <div className={cx(styles.text, className)} style={{ gap, ...style }}>\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <Skeleton\n          height={rowHeight}\n          key={index}\n          style={{ marginBlock: halfLeading }}\n          width={rowWidth(index)}\n          {...rest}\n        />\n      ))}\n    </div>\n  );\n};\n\nSkeletonText.displayName = 'SkeletonText';\n\nexport default SkeletonText;\n"],"mappings":";;;;;;AASA,MAAM,gBAAuC,EAC3C,OAAO,GACP,UACA,aAAa,KACb,KACA,OACA,WACA,OACA,GAAG,WACC;CACJ,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,OAAO,aAAa,KAAA,IAAY,OAAO,WAAW,GAAG,SAAS;CACpE,MAAM,YAAY,cAAc,KAAK,KAAK,KAAK,aAAa,KAAK,GAAI;CACrE,MAAM,cACJ,QAAQ,KAAA,IAAY,cAAc,KAAK,MAAM,aAAa,KAAK,IAAK,WAAW,KAAA;CACjF,MAAM,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,KAAA;CAE9C,MAAM,YAAY,UAAkB;EAClC,IAAI,QAAQ,OAAO,OAAO,UAAU,OAAO,GAAG,EAAE,KAAK;EACrD,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,OAAO,UAAU,WAAW,KAAK,WAAW,IAAI,QAAQ;CAC1D;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,OAAO;GAAE;GAAK,GAAG;EAAM;EAChE,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,UAAD;GACE,QAAQ;GAER,OAAO,EAAE,aAAa,YAAY;GAClC,OAAO,SAAS,KAAK;GACrB,GAAI;EACL,GAJM,KAIN,CACF;CACE,CAAA;AAET;AAEA,aAAa,cAAc"}

package/es/base-ui/Skeleton/index.d.mts

@@ -1,13 +0,0 @@
-import { SkeletonAnimation, SkeletonAvatarProps, SkeletonProps, SkeletonTextProps } from "./type.mjs";
-import SkeletonAvatar from "./SkeletonAvatar.mjs";
-import SkeletonText from "./SkeletonText.mjs";
-import { FC } from "react";
-//#region src/base-ui/Skeleton/index.d.ts
-interface ISkeleton extends FC<SkeletonProps> {
-  Avatar: typeof SkeletonAvatar;
-  Text: typeof SkeletonText;
-}
-declare const Skeleton: ISkeleton;
-//#endregion
-export { type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, Skeleton as default };
-//# sourceMappingURL=index.d.mts.map

package/es/base-ui/Skeleton/index.mjs

@@ -1,11 +0,0 @@
-import Skeleton$1 from "./Skeleton.mjs";
-import SkeletonAvatar from "./SkeletonAvatar.mjs";
-import SkeletonText from "./SkeletonText.mjs";
-//#region src/base-ui/Skeleton/index.ts
-const Skeleton = Skeleton$1;
-Skeleton.Avatar = SkeletonAvatar;
-Skeleton.Text = SkeletonText;
-//#endregion
-export { SkeletonAvatar, SkeletonText, Skeleton as default };
-
-//# sourceMappingURL=index.mjs.map

package/es/base-ui/Skeleton/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["SkeletonRoot"],"sources":["../../../src/base-ui/Skeleton/index.ts"],"sourcesContent":["import type { FC } from 'react';\n\nimport SkeletonRoot from './Skeleton';\nimport SkeletonAvatar from './SkeletonAvatar';\nimport SkeletonText from './SkeletonText';\nimport type { SkeletonProps } from './type';\n\ninterface ISkeleton extends FC<SkeletonProps> {\n  Avatar: typeof SkeletonAvatar;\n  Text: typeof SkeletonText;\n}\n\nconst Skeleton = SkeletonRoot as ISkeleton;\nSkeleton.Avatar = SkeletonAvatar;\nSkeleton.Text = SkeletonText;\n\nexport default Skeleton;\n\nexport { default as SkeletonAvatar } from './SkeletonAvatar';\nexport { default as SkeletonText } from './SkeletonText';\nexport type * from './type';\n"],"mappings":";;;;AAYA,MAAM,WAAWA;AACjB,SAAS,SAAS;AAClB,SAAS,OAAO"}

package/es/base-ui/Skeleton/style.mjs

@@ -1,79 +0,0 @@
-import { createStaticStyles, keyframes } from "antd-style";
-//#region src/base-ui/Skeleton/style.ts
-const sweep = keyframes`
-  0% {
-    translate: -100% 0;
-  }
-
-  100% {
-    translate: 100% 0;
-  }
-`;
-const fade = keyframes`
-  0%,
-  100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .5;
-  }
-`;
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		avatar: css`
-      flex: none;
-    `,
-		base: css`
-      user-select: none;
-
-      position: relative;
-
-      overflow: hidden;
-
-      border-radius: ${cssVar.borderRadius};
-
-      background: ${cssVar.colorFillContent};
-
-      @media (prefers-reduced-motion: reduce) {
-        animation: none;
-
-        &::after {
-          display: none;
-        }
-      }
-    `,
-		fade: css`
-      will-change: opacity;
-      animation: ${fade} 1.6s ease-in-out infinite;
-    `,
-		sweep: css`
-      &::after {
-        pointer-events: none;
-        will-change: transform;
-        content: '';
-
-        position: absolute;
-        inset: 0;
-
-        background: linear-gradient(
-          90deg,
-          transparent 0%,
-          ${cssVar.colorFill} 50%,
-          transparent 100%
-        );
-
-        animation: ${sweep} 1.4s ease infinite;
-      }
-    `,
-		text: css`
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-    `
-	};
-});
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Skeleton/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Skeleton/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst sweep = keyframes`\n  0% {\n    translate: -100% 0;\n  }\n\n  100% {\n    translate: 100% 0;\n  }\n`;\n\nconst fade = keyframes`\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .5;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      flex: none;\n    `,\n\n    base: css`\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillContent};\n\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n\n        &::after {\n          display: none;\n        }\n      }\n    `,\n\n    fade: css`\n      will-change: opacity;\n      animation: ${fade} 1.6s ease-in-out infinite;\n    `,\n\n    sweep: css`\n      &::after {\n        pointer-events: none;\n        will-change: transform;\n        content: '';\n\n        position: absolute;\n        inset: 0;\n\n        background: linear-gradient(\n          90deg,\n          transparent 0%,\n          ${cssVar.colorFill} 50%,\n          transparent 100%\n        );\n\n        animation: ${sweep} 1.4s ease infinite;\n      }\n    `,\n\n    text: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,QAAQ,SAAS;;;;;;;;;AAUvB,MAAM,OAAO,SAAS;;;;;;;;;;AAWtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;EAIX,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;oBAEvB,OAAO,iBAAiB;;;;;;;;;;EAWxC,MAAM,GAAG;;mBAEM,KAAK;;EAGpB,OAAO,GAAG;;;;;;;;;;;;YAYF,OAAO,UAAU;;;;qBAIR,MAAM;;;EAIvB,MAAM,GAAG;;;;;CAKX;AACF,CAAC"}

package/es/base-ui/Skeleton/type.d.mts

@@ -1,23 +0,0 @@
-import { HTMLAttributes } from "react";
-//#region src/base-ui/Skeleton/type.d.ts
-type SkeletonAnimation = 'fade' | 'sweep';
-interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-  animated?: boolean | SkeletonAnimation;
-  height?: number | string;
-  radius?: number | string;
-  width?: number | string;
-}
-interface SkeletonTextProps extends Omit<SkeletonProps, 'width' | 'height'> {
-  fontSize?: number;
-  gap?: number;
-  lineHeight?: number;
-  rows?: number;
-  width?: number | string | (number | string)[];
-}
-interface SkeletonAvatarProps extends Omit<SkeletonProps, 'radius'> {
-  shape?: 'circle' | 'square';
-  size?: number | string;
-}
-//#endregion
-export { SkeletonAnimation, SkeletonAvatarProps, SkeletonProps, SkeletonTextProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Slider/Slider.d.mts

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

package/es/base-ui/Slider/Slider.mjs

@@ -1,34 +0,0 @@
-"use client";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Slider } from "@base-ui/react/slider";
-//#region src/base-ui/Slider/Slider.tsx
-const Slider$1 = memo(({ className, classNames, styles: customStyles, style, onChange, onChangeComplete, ...rest }) => /* @__PURE__ */ jsx(Slider.Root, {
-	className: cx(styles.root, className),
-	style,
-	onValueChange: (value) => onChange?.(value),
-	onValueCommitted: (value) => onChangeComplete?.(value),
-	...rest,
-	children: /* @__PURE__ */ jsx(Slider.Control, {
-		className: cx(styles.control, classNames?.control),
-		style: customStyles?.control,
-		children: /* @__PURE__ */ jsxs(Slider.Track, {
-			className: cx(styles.track, classNames?.track),
-			style: customStyles?.track,
-			children: [/* @__PURE__ */ jsx(Slider.Indicator, {
-				className: cx(styles.indicator, classNames?.indicator),
-				style: customStyles?.indicator
-			}), /* @__PURE__ */ jsx(Slider.Thumb, {
-				className: cx(styles.thumb, classNames?.thumb),
-				style: customStyles?.thumb
-			})]
-		})
-	})
-}));
-Slider$1.displayName = "Slider";
-//#endregion
-export { Slider$1 as default };
-
-//# sourceMappingURL=Slider.mjs.map

package/es/base-ui/Slider/Slider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.mjs","names":["Slider","BaseSlider"],"sources":["../../../src/base-ui/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport { Slider as BaseSlider } from '@base-ui/react/slider';\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from './style';\nimport type { SliderProps } from './type';\n\nconst Slider = memo<SliderProps>(\n  ({ className, classNames, styles: customStyles, style, onChange, onChangeComplete, ...rest }) => (\n    <BaseSlider.Root\n      className={cx(styles.root, className)}\n      style={style}\n      onValueChange={(value) => onChange?.(value as number)}\n      onValueCommitted={(value) => onChangeComplete?.(value as number)}\n      {...rest}\n    >\n      <BaseSlider.Control\n        className={cx(styles.control, classNames?.control)}\n        style={customStyles?.control}\n      >\n        <BaseSlider.Track\n          className={cx(styles.track, classNames?.track)}\n          style={customStyles?.track}\n        >\n          <BaseSlider.Indicator\n            className={cx(styles.indicator, classNames?.indicator)}\n            style={customStyles?.indicator}\n          />\n          <BaseSlider.Thumb\n            className={cx(styles.thumb, classNames?.thumb)}\n            style={customStyles?.thumb}\n          />\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n    </BaseSlider.Root>\n  ),\n);\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":";;;;;;;AASA,MAAMA,WAAS,MACZ,EAAE,WAAW,YAAY,QAAQ,cAAc,OAAO,UAAU,kBAAkB,GAAG,WACpF,oBAACC,OAAW,MAAZ;CACE,WAAW,GAAG,OAAO,MAAM,SAAS;CAC7B;CACP,gBAAgB,UAAU,WAAW,KAAe;CACpD,mBAAmB,UAAU,mBAAmB,KAAe;CAC/D,GAAI;CAEJ,UAAA,oBAACA,OAAW,SAAZ;EACE,WAAW,GAAG,OAAO,SAAS,YAAY,OAAO;EACjD,OAAO,cAAc;EAErB,UAAA,qBAACA,OAAW,OAAZ;GACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;GAC7C,OAAO,cAAc;GAFvB,UAAA,CAIE,oBAACA,OAAW,WAAZ;IACE,WAAW,GAAG,OAAO,WAAW,YAAY,SAAS;IACrD,OAAO,cAAc;GACtB,CAAA,GACD,oBAACA,OAAW,OAAZ;IACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;IAC7C,OAAO,cAAc;GACtB,CAAA,CACe;;CACA,CAAA;AACL,CAAA,CAErB;AAEA,SAAO,cAAc"}

package/es/base-ui/Slider/SliderWithInput.d.mts

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

package/es/base-ui/Slider/SliderWithInput.mjs

@@ -1,64 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import InputNumber_default from "../Input/InputNumber.mjs";
-import Slider from "./Slider.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isNull } from "es-toolkit/compat";
-//#region src/base-ui/Slider/SliderWithInput.tsx
-const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, size, controls, gap = 16, style, className, classNames, styles: customStyles, disabled, unlimitedInput = false, changeOnWheel, shadow, variant, ...rest }) => {
-	const handleChange = (next) => {
-		if (isNull(next) || Number.isNaN(next)) return;
-		onChange?.(next);
-	};
-	const { slider: sliderClassName, input: inputClassName, ...sliderPartClassNames } = classNames || {};
-	const { slider: sliderStyle, input: inputStyle, ...sliderPartStyles } = customStyles || {};
-	return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		horizontal: true,
-		align: "center",
-		className,
-		gap,
-		style,
-		children: [/* @__PURE__ */ jsx(Slider, {
-			className: sliderClassName,
-			classNames: sliderPartClassNames,
-			defaultValue,
-			disabled,
-			max,
-			min,
-			step,
-			style: {
-				flex: 1,
-				...sliderStyle
-			},
-			styles: sliderPartStyles,
-			value,
-			onChange: handleChange,
-			...rest
-		}), /* @__PURE__ */ jsx(InputNumber_default, {
-			changeOnWheel,
-			className: inputClassName,
-			controls: size !== "small" && controls !== false,
-			defaultValue,
-			disabled,
-			max: unlimitedInput ? void 0 : max,
-			min,
-			shadow,
-			size,
-			step: step === void 0 || Number.isNaN(step) ? void 0 : step,
-			value,
-			variant,
-			style: {
-				flex: "none",
-				width: size === "small" ? 48 : 88,
-				...inputStyle
-			},
-			onChange: handleChange
-		})]
-	});
-});
-SliderWithInput.displayName = "SliderWithInput";
-//#endregion
-export { SliderWithInput as default };
-
-//# sourceMappingURL=SliderWithInput.mjs.map

package/es/base-ui/Slider/SliderWithInput.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderWithInput.mjs","names":["Flexbox","InputNumber"],"sources":["../../../src/base-ui/Slider/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { InputNumber } from '@/base-ui/Input';\nimport { Flexbox } from '@/Flex';\n\nimport Slider from './Slider';\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: customStyles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    shadow,\n    variant,\n    ...rest\n  }) => {\n    const handleChange = (next: number | null) => {\n      if (isNull(next) || Number.isNaN(next)) return;\n      onChange?.(next);\n    };\n\n    const {\n      slider: sliderClassName,\n      input: inputClassName,\n      ...sliderPartClassNames\n    } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...sliderPartStyles } = customStyles || {};\n\n    return (\n      <Flexbox horizontal align={'center'} className={className} gap={gap} style={style}>\n        <Slider\n          className={sliderClassName}\n          classNames={sliderPartClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          step={step}\n          style={{ flex: 1, ...sliderStyle }}\n          styles={sliderPartStyles}\n          value={value}\n          onChange={handleChange}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' && controls !== false}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          shadow={shadow}\n          size={size}\n          step={step === undefined || Number.isNaN(step) ? undefined : step}\n          value={value}\n          variant={variant}\n          style={{\n            flex: 'none',\n            width: size === 'small' ? 48 : 88,\n            ...inputStyle,\n          }}\n          onChange={handleChange}\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,QAAQ,cACR,UACA,iBAAiB,OACjB,eACA,QACA,SACA,GAAG,WACC;CACJ,MAAM,gBAAgB,SAAwB;EAC5C,IAAI,OAAO,IAAI,KAAK,OAAO,MAAM,IAAI,GAAG;EACxC,WAAW,IAAI;CACjB;CAEA,MAAM,EACJ,QAAQ,iBACR,OAAO,gBACP,GAAG,yBACD,cAAc,CAAC;CACnB,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,qBAAqB,gBAAgB,CAAC;CAEzF,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAqB;EAAgB;EAAY;EAA5E,UAAA,CACE,oBAAC,QAAD;GACE,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,GAAG;GAAY;GACjC,QAAQ;GACD;GACP,UAAU;GACV,GAAI;EACL,CAAA,GACD,oBAACC,qBAAD;GACiB;GACf,WAAW;GACX,UAAU,SAAS,WAAW,aAAa;GAC7B;GACJ;GACV,KAAK,iBAAiB,KAAA,IAAY;GAC7B;GACG;GACF;GACN,MAAM,SAAS,KAAA,KAAa,OAAO,MAAM,IAAI,IAAI,KAAA,IAAY;GACtD;GACE;GACT,OAAO;IACL,MAAM;IACN,OAAO,SAAS,UAAU,KAAK;IAC/B,GAAG;GACL;GACA,UAAU;EACX,CAAA,CACM;;AAEb,CACF;AAEA,gBAAgB,cAAc"}

package/es/base-ui/Slider/index.d.mts

@@ -1,5 +0,0 @@
-import { SliderProps, SliderWithInputProps } from "./type.mjs";
-import Slider from "./Slider.mjs";
-import SliderWithInput from "./SliderWithInput.mjs";
-import { styles } from "./style.mjs";
-export { Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, styles as sliderStyles };

package/es/base-ui/Slider/style.d.mts

@@ -1,11 +0,0 @@
-//#region src/base-ui/Slider/style.d.ts
-declare const styles: {
-  control: string;
-  indicator: string;
-  root: string;
-  thumb: string;
-  track: string;
-};
-//#endregion
-export { styles };
-//# sourceMappingURL=style.d.mts.map

package/es/base-ui/Slider/style.mjs

@@ -1,81 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Slider/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	control: css`
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 20px;
-  `,
-	indicator: css`
-    border-radius: inherit;
-    background: ${cssVar.colorPrimary};
-
-    [data-disabled] & {
-      background: ${cssVar.colorTextQuaternary};
-    }
-  `,
-	root: css`
-    display: flex;
-    align-items: center;
-    width: 100%;
-
-    &[data-disabled] {
-      cursor: not-allowed;
-    }
-  `,
-	thumb: css`
-    flex-shrink: 0;
-
-    width: 8px;
-    height: 16px;
-    border-radius: 100px;
-
-    background: ${cssVar.colorPrimary};
-    box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};
-
-    transition: box-shadow 150ms ${cssVar.motionEaseOut};
-
-    &::before {
-      content: '';
-
-      position: absolute;
-      inset-block-start: 50%;
-      inset-inline-start: 50%;
-      translate: -50% -50%;
-
-      width: 24px;
-      height: 40px;
-    }
-
-    &:hover:not([data-disabled] *) {
-      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};
-    }
-
-    ${focusRing};
-
-    [data-dragging] & {
-      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};
-    }
-
-    [data-disabled] & {
-      background: ${cssVar.colorTextQuaternary};
-      box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	track: css`
-    width: 100%;
-    height: 4px;
-    border-radius: 100px;
-    background: ${cssVar.colorFillSecondary};
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Slider/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Slider/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  control: css`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 20px;\n  `,\n  indicator: css`\n    border-radius: inherit;\n    background: ${cssVar.colorPrimary};\n\n    [data-disabled] & {\n      background: ${cssVar.colorTextQuaternary};\n    }\n  `,\n  root: css`\n    display: flex;\n    align-items: center;\n    width: 100%;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n  `,\n  thumb: css`\n    flex-shrink: 0;\n\n    width: 8px;\n    height: 16px;\n    border-radius: 100px;\n\n    background: ${cssVar.colorPrimary};\n    box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n\n    transition: box-shadow 150ms ${cssVar.motionEaseOut};\n\n    &::before {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      translate: -50% -50%;\n\n      width: 24px;\n      height: 40px;\n    }\n\n    &:hover:not([data-disabled] *) {\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n    }\n\n    ${focusRing};\n\n    [data-dragging] & {\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n    }\n\n    [data-disabled] & {\n      background: ${cssVar.colorTextQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  track: css`\n    width: 100%;\n    height: 4px;\n    border-radius: 100px;\n    background: ${cssVar.colorFillSecondary};\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;CAMZ,WAAW,GAAG;;kBAEE,OAAO,aAAa;;;oBAGlB,OAAO,oBAAoB;;;CAG7C,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;;;;;;;kBAOM,OAAO,aAAa;4BACV,OAAO,iBAAiB;;mCAEjB,OAAO,cAAc;;;;;;;;;;;;;;;8BAe1B,OAAO,mBAAmB;;;MAGlD,UAAU;;;8BAGc,OAAO,mBAAmB;;;;oBAIpC,OAAO,oBAAoB;8BACjB,OAAO,iBAAiB;;;;;;;CAOpD,OAAO,GAAG;;;;kBAIM,OAAO,mBAAmB;;AAE5C,EAAE"}

package/es/base-ui/Slider/type.d.mts

@@ -1,48 +0,0 @@
-import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
-import { InputNumberProps, InputVariant } from "../Input/type.mjs";
-import "../Input/index.mjs";
-import { CSSProperties, ComponentProps } from "react";
-import { Slider } from "@base-ui/react/slider";
-//#region src/base-ui/Slider/type.d.ts
-type BaseSliderProps = Omit<ComponentProps<typeof Slider.Root>, 'className' | 'style' | 'render' | 'children' | 'onValueChange' | 'value' | 'defaultValue' | 'onChange'>;
-interface SliderProps extends BaseSliderProps {
-  className?: string;
-  classNames?: {
-    control?: string;
-    indicator?: string;
-    thumb?: string;
-    track?: string;
-  };
-  defaultValue?: number;
-  onChange?: (value: number) => void;
-  onChangeComplete?: (value: number) => void;
-  style?: CSSProperties;
-  styles?: {
-    control?: CSSProperties;
-    indicator?: CSSProperties;
-    thumb?: CSSProperties;
-    track?: CSSProperties;
-  };
-  value?: number;
-}
-interface SliderWithInputProps extends Omit<SliderProps, 'classNames' | 'styles'> {
-  changeOnWheel?: boolean;
-  classNames?: SliderProps['classNames'] & {
-    input?: string;
-    slider?: string;
-  };
-  controls?: boolean;
-  gap?: FlexboxProps['gap'];
-  shadow?: boolean;
-  size?: InputNumberProps['size'];
-  styles?: SliderProps['styles'] & {
-    input?: CSSProperties;
-    slider?: CSSProperties;
-  };
-  unlimitedInput?: boolean;
-  variant?: InputVariant;
-}
-//#endregion
-export { SliderProps, SliderWithInputProps };
-//# sourceMappingURL=type.d.mts.map