@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,210 +0,0 @@
-import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Segmented/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		indicator: css`
-    pointer-events: none;
-
-    position: absolute;
-    z-index: 0;
-    inset-block-start: var(--active-item-top);
-    inset-inline-start: var(--active-item-left);
-
-    width: var(--active-item-width);
-    height: var(--active-item-height);
-    border-radius: ${cssVar.borderRadius};
-
-    background: ${cssVar.colorBgElevated};
-    box-shadow: none;
-
-    transition-timing-function: ${cssVar.motionEaseOut};
-    transition-duration: 240ms;
-    transition-property: inset-inline-start, inset-block-start, width, height;
-
-    [data-variant='outlined'] > & {
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    [data-orientation='horizontal'] &:dir(rtl) {
-      inset-inline-start: var(--active-item-right);
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-		item: css`
-      cursor: pointer;
-      user-select: none;
-
-      position: relative;
-      z-index: 1;
-
-      display: inline-flex;
-      flex-shrink: 0;
-      gap: 6px;
-      align-items: center;
-      justify-content: center;
-
-      box-sizing: border-box;
-      border: 0;
-      border-radius: ${cssVar.borderRadius};
-
-      font-weight: 500;
-      color: ${cssVar.colorTextSecondary};
-      white-space: nowrap;
-
-      background: transparent;
-      outline: none;
-
-      transition:
-        color 120ms ${cssVar.motionEaseOut},
-        transform 120ms ${cssVar.motionEaseOut};
-
-      &:hover:not([data-disabled], [data-pressed]) {
-        color: ${cssVar.colorText};
-      }
-
-      &:active:not([data-disabled]) {
-        transform: scale(0.98);
-      }
-
-      ${focusRing};
-
-      &[data-pressed] {
-        color: ${cssVar.colorText};
-      }
-
-      &[data-disabled] {
-        cursor: not-allowed;
-        color: ${cssVar.colorTextDisabled};
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        transition-duration: 0s;
-      }
-    `,
-		itemBlock: css`
-      flex: 1 1 0;
-    `,
-		itemIcon: css`
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-    `,
-		itemLabel: css`
-      display: inline-flex;
-      align-items: center;
-    `,
-		itemLarge: css`
-      height: 36px;
-      padding-inline: 16px;
-      border-radius: ${cssVar.borderRadius};
-      font-size: 14px;
-    `,
-		itemMiddle: css`
-      height: 32px;
-      padding-inline: 12px;
-      border-radius: ${cssVar.borderRadius};
-      font-size: 13px;
-    `,
-		itemSmall: css`
-      height: 26px;
-      padding-inline: 10px;
-      border-radius: ${cssVar.borderRadius};
-      font-size: 12px;
-    `,
-		list: css`
-      position: relative;
-
-      display: inline-flex;
-      flex-wrap: nowrap;
-      gap: 4px;
-      align-items: center;
-      align-self: flex-start;
-
-      box-sizing: border-box;
-      padding: 3px;
-      border-radius: ${cssVar.borderRadiusLG};
-
-      &[data-orientation='vertical'] {
-        flex-direction: column;
-        align-items: stretch;
-        align-self: stretch;
-      }
-    `,
-		listBlock: css`
-      display: flex;
-      align-self: stretch;
-      width: 100%;
-    `,
-		listFilled: css`
-      border: 1px solid ${cssVar.colorFillQuaternary};
-      background: ${cssVar.colorBgLayout};
-    `,
-		listGlass: staticStylish.blur,
-		listOutlined: css`
-      border: 1px solid ${cssVar.colorBorderSecondary};
-      background: transparent;
-    `,
-		listShadow: staticStylish.shadow,
-		root: css`
-      display: inline-flex;
-
-      &[data-block='true'] {
-        display: flex;
-        width: 100%;
-      }
-    `
-	};
-});
-const listVariants = cva(styles.list, {
-	defaultVariants: {
-		block: false,
-		glass: false,
-		shadow: false,
-		variant: "filled"
-	},
-	variants: {
-		block: {
-			false: null,
-			true: styles.listBlock
-		},
-		glass: {
-			false: null,
-			true: styles.listGlass
-		},
-		shadow: {
-			false: null,
-			true: styles.listShadow
-		},
-		variant: {
-			filled: styles.listFilled,
-			outlined: styles.listOutlined
-		}
-	}
-});
-const itemVariants = cva(styles.item, {
-	defaultVariants: {
-		block: false,
-		size: "middle"
-	},
-	variants: {
-		block: {
-			false: null,
-			true: styles.itemBlock
-		},
-		size: {
-			large: styles.itemLarge,
-			middle: styles.itemMiddle,
-			small: styles.itemSmall
-		}
-	}
-});
-//#endregion
-export { itemVariants, listVariants, styles };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const indicator = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 0;\n    inset-block-start: var(--active-item-top);\n    inset-inline-start: var(--active-item-left);\n\n    width: var(--active-item-width);\n    height: var(--active-item-height);\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: none;\n\n    transition-timing-function: ${cssVar.motionEaseOut};\n    transition-duration: 240ms;\n    transition-property: inset-inline-start, inset-block-start, width, height;\n\n    [data-variant='outlined'] > & {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    [data-orientation='horizontal'] &:dir(rtl) {\n      inset-inline-start: var(--active-item-right);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `;\n\n  return {\n    indicator,\n    item: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex-shrink: 0;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      border: 0;\n      border-radius: ${cssVar.borderRadius};\n\n      font-weight: 500;\n      color: ${cssVar.colorTextSecondary};\n      white-space: nowrap;\n\n      background: transparent;\n      outline: none;\n\n      transition:\n        color 120ms ${cssVar.motionEaseOut},\n        transform 120ms ${cssVar.motionEaseOut};\n\n      &:hover:not([data-disabled], [data-pressed]) {\n        color: ${cssVar.colorText};\n      }\n\n      &:active:not([data-disabled]) {\n        transform: scale(0.98);\n      }\n\n      ${focusRing};\n\n      &[data-pressed] {\n        color: ${cssVar.colorText};\n      }\n\n      &[data-disabled] {\n        cursor: not-allowed;\n        color: ${cssVar.colorTextDisabled};\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition-duration: 0s;\n      }\n    `,\n    itemBlock: css`\n      flex: 1 1 0;\n    `,\n    itemIcon: css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `,\n    itemLabel: css`\n      display: inline-flex;\n      align-items: center;\n    `,\n    itemLarge: css`\n      height: 36px;\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 14px;\n    `,\n    itemMiddle: css`\n      height: 32px;\n      padding-inline: 12px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 13px;\n    `,\n    itemSmall: css`\n      height: 26px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 12px;\n    `,\n    list: css`\n      position: relative;\n\n      display: inline-flex;\n      flex-wrap: nowrap;\n      gap: 4px;\n      align-items: center;\n      align-self: flex-start;\n\n      box-sizing: border-box;\n      padding: 3px;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      &[data-orientation='vertical'] {\n        flex-direction: column;\n        align-items: stretch;\n        align-self: stretch;\n      }\n    `,\n    listBlock: css`\n      display: flex;\n      align-self: stretch;\n      width: 100%;\n    `,\n    listFilled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    listGlass: lobeStaticStylish.blur,\n    listOutlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    listShadow: lobeStaticStylish.shadow,\n    root: css`\n      display: inline-flex;\n\n      &[data-block='true'] {\n        display: flex;\n        width: 100%;\n      }\n    `,\n  };\n});\n\nexport const listVariants = cva(styles.list, {\n  defaultVariants: {\n    block: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.listBlock,\n    },\n    glass: {\n      false: null,\n      true: styles.listGlass,\n    },\n    shadow: {\n      false: null,\n      true: styles.listShadow,\n    },\n    variant: {\n      filled: styles.listFilled,\n      outlined: styles.listOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: {\n    block: false,\n    size: 'middle',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.itemBlock,\n    },\n    size: {\n      large: styles.itemLarge,\n      middle: styles.itemMiddle,\n      small: styles.itemSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAiC5D,OAAO;EACL,WAjCgB,GAAG;;;;;;;;;;qBAUF,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kCAGP,OAAO,cAAc;;;;;oBAKnC,OAAO,mBAAmB;;;;;;;;;;;EAc1C,MAAM,GAAG;;;;;;;;;;;;;;;uBAeU,OAAO,aAAa;;;eAG5B,OAAO,mBAAmB;;;;;;;sBAOnB,OAAO,cAAc;0BACjB,OAAO,cAAc;;;iBAG9B,OAAO,UAAU;;;;;;;QAO1B,UAAU;;;iBAGD,OAAO,UAAU;;;;;iBAKjB,OAAO,kBAAkB;;;;;;;EAOtC,WAAW,GAAG;;;EAGd,UAAU,GAAG;;;;;EAKb,WAAW,GAAG;;;;EAId,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,YAAY,GAAG;;;uBAGI,OAAO,aAAa;;;EAGvC,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,MAAM,GAAG;;;;;;;;;;;uBAWU,OAAO,eAAe;;;;;;;;EAQzC,WAAW,GAAG;;;;;EAKd,YAAY,GAAG;0BACO,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,WAAWA,cAAkB;EAC7B,cAAc,GAAG;0BACK,OAAO,qBAAqB;;;EAGlD,YAAYA,cAAkB;EAC9B,MAAM,GAAG;;;;;;;;CAQX;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}

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

@@ -1,54 +0,0 @@
-import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-import { ToggleGroup } from "@base-ui/react/toggle-group";
-//#region src/base-ui/Segmented/type.d.ts
-type SegmentedSize = 'large' | 'middle' | 'small';
-type SegmentedVariant = 'filled' | 'outlined';
-type SegmentedOrientation = 'horizontal' | 'vertical';
-interface SegmentedOption<Value extends string = string> {
-  className?: string;
-  disabled?: boolean;
-  icon?: ReactNode;
-  label?: ReactNode;
-  title?: string;
-  value: Value;
-}
-type SegmentedOptions<Value extends string = string> = Array<SegmentedOption<Value> | Value>;
-interface SegmentedClassNames {
-  indicator?: string;
-  item?: string;
-  itemIcon?: string;
-  itemLabel?: string;
-  list?: string;
-  root?: string;
-}
-interface SegmentedStyles {
-  indicator?: CSSProperties;
-  item?: CSSProperties;
-  itemIcon?: CSSProperties;
-  itemLabel?: CSSProperties;
-  list?: CSSProperties;
-  root?: CSSProperties;
-}
-interface SegmentedProps<Value extends string = string> {
-  block?: boolean;
-  className?: string;
-  classNames?: SegmentedClassNames;
-  defaultValue?: Value;
-  disabled?: boolean;
-  glass?: boolean;
-  id?: string;
-  name?: string;
-  onChange?: (value: Value) => void;
-  options?: SegmentedOptions<Value>;
-  ref?: Ref<HTMLDivElement>;
-  shadow?: boolean;
-  size?: SegmentedSize;
-  style?: CSSProperties;
-  styles?: SegmentedStyles;
-  value?: Value;
-  variant?: SegmentedVariant;
-  vertical?: boolean;
-}
-//#endregion
-export { SegmentedClassNames, SegmentedOption, SegmentedOptions, SegmentedOrientation, SegmentedProps, SegmentedSize, SegmentedStyles, SegmentedVariant };
-//# sourceMappingURL=type.d.mts.map

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

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

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

@@ -1,216 +0,0 @@
-"use client";
-import { styles } from "../DropdownMenu/sharedStyle.mjs";
-import { styles as styles$1, triggerVariants } from "./style.mjs";
-import { SelectPositioner } from "./atoms.mjs";
-import { isValueEmpty } from "./helpers.mjs";
-import { usePortalContainer, useSelectOpen, useSelectSearch, useSelectValue, useSelectVirtual } from "./hooks.mjs";
-import { EmptyContent, SelectListSection, SelectSearchInput, SelectTriggerSuffix, createTriggerValueRenderer, resolveIconNode, resolveSuffixIcon } from "./parts.mjs";
-import { renderOptions } from "./renderOptions.mjs";
-import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { Select } from "@base-ui/react/select";
-//#region src/base-ui/Select/Select.tsx
-const Select$1 = memo(({ allowClear, autoFocus, className, classNames, defaultOpen, defaultValue, disabled, id, labelRender, listHeight = 512, listItemHeight, loading, mode, name, onChange, onOpenChange, onSelect, open, optionRender, options, placeholder, popupClassName, popupMatchSelectWidth, prefix, readOnly, required, behaviorVariant = "default", selectedIndicatorVariant = "check", shadow, showSearch, size = "middle", style, suffixIcon, suffixIconProps, tokenSeparators, value, variant, virtual }) => {
-	const { isDarkMode } = useThemeMode();
-	const resolvedVariant = variant ?? (isDarkMode ? "filled" : "outlined");
-	const isTags = mode === "tags";
-	const isMultiple = mode === "multiple" || mode === "tags";
-	const isItemAligned = behaviorVariant === "item-aligned";
-	const [extraOptions, setExtraOptions] = useState([]);
-	useEffect(() => {
-		if (mode !== "tags" && extraOptions.length > 0) setExtraOptions([]);
-	}, [mode, extraOptions.length]);
-	const { appendTagValues, getOption, handleValueChange, normalizedValue, normalizeValue, removeLastTagValue, resolvedOptions, valueArray } = useSelectValue({
-		defaultValue,
-		extraOptions,
-		isMultiple,
-		onChange,
-		onSelect,
-		options,
-		setExtraOptions,
-		value
-	});
-	const { handleOpenChange, mergedOpen } = useSelectOpen({
-		defaultOpen,
-		onOpenChange,
-		open
-	});
-	const handleRootValueChange = useCallback((nextValue) => {
-		if (!(isTags && !mergedOpen)) handleValueChange(nextValue);
-	}, [
-		handleValueChange,
-		isTags,
-		mergedOpen
-	]);
-	const handleRemoveTag = useCallback((index) => handleValueChange(valueArray.filter((_, itemIndex) => itemIndex !== index)), [handleValueChange, valueArray]);
-	const { filteredOptions, handleSearchChange, handleSearchKeyDown, searchValue, shouldShowSearch, stopSearchPropagation } = useSelectSearch({
-		appendTagValues,
-		handleOpenChange,
-		mergedOpen,
-		mode,
-		removeLastTagValue,
-		resolvedOptions,
-		showSearch,
-		tokenSeparators
-	});
-	const virtualState = useSelectVirtual({
-		filteredOptions,
-		listItemHeight,
-		size,
-		valueArray,
-		virtual
-	});
-	const portalContainer = usePortalContainer();
-	const renderValue = useMemo(() => createTriggerValueRenderer({
-		getOption,
-		isMultiple,
-		isTags,
-		labelRender,
-		normalizeValue,
-		onRemoveValue: handleRemoveTag,
-		placeholder: isTags ? void 0 : placeholder
-	}), [
-		getOption,
-		handleRemoveTag,
-		isMultiple,
-		isTags,
-		labelRender,
-		normalizeValue,
-		placeholder
-	]);
-	const hasValue = isMultiple ? valueArray.length > 0 : !isValueEmpty(normalizedValue);
-	const showClear = Boolean(allowClear && hasValue && !disabled && !readOnly);
-	const handleClear = useCallback((event) => {
-		event.preventDefault();
-		event.stopPropagation();
-		handleValueChange(isMultiple ? [] : null);
-	}, [handleValueChange, isMultiple]);
-	const prefixNode = useMemo(() => resolveIconNode(prefix), [prefix]);
-	const suffixIconNode = useMemo(() => resolveSuffixIcon(suffixIcon, suffixIconProps, loading), [
-		loading,
-		suffixIcon,
-		suffixIconProps
-	]);
-	const popupStyle = useMemo(() => {
-		const maxHeight = isItemAligned ? "80vh" : `${listHeight}px`;
-		const baseStyle = {
-			maxWidth: "var(--available-width)",
-			minWidth: "var(--anchor-width)",
-			["--lobe-select-popup-max-height"]: maxHeight
-		};
-		if (popupMatchSelectWidth === void 0 || popupMatchSelectWidth === true) return baseStyle;
-		if (typeof popupMatchSelectWidth === "number") return {
-			...baseStyle,
-			minWidth: popupMatchSelectWidth,
-			width: popupMatchSelectWidth
-		};
-		return {
-			...baseStyle,
-			minWidth: "max-content"
-		};
-	}, [
-		isItemAligned,
-		listHeight,
-		popupMatchSelectWidth
-	]);
-	const triggerClassName = cx(triggerVariants({
-		shadow,
-		size,
-		variant: resolvedVariant
-	}), className, classNames?.root, classNames?.trigger);
-	const isBoldIndicator = selectedIndicatorVariant === "bold";
-	const itemTextClassName = cx(optionRender ? styles.itemContent : styles.label, styles$1.itemText, classNames?.itemText);
-	const isEmpty = filteredOptions.length === 0;
-	const listContent = isEmpty ? /* @__PURE__ */ jsx(EmptyContent, { classNames }) : renderOptions({
-		classNames,
-		isBoldIndicator,
-		items: filteredOptions,
-		itemTextClassName,
-		listItemHeight,
-		optionRender
-	});
-	return /* @__PURE__ */ jsxs(Select.Root, {
-		disabled,
-		id,
-		modal: isItemAligned,
-		multiple: isMultiple,
-		name,
-		open: mergedOpen,
-		readOnly,
-		required,
-		value: normalizedValue,
-		onOpenChange: handleOpenChange,
-		onValueChange: handleRootValueChange,
-		children: [/* @__PURE__ */ jsxs(Select.Trigger, {
-			autoFocus: !isTags && autoFocus,
-			className: triggerClassName,
-			disabled,
-			nativeButton: !isTags,
-			render: isTags ? /* @__PURE__ */ jsx("div", {}) : void 0,
-			style,
-			children: [
-				prefixNode !== null && prefixNode !== void 0 && /* @__PURE__ */ jsx("span", {
-					className: cx(styles$1.prefix, classNames?.prefix),
-					children: prefixNode
-				}),
-				/* @__PURE__ */ jsx(Select.Value, {
-					className: cx(styles$1.value, isTags && styles$1.tagsValue, classNames?.value),
-					children: renderValue
-				}),
-				isTags && /* @__PURE__ */ jsx(SelectSearchInput, {
-					inline: true,
-					autoFocus,
-					classNames,
-					disabled,
-					placeholder: valueArray.length === 0 ? placeholder : void 0,
-					readOnly,
-					stopPropagation: stopSearchPropagation,
-					value: searchValue,
-					onChange: handleSearchChange,
-					onKeyDown: handleSearchKeyDown
-				}),
-				/* @__PURE__ */ jsx(SelectTriggerSuffix, {
-					classNames,
-					showClear,
-					suffixIconNode,
-					onClear: handleClear
-				})
-			]
-		}), /* @__PURE__ */ jsx(Select.Portal, {
-			container: portalContainer,
-			children: /* @__PURE__ */ jsx(SelectPositioner, {
-				align: "start",
-				alignItemWithTrigger: isItemAligned,
-				className: styles$1.positioner,
-				side: "bottom",
-				sideOffset: 6,
-				children: /* @__PURE__ */ jsxs(Select.Popup, {
-					style: popupStyle,
-					className: cx(styles.popup, styles$1.popup, popupClassName, classNames?.popup, classNames?.dropdown),
-					children: [shouldShowSearch && !isTags && /* @__PURE__ */ jsx(SelectSearchInput, {
-						classNames,
-						placeholder,
-						stopPropagation: stopSearchPropagation,
-						value: searchValue,
-						onChange: handleSearchChange,
-						onKeyDown: handleSearchKeyDown
-					}), /* @__PURE__ */ jsx(SelectListSection, {
-						classNames,
-						hasSearch: shouldShowSearch && !isTags,
-						isEmpty,
-						listContent,
-						listItemHeight,
-						virtual,
-						virtualState
-					})]
-				})
-			})
-		})]
-	});
-});
-Select$1.displayName = "Select";
-//#endregion
-export { Select$1 as default };
-
-//# sourceMappingURL=Select.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","names":["Select","menuStyles","styles","BaseSelect"],"sources":["../../../src/base-ui/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { cx, useThemeMode } from 'antd-style';\nimport { type MouseEvent } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';\n\nimport { SelectPositioner } from './atoms';\nimport { isValueEmpty } from './helpers';\nimport {\n  usePortalContainer,\n  useSelectOpen,\n  useSelectSearch,\n  useSelectValue,\n  useSelectVirtual,\n} from './hooks';\nimport {\n  createTriggerValueRenderer,\n  EmptyContent,\n  resolveIconNode,\n  resolveSuffixIcon,\n  SelectListSection,\n  SelectSearchInput,\n  SelectTriggerSuffix,\n} from './parts';\nimport { renderOptions } from './renderOptions';\nimport { styles, triggerVariants } from './style';\nimport { type SelectOption, type SelectProps } from './type';\n\nconst Select = memo<SelectProps<any>>(\n  ({\n    allowClear,\n    autoFocus,\n    className,\n    classNames,\n    defaultOpen,\n    defaultValue,\n    disabled,\n    id,\n    labelRender,\n    listHeight = 512,\n    listItemHeight,\n    loading,\n    mode,\n    name,\n    onChange,\n    onOpenChange,\n    onSelect,\n    open,\n    optionRender,\n    options,\n    placeholder,\n    popupClassName,\n    popupMatchSelectWidth,\n    prefix,\n    readOnly,\n    required,\n    behaviorVariant = 'default',\n    selectedIndicatorVariant = 'check',\n    shadow,\n    showSearch,\n    size = 'middle',\n    style,\n    suffixIcon,\n    suffixIconProps,\n    tokenSeparators,\n    value,\n    variant,\n    virtual,\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const resolvedVariant = variant ?? (isDarkMode ? 'filled' : 'outlined');\n    const isTags = mode === 'tags';\n    const isMultiple = mode === 'multiple' || mode === 'tags';\n    const isItemAligned = behaviorVariant === 'item-aligned';\n\n    const [extraOptions, setExtraOptions] = useState<SelectOption<any>[]>([]);\n\n    useEffect(() => {\n      if (mode !== 'tags' && extraOptions.length > 0) {\n        setExtraOptions([]);\n      }\n    }, [mode, extraOptions.length]);\n\n    const {\n      appendTagValues,\n      getOption,\n      handleValueChange,\n      normalizedValue,\n      normalizeValue,\n      removeLastTagValue,\n      resolvedOptions,\n      valueArray,\n    } = useSelectValue({\n      defaultValue,\n      extraOptions,\n      isMultiple,\n      onChange,\n      onSelect,\n      options,\n      setExtraOptions,\n      value,\n    });\n\n    const { handleOpenChange, mergedOpen } = useSelectOpen({ defaultOpen, onOpenChange, open });\n\n    const handleRootValueChange = useCallback(\n      (nextValue: any) => {\n        if (!(isTags && !mergedOpen)) handleValueChange(nextValue);\n      },\n      [handleValueChange, isTags, mergedOpen],\n    );\n\n    const handleRemoveTag = useCallback(\n      (index: number) =>\n        handleValueChange(valueArray.filter((_, itemIndex) => itemIndex !== index)),\n      [handleValueChange, valueArray],\n    );\n\n    const {\n      filteredOptions,\n      handleSearchChange,\n      handleSearchKeyDown,\n      searchValue,\n      shouldShowSearch,\n      stopSearchPropagation,\n    } = useSelectSearch({\n      appendTagValues,\n      handleOpenChange,\n      mergedOpen,\n      mode,\n      removeLastTagValue,\n      resolvedOptions,\n      showSearch,\n      tokenSeparators,\n    });\n\n    const virtualState = useSelectVirtual({\n      filteredOptions,\n      listItemHeight,\n      size,\n      valueArray,\n      virtual,\n    });\n\n    const portalContainer = usePortalContainer();\n\n    const renderValue = useMemo(\n      () =>\n        createTriggerValueRenderer({\n          getOption,\n          isMultiple,\n          isTags,\n          labelRender,\n          normalizeValue,\n          onRemoveValue: handleRemoveTag,\n          placeholder: isTags ? undefined : placeholder,\n        }),\n      [getOption, handleRemoveTag, isMultiple, isTags, labelRender, normalizeValue, placeholder],\n    );\n\n    const hasValue = isMultiple ? valueArray.length > 0 : !isValueEmpty(normalizedValue);\n    const showClear = Boolean(allowClear && hasValue && !disabled && !readOnly);\n\n    const handleClear = useCallback(\n      (event: MouseEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n        handleValueChange(isMultiple ? [] : null);\n      },\n      [handleValueChange, isMultiple],\n    );\n\n    const prefixNode = useMemo(() => resolveIconNode(prefix), [prefix]);\n    const suffixIconNode = useMemo(\n      () => resolveSuffixIcon(suffixIcon, suffixIconProps, loading),\n      [loading, suffixIcon, suffixIconProps],\n    );\n\n    const popupStyle = useMemo(() => {\n      const maxHeight = isItemAligned ? '80vh' : `${listHeight}px`;\n      const baseStyle: React.CSSProperties = {\n        maxWidth: 'var(--available-width)',\n        minWidth: 'var(--anchor-width)',\n        ['--lobe-select-popup-max-height' as any]: maxHeight,\n      };\n\n      if (popupMatchSelectWidth === undefined || popupMatchSelectWidth === true) {\n        return baseStyle;\n      }\n      if (typeof popupMatchSelectWidth === 'number') {\n        return {\n          ...baseStyle,\n          minWidth: popupMatchSelectWidth,\n          width: popupMatchSelectWidth,\n        };\n      }\n      return { ...baseStyle, minWidth: 'max-content' };\n    }, [isItemAligned, listHeight, popupMatchSelectWidth]);\n\n    const triggerClassName = cx(\n      triggerVariants({ shadow, size, variant: resolvedVariant }),\n      className,\n      classNames?.root,\n      classNames?.trigger,\n    );\n\n    const isBoldIndicator = selectedIndicatorVariant === 'bold';\n    const itemTextClassName = cx(\n      optionRender ? menuStyles.itemContent : menuStyles.label,\n      styles.itemText,\n      classNames?.itemText,\n    );\n\n    const isEmpty = filteredOptions.length === 0;\n    const listContent = isEmpty ? (\n      <EmptyContent classNames={classNames} />\n    ) : (\n      renderOptions({\n        classNames,\n        isBoldIndicator,\n        items: filteredOptions,\n        itemTextClassName,\n        listItemHeight,\n        optionRender,\n      })\n    );\n\n    return (\n      <BaseSelect.Root\n        disabled={disabled}\n        id={id}\n        modal={isItemAligned}\n        multiple={isMultiple}\n        name={name}\n        open={mergedOpen}\n        readOnly={readOnly}\n        required={required}\n        value={normalizedValue}\n        onOpenChange={handleOpenChange}\n        onValueChange={handleRootValueChange}\n      >\n        <BaseSelect.Trigger\n          autoFocus={!isTags && autoFocus}\n          className={triggerClassName}\n          disabled={disabled}\n          nativeButton={!isTags}\n          render={isTags ? <div /> : undefined}\n          style={style}\n        >\n          {prefixNode !== null && prefixNode !== undefined && (\n            <span className={cx(styles.prefix, classNames?.prefix)}>{prefixNode}</span>\n          )}\n          <BaseSelect.Value\n            className={cx(styles.value, isTags && styles.tagsValue, classNames?.value)}\n          >\n            {renderValue}\n          </BaseSelect.Value>\n          {isTags && (\n            <SelectSearchInput\n              inline\n              autoFocus={autoFocus}\n              classNames={classNames}\n              disabled={disabled}\n              placeholder={valueArray.length === 0 ? placeholder : undefined}\n              readOnly={readOnly}\n              stopPropagation={stopSearchPropagation}\n              value={searchValue}\n              onChange={handleSearchChange}\n              onKeyDown={handleSearchKeyDown}\n            />\n          )}\n          <SelectTriggerSuffix\n            classNames={classNames}\n            showClear={showClear}\n            suffixIconNode={suffixIconNode}\n            onClear={handleClear}\n          />\n        </BaseSelect.Trigger>\n\n        <BaseSelect.Portal container={portalContainer}>\n          <SelectPositioner\n            align=\"start\"\n            alignItemWithTrigger={isItemAligned}\n            className={styles.positioner}\n            side=\"bottom\"\n            sideOffset={6}\n          >\n            <BaseSelect.Popup\n              style={popupStyle}\n              className={cx(\n                menuStyles.popup,\n                styles.popup,\n                popupClassName,\n                classNames?.popup,\n                classNames?.dropdown,\n              )}\n            >\n              {shouldShowSearch && !isTags && (\n                <SelectSearchInput\n                  classNames={classNames}\n                  placeholder={placeholder}\n                  stopPropagation={stopSearchPropagation}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  onKeyDown={handleSearchKeyDown}\n                />\n              )}\n              <SelectListSection\n                classNames={classNames}\n                hasSearch={shouldShowSearch && !isTags}\n                isEmpty={isEmpty}\n                listContent={listContent}\n                listItemHeight={listItemHeight}\n                virtual={virtual}\n                virtualState={virtualState}\n              />\n            </BaseSelect.Popup>\n          </SelectPositioner>\n        </BaseSelect.Portal>\n      </BaseSelect.Root>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":"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"}

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

@@ -1,95 +0,0 @@
-import { SelectSize, SelectVariant } from "./type.mjs";
-import { ComponentProps, ComponentPropsWithRef } from "react";
-import { Select } from "@base-ui/react/select";
-//#region src/base-ui/Select/atoms.d.ts
-declare const SelectRoot: typeof Select.Root;
-declare const SelectBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: import("react").ForwardRefExoticComponent<import("@base-ui/react").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-type SelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
-  children: ComponentProps<typeof Select.Trigger>['children'];
-  shadow?: boolean;
-  size?: SelectSize;
-  variant?: SelectVariant;
-};
-declare const SelectTrigger: {
-  ({ children, className, nativeButton, shadow, size, variant, ref: refProp, ...rest }: SelectTriggerProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectIconProps = ComponentProps<typeof Select.Icon>;
-declare const SelectIcon: {
-  ({ className, ...rest }: SelectIconProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectValueProps = ComponentProps<typeof Select.Value>;
-declare const SelectValue: {
-  ({ className, ...rest }: SelectValueProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectPortalProps = ComponentProps<typeof Select.Portal> & {
-  /**
-   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
-   */
-  container?: HTMLElement | null;
-};
-declare const SelectPortal: {
-  ({ container, ...rest }: SelectPortalProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectPositionerProps = ComponentProps<typeof Select.Positioner>;
-declare const SelectPositioner: {
-  ({ align, alignItemWithTrigger, className, collisionPadding, side, sideOffset, style, ref: forwardedRef, ...rest }: SelectPositionerProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectPopupProps = ComponentProps<typeof Select.Popup>;
-declare const SelectPopup: {
-  ({ className, ...rest }: SelectPopupProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectListProps = ComponentProps<typeof Select.List>;
-declare const SelectList: {
-  ({ className, ...rest }: SelectListProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectItemProps = ComponentProps<typeof Select.Item>;
-declare const SelectItem: {
-  ({ className, ...rest }: SelectItemProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectItemTextProps = ComponentProps<typeof Select.ItemText>;
-declare const SelectItemText: {
-  ({ className, ...rest }: SelectItemTextProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
-declare const SelectItemIndicator: {
-  ({ className, ...rest }: SelectItemIndicatorProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectGroupProps = ComponentProps<typeof Select.Group>;
-declare const SelectGroup: {
-  ({ className, ...rest }: SelectGroupProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
-declare const SelectGroupLabel: {
-  ({ className, ...rest }: SelectGroupLabelProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
-declare const SelectScrollUpArrow: {
-  ({ className, ...rest }: SelectScrollUpArrowProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
-declare const SelectScrollDownArrow: {
-  ({ className, ...rest }: SelectScrollDownArrowProps): import("react").JSX.Element;
-  displayName: string;
-};
-type SelectArrowProps = ComponentProps<typeof Select.Arrow>;
-declare const SelectArrow: {
-  ({ className, ...rest }: SelectArrowProps): import("react").JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { SelectArrow, SelectArrowProps, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectRoot, SelectScrollDownArrow, SelectScrollDownArrowProps, SelectScrollUpArrow, SelectScrollUpArrowProps, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
-//# sourceMappingURL=atoms.d.mts.map