@aloudata/aloudata-design 3.0.20 → 3.0.22

package/dist/Result/index.js

@@ -14,22 +14,22 @@ var IconMap = {
 	success: /* @__PURE__ */ jsx(Memo$2, {
 		size: 80,
 		fill: "var(--content-inverted-primary)",
-		color: "var(--non-semantic-background-green-strong)"
+		color: "var(--background-positive-strong)"
 	}),
 	error: /* @__PURE__ */ jsx(Memo$1, {
 		size: 80,
 		fill: "var(--content-inverted-primary)",
-		color: "var(--non-semantic-background-red-strong)"
+		color: "var(--background-negative-strong)"
 	}),
 	info: /* @__PURE__ */ jsx(Memo$3, {
 		size: 80,
 		fill: "var(--content-inverted-primary)",
-		color: "var(--non-semantic-background-blue-strong)"
+		color: "var(--background-informative-strong)"
 	}),
 	warning: /* @__PURE__ */ jsx(Memo, {
 		size: 80,
 		fill: "var(--content-inverted-primary)",
-		color: "var(--non-semantic-background-orange-strong)"
+		color: "var(--background-warning-strong)"
 	})
 };
 var ExceptionMap = {

package/dist/Result/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Result/index.tsx"],"sourcesContent":["import './result.css';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport {\n  AlertTriangleDuotone,\n  CancelCircleDuotone,\n  CheckCircleDuotone,\n  InfoCircleLine,\n} from '../Icon';\nimport noFound from './noFound';\nimport serverError from './serverError';\nimport unauthorized from './unauthorized';\nexport const IconMap = {\n  success: (\n    <CheckCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-green-strong)'}\n    />\n  ),\n  error: (\n    <CancelCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-red-strong)'}\n    />\n  ),\n  info: (\n    <InfoCircleLine\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-blue-strong)'}\n    />\n  ),\n  warning: (\n    <AlertTriangleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-orange-strong)'}\n    />\n  ),\n};\n\nexport const ExceptionMap = {\n  noFound: noFound,\n  serverError: serverError,\n  unauthorized: unauthorized,\n};\nexport type ExceptionStatusType = 'unauthorized' | 'noFound' | 'serverError';\nexport type ResultStatusType = ExceptionStatusType | keyof typeof IconMap;\nexport type ResultDirectionType = 'horizontal' | 'vertical';\nexport interface ResultProps {\n  icon?: React.ReactNode;\n  status?: ResultStatusType;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  direction?: ResultDirectionType;\n}\nexport interface ResultType extends React.FC<ResultProps> {\n  PRESENTED_IMAGE_404: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_403: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_500: React.FC<{ direction?: ResultDirectionType }>;\n}\n// ExceptionImageMap keys\nconst ExceptionStatus = Object.keys(ExceptionMap);\ninterface IconProps {\n  icon: React.ReactNode;\n  status: ResultStatusType;\n  direction?: ResultDirectionType;\n}\nconst Icon: React.FC<IconProps> = ({\n  icon,\n  status,\n  direction = 'vertical',\n}) => {\n  const className = cn(`ald-result-icon`);\n\n  if (ExceptionStatus.includes(`${status}`)) {\n    // 404 403 500\n    const SVGComponent = ExceptionMap[status as ExceptionStatusType];\n    return (\n      <div\n        className={cn(className, 'ald-result-image', {\n          [`ald-result-image-${direction}`]: direction,\n        })}\n      >\n        <SVGComponent direction={direction} />\n      </div>\n    );\n  }\n\n  const iconNode =\n    IconMap[status as Exclude<ResultStatusType, ExceptionStatusType>];\n\n  if (icon === null || icon === false) {\n    return null;\n  }\n\n  return <div className={className}>{icon || iconNode}</div>;\n};\n\nconst Result: ResultType = ({\n  className,\n  subTitle,\n  title,\n  style,\n  children,\n  status = 'info',\n  direction = 'vertical',\n  icon,\n  extra,\n}) => {\n  if (direction === 'horizontal') {\n    return (\n      <div className={cn('ald-result-horizontal', className)} style={style}>\n        <div className={`ald-result-left`}>\n          {title && <div className={`ald-result-title`}>{title}</div>}\n          {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n          {extra && <div className={`ald-result-extra`}>{extra}</div>}\n          {children && <div className={`ald-result-content`}>{children}</div>}\n        </div>\n        <div className={`ald-result-right`}>\n          <Icon status={status} icon={icon} direction={direction} />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"ald-result-vertical-wrap\">\n      <div className={cn('ald-result-vertical', className)} style={style}>\n        <Icon status={status} icon={icon} />\n        {title && <div className={`ald-result-title`}>{title}</div>}\n        {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n        {extra && <div className={`ald-result-extra`}>{extra}</div>}\n        {children && <div className={`ald-result-content`}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nResult.PRESENTED_IMAGE_403 = ExceptionMap['unauthorized'];\nResult.PRESENTED_IMAGE_404 = ExceptionMap['noFound'];\nResult.PRESENTED_IMAGE_500 = ExceptionMap['serverError'];\n\nif (process.env.NODE_ENV !== 'production') {\n  Result.displayName = 'Result';\n}\n\nexport default Result;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,UAAU;CACrB,SACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,MACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,SACE,oBAAC,MAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEL;AAED,IAAa,eAAe;CACjB,SAAA;CACI,aAAA;CACC,cAAA;CACf;AAqBD,IAAM,kBAAkB,OAAO,KAAK,aAAa;AAMjD,IAAM,QAA6B,EACjC,MACA,QACA,YAAY,iBACR;CACJ,MAAM,YAAY,GAAG,kBAAkB;AAEvC,KAAI,gBAAgB,SAAS,GAAG,SAAS,EAAE;EAEzC,MAAM,eAAe,aAAa;AAClC,SACE,oBAAC,OAAD;GACE,WAAW,GAAG,WAAW,oBAAoB,GAC1C,oBAAoB,cAAc,WACpC,CAAC;aAEF,oBAAC,cAAD,EAAyB,WAAa,CAAA;GAClC,CAAA;;CAIV,MAAM,WACJ,QAAQ;AAEV,KAAI,SAAS,QAAQ,SAAS,MAC5B,QAAO;AAGT,QAAO,oBAAC,OAAD;EAAgB;YAAY,QAAQ;EAAe,CAAA;;AAG5D,IAAM,UAAsB,EAC1B,WACA,UACA,OACA,OACA,UACA,SAAS,QACT,YAAY,YACZ,MACA,YACI;AACJ,KAAI,cAAc,aAChB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;EAAS;YAA/D,CACE,qBAAC,OAAD;GAAK,WAAW;aAAhB;IACG,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;MACN,oBAAC,OAAD;GAAK,WAAW;aACd,oBAAC,MAAD;IAAc;IAAc;IAAiB;IAAa,CAAA;GACtD,CAAA,CACF;;AAGV,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAW,GAAG,uBAAuB,UAAU;GAAS;aAA7D;IACE,oBAAC,MAAD;KAAc;KAAc;KAAQ,CAAA;IACnC,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;;EACF,CAAA;;AAIV,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAE1C,IAAA,QAAA,IAAA,aAA6B,aAC3B,QAAO,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Result/index.tsx"],"sourcesContent":["import './result.css';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport {\n  AlertTriangleDuotone,\n  CancelCircleDuotone,\n  CheckCircleDuotone,\n  InfoCircleLine,\n} from '../Icon';\nimport noFound from './noFound';\nimport serverError from './serverError';\nimport unauthorized from './unauthorized';\nexport const IconMap = {\n  success: (\n    <CheckCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--background-positive-strong)'}\n    />\n  ),\n  error: (\n    <CancelCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--background-negative-strong)'}\n    />\n  ),\n  info: (\n    <InfoCircleLine\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--background-informative-strong)'}\n    />\n  ),\n  warning: (\n    <AlertTriangleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--background-warning-strong)'}\n    />\n  ),\n};\n\nexport const ExceptionMap = {\n  noFound: noFound,\n  serverError: serverError,\n  unauthorized: unauthorized,\n};\nexport type ExceptionStatusType = 'unauthorized' | 'noFound' | 'serverError';\nexport type ResultStatusType = ExceptionStatusType | keyof typeof IconMap;\nexport type ResultDirectionType = 'horizontal' | 'vertical';\nexport interface ResultProps {\n  icon?: React.ReactNode;\n  status?: ResultStatusType;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  direction?: ResultDirectionType;\n}\nexport interface ResultType extends React.FC<ResultProps> {\n  PRESENTED_IMAGE_404: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_403: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_500: React.FC<{ direction?: ResultDirectionType }>;\n}\n// ExceptionImageMap keys\nconst ExceptionStatus = Object.keys(ExceptionMap);\ninterface IconProps {\n  icon: React.ReactNode;\n  status: ResultStatusType;\n  direction?: ResultDirectionType;\n}\nconst Icon: React.FC<IconProps> = ({\n  icon,\n  status,\n  direction = 'vertical',\n}) => {\n  const className = cn(`ald-result-icon`);\n\n  if (ExceptionStatus.includes(`${status}`)) {\n    // 404 403 500\n    const SVGComponent = ExceptionMap[status as ExceptionStatusType];\n    return (\n      <div\n        className={cn(className, 'ald-result-image', {\n          [`ald-result-image-${direction}`]: direction,\n        })}\n      >\n        <SVGComponent direction={direction} />\n      </div>\n    );\n  }\n\n  const iconNode =\n    IconMap[status as Exclude<ResultStatusType, ExceptionStatusType>];\n\n  if (icon === null || icon === false) {\n    return null;\n  }\n\n  return <div className={className}>{icon || iconNode}</div>;\n};\n\nconst Result: ResultType = ({\n  className,\n  subTitle,\n  title,\n  style,\n  children,\n  status = 'info',\n  direction = 'vertical',\n  icon,\n  extra,\n}) => {\n  if (direction === 'horizontal') {\n    return (\n      <div className={cn('ald-result-horizontal', className)} style={style}>\n        <div className={`ald-result-left`}>\n          {title && <div className={`ald-result-title`}>{title}</div>}\n          {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n          {extra && <div className={`ald-result-extra`}>{extra}</div>}\n          {children && <div className={`ald-result-content`}>{children}</div>}\n        </div>\n        <div className={`ald-result-right`}>\n          <Icon status={status} icon={icon} direction={direction} />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"ald-result-vertical-wrap\">\n      <div className={cn('ald-result-vertical', className)} style={style}>\n        <Icon status={status} icon={icon} />\n        {title && <div className={`ald-result-title`}>{title}</div>}\n        {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n        {extra && <div className={`ald-result-extra`}>{extra}</div>}\n        {children && <div className={`ald-result-content`}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nResult.PRESENTED_IMAGE_403 = ExceptionMap['unauthorized'];\nResult.PRESENTED_IMAGE_404 = ExceptionMap['noFound'];\nResult.PRESENTED_IMAGE_500 = ExceptionMap['serverError'];\n\nif (process.env.NODE_ENV !== 'production') {\n  Result.displayName = 'Result';\n}\n\nexport default Result;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,UAAU;CACrB,SACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,MACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,SACE,oBAAC,MAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEL;AAED,IAAa,eAAe;CACjB,SAAA;CACI,aAAA;CACC,cAAA;CACf;AAqBD,IAAM,kBAAkB,OAAO,KAAK,aAAa;AAMjD,IAAM,QAA6B,EACjC,MACA,QACA,YAAY,iBACR;CACJ,MAAM,YAAY,GAAG,kBAAkB;AAEvC,KAAI,gBAAgB,SAAS,GAAG,SAAS,EAAE;EAEzC,MAAM,eAAe,aAAa;AAClC,SACE,oBAAC,OAAD;GACE,WAAW,GAAG,WAAW,oBAAoB,GAC1C,oBAAoB,cAAc,WACpC,CAAC;aAEF,oBAAC,cAAD,EAAyB,WAAa,CAAA;GAClC,CAAA;;CAIV,MAAM,WACJ,QAAQ;AAEV,KAAI,SAAS,QAAQ,SAAS,MAC5B,QAAO;AAGT,QAAO,oBAAC,OAAD;EAAgB;YAAY,QAAQ;EAAe,CAAA;;AAG5D,IAAM,UAAsB,EAC1B,WACA,UACA,OACA,OACA,UACA,SAAS,QACT,YAAY,YACZ,MACA,YACI;AACJ,KAAI,cAAc,aAChB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;EAAS;YAA/D,CACE,qBAAC,OAAD;GAAK,WAAW;aAAhB;IACG,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;MACN,oBAAC,OAAD;GAAK,WAAW;aACd,oBAAC,MAAD;IAAc;IAAc;IAAiB;IAAa,CAAA;GACtD,CAAA,CACF;;AAGV,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAW,GAAG,uBAAuB,UAAU;GAAS;aAA7D;IACE,oBAAC,MAAD;KAAc;KAAc;KAAQ,CAAA;IACnC,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;;EACF,CAAA;;AAIV,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAE1C,IAAA,QAAA,IAAA,aAA6B,aAC3B,QAAO,cAAc"}

package/dist/Select/BaseSelect.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/utils.js";
 import SizeContext from "../ConfigProvider/sizeContext.js";
 import { useCompactItemContext } from "../Space/CompactContext.js";
+import { toString } from "./utils/commonUtil.js";
 /* empty css           */
 import prefixCls from "../_utils/prefixCls.js";
 import RefSelectTrigger from "./SelectTrigger.js";
@@ -111,7 +112,7 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	const [showResponsiveSelectedSection, setShowResponsiveSelectedSection] = useState(false);
 	const [overflowCollapsed, setOverflowCollapsed] = useState(false);
 	const onSelectorRemove = (val) => {
-		onDisplayValuesChange(displayValues.filter((i) => i !== val), {
+		onDisplayValuesChange(displayValues.filter((item) => toString(item.value) !== toString(val.value)), {
 			type: "remove",
 			values: [{
 				label: val.label,

package/dist/Select/BaseSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSelect.js","names":[],"sources":["../../src/Select/BaseSelect.tsx"],"sourcesContent":["import './ald-select.css';\nimport * as React from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\nimport { cn } from '../lib/utils';\nimport prefixCls from '../_utils/prefixCls';\n\n/** Align config type (locally defined to avoid rc-trigger dependency) */\nexport interface AlignType {\n  points?: string[];\n  offset?: (number | string)[];\n  targetOffset?: (number | string)[];\n  overflow?: { adjustX?: boolean; adjustY?: boolean };\n  _experimental?: Record<string, any>;\n}\nimport SelectTrigger, { RefTriggerProps } from './SelectTrigger';\nimport Selector from './Selector';\nimport _ from 'lodash';\nimport { useContext, useRef, useState } from 'react';\nimport { FormItemInputContext } from '../Form/FormItemContext';\nimport getWidthStyle from './utils/getWidthStyle';\nimport Suffix from './components/Suffix';\nimport { PlacementType } from '../Dropdown';\nimport {\n  BaseSelectRef,\n  DisplayValueType,\n  ISelectProps,\n  LabelInValueType,\n  SelectMenuProps,\n} from './interface';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { ConfigContext } from '../ConfigProvider';\nimport { useCompactItemContext } from '../Space/CompactContext';\nimport { MenuInfo } from '../Menu';\n\nexport type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);\n\nexport type RenderDOMFunc = (props: any) => HTMLElement;\n\nexport type Mode =\n  | 'multiple'\n  | {\n      type: 'multiple';\n      responsive?: boolean;\n      maxRows?: number;\n      showSelectedSection?: boolean;\n    };\n\nexport type RawValueType = string | number;\n\nexport type CustomTagProps = {\n  label: React.ReactNode;\n  value: any;\n  disabled: boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  closable: boolean;\n};\nexport interface BaseSelectPrivateProps {\n  // >>> MISC\n  omitDomProps?: string[];\n\n  // >>> Value\n  displayValues: LabelInValueType[];\n  onDisplayValuesChange: (\n    values: LabelInValueType[],\n    info: {\n      type: 'add' | 'remove' | 'clear';\n      values: LabelInValueType[];\n    },\n  ) => void;\n\n  // >>> Active\n  /** Current dropdown list active item string value */\n  activeValue?: string;\n  /** Link search input with target element */\n  activeDescendantId?: string;\n  onActiveValueChange?: (value: string | null) => void;\n}\n\nexport type BaseSelectPropsWithoutPrivate = Omit<\n  BaseSelectProps,\n  keyof BaseSelectPrivateProps\n>;\n\nexport interface BaseSelectProps\n  extends BaseSelectPrivateProps,\n    ISelectProps,\n    React.AriaAttributes {\n  className?: string;\n  style?: React.CSSProperties;\n  notFoundContent?: React.ReactNode;\n  onClear?: () => void;\n  innerSearchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  displayMenu?: SelectMenuProps;\n  // >>> Open\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onOptionSelect?: (val: RawValueType) => void;\n\n  // >>> Icons\n  allowClear?: boolean;\n  showArrow?: boolean;\n  suffixIcon?: React.ReactNode;\n\n  // >>> Dropdown\n  dropdownAlign?: AlignType;\n  placement?: PlacementType;\n  getPopupContainer?: () => HTMLElement;\n\n  // >>> Focus\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  // >>> Rest Events\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPopupScroll?: React.UIEventHandler<HTMLDivElement>;\n  onInputKeyDown?: React.KeyboardEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  >;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport function isMultiple(mode?: Mode) {\n  return !!mode;\n}\nexport function isResponsive(mode?: Mode) {\n  return mode === 'multiple' || (typeof mode === 'object' && mode?.responsive);\n}\nexport function isShowSelectedSection(mode?: Mode) {\n  if (!mode || mode === 'multiple') {\n    return false;\n  }\n\n  return (\n    typeof mode === 'object' && mode.showSelectedSection && mode.responsive\n  );\n}\nconst BaseSelect = React.forwardRef(\n  (props: BaseSelectProps, ref: React.Ref<BaseSelectRef>) => {\n    const {\n      id,\n      className,\n      // Value\n      displayValues,\n      onDisplayValuesChange,\n      displayMenu,\n      notFoundContent,\n      onClear,\n      width,\n      mode,\n      status: customStatus,\n      onOptionSelect,\n      onClick,\n      size: customSize,\n      borderLess = false,\n      // Status\n      disabled,\n      placeholder,\n      loading = false,\n\n      // Open\n      open,\n      defaultOpen,\n      onOpenChange,\n      showSearch,\n      innerSearchValue,\n      setInnerSearchValue,\n      // Icons\n      allowClear,\n      showArrow = true,\n      prefix,\n      suffixIcon,\n      dropdownRender,\n      overlayStyle,\n      dropdownStyle,\n      popupMatchSelectWidth = true,\n      placement,\n      popupClassName,\n      allowOverlap,\n      style,\n      'data-testid': dataTestid,\n      'aria-label': ariaLabel,\n      ...restProps\n      // Rest Props\n    } = props;\n    const setClassNames = prefixCls('select');\n    const selectRef = useRef<HTMLDivElement>(null);\n    const widthStyle = getWidthStyle(width);\n    const dropdownRef = useRef<RefTriggerProps>(null);\n    const [matchedPopupWidth, setMatchedPopupWidth] = useState<\n      number | undefined\n    >();\n    const isResponsiveMode = isResponsive(mode);\n    const isMultipleMode = isMultiple(mode);\n    /** Used for component focused management */\n    const contentSize = useContext(SizeContext);\n    const { direction } = React.useContext(ConfigContext);\n    // ===================== Compact Item =====================\n    const { compactSize, compactItemClassnames } = useCompactItemContext(\n      'ald-select',\n      direction,\n    );\n    const size = compactSize || customSize || contentSize || 'middle';\n    const {\n      status: contextStatus,\n      // hasFeedback,\n      // isFormItemInput,\n      // feedbackIcon,\n    } = useContext(FormItemInputContext);\n\n    const mergedStatus =\n      customStatus === null ? undefined : customStatus || contextStatus;\n\n    // =========================== Imperative ===========================\n    React.useImperativeHandle(ref, () => ({\n      focus: () => setFocus(true),\n      blur: () => setFocus(false),\n      open: () => onToggleOpen(true),\n      close: () => {\n        console.log('ref close');\n        onToggleOpen(false);\n      },\n    }));\n    const [focus, setFocus] = useState(false);\n    const [isHover, setIsHover] = useState(false);\n    // ============================== Open ==============================\n    const [innerOpen, setInnerOpen] = useMergedState<boolean>(false, {\n      defaultValue: defaultOpen,\n      value: open,\n    });\n    const mergedOpen = innerOpen;\n    const shouldMatchPopupWidth =\n      !!popupMatchSelectWidth && typeof popupMatchSelectWidth !== 'number';\n    const updateMatchedPopupWidth = React.useCallback(() => {\n      if (!shouldMatchPopupWidth) {\n        return;\n      }\n\n      const nextWidth = selectRef.current?.getBoundingClientRect().width;\n      if (nextWidth !== undefined) {\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      }\n    }, [shouldMatchPopupWidth]);\n    const onToggleOpen = React.useCallback(\n      (newOpen?: boolean) => {\n        const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;\n        if (nextOpen) {\n          updateMatchedPopupWidth();\n        }\n        if (!nextOpen) {\n          setShowResponsiveSelectedSection(false);\n          setFocus(false);\n        }\n        if (mergedOpen !== nextOpen && !disabled) {\n          setInnerOpen(nextOpen);\n          onOpenChange?.(nextOpen);\n        }\n      },\n      [\n        mergedOpen,\n        disabled,\n        setInnerOpen,\n        onOpenChange,\n        updateMatchedPopupWidth,\n      ],\n    );\n    React.useLayoutEffect(() => {\n      if (!mergedOpen || !shouldMatchPopupWidth) {\n        return;\n      }\n\n      const element = selectRef.current;\n      if (!element) {\n        return;\n      }\n\n      const updateMatchedWidth = () => {\n        const nextWidth = element.getBoundingClientRect().width;\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      };\n\n      updateMatchedWidth();\n\n      if (typeof ResizeObserver === 'undefined') {\n        window.addEventListener('resize', updateMatchedWidth);\n        return () => {\n          window.removeEventListener('resize', updateMatchedWidth);\n        };\n      }\n\n      let resizeAnimationFrame: number | undefined;\n      const scheduleMatchedWidthUpdate = () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        resizeAnimationFrame = requestAnimationFrame(updateMatchedWidth);\n      };\n\n      const observer = new ResizeObserver(scheduleMatchedWidthUpdate);\n      observer.observe(element);\n\n      return () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        observer.disconnect();\n      };\n    }, [mergedOpen, shouldMatchPopupWidth]);\n    const [showResponsiveSelectedSection, setShowResponsiveSelectedSection] =\n      useState(false);\n    // 多选 responsive 进入 -1 收纳态（仅\"首 tag + +N\"）时为 true，\n    // width:auto 下据此给根节点加 overflow-collapsed 钳住 min-width 链，\n    // 抵抗父 flex 行因 intrinsic 低估造成的假压缩（详见 ald-select.css 对应段）\n    const [overflowCollapsed, setOverflowCollapsed] = useState(false);\n\n    // ============================ Selector ============================\n    const onSelectorRemove = (val: DisplayValueType) => {\n      const newValues = displayValues.filter((i) => i !== val);\n\n      onDisplayValuesChange(newValues, {\n        type: 'remove',\n        values: [\n          {\n            label: val.label,\n            value: val.value as RawValueType,\n          },\n        ],\n      });\n    };\n\n    const mergedClassName = cn(\n      setClassNames('beta-ald-select', size, {\n        active: mergedOpen || focus,\n        borderless: borderLess,\n        disabled: disabled,\n        loading: loading,\n        [`${mergedStatus}`]: !!mergedStatus,\n        'multiple-responsive': isResponsiveMode,\n        'multiple-default': isMultipleMode && !isResponsiveMode,\n        // 仅 width:auto 生效：固定宽度下 -1 收纳态的收缩省略是预期行为，\n        // 钳 min-width 反而会把固定宽撑破\n        'overflow-collapsed':\n          overflowCollapsed && width === 'auto' && !_.isEmpty(displayValues),\n      }),\n      className,\n      compactItemClassnames,\n    );\n    const showMenu = React.useMemo(() => {\n      if (!displayMenu) {\n        return undefined;\n      }\n\n      return {\n        ...displayMenu,\n        onClick: (info: MenuInfo) => {\n          displayMenu?.onClick?.(info);\n          if (isMultipleMode) {\n            // 多选默认选中后不收起下拉：Dropdown 在 menu.onClick 之后读\n            // info.keepOpen 决定是否 onChangeOpen(false)，不设则每次点击都被\n            // 当成关闭信号。用 ?? 保留用户在自己的 onClick 里显式设 false 的能力\n            info.keepOpen = info.keepOpen ?? true;\n          } else if (displayMenu) {\n            onToggleOpen(false);\n            setFocus(false);\n          }\n          setIsHover(false);\n          onOptionSelect?.(info.key);\n        },\n      };\n    }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);\n    const onSelectClick = React.useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled) {\n          return;\n        }\n        onClick?.(e);\n      },\n      [disabled, onClick],\n    );\n    React.useEffect(() => {\n      const element = selectRef.current;\n      if (element) {\n        const handleMouseOver = () => setIsHover(true);\n        const handleMouseOut = () => setIsHover(false);\n\n        element.addEventListener('mouseover', handleMouseOver);\n        element.addEventListener('mouseout', handleMouseOut);\n\n        return () => {\n          element.removeEventListener('mouseover', handleMouseOver);\n          element.removeEventListener('mouseout', handleMouseOut);\n        };\n      }\n    }, []);\n    const mergedPopupMatchSelectWidth =\n      shouldMatchPopupWidth && matchedPopupWidth !== undefined\n        ? matchedPopupWidth\n        : popupMatchSelectWidth;\n    return (\n      <div\n        className={mergedClassName}\n        style={{\n          ...widthStyle,\n          // width:auto 且无选中值时锁 shrink：Chromium 对该子树给父 flex 行的\n          // intrinsic 宽度贡献恒少约 14px，父行按低估值布局后回头压缩根节点，\n          // placeholder 右侧会被裁；有选中值时必须保持可压缩，rc-overflow\n          // 才能在父行变窄时把放不下的 tag 收纳成 \"+N\"\n          ...(width === 'auto' && _.isEmpty(displayValues)\n            ? { flexShrink: 0 }\n            : {}),\n          ...style,\n        }}\n        ref={selectRef}\n        id={id}\n        onClick={onSelectClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n      >\n        <SelectTrigger\n          {...restProps}\n          open={!!mergedOpen}\n          notFoundContent={notFoundContent}\n          menu={showMenu}\n          ref={dropdownRef}\n          showSearch={showSearch}\n          searchValue={innerSearchValue}\n          setInnerSearchValue={setInnerSearchValue}\n          popupMatchSelectWidth={mergedPopupMatchSelectWidth}\n          overlayClassName={popupClassName}\n          // @ts-ignore\n          dropdownRender={dropdownRender}\n          overlayStyle={overlayStyle || dropdownStyle}\n          placement={placement}\n          allowOverlap={allowOverlap}\n          onOpenChange={(open) => {\n            if (isResponsiveMode) {\n              if (\n                !mergedOpen &&\n                !showResponsiveSelectedSection &&\n                displayValues.length > 0 &&\n                isShowSelectedSection(mode)\n              ) {\n                setShowResponsiveSelectedSection(true);\n              } else {\n                onToggleOpen(open);\n              }\n            } else {\n              onToggleOpen(open);\n            }\n          }}\n        >\n          {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n          <div className={cn(setClassNames('trigger'), 'ant-select-selector')}>\n            {prefix && <div className={setClassNames('prefix')}>{prefix}</div>}\n            {_.isEmpty(displayValues) && (\n              <div\n                className={cn(\n                  setClassNames('placeholder'),\n                  'ant-select-selection-placeholder',\n                )}\n              >\n                {placeholder}\n              </div>\n            )}\n            {!_.isEmpty(displayValues) && (\n              <Selector\n                {...restProps}\n                suffixIcon={suffixIcon}\n                size={size}\n                disabled={disabled}\n                mode={mode}\n                dropdownRef={dropdownRef}\n                displayValues={displayValues}\n                onToggleOpen={onToggleOpen}\n                onRemove={onSelectorRemove}\n                showResponsiveSelectedSection={showResponsiveSelectedSection}\n                onOverflowCollapsedChange={setOverflowCollapsed}\n              ></Selector>\n            )}\n          </div>\n        </SelectTrigger>\n        <Suffix\n          showArrow={showArrow}\n          allowClear={allowClear}\n          disabled={disabled}\n          loading={loading}\n          isHover={isHover}\n          onClear={() => {\n            onToggleOpen(false);\n\n            onDisplayValuesChange([], {\n              type: 'clear',\n              values: displayValues,\n            });\n            onClear?.();\n          }}\n          isActive={innerOpen}\n          icon={suffixIcon}\n          displayValues={displayValues}\n        ></Suffix>\n      </div>\n    );\n  },\n);\n\nexport default BaseSelect;\n"],"mappings":"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"}
+{"version":3,"file":"BaseSelect.js","names":[],"sources":["../../src/Select/BaseSelect.tsx"],"sourcesContent":["import './ald-select.css';\nimport * as React from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\nimport { cn } from '../lib/utils';\nimport prefixCls from '../_utils/prefixCls';\n\n/** Align config type (locally defined to avoid rc-trigger dependency) */\nexport interface AlignType {\n  points?: string[];\n  offset?: (number | string)[];\n  targetOffset?: (number | string)[];\n  overflow?: { adjustX?: boolean; adjustY?: boolean };\n  _experimental?: Record<string, any>;\n}\nimport SelectTrigger, { RefTriggerProps } from './SelectTrigger';\nimport Selector from './Selector';\nimport _ from 'lodash';\nimport { useContext, useRef, useState } from 'react';\nimport { FormItemInputContext } from '../Form/FormItemContext';\nimport getWidthStyle from './utils/getWidthStyle';\nimport Suffix from './components/Suffix';\nimport { PlacementType } from '../Dropdown';\nimport {\n  BaseSelectRef,\n  DisplayValueType,\n  ISelectProps,\n  LabelInValueType,\n  SelectMenuProps,\n} from './interface';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { ConfigContext } from '../ConfigProvider';\nimport { useCompactItemContext } from '../Space/CompactContext';\nimport { MenuInfo } from '../Menu';\nimport { toString } from './utils/commonUtil';\n\nexport type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);\n\nexport type RenderDOMFunc = (props: any) => HTMLElement;\n\nexport type Mode =\n  | 'multiple'\n  | {\n      type: 'multiple';\n      responsive?: boolean;\n      maxRows?: number;\n      showSelectedSection?: boolean;\n    };\n\nexport type RawValueType = string | number;\n\nexport type CustomTagProps = {\n  label: React.ReactNode;\n  value: any;\n  disabled: boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  closable: boolean;\n};\nexport interface BaseSelectPrivateProps {\n  // >>> MISC\n  omitDomProps?: string[];\n\n  // >>> Value\n  displayValues: LabelInValueType[];\n  onDisplayValuesChange: (\n    values: LabelInValueType[],\n    info: {\n      type: 'add' | 'remove' | 'clear';\n      values: LabelInValueType[];\n    },\n  ) => void;\n\n  // >>> Active\n  /** Current dropdown list active item string value */\n  activeValue?: string;\n  /** Link search input with target element */\n  activeDescendantId?: string;\n  onActiveValueChange?: (value: string | null) => void;\n}\n\nexport type BaseSelectPropsWithoutPrivate = Omit<\n  BaseSelectProps,\n  keyof BaseSelectPrivateProps\n>;\n\nexport interface BaseSelectProps\n  extends BaseSelectPrivateProps,\n    ISelectProps,\n    React.AriaAttributes {\n  className?: string;\n  style?: React.CSSProperties;\n  notFoundContent?: React.ReactNode;\n  onClear?: () => void;\n  innerSearchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  displayMenu?: SelectMenuProps;\n  // >>> Open\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onOptionSelect?: (val: RawValueType) => void;\n\n  // >>> Icons\n  allowClear?: boolean;\n  showArrow?: boolean;\n  suffixIcon?: React.ReactNode;\n\n  // >>> Dropdown\n  dropdownAlign?: AlignType;\n  placement?: PlacementType;\n  getPopupContainer?: () => HTMLElement;\n\n  // >>> Focus\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  // >>> Rest Events\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPopupScroll?: React.UIEventHandler<HTMLDivElement>;\n  onInputKeyDown?: React.KeyboardEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  >;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport function isMultiple(mode?: Mode) {\n  return !!mode;\n}\nexport function isResponsive(mode?: Mode) {\n  return mode === 'multiple' || (typeof mode === 'object' && mode?.responsive);\n}\nexport function isShowSelectedSection(mode?: Mode) {\n  if (!mode || mode === 'multiple') {\n    return false;\n  }\n\n  return (\n    typeof mode === 'object' && mode.showSelectedSection && mode.responsive\n  );\n}\nconst BaseSelect = React.forwardRef(\n  (props: BaseSelectProps, ref: React.Ref<BaseSelectRef>) => {\n    const {\n      id,\n      className,\n      // Value\n      displayValues,\n      onDisplayValuesChange,\n      displayMenu,\n      notFoundContent,\n      onClear,\n      width,\n      mode,\n      status: customStatus,\n      onOptionSelect,\n      onClick,\n      size: customSize,\n      borderLess = false,\n      // Status\n      disabled,\n      placeholder,\n      loading = false,\n\n      // Open\n      open,\n      defaultOpen,\n      onOpenChange,\n      showSearch,\n      innerSearchValue,\n      setInnerSearchValue,\n      // Icons\n      allowClear,\n      showArrow = true,\n      prefix,\n      suffixIcon,\n      dropdownRender,\n      overlayStyle,\n      dropdownStyle,\n      popupMatchSelectWidth = true,\n      placement,\n      popupClassName,\n      allowOverlap,\n      style,\n      'data-testid': dataTestid,\n      'aria-label': ariaLabel,\n      ...restProps\n      // Rest Props\n    } = props;\n    const setClassNames = prefixCls('select');\n    const selectRef = useRef<HTMLDivElement>(null);\n    const widthStyle = getWidthStyle(width);\n    const dropdownRef = useRef<RefTriggerProps>(null);\n    const [matchedPopupWidth, setMatchedPopupWidth] = useState<\n      number | undefined\n    >();\n    const isResponsiveMode = isResponsive(mode);\n    const isMultipleMode = isMultiple(mode);\n    /** Used for component focused management */\n    const contentSize = useContext(SizeContext);\n    const { direction } = React.useContext(ConfigContext);\n    // ===================== Compact Item =====================\n    const { compactSize, compactItemClassnames } = useCompactItemContext(\n      'ald-select',\n      direction,\n    );\n    const size = compactSize || customSize || contentSize || 'middle';\n    const {\n      status: contextStatus,\n      // hasFeedback,\n      // isFormItemInput,\n      // feedbackIcon,\n    } = useContext(FormItemInputContext);\n\n    const mergedStatus =\n      customStatus === null ? undefined : customStatus || contextStatus;\n\n    // =========================== Imperative ===========================\n    React.useImperativeHandle(ref, () => ({\n      focus: () => setFocus(true),\n      blur: () => setFocus(false),\n      open: () => onToggleOpen(true),\n      close: () => {\n        console.log('ref close');\n        onToggleOpen(false);\n      },\n    }));\n    const [focus, setFocus] = useState(false);\n    const [isHover, setIsHover] = useState(false);\n    // ============================== Open ==============================\n    const [innerOpen, setInnerOpen] = useMergedState<boolean>(false, {\n      defaultValue: defaultOpen,\n      value: open,\n    });\n    const mergedOpen = innerOpen;\n    const shouldMatchPopupWidth =\n      !!popupMatchSelectWidth && typeof popupMatchSelectWidth !== 'number';\n    const updateMatchedPopupWidth = React.useCallback(() => {\n      if (!shouldMatchPopupWidth) {\n        return;\n      }\n\n      const nextWidth = selectRef.current?.getBoundingClientRect().width;\n      if (nextWidth !== undefined) {\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      }\n    }, [shouldMatchPopupWidth]);\n    const onToggleOpen = React.useCallback(\n      (newOpen?: boolean) => {\n        const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;\n        if (nextOpen) {\n          updateMatchedPopupWidth();\n        }\n        if (!nextOpen) {\n          setShowResponsiveSelectedSection(false);\n          setFocus(false);\n        }\n        if (mergedOpen !== nextOpen && !disabled) {\n          setInnerOpen(nextOpen);\n          onOpenChange?.(nextOpen);\n        }\n      },\n      [\n        mergedOpen,\n        disabled,\n        setInnerOpen,\n        onOpenChange,\n        updateMatchedPopupWidth,\n      ],\n    );\n    React.useLayoutEffect(() => {\n      if (!mergedOpen || !shouldMatchPopupWidth) {\n        return;\n      }\n\n      const element = selectRef.current;\n      if (!element) {\n        return;\n      }\n\n      const updateMatchedWidth = () => {\n        const nextWidth = element.getBoundingClientRect().width;\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      };\n\n      updateMatchedWidth();\n\n      if (typeof ResizeObserver === 'undefined') {\n        window.addEventListener('resize', updateMatchedWidth);\n        return () => {\n          window.removeEventListener('resize', updateMatchedWidth);\n        };\n      }\n\n      let resizeAnimationFrame: number | undefined;\n      const scheduleMatchedWidthUpdate = () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        resizeAnimationFrame = requestAnimationFrame(updateMatchedWidth);\n      };\n\n      const observer = new ResizeObserver(scheduleMatchedWidthUpdate);\n      observer.observe(element);\n\n      return () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        observer.disconnect();\n      };\n    }, [mergedOpen, shouldMatchPopupWidth]);\n    const [showResponsiveSelectedSection, setShowResponsiveSelectedSection] =\n      useState(false);\n    // 多选 responsive 进入 -1 收纳态（仅\"首 tag + +N\"）时为 true，\n    // width:auto 下据此给根节点加 overflow-collapsed 钳住 min-width 链，\n    // 抵抗父 flex 行因 intrinsic 低估造成的假压缩（详见 ald-select.css 对应段）\n    const [overflowCollapsed, setOverflowCollapsed] = useState(false);\n\n    // ============================ Selector ============================\n    const onSelectorRemove = (val: DisplayValueType) => {\n      const newValues = displayValues.filter(\n        (item) => toString(item.value) !== toString(val.value),\n      );\n\n      onDisplayValuesChange(newValues, {\n        type: 'remove',\n        values: [\n          {\n            label: val.label,\n            value: val.value as RawValueType,\n          },\n        ],\n      });\n    };\n\n    const mergedClassName = cn(\n      setClassNames('beta-ald-select', size, {\n        active: mergedOpen || focus,\n        borderless: borderLess,\n        disabled: disabled,\n        loading: loading,\n        [`${mergedStatus}`]: !!mergedStatus,\n        'multiple-responsive': isResponsiveMode,\n        'multiple-default': isMultipleMode && !isResponsiveMode,\n        // 仅 width:auto 生效：固定宽度下 -1 收纳态的收缩省略是预期行为，\n        // 钳 min-width 反而会把固定宽撑破\n        'overflow-collapsed':\n          overflowCollapsed && width === 'auto' && !_.isEmpty(displayValues),\n      }),\n      className,\n      compactItemClassnames,\n    );\n    const showMenu = React.useMemo(() => {\n      if (!displayMenu) {\n        return undefined;\n      }\n\n      return {\n        ...displayMenu,\n        onClick: (info: MenuInfo) => {\n          displayMenu?.onClick?.(info);\n          if (isMultipleMode) {\n            // 多选默认选中后不收起下拉：Dropdown 在 menu.onClick 之后读\n            // info.keepOpen 决定是否 onChangeOpen(false)，不设则每次点击都被\n            // 当成关闭信号。用 ?? 保留用户在自己的 onClick 里显式设 false 的能力\n            info.keepOpen = info.keepOpen ?? true;\n          } else if (displayMenu) {\n            onToggleOpen(false);\n            setFocus(false);\n          }\n          setIsHover(false);\n          onOptionSelect?.(info.key);\n        },\n      };\n    }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);\n    const onSelectClick = React.useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled) {\n          return;\n        }\n        onClick?.(e);\n      },\n      [disabled, onClick],\n    );\n    React.useEffect(() => {\n      const element = selectRef.current;\n      if (element) {\n        const handleMouseOver = () => setIsHover(true);\n        const handleMouseOut = () => setIsHover(false);\n\n        element.addEventListener('mouseover', handleMouseOver);\n        element.addEventListener('mouseout', handleMouseOut);\n\n        return () => {\n          element.removeEventListener('mouseover', handleMouseOver);\n          element.removeEventListener('mouseout', handleMouseOut);\n        };\n      }\n    }, []);\n    const mergedPopupMatchSelectWidth =\n      shouldMatchPopupWidth && matchedPopupWidth !== undefined\n        ? matchedPopupWidth\n        : popupMatchSelectWidth;\n    return (\n      <div\n        className={mergedClassName}\n        style={{\n          ...widthStyle,\n          // width:auto 且无选中值时锁 shrink：Chromium 对该子树给父 flex 行的\n          // intrinsic 宽度贡献恒少约 14px，父行按低估值布局后回头压缩根节点，\n          // placeholder 右侧会被裁；有选中值时必须保持可压缩，rc-overflow\n          // 才能在父行变窄时把放不下的 tag 收纳成 \"+N\"\n          ...(width === 'auto' && _.isEmpty(displayValues)\n            ? { flexShrink: 0 }\n            : {}),\n          ...style,\n        }}\n        ref={selectRef}\n        id={id}\n        onClick={onSelectClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n      >\n        <SelectTrigger\n          {...restProps}\n          open={!!mergedOpen}\n          notFoundContent={notFoundContent}\n          menu={showMenu}\n          ref={dropdownRef}\n          showSearch={showSearch}\n          searchValue={innerSearchValue}\n          setInnerSearchValue={setInnerSearchValue}\n          popupMatchSelectWidth={mergedPopupMatchSelectWidth}\n          overlayClassName={popupClassName}\n          // @ts-ignore\n          dropdownRender={dropdownRender}\n          overlayStyle={overlayStyle || dropdownStyle}\n          placement={placement}\n          allowOverlap={allowOverlap}\n          onOpenChange={(open) => {\n            if (isResponsiveMode) {\n              if (\n                !mergedOpen &&\n                !showResponsiveSelectedSection &&\n                displayValues.length > 0 &&\n                isShowSelectedSection(mode)\n              ) {\n                setShowResponsiveSelectedSection(true);\n              } else {\n                onToggleOpen(open);\n              }\n            } else {\n              onToggleOpen(open);\n            }\n          }}\n        >\n          {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n          <div className={cn(setClassNames('trigger'), 'ant-select-selector')}>\n            {prefix && <div className={setClassNames('prefix')}>{prefix}</div>}\n            {_.isEmpty(displayValues) && (\n              <div\n                className={cn(\n                  setClassNames('placeholder'),\n                  'ant-select-selection-placeholder',\n                )}\n              >\n                {placeholder}\n              </div>\n            )}\n            {!_.isEmpty(displayValues) && (\n              <Selector\n                {...restProps}\n                suffixIcon={suffixIcon}\n                size={size}\n                disabled={disabled}\n                mode={mode}\n                dropdownRef={dropdownRef}\n                displayValues={displayValues}\n                onToggleOpen={onToggleOpen}\n                onRemove={onSelectorRemove}\n                showResponsiveSelectedSection={showResponsiveSelectedSection}\n                onOverflowCollapsedChange={setOverflowCollapsed}\n              ></Selector>\n            )}\n          </div>\n        </SelectTrigger>\n        <Suffix\n          showArrow={showArrow}\n          allowClear={allowClear}\n          disabled={disabled}\n          loading={loading}\n          isHover={isHover}\n          onClear={() => {\n            onToggleOpen(false);\n\n            onDisplayValuesChange([], {\n              type: 'clear',\n              values: displayValues,\n            });\n            onClear?.();\n          }}\n          isActive={innerOpen}\n          icon={suffixIcon}\n          displayValues={displayValues}\n        ></Suffix>\n      </div>\n    );\n  },\n);\n\nexport default BaseSelect;\n"],"mappings":"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"}

package/dist/Select/components/Suffix.js

@@ -12,7 +12,7 @@ function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displ
 		children: /* @__PURE__ */ jsx(Memo, {
 			className: "ald-loading-spin tw-animate-spin",
 			size: 16,
-			color: "#6B7280"
+			color: "var(--content-secondary)"
 		})
 	});
 	if ((isActive || isHover) && !disabled && allowClear && displayValues.length > 0) return /* @__PURE__ */ jsx("div", {
@@ -24,12 +24,12 @@ function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displ
 		},
 		children: /* @__PURE__ */ jsx(Memo$2, {
 			size: 16,
-			color: "#6B7280"
+			color: "var(--content-secondary)"
 		})
 	});
 	if (showArrow) {
 		const dropdownIcon = icon || /* @__PURE__ */ jsx(Memo$1, {
-			color: "#6B7280",
+			color: "var(--content-secondary)",
 			size: 16
 		});
 		return /* @__PURE__ */ jsx("div", {

package/dist/Select/components/Suffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suffix.js","names":[],"sources":["../../../src/Select/components/Suffix.tsx"],"sourcesContent":["import React from 'react';\nimport prefixCls from '../../_utils/prefixCls';\nimport {\n  ArrowDownRightFill,\n  CloseCircleRightFill,\n  LoadingLine,\n} from '../../Icon';\nimport { DisplayValueType } from '../interface';\n\nexport default function Suffix({\n  showArrow,\n  allowClear,\n  isActive,\n  isHover,\n  icon,\n  onClear,\n  displayValues,\n  disabled,\n  loading,\n}: {\n  showArrow?: boolean;\n  allowClear?: boolean;\n  isActive?: boolean;\n  isHover?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  icon: React.ReactNode;\n  onClear?: () => void;\n  displayValues: DisplayValueType[];\n}) {\n  const classNames = prefixCls('select');\n\n  if (loading) {\n    return (\n      <div\n        className={`${classNames(\n          'suffix',\n          'loading',\n        )} beta-ald-select-suffix-loading`}\n      >\n        <LoadingLine\n          className=\"ald-loading-spin tw-animate-spin\"\n          size={16}\n          color=\"#6B7280\"\n        />\n      </div>\n    );\n  }\n\n  if (\n    (isActive || isHover) &&\n    !disabled &&\n    allowClear &&\n    displayValues.length > 0\n  ) {\n    return (\n      <div\n        className={classNames('suffix', 'clear')}\n        onClick={(event) => {\n          event.stopPropagation();\n          event.preventDefault();\n          onClear?.();\n        }}\n      >\n        <CloseCircleRightFill size={16} color=\"#6B7280\" />\n      </div>\n    );\n  }\n  if (showArrow) {\n    const dropdownIcon = icon || (\n      <ArrowDownRightFill color=\"#6B7280\" size={16} />\n    );\n\n    // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n    return (\n      <div className={classNames('suffix', 'arrow') + ' ant-select-arrow'}>\n        {dropdownIcon}\n      </div>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;AASA,SAAwB,OAAO,EAC7B,WACA,YACA,UACA,SACA,MACA,SACA,eACA,UACA,WAWC;CACD,MAAM,aAAa,UAAU,SAAS;AAEtC,KAAI,QACF,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,WACZ,UACA,UACD,CAAC;YAEF,oBAAC,MAAD;GACE,WAAU;GACV,MAAM;GACN,OAAM;GACN,CAAA;EACE,CAAA;AAIV,MACG,YAAY,YACb,CAAC,YACD,cACA,cAAc,SAAS,EAEvB,QACE,oBAAC,OAAD;EACE,WAAW,WAAW,UAAU,QAAQ;EACxC,UAAU,UAAU;AAClB,SAAM,iBAAiB;AACvB,SAAM,gBAAgB;AACtB,cAAW;;YAGb,oBAAC,QAAD;GAAsB,MAAM;GAAI,OAAM;GAAY,CAAA;EAC9C,CAAA;AAGV,KAAI,WAAW;EACb,MAAM,eAAe,QACnB,oBAAC,QAAD;GAAoB,OAAM;GAAU,MAAM;GAAM,CAAA;AAIlD,SACE,oBAAC,OAAD;GAAK,WAAW,WAAW,UAAU,QAAQ,GAAG;aAC7C;GACG,CAAA;;AAIV,QAAO"}
+{"version":3,"file":"Suffix.js","names":[],"sources":["../../../src/Select/components/Suffix.tsx"],"sourcesContent":["import React from 'react';\nimport prefixCls from '../../_utils/prefixCls';\nimport {\n  ArrowDownRightFill,\n  CloseCircleRightFill,\n  LoadingLine,\n} from '../../Icon';\nimport { DisplayValueType } from '../interface';\n\nexport default function Suffix({\n  showArrow,\n  allowClear,\n  isActive,\n  isHover,\n  icon,\n  onClear,\n  displayValues,\n  disabled,\n  loading,\n}: {\n  showArrow?: boolean;\n  allowClear?: boolean;\n  isActive?: boolean;\n  isHover?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  icon: React.ReactNode;\n  onClear?: () => void;\n  displayValues: DisplayValueType[];\n}) {\n  const classNames = prefixCls('select');\n\n  if (loading) {\n    return (\n      <div\n        className={`${classNames(\n          'suffix',\n          'loading',\n        )} beta-ald-select-suffix-loading`}\n      >\n        <LoadingLine\n          className=\"ald-loading-spin tw-animate-spin\"\n          size={16}\n          color=\"var(--content-secondary)\"\n        />\n      </div>\n    );\n  }\n\n  if (\n    (isActive || isHover) &&\n    !disabled &&\n    allowClear &&\n    displayValues.length > 0\n  ) {\n    return (\n      <div\n        className={classNames('suffix', 'clear')}\n        onClick={(event) => {\n          event.stopPropagation();\n          event.preventDefault();\n          onClear?.();\n        }}\n      >\n        <CloseCircleRightFill size={16} color=\"var(--content-secondary)\" />\n      </div>\n    );\n  }\n  if (showArrow) {\n    const dropdownIcon = icon || (\n      <ArrowDownRightFill color=\"var(--content-secondary)\" size={16} />\n    );\n\n    // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n    return (\n      <div className={classNames('suffix', 'arrow') + ' ant-select-arrow'}>\n        {dropdownIcon}\n      </div>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;AASA,SAAwB,OAAO,EAC7B,WACA,YACA,UACA,SACA,MACA,SACA,eACA,UACA,WAWC;CACD,MAAM,aAAa,UAAU,SAAS;AAEtC,KAAI,QACF,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,WACZ,UACA,UACD,CAAC;YAEF,oBAAC,MAAD;GACE,WAAU;GACV,MAAM;GACN,OAAM;GACN,CAAA;EACE,CAAA;AAIV,MACG,YAAY,YACb,CAAC,YACD,cACA,cAAc,SAAS,EAEvB,QACE,oBAAC,OAAD;EACE,WAAW,WAAW,UAAU,QAAQ;EACxC,UAAU,UAAU;AAClB,SAAM,iBAAiB;AACvB,SAAM,gBAAgB;AACtB,cAAW;;YAGb,oBAAC,QAAD;GAAsB,MAAM;GAAI,OAAM;GAA6B,CAAA;EAC/D,CAAA;AAGV,KAAI,WAAW;EACb,MAAM,eAAe,QACnB,oBAAC,QAAD;GAAoB,OAAM;GAA2B,MAAM;GAAM,CAAA;AAInE,SACE,oBAAC,OAAD;GAAK,WAAW,WAAW,UAAU,QAAQ,GAAG;aAC7C;GACG,CAAA;;AAIV,QAAO"}

package/dist/Slider/index.js

@@ -14,7 +14,7 @@ function SliderThumbWithTooltip({ tooltip, value, className }) {
 		onPointerEnter: () => setHovered(true),
 		onPointerLeave: () => setHovered(false),
 		children: tooltip && showTooltip && /* @__PURE__ */ jsx("div", {
-			className: "tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--alias-colors-bg-tooltip)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--alias-colors-text-inverse-default)]",
+			className: "tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--background-inverted)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--content-inverted-primary)]",
 			children: formattedValue
 		})
 	});
@@ -42,7 +42,7 @@ function Slider(props) {
 	React.useEffect(() => {
 		if (controlledValKey !== void 0) setCurrentValues(controlledValKey.split(",").map(Number));
 	}, [controlledValKey]);
-	const thumbClass = "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--interaction-default-normal)] tw-shadow-[0_0_0_1px_var(--interaction-default-normal)] hover:tw-shadow-[0_0_0_3px_var(--interaction-default-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--interaction-default-active)] focus-visible:tw-outline-none";
+	const thumbClass = "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none";
 	const markEntries = marks ? Object.entries(marks) : [];
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("tw-relative", vertical ? "tw-h-full" : "tw-w-full"),
@@ -60,8 +60,8 @@ function Slider(props) {
 			onValueCommit: handleValueCommit,
 			children: [
 				/* @__PURE__ */ jsx(SliderPrimitive.Track, {
-					className: cn("tw-relative tw-grow tw-rounded-full tw-bg-[var(--interaction-neutral-subtle-normal)]", vertical ? "tw-w-1" : "tw-h-1"),
-					children: included && /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--interaction-default-normal)] hover:tw-bg-[var(--interaction-default-hover)]" })
+					className: cn("tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]", vertical ? "tw-w-1" : "tw-h-1"),
+					children: included && /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]" })
 				}),
 				tooltip ? /* @__PURE__ */ jsx(SliderThumbWithTooltip, {
 					tooltip,

package/dist/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Slider/index.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider';\nimport React, { useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SliderBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  vertical?: boolean;\n  marks?: Record<\n    number,\n    React.ReactNode | { style?: React.CSSProperties; label?: React.ReactNode }\n  >;\n  included?: boolean;\n  tooltip?: { open?: boolean; formatter?: (value?: number) => React.ReactNode };\n}\n\ninterface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  onAfterChange?: (value: number) => void;\n}\n\ninterface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: [number, number];\n  defaultValue?: [number, number];\n  onChange?: (value: [number, number]) => void;\n  onAfterChange?: (value: [number, number]) => void;\n}\n\nfunction SliderThumbWithTooltip({\n  tooltip,\n  value,\n  className,\n}: {\n  tooltip?: SliderBaseProps['tooltip'];\n  value: number;\n  className: string;\n}) {\n  const [hovered, setHovered] = useState(false);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n\n  const showTooltip = tooltip?.open !== undefined ? tooltip.open : hovered;\n  const formattedValue = tooltip?.formatter ? tooltip.formatter(value) : value;\n\n  return (\n    <SliderPrimitive.Thumb\n      ref={thumbRef}\n      className={cn('tw-relative', className)}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      {tooltip && showTooltip && (\n        <div className=\"tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--alias-colors-bg-tooltip)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--alias-colors-text-inverse-default)]\">\n          {formattedValue}\n        </div>\n      )}\n    </SliderPrimitive.Thumb>\n  );\n}\n\nfunction Slider(props: SliderSingleProps | SliderRangeProps) {\n  const {\n    className,\n    style,\n    disabled,\n    min = 0,\n    max = 100,\n    step = 1,\n    range,\n    vertical,\n    marks,\n    included = true,\n    tooltip,\n  } = props;\n\n  const [currentValues, setCurrentValues] = useState<number[]>(() => {\n    if (range) {\n      return (\n        (props as SliderRangeProps).value ||\n        (props as SliderRangeProps).defaultValue || [min, max]\n      );\n    }\n    const v = (props as SliderSingleProps).value;\n    if (v !== undefined) return [v];\n    return [(props as SliderSingleProps).defaultValue ?? min];\n  });\n\n  const handleValueChange = (values: number[]) => {\n    setCurrentValues(values);\n    if (range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: [number, number]) => void)([values[0], values[1]]);\n    } else if (!range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const handleValueCommit = (values: number[]) => {\n    if (range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: [number, number]) => void)([\n        values[0],\n        values[1],\n      ]);\n    } else if (!range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const defaultVal = range\n    ? (props as SliderRangeProps).defaultValue || [min, max]\n    : [(props as SliderSingleProps).defaultValue ?? min];\n\n  const controlledVal = range\n    ? (props as SliderRangeProps).value\n    : (props as SliderSingleProps).value !== undefined\n    ? [(props as SliderSingleProps).value!]\n    : undefined;\n\n  // Sync controlled values — use stringified key to detect content changes\n  const controlledValKey = controlledVal ? controlledVal.join(',') : undefined;\n  React.useEffect(() => {\n    if (controlledValKey !== undefined) {\n      setCurrentValues(controlledValKey.split(',').map(Number));\n    }\n  }, [controlledValKey]);\n\n  const thumbClass =\n    'tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--interaction-default-normal)] tw-shadow-[0_0_0_1px_var(--interaction-default-normal)] hover:tw-shadow-[0_0_0_3px_var(--interaction-default-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--interaction-default-active)] focus-visible:tw-outline-none';\n\n  const markEntries = marks ? Object.entries(marks) : [];\n\n  return (\n    <div className={cn('tw-relative', vertical ? 'tw-h-full' : 'tw-w-full')}>\n      <SliderPrimitive.Root\n        className={cn(\n          'ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center',\n          vertical ? 'tw-h-full tw-w-5 tw-flex-col' : 'tw-h-5 tw-w-full',\n          disabled && 'tw-pointer-events-none tw-opacity-50',\n          className,\n        )}\n        style={style}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        orientation={vertical ? 'vertical' : 'horizontal'}\n        defaultValue={defaultVal}\n        value={controlledVal}\n        onValueChange={handleValueChange}\n        onValueCommit={handleValueCommit}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'tw-relative tw-grow tw-rounded-full tw-bg-[var(--interaction-neutral-subtle-normal)]',\n            vertical ? 'tw-w-1' : 'tw-h-1',\n          )}\n        >\n          {included && (\n            <SliderPrimitive.Range className=\"ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--interaction-default-normal)] hover:tw-bg-[var(--interaction-default-hover)]\" />\n          )}\n        </SliderPrimitive.Track>\n        {tooltip ? (\n          <SliderThumbWithTooltip\n            tooltip={tooltip}\n            value={currentValues[0] ?? min}\n            className={thumbClass}\n          />\n        ) : (\n          <SliderPrimitive.Thumb className={thumbClass} />\n        )}\n        {range &&\n          (tooltip ? (\n            <SliderThumbWithTooltip\n              tooltip={tooltip}\n              value={currentValues[1] ?? max}\n              className={thumbClass}\n            />\n          ) : (\n            <SliderPrimitive.Thumb className={thumbClass} />\n          ))}\n      </SliderPrimitive.Root>\n      {markEntries.length > 0 && (\n        <div className=\"ald-slider-marks tw-relative tw-mt-2 tw-w-full\">\n          {markEntries.map(([key, mark]) => {\n            const numKey = Number(key);\n            const percent = ((numKey - min) / (max - min)) * 100;\n            const isNode =\n              typeof mark === 'object' &&\n              mark !== null &&\n              'label' in (mark as Record<string, unknown>);\n            const label = isNode\n              ? (mark as { label?: React.ReactNode }).label\n              : (mark as React.ReactNode);\n            const markStyle = isNode\n              ? (mark as { style?: React.CSSProperties }).style\n              : undefined;\n\n            return (\n              <span\n                key={key}\n                className=\"ald-slider-mark tw-absolute tw-text-xs tw-text-[var(--content-secondary)]\"\n                style={{\n                  left: `${percent}%`,\n                  transform: 'translateX(-50%)',\n                  ...markStyle,\n                }}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Slider/index.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider';\nimport React, { useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SliderBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  vertical?: boolean;\n  marks?: Record<\n    number,\n    React.ReactNode | { style?: React.CSSProperties; label?: React.ReactNode }\n  >;\n  included?: boolean;\n  tooltip?: { open?: boolean; formatter?: (value?: number) => React.ReactNode };\n}\n\ninterface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  onAfterChange?: (value: number) => void;\n}\n\ninterface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: [number, number];\n  defaultValue?: [number, number];\n  onChange?: (value: [number, number]) => void;\n  onAfterChange?: (value: [number, number]) => void;\n}\n\nfunction SliderThumbWithTooltip({\n  tooltip,\n  value,\n  className,\n}: {\n  tooltip?: SliderBaseProps['tooltip'];\n  value: number;\n  className: string;\n}) {\n  const [hovered, setHovered] = useState(false);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n\n  const showTooltip = tooltip?.open !== undefined ? tooltip.open : hovered;\n  const formattedValue = tooltip?.formatter ? tooltip.formatter(value) : value;\n\n  return (\n    <SliderPrimitive.Thumb\n      ref={thumbRef}\n      className={cn('tw-relative', className)}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      {tooltip && showTooltip && (\n        <div className=\"tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--background-inverted)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--content-inverted-primary)]\">\n          {formattedValue}\n        </div>\n      )}\n    </SliderPrimitive.Thumb>\n  );\n}\n\nfunction Slider(props: SliderSingleProps | SliderRangeProps) {\n  const {\n    className,\n    style,\n    disabled,\n    min = 0,\n    max = 100,\n    step = 1,\n    range,\n    vertical,\n    marks,\n    included = true,\n    tooltip,\n  } = props;\n\n  const [currentValues, setCurrentValues] = useState<number[]>(() => {\n    if (range) {\n      return (\n        (props as SliderRangeProps).value ||\n        (props as SliderRangeProps).defaultValue || [min, max]\n      );\n    }\n    const v = (props as SliderSingleProps).value;\n    if (v !== undefined) return [v];\n    return [(props as SliderSingleProps).defaultValue ?? min];\n  });\n\n  const handleValueChange = (values: number[]) => {\n    setCurrentValues(values);\n    if (range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: [number, number]) => void)([values[0], values[1]]);\n    } else if (!range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const handleValueCommit = (values: number[]) => {\n    if (range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: [number, number]) => void)([\n        values[0],\n        values[1],\n      ]);\n    } else if (!range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const defaultVal = range\n    ? (props as SliderRangeProps).defaultValue || [min, max]\n    : [(props as SliderSingleProps).defaultValue ?? min];\n\n  const controlledVal = range\n    ? (props as SliderRangeProps).value\n    : (props as SliderSingleProps).value !== undefined\n    ? [(props as SliderSingleProps).value!]\n    : undefined;\n\n  // Sync controlled values — use stringified key to detect content changes\n  const controlledValKey = controlledVal ? controlledVal.join(',') : undefined;\n  React.useEffect(() => {\n    if (controlledValKey !== undefined) {\n      setCurrentValues(controlledValKey.split(',').map(Number));\n    }\n  }, [controlledValKey]);\n\n  const thumbClass =\n    'tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none';\n\n  const markEntries = marks ? Object.entries(marks) : [];\n\n  return (\n    <div className={cn('tw-relative', vertical ? 'tw-h-full' : 'tw-w-full')}>\n      <SliderPrimitive.Root\n        className={cn(\n          'ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center',\n          vertical ? 'tw-h-full tw-w-5 tw-flex-col' : 'tw-h-5 tw-w-full',\n          disabled && 'tw-pointer-events-none tw-opacity-50',\n          className,\n        )}\n        style={style}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        orientation={vertical ? 'vertical' : 'horizontal'}\n        defaultValue={defaultVal}\n        value={controlledVal}\n        onValueChange={handleValueChange}\n        onValueCommit={handleValueCommit}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]',\n            vertical ? 'tw-w-1' : 'tw-h-1',\n          )}\n        >\n          {included && (\n            <SliderPrimitive.Range className=\"ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]\" />\n          )}\n        </SliderPrimitive.Track>\n        {tooltip ? (\n          <SliderThumbWithTooltip\n            tooltip={tooltip}\n            value={currentValues[0] ?? min}\n            className={thumbClass}\n          />\n        ) : (\n          <SliderPrimitive.Thumb className={thumbClass} />\n        )}\n        {range &&\n          (tooltip ? (\n            <SliderThumbWithTooltip\n              tooltip={tooltip}\n              value={currentValues[1] ?? max}\n              className={thumbClass}\n            />\n          ) : (\n            <SliderPrimitive.Thumb className={thumbClass} />\n          ))}\n      </SliderPrimitive.Root>\n      {markEntries.length > 0 && (\n        <div className=\"ald-slider-marks tw-relative tw-mt-2 tw-w-full\">\n          {markEntries.map(([key, mark]) => {\n            const numKey = Number(key);\n            const percent = ((numKey - min) / (max - min)) * 100;\n            const isNode =\n              typeof mark === 'object' &&\n              mark !== null &&\n              'label' in (mark as Record<string, unknown>);\n            const label = isNode\n              ? (mark as { label?: React.ReactNode }).label\n              : (mark as React.ReactNode);\n            const markStyle = isNode\n              ? (mark as { style?: React.CSSProperties }).style\n              : undefined;\n\n            return (\n              <span\n                key={key}\n                className=\"ald-slider-mark tw-absolute tw-text-xs tw-text-[var(--content-secondary)]\"\n                style={{\n                  left: `${percent}%`,\n                  transform: 'translateX(-50%)',\n                  ...markStyle,\n                }}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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"}

package/dist/Spin/CustomIcon/index.js

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var Icon = (props) => {
 	const { size, tip, direction, spinning = true, className, inContainer } = props;
 	if (!spinning) return null;
-	return /* @__PURE__ */ jsxs(React.Fragment, { children: [inContainer && /* @__PURE__ */ jsx("div", { className: "spinner-mask tw-absolute tw-inset-0 tw-size-full tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-opacity-40" }), /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(React.Fragment, { children: [inContainer && /* @__PURE__ */ jsx("div", { className: "spinner-mask tw-absolute tw-inset-0 tw-size-full tw-bg-[var(--background-default)] tw-opacity-40" }), /* @__PURE__ */ jsxs("div", {
 		className: cn("spinner tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-4", direction === "horizontal" && "spinner-horizontal tw-flex-row tw-gap-[6px]", inContainer && "spinner-center tw-absolute tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2", className),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: cn("spinner-inner tw-flex tw-animate-spin tw-items-center", size === "small" && "spinner-inner-small tw-size-5", size === "large" && "spinner-inner-large tw-size-16", size !== "small" && size !== "large" && "spinner-inner-middle tw-size-10"),
@@ -17,7 +17,7 @@ var Icon = (props) => {
 				size !== "small" && size !== "large" && /* @__PURE__ */ jsx(Memo, { size: 40 })
 			]
 		}), tip && /* @__PURE__ */ jsx("div", {
-			className: "ald-spinner-text tw-text-[var(--alias-colors-text-subtle)]",
+			className: "ald-spinner-text tw-text-[var(--content-secondary)]",
 			children: tip
 		})]
 	})] }, getUUID().toString());

package/dist/Spin/CustomIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Spin/CustomIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { SizeType } from '../../ConfigProvider/sizeContext';\nimport { LoadingDuotone } from '../../Icon';\nimport { cn } from '../../lib/utils';\nimport { getUUID } from '../../_utils/hooks/useId';\nimport { TDirection } from '..';\n\ninterface ICustomIconProps {\n  size?: SizeType;\n  tip?: React.ReactNode;\n  direction: TDirection;\n  spinning?: boolean;\n  className?: string;\n  inContainer?: boolean;\n}\n\nconst Icon = (props: ICustomIconProps) => {\n  const {\n    size,\n    tip,\n    direction,\n    spinning = true,\n    className,\n    inContainer,\n  } = props;\n  if (!spinning) return null;\n  return (\n    <React.Fragment key={getUUID().toString()}>\n      {inContainer && (\n        <div className=\"spinner-mask tw-absolute tw-inset-0 tw-size-full tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-opacity-40\" />\n      )}\n      <div\n        className={cn(\n          'spinner tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-4',\n          direction === 'horizontal' &&\n            'spinner-horizontal tw-flex-row tw-gap-[6px]',\n          inContainer &&\n            'spinner-center tw-absolute tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n      >\n        <div\n          className={cn(\n            'spinner-inner tw-flex tw-animate-spin tw-items-center',\n            size === 'small' && 'spinner-inner-small tw-size-5',\n            size === 'large' && 'spinner-inner-large tw-size-16',\n            size !== 'small' &&\n              size !== 'large' &&\n              'spinner-inner-middle tw-size-10',\n          )}\n        >\n          {size === 'small' && <LoadingDuotone size={20} />}\n          {size === 'large' && <LoadingDuotone size={64} />}\n          {size !== 'small' && size !== 'large' && <LoadingDuotone size={40} />}\n        </div>\n        {tip && (\n          <div className=\"ald-spinner-text tw-text-[var(--alias-colors-text-subtle)]\">\n            {tip}\n          </div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n};\nexport default Icon;\n"],"mappings":";;;;;;AAgBA,IAAM,QAAQ,UAA4B;CACxC,MAAM,EACJ,MACA,KACA,WACA,WAAW,MACX,WACA,gBACE;AACJ,KAAI,CAAC,SAAU,QAAO;AACtB,QACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,eACC,oBAAC,OAAD,EAAK,WAAU,kHAAmH,CAAA,EAEpI,qBAAC,OAAD;EACE,WAAW,GACT,oFACA,cAAc,gBACZ,+CACF,eACE,6FACF,UACD;YARH,CAUE,qBAAC,OAAD;GACE,WAAW,GACT,yDACA,SAAS,WAAW,iCACpB,SAAS,WAAW,kCACpB,SAAS,WACP,SAAS,WACT,kCACH;aARH;IAUG,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IAChD,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IAChD,SAAS,WAAW,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IACjE;MACL,OACC,oBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,CAEJ;IACS,EAAA,EAlCI,SAAS,CAAC,UAAU,CAkCxB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Spin/CustomIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { SizeType } from '../../ConfigProvider/sizeContext';\nimport { LoadingDuotone } from '../../Icon';\nimport { cn } from '../../lib/utils';\nimport { getUUID } from '../../_utils/hooks/useId';\nimport { TDirection } from '..';\n\ninterface ICustomIconProps {\n  size?: SizeType;\n  tip?: React.ReactNode;\n  direction: TDirection;\n  spinning?: boolean;\n  className?: string;\n  inContainer?: boolean;\n}\n\nconst Icon = (props: ICustomIconProps) => {\n  const {\n    size,\n    tip,\n    direction,\n    spinning = true,\n    className,\n    inContainer,\n  } = props;\n  if (!spinning) return null;\n  return (\n    <React.Fragment key={getUUID().toString()}>\n      {inContainer && (\n        <div className=\"spinner-mask tw-absolute tw-inset-0 tw-size-full tw-bg-[var(--background-default)] tw-opacity-40\" />\n      )}\n      <div\n        className={cn(\n          'spinner tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-4',\n          direction === 'horizontal' &&\n            'spinner-horizontal tw-flex-row tw-gap-[6px]',\n          inContainer &&\n            'spinner-center tw-absolute tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n      >\n        <div\n          className={cn(\n            'spinner-inner tw-flex tw-animate-spin tw-items-center',\n            size === 'small' && 'spinner-inner-small tw-size-5',\n            size === 'large' && 'spinner-inner-large tw-size-16',\n            size !== 'small' &&\n              size !== 'large' &&\n              'spinner-inner-middle tw-size-10',\n          )}\n        >\n          {size === 'small' && <LoadingDuotone size={20} />}\n          {size === 'large' && <LoadingDuotone size={64} />}\n          {size !== 'small' && size !== 'large' && <LoadingDuotone size={40} />}\n        </div>\n        {tip && (\n          <div className=\"ald-spinner-text tw-text-[var(--content-secondary)]\">\n            {tip}\n          </div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n};\nexport default Icon;\n"],"mappings":";;;;;;AAgBA,IAAM,QAAQ,UAA4B;CACxC,MAAM,EACJ,MACA,KACA,WACA,WAAW,MACX,WACA,gBACE;AACJ,KAAI,CAAC,SAAU,QAAO;AACtB,QACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,eACC,oBAAC,OAAD,EAAK,WAAU,oGAAqG,CAAA,EAEtH,qBAAC,OAAD;EACE,WAAW,GACT,oFACA,cAAc,gBACZ,+CACF,eACE,6FACF,UACD;YARH,CAUE,qBAAC,OAAD;GACE,WAAW,GACT,yDACA,SAAS,WAAW,iCACpB,SAAS,WAAW,kCACpB,SAAS,WACP,SAAS,WACT,kCACH;aARH;IAUG,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IAChD,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IAChD,SAAS,WAAW,SAAS,WAAW,oBAAC,MAAD,EAAgB,MAAM,IAAM,CAAA;IACjE;MACL,OACC,oBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,CAEJ;IACS,EAAA,EAlCI,SAAS,CAAC,UAAU,CAkCxB"}

package/dist/StatusLight/index.js

@@ -8,18 +8,18 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/StatusLight/index.tsx
 var statusDotColors = {
-	info: "var(--non-semantic-background-blue-strong)",
-	neutral: "var(--non-semantic-background-grey-strong)",
-	danger: "var(--non-semantic-background-red-strong)",
-	success: "var(--non-semantic-background-green-strong)",
-	warning: "var(--non-semantic-background-orange-strong)"
+	info: "var(--background-informative-strong)",
+	neutral: "var(--background-neutral-strong)",
+	danger: "var(--background-negative-strong)",
+	success: "var(--background-positive-strong)",
+	warning: "var(--background-warning-strong)"
 };
 var statusTextColors = {
-	info: "var(--non-semantic-content-blue-primary)",
-	neutral: "var(--non-semantic-content-grey-primary)",
-	danger: "var(--non-semantic-content-red-primary)",
-	success: "var(--non-semantic-content-green-primary)",
-	warning: "var(--non-semantic-content-orange-primary)"
+	info: "var(--content-informative-primary)",
+	neutral: "var(--content-primary)",
+	danger: "var(--content-negative-primary)",
+	success: "var(--content-positive-primary)",
+	warning: "var(--content-warning-primary)"
 };
 function StatusLight({ size = "middle", style = "dot", dotColor, icon, text, status = "info", className }) {
 	const getIcon = () => {
@@ -27,23 +27,23 @@ function StatusLight({ size = "middle", style = "dot", dotColor, icon, text, sta
 		const iconSize = size === "middle" ? 20 : 16;
 		switch (status) {
 			case "info": return /* @__PURE__ */ jsx(Memo$4, {
-				color: "var(--non-semantic-background-blue-strong)",
+				color: "var(--background-informative-strong)",
 				size: iconSize
 			});
 			case "neutral": return /* @__PURE__ */ jsx(Memo$1, {
-				color: "var(--non-semantic-background-grey-strong)",
+				color: "var(--background-neutral-strong)",
 				size: iconSize
 			});
 			case "danger": return /* @__PURE__ */ jsx(Memo$3, {
-				color: "var(--non-semantic-background-red-strong)",
+				color: "var(--background-negative-strong)",
 				size: iconSize
 			});
 			case "success": return /* @__PURE__ */ jsx(Memo$2, {
-				color: "var(--non-semantic-background-green-strong)",
+				color: "var(--background-positive-strong)",
 				size: iconSize
 			});
 			case "warning": return /* @__PURE__ */ jsx(Memo, {
-				color: "var(--non-semantic-background-orange-strong)",
+				color: "var(--background-warning-strong)",
 				size: iconSize
 			});
 		}

package/dist/StatusLight/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/StatusLight/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AttentionCircleFill,\n  CancelledCircleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  InProgressFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface IProps {\n  size?: 'middle' | 'small';\n  style?: 'dot' | 'icon';\n  dotColor?: string;\n  icon?: React.ReactNode;\n  text: string;\n  status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';\n  className?: string;\n}\n\nconst statusDotColors: Record<string, string> = {\n  info: 'var(--non-semantic-background-blue-strong)',\n  neutral: 'var(--non-semantic-background-grey-strong)',\n  danger: 'var(--non-semantic-background-red-strong)',\n  success: 'var(--non-semantic-background-green-strong)',\n  warning: 'var(--non-semantic-background-orange-strong)',\n};\n\nconst statusTextColors: Record<string, string> = {\n  info: 'var(--non-semantic-content-blue-primary)',\n  neutral: 'var(--non-semantic-content-grey-primary)',\n  danger: 'var(--non-semantic-content-red-primary)',\n  success: 'var(--non-semantic-content-green-primary)',\n  warning: 'var(--non-semantic-content-orange-primary)',\n};\n\nfunction StatusLight({\n  size = 'middle',\n  style = 'dot',\n  dotColor,\n  icon,\n  text,\n  status = 'info',\n  className,\n}: IProps) {\n  const getIcon = () => {\n    if (icon) return icon;\n\n    const iconSize = size === 'middle' ? 20 : 16;\n\n    switch (status) {\n      case 'info':\n        return (\n          <InProgressFill\n            color=\"var(--non-semantic-background-blue-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'neutral':\n        return (\n          <CancelledCircleFill\n            color=\"var(--non-semantic-background-grey-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'danger':\n        return (\n          <CloseCircleFill\n            color=\"var(--non-semantic-background-red-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'success':\n        return (\n          <CheckCircleFill\n            color=\"var(--non-semantic-background-green-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'warning':\n        return (\n          <AttentionCircleFill\n            color=\"var(--non-semantic-background-orange-strong)\"\n            size={iconSize}\n          />\n        );\n    }\n  };\n\n  const isSmall = size === 'small';\n\n  return (\n    <div\n      className={cn(\n        'ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start',\n        `ald-status-light-${size}`,\n        `ald-status-light-${status}`,\n        isSmall ? 'tw-gap-1' : 'tw-gap-[6px]',\n        className,\n      )}\n    >\n      {style === 'dot' && (\n        <div\n          className={cn(\n            'ald-prefix-dot tw-shrink-0 tw-rounded-full',\n            isSmall\n              ? 'tw-size-[var(--global-grid-75)]'\n              : 'tw-size-[var(--global-grid-100)]',\n          )}\n          style={{\n            backgroundColor: dotColor || statusDotColors[status],\n          }}\n        />\n      )}\n      {style === 'icon' && (\n        <div className=\"ald-prefix-icon tw-flex tw-h-full tw-items-center\">\n          {getIcon()}\n        </div>\n      )}\n      <div\n        className={cn(\n          'ald-text tw-font-normal',\n          isSmall ? 'tw-text-xs tw-leading-4' : 'tw-text-sm tw-leading-5',\n        )}\n        style={{ color: statusTextColors[status] }}\n      >\n        {text}\n      </div>\n    </div>\n  );\n}\n\nexport default StatusLight;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,kBAA0C;CAC9C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,IAAM,mBAA2C;CAC/C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,SAAS,YAAY,EACnB,OAAO,UACP,QAAQ,OACR,UACA,MACA,MACA,SAAS,QACT,aACS;CACT,MAAM,gBAAgB;AACpB,MAAI,KAAM,QAAO;EAEjB,MAAM,WAAW,SAAS,WAAW,KAAK;AAE1C,UAAQ,QAAR;GACE,KAAK,OACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,SACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,MAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;;;CAKV,MAAM,UAAU,SAAS;AAEzB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+EACA,oBAAoB,QACpB,oBAAoB,UACpB,UAAU,aAAa,gBACvB,UACD;YAPH;GASG,UAAU,SACT,oBAAC,OAAD;IACE,WAAW,GACT,8CACA,UACI,oCACA,mCACL;IACD,OAAO,EACL,iBAAiB,YAAY,gBAAgB,SAC9C;IACD,CAAA;GAEH,UAAU,UACT,oBAAC,OAAD;IAAK,WAAU;cACZ,SAAS;IACN,CAAA;GAER,oBAAC,OAAD;IACE,WAAW,GACT,2BACA,UAAU,4BAA4B,0BACvC;IACD,OAAO,EAAE,OAAO,iBAAiB,SAAS;cAEzC;IACG,CAAA;GACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/StatusLight/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AttentionCircleFill,\n  CancelledCircleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  InProgressFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface IProps {\n  size?: 'middle' | 'small';\n  style?: 'dot' | 'icon';\n  dotColor?: string;\n  icon?: React.ReactNode;\n  text: string;\n  status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';\n  className?: string;\n}\n\nconst statusDotColors: Record<string, string> = {\n  info: 'var(--background-informative-strong)',\n  neutral: 'var(--background-neutral-strong)',\n  danger: 'var(--background-negative-strong)',\n  success: 'var(--background-positive-strong)',\n  warning: 'var(--background-warning-strong)',\n};\n\nconst statusTextColors: Record<string, string> = {\n  info: 'var(--content-informative-primary)',\n  neutral: 'var(--content-primary)',\n  danger: 'var(--content-negative-primary)',\n  success: 'var(--content-positive-primary)',\n  warning: 'var(--content-warning-primary)',\n};\n\nfunction StatusLight({\n  size = 'middle',\n  style = 'dot',\n  dotColor,\n  icon,\n  text,\n  status = 'info',\n  className,\n}: IProps) {\n  const getIcon = () => {\n    if (icon) return icon;\n\n    const iconSize = size === 'middle' ? 20 : 16;\n\n    switch (status) {\n      case 'info':\n        return (\n          <InProgressFill\n            color=\"var(--background-informative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'neutral':\n        return (\n          <CancelledCircleFill\n            color=\"var(--background-neutral-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'danger':\n        return (\n          <CloseCircleFill\n            color=\"var(--background-negative-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'success':\n        return (\n          <CheckCircleFill\n            color=\"var(--background-positive-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'warning':\n        return (\n          <AttentionCircleFill\n            color=\"var(--background-warning-strong)\"\n            size={iconSize}\n          />\n        );\n    }\n  };\n\n  const isSmall = size === 'small';\n\n  return (\n    <div\n      className={cn(\n        'ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start',\n        `ald-status-light-${size}`,\n        `ald-status-light-${status}`,\n        isSmall ? 'tw-gap-1' : 'tw-gap-[6px]',\n        className,\n      )}\n    >\n      {style === 'dot' && (\n        <div\n          className={cn(\n            'ald-prefix-dot tw-shrink-0 tw-rounded-full',\n            isSmall\n              ? 'tw-size-[var(--global-grid-75)]'\n              : 'tw-size-[var(--global-grid-100)]',\n          )}\n          style={{\n            backgroundColor: dotColor || statusDotColors[status],\n          }}\n        />\n      )}\n      {style === 'icon' && (\n        <div className=\"ald-prefix-icon tw-flex tw-h-full tw-items-center\">\n          {getIcon()}\n        </div>\n      )}\n      <div\n        className={cn(\n          'ald-text tw-font-normal',\n          isSmall ? 'tw-text-xs tw-leading-4' : 'tw-text-sm tw-leading-5',\n        )}\n        style={{ color: statusTextColors[status] }}\n      >\n        {text}\n      </div>\n    </div>\n  );\n}\n\nexport default StatusLight;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,kBAA0C;CAC9C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,IAAM,mBAA2C;CAC/C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,SAAS,YAAY,EACnB,OAAO,UACP,QAAQ,OACR,UACA,MACA,MACA,SAAS,QACT,aACS;CACT,MAAM,gBAAgB;AACpB,MAAI,KAAM,QAAO;EAEjB,MAAM,WAAW,SAAS,WAAW,KAAK;AAE1C,UAAQ,QAAR;GACE,KAAK,OACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,SACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,MAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;;;CAKV,MAAM,UAAU,SAAS;AAEzB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+EACA,oBAAoB,QACpB,oBAAoB,UACpB,UAAU,aAAa,gBACvB,UACD;YAPH;GASG,UAAU,SACT,oBAAC,OAAD;IACE,WAAW,GACT,8CACA,UACI,oCACA,mCACL;IACD,OAAO,EACL,iBAAiB,YAAY,gBAAgB,SAC9C;IACD,CAAA;GAEH,UAAU,UACT,oBAAC,OAAD;IAAK,WAAU;cACZ,SAAS;IACN,CAAA;GAER,oBAAC,OAAD;IACE,WAAW,GACT,2BACA,UAAU,4BAA4B,0BACvC;IACD,OAAO,EAAE,OAAO,iBAAiB,SAAS;cAEzC;IACG,CAAA;GACF"}

package/dist/Steps/index.js

@@ -31,7 +31,7 @@ function Steps({ className, current: controlledCurrent, direction = "horizontal"
 						className: "tw-flex tw-w-full tw-items-center",
 						children: [
 							index > 0 && /* @__PURE__ */ jsx("div", {
-								className: cn("ant-steps-item-tail tw-flex-1", index <= current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+								className: cn("ant-steps-item-tail tw-flex-1", index <= current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
 								style: { height: 1.5 }
 							}),
 							/* @__PURE__ */ jsx("div", {
@@ -45,17 +45,17 @@ function Steps({ className, current: controlledCurrent, direction = "horizontal"
 								})
 							}),
 							!isLast && /* @__PURE__ */ jsx("div", {
-								className: cn(index === 0 && "ant-steps-item-tail", "tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+								className: cn(index === 0 && "ant-steps-item-tail", "tw-flex-1", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
 								style: { height: 1.5 }
 							})
 						]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
 						children: [/* @__PURE__ */ jsx("div", {
-							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
 							children: item.title
 						}), item.description && /* @__PURE__ */ jsx("div", {
-							className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--alias-colors-text-subtlest)]" : "tw-text-[var(--alias-colors-text-subtle)]"),
+							className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--content-tertiary)]" : "tw-text-[var(--content-secondary)]"),
 							children: item.description
 						})]
 					})]
@@ -64,7 +64,7 @@ function Steps({ className, current: controlledCurrent, direction = "horizontal"
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center",
 						children: [!isLast && /* @__PURE__ */ jsx("div", {
-							className: cn("ald-steps-item-tail ant-steps-item-tail", index < current ? "ald-steps-item-tail-finish" : "ald-steps-item-tail-wait", "tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+							className: cn("ald-steps-item-tail ant-steps-item-tail", index < current ? "ald-steps-item-tail-finish" : "ald-steps-item-tail-wait", "tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
 							style: {
 								width: 1.5,
 								bottom: -24
@@ -82,7 +82,7 @@ function Steps({ className, current: controlledCurrent, direction = "horizontal"
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "ald-steps-item-content ant-steps-item-content",
 						children: [/* @__PURE__ */ jsx("div", {
-							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
 							children: item.title
 						}), item.description && /* @__PURE__ */ jsx("div", {
 							className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]"),

package/dist/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--alias-colors-text-subtlest)]'\n                          : 'tw-text-[var(--alias-colors-text-subtle)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--content-tertiary)]'\n                          : 'tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}

package/dist/Switch/index.js

@@ -52,14 +52,14 @@ var Switch = ({ className = "", disabled: customDisabled, loading = false, size:
 			"data-testid": dataTestid,
 			"aria-label": ariaLabel,
 			disabled: currentDisabled,
-			className: cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", userChecked ? "tw-bg-[var(--alias-colors-icon-brand)] hover:tw-bg-[var(--alias-colors-icon-selected)]" : "tw-bg-[var(--alias-colors-icon-subtler)] hover:tw-bg-[var(--alias-colors-icon-subtle)]", currentDisabled && "tw-cursor-not-allowed tw-opacity-40"),
+			className: cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", userChecked ? "tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]" : "tw-bg-[var(--action-neutral-subtle-normal)] hover:tw-bg-[var(--action-neutral-subtle-hover)]", currentDisabled && "tw-cursor-not-allowed tw-opacity-40"),
 			style: {
 				width: trackW,
 				height: trackH
 			},
 			onClick: handleClick,
 			children: /* @__PURE__ */ jsx("span", {
-				className: cn("tw-block tw-rounded-full tw-bg-white tw-shadow-sm tw-transition-transform tw-duration-200"),
+				className: cn("tw-block tw-rounded-full tw-bg-[var(--background-default)] tw-shadow-sm tw-transition-transform tw-duration-200"),
 				style: {
 					width: thumbSize,
 					height: thumbSize,
@@ -68,7 +68,7 @@ var Switch = ({ className = "", disabled: customDisabled, loading = false, size:
 				}
 			})
 		}), children && /* @__PURE__ */ jsx("span", {
-			className: cn("ald-switch-text tw-inline-flex tw-items-center tw-align-middle tw-text-[var(--alias-colors-text-default)]", size === "large" && "tw-h-5 tw-text-base tw-leading-5", size === "middle" && "tw-h-4 tw-text-sm tw-leading-4", size === "small" && "tw-h-3 tw-text-xs tw-leading-3", currentDisabled && "tw-opacity-50"),
+			className: cn("ald-switch-text tw-inline-flex tw-items-center tw-align-middle tw-text-[var(--content-primary)]", size === "large" && "tw-h-5 tw-text-base tw-leading-5", size === "middle" && "tw-h-4 tw-text-sm tw-leading-4", size === "small" && "tw-h-3 tw-text-xs tw-leading-3", currentDisabled && "tw-opacity-50"),
 			children
 		})]
 	});