@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/ProTable/parts/renderValue.mjs

@@ -0,0 +1,118 @@
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import Progress from "../../Progress/Progress.mjs";
+import { findValueEnum, formatDate, isEmptyValue, isNil, toDate } from "../utils.mjs";
+import { styles } from "../style.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { Copy } from "lucide-react";
+//#region src/ProTable/parts/renderValue.tsx
+const STATUS_COLOR = {
+	Default: "var(--lobe-pro-table-status-default)",
+	Error: "var(--lobe-pro-table-status-error)",
+	Processing: "var(--lobe-pro-table-status-processing)",
+	Success: "var(--lobe-pro-table-status-success)",
+	Warning: "var(--lobe-pro-table-status-warning)"
+};
+const StatusText = ({ color, status, text }) => {
+	if (!status && !color) return /* @__PURE__ */ jsx(Fragment, { children: text });
+	return /* @__PURE__ */ jsxs("span", {
+		className: styles.status,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: clsx$1(styles.statusDot, status === "Processing" && styles.statusProcessing),
+			"data-status": status,
+			style: { background: color ?? STATUS_COLOR[status ?? "Default"] }
+		}), text]
+	});
+};
+const renderEnum = (valueEnum, value) => {
+	if (Array.isArray(value)) return /* @__PURE__ */ jsx("span", {
+		className: styles.enumList,
+		children: value.map((item) => /* @__PURE__ */ jsx("span", { children: renderEnum(valueEnum, item) }, String(item)))
+	});
+	const item = findValueEnum(valueEnum, value);
+	if (!item) return String(value);
+	return /* @__PURE__ */ jsx(StatusText, {
+		color: item.color,
+		status: item.status,
+		text: item.text
+	});
+};
+const formatNumber = (value, precision) => value.toLocaleString("en-US", {
+	maximumFractionDigits: precision ?? 20,
+	minimumFractionDigits: precision ?? 0
+});
+const renderValue = (value, options) => {
+	const { emptyText, fieldProps = {}, rowIndex, valueEnum, valueType } = options;
+	if (valueType === "index") return rowIndex + 1;
+	if (valueType === "indexBorder") return /* @__PURE__ */ jsx("span", {
+		className: styles.indexBorder,
+		"data-top": rowIndex < 3 ? "" : void 0,
+		children: rowIndex + 1
+	});
+	if (valueType === "option") return value;
+	if (isEmptyValue(value)) return emptyText;
+	if (valueEnum) return renderEnum(valueEnum, value);
+	switch (valueType) {
+		case "password": return "********";
+		case "digit": return typeof value === "number" ? formatNumber(value, fieldProps.precision) : value;
+		case "money": {
+			const symbol = fieldProps.customSymbol ?? "¥";
+			const number = Number(value);
+			if (Number.isNaN(number)) return value;
+			return `${number < 0 ? "-" : ""}${symbol}${formatNumber(Math.abs(number), fieldProps.precision ?? 2)}`;
+		}
+		case "percent": {
+			const number = Number(value);
+			if (Number.isNaN(number)) return value;
+			return `${formatNumber(number, fieldProps.precision)}%`;
+		}
+		case "progress": {
+			const number = Number(value);
+			return /* @__PURE__ */ jsx(Progress, {
+				percent: Number.isNaN(number) ? 0 : number,
+				size: "small",
+				style: { minWidth: 100 },
+				variant: "inset"
+			});
+		}
+		case "switch": return value ? fieldProps.checkedChildren ?? "On" : fieldProps.unCheckedChildren ?? "Off";
+		case "date":
+		case "dateTime":
+		case "time": {
+			const date = toDate(value);
+			if (!date) return String(value);
+			return formatDate(date, valueType === "dateTime", valueType === "time");
+		}
+		case "dateRange":
+		case "dateTimeRange":
+			if (!Array.isArray(value)) return String(value);
+			return value.map((item) => {
+				const date = toDate(item);
+				return date ? formatDate(date, valueType === "dateTimeRange") : "";
+			}).join(" ~ ");
+		case "code": return /* @__PURE__ */ jsx("code", {
+			className: styles.code,
+			children: String(value)
+		});
+		default: return isNil(value) || typeof value === "object" ? value : String(value);
+	}
+};
+const CopyableText = ({ children, label, text }) => /* @__PURE__ */ jsxs("span", {
+	className: styles.copyable,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: styles.copyableText,
+		children
+	}), /* @__PURE__ */ jsx(ActionIcon, {
+		icon: Copy,
+		size: "small",
+		title: label,
+		onClick: (event) => {
+			event.stopPropagation();
+			navigator.clipboard?.writeText(text);
+		}
+	})]
+});
+//#endregion
+export { CopyableText, StatusText, renderValue };
+
+//# sourceMappingURL=renderValue.mjs.map

package/es/ProTable/parts/renderValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderValue.mjs","names":["cx"],"sources":["../../../src/ProTable/parts/renderValue.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Copy } from 'lucide-react';\nimport { type ReactNode } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Progress from '@/Progress';\n\nimport { styles } from '../style';\nimport type { ProTableStatus, ProTableValueEnum, ProTableValueType } from '../type';\nimport { findValueEnum, formatDate, isEmptyValue, isNil, toDate } from '../utils';\n\nconst STATUS_COLOR: Record<ProTableStatus, string> = {\n  Default: 'var(--lobe-pro-table-status-default)',\n  Error: 'var(--lobe-pro-table-status-error)',\n  Processing: 'var(--lobe-pro-table-status-processing)',\n  Success: 'var(--lobe-pro-table-status-success)',\n  Warning: 'var(--lobe-pro-table-status-warning)',\n};\n\nexport const StatusText = ({\n  color,\n  status,\n  text,\n}: {\n  color?: string;\n  status?: ProTableStatus;\n  text: ReactNode;\n}) => {\n  if (!status && !color) return <>{text}</>;\n  return (\n    <span className={styles.status}>\n      <span\n        className={cx(styles.statusDot, status === 'Processing' && styles.statusProcessing)}\n        data-status={status}\n        style={{ background: color ?? STATUS_COLOR[status ?? 'Default'] }}\n      />\n      {text}\n    </span>\n  );\n};\n\nconst renderEnum = (valueEnum: ProTableValueEnum, value: unknown): ReactNode => {\n  if (Array.isArray(value)) {\n    return (\n      <span className={styles.enumList}>\n        {value.map((item) => (\n          <span key={String(item)}>{renderEnum(valueEnum, item)}</span>\n        ))}\n      </span>\n    );\n  }\n  const item = findValueEnum(valueEnum, value);\n  if (!item) return String(value);\n  return <StatusText color={item.color} status={item.status} text={item.text} />;\n};\n\nexport interface RenderValueOptions {\n  copyText?: string;\n  emptyText: ReactNode;\n  fieldProps?: Record<string, any>;\n  rowIndex: number;\n  valueEnum?: ProTableValueEnum;\n  valueType?: ProTableValueType;\n}\n\nconst formatNumber = (value: number, precision?: number) =>\n  value.toLocaleString('en-US', {\n    maximumFractionDigits: precision ?? 20,\n    minimumFractionDigits: precision ?? 0,\n  });\n\nexport const renderValue = (value: any, options: RenderValueOptions): ReactNode => {\n  const { emptyText, fieldProps = {}, rowIndex, valueEnum, valueType } = options;\n\n  if (valueType === 'index') return rowIndex + 1;\n  if (valueType === 'indexBorder')\n    return (\n      <span className={styles.indexBorder} data-top={rowIndex < 3 ? '' : undefined}>\n        {rowIndex + 1}\n      </span>\n    );\n  if (valueType === 'option') return value;\n\n  if (isEmptyValue(value)) return emptyText;\n  if (valueEnum) return renderEnum(valueEnum, value);\n\n  switch (valueType) {\n    case 'password': {\n      return '********';\n    }\n    case 'digit': {\n      return typeof value === 'number' ? formatNumber(value, fieldProps.precision) : value;\n    }\n    case 'money': {\n      const symbol = fieldProps.customSymbol ?? '¥';\n      const number = Number(value);\n      if (Number.isNaN(number)) return value;\n      return `${number < 0 ? '-' : ''}${symbol}${formatNumber(Math.abs(number), fieldProps.precision ?? 2)}`;\n    }\n    case 'percent': {\n      const number = Number(value);\n      if (Number.isNaN(number)) return value;\n      return `${formatNumber(number, fieldProps.precision)}%`;\n    }\n    case 'progress': {\n      const number = Number(value);\n      return (\n        <Progress\n          percent={Number.isNaN(number) ? 0 : number}\n          size=\"small\"\n          style={{ minWidth: 100 }}\n          variant=\"inset\"\n        />\n      );\n    }\n    case 'switch': {\n      return value ? (fieldProps.checkedChildren ?? 'On') : (fieldProps.unCheckedChildren ?? 'Off');\n    }\n    case 'date':\n    case 'dateTime':\n    case 'time': {\n      const date = toDate(value);\n      if (!date) return String(value);\n      return formatDate(date, valueType === 'dateTime', valueType === 'time');\n    }\n    case 'dateRange':\n    case 'dateTimeRange': {\n      if (!Array.isArray(value)) return String(value);\n      return value\n        .map((item) => {\n          const date = toDate(item);\n          return date ? formatDate(date, valueType === 'dateTimeRange') : '';\n        })\n        .join(' ~ ');\n    }\n    case 'code': {\n      return <code className={styles.code}>{String(value)}</code>;\n    }\n    default: {\n      return isNil(value) || typeof value === 'object' ? value : String(value);\n    }\n  }\n};\n\nexport const CopyableText = ({\n  children,\n  label,\n  text,\n}: {\n  children: ReactNode;\n  label: string;\n  text: string;\n}) => (\n  <span className={styles.copyable}>\n    <span className={styles.copyableText}>{children}</span>\n    <ActionIcon\n      icon={Copy}\n      size=\"small\"\n      title={label}\n      onClick={(event) => {\n        event.stopPropagation();\n        void navigator.clipboard?.writeText(text);\n      }}\n    />\n  </span>\n);\n"],"mappings":"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"}

package/es/ProTable/style.mjs

@@ -0,0 +1,287 @@
+import clsx$1 from "clsx";
+import * as stylex from "@stylexjs/stylex";
+//#region src/ProTable/style.ts
+const PRO_PREFIX_CLS = "lobe-pro-table";
+const raw = {
+	alert: {
+		kaIpWk: "lb1sbi92r",
+		kOIVth: "lb1v2ro7d",
+		k8WAf4: "lb1t0vds8",
+		kg3NbH: "lbaope02",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lb50ef5m",
+		kMwMTN: "lb66ogz0",
+		k1xSpc: "lb78zum5",
+		kGuDYH: "lb1pzwcx8",
+		kjj79g: "lb1qughib",
+		k1K539: "lbod5an3",
+		kAzted: "lb1ba4aug",
+		$$css: true
+	},
+	alertInfo: {
+		kUk6DE: "lb98rzlu",
+		kOIVth: "lb1v2ro7d",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	alertOption: {
+		kUk6DE: "lb1okw0bk",
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	code: {
+		kaIpWk: "lb1vihcfj",
+		k8WAf4: "lbsplgde",
+		kg3NbH: "lb1xijbu4",
+		kWkggS: "lbaljia1",
+		kMv6JI: "lb2xbw48",
+		kGuDYH: "lbeb7xqv",
+		$$css: true
+	},
+	copyable: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		ks0D6T: "lb193iq5w",
+		$$css: true
+	},
+	copyableText: {
+		kVQacm: "lbb3r6kr",
+		kg5iWk: "lblyipyv",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	density: {
+		kmVPX3: "lbfawy5m",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		k7Eaqz: "lb1d77m7x",
+		$$css: true
+	},
+	enumList: {
+		kOIVth: "lb167g77z",
+		k1xSpc: "lb3nfvp2",
+		kwnvtZ: "lb1a02dak",
+		$$css: true
+	},
+	lightFilter: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		$$css: true
+	},
+	lightFilterLabel: {
+		kUk6DE: "lb1okw0bk",
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lbxobqjj",
+		khDVqt: "lbuxw1ft",
+		k5JduY: "lbbg6shv",
+		$$css: true
+	},
+	lightFilterSwitch: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		$$css: true
+	},
+	optionCell: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		kjj79g: "lb13a6bvl",
+		$$css: true
+	},
+	part: {
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	partBordered: {
+		kmVPX3: "lb1tamke2",
+		kVAM5u: "lb10cypdb",
+		kaIpWk: "lb1ndkxwp",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		$$css: true
+	},
+	search: {
+		kGNEyG: "lb6s0dn4",
+		k1C7PZ: "lb1qgv0r9",
+		k1xSpc: "lbrvj5dj",
+		khm7nJ: "lbgpatz3",
+		$$css: true
+	},
+	searchFieldControl: {
+		kUk6DE: "lb98rzlu",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	searchLabelText: {
+		kVQacm: "lbb3r6kr",
+		k1xSpc: "lb1lliihq",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		ks0D6T: "lb193iq5w",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	setting: {
+		k8WAf4: "lb12ulsxz",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kskxy: "lb1jcbksy",
+		kzqmXN: "lb1hfn5x7",
+		$$css: true
+	},
+	settingGroupTitle: {
+		kg3NbH: "lbaope02",
+		kMwMTN: "lb19ppog9",
+		kGuDYH: "lbxobqjj",
+		kGO01o: "lb1120s5i",
+		kLKAdn: "lb1yrsyyn",
+		$$css: true
+	},
+	settingHeader: {
+		kg3NbH: "lbaope02",
+		kGNEyG: "lb6s0dn4",
+		kL6WhQ: "lb125g9du",
+		kfdmCh: "lb1q0q8m5",
+		kt9PQ7: "lbso031l",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lb1qughib",
+		kGO01o: "lbwib8y2",
+		kLKAdn: "lb1iorvi4",
+		$$css: true
+	},
+	settingItemTitle: {
+		kUk6DE: "lb98rzlu",
+		kVQacm: "lbb3r6kr",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	settingList: {
+		kUk6DE: "lb98rzlu",
+		kVQacm: "lbysyzu8",
+		k8WAf4: "lb12ulsxz",
+		$$css: true
+	},
+	status: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		$$css: true
+	},
+	statusDot: {
+		kaIpWk: "lb16rqkct",
+		kUk6DE: "lb1okw0bk",
+		kZKoxP: "lbols6we",
+		kzqmXN: "lb1v4s8kt",
+		$$css: true
+	},
+	title: {
+		kUk6DE: "lb1okw0bk",
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		kMwMTN: "lb66ogz0",
+		k1xSpc: "lb78zum5",
+		kGuDYH: "lb3m3omd",
+		k63SB2: "lb1s688f",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	titleSub: {
+		kMwMTN: "lb19ppog9",
+		kGuDYH: "lb1pzwcx8",
+		k63SB2: "lb1fcty0u",
+		$$css: true
+	},
+	titleTooltip: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		$$css: true
+	},
+	toolbar: {
+		kOIVth: "lb1v2ro7d",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lbozqiw3",
+		kjj79g: "lb1qughib",
+		k1K539: "lb1yztbdb",
+		$$css: true
+	},
+	toolbarActions: {
+		kUk6DE: "lb98rzlu",
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		kjj79g: "lb13a6bvl",
+		keTefX: "lbvc5jky",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	toolbarOptions: {
+		kUk6DE: "lb1okw0bk",
+		kOIVth: "lb195vfkc",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	}
+};
+const cls = (style) => stylex.props(style).className ?? "";
+const styles = {
+	alert: cls(raw.alert),
+	alertInfo: cls(raw.alertInfo),
+	alertOption: cls(raw.alertOption),
+	code: cls(raw.code),
+	copyable: cls(raw.copyable),
+	copyableText: cls(raw.copyableText),
+	density: cls(raw.density),
+	densityItem: `${PRO_PREFIX_CLS}-density-item`,
+	enumList: cls(raw.enumList),
+	indexBorder: `${PRO_PREFIX_CLS}-index-border`,
+	lightFilter: cls(raw.lightFilter),
+	lightFilterItem: `${PRO_PREFIX_CLS}-light-filter-item`,
+	lightFilterLabel: cls(raw.lightFilterLabel),
+	lightFilterSwitch: cls(raw.lightFilterSwitch),
+	optionCell: cls(raw.optionCell),
+	part: cls(raw.part),
+	partBordered: cls(raw.partBordered),
+	root: `${PRO_PREFIX_CLS}-root`,
+	search: cls(raw.search),
+	searchActions: `${PRO_PREFIX_CLS}-search-actions`,
+	searchField: `${PRO_PREFIX_CLS}-search-field`,
+	searchFieldControl: cls(raw.searchFieldControl),
+	searchLabel: `${PRO_PREFIX_CLS}-search-label`,
+	searchLabelText: cls(raw.searchLabelText),
+	setting: cls(raw.setting),
+	settingGroupTitle: cls(raw.settingGroupTitle),
+	settingHeader: cls(raw.settingHeader),
+	settingItem: `${PRO_PREFIX_CLS}-setting-item`,
+	settingItemActions: `${PRO_PREFIX_CLS}-setting-item-actions`,
+	settingItemTitle: cls(raw.settingItemTitle),
+	settingList: cls(raw.settingList),
+	status: cls(raw.status),
+	statusDot: cls(raw.statusDot),
+	statusProcessing: `${PRO_PREFIX_CLS}-status-processing`,
+	title: cls(raw.title),
+	titleSub: cls(raw.titleSub),
+	titleTooltip: cls(raw.titleTooltip),
+	toolbar: cls(raw.toolbar),
+	toolbarActions: cls(raw.toolbarActions),
+	toolbarOptions: cls(raw.toolbarOptions)
+};
+const partClass = (cardBordered, part) => clsx$1(styles.part, (typeof cardBordered === "object" ? cardBordered[part] : cardBordered) && styles.partBordered, `${PRO_PREFIX_CLS}-${part}`);
+//#endregion
+export { PRO_PREFIX_CLS, partClass, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/ProTable/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["clsx"],"sources":["../../src/ProTable/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const PRO_PREFIX_CLS = 'lobe-pro-table';\n\nconst raw = stylex.create({\n  alert: {\n    borderRadius: cssVar.borderRadius,\n    gap: 12,\n    paddingBlock: 6,\n    paddingInline: 12,\n    alignItems: 'center',\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorPrimary} 8%, transparent)`,\n    color: cssVar.colorText,\n    display: 'flex',\n    fontSize: cssVar.fontSize,\n    justifyContent: 'space-between',\n    marginBlockEnd: 12,\n    minHeight: 40,\n  },\n  alertInfo: {\n    flex: '1',\n    gap: 12,\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'wrap',\n    minWidth: 0,\n  },\n  alertOption: {\n    flex: 'none',\n    gap: 8,\n    alignItems: 'center',\n    display: 'flex',\n  },\n  code: {\n    borderRadius: cssVar.borderRadiusSM,\n    paddingBlock: 1,\n    paddingInline: 6,\n    backgroundColor: cssVar.colorFillTertiary,\n    fontFamily: cssVar.fontFamilyCode,\n    fontSize: '0.9em',\n  },\n  copyable: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'inline-flex',\n    maxWidth: '100%',\n  },\n  copyableText: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minWidth: 0,\n  },\n  density: {\n    padding: 4,\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 140,\n  },\n  enumList: {\n    gap: 8,\n    display: 'inline-flex',\n    flexWrap: 'wrap',\n  },\n  lightFilter: {\n    gap: 8,\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  lightFilterLabel: {\n    'flex': 'none',\n    'color': cssVar.colorTextSecondary,\n    'fontSize': cssVar.fontSizeSM,\n    'whiteSpace': 'nowrap',\n    '::after': { content: \"':'\" },\n  },\n  lightFilterSwitch: {\n    gap: 8,\n    alignItems: 'center',\n    display: 'inline-flex',\n  },\n  optionCell: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n  },\n  part: {\n    minWidth: 0,\n  },\n  partBordered: {\n    padding: 16,\n    borderColor: cssVar.colorBorderSecondary,\n    borderRadius: cssVar.borderRadiusLG,\n    borderStyle: 'solid',\n    borderWidth: 1,\n  },\n  search: {\n    alignItems: 'center',\n    columnGap: 24,\n    display: 'grid',\n    rowGap: 16,\n  },\n  searchFieldControl: {\n    flex: '1',\n    minWidth: 0,\n  },\n  searchLabelText: {\n    overflow: 'hidden',\n    display: 'block',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n    minWidth: 0,\n  },\n  setting: {\n    paddingBlock: 4,\n    display: 'flex',\n    flexDirection: 'column',\n    maxHeight: 420,\n    width: 260,\n  },\n  settingGroupTitle: {\n    paddingInline: 12,\n    color: cssVar.colorTextDescription,\n    fontSize: cssVar.fontSizeSM,\n    paddingBlockEnd: 2,\n    paddingBlockStart: 6,\n  },\n  settingHeader: {\n    paddingInline: 12,\n    alignItems: 'center',\n    borderBlockEndColor: cssVar.colorSplit,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    display: 'flex',\n    justifyContent: 'space-between',\n    paddingBlockEnd: 8,\n    paddingBlockStart: 4,\n  },\n  settingItemTitle: {\n    flex: '1',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    minWidth: 0,\n  },\n  settingList: {\n    flex: '1',\n    overflow: 'auto',\n    paddingBlock: 4,\n  },\n  status: {\n    gap: 8,\n    alignItems: 'center',\n    display: 'inline-flex',\n  },\n  statusDot: {\n    borderRadius: '50%',\n    flex: 'none',\n    height: 6,\n    width: 6,\n  },\n  title: {\n    flex: 'none',\n    gap: 4,\n    alignItems: 'center',\n    color: cssVar.colorText,\n    display: 'flex',\n    fontSize: cssVar.fontSizeLG,\n    fontWeight: 600,\n    minWidth: 0,\n  },\n  titleSub: {\n    color: cssVar.colorTextDescription,\n    fontSize: cssVar.fontSize,\n    fontWeight: 'normal',\n  },\n  titleTooltip: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'inline-flex',\n  },\n  toolbar: {\n    gap: 12,\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n    marginBlockEnd: 16,\n  },\n  toolbarActions: {\n    flex: '1',\n    gap: 8,\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    marginInlineStart: 'auto',\n    minWidth: 0,\n  },\n  toolbarOptions: {\n    flex: 'none',\n    gap: 2,\n    alignItems: 'center',\n    display: 'flex',\n  },\n});\n\nconst cls = (style: stylex.StyleXStyles) => stylex.props(style).className ?? '';\n\nexport const styles = {\n  alert: cls(raw.alert),\n  alertInfo: cls(raw.alertInfo),\n  alertOption: cls(raw.alertOption),\n  code: cls(raw.code),\n  copyable: cls(raw.copyable),\n  copyableText: cls(raw.copyableText),\n  density: cls(raw.density),\n  densityItem: `${PRO_PREFIX_CLS}-density-item`,\n  enumList: cls(raw.enumList),\n  indexBorder: `${PRO_PREFIX_CLS}-index-border`,\n  lightFilter: cls(raw.lightFilter),\n  lightFilterItem: `${PRO_PREFIX_CLS}-light-filter-item`,\n  lightFilterLabel: cls(raw.lightFilterLabel),\n  lightFilterSwitch: cls(raw.lightFilterSwitch),\n  optionCell: cls(raw.optionCell),\n  part: cls(raw.part),\n  partBordered: cls(raw.partBordered),\n  root: `${PRO_PREFIX_CLS}-root`,\n  search: cls(raw.search),\n  searchActions: `${PRO_PREFIX_CLS}-search-actions`,\n  searchField: `${PRO_PREFIX_CLS}-search-field`,\n  searchFieldControl: cls(raw.searchFieldControl),\n  searchLabel: `${PRO_PREFIX_CLS}-search-label`,\n  searchLabelText: cls(raw.searchLabelText),\n  setting: cls(raw.setting),\n  settingGroupTitle: cls(raw.settingGroupTitle),\n  settingHeader: cls(raw.settingHeader),\n  settingItem: `${PRO_PREFIX_CLS}-setting-item`,\n  settingItemActions: `${PRO_PREFIX_CLS}-setting-item-actions`,\n  settingItemTitle: cls(raw.settingItemTitle),\n  settingList: cls(raw.settingList),\n  status: cls(raw.status),\n  statusDot: cls(raw.statusDot),\n  statusProcessing: `${PRO_PREFIX_CLS}-status-processing`,\n  title: cls(raw.title),\n  titleSub: cls(raw.titleSub),\n  titleTooltip: cls(raw.titleTooltip),\n  toolbar: cls(raw.toolbar),\n  toolbarActions: cls(raw.toolbarActions),\n  toolbarOptions: cls(raw.toolbarOptions),\n};\n\nexport const partClass = (\n  cardBordered: boolean | { search?: boolean; table?: boolean } | undefined,\n  part: 'search' | 'table',\n) =>\n  clsx(\n    styles.part,\n    (typeof cardBordered === 'object' ? cardBordered[part] : cardBordered) && styles.partBordered,\n    `${PRO_PREFIX_CLS}-${part}`,\n  );\n"],"mappings":"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"}