@lobehub/ui 6.0.0-beta.6 → 6.0.0-beta.8

package/es/ProTable/type.d.mts

@@ -0,0 +1,397 @@
+import { SortOrder, TableColumnFilterItem, TableColumnType, TableLoadingConfig, TablePaginationConfig, TableProps, TableRowSelection, TableSize, TableVariant } from "../Table/type.mjs";
+import { FormInstance, FormValues, UseFormOptions } from "../FormKit/type.mjs";
+import "../FormKit/index.mjs";
+import { CSSProperties, Key, MutableRefObject, ReactNode, Ref } from "react";
+//#region src/ProTable/type.d.ts
+type ValidateOn = UseFormOptions<FormValues>['validateOn'];
+/** Built-in value types; they pick both the cell renderer and the search-form control. */
+export type ProTableValueType = 'text' | 'textarea' | 'password' | 'digit' | 'money' | 'percent' | 'select' | 'radio' | 'checkbox' | 'switch' | 'date' | 'dateTime' | 'dateRange' | 'dateTimeRange' | 'time' | 'progress' | 'code' | 'index' | 'indexBorder' | 'option';
+/** ProComponents `valueEnum` status names; `status` draws a colored dot before the text. */
+export type ProTableStatus = 'Default' | 'Error' | 'Processing' | 'Success' | 'Warning';
+export interface ProTableValueEnumItem {
+  color?: string;
+  disabled?: boolean;
+  status?: ProTableStatus;
+  text: ReactNode;
+}
+/** `{ value: text | { text, status, color, disabled } }`, or a `Map` of the same. */
+export type ProTableValueEnum = Record<string, ReactNode | ProTableValueEnumItem> | Map<string | number | boolean, ReactNode | ProTableValueEnumItem>;
+/** `transform(value, name, allValues)` returns the params to merge (e.g. split a range). */
+export type ProTableSearchTransform = (value: any, name: string, allValues: Record<string, any>) => Record<string, any> | string | undefined;
+/** antd-shaped validation rule, mapped onto Form `required` / `validate`. */
+export interface ProTableFormRule {
+  len?: number;
+  max?: number;
+  message?: ReactNode;
+  min?: number;
+  pattern?: RegExp;
+  required?: boolean;
+  /** Reject (throw) to fail; the error message (or `message`) is shown. */
+  validator?: (rule: ProTableFormRule, value: any, values: Record<string, any>) => Promise<void> | void;
+}
+/**
+ * The search-form handle passed as `formRef`: the Form instance (`getValue`,
+ * `getValues`, `setValue`, `setValues`, `reset`, `resetField`, `validate`, `submit`,
+ * `setErrors`, `isDirty`, `isTouched`, `subscribe`, `setSchema`) plus antd-shaped aliases.
+ */
+export interface ProTableFormInstance<Values extends Record<string, any> = Record<string, any>> extends FormInstance<Values> {
+  /** Values converted the way they are sent to `request` (`dateFormatter`, `transform`). */
+  getFieldsFormatValue: () => Record<string, any>;
+  /** Raw field values (dates stay `Date`). */
+  getFieldsValue: () => Values;
+  getFieldValue: (name: string) => any;
+  /** Back to the initial values (Form `reset()` goes back to the last submitted values). */
+  resetFields: () => void;
+  setFieldsValue: (values: Partial<Values>) => void;
+  setFieldValue: (name: string, value: any) => void;
+  /** Validate every registered field; resolves the values or rejects with `{ errors, valid }`. */
+  validateFields: () => Promise<Values>;
+}
+export interface ProTablePageInfo {
+  current: number;
+  pageSize: number;
+  total: number;
+}
+/** `actionRef.current`: imperative actions of the table. */
+export interface ProTableActionType {
+  clearSelected: () => void;
+  fullScreen: () => void;
+  getSortFilter: () => {
+    filter: Record<string, (string | number | boolean)[] | null>;
+    sort: Record<string, SortOrder>;
+  };
+  nativeElement: HTMLDivElement | null;
+  pageInfo: ProTablePageInfo;
+  /** Fetch again; `resetPageIndex` jumps back to page 1 first. */
+  reload: (resetPageIndex?: boolean) => Promise<void>;
+  /** Clear the selection, go back to page 1 and fetch. */
+  reloadAndRest: () => Promise<void>;
+  /** Reset the search form to its initial values, go back to page 1 and fetch. */
+  reset: () => void;
+  setPageInfo: (pageInfo: Partial<ProTablePageInfo>) => void;
+}
+/** An option returned by a column `request`. */
+export interface ProTableRequestOption {
+  [key: string]: any;
+  disabled?: boolean;
+  label: ReactNode;
+  value: string | number | boolean;
+}
+/**
+ * Column `request`: loads the options of a select-like search field. Receives the column
+ * `params` and, during remote search, the typed `keyWords`.
+ */
+export type ProColumnRequest = (params: {
+  [key: string]: any;
+  keyWords?: string;
+}) => Promise<ProTableRequestOption[]>;
+export interface ProTableSchemaConfig<T> {
+  /** Current form handle; lets `renderFormItem` read sibling fields. */
+  form: ProTableFormInstance;
+  /** `true` in the search form, `false` in the light filter bar. */
+  isQuery: boolean;
+  onChange: (value: any) => void;
+  record?: T;
+  value: any;
+}
+export interface ProColumnType<T = any> extends Omit<TableColumnType<T>, 'filters' | 'onFilter' | 'render' | 'sorter' | 'title'> {
+  children?: ProColumnType<T>[];
+  /** Grid cells the field takes in the search form. @default 1 */
+  colSize?: number;
+  /** Show a copy button after the cell text. */
+  copyable?: boolean;
+  /** Debounce of the column `request` (on `params` change and remote search) in ms. @default 10 */
+  debounceTime?: number;
+  /** Column-setting checkbox disabled (the column can't be hidden). */
+  disable?: boolean | {
+    checkbox: boolean;
+  };
+  /** Props of the generated form control (placeholder, options, allowClear, …). */
+  fieldProps?: Record<string, any>;
+  /** `true` builds header filters from `valueEnum`. */
+  filters?: boolean | TableColumnFilterItem[];
+  /** Extra props for the field wrapper; `label` overrides the title in the form. */
+  formItemProps?: {
+    /** Help text under the control. */
+    extra?: ReactNode;
+    label?: ReactNode;
+    required?: boolean;
+    /** Validation rules (Form `required` / `validate`); the query is blocked until they pass. */
+    rules?: ProTableFormRule[];
+    style?: CSSProperties;
+  };
+  hideInForm?: boolean;
+  hideInSearch?: boolean;
+  hideInSetting?: boolean;
+  hideInTable?: boolean;
+  /** Initial value of the search field. */
+  initialValue?: any;
+  /** `true` filters locally by exact `valueEnum` key match; `false` disables it. */
+  onFilter?: boolean | TableColumnType<T>['onFilter'];
+  /** Order in the search form (larger first). */
+  order?: number;
+  /** Extra params of the column `request`; a change (deep compare) re-requests. */
+  params?: Record<string, any>;
+  /**
+   * `render(dom, record, index, action, schema)`; `dom` is the value-type rendering. With
+   * `valueType: 'option'` return an array of action nodes.
+   */
+  render?: (dom: ReactNode, record: T, index: number, action: ProTableActionType | undefined, schema: ProColumnType<T>) => ReactNode;
+  /** Custom search control: `(schema, config, form) => node`. */
+  renderFormItem?: (schema: ProColumnType<T>, config: ProTableSchemaConfig<T>, form: ProTableFormInstance) => ReactNode;
+  /** Transform the raw cell value before the value-type rendering. */
+  renderText?: (text: any, record: T, index: number, action: ProTableActionType | undefined) => any;
+  /**
+   * Load the search field's options asynchronously (select-like field, replaces `valueEnum` /
+   * `fieldProps.options` once loaded). With `fieldProps: { showSearch: true, filterOption: false }`
+   * typing re-requests with `keyWords`.
+   */
+  request?: ProColumnRequest;
+  /** `false` hides the column in the search form; `{ transform }` reshapes the submitted value. */
+  search?: boolean | {
+    transform: ProTableSearchTransform;
+  };
+  /** `true` sorts on the server (sent to `request` as `sort`); a function sorts locally. */
+  sorter?: TableColumnType<T>['sorter'] | string;
+  title?: ReactNode;
+  /** Info icon next to the header title. */
+  tooltip?: ReactNode;
+  valueEnum?: ProTableValueEnum | ((record?: T) => ProTableValueEnum);
+  valueType?: ProTableValueType | ((record?: T) => ProTableValueType);
+}
+export type ProColumns<T = any> = ProColumnType<T>;
+export interface ProTableColumnsStateItem {
+  /** Column-setting checkbox disabled. */
+  disable?: boolean;
+  fixed?: 'left' | 'right' | 'start' | 'end' | boolean;
+  order?: number;
+  show?: boolean;
+}
+export type ProTableColumnsStateMap = Record<string, ProTableColumnsStateItem>;
+export interface ProTableColumnsState {
+  defaultValue?: ProTableColumnsStateMap;
+  onChange?: (map: ProTableColumnsStateMap) => void;
+  persistenceKey?: string;
+  persistenceType?: 'localStorage' | 'sessionStorage';
+  value?: ProTableColumnsStateMap;
+}
+export interface ProTableRequestData<T> {
+  [key: string]: any;
+  data: T[] | undefined;
+  success?: boolean;
+  total?: number;
+}
+/** `sort` argument of `request`: column key → order (ProComponents shape). */
+export type ProTableRequestSort = Record<string, SortOrder>;
+/** `filter` argument of `request`: column key → selected filter values (ProComponents shape). */
+export type ProTableRequestFilter = Record<string, (string | number)[] | null>;
+/** `request(params, sort, filter)`; resolves `{ data, total, success }` (all optional). */
+export type ProTableRequest<T, Params = Record<string, any>> = (params: Params & {
+  [key: string]: any;
+  current?: number;
+  keyword?: string;
+  pageSize?: number;
+}, sort: ProTableRequestSort, filter: ProTableRequestFilter) => Promise<Partial<ProTableRequestData<T>>>;
+/**
+ * `loading` as an object: Spin options of the table overlay (`tip`, `variant`, …) plus `delay`
+ * (ms before the overlay shows). Without `spinning` the overlay follows the `request` state.
+ */
+export type ProTableLoadingConfig = TableLoadingConfig & {
+  delay?: number;
+};
+/** Breakpoints of a responsive `search.span`, measured on the query form width. */
+export type ProTableSpanBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/** `search.span` per form width: `xs` < 576 ≤ `sm` < 768 ≤ `md` < 992 ≤ `lg` < 1200 ≤ `xl` < 1600 ≤ `xxl`. */
+export type ProTableSpanConfig = Partial<Record<ProTableSpanBreakpoint, number>>;
+export type ProTableDensity = 'large' | 'middle' | 'small';
+export interface ProTableOptionConfig {
+  density?: boolean;
+  fullScreen?: boolean | (() => void);
+  reload?: boolean | (() => void);
+  /** Keyword input in the toolbar; its value goes to `request` as `params[name ?? 'keyword']`. */
+  search?: boolean | {
+    name?: string;
+    onSearch?: (keyword: string) => boolean | void;
+    placeholder?: string;
+  };
+  setting?: boolean | {
+    checkable?: boolean;
+    /** Up / down buttons in the panel (drag sorting is not implemented). */
+    draggable?: boolean;
+    showListItemOption?: boolean;
+  };
+}
+export interface ProTableSearchConfig {
+  /** Collapsed state (controlled). */
+  collapsed?: boolean;
+  /** Replace the collapse toggle; `false` hides it. */
+  collapseRender?: false | ((collapsed: boolean) => ReactNode);
+  /** @default true */
+  defaultCollapsed?: boolean;
+  /** Fields visible while collapsed. @default one row */
+  defaultColsNumber?: number;
+  /** `query` is the grid form; `light` is the compact filter bar. @default 'query' */
+  filterType?: 'query' | 'light';
+  /** Label column width in px; `'auto'` keeps the label width natural. @default 80 */
+  labelWidth?: number | 'auto';
+  /** Field layout of the query form. @default 'horizontal' */
+  layout?: 'horizontal' | 'vertical';
+  onCollapse?: (collapsed: boolean) => void;
+  /** Replace the action buttons; `false` hides them. */
+  optionRender?: false | ((config: {
+    form: ProTableFormInstance;
+    onReset: () => void;
+    onSubmit: () => void;
+  }, dom: ReactNode[]) => ReactNode[]);
+  resetText?: ReactNode;
+  searchText?: ReactNode;
+  /**
+   * Span of each field in a 24-column grid (`8` = 3 per row), or one per form-width breakpoint
+   * (`{ xs: 24, md: 12, xl: 8 }`). Responsive to the width by default.
+   */
+  span?: number | ProTableSpanConfig;
+  submitText?: ReactNode;
+}
+export interface ProTableAlertRenderProps<T> {
+  onCleanSelected: () => void;
+  selectedRowKeys: Key[];
+  selectedRows: T[];
+}
+export type ProTableAlertRender<T> = false | ((props: ProTableAlertRenderProps<T>) => ReactNode);
+export interface ProTableToolbarConfig {
+  actions?: ReactNode[];
+  /** Replaces the default `options` icons. */
+  settings?: ReactNode[];
+  subTitle?: ReactNode;
+  title?: ReactNode;
+  tooltip?: ReactNode;
+}
+export interface ProTableLocale {
+  alertClear?: ReactNode;
+  alertSelected?: (count: number) => ReactNode;
+  collapse?: ReactNode;
+  columnSetting?: string;
+  columnSettingReset?: ReactNode;
+  columnSettingTitle?: ReactNode;
+  copy?: string;
+  density?: string;
+  densityLarge?: ReactNode;
+  densityMedium?: ReactNode;
+  densitySmall?: ReactNode;
+  expand?: ReactNode;
+  fixedEnd?: string;
+  fixedEndTitle?: ReactNode;
+  fixedStart?: string;
+  fixedStartTitle?: ReactNode;
+  fullScreen?: string;
+  moveDown?: string;
+  moveUp?: string;
+  noFixed?: string;
+  reload?: string;
+  reset?: ReactNode;
+  search?: ReactNode;
+  searchPlaceholder?: string;
+  selectPlaceholder?: string;
+  unfixedTitle?: ReactNode;
+}
+export interface ProTableProps<T = any, Params = Record<string, any>> extends Omit<TableProps<T>, 'columns' | 'dataSource' | 'pagination' | 'rowSelection' | 'size' | 'title' | 'loading' | 'locale' | 'ref'> {
+  actionRef?: MutableRefObject<ProTableActionType | undefined> | Ref<ProTableActionType>;
+  /** Hook to reshape the form values before they become `params`. */
+  beforeSearchSubmit?: (params: Record<string, any>) => Record<string, any>;
+  /** Frame the query form / table (border, radius, padding); they are flat by default. `{ search, table }` per part. */
+  cardBordered?: boolean | {
+    search?: boolean;
+    table?: boolean;
+  };
+  /** Render cells with empty values as this. @default '-' */
+  columnEmptyText?: ReactNode | false;
+  columns?: ProColumns<T>[];
+  columnsState?: ProTableColumnsState;
+  /** Controlled data, used when there is no `request`. */
+  dataSource?: T[];
+  /** How dates in the search form are sent: `'string'` (`YYYY-MM-DD`), `'number'` (ms), `false` (Date) or a function. @default 'string' */
+  dateFormatter?: 'string' | 'number' | false | ((value: Date, valueType: string) => any);
+  /** Debounce of `params` driven fetches in ms. @default 10 */
+  debounceTime?: number;
+  defaultData?: T[];
+  /** @default 'middle' */
+  defaultSize?: ProTableDensity;
+  /** Search form config (ProComponents `form`, Form underneath). */
+  form?: {
+    /** Skip every column validation rule (`formItemProps.rules` / `required`). */
+    ignoreRules?: boolean;
+    /** Initial values of the search form. */
+    initialValues?: Record<string, any>;
+    /** Field layout of the query form; `search.layout` wins. */
+    layout?: 'horizontal' | 'vertical';
+    onValuesChange?: (changed: any, all: any) => void;
+    /** Form `validateOn`. @default 'auto' */
+    validateOn?: ValidateOn;
+  };
+  formRef?: MutableRefObject<ProTableFormInstance | undefined> | Ref<ProTableFormInstance>;
+  headerTitle?: ReactNode;
+  /** Controlled loading; an object configures the overlay (`delay`, `tip`, …), see `ProTableLoadingConfig`. */
+  loading?: boolean | ProTableLoadingConfig;
+  /**
+   * ProTable texts plus the Table locale. Table's `collapse` / `expand` (row expand
+   * labels) are replaced by ProTable's search-form toggle texts, so the keys never conflict.
+   * Defaults to the preset of ConfigProvider `locale` (zh* → zh-CN, otherwise en-US).
+   */
+  locale?: Omit<NonNullable<TableProps<T>['locale']>, keyof ProTableLocale> & ProTableLocale;
+  /** Don't fetch on mount; call `actionRef.current.reload()` (or submit the form). */
+  manualRequest?: boolean;
+  onDataSourceChange?: (dataSource: T[]) => void;
+  onLoad?: (dataSource: T[]) => void;
+  onLoadingChange?: (loading: boolean) => void;
+  onRequestError?: (error: Error) => void;
+  onReset?: () => void;
+  onSizeChange?: (size: ProTableDensity) => void;
+  onSubmit?: (params: Record<string, any>) => void;
+  /** Toolbar icons; `false` hides them all. */
+  options?: ProTableOptionConfig | false;
+  /** `pagination.total` is filled from `request`. */
+  pagination?: false | TablePaginationConfig;
+  /** Change of reference re-fetches from page 1. */
+  params?: Params;
+  /** Polling interval in ms (min 2000), or a function of the current data. */
+  polling?: number | ((dataSource: T[]) => number);
+  /** Post-process the `request` data before it's shown. */
+  postData?: (data: T[]) => T[];
+  request?: ProTableRequest<T, Params>;
+  /** `alwaysShowAlert` keeps the alert bar while nothing is selected. */
+  rowSelection?: (TableRowSelection<T> & {
+    alwaysShowAlert?: boolean;
+  }) | false;
+  /** Query form config; `false` hides it. */
+  search?: false | ProTableSearchConfig;
+  /** Wrap / replace the search form. */
+  searchFormRender?: (props: ProTableProps<T, Params>, defaultDom: ReactNode) => ReactNode;
+  /** Controlled density. */
+  size?: ProTableDensity;
+  tableAlertOptionRender?: ProTableAlertRender<T>;
+  tableAlertRender?: ProTableAlertRender<T>;
+  tableClassName?: string;
+  /** Content between the search form and the table card. */
+  tableExtraRender?: (props: ProTableProps<T, Params>, dataSource: T[]) => ReactNode;
+  /** Arrange the parts yourself. */
+  tableRender?: (props: ProTableProps<T, Params>, defaultDom: ReactNode, domList: {
+    alert: ReactNode;
+    table: ReactNode;
+    toolbar: ReactNode;
+  }) => ReactNode;
+  tableStyle?: CSSProperties;
+  /** Light / header title config (subset of Pro `ListToolBar`). */
+  toolbar?: ProTableToolbarConfig;
+  /** Buttons on the right of the toolbar; `false` hides the whole toolbar. */
+  toolBarRender?: false | ((action: ProTableActionType | undefined, rows: {
+    selectedRowKeys?: Key[];
+    selectedRows?: T[];
+  }) => ReactNode[]);
+  /** Info icon after `headerTitle`. */
+  tooltip?: ReactNode;
+  /** Table cell style; the card follows it. @default 'borderless' */
+  variant?: TableVariant;
+}
+//#endregion
+export type { SortOrder };
+//# sourceMappingURL=type.d.mts.map

package/es/ProTable/utils.mjs

@@ -0,0 +1,152 @@
+//#region src/ProTable/utils.ts
+const isNil = (value) => value === null || value === void 0;
+const isEmptyValue = (value) => isNil(value) || value === "" || Array.isArray(value) && value.length === 0;
+const getProColumnKey = (column, index) => {
+	if (!isNil(column.key)) return String(column.key);
+	const { dataIndex } = column;
+	if (Array.isArray(dataIndex)) return dataIndex.join(".");
+	if (!isNil(dataIndex)) return String(dataIndex);
+	return `col-${index}`;
+};
+const getFieldName = (column, index) => {
+	const { dataIndex } = column;
+	if (Array.isArray(dataIndex)) return dataIndex.join(".");
+	if (!isNil(dataIndex)) return String(dataIndex);
+	return getProColumnKey(column, index);
+};
+const getByPath = (record, dataIndex) => {
+	if (isNil(dataIndex) || isNil(record)) return void 0;
+	return (Array.isArray(dataIndex) ? dataIndex : [dataIndex]).reduce((acc, key) => isNil(acc) ? void 0 : acc[key], record);
+};
+const setByPath = (target, name, value) => {
+	const path = name.split(".");
+	let cursor = target;
+	path.forEach((key, index) => {
+		if (index === path.length - 1) {
+			cursor[key] = value;
+			return;
+		}
+		if (typeof cursor[key] !== "object" || cursor[key] === null) cursor[key] = {};
+		cursor = cursor[key];
+	});
+	return target;
+};
+const resolveValueType = (column, record) => typeof column.valueType === "function" ? column.valueType(record) : column.valueType;
+const resolveValueEnum = (column, record) => typeof column.valueEnum === "function" ? column.valueEnum(record) : column.valueEnum;
+const isEnumItem = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && "text" in value;
+const valueEnumToList = (valueEnum) => {
+	if (!valueEnum) return [];
+	return (valueEnum instanceof Map ? [...valueEnum.entries()] : Object.entries(valueEnum)).map(([value, item]) => isEnumItem(item) ? {
+		...item,
+		value: String(value)
+	} : {
+		text: item,
+		value: String(value)
+	});
+};
+const findValueEnum = (valueEnum, value) => valueEnumToList(valueEnum).find((item) => item.value === String(value));
+const pad = (value) => String(value).padStart(2, "0");
+const formatDate = (date, withTime = false, timeOnly = false) => {
+	const day = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+	const time = `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+	if (timeOnly) return time;
+	return withTime ? `${day} ${time}` : day;
+};
+const toDate = (value) => {
+	if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;
+	if (typeof value === "number" || typeof value === "string") {
+		const date = new Date(value);
+		return Number.isNaN(date.getTime()) ? null : date;
+	}
+	return null;
+};
+const DATE_TYPES = /* @__PURE__ */ new Set([
+	"date",
+	"dateTime",
+	"time"
+]);
+const RANGE_TYPES = /* @__PURE__ */ new Set(["dateRange", "dateTimeRange"]);
+const isDateType = (valueType) => !!valueType && (DATE_TYPES.has(valueType) || RANGE_TYPES.has(valueType));
+const formatDateValue = (value, valueType, formatter) => {
+	if (Array.isArray(value)) return value.map((item) => formatDateValue(item, valueType, formatter));
+	const date = value instanceof Date ? value : null;
+	if (!date) return value;
+	if (formatter === false) return date;
+	if (formatter === "number") return date.getTime();
+	if (typeof formatter === "function") return formatter(date, valueType);
+	return formatDate(date, valueType === "dateTime" || valueType === "dateTimeRange", valueType === "time");
+};
+const readPersistedState = (key, type = "localStorage") => {
+	if (!key || typeof window === "undefined") return void 0;
+	try {
+		const raw = window[type]?.getItem(key);
+		return raw ? JSON.parse(raw) : void 0;
+	} catch {
+		return;
+	}
+};
+const writePersistedState = (key, type = "localStorage", value) => {
+	if (!key || typeof window === "undefined") return;
+	try {
+		if (value) window[type]?.setItem(key, JSON.stringify(value));
+		else window[type]?.removeItem(key);
+	} catch {}
+};
+const PRO_ONLY_KEYS = [
+	"actionRef",
+	"beforeSearchSubmit",
+	"cardBordered",
+	"className",
+	"columnEmptyText",
+	"columns",
+	"columnsState",
+	"dataSource",
+	"dateFormatter",
+	"debounceTime",
+	"defaultData",
+	"defaultSize",
+	"form",
+	"formRef",
+	"headerTitle",
+	"loading",
+	"locale",
+	"manualRequest",
+	"onChange",
+	"onDataSourceChange",
+	"onLoad",
+	"onLoadingChange",
+	"onRequestError",
+	"onReset",
+	"onSizeChange",
+	"onSubmit",
+	"options",
+	"pagination",
+	"params",
+	"polling",
+	"postData",
+	"request",
+	"rowSelection",
+	"search",
+	"searchFormRender",
+	"size",
+	"style",
+	"tableAlertOptionRender",
+	"tableAlertRender",
+	"tableClassName",
+	"tableExtraRender",
+	"tableRender",
+	"tableStyle",
+	"toolbar",
+	"toolBarRender",
+	"tooltip",
+	"variant"
+];
+const toTableProps = (props) => {
+	const rest = { ...props };
+	PRO_ONLY_KEYS.forEach((key) => delete rest[key]);
+	return rest;
+};
+//#endregion
+export { findValueEnum, formatDate, formatDateValue, getByPath, getFieldName, getProColumnKey, isDateType, isEmptyValue, isNil, readPersistedState, resolveValueEnum, resolveValueType, setByPath, toDate, toTableProps, valueEnumToList, writePersistedState };
+
+//# sourceMappingURL=utils.mjs.map

package/es/ProTable/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/ProTable/utils.ts"],"sourcesContent":["import type { Key, ReactNode } from 'react';\n\nimport type {\n  ProColumnType,\n  ProTableColumnsStateMap,\n  ProTableValueEnum,\n  ProTableValueEnumItem,\n  ProTableValueType,\n} from './type';\n\nexport const isNil = (value: unknown): value is null | undefined =>\n  value === null || value === undefined;\n\nexport const isEmptyValue = (value: unknown) =>\n  isNil(value) || value === '' || (Array.isArray(value) && value.length === 0);\n\nexport const getProColumnKey = (column: ProColumnType<any>, index: number | string): string => {\n  if (!isNil(column.key)) return String(column.key);\n  const { dataIndex } = column;\n  if (Array.isArray(dataIndex)) return dataIndex.join('.');\n  if (!isNil(dataIndex)) return String(dataIndex);\n  return `col-${index}`;\n};\n\nexport const getFieldName = (column: ProColumnType<any>, index: number) => {\n  const { dataIndex } = column;\n  if (Array.isArray(dataIndex)) return dataIndex.join('.');\n  if (!isNil(dataIndex)) return String(dataIndex);\n  return getProColumnKey(column, index);\n};\n\nexport const getByPath = (record: any, dataIndex: ProColumnType<any>['dataIndex']) => {\n  if (isNil(dataIndex) || isNil(record)) return undefined;\n  const path = Array.isArray(dataIndex) ? dataIndex : [dataIndex];\n  return path.reduce<any>((acc, key) => (isNil(acc) ? undefined : acc[key as any]), record);\n};\n\nexport const setByPath = (target: Record<string, any>, name: string, value: any) => {\n  const path = name.split('.');\n  let cursor = target;\n  path.forEach((key, index) => {\n    if (index === path.length - 1) {\n      cursor[key] = value;\n      return;\n    }\n    if (typeof cursor[key] !== 'object' || cursor[key] === null) cursor[key] = {};\n    cursor = cursor[key];\n  });\n  return target;\n};\n\nexport const resolveValueType = (\n  column: ProColumnType<any>,\n  record?: any,\n): ProTableValueType | undefined =>\n  typeof column.valueType === 'function' ? column.valueType(record) : column.valueType;\n\nexport const resolveValueEnum = (\n  column: ProColumnType<any>,\n  record?: any,\n): ProTableValueEnum | undefined =>\n  typeof column.valueEnum === 'function' ? column.valueEnum(record) : column.valueEnum;\n\nconst isEnumItem = (value: unknown): value is ProTableValueEnumItem =>\n  typeof value === 'object' &&\n  value !== null &&\n  !Array.isArray(value) &&\n  'text' in (value as Record<string, unknown>);\n\nexport interface ValueEnumEntry {\n  color?: string;\n  disabled?: boolean;\n  status?: ProTableValueEnumItem['status'];\n  text: ReactNode;\n  value: string;\n}\n\nexport const valueEnumToList = (valueEnum?: ProTableValueEnum): ValueEnumEntry[] => {\n  if (!valueEnum) return [];\n  const entries: [unknown, unknown][] =\n    valueEnum instanceof Map ? [...valueEnum.entries()] : Object.entries(valueEnum);\n  return entries.map(([value, item]) =>\n    isEnumItem(item)\n      ? { ...item, value: String(value) }\n      : { text: item as ReactNode, value: String(value) },\n  );\n};\n\nexport const findValueEnum = (valueEnum: ProTableValueEnum | undefined, value: unknown) =>\n  valueEnumToList(valueEnum).find((item) => item.value === String(value));\n\nconst pad = (value: number) => String(value).padStart(2, '0');\n\nexport const formatDate = (date: Date, withTime = false, timeOnly = false) => {\n  const day = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;\n  const time = `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;\n  if (timeOnly) return time;\n  return withTime ? `${day} ${time}` : day;\n};\n\nexport const toDate = (value: unknown): Date | null => {\n  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;\n  if (typeof value === 'number' || typeof value === 'string') {\n    const date = new Date(value);\n    return Number.isNaN(date.getTime()) ? null : date;\n  }\n  return null;\n};\n\nconst DATE_TYPES = new Set<ProTableValueType>(['date', 'dateTime', 'time']);\nconst RANGE_TYPES = new Set<ProTableValueType>(['dateRange', 'dateTimeRange']);\n\nexport const isDateType = (valueType?: ProTableValueType) =>\n  !!valueType && (DATE_TYPES.has(valueType) || RANGE_TYPES.has(valueType));\nexport const isRangeType = (valueType?: ProTableValueType) =>\n  !!valueType && RANGE_TYPES.has(valueType);\n\nexport type DateFormatter = 'string' | 'number' | false | ((value: Date, valueType: string) => any);\n\nexport const formatDateValue = (\n  value: unknown,\n  valueType: ProTableValueType,\n  formatter: DateFormatter,\n): any => {\n  if (Array.isArray(value)) return value.map((item) => formatDateValue(item, valueType, formatter));\n  const date = value instanceof Date ? value : null;\n  if (!date) return value;\n  if (formatter === false) return date;\n  if (formatter === 'number') return date.getTime();\n  if (typeof formatter === 'function') return formatter(date, valueType);\n  return formatDate(\n    date,\n    valueType === 'dateTime' || valueType === 'dateTimeRange',\n    valueType === 'time',\n  );\n};\n\nexport const readPersistedState = (\n  key?: string,\n  type: 'localStorage' | 'sessionStorage' = 'localStorage',\n): ProTableColumnsStateMap | undefined => {\n  if (!key || typeof window === 'undefined') return undefined;\n  try {\n    const raw = window[type]?.getItem(key);\n    return raw ? (JSON.parse(raw) as ProTableColumnsStateMap) : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const writePersistedState = (\n  key: string | undefined,\n  type: 'localStorage' | 'sessionStorage' = 'localStorage',\n  value?: ProTableColumnsStateMap,\n) => {\n  if (!key || typeof window === 'undefined') return;\n  try {\n    if (value) window[type]?.setItem(key, JSON.stringify(value));\n    else window[type]?.removeItem(key);\n  } catch {\n    // Storage may be unavailable (private mode, quota); the in-memory state still works.\n  }\n};\n\nexport const toKeyList = (keys: readonly Key[] | undefined) => (keys ? [...keys] : []);\n\nconst PRO_ONLY_KEYS = [\n  'actionRef',\n  'beforeSearchSubmit',\n  'cardBordered',\n  'className',\n  'columnEmptyText',\n  'columns',\n  'columnsState',\n  'dataSource',\n  'dateFormatter',\n  'debounceTime',\n  'defaultData',\n  'defaultSize',\n  'form',\n  'formRef',\n  'headerTitle',\n  'loading',\n  'locale',\n  'manualRequest',\n  'onChange',\n  'onDataSourceChange',\n  'onLoad',\n  'onLoadingChange',\n  'onRequestError',\n  'onReset',\n  'onSizeChange',\n  'onSubmit',\n  'options',\n  'pagination',\n  'params',\n  'polling',\n  'postData',\n  'request',\n  'rowSelection',\n  'search',\n  'searchFormRender',\n  'size',\n  'style',\n  'tableAlertOptionRender',\n  'tableAlertRender',\n  'tableClassName',\n  'tableExtraRender',\n  'tableRender',\n  'tableStyle',\n  'toolbar',\n  'toolBarRender',\n  'tooltip',\n  'variant',\n] as const;\n\nexport const toTableProps = <P extends object>(props: P) => {\n  const rest = { ...props } as Record<string, unknown>;\n  PRO_ONLY_KEYS.forEach((key) => delete rest[key]);\n  return rest as Omit<P, (typeof PRO_ONLY_KEYS)[number]>;\n};\n"],"mappings":";AAUA,MAAa,SAAS,UACpB,UAAU,QAAQ,UAAU,KAAA;AAE9B,MAAa,gBAAgB,UAC3B,MAAM,KAAK,KAAK,UAAU,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAE5E,MAAa,mBAAmB,QAA4B,UAAmC;CAC7F,IAAI,CAAC,MAAM,OAAO,GAAG,GAAG,OAAO,OAAO,OAAO,GAAG;CAChD,MAAM,EAAE,cAAc;CACtB,IAAI,MAAM,QAAQ,SAAS,GAAG,OAAO,UAAU,KAAK,GAAG;CACvD,IAAI,CAAC,MAAM,SAAS,GAAG,OAAO,OAAO,SAAS;CAC9C,OAAO,OAAO;AAChB;AAEA,MAAa,gBAAgB,QAA4B,UAAkB;CACzE,MAAM,EAAE,cAAc;CACtB,IAAI,MAAM,QAAQ,SAAS,GAAG,OAAO,UAAU,KAAK,GAAG;CACvD,IAAI,CAAC,MAAM,SAAS,GAAG,OAAO,OAAO,SAAS;CAC9C,OAAO,gBAAgB,QAAQ,KAAK;AACtC;AAEA,MAAa,aAAa,QAAa,cAA+C;CACpF,IAAI,MAAM,SAAS,KAAK,MAAM,MAAM,GAAG,OAAO,KAAA;CAE9C,QADa,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS,EAAA,CAClD,QAAa,KAAK,QAAS,MAAM,GAAG,IAAI,KAAA,IAAY,IAAI,MAAc,MAAM;AAC1F;AAEA,MAAa,aAAa,QAA6B,MAAc,UAAe;CAClF,MAAM,OAAO,KAAK,MAAM,GAAG;CAC3B,IAAI,SAAS;CACb,KAAK,SAAS,KAAK,UAAU;EAC3B,IAAI,UAAU,KAAK,SAAS,GAAG;GAC7B,OAAO,OAAO;GACd;EACF;EACA,IAAI,OAAO,OAAO,SAAS,YAAY,OAAO,SAAS,MAAM,OAAO,OAAO,CAAC;EAC5E,SAAS,OAAO;CAClB,CAAC;CACD,OAAO;AACT;AAEA,MAAa,oBACX,QACA,WAEA,OAAO,OAAO,cAAc,aAAa,OAAO,UAAU,MAAM,IAAI,OAAO;AAE7E,MAAa,oBACX,QACA,WAEA,OAAO,OAAO,cAAc,aAAa,OAAO,UAAU,MAAM,IAAI,OAAO;AAE7E,MAAM,cAAc,UAClB,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,UAAW;AAUb,MAAa,mBAAmB,cAAoD;CAClF,IAAI,CAAC,WAAW,OAAO,CAAC;CAGxB,QADE,qBAAqB,MAAM,CAAC,GAAG,UAAU,QAAQ,CAAC,IAAI,OAAO,QAAQ,SAAS,EAAA,CACjE,KAAK,CAAC,OAAO,UAC1B,WAAW,IAAI,IACX;EAAE,GAAG;EAAM,OAAO,OAAO,KAAK;CAAE,IAChC;EAAE,MAAM;EAAmB,OAAO,OAAO,KAAK;CAAE,CACtD;AACF;AAEA,MAAa,iBAAiB,WAA0C,UACtE,gBAAgB,SAAS,CAAC,CAAC,MAAM,SAAS,KAAK,UAAU,OAAO,KAAK,CAAC;AAExE,MAAM,OAAO,UAAkB,OAAO,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG;AAE5D,MAAa,cAAc,MAAY,WAAW,OAAO,WAAW,UAAU;CAC5E,MAAM,MAAM,GAAG,KAAK,YAAY,EAAE,GAAG,IAAI,KAAK,SAAS,IAAI,CAAC,EAAE,GAAG,IAAI,KAAK,QAAQ,CAAC;CACnF,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,EAAE,GAAG,IAAI,KAAK,WAAW,CAAC,EAAE,GAAG,IAAI,KAAK,WAAW,CAAC;CACvF,IAAI,UAAU,OAAO;CACrB,OAAO,WAAW,GAAG,IAAI,GAAG,SAAS;AACvC;AAEA,MAAa,UAAU,UAAgC;CACrD,IAAI,iBAAiB,MAAM,OAAO,OAAO,MAAM,MAAM,QAAQ,CAAC,IAAI,OAAO;CACzE,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,KAAK;EAC3B,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO;CAC/C;CACA,OAAO;AACT;AAEA,MAAM,6BAAa,IAAI,IAAuB;CAAC;CAAQ;CAAY;AAAM,CAAC;AAC1E,MAAM,8BAAc,IAAI,IAAuB,CAAC,aAAa,eAAe,CAAC;AAE7E,MAAa,cAAc,cACzB,CAAC,CAAC,cAAc,WAAW,IAAI,SAAS,KAAK,YAAY,IAAI,SAAS;AAMxE,MAAa,mBACX,OACA,WACA,cACQ;CACR,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,KAAK,SAAS,gBAAgB,MAAM,WAAW,SAAS,CAAC;CAChG,MAAM,OAAO,iBAAiB,OAAO,QAAQ;CAC7C,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,cAAc,OAAO,OAAO;CAChC,IAAI,cAAc,UAAU,OAAO,KAAK,QAAQ;CAChD,IAAI,OAAO,cAAc,YAAY,OAAO,UAAU,MAAM,SAAS;CACrE,OAAO,WACL,MACA,cAAc,cAAc,cAAc,iBAC1C,cAAc,MAChB;AACF;AAEA,MAAa,sBACX,KACA,OAA0C,mBACF;CACxC,IAAI,CAAC,OAAO,OAAO,WAAW,aAAa,OAAO,KAAA;CAClD,IAAI;EACF,MAAM,MAAM,OAAO,KAAK,EAAE,QAAQ,GAAG;EACrC,OAAO,MAAO,KAAK,MAAM,GAAG,IAAgC,KAAA;CAC9D,QAAQ;EACN;CACF;AACF;AAEA,MAAa,uBACX,KACA,OAA0C,gBAC1C,UACG;CACH,IAAI,CAAC,OAAO,OAAO,WAAW,aAAa;CAC3C,IAAI;EACF,IAAI,OAAO,OAAO,KAAK,EAAE,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;OACtD,OAAO,KAAK,EAAE,WAAW,GAAG;CACnC,QAAQ,CAER;AACF;AAIA,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,gBAAkC,UAAa;CAC1D,MAAM,OAAO,EAAE,GAAG,MAAM;CACxB,cAAc,SAAS,QAAQ,OAAO,KAAK,IAAI;CAC/C,OAAO;AACT"}

package/es/Radio/Radio.mjs

@@ -5,7 +5,7 @@ import Text from "../Text/Text.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import * as stylex from "@stylexjs/stylex";
 import { Radio } from "@base-ui/react/radio";
 //#region src/Radio/Radio.tsx
@@ -20,7 +20,7 @@ const Radio$1 = memo(({ size = 16, backgroundColor, children, className, classNa
 	const dot = /* @__PURE__ */ jsx(Radio.Root, {
 		disabled,
 		...rest,
-		...styleProps([styles.root, focusRing.info], clsx(children ? classNames?.radio : className, classNames?.radio), dotStyle),
+		...styleProps([styles.root, focusRing.info], clsx$1(children ? classNames?.radio : className, classNames?.radio), dotStyle),
 		children: /* @__PURE__ */ jsx(Radio.Indicator, {
 			...stylex.props(styles.indicator),
 			style: {
@@ -31,7 +31,7 @@ const Radio$1 = memo(({ size = 16, backgroundColor, children, className, classNa
 	});
 	if (!children) return dot;
 	return /* @__PURE__ */ jsxs("label", {
-		...styleProps(styles.label, clsx(className, classNames?.wrapper), {
+		...styleProps(styles.label, clsx$1(className, classNames?.wrapper), {
 			gap: Math.floor(size / 2),
 			...style,
 			...customStyles?.wrapper

package/es/Radio/Radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.mjs","names":["Radio","BaseRadio"],"sources":["../../src/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { type CSSProperties, memo } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { RadioProps } from './type';\n\nconst Radio = memo<RadioProps>(\n  ({\n    size = 16,\n    backgroundColor,\n    children,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    textProps,\n    disabled,\n    ...rest\n  }) => {\n    const dotStyle: CSSProperties = {\n      height: size,\n      width: size,\n      ...(backgroundColor ? { '--lobe-radio-bg': backgroundColor } : {}),\n      ...(children ? {} : style),\n      ...customStyles?.radio,\n    };\n\n    const dot = (\n      <BaseRadio.Root\n        disabled={disabled}\n        {...rest}\n        {...styleProps(\n          [styles.root, focusRing.info],\n          clsx(children ? classNames?.radio : className, classNames?.radio),\n          dotStyle,\n        )}\n      >\n        <BaseRadio.Indicator\n          {...stylex.props(styles.indicator)}\n          style={{ height: Math.round(size * 0.375), width: Math.round(size * 0.375) }}\n        />\n      </BaseRadio.Root>\n    );\n\n    if (!children) return dot;\n\n    return (\n      <label\n        {...styleProps(styles.label, clsx(className, classNames?.wrapper), {\n          gap: Math.floor(size / 2),\n          ...style,\n          ...customStyles?.wrapper,\n        })}\n      >\n        {dot}\n        <Text\n          as={'span'}\n          className={classNames?.text}\n          style={customStyles?.text}\n          {...textProps}\n          type={disabled ? 'secondary' : textProps?.type}\n        >\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;AAWA,MAAMA,UAAQ,MAAkB,EAC9B,OAAO,IACP,iBACA,UACA,WACA,YACA,QAAQ,cACR,OACA,WACA,UACA,GAAG,WACC;CACJ,MAAM,WAA0B;EAC9B,QAAQ;EACR,OAAO;EACP,GAAI,kBAAkB,EACpB,mBAAmB,gBACrB,IAAI,CAAC;EACL,GAAI,WAAW,CAAC,IAAI;EACpB,GAAG,cAAc;CACnB;CACA,MAAM,MAAM,oBAACC,MAAU,MAAX;EAA0B;EAAU,GAAI;EAAM,GAAI,WAAW,CAAC,OAAO,MAAM,UAAU,IAAI,GAAG,KAAK,WAAW,YAAY,QAAQ,WAAW,YAAY,KAAK,GAAG,QAAQ;EAC7K,UAAA,oBAACA,MAAU,WAAX;GAAqB,GAAI,OAAO,MAAM,OAAO,SAAS;GAAG,OAAO;IAClE,QAAQ,KAAK,MAAM,OAAO,IAAK;IAC/B,OAAO,KAAK,MAAM,OAAO,IAAK;GAChC;EAAI,CAAA;CACc,CAAA;CACpB,IAAI,CAAC,UAAU,OAAO;CACtB,OAAO,qBAAC,SAAD;EAAO,GAAI,WAAW,OAAO,OAAO,KAAK,WAAW,YAAY,OAAO,GAAG;GAC/E,KAAK,KAAK,MAAM,OAAO,CAAC;GACxB,GAAG;GACH,GAAG,cAAc;EACnB,CAAC;EAJM,UAAA,CAKA,KACD,oBAAC,MAAD;GAAM,IAAI;GAAQ,WAAW,YAAY;GAAM,OAAO,cAAc;GAAM,GAAI;GAAW,MAAM,WAAW,cAAc,WAAW;GAChI;EACG,CAAA,CACD;;AACb,CAAC;AACD,QAAM,cAAc"}
+{"version":3,"file":"Radio.mjs","names":["Radio","BaseRadio","clsx"],"sources":["../../src/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { type CSSProperties, memo } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { RadioProps } from './type';\n\nconst Radio = memo<RadioProps>(\n  ({\n    size = 16,\n    backgroundColor,\n    children,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    textProps,\n    disabled,\n    ...rest\n  }) => {\n    const dotStyle: CSSProperties = {\n      height: size,\n      width: size,\n      ...(backgroundColor ? { '--lobe-radio-bg': backgroundColor } : {}),\n      ...(children ? {} : style),\n      ...customStyles?.radio,\n    };\n\n    const dot = (\n      <BaseRadio.Root\n        disabled={disabled}\n        {...rest}\n        {...styleProps(\n          [styles.root, focusRing.info],\n          clsx(children ? classNames?.radio : className, classNames?.radio),\n          dotStyle,\n        )}\n      >\n        <BaseRadio.Indicator\n          {...stylex.props(styles.indicator)}\n          style={{ height: Math.round(size * 0.375), width: Math.round(size * 0.375) }}\n        />\n      </BaseRadio.Root>\n    );\n\n    if (!children) return dot;\n\n    return (\n      <label\n        {...styleProps(styles.label, clsx(className, classNames?.wrapper), {\n          gap: Math.floor(size / 2),\n          ...style,\n          ...customStyles?.wrapper,\n        })}\n      >\n        {dot}\n        <Text\n          as={'span'}\n          className={classNames?.text}\n          style={customStyles?.text}\n          {...textProps}\n          type={disabled ? 'secondary' : textProps?.type}\n        >\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;AAWA,MAAMA,UAAQ,MAAkB,EAC9B,OAAO,IACP,iBACA,UACA,WACA,YACA,QAAQ,cACR,OACA,WACA,UACA,GAAG,WACC;CACJ,MAAM,WAA0B;EAC9B,QAAQ;EACR,OAAO;EACP,GAAI,kBAAkB,EACpB,mBAAmB,gBACrB,IAAI,CAAC;EACL,GAAI,WAAW,CAAC,IAAI;EACpB,GAAG,cAAc;CACnB;CACA,MAAM,MAAM,oBAACC,MAAU,MAAX;EAA0B;EAAU,GAAI;EAAM,GAAI,WAAW,CAAC,OAAO,MAAM,UAAU,IAAI,GAAGC,OAAK,WAAW,YAAY,QAAQ,WAAW,YAAY,KAAK,GAAG,QAAQ;EAC7K,UAAA,oBAACD,MAAU,WAAX;GAAqB,GAAI,OAAO,MAAM,OAAO,SAAS;GAAG,OAAO;IAClE,QAAQ,KAAK,MAAM,OAAO,IAAK;IAC/B,OAAO,KAAK,MAAM,OAAO,IAAK;GAChC;EAAI,CAAA;CACc,CAAA;CACpB,IAAI,CAAC,UAAU,OAAO;CACtB,OAAO,qBAAC,SAAD;EAAO,GAAI,WAAW,OAAO,OAAOC,OAAK,WAAW,YAAY,OAAO,GAAG;GAC/E,KAAK,KAAK,MAAM,OAAO,CAAC;GACxB,GAAG;GACH,GAAG,cAAc;EACnB,CAAC;EAJM,UAAA,CAKA,KACD,oBAAC,MAAD;GAAM,IAAI;GAAQ,WAAW,YAAY;GAAM,OAAO,cAAc;GAAM,GAAI;GAAW,MAAM,WAAW,cAAc,WAAW;GAChI;EACG,CAAA,CACD;;AACb,CAAC;AACD,QAAM,cAAc"}

package/es/ScrollArea/atoms.mjs

@@ -3,13 +3,13 @@ import { styleProps } from "../styles/stylex/props.mjs";
 import { focusRing } from "../styles/stylex/focusRing.mjs";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 //#region src/ScrollArea/atoms.tsx
 const classNameOf = (styles) => styleProps(styles).className;
 const mergeStateClassName = (base, className) => {
-	if (typeof className === "function") return (state) => clsx(base, className(state));
-	return clsx(base, className);
+	if (typeof className === "function") return (state) => clsx$1(base, className(state));
+	return clsx$1(base, className);
 };
 const ScrollAreaRoot = ({ className, ...rest }) => {
 	return /* @__PURE__ */ jsx(ScrollArea.Root, {
@@ -28,7 +28,7 @@ const resolveFadeClass = (scrollFade) => {
 const ScrollAreaViewportImpl = ({ className, scrollFade = false, xstyle, ...rest }) => {
 	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
 		...rest,
-		className: mergeStateClassName(clsx(classNameOf([
+		className: mergeStateClassName(clsx$1(classNameOf([
 			styles.viewport,
 			focusRing.info,
 			xstyle