@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,157 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { VirtualScrollArea } from "../virtual/VirtualScrollArea.mjs";
-import { useMenuVirtualList } from "../virtual/useMenuVirtualList.mjs";
-import { styles } from "../DropdownMenu/sharedStyle.mjs";
-import { styles as styles$1 } from "./style.mjs";
-import { isValueEmpty } from "./helpers.mjs";
-import { isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { ChevronDown, Loader2, X } from "lucide-react";
-import { Select } from "@base-ui/react/select";
-//#region src/base-ui/Select/parts.tsx
-function resolveIconNode(node) {
-	if (node === void 0 || node === null) return null;
-	if (isValidElement(node) || typeof node === "string" || typeof node === "number") return node;
-	return /* @__PURE__ */ jsx(Icon, {
-		icon: node,
-		size: "small"
-	});
-}
-function resolveSuffixIcon(suffixIcon, suffixIconProps, loading) {
-	if (loading) return /* @__PURE__ */ jsx(Icon, {
-		spin: true,
-		icon: Loader2,
-		size: "small"
-	});
-	if (suffixIcon === null) return null;
-	if (isValidElement(suffixIcon) || typeof suffixIcon === "string" || typeof suffixIcon === "number") return suffixIcon;
-	return /* @__PURE__ */ jsx(Icon, {
-		icon: suffixIcon || ChevronDown,
-		size: "small",
-		...suffixIconProps,
-		style: {
-			pointerEvents: "none",
-			...suffixIconProps?.style
-		}
-	});
-}
-function createTriggerValueRenderer({ getOption, isMultiple, isTags, labelRender, normalizeValue, onRemoveValue, placeholder }) {
-	return function renderValue(currentValue) {
-		const resolved = normalizeValue(currentValue);
-		const placeholderNode = placeholder === void 0 ? null : /* @__PURE__ */ jsx("span", {
-			className: styles$1.valueText,
-			children: placeholder
-		});
-		if (isMultiple) {
-			const values = Array.isArray(resolved) ? resolved : [];
-			if (values.length === 0) return placeholderNode;
-			return /* @__PURE__ */ jsx("span", {
-				className: styles$1.tags,
-				children: values.map((val, index) => {
-					const option = getOption(val);
-					const content = labelRender ? labelRender(option) : option.label ?? String(val);
-					return /* @__PURE__ */ jsxs("span", {
-						className: styles$1.tag,
-						"data-role": "lobe-select-tag",
-						children: [content, isTags && /* @__PURE__ */ jsx("span", {
-							"aria-label": `Remove ${String(val)}`,
-							className: styles$1.tagClose,
-							"data-role": "lobe-select-tag-remove",
-							role: "button",
-							tabIndex: 0,
-							onClick: (event) => {
-								event.preventDefault();
-								event.stopPropagation();
-								onRemoveValue(index);
-							},
-							onPointerDown: (event) => {
-								event.preventDefault();
-								event.stopPropagation();
-							},
-							children: /* @__PURE__ */ jsx(X, { size: 12 })
-						})]
-					}, `${String(val)}-${index}`);
-				})
-			});
-		}
-		if (isValueEmpty(resolved)) return placeholderNode;
-		const option = getOption(resolved);
-		const content = labelRender ? labelRender(option) : option.label ?? String(resolved);
-		return /* @__PURE__ */ jsx("span", {
-			className: styles$1.valueText,
-			children: content
-		});
-	};
-}
-function SelectListSection({ classNames, hasSearch, isEmpty, listContent, listItemHeight, virtual, virtualState }) {
-	const listClassName = cx(styles$1.list, hasSearch && styles$1.listWithSearch, classNames?.list);
-	const enabled = Boolean(virtual) && !isEmpty;
-	const { keepMountedIndices, viewportProps, viewportRef, virtualChildren, virtualizerRef } = useMenuVirtualList({
-		children: listContent,
-		enabled,
-		keepMounted: virtualState.selectedIndices
-	});
-	if (!enabled) return /* @__PURE__ */ jsx(Select.List, {
-		className: listClassName,
-		"data-virtual": virtual || void 0,
-		children: listContent
-	});
-	return /* @__PURE__ */ jsx(VirtualScrollArea, {
-		itemSize: listItemHeight,
-		keepMounted: keepMountedIndices,
-		style: virtualState.virtualListStyle,
-		viewport: /* @__PURE__ */ jsx(Select.List, { className: listClassName }),
-		viewportProps: {
-			ref: viewportRef,
-			...viewportProps
-		},
-		virtualizerRef,
-		children: virtualChildren
-	});
-}
-function EmptyContent({ classNames }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(styles.item, styles.empty, styles$1.empty, classNames?.empty),
-		children: "No data"
-	});
-}
-function SelectSearchInput({ autoFocus, classNames, disabled, inline, onChange, onKeyDown, placeholder, readOnly, stopPropagation, value }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(inline ? styles$1.tagsSearch : styles$1.search, classNames?.search),
-		children: /* @__PURE__ */ jsx("input", {
-			autoFocus,
-			className: styles$1.searchInput,
-			disabled,
-			placeholder: typeof placeholder === "string" ? placeholder : void 0,
-			readOnly,
-			value,
-			onChange,
-			onKeyDownCapture: onKeyDown,
-			onKeyUp: stopPropagation,
-			onKeyUpCapture: stopPropagation
-		})
-	});
-}
-function SelectTriggerSuffix({ classNames, onClear, showClear, suffixIconNode }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: cx(styles$1.suffix, classNames?.suffix),
-		children: [showClear && /* @__PURE__ */ jsx("span", {
-			className: cx(styles$1.clear, classNames?.clear),
-			"data-role": "lobe-select-clear",
-			onClick: onClear,
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: X,
-				size: "small"
-			})
-		}), suffixIconNode !== null && suffixIconNode !== void 0 && /* @__PURE__ */ jsx(Select.Icon, {
-			className: cx(styles$1.icon, classNames?.icon),
-			children: suffixIconNode
-		})]
-	});
-}
-//#endregion
-export { EmptyContent, SelectListSection, SelectSearchInput, SelectTriggerSuffix, createTriggerValueRenderer, resolveIconNode, resolveSuffixIcon };
-
-//# sourceMappingURL=parts.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"parts.mjs","names":["styles","BaseSelect","menuStyles"],"sources":["../../../src/base-ui/Select/parts.tsx"],"sourcesContent":["'use client';\n\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { cx } from 'antd-style';\nimport { ChevronDown, Loader2, X } from 'lucide-react';\nimport {\n  type ChangeEvent,\n  isValidElement,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\n\nimport { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';\nimport { useMenuVirtualList, VirtualScrollArea } from '@/base-ui/virtual';\nimport Icon, { type IconProps } from '@/Icon';\n\nimport { isValueEmpty } from './helpers';\nimport { type useSelectVirtual } from './hooks';\nimport { styles } from './style';\nimport { type SelectClassNames, type SelectOption, type SelectProps } from './type';\n\nexport function resolveIconNode(node: ReactNode | IconProps['icon'] | undefined | null) {\n  if (node === undefined || node === null) return null;\n  if (isValidElement(node) || typeof node === 'string' || typeof node === 'number') {\n    return node;\n  }\n  return <Icon icon={node as any} size={'small'} />;\n}\n\nexport function resolveSuffixIcon(\n  suffixIcon: SelectProps['suffixIcon'],\n  suffixIconProps: SelectProps['suffixIconProps'],\n  loading: boolean | undefined,\n) {\n  if (loading) return <Icon spin icon={Loader2} size={'small'} />;\n  if (suffixIcon === null) return null;\n  if (\n    isValidElement(suffixIcon) ||\n    typeof suffixIcon === 'string' ||\n    typeof suffixIcon === 'number'\n  ) {\n    return suffixIcon;\n  }\n  return (\n    <Icon\n      icon={(suffixIcon as any) || ChevronDown}\n      size={'small'}\n      {...suffixIconProps}\n      style={{\n        pointerEvents: 'none',\n        ...suffixIconProps?.style,\n      }}\n    />\n  );\n}\n\ninterface TriggerValueRendererParams {\n  getOption: (value: any) => SelectOption<any>;\n  isMultiple: boolean;\n  isTags: boolean;\n  labelRender: SelectProps['labelRender'];\n  normalizeValue: (value: any) => any;\n  onRemoveValue: (index: number) => void;\n  placeholder: ReactNode;\n}\n\nexport function createTriggerValueRenderer({\n  getOption,\n  isMultiple,\n  isTags,\n  labelRender,\n  normalizeValue,\n  onRemoveValue,\n  placeholder,\n}: TriggerValueRendererParams) {\n  return function renderValue(currentValue: any): ReactNode {\n    const resolved = normalizeValue(currentValue);\n    const placeholderNode =\n      placeholder === undefined ? null : <span className={styles.valueText}>{placeholder}</span>;\n\n    if (isMultiple) {\n      const values = Array.isArray(resolved) ? resolved : [];\n      if (values.length === 0) return placeholderNode;\n      return (\n        <span className={styles.tags}>\n          {values.map((val, index) => {\n            const option = getOption(val);\n            const content = labelRender ? labelRender(option) : (option.label ?? String(val));\n            return (\n              <span\n                className={styles.tag}\n                data-role=\"lobe-select-tag\"\n                key={`${String(val)}-${index}`}\n              >\n                {content}\n                {isTags && (\n                  <span\n                    aria-label={`Remove ${String(val)}`}\n                    className={styles.tagClose}\n                    data-role=\"lobe-select-tag-remove\"\n                    role=\"button\"\n                    tabIndex={0}\n                    onClick={(event) => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      onRemoveValue(index);\n                    }}\n                    onPointerDown={(event) => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                    }}\n                  >\n                    <X size={12} />\n                  </span>\n                )}\n              </span>\n            );\n          })}\n        </span>\n      );\n    }\n\n    if (isValueEmpty(resolved)) return placeholderNode;\n    const option = getOption(resolved);\n    const content = labelRender ? labelRender(option) : (option.label ?? String(resolved));\n    return <span className={styles.valueText}>{content}</span>;\n  };\n}\n\ntype SelectVirtualReturn = ReturnType<typeof useSelectVirtual>;\n\ninterface SelectListSectionProps {\n  classNames: SelectClassNames | undefined;\n  hasSearch: boolean;\n  isEmpty: boolean;\n  listContent: ReactNode;\n  listItemHeight: number | undefined;\n  virtual: boolean | undefined;\n  virtualState: SelectVirtualReturn;\n}\n\nexport function SelectListSection({\n  classNames,\n  hasSearch,\n  isEmpty,\n  listContent,\n  listItemHeight,\n  virtual,\n  virtualState,\n}: SelectListSectionProps) {\n  const listClassName = cx(styles.list, hasSearch && styles.listWithSearch, classNames?.list);\n  const enabled = Boolean(virtual) && !isEmpty;\n  const { keepMountedIndices, viewportProps, viewportRef, virtualChildren, virtualizerRef } =\n    useMenuVirtualList({\n      children: listContent,\n      enabled,\n      keepMounted: virtualState.selectedIndices,\n    });\n\n  if (!enabled) {\n    return (\n      <BaseSelect.List className={listClassName} data-virtual={virtual || undefined}>\n        {listContent}\n      </BaseSelect.List>\n    );\n  }\n\n  return (\n    <VirtualScrollArea\n      itemSize={listItemHeight}\n      keepMounted={keepMountedIndices}\n      style={virtualState.virtualListStyle}\n      viewport={<BaseSelect.List className={listClassName} />}\n      viewportProps={{ ref: viewportRef, ...viewportProps }}\n      virtualizerRef={virtualizerRef}\n    >\n      {virtualChildren}\n    </VirtualScrollArea>\n  );\n}\n\ninterface EmptyContentProps {\n  classNames: SelectClassNames | undefined;\n}\n\nexport function EmptyContent({ classNames }: EmptyContentProps) {\n  return (\n    <div className={cx(menuStyles.item, menuStyles.empty, styles.empty, classNames?.empty)}>\n      No data\n    </div>\n  );\n}\n\ninterface SelectSearchInputProps {\n  autoFocus?: boolean;\n  classNames: SelectClassNames | undefined;\n  disabled?: boolean;\n  inline?: boolean;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n  placeholder: ReactNode;\n  readOnly?: boolean;\n  stopPropagation: (event: KeyboardEvent<HTMLInputElement>) => void;\n  value: string;\n}\n\nexport function SelectSearchInput({\n  autoFocus,\n  classNames,\n  disabled,\n  inline,\n  onChange,\n  onKeyDown,\n  placeholder,\n  readOnly,\n  stopPropagation,\n  value,\n}: SelectSearchInputProps) {\n  return (\n    <div className={cx(inline ? styles.tagsSearch : styles.search, classNames?.search)}>\n      <input\n        autoFocus={autoFocus}\n        className={styles.searchInput}\n        disabled={disabled}\n        placeholder={typeof placeholder === 'string' ? placeholder : undefined}\n        readOnly={readOnly}\n        value={value}\n        onChange={onChange}\n        onKeyDownCapture={onKeyDown}\n        onKeyUp={stopPropagation}\n        onKeyUpCapture={stopPropagation}\n      />\n    </div>\n  );\n}\n\ninterface SelectTriggerSuffixProps {\n  classNames: SelectClassNames | undefined;\n  onClear: (event: MouseEvent) => void;\n  showClear: boolean;\n  suffixIconNode: ReactNode;\n}\n\nexport function SelectTriggerSuffix({\n  classNames,\n  onClear,\n  showClear,\n  suffixIconNode,\n}: SelectTriggerSuffixProps) {\n  return (\n    <span className={cx(styles.suffix, classNames?.suffix)}>\n      {showClear && (\n        <span\n          className={cx(styles.clear, classNames?.clear)}\n          data-role=\"lobe-select-clear\"\n          onClick={onClear}\n        >\n          <Icon icon={X} size={'small'} />\n        </span>\n      )}\n      {suffixIconNode !== null && suffixIconNode !== undefined && (\n        <BaseSelect.Icon className={cx(styles.icon, classNames?.icon)}>\n          {suffixIconNode}\n        </BaseSelect.Icon>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,51 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "../DropdownMenu/sharedStyle.mjs";
-import { styles as styles$1 } from "./style.mjs";
-import { getOptionSearchText, isGroupOption } from "./helpers.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Check } from "lucide-react";
-import { Select } from "@base-ui/react/select";
-//#region src/base-ui/Select/renderOptions.tsx
-function renderItem(option, index, params) {
-	const { classNames, isBoldIndicator, itemTextClassName, listItemHeight, optionRender } = params;
-	return /* @__PURE__ */ jsxs(Select.Item, {
-		disabled: option.disabled,
-		label: getOptionSearchText(option),
-		value: option.value,
-		className: cx(styles.item, styles$1.item, isBoldIndicator && styles$1.itemBoldSelected, classNames?.item, classNames?.option, option.className),
-		style: {
-			minHeight: listItemHeight,
-			...option.style
-		},
-		children: [/* @__PURE__ */ jsx(Select.ItemText, {
-			className: itemTextClassName,
-			children: optionRender ? optionRender(option, { index }) : option.label
-		}), !isBoldIndicator && /* @__PURE__ */ jsx(Select.ItemIndicator, {
-			className: cx(styles$1.itemIndicator, classNames?.itemIndicator),
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: Check,
-				size: "small"
-			})
-		})]
-	}, `${String(option.value)}-${index}`);
-}
-function renderOptions(params) {
-	const { classNames, items } = params;
-	let optionIndex = 0;
-	return items.map((item, index) => {
-		if (isGroupOption(item)) return /* @__PURE__ */ jsxs(Select.Group, {
-			className: cx(styles$1.group, classNames?.group),
-			children: [/* @__PURE__ */ jsx(Select.GroupLabel, {
-				className: cx(styles.groupLabel, styles$1.groupLabel, classNames?.groupLabel),
-				children: item.label
-			}), item.options.map((option) => renderItem(option, optionIndex++, params))]
-		}, `group-${index}`);
-		return renderItem(item, optionIndex++, params);
-	});
-}
-//#endregion
-export { renderOptions };
-
-//# sourceMappingURL=renderOptions.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderOptions.mjs","names":["BaseSelect","menuStyles","styles"],"sources":["../../../src/base-ui/Select/renderOptions.tsx"],"sourcesContent":["'use client';\n\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { cx } from 'antd-style';\nimport { Check } from 'lucide-react';\n\nimport { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';\nimport Icon from '@/Icon';\n\nimport { getOptionSearchText, isGroupOption } from './helpers';\nimport { styles } from './style';\nimport {\n  type SelectClassNames,\n  type SelectOption,\n  type SelectOptions,\n  type SelectProps,\n} from './type';\n\ninterface RenderOptionsParams {\n  classNames: SelectClassNames | undefined;\n  isBoldIndicator: boolean;\n  items: SelectOptions<any>;\n  itemTextClassName: string;\n  listItemHeight: number | undefined;\n  optionRender: SelectProps['optionRender'];\n}\n\nfunction renderItem(\n  option: SelectOption<any>,\n  index: number,\n  params: Omit<RenderOptionsParams, 'items'>,\n) {\n  const { classNames, isBoldIndicator, itemTextClassName, listItemHeight, optionRender } = params;\n\n  return (\n    <BaseSelect.Item\n      disabled={option.disabled}\n      key={`${String(option.value)}-${index}`}\n      label={getOptionSearchText(option)}\n      value={option.value}\n      className={cx(\n        menuStyles.item,\n        styles.item,\n        isBoldIndicator && styles.itemBoldSelected,\n        classNames?.item,\n        classNames?.option,\n        option.className,\n      )}\n      style={{\n        minHeight: listItemHeight,\n        ...option.style,\n      }}\n    >\n      <BaseSelect.ItemText className={itemTextClassName}>\n        {optionRender ? optionRender(option, { index }) : option.label}\n      </BaseSelect.ItemText>\n      {!isBoldIndicator && (\n        <BaseSelect.ItemIndicator className={cx(styles.itemIndicator, classNames?.itemIndicator)}>\n          <Icon icon={Check} size={'small'} />\n        </BaseSelect.ItemIndicator>\n      )}\n    </BaseSelect.Item>\n  );\n}\n\nexport function renderOptions(params: RenderOptionsParams) {\n  const { classNames, items } = params;\n  let optionIndex = 0;\n\n  return items.map((item, index) => {\n    if (isGroupOption(item)) {\n      return (\n        <BaseSelect.Group className={cx(styles.group, classNames?.group)} key={`group-${index}`}>\n          <BaseSelect.GroupLabel\n            className={cx(menuStyles.groupLabel, styles.groupLabel, classNames?.groupLabel)}\n          >\n            {item.label}\n          </BaseSelect.GroupLabel>\n          {item.options.map((option) => renderItem(option, optionIndex++, params))}\n        </BaseSelect.Group>\n      );\n    }\n\n    return renderItem(item, optionIndex++, params);\n  });\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAS,WACP,QACA,OACA,QACA;CACA,MAAM,EAAE,YAAY,iBAAiB,mBAAmB,gBAAgB,iBAAiB;CAEzF,OACE,qBAACA,OAAW,MAAZ;EACE,UAAU,OAAO;EAEjB,OAAO,oBAAoB,MAAM;EACjC,OAAO,OAAO;EACd,WAAW,GACTC,OAAW,MACXC,SAAO,MACP,mBAAmBA,SAAO,kBAC1B,YAAY,MACZ,YAAY,QACZ,OAAO,SACT;EACA,OAAO;GACL,WAAW;GACX,GAAG,OAAO;EACZ;EAhBF,UAAA,CAkBE,oBAACF,OAAW,UAAZ;GAAqB,WAAW;GAC7B,UAAA,eAAe,aAAa,QAAQ,EAAE,MAAM,CAAC,IAAI,OAAO;EACtC,CAAA,GACpB,CAAC,mBACA,oBAACA,OAAW,eAAZ;GAA0B,WAAW,GAAGE,SAAO,eAAe,YAAY,aAAa;GACrF,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAO,MAAM;GAAU,CAAA;EACX,CAAA,CAEb;CAxBV,GAAA,GAAG,OAAO,OAAO,KAAK,EAAE,GAAG,OAwBjB;AAErB;AAEA,SAAgB,cAAc,QAA6B;CACzD,MAAM,EAAE,YAAY,UAAU;CAC9B,IAAI,cAAc;CAElB,OAAO,MAAM,KAAK,MAAM,UAAU;EAChC,IAAI,cAAc,IAAI,GACpB,OACE,qBAACF,OAAW,OAAZ;GAAkB,WAAW,GAAGE,SAAO,OAAO,YAAY,KAAK;GAA/D,UAAA,CACE,oBAACF,OAAW,YAAZ;IACE,WAAW,GAAGC,OAAW,YAAYC,SAAO,YAAY,YAAY,UAAU;IAE7E,UAAA,KAAK;GACe,CAAA,GACtB,KAAK,QAAQ,KAAK,WAAW,WAAW,QAAQ,eAAe,MAAM,CAAC,CACvD;EAPqD,GAAA,SAAS,OAO9D;EAItB,OAAO,WAAW,MAAM,eAAe,MAAM;CAC/C,CAAC;AACH"}

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

@@ -1,348 +0,0 @@
-import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
-import { controlHeight } from "../controlSize.mjs";
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles, cx } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Select/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	arrow: css`
-    display: flex;
-    width: 12px;
-    height: 6px;
-
-    & > svg {
-      width: 100%;
-      height: 100%;
-    }
-  `,
-	borderless: cx(staticStylish.variantBorderless, css`
-      --lobe-select-open-bg: ${cssVar.colorFillTertiary};
-      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);
-      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);
-    `),
-	clear: css`
-    display: inline-flex;
-    align-items: center;
-
-    color: ${cssVar.colorTextTertiary};
-
-    opacity: 0;
-
-    transition: opacity 150ms ${cssVar.motionEaseOut};
-
-    &:hover {
-      color: ${cssVar.colorTextSecondary};
-    }
-  `,
-	empty: css``,
-	filled: cx(staticStylish.variantFilled, css`
-      --lobe-select-open-bg: ${cssVar.colorFillSecondary};
-      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);
-      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);
-    `),
-	group: css``,
-	groupLabel: css``,
-	icon: css`
-    display: inline-flex;
-    align-items: center;
-    transition: transform 150ms ${cssVar.motionEaseOut};
-
-    &[data-popup-open] {
-      transform: rotate(180deg);
-    }
-  `,
-	item: css``,
-	itemBoldSelected: css`
-    &[data-selected] {
-      font-weight: 600;
-    }
-  `,
-	itemIndicator: css`
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-    margin-inline-start: auto;
-    padding-inline-start: 8px;
-
-    color: ${cssVar.colorPrimary};
-  `,
-	itemText: css``,
-	list: css`
-    overflow-y: auto;
-    flex: 1;
-    min-height: 0;
-    padding-block: 0;
-  `,
-	listWithSearch: css`
-    padding-block-start: 4px;
-  `,
-	outlined: cx(staticStylish.variantOutlined, css`
-      --lobe-select-open-bg: ${cssVar.colorFillTertiary};
-      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 75%, transparent);
-      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);
-    `),
-	popup: css`
-    --lobe-select-available-height: min(
-      var(--available-height),
-      var(--lobe-select-popup-max-height, var(--available-height))
-    );
-
-    transform-origin: var(--transform-origin);
-
-    display: flex;
-    flex-direction: column;
-
-    box-sizing: border-box;
-    max-height: var(--lobe-select-available-height);
-
-    transition:
-      opacity 150ms ${cssVar.motionEaseOut},
-      transform 150ms ${cssVar.motionEaseOut};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: scaleY(0.92);
-      opacity: 0;
-    }
-  `,
-	positioner: css`
-    z-index: 1100;
-    outline: none;
-  `,
-	prefix: css`
-    display: inline-flex;
-    align-items: center;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	scrollArrow: css`
-    cursor: default;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    height: 16px;
-
-    color: ${cssVar.colorTextSecondary};
-
-    background: ${cssVar.colorBgElevated};
-  `,
-	search: css`
-    cursor: text;
-
-    display: flex;
-    align-items: center;
-
-    min-height: 36px;
-    margin-inline: calc(-1 * var(--lobe-menu-popup-padding));
-    padding-block: 8px;
-    padding-inline: 12px;
-    border-block-end: 1px solid ${cssVar.colorFillSecondary};
-  `,
-	searchInput: css`
-    flex: 1;
-
-    min-width: 0;
-    padding-block: 0;
-    padding-inline: 4px;
-    border: 0;
-
-    font-size: 14px;
-    line-height: 20px;
-    color: ${cssVar.colorText};
-
-    background: transparent;
-    outline: none;
-
-    &::placeholder {
-      color: ${cssVar.colorTextPlaceholder};
-    }
-  `,
-	shadow: staticStylish.shadow,
-	suffix: css`
-    display: inline-flex;
-    gap: 6px;
-    align-items: center;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	tag: css`
-    display: inline-flex;
-    align-items: center;
-
-    max-width: 100%;
-    padding-block: 0;
-    padding-inline: 6px;
-    border-radius: ${cssVar.borderRadiusSM};
-
-    font-size: 12px;
-    line-height: 20px;
-    color: ${cssVar.colorText};
-
-    background: ${cssVar.colorFillTertiary};
-  `,
-	tagClose: css`
-    cursor: pointer;
-
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-    margin-inline-start: 4px;
-
-    color: ${cssVar.colorTextSecondary};
-
-    transition: opacity 150ms ${cssVar.motionEaseOut};
-  `,
-	tags: css`
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-    align-items: center;
-  `,
-	tagsValue: css`
-    /* No growing, so an empty trigger leaves the inline input the full width — but it must
-       still shrink, or the tags stay at max-content and run off the trigger instead of wrapping. */
-    flex: 0 1 auto;
-  `,
-	tagsSearch: css`
-    display: flex;
-    flex: 1;
-    min-width: 48px;
-  `,
-	trigger: css`
-    cursor: pointer;
-    user-select: none;
-
-    display: inline-flex;
-    gap: 8px;
-    align-items: center;
-
-    box-sizing: border-box;
-    width: 100%;
-    border: 1px solid transparent;
-    border-radius: ${cssVar.borderRadius};
-
-    font-family: inherit;
-    color: ${cssVar.colorText};
-
-    background: transparent;
-    outline: none;
-
-    transition: all 150ms ${cssVar.motionEaseOut};
-
-    &:not([data-disabled], [data-readonly])[data-popup-open],
-    &:not([data-disabled], [data-readonly])[data-open],
-    &:not([data-disabled], [data-readonly])[data-state='open'],
-    &:not([data-disabled], [data-readonly])[aria-expanded='true'] {
-      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});
-    }
-
-    ${focusRing};
-
-    &:hover [data-role='lobe-select-clear'] {
-      opacity: 1;
-    }
-
-    &[data-placeholder] [data-role='lobe-select-clear'] {
-      pointer-events: none;
-      opacity: 0;
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-      color: ${cssVar.colorTextDisabled};
-      background: var(--lobe-select-disabled-bg, transparent);
-
-      &:hover {
-        background: var(--lobe-select-disabled-bg, transparent);
-      }
-    }
-
-    &[data-readonly] {
-      cursor: default;
-      color: ${cssVar.colorTextSecondary};
-      background: var(--lobe-select-readonly-bg, transparent);
-
-      &:hover {
-        background: var(--lobe-select-readonly-bg, transparent);
-      }
-    }
-
-    &[data-disabled] [data-role='lobe-select-clear'] {
-      pointer-events: none;
-      opacity: 0;
-    }
-  `,
-	triggerLarge: css`
-    min-height: ${controlHeight.large}px;
-    padding-block: 6px;
-    padding-inline: 12px;
-
-    font-size: 16px;
-    line-height: 24px;
-  `,
-	triggerMiddle: css`
-    min-height: ${controlHeight.middle}px;
-    padding-block: 4px;
-    padding-inline: 11px;
-
-    font-size: 14px;
-    line-height: 20px;
-  `,
-	triggerSmall: css`
-    min-height: ${controlHeight.small}px;
-    padding-block: 0;
-    padding-inline: 8px;
-
-    font-size: 12px;
-    line-height: 18px;
-  `,
-	value: css`
-    display: flex;
-    flex: 1;
-    flex-wrap: wrap;
-    gap: 4px;
-    align-items: center;
-
-    min-width: 0;
-
-    color: inherit;
-
-    &[data-placeholder] {
-      color: ${cssVar.colorTextPlaceholder};
-    }
-  `,
-	valueText: css`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  `
-}));
-const triggerVariants = cva(styles.trigger, {
-	defaultVariants: {
-		shadow: false,
-		size: "middle",
-		variant: "outlined"
-	},
-	variants: {
-		shadow: {
-			false: null,
-			true: styles.shadow
-		},
-		size: {
-			large: styles.triggerLarge,
-			middle: styles.triggerMiddle,
-			small: styles.triggerSmall
-		},
-		variant: {
-			borderless: styles.borderless,
-			filled: styles.filled,
-			outlined: styles.outlined
-		}
-	}
-});
-//#endregion
-export { styles, triggerVariants };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Select/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { controlHeight } from '@/base-ui/controlSize';\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    display: flex;\n    width: 12px;\n    height: 6px;\n\n    & > svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  borderless: cx(\n    lobeStaticStylish.variantBorderless,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  clear: css`\n    display: inline-flex;\n    align-items: center;\n\n    color: ${cssVar.colorTextTertiary};\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  empty: css``,\n  filled: cx(\n    lobeStaticStylish.variantFilled,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillSecondary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  group: css``,\n  groupLabel: css``,\n  icon: css`\n    display: inline-flex;\n    align-items: center;\n    transition: transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-popup-open] {\n      transform: rotate(180deg);\n    }\n  `,\n  item: css``,\n  itemBoldSelected: css`\n    &[data-selected] {\n      font-weight: 600;\n    }\n  `,\n  itemIndicator: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n\n    color: ${cssVar.colorPrimary};\n  `,\n  itemText: css``,\n  list: css`\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n    padding-block: 0;\n  `,\n  listWithSearch: css`\n    padding-block-start: 4px;\n  `,\n  outlined: cx(\n    lobeStaticStylish.variantOutlined,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 75%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n  ),\n  popup: css`\n    --lobe-select-available-height: min(\n      var(--available-height),\n      var(--lobe-select-popup-max-height, var(--available-height))\n    );\n\n    transform-origin: var(--transform-origin);\n\n    display: flex;\n    flex-direction: column;\n\n    box-sizing: border-box;\n    max-height: var(--lobe-select-available-height);\n\n    transition:\n      opacity 150ms ${cssVar.motionEaseOut},\n      transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n    outline: none;\n  `,\n  prefix: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  scrollArrow: css`\n    cursor: default;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 16px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgElevated};\n  `,\n  search: css`\n    cursor: text;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 36px;\n    margin-inline: calc(-1 * var(--lobe-menu-popup-padding));\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorFillSecondary};\n  `,\n  searchInput: css`\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 0;\n    padding-inline: 4px;\n    border: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    &::placeholder {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n  suffix: css`\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tag: css`\n    display: inline-flex;\n    align-items: center;\n\n    max-width: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  tagClose: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: 4px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n  `,\n  tags: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n  `,\n  tagsValue: css`\n    /* No growing, so an empty trigger leaves the inline input the full width — but it must\n       still shrink, or the tags stay at max-content and run off the trigger instead of wrapping. */\n    flex: 0 1 auto;\n  `,\n  tagsSearch: css`\n    display: flex;\n    flex: 1;\n    min-width: 48px;\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: ${cssVar.borderRadius};\n\n    font-family: inherit;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:not([data-disabled], [data-readonly])[data-popup-open],\n    &:not([data-disabled], [data-readonly])[data-open],\n    &:not([data-disabled], [data-readonly])[data-state='open'],\n    &:not([data-disabled], [data-readonly])[aria-expanded='true'] {\n      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});\n    }\n\n    ${focusRing};\n\n    &:hover [data-role='lobe-select-clear'] {\n      opacity: 1;\n    }\n\n    &[data-placeholder] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      background: var(--lobe-select-disabled-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-disabled-bg, transparent);\n      }\n    }\n\n    &[data-readonly] {\n      cursor: default;\n      color: ${cssVar.colorTextSecondary};\n      background: var(--lobe-select-readonly-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-readonly-bg, transparent);\n      }\n    }\n\n    &[data-disabled] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n  `,\n  triggerLarge: css`\n    min-height: ${controlHeight.large}px;\n    padding-block: 6px;\n    padding-inline: 12px;\n\n    font-size: 16px;\n    line-height: 24px;\n  `,\n  triggerMiddle: css`\n    min-height: ${controlHeight.middle}px;\n    padding-block: 4px;\n    padding-inline: 11px;\n\n    font-size: 14px;\n    line-height: 20px;\n  `,\n  triggerSmall: css`\n    min-height: ${controlHeight.small}px;\n    padding-block: 0;\n    padding-inline: 8px;\n\n    font-size: 12px;\n    line-height: 18px;\n  `,\n  value: css`\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    min-width: 0;\n\n    color: inherit;\n\n    &[data-placeholder] {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  valueText: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: {\n    shadow: false,\n    size: 'middle',\n    variant: 'outlined',\n  },\n  variants: {\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    size: {\n      large: styles.triggerLarge,\n      middle: styles.triggerMiddle,\n      small: styles.triggerSmall,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;;;AAOA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;;;;;CAUV,YAAY,GACVA,cAAkB,mBAClB,GAAG;+BACwB,OAAO,kBAAkB;sDACF,OAAO,kBAAkB;sDACzB,OAAO,kBAAkB;KAE7E;CACA,OAAO,GAAG;;;;aAIC,OAAO,kBAAkB;;;;gCAIN,OAAO,cAAc;;;eAGtC,OAAO,mBAAmB;;;CAGvC,OAAO,GAAG;CACV,QAAQ,GACNA,cAAkB,eAClB,GAAG;+BACwB,OAAO,mBAAmB;sDACH,OAAO,kBAAkB;sDACzB,OAAO,kBAAkB;KAE7E;CACA,OAAO,GAAG;CACV,YAAY,GAAG;CACf,MAAM,GAAG;;;kCAGuB,OAAO,cAAc;;;;;;CAMrD,MAAM,GAAG;CACT,kBAAkB,GAAG;;;;;CAKrB,eAAe,GAAG;;;;;;;;aAQP,OAAO,aAAa;;CAE/B,UAAU,GAAG;CACb,MAAM,GAAG;;;;;;CAMT,gBAAgB,GAAG;;;CAGnB,UAAU,GACRA,cAAkB,iBAClB,GAAG;+BACwB,OAAO,kBAAkB;sDACF,OAAO,iBAAiB;sDACxB,OAAO,iBAAiB;KAE5E;CACA,OAAO,GAAG;;;;;;;;;;;;;;;sBAeU,OAAO,cAAc;wBACnB,OAAO,cAAc;;;;;;;;CAQ3C,YAAY,GAAG;;;;CAIf,QAAQ,GAAG;;;aAGA,OAAO,mBAAmB;;CAErC,aAAa,GAAG;;;;;;;;;aASL,OAAO,mBAAmB;;kBAErB,OAAO,gBAAgB;;CAEvC,QAAQ,GAAG;;;;;;;;;;kCAUqB,OAAO,mBAAmB;;CAE1D,aAAa,GAAG;;;;;;;;;;aAUL,OAAO,UAAU;;;;;;eAMf,OAAO,qBAAqB;;;CAGzC,QAAQA,cAAkB;CAC1B,QAAQ,GAAG;;;;aAIA,OAAO,mBAAmB;;CAErC,KAAK,GAAG;;;;;;;qBAOW,OAAO,eAAe;;;;aAI9B,OAAO,UAAU;;kBAEZ,OAAO,kBAAkB;;CAEzC,UAAU,GAAG;;;;;;;;;aASF,OAAO,mBAAmB;;gCAEP,OAAO,cAAc;;CAEnD,MAAM,GAAG;;;;;;CAMT,WAAW,GAAG;;;;;CAKd,YAAY,GAAG;;;;;CAKf,SAAS,GAAG;;;;;;;;;;;qBAWO,OAAO,aAAa;;;aAG5B,OAAO,UAAU;;;;;4BAKF,OAAO,cAAc;;;;;;+CAMF,OAAO,kBAAkB;;;MAGlE,UAAU;;;;;;;;;;;;;eAaD,OAAO,kBAAkB;;;;;;;;;;eAUzB,OAAO,mBAAmB;;;;;;;;;;;;;CAavC,cAAc,GAAG;kBACD,cAAc,MAAM;;;;;;;CAOpC,eAAe,GAAG;kBACF,cAAc,OAAO;;;;;;;CAOrC,cAAc,GAAG;kBACD,cAAc,MAAM;;;;;;;CAOpC,OAAO,GAAG;;;;;;;;;;;;eAYG,OAAO,qBAAqB;;;CAGzC,WAAW,GAAG;;;;;AAKhB,EAAE;AAEF,MAAa,kBAAkB,IAAI,OAAO,SAAS;CACjD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;CACA,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}