@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.1

package/dist/chunks/table-Cm9NhT9K.js

@@ -0,0 +1,154 @@
+import { a as e, c as t, d as ee, i as n, n as r, o as i, p as te, r as ne, s as re, t as ie } from "./base-table-CoVXG2FT.js";
+import { s as ae } from "./sortable-BujAJgFa.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useEffect as o, useEffectEvent as s, useMemo as c, useRef as l } from "react";
+import { formatPipelineDisplayValue as u } from "@ryuzaki13/react-foundation-lib/formatters";
+import { foundationTableFeatures as d, useTableRowSelection as oe } from "@ryuzaki13/react-foundation-lib/table";
+import { moveArrayItem as se } from "@ryuzaki13/react-foundation-lib/array";
+import { useTable as ce } from "@tanstack/react-table";
+var f = {
+	selectedIndicatorCell: "hKghZt",
+	sentinel: "QsLRvS"
+};
+//#endregion
+//#region src/table/Table.tsx
+function le(e, t) {
+	return String(t);
+}
+function p({ title: p, isLoading: m, isFetching: ue, data: h, columns: g, selectionMode: _ = "none", selectedRowIds: de, getRowId: fe, className: pe, minHeight: me, tableClassName: he, columnVisibility: v, defaultColumnVisibility: y, columnOrder: b, defaultColumnOrder: x, columnSizing: S, defaultColumnSizing: C, columnPinning: w, defaultColumnPinning: T, enableColumnResizing: E = !1, enableColumnReordering: D = !1, rowReordering: O, columnResizeMinWidth: k, onColumnVisibilityChange: A, onColumnOrderChange: j, onColumnSizingChange: M, onColumnPinningChange: N, onRowClick: P, onRowSelectionChange: F, onReachEnd: I, getRowCanSelect: L, getRowClassName: R, renderHeaderContextMenu: ge, renderCellContent: z }) {
+	let B = c(() => h ?? [], [h]), V = c(() => t(g), [g]), H = fe ?? le, U = c(() => new Map(B.map((e, t) => [H(e, t), e])), [H, B]), _e = c(() => Array.from(U.keys()), [U]), W = l(null), G = l(null), { rowSelection: ve, activateRowSelection: ye } = oe({
+		availableRowIds: _e,
+		rowById: U,
+		selectionMode: _,
+		selectedRowIds: de,
+		onRowSelectionChange: F
+	}), { columnVisibility: K, onColumnVisibilityChange: be } = ne({
+		columnVisibility: v,
+		defaultColumnVisibility: y,
+		onColumnVisibilityChange: A
+	}), { columnOrder: q, onColumnOrderChange: xe } = i({
+		columnOrder: b,
+		defaultColumnOrder: x,
+		onColumnOrderChange: j
+	}), { columnSizing: J, onColumnSizingChange: Se } = n({
+		columnSizing: S,
+		defaultColumnSizing: C,
+		columnResizeMinWidth: k,
+		onColumnSizingChange: M
+	}), { columnPinning: Y, onColumnPinningChange: Ce } = e({
+		columnPinning: w,
+		defaultColumnPinning: T,
+		onColumnPinningChange: N
+	}), X = c(() => ({
+		columnOrder: q,
+		columnPinning: Y,
+		columnSizing: J,
+		columnVisibility: K
+	}), [
+		q,
+		Y,
+		J,
+		K
+	]), we = s(() => {
+		I?.();
+	});
+	o(() => {
+		if (!I || !W.current || !G.current || m) return;
+		let e = new IntersectionObserver((e) => {
+			e[0]?.isIntersecting && we();
+		}, {
+			root: W.current,
+			threshold: .1
+		});
+		return e.observe(G.current), () => e.disconnect();
+	}, [
+		m,
+		I,
+		B.length
+	]);
+	let Z = ce({
+		features: d,
+		data: B,
+		columns: g,
+		state: {
+			columnOrder: q,
+			columnPinning: Y,
+			columnSizing: J,
+			columnVisibility: K,
+			rowSelection: ve
+		},
+		onColumnOrderChange: xe,
+		onColumnPinningChange: Ce,
+		onColumnSizingChange: Se,
+		onColumnVisibilityChange: be,
+		getRowId: (e, t) => H(e, t),
+		enableMultiRowSelection: _ === "multi",
+		enableRowSelection: (e) => _ === "none" ? !1 : !L || L(e.original)
+	}), Q = te(Z, X), $ = Z.getRowModel().rows, Te = c(() => $.map((e) => e.id), [$]), Ee = c(() => re({
+		rows: $,
+		columns: Q
+	}), [$, Q]), De = Q[0]?.id;
+	return /* @__PURE__ */ a(r, {
+		table: Z,
+		columnState: X,
+		title: p,
+		isLoading: m,
+		isFetching: ue,
+		className: pe,
+		minHeight: me,
+		tableClassName: he,
+		selectionMode: _,
+		scrollableRef: W,
+		onActivateRow: _ !== "none" || P ? (e) => {
+			ye(e.id, e.getCanSelect()), P?.(e.original);
+		} : void 0,
+		isRowInteractive: (e) => !!(P || _ !== "none" && e.getCanSelect()),
+		getRowClassName: (e) => R?.(e.original),
+		getCellClassName: ({ row: e, cell: t }) => t.column.id === De && e.getIsSelected() ? f.selectedIndicatorCell : void 0,
+		getCellLayout: ({ cell: e }) => Ee.get(e.id),
+		renderHeaderContextMenu: ge,
+		enableColumnResizing: E,
+		enableColumnReordering: D,
+		rowReordering: O ? {
+			disabled: O.disabled,
+			onDragEnd: (e) => {
+				if (!O || O.disabled) return;
+				let t = ae({
+					event: e,
+					items: Te
+				});
+				t && O.onReorder(se($.map((e) => e.original), t.fromIndex, t.toIndex));
+			}
+		} : void 0,
+		columnResizeMinWidth: k,
+		renderCellContent: (e) => {
+			let t = u({
+				field: V.runtimeByColumnId[e.cell.column.id],
+				rawValue: e.cell.getValue(),
+				rowData: e.row.original,
+				rowKind: "plain"
+			}), n = ee({
+				columnId: e.cell.column.id,
+				runtimeByColumnId: V.runtimeByColumnId,
+				customCellColumnIds: V.customCellColumnIds
+			}) ? /* @__PURE__ */ a(ie, {
+				displayValue: t,
+				align: e.columnMeta?.align
+			}) : e.defaultContent;
+			return z ? z({
+				...e,
+				defaultContent: n,
+				displayValue: t
+			}) : n;
+		},
+		afterTableContent: I ? /* @__PURE__ */ a("div", {
+			ref: G,
+			className: f.sentinel,
+			"aria-hidden": "true"
+		}) : null
+	});
+}
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=table-Cm9NhT9K.js.map

package/dist/chunks/table-Cm9NhT9K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-Cm9NhT9K.js","names":[],"sources":["../../src/table/Table.module.scss","../../src/table/Table.tsx"],"sourcesContent":[".selectedIndicatorCell {\n\tbox-shadow: inset 0.1875rem 0 0 var(--accent-text);\n}\n\n.sentinel {\n\theight: 1px;\n}\n","import { useEffect, useEffectEvent, useMemo, useRef } from \"react\";\n\nimport { type DragEndEvent } from \"@dnd-kit/core\";\nimport { moveArrayItem } from \"@ryuzaki13/react-foundation-lib/array\";\nimport { formatPipelineDisplayValue } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { TableFormulaRowData } from \"@ryuzaki13/react-foundation-lib/formulas\";\nimport {\n\ttype FoundationTableRow,\n\tfoundationTableFeatures,\n\ttype TableColumnDef,\n\ttype TableColumnOrderState,\n\ttype TableColumnSizingState,\n\ttype TableColumnVisibilityState,\n\ttype TableSelectionMode,\n\tuseTableRowSelection\n} from \"@ryuzaki13/react-foundation-lib/table\";\nimport { useTable } from \"@tanstack/react-table\";\n\nimport {\n\tBaseTable,\n\tbuildBaseTableMergedCellsLayout,\n\tbuildTableFormattingSnapshot,\n\tFormattedTableCell,\n\tgetOrderedVisibleLeafColumns,\n\tshouldUseTableFormatting,\n\tuseTableColumnOrder,\n\tuseTableColumnPinning,\n\tuseTableColumnSizing,\n\tuseTableColumnVisibility,\n\ttype BaseTableColumnState,\n\ttype BaseTableProps,\n\ttype TableColumnPinningState\n} from \"../base-table\";\nimport { getSortableReorderResult } from \"../sortable\";\n\nimport styles from \"./Table.module.scss\";\n\n/**\n * Возвращает индекс как строковый id, если внешний id не передан.\n */\nfunction defaultGetRowId<TData>(_row: TData, index: number): string {\n\treturn String(index);\n}\n\n/** Управляемая перестановка строк; визуальную ручку потребитель размещает в нужной колонке через `Sortable.DragHandle`. */\nexport interface TableRowReordering<TData extends object> {\n\tdisabled?: boolean;\n\tonReorder: (rows: readonly TData[]) => void;\n}\n\n/**\n * Пропсы компонента Table.\n *\n * Компонент предназначен для плоских данных и по API осознанно сближен с TreeTable.\n */\nexport interface TableProps<TData extends object> {\n\t/**\n\t * Необязательный заголовок над таблицей.\n\t */\n\ttitle?: string;\n\t/**\n\t * Признак первичной загрузки.\n\t */\n\tisLoading?: boolean;\n\t/**\n\t * Признак фоновой догрузки или обновления данных.\n\t */\n\tisFetching?: boolean;\n\t/**\n\t * Плоский источник строк.\n\t */\n\tdata: readonly TData[] | undefined | null;\n\t/**\n\t * Описание колонок таблицы.\n\t */\n\tcolumns: readonly TableColumnDef<TData>[];\n\t/**\n\t * Режим выбора строк.\n\t */\n\tselectionMode?: TableSelectionMode;\n\t/**\n\t * Внешний список выбранных строк.\n\t *\n\t * Если передан, таблица синхронизирует визуальное выделение с этим набором id.\n\t */\n\tselectedRowIds?: readonly string[];\n\t/**\n\t * Стабильный идентификатор строки.\n\t *\n\t * Если не задан, используется индекс строки.\n\t */\n\tgetRowId?: (row: TData, index: number) => string;\n\t/**\n\t * Дополнительный CSS-класс корневого контейнера.\n\t */\n\tclassName?: string;\n\tminHeight?: `${number}em` | `${number}%`;\n\t/**\n\t * Дополнительный CSS-класс тега `table`.\n\t */\n\ttableClassName?: string;\n\t/**\n\t * Внешнее controlled-состояние видимости колонок.\n\t */\n\tcolumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Стартовое uncontrolled-состояние видимости колонок.\n\t */\n\tdefaultColumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Внешнее controlled-состояние порядка колонок.\n\t */\n\tcolumnOrder?: readonly string[];\n\t/**\n\t * Стартовое uncontrolled-состояние порядка колонок.\n\t */\n\tdefaultColumnOrder?: readonly string[];\n\t/**\n\t * Внешнее controlled-состояние ширин колонок в px.\n\t */\n\tcolumnSizing?: TableColumnSizingState;\n\t/**\n\t * Стартовое uncontrolled-состояние ширин колонок в px.\n\t */\n\tdefaultColumnSizing?: TableColumnSizingState;\n\t/**\n\t * Внешнее controlled-состояние start-pinning для колонок.\n\t */\n\tcolumnPinning?: TableColumnPinningState;\n\t/**\n\t * Стартовое uncontrolled-состояние start-pinning для колонок.\n\t */\n\tdefaultColumnPinning?: TableColumnPinningState;\n\t/**\n\t * Включает изменение ширины колонок через header-handle.\n\t */\n\tenableColumnResizing?: boolean;\n\t/**\n\t * Включает изменение порядка колонок через drag&drop заголовков.\n\t */\n\tenableColumnReordering?: boolean;\n\t/**\n\t * Включает вертикальную перестановку строк через `Sortable.DragHandle` в пользовательской колонке.\n\t */\n\trowReordering?: TableRowReordering<TData>;\n\t/**\n\t * Минимальная ширина колонки при resize в px.\n\t */\n\tcolumnResizeMinWidth?: number;\n\t/**\n\t * Вызывается после изменения видимости колонок.\n\t */\n\tonColumnVisibilityChange?: (state: TableColumnVisibilityState) => void;\n\t/**\n\t * Вызывается после изменения порядка колонок.\n\t */\n\tonColumnOrderChange?: (state: TableColumnOrderState) => void;\n\t/**\n\t * Вызывается после изменения ширины колонок.\n\t */\n\tonColumnSizingChange?: (state: TableColumnSizingState) => void;\n\t/**\n\t * Вызывается после изменения start-pinning state.\n\t */\n\tonColumnPinningChange?: (state: TableColumnPinningState) => void;\n\t/**\n\t * Вызывается при активации строки кликом или клавиатурой.\n\t */\n\tonRowClick?: (row: TData) => void;\n\t/**\n\t * Вызывается после изменения выбранных строк.\n\t */\n\tonRowSelectionChange?: (rows: TData[]) => void;\n\t/**\n\t * Вызывается при достижении конца таблицы внутри scroll-контейнера.\n\t */\n\tonReachEnd?: () => void;\n\t/**\n\t * Позволяет запретить выбор отдельных строк.\n\t */\n\tgetRowCanSelect?: (row: TData) => boolean;\n\t/**\n\t * Позволяет добавить CSS-класс для конкретной строки.\n\t */\n\tgetRowClassName?: (row: TData) => string | undefined;\n\t/**\n\t * Контекстное меню заголовка колонки. Используется для общих runtime-действий\n\t * вроде server sorting без встраивания доменной логики в shared-таблицу.\n\t */\n\trenderHeaderContextMenu?: BaseTableProps<TData>[\"renderHeaderContextMenu\"];\n\t/**\n\t * Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\t *\n\t * В отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n\t * `defaultContent` уже содержит отформатированное значение, если оно применимо.\n\t */\n\trenderCellContent?: BaseTableProps<TData>[\"renderCellContent\"];\n}\n\n/**\n * Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.\n */\nexport function Table<TData extends object>({\n\ttitle,\n\tisLoading,\n\tisFetching,\n\tdata,\n\tcolumns,\n\tselectionMode = \"none\",\n\tselectedRowIds,\n\tgetRowId,\n\tclassName,\n\tminHeight,\n\ttableClassName,\n\tcolumnVisibility,\n\tdefaultColumnVisibility,\n\tcolumnOrder,\n\tdefaultColumnOrder,\n\tcolumnSizing,\n\tdefaultColumnSizing,\n\tcolumnPinning,\n\tdefaultColumnPinning,\n\tenableColumnResizing = false,\n\tenableColumnReordering = false,\n\trowReordering,\n\tcolumnResizeMinWidth,\n\tonColumnVisibilityChange,\n\tonColumnOrderChange,\n\tonColumnSizingChange,\n\tonColumnPinningChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tonReachEnd,\n\tgetRowCanSelect,\n\tgetRowClassName,\n\trenderHeaderContextMenu,\n\trenderCellContent\n}: TableProps<TData>) {\n\tconst tableData = useMemo(() => data ?? [], [data]);\n\tconst formattingSnapshot = useMemo(() => buildTableFormattingSnapshot(columns), [columns]);\n\tconst resolveRowId = getRowId ?? defaultGetRowId<TData>;\n\tconst rowById = useMemo(() => new Map(tableData.map((row, index) => [resolveRowId(row, index), row])), [resolveRowId, tableData]);\n\tconst availableRowIds = useMemo(() => Array.from(rowById.keys()), [rowById]);\n\tconst scrollableRef = useRef<HTMLDivElement | null>(null);\n\tconst sentinelRef = useRef<HTMLDivElement | null>(null);\n\n\tconst { rowSelection, activateRowSelection } = useTableRowSelection({\n\t\tavailableRowIds,\n\t\trowById,\n\t\tselectionMode,\n\t\tselectedRowIds,\n\t\tonRowSelectionChange\n\t});\n\tconst { columnVisibility: resolvedColumnVisibility, onColumnVisibilityChange: handleColumnVisibilityChange } = useTableColumnVisibility(\n\t\t{\n\t\t\tcolumnVisibility,\n\t\t\tdefaultColumnVisibility,\n\t\t\tonColumnVisibilityChange\n\t\t}\n\t);\n\tconst { columnOrder: resolvedColumnOrder, onColumnOrderChange: handleColumnOrderChange } = useTableColumnOrder({\n\t\tcolumnOrder,\n\t\tdefaultColumnOrder,\n\t\tonColumnOrderChange\n\t});\n\tconst { columnSizing: resolvedColumnSizing, onColumnSizingChange: handleColumnSizingChange } = useTableColumnSizing({\n\t\tcolumnSizing,\n\t\tdefaultColumnSizing,\n\t\tcolumnResizeMinWidth,\n\t\tonColumnSizingChange\n\t});\n\tconst { columnPinning: resolvedColumnPinning, onColumnPinningChange: handleColumnPinningChange } = useTableColumnPinning({\n\t\tcolumnPinning,\n\t\tdefaultColumnPinning,\n\t\tonColumnPinningChange\n\t});\n\tconst baseTableColumnState = useMemo<BaseTableColumnState>(\n\t\t() => ({\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility\n\t\t}),\n\t\t[resolvedColumnOrder, resolvedColumnPinning, resolvedColumnSizing, resolvedColumnVisibility]\n\t);\n\n\tconst emitReachEnd = useEffectEvent(() => {\n\t\tonReachEnd?.();\n\t});\n\n\tuseEffect(() => {\n\t\tif (!onReachEnd || !scrollableRef.current || !sentinelRef.current || isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst entry = entries[0];\n\n\t\t\t\tif (entry?.isIntersecting) {\n\t\t\t\t\temitReachEnd();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: scrollableRef.current,\n\t\t\t\tthreshold: 0.1\n\t\t\t}\n\t\t);\n\n\t\tobserver.observe(sentinelRef.current);\n\n\t\treturn () => observer.disconnect();\n\t}, [isLoading, onReachEnd, tableData.length]);\n\n\tconst table = useTable({\n\t\tfeatures: foundationTableFeatures,\n\t\tdata: tableData as TData[],\n\t\tcolumns: columns as TableColumnDef<TData>[],\n\t\tstate: {\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility,\n\t\t\trowSelection\n\t\t},\n\t\tonColumnOrderChange: handleColumnOrderChange,\n\t\tonColumnPinningChange: handleColumnPinningChange,\n\t\tonColumnSizingChange: handleColumnSizingChange,\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tgetRowId: (row, index) => resolveRowId(row, index),\n\t\tenableMultiRowSelection: selectionMode === \"multi\",\n\t\tenableRowSelection: (row) => {\n\t\t\tif (selectionMode === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn getRowCanSelect ? getRowCanSelect(row.original) : true;\n\t\t}\n\t});\n\n\tconst visibleLeafColumns = getOrderedVisibleLeafColumns(table, baseTableColumnState);\n\tconst rowModelRows = table.getRowModel().rows;\n\tconst rowIds = useMemo(() => rowModelRows.map((row) => row.id), [rowModelRows]);\n\tconst mergedCellLayout = useMemo(\n\t\t() =>\n\t\t\tbuildBaseTableMergedCellsLayout({\n\t\t\t\trows: rowModelRows,\n\t\t\t\tcolumns: visibleLeafColumns\n\t\t\t}),\n\t\t[rowModelRows, visibleLeafColumns]\n\t);\n\tconst leadingColumnId = visibleLeafColumns[0]?.id;\n\tconst handleRowDragEnd = (event: DragEndEvent) => {\n\t\tif (!rowReordering || rowReordering.disabled) return;\n\n\t\tconst reorder = getSortableReorderResult({ event, items: rowIds });\n\t\tif (!reorder) return;\n\n\t\trowReordering.onReorder(\n\t\t\tmoveArrayItem(\n\t\t\t\trowModelRows.map((row) => row.original),\n\t\t\t\treorder.fromIndex,\n\t\t\t\treorder.toIndex\n\t\t\t)\n\t\t);\n\t};\n\n\t/**\n\t * Активирует строку: обновляет выбор в соответствии с режимом и вызывает внешний callback.\n\t */\n\tconst activateRow = (row: FoundationTableRow<TData>) => {\n\t\tactivateRowSelection(row.id, row.getCanSelect());\n\t\tonRowClick?.(row.original);\n\t};\n\n\treturn (\n\t\t<BaseTable\n\t\t\ttable={table}\n\t\t\tcolumnState={baseTableColumnState}\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tisFetching={isFetching}\n\t\t\tclassName={className}\n\t\t\tminHeight={minHeight}\n\t\t\ttableClassName={tableClassName}\n\t\t\tselectionMode={selectionMode}\n\t\t\tscrollableRef={scrollableRef}\n\t\t\tonActivateRow={selectionMode !== \"none\" || onRowClick ? activateRow : undefined}\n\t\t\tisRowInteractive={(row) => Boolean(onRowClick || (selectionMode !== \"none\" && row.getCanSelect()))}\n\t\t\tgetRowClassName={(row) => getRowClassName?.(row.original)}\n\t\t\tgetCellClassName={({ row, cell }) =>\n\t\t\t\tcell.column.id === leadingColumnId && row.getIsSelected() ? styles.selectedIndicatorCell : undefined\n\t\t\t}\n\t\t\tgetCellLayout={({ cell }) => mergedCellLayout.get(cell.id)}\n\t\t\trenderHeaderContextMenu={renderHeaderContextMenu}\n\t\t\tenableColumnResizing={enableColumnResizing}\n\t\t\tenableColumnReordering={enableColumnReordering}\n\t\t\trowReordering={\n\t\t\t\trowReordering\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tdisabled: rowReordering.disabled,\n\t\t\t\t\t\t\tonDragEnd: handleRowDragEnd\n\t\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tcolumnResizeMinWidth={columnResizeMinWidth}\n\t\t\trenderCellContent={(args) => {\n\t\t\t\tconst displayValue = formatPipelineDisplayValue({\n\t\t\t\t\tfield: formattingSnapshot.runtimeByColumnId[args.cell.column.id],\n\t\t\t\t\trawValue: args.cell.getValue(),\n\t\t\t\t\trowData: args.row.original as TableFormulaRowData,\n\t\t\t\t\trowKind: \"plain\"\n\t\t\t\t});\n\t\t\t\tconst defaultContent = !shouldUseTableFormatting({\n\t\t\t\t\tcolumnId: args.cell.column.id,\n\t\t\t\t\truntimeByColumnId: formattingSnapshot.runtimeByColumnId,\n\t\t\t\t\tcustomCellColumnIds: formattingSnapshot.customCellColumnIds\n\t\t\t\t}) ? (\n\t\t\t\t\targs.defaultContent\n\t\t\t\t) : (\n\t\t\t\t\t<FormattedTableCell displayValue={displayValue} align={args.columnMeta?.align} />\n\t\t\t\t);\n\n\t\t\t\tif (renderCellContent) {\n\t\t\t\t\treturn renderCellContent({\n\t\t\t\t\t\t...args,\n\t\t\t\t\t\tdefaultContent,\n\t\t\t\t\t\tdisplayValue\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn defaultContent;\n\t\t\t}}\n\t\t\tafterTableContent={onReachEnd ? <div ref={sentinelRef} className={styles.sentinel} aria-hidden=\"true\" /> : null}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/context-menu/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/context-menu-BV8636Ou.js";
+import { n as e, t } from "../chunks/context-menu-BlLesqpZ.js";
 export { e as ContextMenu, t as DropdownMenu };

package/dist/disclosure/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../chunks/ui.module-oRwY3Zli.js";
 import { n as t } from "../chunks/uiClasses-CQj47jkF.js";
-import { t as n } from "../chunks/flex-D86M_h-0.js";
+import { t as n } from "../chunks/flex-BhrQCH4I.js";
 import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
 import { ChevronDownIcon as i, ChevronUpIcon as a } from "lucide-react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/errors/index.js

@@ -1,5 +1,5 @@
 import { Text as e } from "../text/index.js";
-import { r as t } from "../chunks/flex-D86M_h-0.js";
+import { r as t } from "../chunks/flex-BhrQCH4I.js";
 import { logError as n } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Component as a, useEffect as o, useState as s } from "react";

package/dist/expandable-action-panel/index.js

@@ -1,5 +1,5 @@
 import { n as e } from "../chunks/button-DudCl375.js";
-import { l as t } from "../chunks/misc-BjdDK6mm.js";
+import { l as t } from "../chunks/misc-Dcr24uDY.js";
 import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
 import { ChevronsLeftIcon as r, ChevronsRightIcon as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

package/dist/flex/FlexContainer.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "react";
-import { FlexContainerProps } from "./types";
+import { type FlexContainerProps } from "./types";
 export declare function FlexContainer({ ref, children, className, as, style, inline, row, column, rowReverse, columnReverse, wrap, nowrap, wrapReverse, align, justify, alignContent, gap, gapRow, gapColumn, ...htmlProps }: FlexContainerProps & {
     ref?: Ref<HTMLElement>;
 }): import("react").JSX.Element;

package/dist/flex/FlexContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexContainer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAA4B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoBvE,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,UAAU,EACV,aAAa,EACb,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAoDjD;yBAzEe,aAAa"}
+{"version":3,"file":"FlexContainer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,UAAU,EACV,aAAa,EACb,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAwBjD;yBA7Ce,aAAa"}

package/dist/flex/FlexItem.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "react";
-import { FlexItemProps } from "./types";
+import { type FlexItemProps } from "./types";
 export declare function FlexItem({ ref, children, className, as, style, flex0, flex1, grow, shrink, basis, alignSelf, justifySelf, ...htmlProps }: FlexItemProps & {
     ref?: Ref<HTMLElement>;
 }): import("react").JSX.Element;

package/dist/flex/FlexItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../src/flex/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7D,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAgB5C;yBA9Be,QAAQ"}
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../src/flex/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAS5C;yBAvBe,QAAQ"}

package/dist/flex/PredefinedFlex.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "react";
-import { PredefinedFlexProps } from "./types";
+import { type PredefinedFlexProps } from "./types";
 export declare function PredefinedFlex({ ref, variant, children, className, ...props }: PredefinedFlexProps & {
     ref?: Ref<HTMLElement>;
 }): import("react").JSX.Element;

package/dist/flex/PredefinedFlex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedFlex.d.ts","sourceRoot":"","sources":["../../src/flex/PredefinedFlex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BASpI;yBATe,cAAc"}
+{"version":3,"file":"PredefinedFlex.d.ts","sourceRoot":"","sources":["../../src/flex/PredefinedFlex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BASpI;yBATe,cAAc"}

package/dist/flex/getFlexClasses.d.ts

@@ -0,0 +1,5 @@
+import { type FlexContainerLayoutProps, type FlexItemLayoutProps } from "./types";
+export declare function getFlexContainerClasses(props: FlexContainerLayoutProps): string;
+export declare function getFlexItemClasses(props: FlexItemLayoutProps): string;
+export declare function getFlexPredefinedClass(variant: string): string | undefined;
+//# sourceMappingURL=getFlexClasses.d.ts.map

package/dist/flex/getFlexClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFlexClasses.d.ts","sourceRoot":"","sources":["../../src/flex/getFlexClasses.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoIlF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,GAAG,MAAM,CAe/E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAerE;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE1E"}

package/dist/flex/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/flex-D86M_h-0.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/flex-BhrQCH4I.js";
 export { i as Flex, n as FlexCenter, r as FlexContainer, e as FlexItem, a as FlexSpacer, t as PredefinedFlex };

package/dist/grid/GridContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridContainer.d.ts","sourceRoot":"","sources":["../../src/grid/GridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BA4CjD;yBApEe,aAAa"}
+{"version":3,"file":"GridContainer.d.ts","sourceRoot":"","sources":["../../src/grid/GridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAwBjD;yBAhDe,aAAa"}

package/dist/grid/GridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../src/grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BA4B5C;yBAxCe,QAAQ"}
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../src/grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAW5C;yBAvBe,QAAQ"}

package/dist/grid/getGridClasses.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from "react";
+import type { GridContainerLayoutProps, GridItemLayoutProps } from "./types";
+type ResponsiveStyleResult = {
+    className?: string;
+    style: CSSProperties;
+};
+export declare function getGridContainerClasses(props: GridContainerLayoutProps): string;
+export declare function getGridContainerStyles(props: Pick<GridContainerLayoutProps, "templateColumns" | "templateRows" | "autoColumns" | "autoRows" | "areas">): ResponsiveStyleResult;
+export declare function getGridItemClasses(props: GridItemLayoutProps): string;
+export declare function getGridItemStyles(props: Pick<GridItemLayoutProps, "area" | "column" | "row">): ResponsiveStyleResult;
+export {};
+//# sourceMappingURL=getGridClasses.d.ts.map

package/dist/grid/getGridClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGridClasses.d.ts","sourceRoot":"","sources":["../../src/grid/getGridClasses.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmB3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAO7E,KAAK,qBAAqB,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;CACrB,CAAC;AAuIF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,GAAG,MAAM,CAe/E;AAED,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,iBAAiB,GAAG,cAAc,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC,GAC9G,qBAAqB,CAWvB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAerE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,GAAG,qBAAqB,CASpH"}

package/dist/grid/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/grid-CFuzBigM.js";
+import { n as e, r as t, t as n } from "../chunks/grid-D6wPRCjx.js";
 export { n as Grid, t as GridContainer, e as GridItem };

package/dist/image/index.js

@@ -1,6 +1,6 @@
 import { n as e } from "../chunks/button-DudCl375.js";
-import { r as t } from "../chunks/grid-CFuzBigM.js";
-import { i as n, n as r, r as i } from "../chunks/modal-CBGNsqrq.js";
+import { r as t } from "../chunks/grid-D6wPRCjx.js";
+import { i as n, n as r, r as i } from "../chunks/modal-DeABSKrb.js";
 import { s as a } from "../chunks/input-KXI7o06g.js";
 import { t as o } from "../chunks/input-files-CnBNlJo0.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/layout-picker/index.js

@@ -1,4 +1,4 @@
-import { f as e, i as t, s as n, t as r, v as i } from "../chunks/picker-DagDe9OH.js";
+import { f as e, i as t, s as n, t as r, v as i } from "../chunks/picker-CWx7vPE8.js";
 import { Option as ee } from "../option/index.js";
 import { t as a } from "../chunks/OptionContentContainer-CWHlfm5Z.js";
 import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";

package/dist/list/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/grid-CFuzBigM.js";
-import { c as t, h as n } from "../chunks/misc-BjdDK6mm.js";
+import { t as e } from "../chunks/grid-D6wPRCjx.js";
+import { c as t, h as n } from "../chunks/misc-Dcr24uDY.js";
 import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
 import { jsx as i } from "react/jsx-runtime";
 import a, { Children as o, useLayoutEffect as s, useReducer as c, useRef as l, useState as u } from "react";

package/dist/listbox/index.js

@@ -1,4 +1,4 @@
-import { h as e, v as t } from "../chunks/picker-DagDe9OH.js";
+import { h as e, v as t } from "../chunks/picker-CWx7vPE8.js";
 import { Option as n, OptionContent as r } from "../option/index.js";
 import { t as i } from "../chunks/OptionContentContainer-CWHlfm5Z.js";
 import { findFirstEnabledIndex as a, findLastEnabledIndex as o, findNextEnabledIndex as s, handleKeyboardActivation as c } from "@ryuzaki13/react-foundation-lib/utils";

package/dist/misc/index.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-BjdDK6mm.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-Dcr24uDY.js";
 export { n as AnimatedLogo, y as AnimatedLogoSegment, v as CopyTextWrapper, d as ErrorIcon, e as IconWrapper, m as InformationIcon, u as LazyDynamicComponent, a as LazyValue, s as LoadingMessage, o as Message, i as NoData, _ as Notice, l as OneStepScroller, c as RenderStateIcon, r as Scrollable, p as SkeletonLine, t as StateIcon, g as StateWrapper, f as SuccessIcon, h as WarningIcon };

package/dist/modal/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-CBGNsqrq.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-DeABSKrb.js";
 export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };

package/dist/multi-select/index.js

@@ -1,6 +1,6 @@
 import { Text as e } from "../text/index.js";
 import { t } from "../chunks/ui.module-oRwY3Zli.js";
-import { a as n, f as r, i, m as a, n as o, r as s, s as c, t as l, u, v as d } from "../chunks/picker-DagDe9OH.js";
+import { a as n, f as r, i, m as a, n as o, r as s, s as c, t as l, u, v as d } from "../chunks/picker-CWx7vPE8.js";
 import { t as f } from "../chunks/separator-CHpBud1e.js";
 import { Option as p, OptionButton as m } from "../option/index.js";
 import { t as h } from "../chunks/check-box-D_Y6iIWv.js";

package/dist/notifications/index.js

@@ -1,4 +1,4 @@
-import { o as e } from "../chunks/flex-D86M_h-0.js";
+import { o as e } from "../chunks/flex-BhrQCH4I.js";
 import { n as t } from "../chunks/button-DudCl375.js";
 import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
 import { AlertCircleIcon as r, CheckCircle2Icon as i, InfoIcon as a, TriangleAlertIcon as o, XIcon as s } from "lucide-react";

package/dist/picker/index.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../chunks/picker-DagDe9OH.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../chunks/picker-CWx7vPE8.js";
 export { e as PickerClearButton, _ as PickerField, o as PickerOptions, i as PickerPopup, r as PickerSelectedToken, a as PickerSelectionToolbar, g as PickerStatus, m as PickerTrigger, c as PickerTriggerActions, n as PickerTriggerInput, d as createPickerTriggerPolicy, l as extractPickerTextContent, f as getPickerPlaceholder, t as usePickerDefaultFilter, s as usePickerFloatingListbox, p as usePickerQuery, u as usePickerSelectionLifecycle, h as usePickerTriggerController };

package/dist/preset-range-date-input/index.js

@@ -1,4 +1,4 @@
-import { o as e } from "../chunks/flex-D86M_h-0.js";
+import { o as e } from "../chunks/flex-BhrQCH4I.js";
 import { t } from "../chunks/date-input-B7iG9cA7.js";
 import { c as n, l as r, r as i, s as a, t as o, u as s } from "../chunks/date-range-preset-select-CyzGMvVp.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/preset-select/index.js

@@ -1,4 +1,4 @@
-import { i as e } from "../chunks/select-C-1U-ujV.js";
+import { i as e } from "../chunks/select-CHBBo5fn.js";
 import { jsx as t } from "react/jsx-runtime";
 import { getPresetOption as n } from "@ryuzaki13/react-foundation-lib/presets";
 //#region src/preset-select/PresetSelect.tsx

package/dist/responsive-layout/responsiveLayout.d.ts

@@ -0,0 +1,17 @@
+import { type Breakpoint, type ResponsiveValue, type ResolvedProps } from "@ryuzaki13/react-foundation-lib/media";
+/**
+ * Порядок используется только для формирования стабильного SSR markup.
+ * Фактический активный breakpoint выбирает CSS до запуска React hydration.
+ */
+export declare const RESPONSIVE_LAYOUT_BREAKPOINTS: readonly ["mobile", "tablet", "laptop"];
+export type ResponsiveLayoutValues<T> = Readonly<Record<Breakpoint, T | undefined>>;
+/** Проверяет, содержит ли набор layout-пропсов хотя бы одну responsive map. */
+export declare function hasResponsiveLayoutValue(values: readonly unknown[]): boolean;
+/**
+ * Разворачивает layout-пропсы сразу для всех viewport breakpoint.
+ * Функция не читает browser API, поэтому сервер и первый клиентский render получают одинаковый результат.
+ */
+export declare function resolveLayoutPropsForBreakpoints<T extends object>(props: T, responsiveKeys: readonly (keyof T)[]): Readonly<Record<Breakpoint, ResolvedProps<T>>>;
+/** Разворачивает одно CSS-значение во все breakpoint с сохранением действующей fallback-семантики. */
+export declare function resolveLayoutValueForBreakpoints<T>(value: ResponsiveValue<T> | undefined): ResponsiveLayoutValues<T>;
+//# sourceMappingURL=responsiveLayout.d.ts.map

package/dist/responsive-layout/responsiveLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveLayout.d.ts","sourceRoot":"","sources":["../../src/responsive-layout/responsiveLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EAIf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,MAAM,uCAAuC,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,yCAA0E,CAAC;AAErH,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;AAEpF,+EAA+E;AAC/E,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAE5E;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,SAAS,MAAM,EAChE,KAAK,EAAE,CAAC,EACR,cAAc,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAClC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAMhD;AAED,sGAAsG;AACtG,wBAAgB,gCAAgC,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAMpH"}

package/dist/select/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/select-C-1U-ujV.js";
+import { a as e, i as t, n, r, t as i } from "../chunks/select-CHBBo5fn.js";
 export { n as ODataDependentSegmentSelect, r as ODataSelect, t as Select, i as SerializableSelect, e as resolveSelectedOption };

package/dist/simple-table/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/table-BRC1OTyE.js";
+import { t as e } from "../chunks/table-Cm9NhT9K.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useMemo as n } from "react";
 //#region src/simple-table/SimpleTable.tsx

package/dist/slider/index.js

@@ -1,7 +1,7 @@
 import { n as e, o as t, r as n } from "../chunks/popover-BJH-yHvb.js";
 import { t as r } from "../chunks/ui.module-oRwY3Zli.js";
 import { c as i, d as a, i as o, s } from "../chunks/input-KXI7o06g.js";
-import { l as c } from "../chunks/picker-DagDe9OH.js";
+import { l as c } from "../chunks/picker-CWx7vPE8.js";
 import { cn as ee } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";

package/dist/state-select/index.js

@@ -1,4 +1,4 @@
-import { i as e } from "../chunks/select-C-1U-ujV.js";
+import { i as e } from "../chunks/select-CHBBo5fn.js";
 import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useMemo as a } from "react";