@aloudata/aloudata-design 3.0.0-beta.9 → 3.0.1

package/dist/index.d.ts

@@ -5,7 +5,12 @@ export type MenuClickEventHandler = (info: {
 }) => void;
 export { default as localeZhCN } from './locale/zh_CN.js';
 export { default as localeEnUS } from './locale/en_US.js';
+/** DatePicker-specific zh_CN locale (rc-picker format) */
+export { default as datePickerLocaleZhCN } from 'rc-picker/es/locale/zh_CN';
 export { default as AProgress } from './AProgress.js';
+export type { AProgressProps } from './AProgress.js';
+export { default as Progress } from './Progress.js';
+export type { IProgressRef, IProps as ProgressProps } from './Progress.js';
 export { default as Alert } from './Alert.js';
 export type { AlertProps } from './Alert.js';
 export { default as App } from './App.js';
@@ -33,10 +38,12 @@ export { default as ConfigProvider } from './ConfigProvider.js';
 export { EUserType } from './ConfigProvider/getUserList.js';
 export type { IUserGroup } from './ConfigProvider/getUserList.js';
 export type { SizeType } from './ConfigProvider/sizeContext.js';
+export { createTheme, defaultTheme, initAldTheme, themeToCssVars, } from './theme.js';
+export type { AldThemeConfig, AldThemeCssVars, AldThemeToken, ResolvedAldTheme, } from './theme.js';
 export { default as DataPreviewTable } from './DataPreviewTable.js';
 export type { ITableProps as DataPreviewTableProps, DataPreviewTableRef, PreviewColumn, TValue as DataPreviewTableValue, } from './DataPreviewTable/interface.js';
 export { default as DatePicker } from './DatePicker.js';
-export type { DatePickerProps, RangeValue } from './DatePicker.js';
+export type { DatePickerProps, RangePickerProps, RangeValue, } from './DatePicker.js';
 export { default as Divider } from './Divider.js';
 export type { IDividerProps as DividerProps } from './Divider.js';
 export { default as Drawer } from './Drawer.js';
@@ -46,11 +53,13 @@ export type { ActionType, IDropdownProps as DropdownProps, PlacementType, } from
 export { default as Empty } from './Empty.js';
 export type { IEmptyProps as EmptyProps } from './Empty.js';
 export { default as Form } from './Form.js';
-export type { FormInstance, FormItemProps, FormListFieldData, FormProps, Rule, RuleObject, RuleRender, } from './Form.js';
+export type { FieldData, FormInstance, FormItemProps, FormLabelAlign, FormListFieldData, FormProps, Rule, RuleObject, RuleRender, } from './Form.js';
 export { default as HighlightText } from './HighlightText.js';
 export { default as IconButton } from './IconButton.js';
 export { default as Input } from './Input.js';
 export type { IInputProps as InputProps, InputRef, TSize, TextAreaRef, } from './Input.js';
+/** antd v4 compat: InputStatus */
+export type InputStatus = 'error' | 'warning' | '';
 export { default as InputNumber } from './InputNumber.js';
 export type { IInputNumberProps as InputNumberProps } from './InputNumber.js';
 export { default as InputSearch } from './InputSearch.js';
@@ -59,7 +68,7 @@ export type { LayoutProps } from './Layout.js';
 export { default as List } from './List.js';
 export { default as LogicTree } from './LogicTree.js';
 export { DisplayLogicTree } from './LogicTree.js';
-export { getInitialLogicNode, logicTreeIterator } from './LogicTree/helper.js';
+export { addLogicNode, addRecordNode, changeRecordData, getInitialLogicNode, logicTreeIterator, removeNode, } from './LogicTree/helper.js';
 export { ELogicType, ENodeType } from './LogicTree/type.js';
 export type { ILogicNode, IRecordNode, TNode } from './LogicTree/type.js';
 export { default as MemberPicker } from './MemberPicker.js';
@@ -75,8 +84,6 @@ export { default as Popconfirm } from './Popconfirm.js';
 export type { PopconfirmProps } from './Popconfirm.js';
 export { default as Popover } from './Popover.js';
 export type { PopoverProps } from './Popover.js';
-export { default as Progress } from './Progress.js';
-export type { IProgressRef, IProps as ProgressProps } from './Progress.js';
 export { default as Radio } from './Radio.js';
 export type { RadioGroupProps, RadioProps } from './Radio.js';
 export { default as RenameInput } from './RenameInput.js';
@@ -106,7 +113,7 @@ export { default as TextLink } from './TextLink.js';
 export { default as Tooltip } from './Tooltip.js';
 export type { ActionType as TooltipActionType, ITooltipProps as TooltipProps, } from './Tooltip.js';
 export { default as Tree } from './Tree.js';
-export type { DataNode as TreeDataNode, AldTreeNodeProps as TreeNodeProps, TreeProps, } from './Tree.js';
+export type { DataNode as TreeDataNode, EventDataNode, AldTreeNodeProps as TreeNodeProps, TreeProps, } from './Tree.js';
 export { default as Typography } from './Typography.js';
 export type { TypographyProps } from './Typography.js';
 export { default as Upload } from './Upload.js';
@@ -119,6 +126,8 @@ export { default as AldSelect } from './Select.js';
 export type { ISelectProps } from './Select/interface.js';
 export { default as Select } from './Select.js';
 export type { ISelectProps as SelectProps } from './Select/interface.js';
+export type { BaseSelectRef, DefaultOptionType, SelectItemType, } from './Select/interface.js';
+export type { CustomTagProps, Mode as SelectMode } from './Select/BaseSelect.js';
 export { default as AMenu } from './AMenu.js';
 export type { AMenuProps } from './AMenu.js';
 export { default as Tour } from './Tour.js';

package/dist/index.js

@@ -2,6 +2,7 @@
 import localeValues$1 from "./locale/zh_CN.js";
 import localeValues from "./locale/en_US.js";
 import AProgress from "./AProgress/index.js";
+import Progress_default from "./Progress/index.js";
 import Alert from "./Alert/index.js";
 import AldApp from "./App/index.js";
 import Avatar from "./Avatar/index.js";
@@ -27,7 +28,10 @@ import AldCustomConfigProvider from "./ConfigProvider/index.js";
 import Select_default from "./Select/index.js";
 import InputNumber from "./InputNumber/index.js";
 import ColorPicker from "./ColorPicker/index.js";
-import Progress_default from "./Progress/index.js";
+import { defaultTheme } from "./theme/defaultTheme.js";
+import { createTheme } from "./theme/createTheme.js";
+import { themeToCssVars } from "./theme/themeToCssVars.js";
+import { initAldTheme } from "./theme/initAldTheme.js";
 import CustomSpin from "./Spin/index.js";
 import Result from "./Result/index.js";
 import DataPreviewTable_default from "./DataPreviewTable/index.js";
@@ -40,7 +44,7 @@ import Layout from "./Layout/index.js";
 import List from "./List/index.js";
 import TextLink from "./TextLink/index.js";
 import { ELogicType, ENodeType } from "./LogicTree/type.js";
-import { getInitialLogicNode, logicTreeIterator } from "./LogicTree/helper.js";
+import { addLogicNode, addRecordNode, changeRecordData, getInitialLogicNode, logicTreeIterator, removeNode } from "./LogicTree/helper.js";
 import DisplayLogicTree from "./LogicTree/DisplayLogicTree.js";
 import LogicTree from "./LogicTree/index.js";
 import message from "./message/index.js";
@@ -70,4 +74,5 @@ import Watermark from "./Watermark/index.js";
 import notification from "./notification/index.js";
 import AMenu from "./AMenu/index.js";
 import Tour from "./Tour/index.js";
-export { AMenu, AProgress, Select_default as AldSelect, Alert, AldApp as App, Avatar, Badge, Breadcrumb, Button_default as Button, Card, Carousel, Checkbox, Col, Collapse, ColorPicker, AldCustomConfigProvider as ConfigProvider, DataPreviewTable_default as DataPreviewTable, DatePicker, DisplayLogicTree, Divider, Drawer, Dropdown, ELogicType, EMemberPicker, ENodeType, EUserType, Empty, Form, HighlightText, IconButton, Input, InputNumber, InputSearch, Layout, List, LogicTree, MemberSelector as MemberPicker, Menu, Modal, OverflowCount, Pagination, Popconfirm, Popover, Progress_default as Progress, Radio, RenameInput, Result, Row, ScrollArea_default as ScrollArea, Select_default as Select, Skeleton, Slider, Space, CustomSpin as Spin, StatusLight, Steps, Switch, Table_default as Table, Tabs, Tag, TextLink, Tooltip, Tour, Tree, Typography, Upload, User, Watermark, getInitialLogicNode, localeValues as localeEnUS, localeValues$1 as localeZhCN, logicTreeIterator, message, notification };
+import datePickerLocaleZhCN from "rc-picker/es/locale/zh_CN";
+export { AMenu, AProgress, Select_default as AldSelect, Alert, AldApp as App, Avatar, Badge, Breadcrumb, Button_default as Button, Card, Carousel, Checkbox, Col, Collapse, ColorPicker, AldCustomConfigProvider as ConfigProvider, DataPreviewTable_default as DataPreviewTable, DatePicker, DisplayLogicTree, Divider, Drawer, Dropdown, ELogicType, EMemberPicker, ENodeType, EUserType, Empty, Form, HighlightText, IconButton, Input, InputNumber, InputSearch, Layout, List, LogicTree, MemberSelector as MemberPicker, Menu, Modal, OverflowCount, Pagination, Popconfirm, Popover, Progress_default as Progress, Radio, RenameInput, Result, Row, ScrollArea_default as ScrollArea, Select_default as Select, Skeleton, Slider, Space, CustomSpin as Spin, StatusLight, Steps, Switch, Table_default as Table, Tabs, Tag, TextLink, Tooltip, Tour, Tree, Typography, Upload, User, Watermark, addLogicNode, addRecordNode, changeRecordData, createTheme, datePickerLocaleZhCN, defaultTheme, getInitialLogicNode, initAldTheme, localeValues as localeEnUS, localeValues$1 as localeZhCN, logicTreeIterator, message, notification, removeNode, themeToCssVars };

package/dist/theme/createTheme.d.ts

@@ -0,0 +1,2 @@
+import { AldThemeConfig, ResolvedAldTheme } from './types.js';
+export declare function createTheme(config?: AldThemeConfig): ResolvedAldTheme;

package/dist/theme/createTheme.js

@@ -0,0 +1,46 @@
+import { defaultTheme } from "./defaultTheme.js";
+//#region src/theme/createTheme.ts
+var colorTokenKeys = [
+	"colorPrimary",
+	"colorSuccess",
+	"colorWarning",
+	"colorError",
+	"colorInfo",
+	"colorTextBase",
+	"colorBgBase",
+	"colorBorderBase"
+];
+function normalizeThemeId(id) {
+	if (!id) return defaultTheme.id;
+	return /^[A-Za-z0-9_-]+$/.test(id) ? id : "tenant-theme";
+}
+function isHexColor(value) {
+	return typeof value === "string" && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value);
+}
+function isSafeRadius(value) {
+	if (typeof value === "number") return Number.isFinite(value) && value >= 0;
+	return typeof value === "string" && /^\d+(\.\d+)?(px|rem|em|%)$/.test(value.trim());
+}
+function sanitizeToken(token) {
+	const next = {};
+	for (const key of colorTokenKeys) {
+		const value = token?.[key];
+		if (isHexColor(value)) next[key] = value;
+	}
+	const borderRadius = token?.borderRadius;
+	if (isSafeRadius(borderRadius)) next.borderRadius = borderRadius;
+	return next;
+}
+function createTheme(config = {}) {
+	return {
+		id: normalizeThemeId(config.id),
+		token: {
+			...defaultTheme.token,
+			...sanitizeToken(config.token)
+		}
+	};
+}
+//#endregion
+export { createTheme };
+
+//# sourceMappingURL=createTheme.js.map

package/dist/theme/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","names":[],"sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { defaultTheme } from './defaultTheme';\nimport type { AldThemeConfig, AldThemeToken, ResolvedAldTheme } from './types';\n\nconst colorTokenKeys: Array<\n  keyof Pick<\n    AldThemeToken,\n    | 'colorPrimary'\n    | 'colorSuccess'\n    | 'colorWarning'\n    | 'colorError'\n    | 'colorInfo'\n    | 'colorTextBase'\n    | 'colorBgBase'\n    | 'colorBorderBase'\n  >\n> = [\n  'colorPrimary',\n  'colorSuccess',\n  'colorWarning',\n  'colorError',\n  'colorInfo',\n  'colorTextBase',\n  'colorBgBase',\n  'colorBorderBase',\n];\n\nfunction normalizeThemeId(id?: string) {\n  if (!id) return defaultTheme.id;\n  return /^[A-Za-z0-9_-]+$/.test(id) ? id : 'tenant-theme';\n}\n\nfunction isHexColor(value: unknown): value is string {\n  return (\n    typeof value === 'string' && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)\n  );\n}\n\nfunction isSafeRadius(value: unknown): value is number | string {\n  if (typeof value === 'number') return Number.isFinite(value) && value >= 0;\n  return (\n    typeof value === 'string' && /^\\d+(\\.\\d+)?(px|rem|em|%)$/.test(value.trim())\n  );\n}\n\nfunction sanitizeToken(token: AldThemeConfig['token']): AldThemeToken {\n  const next: AldThemeToken = {};\n\n  for (const key of colorTokenKeys) {\n    const value = token?.[key];\n    if (isHexColor(value)) {\n      next[key] = value;\n    }\n  }\n\n  const borderRadius = token?.borderRadius;\n  if (isSafeRadius(borderRadius)) {\n    next.borderRadius = borderRadius;\n  }\n\n  return next;\n}\n\nexport function createTheme(config: AldThemeConfig = {}): ResolvedAldTheme {\n  return {\n    id: normalizeThemeId(config.id),\n    token: {\n      ...defaultTheme.token,\n      ...sanitizeToken(config.token),\n    },\n  };\n}\n"],"mappings":";;AAGA,IAAM,iBAYF;CACF;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,iBAAiB,IAAa;AACrC,KAAI,CAAC,GAAI,QAAO,aAAa;AAC7B,QAAO,mBAAmB,KAAK,GAAG,GAAG,KAAK;;AAG5C,SAAS,WAAW,OAAiC;AACnD,QACE,OAAO,UAAU,YAAY,gCAAgC,KAAK,MAAM;;AAI5E,SAAS,aAAa,OAA0C;AAC9D,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AACzE,QACE,OAAO,UAAU,YAAY,6BAA6B,KAAK,MAAM,MAAM,CAAC;;AAIhF,SAAS,cAAc,OAA+C;CACpE,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,OAAO,gBAAgB;EAChC,MAAM,QAAQ,QAAQ;AACtB,MAAI,WAAW,MAAM,CACnB,MAAK,OAAO;;CAIhB,MAAM,eAAe,OAAO;AAC5B,KAAI,aAAa,aAAa,CAC5B,MAAK,eAAe;AAGtB,QAAO;;AAGT,SAAgB,YAAY,SAAyB,EAAE,EAAoB;AACzE,QAAO;EACL,IAAI,iBAAiB,OAAO,GAAG;EAC/B,OAAO;GACL,GAAG,aAAa;GAChB,GAAG,cAAc,OAAO,MAAM;GAC/B;EACF"}

package/dist/theme/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { ResolvedAldTheme } from './types.js';
+export declare const defaultTheme: ResolvedAldTheme;

package/dist/theme/defaultTheme.js

@@ -0,0 +1,19 @@
+//#region src/theme/defaultTheme.ts
+var defaultTheme = {
+	id: "default",
+	token: {
+		colorPrimary: "#3062D4",
+		colorSuccess: "#1D7C4D",
+		colorWarning: "#F59638",
+		colorError: "#CF3F3F",
+		colorInfo: "#3062D4",
+		colorTextBase: "#272E35",
+		colorBgBase: "#FFFFFF",
+		colorBorderBase: "#EAEDF0",
+		borderRadius: 6
+	}
+};
+//#endregion
+export { defaultTheme };
+
+//# sourceMappingURL=defaultTheme.js.map

package/dist/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":["import type { ResolvedAldTheme } from './types';\n\nexport const defaultTheme: ResolvedAldTheme = {\n  id: 'default',\n  token: {\n    colorPrimary: '#3062D4',\n    colorSuccess: '#1D7C4D',\n    colorWarning: '#F59638',\n    colorError: '#CF3F3F',\n    colorInfo: '#3062D4',\n    colorTextBase: '#272E35',\n    colorBgBase: '#FFFFFF',\n    colorBorderBase: '#EAEDF0',\n    borderRadius: 6,\n  },\n};\n"],"mappings":";AAEA,IAAa,eAAiC;CAC5C,IAAI;CACJ,OAAO;EACL,cAAc;EACd,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACf;CACF"}

package/dist/theme/index.d.ts

@@ -0,0 +1,5 @@
+export { createTheme } from './createTheme.js';
+export { defaultTheme } from './defaultTheme.js';
+export { initAldTheme } from './initAldTheme.js';
+export { themeToCssVars } from './themeToCssVars.js';
+export type { AldThemeConfig, AldThemeCssVars, AldThemeToken, ResolvedAldTheme, } from './types.js';

package/dist/theme/index.js

@@ -0,0 +1,4 @@
+import "./defaultTheme.js";
+import "./createTheme.js";
+import "./themeToCssVars.js";
+import "./initAldTheme.js";

package/dist/theme/initAldTheme.d.ts

@@ -0,0 +1,2 @@
+import { AldThemeConfig, ResolvedAldTheme } from './types.js';
+export declare function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void;

package/dist/theme/initAldTheme.js

@@ -0,0 +1,26 @@
+import { createTheme } from "./createTheme.js";
+import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
+import { themeToCssVars } from "./themeToCssVars.js";
+//#region src/theme/initAldTheme.ts
+function escapeCssString(value) {
+	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+}
+function createThemeCss(theme) {
+	const vars = themeToCssVars(theme);
+	const body = Object.entries(vars).map(([name, value]) => `  ${name}: ${value};`).join("\n");
+	return `:root[${themeDataAttribute}="${escapeCssString(theme.id)}"] {\n${body}\n}\n`;
+}
+function initAldTheme(config) {
+	if (typeof document === "undefined") return;
+	const theme = createTheme(config);
+	const style = document.createElement("style");
+	style.id = themeStyleElementId;
+	style.textContent = createThemeCss(theme);
+	document.getElementById(themeStyleElementId)?.remove();
+	document.head.appendChild(style);
+	document.documentElement.setAttribute(themeDataAttribute, theme.id);
+}
+//#endregion
+export { initAldTheme };
+
+//# sourceMappingURL=initAldTheme.js.map

package/dist/theme/initAldTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../src/theme/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nfunction escapeCssString(value: string) {\n  return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n  const vars = themeToCssVars(theme);\n  const body = Object.entries(vars)\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n');\n\n  return `:root[${themeDataAttribute}=\"${escapeCssString(\n    theme.id,\n  )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n  if (typeof document === 'undefined') return;\n\n  const theme = createTheme(config);\n  const style = document.createElement('style');\n\n  style.id = themeStyleElementId;\n  style.textContent = createThemeCss(theme);\n\n  document.getElementById(themeStyleElementId)?.remove();\n  document.head.appendChild(style);\n  document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;AAChC,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}

package/dist/theme/themeToCssVars.d.ts

@@ -0,0 +1,2 @@
+import { AldThemeCssVars, ResolvedAldTheme } from './types.js';
+export declare function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars;

package/dist/theme/themeToCssVars.js

@@ -0,0 +1,144 @@
+import { assignVars, radiusVarNames } from "./tokenMap.js";
+//#region src/theme/themeToCssVars.ts
+var tonalStops = {
+	950: .68,
+	900: .52,
+	800: .36,
+	700: .18,
+	600: 0,
+	500: .2,
+	400: .38,
+	300: .56,
+	200: .72,
+	100: .84,
+	50: .92,
+	25: .96,
+	0: .98
+};
+function clampChannel(value) {
+	return Math.max(0, Math.min(255, Math.round(value)));
+}
+function parseHexColor(color) {
+	const match = color.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+	if (!match) return null;
+	const hex = match[1].length === 3 ? match[1].split("").map((char) => char + char).join("") : match[1];
+	return [
+		Number.parseInt(hex.slice(0, 2), 16),
+		Number.parseInt(hex.slice(2, 4), 16),
+		Number.parseInt(hex.slice(4, 6), 16)
+	];
+}
+function rgbToHex(rgb) {
+	return `#${rgb.map((channel) => clampChannel(channel).toString(16).padStart(2, "0")).join("")}`;
+}
+function normalizeColor(color) {
+	const rgb = parseHexColor(color);
+	return rgb ? rgbToHex(rgb) : color.trim();
+}
+function mix(from, to, amount) {
+	return [
+		from[0] + (to[0] - from[0]) * amount,
+		from[1] + (to[1] - from[1]) * amount,
+		from[2] + (to[2] - from[2]) * amount
+	];
+}
+function createPaletteVars(prefix, baseColor, globalPrefix, globalZeroName) {
+	const baseRgb = parseHexColor(baseColor);
+	const base = normalizeColor(baseColor);
+	if (!baseRgb) return { [`--semantic-${prefix}-600`]: base };
+	const vars = {};
+	for (const [stop, amount] of Object.entries(tonalStops)) {
+		const target = Number(stop) > 600 ? [
+			0,
+			0,
+			0
+		] : [
+			255,
+			255,
+			255
+		];
+		const value = stop === "600" ? base : rgbToHex(mix(baseRgb, target, amount));
+		vars[`--semantic-${prefix}-${stop}`] = value;
+		if (globalPrefix) vars[`--${globalPrefix}-${stop}`] = value;
+	}
+	if (globalZeroName && vars[`--semantic-${prefix}-0`]) vars[globalZeroName] = vars[`--semantic-${prefix}-0`];
+	return vars;
+}
+function radiusToCssValue(value) {
+	return typeof value === "number" ? `${value}px` : value;
+}
+function themeToCssVars(theme) {
+	const { token } = theme;
+	const vars = {};
+	assignVars(vars, createPaletteVars("brand", token.colorPrimary, "global-blue", "--global-blue-blue-0"));
+	assignVars(vars, createPaletteVars("informative", token.colorInfo));
+	assignVars(vars, createPaletteVars("positive", token.colorSuccess, "global-green", "--global-green-green-0"));
+	assignVars(vars, createPaletteVars("warning", token.colorWarning, "global-orange", "--global-orange-orange-0"));
+	assignVars(vars, createPaletteVars("negative", token.colorError, "global-red"));
+	const textBase = normalizeColor(token.colorTextBase);
+	const bgBase = normalizeColor(token.colorBgBase);
+	const borderBase = normalizeColor(token.colorBorderBase);
+	const radius = radiusToCssValue(token.borderRadius);
+	assignVars(vars, {
+		"--content-primary": textBase,
+		"--alias-colors-text-strong": textBase,
+		"--alias-colors-text-default": textBase,
+		"--background-default": bgBase,
+		"--background-neutral-surface": bgBase,
+		"--border-default": borderBase,
+		"--border-default-alpha": borderBase,
+		"--action-primary-normal": "var(--semantic-brand-600)",
+		"--action-primary-hover": "var(--semantic-brand-800)",
+		"--action-primary-active": "var(--semantic-brand-900)",
+		"--action-primary-selected": "var(--semantic-brand-800)",
+		"--action-primary-subtle-normal": "var(--semantic-brand-50)",
+		"--action-primary-subtle-hover": "var(--semantic-brand-100)",
+		"--action-primary-subtle-active": "var(--semantic-brand-300)",
+		"--action-primary-subtle-selected": "var(--semantic-brand-100)",
+		"--content-brand-primary": "var(--semantic-brand-900)",
+		"--content-brand-secondary": "var(--semantic-brand-600)",
+		"--alias-colors-text-selected": "var(--semantic-brand-900)",
+		"--alias-colors-text-brand": "var(--semantic-brand-600)",
+		"--alias-colors-text-danger": "var(--semantic-negative-600)",
+		"--alias-colors-text-warning": "var(--semantic-warning-600)",
+		"--alias-colors-text-success": "var(--semantic-positive-600)",
+		"--alias-colors-text-information": "var(--semantic-informative-600)",
+		"--alias-colors-icon-selected": "var(--semantic-brand-600)",
+		"--alias-colors-icon-brand": "var(--semantic-brand-600)",
+		"--alias-colors-icon-danger": "var(--semantic-negative-600)",
+		"--alias-colors-icon-warning": "var(--semantic-warning-600)",
+		"--alias-colors-icon-success": "var(--semantic-positive-600)",
+		"--alias-colors-icon-information": "var(--semantic-informative-600)",
+		"--border-brand-strong": "var(--semantic-brand-600)",
+		"--border-brand-subtle": "var(--semantic-brand-300)",
+		"--alias-colors-border-selected": "var(--semantic-brand-600)",
+		"--alias-colors-border-brand": "var(--semantic-brand-600)",
+		"--alias-colors-border-danger": "var(--semantic-negative-600)",
+		"--alias-colors-border-warning": "var(--semantic-warning-600)",
+		"--alias-colors-border-success": "var(--semantic-positive-600)",
+		"--alias-colors-border-information": "var(--semantic-informative-600)",
+		"--alias-colors-bg-selected-default": "var(--semantic-brand-100)",
+		"--alias-colors-bg-selected-hover": "var(--semantic-brand-100)",
+		"--alias-colors-bg-selected-press": "var(--semantic-brand-300)",
+		"--alias-colors-bg-selected-strong-default": "var(--semantic-brand-600)",
+		"--alias-colors-bg-selected-strong-hover": "var(--semantic-brand-600)",
+		"--alias-colors-bg-selected-strong-press": "var(--semantic-brand-900)",
+		"--background-brand-strong": "var(--semantic-brand-600)",
+		"--background-brand-muted": "var(--semantic-brand-200)",
+		"--background-brand-subtle": "var(--semantic-brand-25)",
+		"--semantic-informative-informative-0": "var(--semantic-informative-0)",
+		"--interaction-default-normal": "var(--semantic-brand-600)",
+		"--interaction-default-hover": "var(--semantic-brand-800)",
+		"--interaction-default-active": "var(--semantic-brand-900)",
+		"--interaction-border-normal": "var(--semantic-brand-400)",
+		"--interaction-border-hover": "var(--semantic-brand-500)",
+		"--interaction-border-active": "var(--semantic-brand-700)",
+		"--interaction-border-selected": "var(--semantic-brand-600)"
+	});
+	for (const varName of radiusVarNames) vars[varName] = radius;
+	return vars;
+}
+//#endregion
+export { themeToCssVars };
+
+//# sourceMappingURL=themeToCssVars.js.map

package/dist/theme/themeToCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../src/theme/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n  950: 0.68,\n  900: 0.52,\n  800: 0.36,\n  700: 0.18,\n  600: 0,\n  500: 0.2,\n  400: 0.38,\n  300: 0.56,\n  200: 0.72,\n  100: 0.84,\n  50: 0.92,\n  25: 0.96,\n  0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n  return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n  const normalized = color.trim();\n  const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (!match) return null;\n  const hex =\n    match[1].length === 3\n      ? match[1]\n          .split('')\n          .map((char) => char + char)\n          .join('')\n      : match[1];\n  return [\n    Number.parseInt(hex.slice(0, 2), 16),\n    Number.parseInt(hex.slice(2, 4), 16),\n    Number.parseInt(hex.slice(4, 6), 16),\n  ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n  return `#${rgb\n    .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n  const rgb = parseHexColor(color);\n  return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n  return [\n    from[0] + (to[0] - from[0]) * amount,\n    from[1] + (to[1] - from[1]) * amount,\n    from[2] + (to[2] - from[2]) * amount,\n  ];\n}\n\nfunction createPaletteVars(\n  prefix: string,\n  baseColor: string,\n  globalPrefix?: string,\n  globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n  const baseRgb = parseHexColor(baseColor);\n  const base = normalizeColor(baseColor);\n\n  if (!baseRgb) {\n    return {\n      [`--semantic-${prefix}-600`]: base,\n    };\n  }\n\n  const vars: AldThemeCssVars = {};\n  for (const [stop, amount] of Object.entries(tonalStops)) {\n    const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n    const value =\n      stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n    vars[`--semantic-${prefix}-${stop}`] = value;\n    if (globalPrefix) {\n      vars[`--${globalPrefix}-${stop}`] = value;\n    }\n  }\n  if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n    vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n  }\n  return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n  const { token } = theme;\n  const vars: AldThemeCssVars = {};\n\n  assignVars(\n    vars,\n    createPaletteVars(\n      'brand',\n      token.colorPrimary,\n      'global-blue',\n      '--global-blue-blue-0',\n    ),\n  );\n  assignVars(vars, createPaletteVars('informative', token.colorInfo));\n  assignVars(\n    vars,\n    createPaletteVars(\n      'positive',\n      token.colorSuccess,\n      'global-green',\n      '--global-green-green-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars(\n      'warning',\n      token.colorWarning,\n      'global-orange',\n      '--global-orange-orange-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars('negative', token.colorError, 'global-red'),\n  );\n\n  const textBase = normalizeColor(token.colorTextBase);\n  const bgBase = normalizeColor(token.colorBgBase);\n  const borderBase = normalizeColor(token.colorBorderBase);\n  const radius = radiusToCssValue(token.borderRadius);\n\n  assignVars(vars, {\n    '--content-primary': textBase,\n    '--alias-colors-text-strong': textBase,\n    '--alias-colors-text-default': textBase,\n    '--background-default': bgBase,\n    '--background-neutral-surface': bgBase,\n    '--border-default': borderBase,\n    '--border-default-alpha': borderBase,\n    '--action-primary-normal': 'var(--semantic-brand-600)',\n    '--action-primary-hover': 'var(--semantic-brand-800)',\n    '--action-primary-active': 'var(--semantic-brand-900)',\n    '--action-primary-selected': 'var(--semantic-brand-800)',\n    '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n    '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n    '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n    '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n    '--content-brand-primary': 'var(--semantic-brand-900)',\n    '--content-brand-secondary': 'var(--semantic-brand-600)',\n    '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n    '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-text-success': 'var(--semantic-positive-600)',\n    '--alias-colors-text-information': 'var(--semantic-informative-600)',\n    '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n    '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n    '--border-brand-strong': 'var(--semantic-brand-600)',\n    '--border-brand-subtle': 'var(--semantic-brand-300)',\n    '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-border-success': 'var(--semantic-positive-600)',\n    '--alias-colors-border-information': 'var(--semantic-informative-600)',\n    '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n    '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n    '--background-brand-strong': 'var(--semantic-brand-600)',\n    '--background-brand-muted': 'var(--semantic-brand-200)',\n    '--background-brand-subtle': 'var(--semantic-brand-25)',\n    '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n    '--interaction-default-normal': 'var(--semantic-brand-600)',\n    '--interaction-default-hover': 'var(--semantic-brand-800)',\n    '--interaction-default-active': 'var(--semantic-brand-900)',\n    '--interaction-border-normal': 'var(--semantic-brand-400)',\n    '--interaction-border-hover': 'var(--semantic-brand-500)',\n    '--interaction-border-active': 'var(--semantic-brand-700)',\n    '--interaction-border-selected': 'var(--semantic-brand-600)',\n  });\n\n  for (const varName of radiusVarNames) {\n    vars[varName] = radius;\n  }\n\n  return vars;\n}\n"],"mappings":"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"}

package/dist/theme/tokenMap.d.ts

@@ -0,0 +1,5 @@
+import { AldThemeCssVars } from './types.js';
+export declare const themeStyleElementId = "ald-theme-runtime";
+export declare const themeDataAttribute = "data-ald-theme";
+export declare const radiusVarNames: readonly ["--alias-radius-75", "--alias-radius-100"];
+export declare function assignVars(target: AldThemeCssVars, vars: AldThemeCssVars): AldThemeCssVars;

package/dist/theme/tokenMap.js

@@ -0,0 +1,12 @@
+//#region src/theme/tokenMap.ts
+var themeStyleElementId = "ald-theme-runtime";
+var themeDataAttribute = "data-ald-theme";
+var radiusVarNames = ["--alias-radius-75", "--alias-radius-100"];
+function assignVars(target, vars) {
+	Object.assign(target, vars);
+	return target;
+}
+//#endregion
+export { assignVars, radiusVarNames, themeDataAttribute, themeStyleElementId };
+
+//# sourceMappingURL=tokenMap.js.map

package/dist/theme/tokenMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenMap.js","names":[],"sources":["../../src/theme/tokenMap.ts"],"sourcesContent":["import type { AldThemeCssVars } from './types';\n\nexport const themeStyleElementId = 'ald-theme-runtime';\nexport const themeDataAttribute = 'data-ald-theme';\n\nexport const radiusVarNames = [\n  '--alias-radius-75',\n  '--alias-radius-100',\n] as const;\n\nexport function assignVars(\n  target: AldThemeCssVars,\n  vars: AldThemeCssVars,\n): AldThemeCssVars {\n  Object.assign(target, vars);\n  return target;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;AACnC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB,CAC5B,qBACA,qBACD;AAED,SAAgB,WACd,QACA,MACiB;AACjB,QAAO,OAAO,QAAQ,KAAK;AAC3B,QAAO"}

package/dist/theme/types.d.ts

@@ -0,0 +1,20 @@
+export interface AldThemeToken {
+    colorPrimary?: string;
+    colorSuccess?: string;
+    colorWarning?: string;
+    colorError?: string;
+    colorInfo?: string;
+    colorTextBase?: string;
+    colorBgBase?: string;
+    colorBorderBase?: string;
+    borderRadius?: number | string;
+}
+export interface AldThemeConfig {
+    id?: string;
+    token?: AldThemeToken;
+}
+export interface ResolvedAldTheme {
+    id: string;
+    token: Required<AldThemeToken>;
+}
+export type AldThemeCssVars = Record<`--${string}`, string>;

package/dist/theme/types.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+export * from './theme/index.js';
+export { default } from './theme/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "3.0.0-beta.9",
+  "version": "3.0.1",
   "description": "",
   "license": "MIT",
   "sideEffects": [
@@ -27,8 +27,12 @@
     "prepare": "husky install",
     "prepublishOnly": "npm run build",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,md,json}\"",
-    "postpublish": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags",
-    "release": "npx zx ./scripts/upgradeVersion.mjs && npm publish --access public",
+    "postpublish": "git push --tags",
+    "release:beta": "npm version prerelease --preid=beta -m \"chore: bump version to %s\" && npm publish --access public --tag beta",
+    "release:major": "npm version major -m \"chore: bump version to %s\" && npm publish --access public",
+    "release:minor": "npm version minor -m \"chore: bump version to %s\" && npm publish --access public",
+    "release:patch": "npm version patch -m \"chore: bump version to %s\" && npm publish --access public",
+    "release:stable": "npm version $(node -p \"require('./package.json').version.split('-')[0]\") -m \"chore: bump version to %s\" && npm publish --access public",
     "start": "npm run dev",
     "test": "vitest",
     "test:storybook": "test-storybook"
@@ -57,7 +61,7 @@
     "firefox >= 75"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.15",
+    "@floating-ui/react": "^0.27.19",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-scroll-area": "^1.0.4",
@@ -75,6 +79,7 @@
     "immer": "^10.0.3",
     "memoize-one": "^6.0.0",
     "rc-field-form": "^2.7.1",
+    "rc-overflow": "^1.3.2",
     "rc-picker": "^4.11.3",
     "rc-tree": "^5.13.1",
     "rc-upload": "^4.8.1",

package/dist/_utils/SimpleOverflow.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-interface SimpleOverflowProps<T> {
-    data: T[];
-    renderItem: (item: T, index: number) => React.ReactNode;
-    renderRest?: (omittedItems: T[]) => React.ReactNode;
-    suffix?: React.ReactNode;
-    itemKey?: string | ((item: T) => string);
-    maxCount?: 'responsive' | number;
-    className?: string;
-    prefixCls?: string;
-    onVisibleChange?: (visibleCount: number) => void;
-}
-export default function SimpleOverflow<T>(props: SimpleOverflowProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/_utils/SimpleOverflow.js

@@ -1,61 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/_utils/SimpleOverflow.tsx
-function SimpleOverflow(props) {
-	const { data, renderItem, renderRest, suffix, itemKey, className, prefixCls, onVisibleChange } = props;
-	const containerRef = useRef(null);
-	const [visibleCount, setVisibleCount] = useState(data.length);
-	useEffect(() => {
-		const container = containerRef.current;
-		if (!container) return;
-		const measure = () => {
-			const overflowItems = [];
-			for (const child of Array.from(container.children)) if (child.dataset.overflowItem === "true") overflowItems.push(child);
-			if (overflowItems.length === 0) return;
-			const savedDisplays = overflowItems.map((el) => el.style.display);
-			overflowItems.forEach((el) => {
-				el.style.display = "";
-			});
-			container.offsetHeight;
-			const containerRect = container.getBoundingClientRect();
-			let count = 0;
-			for (const el of overflowItems) if (el.getBoundingClientRect().right <= containerRect.right - 40) count++;
-			else break;
-			overflowItems.forEach((el, i) => {
-				el.style.display = savedDisplays[i];
-			});
-			const newCount = Math.max(1, Math.min(count, data.length));
-			setVisibleCount(newCount);
-			onVisibleChange?.(newCount);
-		};
-		measure();
-		const ro = new window.ResizeObserver(measure);
-		ro.observe(container);
-		return () => ro.disconnect();
-	}, [data.length, onVisibleChange]);
-	const getKey = (item, index) => {
-		if (typeof itemKey === "function") return itemKey(item);
-		if (typeof itemKey === "string") return item[itemKey];
-		return String(index);
-	};
-	const omittedItems = data.slice(visibleCount);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		className: cn(prefixCls, "tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden", className),
-		children: [
-			data.map((item, index) => /* @__PURE__ */ jsx("div", {
-				"data-overflow-item": "true",
-				className: prefixCls ? `${prefixCls}-item` : void 0,
-				style: { display: index < visibleCount ? void 0 : "none" },
-				children: renderItem(item, index)
-			}, getKey(item, index))),
-			omittedItems.length > 0 && renderRest?.(omittedItems),
-			suffix
-		]
-	});
-}
-//#endregion
-export { SimpleOverflow as default };
-
-//# sourceMappingURL=SimpleOverflow.js.map

package/dist/_utils/SimpleOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleOverflow.js","names":[],"sources":["../../src/_utils/SimpleOverflow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SimpleOverflowProps<T> {\n  data: T[];\n  renderItem: (item: T, index: number) => React.ReactNode;\n  renderRest?: (omittedItems: T[]) => React.ReactNode;\n  suffix?: React.ReactNode;\n  itemKey?: string | ((item: T) => string);\n  maxCount?: 'responsive' | number;\n  className?: string;\n  prefixCls?: string;\n  onVisibleChange?: (visibleCount: number) => void;\n}\n\nexport default function SimpleOverflow<T>(props: SimpleOverflowProps<T>) {\n  const {\n    data,\n    renderItem,\n    renderRest,\n    suffix,\n    itemKey,\n    className,\n    prefixCls,\n    onVisibleChange,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState(data.length);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const measure = () => {\n      const overflowItems: HTMLElement[] = [];\n      for (const child of Array.from(container.children)) {\n        if ((child as HTMLElement).dataset.overflowItem === 'true') {\n          overflowItems.push(child as HTMLElement);\n        }\n      }\n      if (overflowItems.length === 0) return;\n\n      // Temporarily show all items so we can measure their natural positions\n      const savedDisplays = overflowItems.map((el) => el.style.display);\n      overflowItems.forEach((el) => {\n        el.style.display = '';\n      });\n      // Force synchronous reflow\n      void container.offsetHeight;\n\n      const containerRect = container.getBoundingClientRect();\n      let count = 0;\n      for (const el of overflowItems) {\n        const rect = el.getBoundingClientRect();\n        if (rect.right <= containerRect.right - 40) {\n          count++;\n        } else {\n          break;\n        }\n      }\n\n      // Restore display values before React re-renders\n      overflowItems.forEach((el, i) => {\n        el.style.display = savedDisplays[i];\n      });\n\n      const newCount = Math.max(1, Math.min(count, data.length));\n      setVisibleCount(newCount);\n      onVisibleChange?.(newCount);\n    };\n\n    measure();\n    const ro = new window.ResizeObserver(measure);\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [data.length, onVisibleChange]);\n\n  const getKey = (item: T, index: number) => {\n    if (typeof itemKey === 'function') return itemKey(item);\n    if (typeof itemKey === 'string')\n      return (item as Record<string, string>)[itemKey];\n    return String(index);\n  };\n\n  const omittedItems = data.slice(visibleCount);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        prefixCls,\n        'tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden',\n        className,\n      )}\n    >\n      {data.map((item, index) => (\n        <div\n          key={getKey(item, index)}\n          data-overflow-item=\"true\"\n          className={prefixCls ? `${prefixCls}-item` : undefined}\n          style={{\n            display: index < visibleCount ? undefined : 'none',\n          }}\n        >\n          {renderItem(item, index)}\n        </div>\n      ))}\n      {omittedItems.length > 0 && renderRest?.(omittedItems)}\n      {suffix}\n    </div>\n  );\n}\n"],"mappings":";;;;AAeA,SAAwB,eAAkB,OAA+B;CACvE,MAAM,EACJ,MACA,YACA,YACA,QACA,SACA,WACA,WACA,oBACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK,OAAO;AAE7D,iBAAgB;EACd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,gBAAgB;GACpB,MAAM,gBAA+B,EAAE;AACvC,QAAK,MAAM,SAAS,MAAM,KAAK,UAAU,SAAS,CAChD,KAAK,MAAsB,QAAQ,iBAAiB,OAClD,eAAc,KAAK,MAAqB;AAG5C,OAAI,cAAc,WAAW,EAAG;GAGhC,MAAM,gBAAgB,cAAc,KAAK,OAAO,GAAG,MAAM,QAAQ;AACjE,iBAAc,SAAS,OAAO;AAC5B,OAAG,MAAM,UAAU;KACnB;AAEF,GAAK,UAAU;GAEf,MAAM,gBAAgB,UAAU,uBAAuB;GACvD,IAAI,QAAQ;AACZ,QAAK,MAAM,MAAM,cAEf,KADa,GAAG,uBAAuB,CAC9B,SAAS,cAAc,QAAQ,GACtC;OAEA;AAKJ,iBAAc,SAAS,IAAI,MAAM;AAC/B,OAAG,MAAM,UAAU,cAAc;KACjC;GAEF,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC;AAC1D,mBAAgB,SAAS;AACzB,qBAAkB,SAAS;;AAG7B,WAAS;EACT,MAAM,KAAK,IAAI,OAAO,eAAe,QAAQ;AAC7C,KAAG,QAAQ,UAAU;AACrB,eAAa,GAAG,YAAY;IAC3B,CAAC,KAAK,QAAQ,gBAAgB,CAAC;CAElC,MAAM,UAAU,MAAS,UAAkB;AACzC,MAAI,OAAO,YAAY,WAAY,QAAO,QAAQ,KAAK;AACvD,MAAI,OAAO,YAAY,SACrB,QAAQ,KAAgC;AAC1C,SAAO,OAAO,MAAM;;CAGtB,MAAM,eAAe,KAAK,MAAM,aAAa;AAE7C,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,WACA,6DACA,UACD;YANH;GAQG,KAAK,KAAK,MAAM,UACf,oBAAC,OAAD;IAEE,sBAAmB;IACnB,WAAW,YAAY,GAAG,UAAU,SAAS;IAC7C,OAAO,EACL,SAAS,QAAQ,eAAe,SAAY,QAC7C;cAEA,WAAW,MAAM,MAAM;IACpB,EARC,OAAO,MAAM,MAAM,CAQpB,CACN;GACD,aAAa,SAAS,KAAK,aAAa,aAAa;GACrD;GACG"}