@hexclave/dashboard-ui-components 1.0.41 → 1.0.43

package/dist/esm/components/data-grid/strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"strings.js","names":[],"sources":["../../../../src/components/data-grid/strings.ts"],"sourcesContent":["import type { DataGridStrings } from \"./types\";\n\nexport const DATA_GRID_DEFAULT_STRINGS: DataGridStrings = {\n  // toolbar\n  searchPlaceholder: \"Search\\u2026\",\n  columns: \"Columns\",\n  export: \"Export\",\n  density: \"Density\",\n  // column manager\n  showAll: \"Show all\",\n  hideAll: \"Hide all\",\n  resetColumns: \"Reset\",\n  // date display\n  dateFormat: \"Date format\",\n  dateFormatRelative: \"Relative\",\n  dateFormatAbsolute: \"Absolute\",\n  // selection\n  rowsSelected: (count) => `${count} row${count === 1 ? \"\" : \"s\"} selected`,\n  // pagination\n  rowsPerPage: \"Rows per page\",\n  pageOf: (page, total) => `${page} of ${total}`,\n  // empty / loading\n  noData: \"No data\",\n  loading: \"Loading\\u2026\",\n  loadingMore: \"Loading more\\u2026\",\n  // export\n  exportCsv: \"Export CSV\",\n  exportCopied: \"Copied!\",\n  // sort\n  sortAsc: \"Sort ascending\",\n  sortDesc: \"Sort descending\",\n  unsort: \"Remove sort\",\n  // misc\n  pinLeft: \"Pin left\",\n  pinRight: \"Pin right\",\n  unpin: \"Unpin\",\n  hideColumn: \"Hide column\",\n};\n\nexport function resolveDataGridStrings(\n  override: Partial<DataGridStrings> | undefined,\n): DataGridStrings {\n  if (!override) return DATA_GRID_DEFAULT_STRINGS;\n  return { ...DATA_GRID_DEFAULT_STRINGS, ...override };\n}\n"],"mappings":";AAEA,MAAa,4BAA6C;CAExD,mBAAmB;CACnB,SAAS;CACT,QAAQ;CACR,SAAS;CAET,SAAS;CACT,SAAS;CACT,cAAc;CAEd,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CAEpB,eAAe,UAAU,GAAG,MAAM,MAAM,UAAU,IAAI,KAAK,IAAI;CAE/D,aAAa;CACb,SAAS,MAAM,UAAU,GAAG,KAAK,MAAM;CAEvC,QAAQ;CACR,SAAS;CACT,aAAa;CAEb,WAAW;CACX,cAAc;CAEd,SAAS;CACT,UAAU;CACV,QAAQ;CAER,SAAS;CACT,UAAU;CACV,OAAO;CACP,YAAY;CACb;AAED,SAAgB,uBACd,UACiB;AACjB,KAAI,CAAC,SAAU,QAAO;AACtB,QAAO;EAAE,GAAG;EAA2B,GAAG;EAAU"}
+{"version":3,"file":"strings.js","names":[],"sources":["../../../../src/components/data-grid/strings.ts"],"sourcesContent":["import type { DataGridStrings } from \"./types\";\n\nexport const DATA_GRID_DEFAULT_STRINGS: DataGridStrings = {\n  // toolbar\n  searchPlaceholder: \"Search\\u2026\",\n  columns: \"Columns\",\n  export: \"Export\",\n  density: \"Density\",\n  // column manager\n  showAll: \"Show all\",\n  hideAll: \"Hide all\",\n  resetColumns: \"Reset\",\n  // date display\n  dateFormat: \"Date format\",\n  dateFormatRelative: \"Relative\",\n  dateFormatAbsolute: \"Absolute\",\n  // selection\n  rowsSelected: (count) => `${count} row${count === 1 ? \"\" : \"s\"} selected`,\n  // pagination\n  rowsPerPage: \"Rows per page\",\n  pageOf: (page, total) => `${page} of ${total}`,\n  // empty / loading\n  noData: \"No data\",\n  loading: \"Loading\\u2026\",\n  loadingMore: \"Loading more\\u2026\",\n  // export\n  exportCsv: \"Export CSV\",\n  exportCopied: \"Copied!\",\n  // sort\n  sortAsc: \"Sort ascending\",\n  sortDesc: \"Sort descending\",\n  unsort: \"Remove sort\",\n  // misc\n  pinLeft: \"Pin left\",\n  pinRight: \"Pin right\",\n  unpin: \"Unpin\",\n  hideColumn: \"Hide column\",\n};\n\nexport function resolveDataGridStrings(\n  override: Partial<DataGridStrings> | undefined,\n): DataGridStrings {\n  if (!override) return DATA_GRID_DEFAULT_STRINGS;\n  return { ...DATA_GRID_DEFAULT_STRINGS, ...override };\n}\n"],"mappings":";AAEA,MAAa,4BAA6C;CAExD,mBAAmB;CACnB,SAAS;CACT,QAAQ;CACR,SAAS;CAET,SAAS;CACT,SAAS;CACT,cAAc;CAEd,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CAEpB,eAAe,UAAU,GAAG,MAAM,MAAM,UAAU,IAAI,KAAK,IAAI;CAE/D,aAAa;CACb,SAAS,MAAM,UAAU,GAAG,KAAK,MAAM;CAEvC,QAAQ;CACR,SAAS;CACT,aAAa;CAEb,WAAW;CACX,cAAc;CAEd,SAAS;CACT,UAAU;CACV,QAAQ;CAER,SAAS;CACT,UAAU;CACV,OAAO;CACP,YAAY;AACd;AAEA,SAAgB,uBACd,UACiB;CACjB,IAAI,CAAC,UAAU,OAAO;CACtB,OAAO;EAAE,GAAG;EAA2B,GAAG;CAAS;AACrD"}

package/dist/esm/components/data-grid/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/data-grid/types.ts"],"mappings":"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"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/data-grid/types.ts"],"mappings":"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"}

package/dist/esm/components/data-grid/types.js

@@ -1 +1 @@
-export {  };
+export {};

package/dist/esm/components/data-grid/use-data-source.d.ts

@@ -1,4 +1,4 @@
-import { DataGridColumnDef, DataGridDataPaginationMode, DataGridDataSource, DataGridPaginationModel, DataGridSortModel, RowId } from "./types";
+import { DataGridColumnDef, DataGridDataPaginationMode, DataGridDataSource, DataGridPaginationModel, DataGridSortModel, RowId } from "./types.js";
 
 //#region src/components/data-grid/use-data-source.d.ts
 type UseDataSourceResult<TRow> = {

package/dist/esm/components/data-grid/use-data-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-data-source.d.ts","names":[],"sources":["../../../../src/components/data-grid/use-data-source.ts"],"mappings":";;;KAiBY,mBAAA;4EAEV,IAAA,WAAe,IAAA,IAFc;EAI7B,aAAA,sBAkBY;EAhBZ,SAAA,WAJA;EAMA,YAAA,WAJA;EAMA,aAAA,WAFA;EAIA,QAAA;EAEA,OAAA,WAEA;EAAA,MAAA;EAMO;;;AAkST;;EAlSE,KAAA,EAAO,KAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkSO,aAAA,MAAA,CAAoB,IAAA;EAClC,IAAA,YAAgB,IAAA;EAChB,UAAA,GAAa,kBAAA,CAAmB,IAAA;EAChC,OAAA,WAAkB,iBAAA,CAAkB,IAAA;EACpC,QAAA,GAAW,GAAA,EAAK,IAAA,KAAS,KAAA;EACzB,OAAA,EAAS,iBAAA;EAET,WAAA;;;EAGA,QAAA,IACE,GAAA,EAAK,IAAA,EACL,KAAA,UACA,OAAA,WAAkB,iBAAA,CAAkB,IAAA;EAEtC,UAAA,EAAY,uBAAA;EACZ,cAAA,EAAgB,0BAAA;AAAA,IACd,mBAAA,CAAoB,IAAA"}
+{"version":3,"file":"use-data-source.d.ts","names":[],"sources":["../../../../src/components/data-grid/use-data-source.ts"],"mappings":";;;KAiBY,mBAAA;4EAEV,IAAA,WAAe,IAAA,IAFc;EAI7B,aAAA,sBAkBY;EAhBZ,SAAA,WAJA;EAMA,YAAA,WAJA;EAMA,aAAA,WAFA;EAIA,QAAA;EAEA,OAAA,WAEA;EAAA,MAAA;EAMO;;AAAK;AAkSd;;EAlSE,KAAA,EAAO,KAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmTc;;;iBAjBZ,aAAA,OAAoB,IAAA;EAClC,IAAA,YAAgB,IAAA;EAChB,UAAA,GAAa,kBAAA,CAAmB,IAAA;EAChC,OAAA,WAAkB,iBAAA,CAAkB,IAAA;EACpC,QAAA,GAAW,GAAA,EAAK,IAAA,KAAS,KAAA;EACzB,OAAA,EAAS,iBAAA;EAET,WAAA;;;EAGA,QAAA,IACE,GAAA,EAAK,IAAA,EACL,KAAA,UACA,OAAA,WAAkB,iBAAA,CAAkB,IAAA;EAEtC,UAAA,EAAY,uBAAA;EACZ,cAAA,EAAgB,0BAAA;AAAA,IACd,mBAAA,CAAoB,IAAA"}

package/dist/esm/components/data-grid/use-data-source.js

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { applyQuickSearch, buildRowComparator, defaultMatchRow, paginateRows } from "./state.js";
-
 //#region src/components/data-grid/use-data-source.ts
 function useClientDataSource(opts) {
 	const { data, columns, sorting, quickSearch, matchRow, pagination, paginationMode } = opts;
@@ -236,7 +235,7 @@ function useDataSource(opts) {
 	});
 	return isClientMode ? clientResult : asyncResult;
 }
-
 //#endregion
 export { useDataSource };
+
 //# sourceMappingURL=use-data-source.js.map

package/dist/esm/components/data-grid/use-data-source.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-data-source.js","names":[],"sources":["../../../../src/components/data-grid/use-data-source.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  DataGridColumnDef,\n  DataGridDataSource,\n  DataGridFetchParams,\n  DataGridDataPaginationMode,\n  DataGridPaginationModel,\n  DataGridSortModel,\n  RowId,\n} from \"./types\";\nimport {\n  applyQuickSearch,\n  buildRowComparator,\n  defaultMatchRow,\n  paginateRows,\n} from \"./state\";\n\nexport type UseDataSourceResult<TRow> = {\n  /** All rows currently loaded (for infinite mode, the accumulated set). */\n  rows: readonly TRow[];\n  /** Total row count if known. */\n  totalRowCount: number | undefined;\n  /** Whether the initial load is in progress (no data at all yet). */\n  isLoading: boolean;\n  /** Whether a background refetch is happening (data already shown). */\n  isRefetching: boolean;\n  /** Whether more rows are being fetched (infinite scroll). */\n  isLoadingMore: boolean;\n  /** Request the next page (infinite scroll). */\n  loadMore: () => void;\n  /** Whether there are more pages to load. */\n  hasMore: boolean;\n  /** Reload from scratch. */\n  reload: () => void;\n  /**\n   * Error from the most recent async fetch, if any. Consumers should render\n   * an error UI and offer a `reload()` button when this is non-null. Client\n   * mode never sets this (no fetching). Cleared on next successful fetch.\n   */\n  error: Error | null;\n};\n\n// ─── Client-side hook ────────────────────────────────────────────────\n// Memoised so resize / selection / other unrelated state changes\n// don't recompute or create new array references.\n\nfunction useClientDataSource<TRow>(opts: {\n  data: readonly TRow[];\n  columns: readonly DataGridColumnDef<TRow>[];\n  sorting: DataGridSortModel;\n  quickSearch: string;\n  matchRow: (\n    row: TRow,\n    query: string,\n    columns: readonly DataGridColumnDef<TRow>[],\n  ) => boolean;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const { data, columns, sorting, quickSearch, matchRow, pagination, paginationMode } = opts;\n\n  // Stable serialised keys so useMemo only fires on real changes\n  const sortingKey = JSON.stringify(sorting);\n\n  const processed = useMemo(() => {\n    // Quick search is applied FIRST, on the full input. If nothing is\n    // typed this is a zero-cost no-op (applyQuickSearch returns the\n    // original array reference). Sort and paginate operate on the\n    // already-filtered set so the result counts are search-aware.\n    const searched = applyQuickSearch(data, quickSearch, columns, matchRow);\n    const comparator = buildRowComparator(sorting, columns);\n    const sorted = comparator ? [...searched].sort(comparator) : searched;\n    const totalRowCount = sorted.length;\n    const paged =\n      paginationMode === \"client\"\n        ? paginateRows(sorted as readonly TRow[], pagination)\n        : sorted;\n    return { rows: paged, totalRowCount };\n  }, [data, sortingKey, quickSearch, matchRow, pagination.pageIndex, pagination.pageSize, paginationMode, columns]);\n\n  return useMemo(() => ({\n    rows: processed.rows,\n    totalRowCount: processed.totalRowCount,\n    isLoading: false,\n    isRefetching: false,\n    isLoadingMore: false,\n    loadMore: () => {},\n    hasMore: false,\n    reload: () => {},\n    error: null,\n  }), [processed]);\n}\n\n// ─── Async data source hook ──────────────────────────────────────────\n// Key behaviour: when refetching (sort change), we keep showing the old\n// rows and set `isRefetching` instead of `isLoading`. This avoids the\n// jarring flash-to-skeleton on every sort toggle.\n\nfunction useAsyncDataSource<TRow>(opts: {\n  dataSource: DataGridDataSource<TRow>;\n  getRowId: (row: TRow) => RowId;\n  sorting: DataGridSortModel;\n  quickSearch: string;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const {\n    dataSource,\n    getRowId,\n    sorting,\n    quickSearch,\n    pagination,\n    paginationMode,\n  } = opts;\n\n  const [rows, setRows] = useState<TRow[]>([]);\n  const [totalRowCount, setTotalRowCount] = useState<number | undefined>(undefined);\n  const [isLoading, setIsLoading] = useState(true);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const cursorRef = useRef<unknown>(undefined);\n  const abortRef = useRef<AbortController | null>(null);\n  const pageIndexRef = useRef(0);\n  const hasDataRef = useRef(false);\n  const hasMountedServerPaginationRef = useRef(false);\n\n  const latestArgsRef = useRef({\n    dataSource,\n    getRowId,\n    sorting,\n    quickSearch,\n    pagination,\n  });\n  latestArgsRef.current = { dataSource, getRowId, sorting, quickSearch, pagination };\n\n  const sortingKey = JSON.stringify(sorting);\n  const quickSearchKey = quickSearch;\n\n  const fetchPage = useCallback(\n    async (append: boolean) => {\n      const {\n        dataSource: currentDataSource,\n        getRowId: currentGetRowId,\n        sorting: currentSorting,\n        quickSearch: currentQuickSearch,\n        pagination: currentPagination,\n      } = latestArgsRef.current;\n\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      if (append) {\n        setIsLoadingMore(true);\n      } else {\n        // First load → skeleton. Subsequent → subtle refetch indicator.\n        if (hasDataRef.current) {\n          setIsRefetching(true);\n        } else {\n          setIsLoading(true);\n        }\n        cursorRef.current = undefined;\n        pageIndexRef.current = 0;\n      }\n      // Clear previous error at the start of a new attempt; we'll set it\n      // again if this attempt fails.\n      setError(null);\n\n      try {\n        const params: DataGridFetchParams = {\n          sorting: currentSorting,\n          quickSearch: currentQuickSearch,\n          pagination: append\n            ? { pageIndex: pageIndexRef.current, pageSize: currentPagination.pageSize }\n            : currentPagination,\n          cursor: cursorRef.current,\n        };\n\n        const gen = currentDataSource(params);\n\n        for await (const result of gen) {\n          if (controller.signal.aborted) return;\n\n          if (result.totalRowCount != null) {\n            setTotalRowCount(result.totalRowCount);\n          }\n          if (result.nextCursor !== undefined) {\n            cursorRef.current = result.nextCursor;\n          }\n          setHasMore(result.hasMore !== false);\n\n          if (append) {\n            setRows((prev) => {\n              const existingIds = new Set(prev.map(currentGetRowId));\n              const newRows = result.rows.filter(\n                (r) => !existingIds.has(currentGetRowId(r)),\n              );\n              return [...prev, ...newRows];\n            });\n          } else {\n            setRows(result.rows);\n          }\n\n          hasDataRef.current = true;\n          pageIndexRef.current++;\n        }\n      } catch (err) {\n        if (controller.signal.aborted) return;\n        // Surface the error on the result so consumers can render retry UI.\n        // Still log to console so it's visible in dev without forcing every\n        // consumer to wire up error rendering.\n        // eslint-disable-next-line no-console\n        console.error(\"[DataGrid] Data source error:\", err);\n        setError(err instanceof Error ? err : new Error(String(err)));\n      } finally {\n        if (!controller.signal.aborted) {\n          setIsLoading(false);\n          setIsRefetching(false);\n          setIsLoadingMore(false);\n        }\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    fetchPage(false).catch(() => {});\n    return () => abortRef.current?.abort();\n    // Also refetches when `dataSource` identity changes — consumers encode\n    // external filter state into the generator's closure, so a new\n    // generator reference is the signal that the query changed.\n  }, [fetchPage, dataSource, sortingKey, quickSearchKey, pagination.pageSize]);\n\n  useEffect(() => {\n    if (paginationMode !== \"server\") {\n      hasMountedServerPaginationRef.current = false;\n      return;\n    }\n    if (!hasMountedServerPaginationRef.current) {\n      hasMountedServerPaginationRef.current = true;\n      return;\n    }\n    fetchPage(false).catch(() => {});\n  }, [fetchPage, paginationMode, pagination.pageIndex]);\n\n  const loadMore = useCallback(() => {\n    if (!isLoadingMore && hasMore && paginationMode === \"infinite\") {\n      fetchPage(true).catch(() => {});\n    }\n  }, [isLoadingMore, hasMore, paginationMode, fetchPage]);\n\n  const reload = useCallback(() => {\n    fetchPage(false).catch(() => {});\n  }, [fetchPage]);\n\n  return {\n    rows,\n    totalRowCount,\n    isLoading,\n    isRefetching,\n    isLoadingMore,\n    loadMore,\n    hasMore,\n    reload,\n    error,\n  };\n}\n\n// ─── Noop data source (stable reference) ─────────────────────────────\nconst NOOP_DATA_SOURCE: DataGridDataSource<any> = async function* () {};\nconst NOOP_GET_ROW_ID = () => \"\";\n\n// ─── Public hook ─────────────────────────────────────────────────────\n// Both inner hooks are always called (React rules-of-hooks) but only\n// one provides the returned result.\n\n/**\n * Hook that processes raw data through the grid's sort/pagination state\n * and returns the `rows` slice ready to pass to `DataGrid`. This is the\n * only correct way to feed client-side data into a grid.\n *\n * Two modes, picked by which prop you pass:\n * - `data: TRow[]` → client-side mode. In-memory sort + paginate.\n * - `dataSource: (params) => AsyncGenerator` → server / infinite mode.\n *   The generator yields pages as you scroll or change pages.\n *\n * ```tsx\n * // Client-side (most common):\n * const gridData = useDataSource({\n *   data: users,\n *   columns,\n *   getRowId: (row) => row.id,\n *   sorting: gridState.sorting,\n *   quickSearch: gridState.quickSearch,\n *   pagination: gridState.pagination,\n *   paginationMode: \"client\",\n * });\n *\n * <DataGrid\n *   columns={columns}\n *   rows={gridData.rows}\n *   totalRowCount={gridData.totalRowCount}\n *   isLoading={gridData.isLoading}\n *   state={gridState}\n *   onChange={setGridState}\n *   getRowId={(row) => row.id}\n * />\n * ```\n *\n * Rules:\n * - Call this hook unconditionally at the top level, before any early return.\n * - `rows` on `DataGrid` must ALWAYS be `gridData.rows`, never your raw array.\n * - For server or infinite pagination, use `dataSource` — see the\n *   `DataGridDataSource` type for the generator signature.\n *\n * Quick search:\n * - Client mode (`data` prop): the hook auto-filters rows via\n *   `applyQuickSearch` using a default case-insensitive substring match\n *   across every column. Override with `matchRow` for custom matching\n *   (fuzzy, weighted, field-specific, etc.).\n * - Async mode (`dataSource` prop): the hook passes `quickSearch` into\n *   `params.quickSearch` and re-runs the generator whenever the search\n *   string changes. The consumer owns the matching logic (typically by\n *   folding it into a backend query). The grid performs NO client-side\n *   filtering in async mode.\n */\nexport function useDataSource<TRow>(opts: {\n  data?: readonly TRow[];\n  dataSource?: DataGridDataSource<TRow>;\n  columns: readonly DataGridColumnDef<TRow>[];\n  getRowId: (row: TRow) => RowId;\n  sorting: DataGridSortModel;\n  /** Current quick-search text, typically `gridState.quickSearch`. */\n  quickSearch: string;\n  /** Override the default client-mode matcher. Ignored in async mode\n   * (there the generator is the matcher). */\n  matchRow?: (\n    row: TRow,\n    query: string,\n    columns: readonly DataGridColumnDef<TRow>[],\n  ) => boolean;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const {\n    data,\n    dataSource,\n    columns,\n    getRowId,\n    sorting,\n    quickSearch,\n    matchRow = defaultMatchRow,\n    pagination,\n    paginationMode,\n  } = opts;\n\n  const isClientMode = data != null && !dataSource;\n\n  if (process.env.NODE_ENV !== \"production\" && data == null && dataSource == null) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"[useDataSource] neither `data` nor `dataSource` was provided — \"\n      + \"the grid will render empty indefinitely. Pass one or the other.\"\n    );\n  }\n\n  // Common footgun: consumers pass `data` as a fully-materialized array and\n  // set `paginationMode: \"infinite\"` expecting the grid to page through it.\n  // In client mode \"infinite\" skips `paginateRows` and returns every row;\n  // `hasMore` / `loadMore` on the result are always false/no-ops. If you\n  // want real paging, switch to `paginationMode: \"server\"` with a\n  // `dataSource` generator. If you want in-memory slicing, use `\"client\"`.\n  // If you're manually accumulating rows into `data` and driving the grid's\n  // sentinel via your own `hasMore`/`onLoadMore`, this warning is a hint —\n  // but current behavior (full list + external sentinel) is intentional.\n  if (\n    process.env.NODE_ENV !== \"production\"\n    && isClientMode\n    && paginationMode === \"infinite\"\n    && data.length > 0\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"[useDataSource] `paginationMode: \\\"infinite\\\"` with a `data` array \"\n      + \"skips pagination entirely. Prefer `\\\"client\\\"` for in-memory lists \"\n      + \"or `\\\"server\\\"` + a `dataSource` generator for real paging.\"\n    );\n  }\n\n  const clientResult = useClientDataSource({\n    data: data ?? [],\n    columns,\n    sorting,\n    quickSearch,\n    matchRow,\n    pagination,\n    paginationMode,\n  });\n\n  const asyncResult = useAsyncDataSource({\n    dataSource: dataSource ?? NOOP_DATA_SOURCE,\n    getRowId: dataSource ? getRowId : NOOP_GET_ROW_ID,\n    sorting,\n    quickSearch,\n    pagination,\n    paginationMode,\n  });\n\n  return isClientMode ? clientResult : asyncResult;\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-data-source.js","names":[],"sources":["../../../../src/components/data-grid/use-data-source.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  DataGridColumnDef,\n  DataGridDataSource,\n  DataGridFetchParams,\n  DataGridDataPaginationMode,\n  DataGridPaginationModel,\n  DataGridSortModel,\n  RowId,\n} from \"./types\";\nimport {\n  applyQuickSearch,\n  buildRowComparator,\n  defaultMatchRow,\n  paginateRows,\n} from \"./state\";\n\nexport type UseDataSourceResult<TRow> = {\n  /** All rows currently loaded (for infinite mode, the accumulated set). */\n  rows: readonly TRow[];\n  /** Total row count if known. */\n  totalRowCount: number | undefined;\n  /** Whether the initial load is in progress (no data at all yet). */\n  isLoading: boolean;\n  /** Whether a background refetch is happening (data already shown). */\n  isRefetching: boolean;\n  /** Whether more rows are being fetched (infinite scroll). */\n  isLoadingMore: boolean;\n  /** Request the next page (infinite scroll). */\n  loadMore: () => void;\n  /** Whether there are more pages to load. */\n  hasMore: boolean;\n  /** Reload from scratch. */\n  reload: () => void;\n  /**\n   * Error from the most recent async fetch, if any. Consumers should render\n   * an error UI and offer a `reload()` button when this is non-null. Client\n   * mode never sets this (no fetching). Cleared on next successful fetch.\n   */\n  error: Error | null;\n};\n\n// ─── Client-side hook ────────────────────────────────────────────────\n// Memoised so resize / selection / other unrelated state changes\n// don't recompute or create new array references.\n\nfunction useClientDataSource<TRow>(opts: {\n  data: readonly TRow[];\n  columns: readonly DataGridColumnDef<TRow>[];\n  sorting: DataGridSortModel;\n  quickSearch: string;\n  matchRow: (\n    row: TRow,\n    query: string,\n    columns: readonly DataGridColumnDef<TRow>[],\n  ) => boolean;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const { data, columns, sorting, quickSearch, matchRow, pagination, paginationMode } = opts;\n\n  // Stable serialised keys so useMemo only fires on real changes\n  const sortingKey = JSON.stringify(sorting);\n\n  const processed = useMemo(() => {\n    // Quick search is applied FIRST, on the full input. If nothing is\n    // typed this is a zero-cost no-op (applyQuickSearch returns the\n    // original array reference). Sort and paginate operate on the\n    // already-filtered set so the result counts are search-aware.\n    const searched = applyQuickSearch(data, quickSearch, columns, matchRow);\n    const comparator = buildRowComparator(sorting, columns);\n    const sorted = comparator ? [...searched].sort(comparator) : searched;\n    const totalRowCount = sorted.length;\n    const paged =\n      paginationMode === \"client\"\n        ? paginateRows(sorted as readonly TRow[], pagination)\n        : sorted;\n    return { rows: paged, totalRowCount };\n  }, [data, sortingKey, quickSearch, matchRow, pagination.pageIndex, pagination.pageSize, paginationMode, columns]);\n\n  return useMemo(() => ({\n    rows: processed.rows,\n    totalRowCount: processed.totalRowCount,\n    isLoading: false,\n    isRefetching: false,\n    isLoadingMore: false,\n    loadMore: () => {},\n    hasMore: false,\n    reload: () => {},\n    error: null,\n  }), [processed]);\n}\n\n// ─── Async data source hook ──────────────────────────────────────────\n// Key behaviour: when refetching (sort change), we keep showing the old\n// rows and set `isRefetching` instead of `isLoading`. This avoids the\n// jarring flash-to-skeleton on every sort toggle.\n\nfunction useAsyncDataSource<TRow>(opts: {\n  dataSource: DataGridDataSource<TRow>;\n  getRowId: (row: TRow) => RowId;\n  sorting: DataGridSortModel;\n  quickSearch: string;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const {\n    dataSource,\n    getRowId,\n    sorting,\n    quickSearch,\n    pagination,\n    paginationMode,\n  } = opts;\n\n  const [rows, setRows] = useState<TRow[]>([]);\n  const [totalRowCount, setTotalRowCount] = useState<number | undefined>(undefined);\n  const [isLoading, setIsLoading] = useState(true);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const cursorRef = useRef<unknown>(undefined);\n  const abortRef = useRef<AbortController | null>(null);\n  const pageIndexRef = useRef(0);\n  const hasDataRef = useRef(false);\n  const hasMountedServerPaginationRef = useRef(false);\n\n  const latestArgsRef = useRef({\n    dataSource,\n    getRowId,\n    sorting,\n    quickSearch,\n    pagination,\n  });\n  latestArgsRef.current = { dataSource, getRowId, sorting, quickSearch, pagination };\n\n  const sortingKey = JSON.stringify(sorting);\n  const quickSearchKey = quickSearch;\n\n  const fetchPage = useCallback(\n    async (append: boolean) => {\n      const {\n        dataSource: currentDataSource,\n        getRowId: currentGetRowId,\n        sorting: currentSorting,\n        quickSearch: currentQuickSearch,\n        pagination: currentPagination,\n      } = latestArgsRef.current;\n\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      if (append) {\n        setIsLoadingMore(true);\n      } else {\n        // First load → skeleton. Subsequent → subtle refetch indicator.\n        if (hasDataRef.current) {\n          setIsRefetching(true);\n        } else {\n          setIsLoading(true);\n        }\n        cursorRef.current = undefined;\n        pageIndexRef.current = 0;\n      }\n      // Clear previous error at the start of a new attempt; we'll set it\n      // again if this attempt fails.\n      setError(null);\n\n      try {\n        const params: DataGridFetchParams = {\n          sorting: currentSorting,\n          quickSearch: currentQuickSearch,\n          pagination: append\n            ? { pageIndex: pageIndexRef.current, pageSize: currentPagination.pageSize }\n            : currentPagination,\n          cursor: cursorRef.current,\n        };\n\n        const gen = currentDataSource(params);\n\n        for await (const result of gen) {\n          if (controller.signal.aborted) return;\n\n          if (result.totalRowCount != null) {\n            setTotalRowCount(result.totalRowCount);\n          }\n          if (result.nextCursor !== undefined) {\n            cursorRef.current = result.nextCursor;\n          }\n          setHasMore(result.hasMore !== false);\n\n          if (append) {\n            setRows((prev) => {\n              const existingIds = new Set(prev.map(currentGetRowId));\n              const newRows = result.rows.filter(\n                (r) => !existingIds.has(currentGetRowId(r)),\n              );\n              return [...prev, ...newRows];\n            });\n          } else {\n            setRows(result.rows);\n          }\n\n          hasDataRef.current = true;\n          pageIndexRef.current++;\n        }\n      } catch (err) {\n        if (controller.signal.aborted) return;\n        // Surface the error on the result so consumers can render retry UI.\n        // Still log to console so it's visible in dev without forcing every\n        // consumer to wire up error rendering.\n        // eslint-disable-next-line no-console\n        console.error(\"[DataGrid] Data source error:\", err);\n        setError(err instanceof Error ? err : new Error(String(err)));\n      } finally {\n        if (!controller.signal.aborted) {\n          setIsLoading(false);\n          setIsRefetching(false);\n          setIsLoadingMore(false);\n        }\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    fetchPage(false).catch(() => {});\n    return () => abortRef.current?.abort();\n    // Also refetches when `dataSource` identity changes — consumers encode\n    // external filter state into the generator's closure, so a new\n    // generator reference is the signal that the query changed.\n  }, [fetchPage, dataSource, sortingKey, quickSearchKey, pagination.pageSize]);\n\n  useEffect(() => {\n    if (paginationMode !== \"server\") {\n      hasMountedServerPaginationRef.current = false;\n      return;\n    }\n    if (!hasMountedServerPaginationRef.current) {\n      hasMountedServerPaginationRef.current = true;\n      return;\n    }\n    fetchPage(false).catch(() => {});\n  }, [fetchPage, paginationMode, pagination.pageIndex]);\n\n  const loadMore = useCallback(() => {\n    if (!isLoadingMore && hasMore && paginationMode === \"infinite\") {\n      fetchPage(true).catch(() => {});\n    }\n  }, [isLoadingMore, hasMore, paginationMode, fetchPage]);\n\n  const reload = useCallback(() => {\n    fetchPage(false).catch(() => {});\n  }, [fetchPage]);\n\n  return {\n    rows,\n    totalRowCount,\n    isLoading,\n    isRefetching,\n    isLoadingMore,\n    loadMore,\n    hasMore,\n    reload,\n    error,\n  };\n}\n\n// ─── Noop data source (stable reference) ─────────────────────────────\nconst NOOP_DATA_SOURCE: DataGridDataSource<any> = async function* () {};\nconst NOOP_GET_ROW_ID = () => \"\";\n\n// ─── Public hook ─────────────────────────────────────────────────────\n// Both inner hooks are always called (React rules-of-hooks) but only\n// one provides the returned result.\n\n/**\n * Hook that processes raw data through the grid's sort/pagination state\n * and returns the `rows` slice ready to pass to `DataGrid`. This is the\n * only correct way to feed client-side data into a grid.\n *\n * Two modes, picked by which prop you pass:\n * - `data: TRow[]` → client-side mode. In-memory sort + paginate.\n * - `dataSource: (params) => AsyncGenerator` → server / infinite mode.\n *   The generator yields pages as you scroll or change pages.\n *\n * ```tsx\n * // Client-side (most common):\n * const gridData = useDataSource({\n *   data: users,\n *   columns,\n *   getRowId: (row) => row.id,\n *   sorting: gridState.sorting,\n *   quickSearch: gridState.quickSearch,\n *   pagination: gridState.pagination,\n *   paginationMode: \"client\",\n * });\n *\n * <DataGrid\n *   columns={columns}\n *   rows={gridData.rows}\n *   totalRowCount={gridData.totalRowCount}\n *   isLoading={gridData.isLoading}\n *   state={gridState}\n *   onChange={setGridState}\n *   getRowId={(row) => row.id}\n * />\n * ```\n *\n * Rules:\n * - Call this hook unconditionally at the top level, before any early return.\n * - `rows` on `DataGrid` must ALWAYS be `gridData.rows`, never your raw array.\n * - For server or infinite pagination, use `dataSource` — see the\n *   `DataGridDataSource` type for the generator signature.\n *\n * Quick search:\n * - Client mode (`data` prop): the hook auto-filters rows via\n *   `applyQuickSearch` using a default case-insensitive substring match\n *   across every column. Override with `matchRow` for custom matching\n *   (fuzzy, weighted, field-specific, etc.).\n * - Async mode (`dataSource` prop): the hook passes `quickSearch` into\n *   `params.quickSearch` and re-runs the generator whenever the search\n *   string changes. The consumer owns the matching logic (typically by\n *   folding it into a backend query). The grid performs NO client-side\n *   filtering in async mode.\n */\nexport function useDataSource<TRow>(opts: {\n  data?: readonly TRow[];\n  dataSource?: DataGridDataSource<TRow>;\n  columns: readonly DataGridColumnDef<TRow>[];\n  getRowId: (row: TRow) => RowId;\n  sorting: DataGridSortModel;\n  /** Current quick-search text, typically `gridState.quickSearch`. */\n  quickSearch: string;\n  /** Override the default client-mode matcher. Ignored in async mode\n   * (there the generator is the matcher). */\n  matchRow?: (\n    row: TRow,\n    query: string,\n    columns: readonly DataGridColumnDef<TRow>[],\n  ) => boolean;\n  pagination: DataGridPaginationModel;\n  paginationMode: DataGridDataPaginationMode;\n}): UseDataSourceResult<TRow> {\n  const {\n    data,\n    dataSource,\n    columns,\n    getRowId,\n    sorting,\n    quickSearch,\n    matchRow = defaultMatchRow,\n    pagination,\n    paginationMode,\n  } = opts;\n\n  const isClientMode = data != null && !dataSource;\n\n  if (process.env.NODE_ENV !== \"production\" && data == null && dataSource == null) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"[useDataSource] neither `data` nor `dataSource` was provided — \"\n      + \"the grid will render empty indefinitely. Pass one or the other.\"\n    );\n  }\n\n  // Common footgun: consumers pass `data` as a fully-materialized array and\n  // set `paginationMode: \"infinite\"` expecting the grid to page through it.\n  // In client mode \"infinite\" skips `paginateRows` and returns every row;\n  // `hasMore` / `loadMore` on the result are always false/no-ops. If you\n  // want real paging, switch to `paginationMode: \"server\"` with a\n  // `dataSource` generator. If you want in-memory slicing, use `\"client\"`.\n  // If you're manually accumulating rows into `data` and driving the grid's\n  // sentinel via your own `hasMore`/`onLoadMore`, this warning is a hint —\n  // but current behavior (full list + external sentinel) is intentional.\n  if (\n    process.env.NODE_ENV !== \"production\"\n    && isClientMode\n    && paginationMode === \"infinite\"\n    && data.length > 0\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"[useDataSource] `paginationMode: \\\"infinite\\\"` with a `data` array \"\n      + \"skips pagination entirely. Prefer `\\\"client\\\"` for in-memory lists \"\n      + \"or `\\\"server\\\"` + a `dataSource` generator for real paging.\"\n    );\n  }\n\n  const clientResult = useClientDataSource({\n    data: data ?? [],\n    columns,\n    sorting,\n    quickSearch,\n    matchRow,\n    pagination,\n    paginationMode,\n  });\n\n  const asyncResult = useAsyncDataSource({\n    dataSource: dataSource ?? NOOP_DATA_SOURCE,\n    getRowId: dataSource ? getRowId : NOOP_GET_ROW_ID,\n    sorting,\n    quickSearch,\n    pagination,\n    paginationMode,\n  });\n\n  return isClientMode ? clientResult : asyncResult;\n}\n"],"mappings":";;;AA8CA,SAAS,oBAA0B,MAYL;CAC5B,MAAM,EAAE,MAAM,SAAS,SAAS,aAAa,UAAU,YAAY,mBAAmB;CAKtF,MAAM,YAAY,cAAc;EAK9B,MAAM,WAAW,iBAAiB,MAAM,aAAa,SAAS,QAAQ;EACtE,MAAM,aAAa,mBAAmB,SAAS,OAAO;EACtD,MAAM,SAAS,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,UAAU,IAAI;EAC7D,MAAM,gBAAgB,OAAO;EAK7B,OAAO;GAAE,MAHP,mBAAmB,WACf,aAAa,QAA2B,UAAU,IAClD;GACgB;EAAc;CACtC,GAAG;EAAC;EAhBe,KAAK,UAAU,OAgBf;EAAG;EAAa;EAAU,WAAW;EAAW,WAAW;EAAU;EAAgB;CAAO,CAAC;CAEhH,OAAO,eAAe;EACpB,MAAM,UAAU;EAChB,eAAe,UAAU;EACzB,WAAW;EACX,cAAc;EACd,eAAe;EACf,gBAAgB,CAAC;EACjB,SAAS;EACT,cAAc,CAAC;EACf,OAAO;CACT,IAAI,CAAC,SAAS,CAAC;AACjB;AAOA,SAAS,mBAAyB,MAOJ;CAC5B,MAAM,EACJ,YACA,UACA,SACA,aACA,YACA,mBACE;CAEJ,MAAM,CAAC,MAAM,WAAW,SAAiB,CAAC,CAAC;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAA6B,KAAA,CAAS;CAChF,MAAM,CAAC,WAAW,gBAAgB,SAAS,IAAI;CAC/C,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,MAAM,CAAC,OAAO,YAAY,SAAuB,IAAI;CAErD,MAAM,YAAY,OAAgB,KAAA,CAAS;CAC3C,MAAM,WAAW,OAA+B,IAAI;CACpD,MAAM,eAAe,OAAO,CAAC;CAC7B,MAAM,aAAa,OAAO,KAAK;CAC/B,MAAM,gCAAgC,OAAO,KAAK;CAElD,MAAM,gBAAgB,OAAO;EAC3B;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,cAAc,UAAU;EAAE;EAAY;EAAU;EAAS;EAAa;CAAW;CAEjF,MAAM,aAAa,KAAK,UAAU,OAAO;CACzC,MAAM,iBAAiB;CAEvB,MAAM,YAAY,YAChB,OAAO,WAAoB;EACzB,MAAM,EACJ,YAAY,mBACZ,UAAU,iBACV,SAAS,gBACT,aAAa,oBACb,YAAY,sBACV,cAAc;EAElB,SAAS,SAAS,MAAM;EACxB,MAAM,aAAa,IAAI,gBAAgB;EACvC,SAAS,UAAU;EAEnB,IAAI,QACF,iBAAiB,IAAI;OAChB;GAEL,IAAI,WAAW,SACb,gBAAgB,IAAI;QAEpB,aAAa,IAAI;GAEnB,UAAU,UAAU,KAAA;GACpB,aAAa,UAAU;EACzB;EAGA,SAAS,IAAI;EAEb,IAAI;GAUF,MAAM,MAAM,kBAAkB;IAR5B,SAAS;IACT,aAAa;IACb,YAAY,SACR;KAAE,WAAW,aAAa;KAAS,UAAU,kBAAkB;IAAS,IACxE;IACJ,QAAQ,UAAU;GAGe,CAAC;GAEpC,WAAW,MAAM,UAAU,KAAK;IAC9B,IAAI,WAAW,OAAO,SAAS;IAE/B,IAAI,OAAO,iBAAiB,MAC1B,iBAAiB,OAAO,aAAa;IAEvC,IAAI,OAAO,eAAe,KAAA,GACxB,UAAU,UAAU,OAAO;IAE7B,WAAW,OAAO,YAAY,KAAK;IAEnC,IAAI,QACF,SAAS,SAAS;KAChB,MAAM,cAAc,IAAI,IAAI,KAAK,IAAI,eAAe,CAAC;KACrD,MAAM,UAAU,OAAO,KAAK,QACzB,MAAM,CAAC,YAAY,IAAI,gBAAgB,CAAC,CAAC,CAC5C;KACA,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;IAC7B,CAAC;SAED,QAAQ,OAAO,IAAI;IAGrB,WAAW,UAAU;IACrB,aAAa;GACf;EACF,SAAS,KAAK;GACZ,IAAI,WAAW,OAAO,SAAS;GAK/B,QAAQ,MAAM,iCAAiC,GAAG;GAClD,SAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC,CAAC;EAC9D,UAAU;GACR,IAAI,CAAC,WAAW,OAAO,SAAS;IAC9B,aAAa,KAAK;IAClB,gBAAgB,KAAK;IACrB,iBAAiB,KAAK;GACxB;EACF;CACF,GACA,CAAC,CACH;CAEA,gBAAgB;EACd,UAAU,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;EAC/B,aAAa,SAAS,SAAS,MAAM;CAIvC,GAAG;EAAC;EAAW;EAAY;EAAY;EAAgB,WAAW;CAAQ,CAAC;CAE3E,gBAAgB;EACd,IAAI,mBAAmB,UAAU;GAC/B,8BAA8B,UAAU;GACxC;EACF;EACA,IAAI,CAAC,8BAA8B,SAAS;GAC1C,8BAA8B,UAAU;GACxC;EACF;EACA,UAAU,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;CACjC,GAAG;EAAC;EAAW;EAAgB,WAAW;CAAS,CAAC;CAYpD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA,UAhBe,kBAAkB;GACjC,IAAI,CAAC,iBAAiB,WAAW,mBAAmB,YAClD,UAAU,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;EAElC,GAAG;GAAC;GAAe;GAAS;GAAgB;EAAS,CAY5C;EACP;EACA,QAZa,kBAAkB;GAC/B,UAAU,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;EACjC,GAAG,CAAC,SAAS,CAUN;EACL;CACF;AACF;AAGA,MAAM,mBAA4C,mBAAmB,CAAC;AACtE,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwD9B,SAAgB,cAAoB,MAiBN;CAC5B,MAAM,EACJ,MACA,YACA,SACA,UACA,SACA,aACA,WAAW,iBACX,YACA,mBACE;CAEJ,MAAM,eAAe,QAAQ,QAAQ,CAAC;CAEtC,IAAI,QAAQ,IAAI,aAAa,gBAAgB,QAAQ,QAAQ,cAAc,MAEzE,QAAQ,KACN,gIAEF;CAYF,IACE,QAAQ,IAAI,aAAa,gBACtB,gBACA,mBAAmB,cACnB,KAAK,SAAS,GAGjB,QAAQ,KACN,mMAGF;CAGF,MAAM,eAAe,oBAAoB;EACvC,MAAM,QAAQ,CAAC;EACf;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc,mBAAmB;EACrC,YAAY,cAAc;EAC1B,UAAU,aAAa,WAAW;EAClC;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,eAAe,eAAe;AACvC"}

package/dist/esm/components/data-grid/use-url-state.d.ts

@@ -1,4 +1,4 @@
-import { DataGridColumnDef, DataGridState } from "./types";
+import { DataGridColumnDef, DataGridState } from "./types.js";
 
 //#region src/components/data-grid/use-url-state.d.ts
 type UrlStateOptions = {

package/dist/esm/components/data-grid/use-url-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-state.d.ts","names":[],"sources":["../../../../src/components/data-grid/use-url-state.ts"],"mappings":";;;KAqJK,eAAA;;AA3IY;EA8If,WAAA;;;;;EAKA,OAAA,GAAU,OAAA,CAAQ,IAAA,CAAK,aAAA;AAAA;;;;;;;;AAwBzB;;;;;;;;;;;;;;iBAAgB,mBAAA,MAAA,CACd,OAAA,WAAkB,iBAAA,CAAkB,IAAA,KACpC,IAAA,GAAO,eAAA,IACL,aAAA,EAAe,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,aAAA"}
+{"version":3,"file":"use-url-state.d.ts","names":[],"sources":["../../../../src/components/data-grid/use-url-state.ts"],"mappings":";;;KAqJK,eAAA;;AA3IY;EA8If,WAAA;;;;;EAKA,OAAA,GAAU,OAAA,CAAQ,IAAA,CAAK,aAAA;AAAA;;;;;;;AAAa;AAwBtC;;;;;;;;;;;;;;iBAAgB,mBAAA,OACd,OAAA,WAAkB,iBAAA,CAAkB,IAAA,KACpC,IAAA,GAAO,eAAA,IACL,aAAA,EAAe,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,aAAA"}

package/dist/esm/components/data-grid/use-url-state.js

@@ -1,9 +1,7 @@
 "use client";
-
 import { useEffect, useRef, useState } from "react";
 import { createDefaultDataGridState } from "./state.js";
 import { DEFAULT_COL_WIDTH, clampColumnWidth } from "./data-grid-sizing.js";
-
 //#region src/components/data-grid/use-url-state.ts
 function serializeWidths(widths, columns) {
 	const parts = [];
@@ -206,7 +204,7 @@ function useDataGridUrlState(columns, opts) {
 	]);
 	return [state, setState];
 }
-
 //#endregion
 export { useDataGridUrlState };
+
 //# sourceMappingURL=use-url-state.js.map

package/dist/esm/components/data-grid/use-url-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-state.js","names":[],"sources":["../../../../src/components/data-grid/use-url-state.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { DEFAULT_COL_WIDTH, clampColumnWidth } from \"./data-grid-sizing\";\nimport { createDefaultDataGridState } from \"./state\";\nimport type {\n  DataGridColumnDef,\n  DataGridSortItem,\n  DataGridSortModel,\n  DataGridState,\n} from \"./types\";\n\n// ─── URL <-> state encoding ──────────────────────────────────────────\n// Compact, human-readable formats so URLs stay short. Each piece of\n// state gets its own param so unrelated changes don't churn shared keys:\n//\n//   ?{prefix}_w=name:200,email:300       column widths (only non-defaults)\n//   ?{prefix}_h=createdAt,role           hidden column ids\n//   ?{prefix}_s=signedUpAt:desc,name:asc multi-column sort\n//   ?{prefix}_q=alice                    quick-search text\n//\n// Column ids are URL-encoded so ids containing `,` `:` or other reserved\n// characters round-trip safely. Without encoding, an id like \"user:name\"\n// would silently break the parser.\n\n// ── widths ─────────────────────────────────────────────────────────\nfunction serializeWidths(\n  widths: Record<string, number>,\n  columns: readonly DataGridColumnDef<any>[],\n): string {\n  const parts: string[] = [];\n  for (const col of columns) {\n    const w = widths[col.id];\n    if (typeof w !== \"number\" || !Number.isFinite(w)) continue;\n    const defaultW = clampColumnWidth(col, col.width ?? DEFAULT_COL_WIDTH);\n    if (Math.round(w) === Math.round(defaultW)) continue;\n    parts.push(`${encodeURIComponent(col.id)}:${Math.round(w)}`);\n  }\n  return parts.join(\",\");\n}\n\nfunction parseWidths(\n  raw: string | null,\n  fallback: Record<string, number>,\n  columns: readonly DataGridColumnDef<any>[],\n): Record<string, number> {\n  if (!raw) return fallback;\n  const colMap = new Map(columns.map((c) => [c.id, c]));\n  const out: Record<string, number> = { ...fallback };\n  for (const part of raw.split(\",\")) {\n    // Only split on the FIRST colon — id-side is always pre-encoded so it\n    // can't contain a literal `:`, but width-side is always numeric.\n    const colonIdx = part.indexOf(\":\");\n    if (colonIdx <= 0) continue;\n    const encodedId = part.slice(0, colonIdx);\n    const num = part.slice(colonIdx + 1);\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (!id || !num) continue;\n    const col = colMap.get(id);\n    if (!col) continue;\n    const n = Number(num);\n    if (!Number.isFinite(n)) continue;\n    out[id] = clampColumnWidth(col, n);\n  }\n  return out;\n}\n\n// ── hidden columns ─────────────────────────────────────────────────\nfunction serializeHidden(visibility: Record<string, boolean>): string {\n  return Object.entries(visibility)\n    .filter(([, v]) => v === false)\n    .map(([id]) => encodeURIComponent(id))\n    .join(\",\");\n}\n\nfunction parseHidden(\n  raw: string | null,\n  columns: readonly DataGridColumnDef<any>[],\n): Record<string, boolean> {\n  if (!raw) return {};\n  const known = new Set(columns.map((c) => c.id));\n  const out: Record<string, boolean> = {};\n  for (const encodedId of raw.split(\",\")) {\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (id && known.has(id)) out[id] = false;\n  }\n  return out;\n}\n\n// ── sort model ─────────────────────────────────────────────────────\nfunction serializeSort(sort: DataGridSortModel): string {\n  return sort\n    .map((s) => `${encodeURIComponent(s.columnId)}:${s.direction === \"desc\" ? \"desc\" : \"asc\"}`)\n    .join(\",\");\n}\n\nfunction sortEqual(a: DataGridSortModel, b: DataGridSortModel): boolean {\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i].columnId !== b[i].columnId || a[i].direction !== b[i].direction) return false;\n  }\n  return true;\n}\n\nfunction parseSort(\n  raw: string | null,\n  fallback: DataGridSortModel,\n  columns: readonly DataGridColumnDef<any>[],\n): DataGridSortModel {\n  if (raw == null) return fallback;\n  if (raw === \"\") return [];\n  const known = new Set(columns.map((c) => c.id));\n  const out: DataGridSortItem[] = [];\n  for (const part of raw.split(\",\")) {\n    const colonIdx = part.indexOf(\":\");\n    if (colonIdx <= 0) continue;\n    const encodedId = part.slice(0, colonIdx);\n    const dir = part.slice(colonIdx + 1);\n    if (dir !== \"asc\" && dir !== \"desc\") continue;\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (!id || !known.has(id)) continue;\n    out.push({ columnId: id, direction: dir });\n  }\n  return out;\n}\n\n// ── quick search ───────────────────────────────────────────────────\nfunction parseQuickSearch(raw: string | null, fallback: string): string {\n  if (raw == null) return fallback;\n  return raw;\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\ntype UrlStateOptions = {\n  /** Disambiguates URL params when multiple grids share a page. Defaults\n   * to `\"grid\"`. Use unique prefixes per-grid (e.g. `\"users\"`, `\"teams\"`). */\n  paramPrefix?: string,\n  /** Overrides for default state used when the URL has no value for a\n   * given key. Useful for things like a sensible initial sort (e.g.\n   * \"newest signups first\") that should appear on first load but be\n   * overridden when the user navigates to a bookmarked URL. */\n  initial?: Partial<Pick<DataGridState, \"sorting\" | \"quickSearch\" | \"columnVisibility\">>,\n};\n\n/**\n * Drop-in replacement for `useState(() => createDefaultDataGridState(columns))`\n * that persists user view preferences to URL search params, so a view\n * can be bookmarked / shared / restored on reload.\n *\n * **Persisted:** column widths, hidden columns, sort model, quick-search.\n * **Not persisted** (deliberately): pagination scroll position, selection,\n * column pinning/order, date display mode — these are session-scoped.\n *\n * ```tsx\n * const [gridState, setGridState] = useDataGridUrlState(columns, {\n *   paramPrefix: \"users\",\n *   initial: { sorting: [{ columnId: \"signedUpAt\", direction: \"desc\" }] },\n * });\n * ```\n *\n * URL encoding: `?{prefix}_w=...&{prefix}_h=...&{prefix}_s=...&{prefix}_q=...`.\n * Default values are omitted so URLs stay clean. Updates use\n * `history.replaceState` (not pushState) so back/forward isn't polluted,\n * and `popstate` is observed so external URL changes flow back into state.\n */\nexport function useDataGridUrlState<TRow>(\n  columns: readonly DataGridColumnDef<TRow>[],\n  opts?: UrlStateOptions,\n): [DataGridState, React.Dispatch<React.SetStateAction<DataGridState>>] {\n  const prefix = opts?.paramPrefix ?? \"grid\";\n  const widthsKey = `${prefix}_w`;\n  const hiddenKey = `${prefix}_h`;\n  const sortKey = `${prefix}_s`;\n  const searchKey = `${prefix}_q`;\n\n  const columnsRef = useRef(columns);\n  columnsRef.current = columns;\n\n  // `initial` snapshots are captured once on first render. Re-running them\n  // each render would clobber the user's interactions.\n  const initialRef = useRef(opts?.initial);\n\n  const [state, setState] = useState<DataGridState>(() => {\n    const base = createDefaultDataGridState(columns);\n    const initial = initialRef.current ?? {};\n    const baseWithInitial: DataGridState = {\n      ...base,\n      sorting: initial.sorting ?? base.sorting,\n      quickSearch: initial.quickSearch ?? base.quickSearch,\n      columnVisibility: initial.columnVisibility ?? base.columnVisibility,\n    };\n    if (typeof window === \"undefined\") return baseWithInitial;\n    const params = new URLSearchParams(window.location.search);\n    return {\n      ...baseWithInitial,\n      columnWidths: parseWidths(params.get(widthsKey), base.columnWidths, columns),\n      columnVisibility: params.get(hiddenKey) != null\n        ? parseHidden(params.get(hiddenKey), columns)\n        : baseWithInitial.columnVisibility,\n      sorting: parseSort(params.get(sortKey), baseWithInitial.sorting, columns),\n      quickSearch: parseQuickSearch(params.get(searchKey), baseWithInitial.quickSearch),\n    };\n  });\n\n  // Sync state -> URL. Debounced so that high-frequency state changes\n  // (e.g. dragging a column resize handle, typing in the search box)\n  // don't fire a URL write per pixel / per keystroke.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const timer = setTimeout(() => {\n      const params = new URLSearchParams(window.location.search);\n      const before = params.toString();\n      const cols = columnsRef.current;\n      const initial = initialRef.current ?? {};\n\n      const widthsStr = serializeWidths(state.columnWidths, cols);\n      if (widthsStr) params.set(widthsKey, widthsStr);\n      else params.delete(widthsKey);\n\n      const hiddenStr = serializeHidden(state.columnVisibility);\n      // If the consumer supplied initial visibility, \"no hidden cols\" must\n      // be encoded explicitly (empty string) so a bookmark with no `_h=`\n      // doesn't silently re-hide a column the user just un-hid.\n      const initialHidden = initial.columnVisibility\n        ? serializeHidden(initial.columnVisibility)\n        : \"\";\n      if (hiddenStr) params.set(hiddenKey, hiddenStr);\n      else if (initialHidden) params.set(hiddenKey, \"\");\n      else params.delete(hiddenKey);\n\n      const initialSort = initial.sorting ?? [];\n      if (sortEqual(state.sorting, initialSort)) params.delete(sortKey);\n      else params.set(sortKey, serializeSort(state.sorting));\n\n      const initialSearch = initial.quickSearch ?? \"\";\n      if (state.quickSearch === initialSearch) params.delete(searchKey);\n      else params.set(searchKey, state.quickSearch);\n\n      const after = params.toString();\n      if (before === after) return;\n      const url = `${window.location.pathname}${after ? `?${after}` : \"\"}${window.location.hash}`;\n      window.history.replaceState(window.history.state, \"\", url);\n    }, 100);\n    return () => clearTimeout(timer);\n  }, [\n    state.columnWidths,\n    state.columnVisibility,\n    state.sorting,\n    state.quickSearch,\n    widthsKey,\n    hiddenKey,\n    sortKey,\n    searchKey,\n  ]);\n\n  // React to back/forward navigation.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onPop = () => {\n      const params = new URLSearchParams(window.location.search);\n      const cols = columnsRef.current;\n      const initial = initialRef.current ?? {};\n      // When the URL no longer has a value for a key, reset to defaults\n      // rather than preserving the previous in-memory state — otherwise\n      // navigating back to a clean URL leaves stale state.\n      const defaults = createDefaultDataGridState(cols);\n      setState((prev) => ({\n        ...prev,\n        columnWidths: parseWidths(params.get(widthsKey), defaults.columnWidths, cols),\n        columnVisibility: params.get(hiddenKey) != null\n          ? parseHidden(params.get(hiddenKey), cols)\n          : (initial.columnVisibility ?? defaults.columnVisibility),\n        sorting: parseSort(params.get(sortKey), initial.sorting ?? defaults.sorting, cols),\n        quickSearch: parseQuickSearch(params.get(searchKey), initial.quickSearch ?? defaults.quickSearch),\n      }));\n    };\n    window.addEventListener(\"popstate\", onPop);\n    return () => window.removeEventListener(\"popstate\", onPop);\n  }, [widthsKey, hiddenKey, sortKey, searchKey]);\n\n  return [state, setState];\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-url-state.js","names":[],"sources":["../../../../src/components/data-grid/use-url-state.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { DEFAULT_COL_WIDTH, clampColumnWidth } from \"./data-grid-sizing\";\nimport { createDefaultDataGridState } from \"./state\";\nimport type {\n  DataGridColumnDef,\n  DataGridSortItem,\n  DataGridSortModel,\n  DataGridState,\n} from \"./types\";\n\n// ─── URL <-> state encoding ──────────────────────────────────────────\n// Compact, human-readable formats so URLs stay short. Each piece of\n// state gets its own param so unrelated changes don't churn shared keys:\n//\n//   ?{prefix}_w=name:200,email:300       column widths (only non-defaults)\n//   ?{prefix}_h=createdAt,role           hidden column ids\n//   ?{prefix}_s=signedUpAt:desc,name:asc multi-column sort\n//   ?{prefix}_q=alice                    quick-search text\n//\n// Column ids are URL-encoded so ids containing `,` `:` or other reserved\n// characters round-trip safely. Without encoding, an id like \"user:name\"\n// would silently break the parser.\n\n// ── widths ─────────────────────────────────────────────────────────\nfunction serializeWidths(\n  widths: Record<string, number>,\n  columns: readonly DataGridColumnDef<any>[],\n): string {\n  const parts: string[] = [];\n  for (const col of columns) {\n    const w = widths[col.id];\n    if (typeof w !== \"number\" || !Number.isFinite(w)) continue;\n    const defaultW = clampColumnWidth(col, col.width ?? DEFAULT_COL_WIDTH);\n    if (Math.round(w) === Math.round(defaultW)) continue;\n    parts.push(`${encodeURIComponent(col.id)}:${Math.round(w)}`);\n  }\n  return parts.join(\",\");\n}\n\nfunction parseWidths(\n  raw: string | null,\n  fallback: Record<string, number>,\n  columns: readonly DataGridColumnDef<any>[],\n): Record<string, number> {\n  if (!raw) return fallback;\n  const colMap = new Map(columns.map((c) => [c.id, c]));\n  const out: Record<string, number> = { ...fallback };\n  for (const part of raw.split(\",\")) {\n    // Only split on the FIRST colon — id-side is always pre-encoded so it\n    // can't contain a literal `:`, but width-side is always numeric.\n    const colonIdx = part.indexOf(\":\");\n    if (colonIdx <= 0) continue;\n    const encodedId = part.slice(0, colonIdx);\n    const num = part.slice(colonIdx + 1);\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (!id || !num) continue;\n    const col = colMap.get(id);\n    if (!col) continue;\n    const n = Number(num);\n    if (!Number.isFinite(n)) continue;\n    out[id] = clampColumnWidth(col, n);\n  }\n  return out;\n}\n\n// ── hidden columns ─────────────────────────────────────────────────\nfunction serializeHidden(visibility: Record<string, boolean>): string {\n  return Object.entries(visibility)\n    .filter(([, v]) => v === false)\n    .map(([id]) => encodeURIComponent(id))\n    .join(\",\");\n}\n\nfunction parseHidden(\n  raw: string | null,\n  columns: readonly DataGridColumnDef<any>[],\n): Record<string, boolean> {\n  if (!raw) return {};\n  const known = new Set(columns.map((c) => c.id));\n  const out: Record<string, boolean> = {};\n  for (const encodedId of raw.split(\",\")) {\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (id && known.has(id)) out[id] = false;\n  }\n  return out;\n}\n\n// ── sort model ─────────────────────────────────────────────────────\nfunction serializeSort(sort: DataGridSortModel): string {\n  return sort\n    .map((s) => `${encodeURIComponent(s.columnId)}:${s.direction === \"desc\" ? \"desc\" : \"asc\"}`)\n    .join(\",\");\n}\n\nfunction sortEqual(a: DataGridSortModel, b: DataGridSortModel): boolean {\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i].columnId !== b[i].columnId || a[i].direction !== b[i].direction) return false;\n  }\n  return true;\n}\n\nfunction parseSort(\n  raw: string | null,\n  fallback: DataGridSortModel,\n  columns: readonly DataGridColumnDef<any>[],\n): DataGridSortModel {\n  if (raw == null) return fallback;\n  if (raw === \"\") return [];\n  const known = new Set(columns.map((c) => c.id));\n  const out: DataGridSortItem[] = [];\n  for (const part of raw.split(\",\")) {\n    const colonIdx = part.indexOf(\":\");\n    if (colonIdx <= 0) continue;\n    const encodedId = part.slice(0, colonIdx);\n    const dir = part.slice(colonIdx + 1);\n    if (dir !== \"asc\" && dir !== \"desc\") continue;\n    let id: string;\n    try {\n      id = decodeURIComponent(encodedId);\n    } catch {\n      continue;\n    }\n    if (!id || !known.has(id)) continue;\n    out.push({ columnId: id, direction: dir });\n  }\n  return out;\n}\n\n// ── quick search ───────────────────────────────────────────────────\nfunction parseQuickSearch(raw: string | null, fallback: string): string {\n  if (raw == null) return fallback;\n  return raw;\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\ntype UrlStateOptions = {\n  /** Disambiguates URL params when multiple grids share a page. Defaults\n   * to `\"grid\"`. Use unique prefixes per-grid (e.g. `\"users\"`, `\"teams\"`). */\n  paramPrefix?: string,\n  /** Overrides for default state used when the URL has no value for a\n   * given key. Useful for things like a sensible initial sort (e.g.\n   * \"newest signups first\") that should appear on first load but be\n   * overridden when the user navigates to a bookmarked URL. */\n  initial?: Partial<Pick<DataGridState, \"sorting\" | \"quickSearch\" | \"columnVisibility\">>,\n};\n\n/**\n * Drop-in replacement for `useState(() => createDefaultDataGridState(columns))`\n * that persists user view preferences to URL search params, so a view\n * can be bookmarked / shared / restored on reload.\n *\n * **Persisted:** column widths, hidden columns, sort model, quick-search.\n * **Not persisted** (deliberately): pagination scroll position, selection,\n * column pinning/order, date display mode — these are session-scoped.\n *\n * ```tsx\n * const [gridState, setGridState] = useDataGridUrlState(columns, {\n *   paramPrefix: \"users\",\n *   initial: { sorting: [{ columnId: \"signedUpAt\", direction: \"desc\" }] },\n * });\n * ```\n *\n * URL encoding: `?{prefix}_w=...&{prefix}_h=...&{prefix}_s=...&{prefix}_q=...`.\n * Default values are omitted so URLs stay clean. Updates use\n * `history.replaceState` (not pushState) so back/forward isn't polluted,\n * and `popstate` is observed so external URL changes flow back into state.\n */\nexport function useDataGridUrlState<TRow>(\n  columns: readonly DataGridColumnDef<TRow>[],\n  opts?: UrlStateOptions,\n): [DataGridState, React.Dispatch<React.SetStateAction<DataGridState>>] {\n  const prefix = opts?.paramPrefix ?? \"grid\";\n  const widthsKey = `${prefix}_w`;\n  const hiddenKey = `${prefix}_h`;\n  const sortKey = `${prefix}_s`;\n  const searchKey = `${prefix}_q`;\n\n  const columnsRef = useRef(columns);\n  columnsRef.current = columns;\n\n  // `initial` snapshots are captured once on first render. Re-running them\n  // each render would clobber the user's interactions.\n  const initialRef = useRef(opts?.initial);\n\n  const [state, setState] = useState<DataGridState>(() => {\n    const base = createDefaultDataGridState(columns);\n    const initial = initialRef.current ?? {};\n    const baseWithInitial: DataGridState = {\n      ...base,\n      sorting: initial.sorting ?? base.sorting,\n      quickSearch: initial.quickSearch ?? base.quickSearch,\n      columnVisibility: initial.columnVisibility ?? base.columnVisibility,\n    };\n    if (typeof window === \"undefined\") return baseWithInitial;\n    const params = new URLSearchParams(window.location.search);\n    return {\n      ...baseWithInitial,\n      columnWidths: parseWidths(params.get(widthsKey), base.columnWidths, columns),\n      columnVisibility: params.get(hiddenKey) != null\n        ? parseHidden(params.get(hiddenKey), columns)\n        : baseWithInitial.columnVisibility,\n      sorting: parseSort(params.get(sortKey), baseWithInitial.sorting, columns),\n      quickSearch: parseQuickSearch(params.get(searchKey), baseWithInitial.quickSearch),\n    };\n  });\n\n  // Sync state -> URL. Debounced so that high-frequency state changes\n  // (e.g. dragging a column resize handle, typing in the search box)\n  // don't fire a URL write per pixel / per keystroke.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const timer = setTimeout(() => {\n      const params = new URLSearchParams(window.location.search);\n      const before = params.toString();\n      const cols = columnsRef.current;\n      const initial = initialRef.current ?? {};\n\n      const widthsStr = serializeWidths(state.columnWidths, cols);\n      if (widthsStr) params.set(widthsKey, widthsStr);\n      else params.delete(widthsKey);\n\n      const hiddenStr = serializeHidden(state.columnVisibility);\n      // If the consumer supplied initial visibility, \"no hidden cols\" must\n      // be encoded explicitly (empty string) so a bookmark with no `_h=`\n      // doesn't silently re-hide a column the user just un-hid.\n      const initialHidden = initial.columnVisibility\n        ? serializeHidden(initial.columnVisibility)\n        : \"\";\n      if (hiddenStr) params.set(hiddenKey, hiddenStr);\n      else if (initialHidden) params.set(hiddenKey, \"\");\n      else params.delete(hiddenKey);\n\n      const initialSort = initial.sorting ?? [];\n      if (sortEqual(state.sorting, initialSort)) params.delete(sortKey);\n      else params.set(sortKey, serializeSort(state.sorting));\n\n      const initialSearch = initial.quickSearch ?? \"\";\n      if (state.quickSearch === initialSearch) params.delete(searchKey);\n      else params.set(searchKey, state.quickSearch);\n\n      const after = params.toString();\n      if (before === after) return;\n      const url = `${window.location.pathname}${after ? `?${after}` : \"\"}${window.location.hash}`;\n      window.history.replaceState(window.history.state, \"\", url);\n    }, 100);\n    return () => clearTimeout(timer);\n  }, [\n    state.columnWidths,\n    state.columnVisibility,\n    state.sorting,\n    state.quickSearch,\n    widthsKey,\n    hiddenKey,\n    sortKey,\n    searchKey,\n  ]);\n\n  // React to back/forward navigation.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onPop = () => {\n      const params = new URLSearchParams(window.location.search);\n      const cols = columnsRef.current;\n      const initial = initialRef.current ?? {};\n      // When the URL no longer has a value for a key, reset to defaults\n      // rather than preserving the previous in-memory state — otherwise\n      // navigating back to a clean URL leaves stale state.\n      const defaults = createDefaultDataGridState(cols);\n      setState((prev) => ({\n        ...prev,\n        columnWidths: parseWidths(params.get(widthsKey), defaults.columnWidths, cols),\n        columnVisibility: params.get(hiddenKey) != null\n          ? parseHidden(params.get(hiddenKey), cols)\n          : (initial.columnVisibility ?? defaults.columnVisibility),\n        sorting: parseSort(params.get(sortKey), initial.sorting ?? defaults.sorting, cols),\n        quickSearch: parseQuickSearch(params.get(searchKey), initial.quickSearch ?? defaults.quickSearch),\n      }));\n    };\n    window.addEventListener(\"popstate\", onPop);\n    return () => window.removeEventListener(\"popstate\", onPop);\n  }, [widthsKey, hiddenKey, sortKey, searchKey]);\n\n  return [state, setState];\n}\n"],"mappings":";;;;;AA0BA,SAAS,gBACP,QACA,SACQ;CACR,MAAM,QAAkB,CAAC;CACzB,KAAK,MAAM,OAAO,SAAS;EACzB,MAAM,IAAI,OAAO,IAAI;EACrB,IAAI,OAAO,MAAM,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG;EAClD,MAAM,WAAW,iBAAiB,KAAK,IAAI,SAAS,iBAAiB;EACrE,IAAI,KAAK,MAAM,CAAC,MAAM,KAAK,MAAM,QAAQ,GAAG;EAC5C,MAAM,KAAK,GAAG,mBAAmB,IAAI,EAAE,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG;CAC7D;CACA,OAAO,MAAM,KAAK,GAAG;AACvB;AAEA,SAAS,YACP,KACA,UACA,SACwB;CACxB,IAAI,CAAC,KAAK,OAAO;CACjB,MAAM,SAAS,IAAI,IAAI,QAAQ,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;CACpD,MAAM,MAA8B,EAAE,GAAG,SAAS;CAClD,KAAK,MAAM,QAAQ,IAAI,MAAM,GAAG,GAAG;EAGjC,MAAM,WAAW,KAAK,QAAQ,GAAG;EACjC,IAAI,YAAY,GAAG;EACnB,MAAM,YAAY,KAAK,MAAM,GAAG,QAAQ;EACxC,MAAM,MAAM,KAAK,MAAM,WAAW,CAAC;EACnC,IAAI;EACJ,IAAI;GACF,KAAK,mBAAmB,SAAS;EACnC,QAAQ;GACN;EACF;EACA,IAAI,CAAC,MAAM,CAAC,KAAK;EACjB,MAAM,MAAM,OAAO,IAAI,EAAE;EACzB,IAAI,CAAC,KAAK;EACV,MAAM,IAAI,OAAO,GAAG;EACpB,IAAI,CAAC,OAAO,SAAS,CAAC,GAAG;EACzB,IAAI,MAAM,iBAAiB,KAAK,CAAC;CACnC;CACA,OAAO;AACT;AAGA,SAAS,gBAAgB,YAA6C;CACpE,OAAO,OAAO,QAAQ,UAAU,CAAC,CAC9B,QAAQ,GAAG,OAAO,MAAM,KAAK,CAAC,CAC9B,KAAK,CAAC,QAAQ,mBAAmB,EAAE,CAAC,CAAC,CACrC,KAAK,GAAG;AACb;AAEA,SAAS,YACP,KACA,SACyB;CACzB,IAAI,CAAC,KAAK,OAAO,CAAC;CAClB,MAAM,QAAQ,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,EAAE,CAAC;CAC9C,MAAM,MAA+B,CAAC;CACtC,KAAK,MAAM,aAAa,IAAI,MAAM,GAAG,GAAG;EACtC,IAAI;EACJ,IAAI;GACF,KAAK,mBAAmB,SAAS;EACnC,QAAQ;GACN;EACF;EACA,IAAI,MAAM,MAAM,IAAI,EAAE,GAAG,IAAI,MAAM;CACrC;CACA,OAAO;AACT;AAGA,SAAS,cAAc,MAAiC;CACtD,OAAO,KACJ,KAAK,MAAM,GAAG,mBAAmB,EAAE,QAAQ,EAAE,GAAG,EAAE,cAAc,SAAS,SAAS,OAAO,CAAC,CAC1F,KAAK,GAAG;AACb;AAEA,SAAS,UAAU,GAAsB,GAA+B;CACtE,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAO;CAClC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,KAC5B,IAAI,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,WAAW,OAAO;CAEnF,OAAO;AACT;AAEA,SAAS,UACP,KACA,UACA,SACmB;CACnB,IAAI,OAAO,MAAM,OAAO;CACxB,IAAI,QAAQ,IAAI,OAAO,CAAC;CACxB,MAAM,QAAQ,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,EAAE,CAAC;CAC9C,MAAM,MAA0B,CAAC;CACjC,KAAK,MAAM,QAAQ,IAAI,MAAM,GAAG,GAAG;EACjC,MAAM,WAAW,KAAK,QAAQ,GAAG;EACjC,IAAI,YAAY,GAAG;EACnB,MAAM,YAAY,KAAK,MAAM,GAAG,QAAQ;EACxC,MAAM,MAAM,KAAK,MAAM,WAAW,CAAC;EACnC,IAAI,QAAQ,SAAS,QAAQ,QAAQ;EACrC,IAAI;EACJ,IAAI;GACF,KAAK,mBAAmB,SAAS;EACnC,QAAQ;GACN;EACF;EACA,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,GAAG;EAC3B,IAAI,KAAK;GAAE,UAAU;GAAI,WAAW;EAAI,CAAC;CAC3C;CACA,OAAO;AACT;AAGA,SAAS,iBAAiB,KAAoB,UAA0B;CACtE,IAAI,OAAO,MAAM,OAAO;CACxB,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,oBACd,SACA,MACsE;CACtE,MAAM,SAAS,MAAM,eAAe;CACpC,MAAM,YAAY,GAAG,OAAO;CAC5B,MAAM,YAAY,GAAG,OAAO;CAC5B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,YAAY,GAAG,OAAO;CAE5B,MAAM,aAAa,OAAO,OAAO;CACjC,WAAW,UAAU;CAIrB,MAAM,aAAa,OAAO,MAAM,OAAO;CAEvC,MAAM,CAAC,OAAO,YAAY,eAA8B;EACtD,MAAM,OAAO,2BAA2B,OAAO;EAC/C,MAAM,UAAU,WAAW,WAAW,CAAC;EACvC,MAAM,kBAAiC;GACrC,GAAG;GACH,SAAS,QAAQ,WAAW,KAAK;GACjC,aAAa,QAAQ,eAAe,KAAK;GACzC,kBAAkB,QAAQ,oBAAoB,KAAK;EACrD;EACA,IAAI,OAAO,WAAW,aAAa,OAAO;EAC1C,MAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;EACzD,OAAO;GACL,GAAG;GACH,cAAc,YAAY,OAAO,IAAI,SAAS,GAAG,KAAK,cAAc,OAAO;GAC3E,kBAAkB,OAAO,IAAI,SAAS,KAAK,OACvC,YAAY,OAAO,IAAI,SAAS,GAAG,OAAO,IAC1C,gBAAgB;GACpB,SAAS,UAAU,OAAO,IAAI,OAAO,GAAG,gBAAgB,SAAS,OAAO;GACxE,aAAa,iBAAiB,OAAO,IAAI,SAAS,GAAG,gBAAgB,WAAW;EAClF;CACF,CAAC;CAKD,gBAAgB;EACd,IAAI,OAAO,WAAW,aAAa;EACnC,MAAM,QAAQ,iBAAiB;GAC7B,MAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;GACzD,MAAM,SAAS,OAAO,SAAS;GAC/B,MAAM,OAAO,WAAW;GACxB,MAAM,UAAU,WAAW,WAAW,CAAC;GAEvC,MAAM,YAAY,gBAAgB,MAAM,cAAc,IAAI;GAC1D,IAAI,WAAW,OAAO,IAAI,WAAW,SAAS;QACzC,OAAO,OAAO,SAAS;GAE5B,MAAM,YAAY,gBAAgB,MAAM,gBAAgB;GAIxD,MAAM,gBAAgB,QAAQ,mBAC1B,gBAAgB,QAAQ,gBAAgB,IACxC;GACJ,IAAI,WAAW,OAAO,IAAI,WAAW,SAAS;QACzC,IAAI,eAAe,OAAO,IAAI,WAAW,EAAE;QAC3C,OAAO,OAAO,SAAS;GAE5B,MAAM,cAAc,QAAQ,WAAW,CAAC;GACxC,IAAI,UAAU,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,OAAO;QAC3D,OAAO,IAAI,SAAS,cAAc,MAAM,OAAO,CAAC;GAErD,MAAM,gBAAgB,QAAQ,eAAe;GAC7C,IAAI,MAAM,gBAAgB,eAAe,OAAO,OAAO,SAAS;QAC3D,OAAO,IAAI,WAAW,MAAM,WAAW;GAE5C,MAAM,QAAQ,OAAO,SAAS;GAC9B,IAAI,WAAW,OAAO;GACtB,MAAM,MAAM,GAAG,OAAO,SAAS,WAAW,QAAQ,IAAI,UAAU,KAAK,OAAO,SAAS;GACrF,OAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,GAAG;EAC3D,GAAG,GAAG;EACN,aAAa,aAAa,KAAK;CACjC,GAAG;EACD,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN;EACA;EACA;EACA;CACF,CAAC;CAGD,gBAAgB;EACd,IAAI,OAAO,WAAW,aAAa;EACnC,MAAM,cAAc;GAClB,MAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;GACzD,MAAM,OAAO,WAAW;GACxB,MAAM,UAAU,WAAW,WAAW,CAAC;GAIvC,MAAM,WAAW,2BAA2B,IAAI;GAChD,UAAU,UAAU;IAClB,GAAG;IACH,cAAc,YAAY,OAAO,IAAI,SAAS,GAAG,SAAS,cAAc,IAAI;IAC5E,kBAAkB,OAAO,IAAI,SAAS,KAAK,OACvC,YAAY,OAAO,IAAI,SAAS,GAAG,IAAI,IACtC,QAAQ,oBAAoB,SAAS;IAC1C,SAAS,UAAU,OAAO,IAAI,OAAO,GAAG,QAAQ,WAAW,SAAS,SAAS,IAAI;IACjF,aAAa,iBAAiB,OAAO,IAAI,SAAS,GAAG,QAAQ,eAAe,SAAS,WAAW;GAClG,EAAE;EACJ;EACA,OAAO,iBAAiB,YAAY,KAAK;EACzC,aAAa,OAAO,oBAAoB,YAAY,KAAK;CAC3D,GAAG;EAAC;EAAW;EAAW;EAAS;CAAS,CAAC;CAE7C,OAAO,CAAC,OAAO,QAAQ;AACzB"}

package/dist/esm/components/data-grid/use-url-state.test.js

@@ -1,7 +1,6 @@
 import { act, renderHook } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, it } from "vitest";
 import { useDataGridUrlState } from "./use-url-state.js";
-
 //#region src/components/data-grid/use-url-state.test.tsx
 // @vitest-environment jsdom
 const columns = [{
@@ -85,7 +84,7 @@ describe("useDataGridUrlState", () => {
 		expect(result.current[0].columnWidths.name).toBe(240);
 	});
 });
-
 //#endregion
-export {  };
+export {};
+
 //# sourceMappingURL=use-url-state.test.js.map

package/dist/esm/components/data-grid/use-url-state.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-state.test.js","names":[],"sources":["../../../../src/components/data-grid/use-url-state.test.tsx"],"sourcesContent":["// @vitest-environment jsdom\n\nimport { act, renderHook } from \"@testing-library/react\";\nimport { afterEach, beforeEach, describe, expect, it } from \"vitest\";\nimport type { DataGridColumnDef } from \"./types\";\nimport { useDataGridUrlState } from \"./use-url-state\";\n\ntype Row = { id: string };\n\nconst columns: DataGridColumnDef<Row>[] = [\n  { id: \"name\", header: \"Name\", accessor: () => \"\", width: 160, minWidth: 80, type: \"string\" },\n  { id: \"email\", header: \"Email\", accessor: () => \"\", width: 200, minWidth: 80, type: \"string\" },\n];\n\nfunction setUrl(search: string) {\n  window.history.replaceState(null, \"\", `/${search ? `?${search}` : \"\"}`);\n}\n\nbeforeEach(() => {\n  setUrl(\"\");\n});\n\nafterEach(() => {\n  setUrl(\"\");\n});\n\ndescribe(\"useDataGridUrlState\", () => {\n  it(\"initializes from existing URL params\", () => {\n    setUrl(\"grid_w=name:240&grid_h=email\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    const [state] = result.current;\n    expect(state.columnWidths.name).toBe(240);\n    expect(state.columnVisibility.email).toBe(false);\n  });\n\n  it(\"writes width changes back to the URL (after debounce)\", async () => {\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n\n    act(() => {\n      const [, setState] = result.current;\n      setState((prev) => ({\n        ...prev,\n        columnWidths: { ...prev.columnWidths, name: 250 },\n      }));\n    });\n\n    // Debounce is 100ms.\n    await new Promise((resolve) => setTimeout(resolve, 150));\n    const params = new URLSearchParams(window.location.search);\n    expect(params.get(\"grid_w\")).toBe(\"name:250\");\n  });\n\n  it(\"resets column widths to defaults when a popstate clears the URL\", () => {\n    setUrl(\"grid_w=name:300\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    expect(result.current[0].columnWidths.name).toBe(300);\n\n    act(() => {\n      setUrl(\"\");\n      window.dispatchEvent(new PopStateEvent(\"popstate\"));\n    });\n\n    // Default for \"name\" column is its declared width of 160.\n    expect(result.current[0].columnWidths.name).toBe(160);\n  });\n\n  it(\"isolates two grids on the same page via paramPrefix\", async () => {\n    const { result: a } = renderHook(() => useDataGridUrlState(columns, { paramPrefix: \"users\" }));\n    const { result: b } = renderHook(() => useDataGridUrlState(columns, { paramPrefix: \"teams\" }));\n\n    act(() => {\n      a.current[1]((prev) => ({ ...prev, columnWidths: { ...prev.columnWidths, name: 222 } }));\n    });\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    const params = new URLSearchParams(window.location.search);\n    expect(params.get(\"users_w\")).toBe(\"name:222\");\n    expect(params.get(\"teams_w\")).toBeNull();\n    expect(b.current[0].columnWidths.name).toBe(160); // unaffected\n  });\n\n  it(\"ignores malformed entries in the URL param without throwing\", () => {\n    setUrl(\"grid_w=:,name:abc,name:240,bogusid:99\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    // Only the well-formed `name:240` should land; junk is dropped silently.\n    expect(result.current[0].columnWidths.name).toBe(240);\n  });\n});\n"],"mappings":";;;;;;AASA,MAAM,UAAoC,CACxC;CAAE,IAAI;CAAQ,QAAQ;CAAQ,gBAAgB;CAAI,OAAO;CAAK,UAAU;CAAI,MAAM;CAAU,EAC5F;CAAE,IAAI;CAAS,QAAQ;CAAS,gBAAgB;CAAI,OAAO;CAAK,UAAU;CAAI,MAAM;CAAU,CAC/F;AAED,SAAS,OAAO,QAAgB;AAC9B,QAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,SAAS,IAAI,WAAW,KAAK;;AAGzE,iBAAiB;AACf,QAAO,GAAG;EACV;AAEF,gBAAgB;AACd,QAAO,GAAG;EACV;AAEF,SAAS,6BAA6B;AACpC,IAAG,8CAA8C;AAC/C,SAAO,+BAA+B;EACtC,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,QAAQ,CAAC;EACjE,MAAM,CAAC,SAAS,OAAO;AACvB,SAAO,MAAM,aAAa,KAAK,CAAC,KAAK,IAAI;AACzC,SAAO,MAAM,iBAAiB,MAAM,CAAC,KAAK,MAAM;GAChD;AAEF,IAAG,yDAAyD,YAAY;EACtE,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,QAAQ,CAAC;AAEjE,YAAU;GACR,MAAM,GAAG,YAAY,OAAO;AAC5B,aAAU,UAAU;IAClB,GAAG;IACH,cAAc;KAAE,GAAG,KAAK;KAAc,MAAM;KAAK;IAClD,EAAE;IACH;AAGF,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,IAAI,CAAC;AAExD,SADe,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC5C,IAAI,SAAS,CAAC,CAAC,KAAK,WAAW;GAC7C;AAEF,IAAG,yEAAyE;AAC1E,SAAO,kBAAkB;EACzB,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,QAAQ,CAAC;AACjE,SAAO,OAAO,QAAQ,GAAG,aAAa,KAAK,CAAC,KAAK,IAAI;AAErD,YAAU;AACR,UAAO,GAAG;AACV,UAAO,cAAc,IAAI,cAAc,WAAW,CAAC;IACnD;AAGF,SAAO,OAAO,QAAQ,GAAG,aAAa,KAAK,CAAC,KAAK,IAAI;GACrD;AAEF,IAAG,uDAAuD,YAAY;EACpE,MAAM,EAAE,QAAQ,MAAM,iBAAiB,oBAAoB,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC;EAC9F,MAAM,EAAE,QAAQ,MAAM,iBAAiB,oBAAoB,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC;AAE9F,YAAU;AACR,KAAE,QAAQ,IAAI,UAAU;IAAE,GAAG;IAAM,cAAc;KAAE,GAAG,KAAK;KAAc,MAAM;KAAK;IAAE,EAAE;IACxF;AACF,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,IAAI,CAAC;EAExD,MAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,OAAO;AAC1D,SAAO,OAAO,IAAI,UAAU,CAAC,CAAC,KAAK,WAAW;AAC9C,SAAO,OAAO,IAAI,UAAU,CAAC,CAAC,UAAU;AACxC,SAAO,EAAE,QAAQ,GAAG,aAAa,KAAK,CAAC,KAAK,IAAI;GAChD;AAEF,IAAG,qEAAqE;AACtE,SAAO,wCAAwC;EAC/C,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,QAAQ,CAAC;AAEjE,SAAO,OAAO,QAAQ,GAAG,aAAa,KAAK,CAAC,KAAK,IAAI;GACrD;EACF"}
+{"version":3,"file":"use-url-state.test.js","names":[],"sources":["../../../../src/components/data-grid/use-url-state.test.tsx"],"sourcesContent":["// @vitest-environment jsdom\n\nimport { act, renderHook } from \"@testing-library/react\";\nimport { afterEach, beforeEach, describe, expect, it } from \"vitest\";\nimport type { DataGridColumnDef } from \"./types\";\nimport { useDataGridUrlState } from \"./use-url-state\";\n\ntype Row = { id: string };\n\nconst columns: DataGridColumnDef<Row>[] = [\n  { id: \"name\", header: \"Name\", accessor: () => \"\", width: 160, minWidth: 80, type: \"string\" },\n  { id: \"email\", header: \"Email\", accessor: () => \"\", width: 200, minWidth: 80, type: \"string\" },\n];\n\nfunction setUrl(search: string) {\n  window.history.replaceState(null, \"\", `/${search ? `?${search}` : \"\"}`);\n}\n\nbeforeEach(() => {\n  setUrl(\"\");\n});\n\nafterEach(() => {\n  setUrl(\"\");\n});\n\ndescribe(\"useDataGridUrlState\", () => {\n  it(\"initializes from existing URL params\", () => {\n    setUrl(\"grid_w=name:240&grid_h=email\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    const [state] = result.current;\n    expect(state.columnWidths.name).toBe(240);\n    expect(state.columnVisibility.email).toBe(false);\n  });\n\n  it(\"writes width changes back to the URL (after debounce)\", async () => {\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n\n    act(() => {\n      const [, setState] = result.current;\n      setState((prev) => ({\n        ...prev,\n        columnWidths: { ...prev.columnWidths, name: 250 },\n      }));\n    });\n\n    // Debounce is 100ms.\n    await new Promise((resolve) => setTimeout(resolve, 150));\n    const params = new URLSearchParams(window.location.search);\n    expect(params.get(\"grid_w\")).toBe(\"name:250\");\n  });\n\n  it(\"resets column widths to defaults when a popstate clears the URL\", () => {\n    setUrl(\"grid_w=name:300\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    expect(result.current[0].columnWidths.name).toBe(300);\n\n    act(() => {\n      setUrl(\"\");\n      window.dispatchEvent(new PopStateEvent(\"popstate\"));\n    });\n\n    // Default for \"name\" column is its declared width of 160.\n    expect(result.current[0].columnWidths.name).toBe(160);\n  });\n\n  it(\"isolates two grids on the same page via paramPrefix\", async () => {\n    const { result: a } = renderHook(() => useDataGridUrlState(columns, { paramPrefix: \"users\" }));\n    const { result: b } = renderHook(() => useDataGridUrlState(columns, { paramPrefix: \"teams\" }));\n\n    act(() => {\n      a.current[1]((prev) => ({ ...prev, columnWidths: { ...prev.columnWidths, name: 222 } }));\n    });\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    const params = new URLSearchParams(window.location.search);\n    expect(params.get(\"users_w\")).toBe(\"name:222\");\n    expect(params.get(\"teams_w\")).toBeNull();\n    expect(b.current[0].columnWidths.name).toBe(160); // unaffected\n  });\n\n  it(\"ignores malformed entries in the URL param without throwing\", () => {\n    setUrl(\"grid_w=:,name:abc,name:240,bogusid:99\");\n    const { result } = renderHook(() => useDataGridUrlState(columns));\n    // Only the well-formed `name:240` should land; junk is dropped silently.\n    expect(result.current[0].columnWidths.name).toBe(240);\n  });\n});\n"],"mappings":";;;;;AASA,MAAM,UAAoC,CACxC;CAAE,IAAI;CAAQ,QAAQ;CAAQ,gBAAgB;CAAI,OAAO;CAAK,UAAU;CAAI,MAAM;AAAS,GAC3F;CAAE,IAAI;CAAS,QAAQ;CAAS,gBAAgB;CAAI,OAAO;CAAK,UAAU;CAAI,MAAM;AAAS,CAC/F;AAEA,SAAS,OAAO,QAAgB;CAC9B,OAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,SAAS,IAAI,WAAW,IAAI;AACxE;AAEA,iBAAiB;CACf,OAAO,EAAE;AACX,CAAC;AAED,gBAAgB;CACd,OAAO,EAAE;AACX,CAAC;AAED,SAAS,6BAA6B;CACpC,GAAG,8CAA8C;EAC/C,OAAO,8BAA8B;EACrC,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,OAAO,CAAC;EAChE,MAAM,CAAC,SAAS,OAAO;EACvB,OAAO,MAAM,aAAa,IAAI,CAAC,CAAC,KAAK,GAAG;EACxC,OAAO,MAAM,iBAAiB,KAAK,CAAC,CAAC,KAAK,KAAK;CACjD,CAAC;CAED,GAAG,yDAAyD,YAAY;EACtE,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,OAAO,CAAC;EAEhE,UAAU;GACR,MAAM,GAAG,YAAY,OAAO;GAC5B,UAAU,UAAU;IAClB,GAAG;IACH,cAAc;KAAE,GAAG,KAAK;KAAc,MAAM;IAAI;GAClD,EAAE;EACJ,CAAC;EAGD,MAAM,IAAI,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;EAEvD,OAAO,IADY,gBAAgB,OAAO,SAAS,MACvC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,UAAU;CAC9C,CAAC;CAED,GAAG,yEAAyE;EAC1E,OAAO,iBAAiB;EACxB,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,OAAO,CAAC;EAChE,OAAO,OAAO,QAAQ,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,GAAG;EAEpD,UAAU;GACR,OAAO,EAAE;GACT,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC;EACpD,CAAC;EAGD,OAAO,OAAO,QAAQ,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,GAAG;CACtD,CAAC;CAED,GAAG,uDAAuD,YAAY;EACpE,MAAM,EAAE,QAAQ,MAAM,iBAAiB,oBAAoB,SAAS,EAAE,aAAa,QAAQ,CAAC,CAAC;EAC7F,MAAM,EAAE,QAAQ,MAAM,iBAAiB,oBAAoB,SAAS,EAAE,aAAa,QAAQ,CAAC,CAAC;EAE7F,UAAU;GACR,EAAE,QAAQ,EAAE,EAAE,UAAU;IAAE,GAAG;IAAM,cAAc;KAAE,GAAG,KAAK;KAAc,MAAM;IAAI;GAAE,EAAE;EACzF,CAAC;EACD,MAAM,IAAI,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;EAEvD,MAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;EACzD,OAAO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,UAAU;EAC7C,OAAO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS;EACvC,OAAO,EAAE,QAAQ,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,GAAG;CACjD,CAAC;CAED,GAAG,qEAAqE;EACtE,OAAO,uCAAuC;EAC9C,MAAM,EAAE,WAAW,iBAAiB,oBAAoB,OAAO,CAAC;EAEhE,OAAO,OAAO,QAAQ,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,KAAK,GAAG;CACtD,CAAC;AACH,CAAC"}

package/dist/esm/components/dialog.d.ts

@@ -1,7 +1,5 @@
 import { Dialog, DialogContent } from "@hexclave/ui";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
-import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/components/dialog.d.ts
 type DesignDialogSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full";
@@ -56,14 +54,14 @@ declare function DesignDialog({
   contentProps,
   children,
   ...dialogRootProps
-}: DesignDialogProps): react_jsx_runtime0.JSX.Element;
-declare const DesignDialogRoot: React.FC<_radix_ui_react_dialog0.DialogProps>;
-declare const DesignDialogTrigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DesignDialogClose: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DesignDialogTitle: React.FC<Omit<_radix_ui_react_dialog0.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+}: DesignDialogProps): import("react/jsx-runtime").JSX.Element;
+declare const DesignDialogRoot: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+declare const DesignDialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DesignDialogClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DesignDialogTitle: React.FC<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
   ref?: React.Ref<HTMLHeadingElement> | undefined;
 }>;
-declare const DesignDialogDescription: React.FC<Omit<_radix_ui_react_dialog0.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
+declare const DesignDialogDescription: React.FC<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
   ref?: React.Ref<HTMLParagraphElement> | undefined;
 }>;
 //#endregion

package/dist/esm/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/components/dialog.tsx"],"mappings":";;;;;;KAgBY,gBAAA;AAAA,KAaA,mBAAA;AAAA,cAqBC,oCAAA;AAAA,cACA,oCAAA;AAAA,KAER,gBAAA,GAAmB,KAAA,CAAM,WAAA;EAAc,SAAA;AAAA;AAAA,KAEvC,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,cAAA,QAAsB,MAAA;AAAA,KAElD,iBAAA;EACV,OAAA,GAAU,KAAA,CAAM,YAAA;EAChB,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,mBAAA;EACV,IAAA,GAAO,gBAAA;EACP,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,aAAA,GAAgB,KAAA,CAAM,SAAA;EACtB,YAAA,GAAe,KAAA,CAAM,SAAA;EACrB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,YAAA,GAAe,IAAA,CACb,KAAA,CAAM,wBAAA,QAAgC,aAAA;AAAA,IAGtC,qBAAA;;;;;iBAMY,YAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA,EAAM,IAAA;EACN,KAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,MAAA;EACA,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cA4GP,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAS,uBAAA,CAAT,WAAA;AAAA,cAChB,mBAAA,EAAmB,KAAA,CAAA,yBAAA,CAAgB,uBAAA,CAAhB,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACnB,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAc,uBAAA,CAAd,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACjB,iBAAA,EAAiB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAc,uBAAA,CAAd,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;;;cACjB,uBAAA,EAAuB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAoB,uBAAA,CAApB,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/components/dialog.tsx"],"mappings":";;;;KAgBY,gBAAA;AAAA,KAaA,mBAAA;AAAA,cAqBC,oCAAA;AAAA,cACA,oCAAA;AAAA,KAER,gBAAA,GAAmB,KAAA,CAAM,WAAW;EAAG,SAAA;AAAA;AAAA,KAEvC,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,cAAA,QAAsB,MAAA;AAAA,KAElD,iBAAA;EACV,OAAA,GAAU,KAAA,CAAM,YAAA;EAChB,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,mBAAA;EACV,IAAA,GAAO,gBAAA;EACP,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,aAAA,GAAgB,KAAA,CAAM,SAAA;EACtB,YAAA,GAAe,KAAA,CAAM,SAAA;EACrB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,YAAA,GAAe,IAAA,CACb,KAAA,CAAM,wBAAA,QAAgC,aAAA;AAAA,IAGtC,qBAAA;;;AA1BiD;AAAA;iBAgCrC,YAAA;EACd,OAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA,EAAM,IAAA;EACN,KAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,MAAA;EACA,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,iBAAA,+BAAiB,GAAA,CAAA,OAAA;AAAA,cA4GP,gBAAA,EAAgB,KAAA,CAAA,EAAA,kCAAA,WAAA;AAAA,cAChB,mBAAA,EAAmB,KAAA,CAAA,yBAAA,kCAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACnB,iBAAA,EAAiB,KAAA,CAAA,yBAAA,kCAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACjB,iBAAA,EAAiB,KAAA,CAAA,EAAA,CAAA,IAAA,kCAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;;;cACjB,uBAAA,EAAuB,KAAA,CAAA,EAAA,CAAA,IAAA,kCAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA"}

package/dist/esm/components/dialog.js

@@ -1,11 +1,9 @@
 "use client";
-
 import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, cn } from "@hexclave/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-
 //#region src/components/dialog.tsx
-const dialogSizeClasses = new Map([
+const dialogSizeClasses = /* @__PURE__ */ new Map([
 	["sm", "max-w-sm"],
 	["md", "max-w-md"],
 	["lg", "max-w-lg"],
@@ -18,7 +16,7 @@ const dialogSizeClasses = new Map([
 	["7xl", "max-w-7xl"],
 	["full", "max-w-[calc(100vw-2rem)]"]
 ]);
-const dialogSurfaceClasses = new Map([["glassmorphic", "border-0 sm:rounded-2xl bg-white/95 backdrop-blur-2xl ring-1 ring-black/[0.08] shadow-[0_24px_48px_-12px_rgba(0,0,0,0.25),0_4px_24px_-8px_rgba(0,0,0,0.12)] dark:bg-background/80 dark:ring-white/[0.06]"], ["plain", "border border-black/[0.08] bg-white shadow-lg sm:rounded-lg dark:border-white/[0.06] dark:bg-background"]]);
+const dialogSurfaceClasses = /* @__PURE__ */ new Map([["glassmorphic", "border-0 sm:rounded-2xl bg-white/95 backdrop-blur-2xl ring-1 ring-black/[0.08] shadow-[0_24px_48px_-12px_rgba(0,0,0,0.25),0_4px_24px_-8px_rgba(0,0,0,0.12)] dark:bg-background/80 dark:ring-white/[0.06]"], ["plain", "border border-black/[0.08] bg-white shadow-lg sm:rounded-lg dark:border-white/[0.06] dark:bg-background"]]);
 const designDialogGlassmorphicSurfaceClass = dialogSurfaceClasses.get("glassmorphic") ?? "";
 const designDialogGlassmorphicOverlayClass = "bg-black/50 backdrop-blur-sm";
 /**
@@ -88,7 +86,7 @@ const DesignDialogTrigger = DialogTrigger;
 const DesignDialogClose = DialogClose;
 const DesignDialogTitle = DialogTitle;
 const DesignDialogDescription = DialogDescription;
-
 //#endregion
 export { DesignDialog, DesignDialogClose, DesignDialogDescription, DesignDialogRoot, DesignDialogTitle, DesignDialogTrigger, designDialogGlassmorphicOverlayClass, designDialogGlassmorphicSurfaceClass };
+
 //# sourceMappingURL=dialog.js.map

package/dist/esm/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  cn,\n} from \"@hexclave/ui\";\nimport React from \"react\";\n\nexport type DesignDialogSize =\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"6xl\"\n  | \"7xl\"\n  | \"full\";\n\nexport type DesignDialogVariant = \"glassmorphic\" | \"plain\";\n\nconst dialogSizeClasses = new Map<DesignDialogSize, string>([\n  [\"sm\", \"max-w-sm\"],\n  [\"md\", \"max-w-md\"],\n  [\"lg\", \"max-w-lg\"],\n  [\"xl\", \"max-w-xl\"],\n  [\"2xl\", \"max-w-2xl\"],\n  [\"3xl\", \"max-w-3xl\"],\n  [\"4xl\", \"max-w-4xl\"],\n  [\"5xl\", \"max-w-5xl\"],\n  [\"6xl\", \"max-w-6xl\"],\n  [\"7xl\", \"max-w-7xl\"],\n  [\"full\", \"max-w-[calc(100vw-2rem)]\"],\n]);\n\nconst dialogSurfaceClasses = new Map<DesignDialogVariant, string>([\n  [\"glassmorphic\", \"border-0 sm:rounded-2xl bg-white/95 backdrop-blur-2xl ring-1 ring-black/[0.08] shadow-[0_24px_48px_-12px_rgba(0,0,0,0.25),0_4px_24px_-8px_rgba(0,0,0,0.12)] dark:bg-background/80 dark:ring-white/[0.06]\"],\n  [\"plain\", \"border border-black/[0.08] bg-white shadow-lg sm:rounded-lg dark:border-white/[0.06] dark:bg-background\"],\n]);\n\nexport const designDialogGlassmorphicSurfaceClass = dialogSurfaceClasses.get(\"glassmorphic\") ?? \"\";\nexport const designDialogGlassmorphicOverlayClass = \"bg-black/50 backdrop-blur-sm\";\n\ntype DesignDialogIcon = React.ElementType<{ className?: string }>;\n\ntype DesignDialogRootProps = Omit<React.ComponentProps<typeof Dialog>, \"children\">;\n\nexport type DesignDialogProps = {\n  trigger?: React.ReactElement,\n  size?: DesignDialogSize,\n  variant?: DesignDialogVariant,\n  icon?: DesignDialogIcon | null,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  headerContent?: React.ReactNode,\n  customHeader?: React.ReactNode,\n  footer?: React.ReactNode,\n  noBodyPadding?: boolean,\n  hideTopCloseButton?: boolean,\n  className?: string,\n  overlayClassName?: string,\n  headerClassName?: string,\n  bodyClassName?: string,\n  footerClassName?: string,\n  children?: React.ReactNode,\n  contentProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof DialogContent>,\n    \"className\" | \"children\" | \"overlayProps\" | \"noCloseButton\"\n  >,\n} & DesignDialogRootProps;\n\n/**\n * Canonical dashboard modal surface. This wraps the base dialog primitives with\n * a reusable glassmorphic shell and consistent header/body/footer regions.\n */\nexport function DesignDialog({\n  trigger,\n  size = \"lg\",\n  variant = \"glassmorphic\",\n  icon: Icon = null,\n  title,\n  description,\n  headerContent,\n  customHeader,\n  footer,\n  noBodyPadding = false,\n  hideTopCloseButton = false,\n  className,\n  overlayClassName,\n  headerClassName,\n  bodyClassName,\n  footerClassName,\n  contentProps,\n  children,\n  ...dialogRootProps\n}: DesignDialogProps) {\n  const resolvedSizeClass = dialogSizeClasses.get(size) ?? \"max-w-lg\";\n  const resolvedSurfaceClass = dialogSurfaceClasses.get(variant) ?? dialogSurfaceClasses.get(\"glassmorphic\");\n  const resolvedOverlayClass = cn(\n    variant === \"glassmorphic\" ? designDialogGlassmorphicOverlayClass : undefined,\n    overlayClassName,\n  );\n  const shouldRenderTopHeaderRow = Icon != null || title != null || description != null;\n  const shouldRenderHeader = customHeader != null || shouldRenderTopHeaderRow || headerContent != null;\n  // Use toArray + filter(Boolean) instead of Children.count so that\n  // expressions like `{condition && <Foo/>}` resolving to `false` don't\n  // produce an empty DialogBody (which would still render padding/borders).\n  const shouldRenderBody = React.Children.toArray(children).filter(Boolean).length > 0;\n  const hasStandardTitle = title != null;\n  const needsAccessibleTitleFallback = !hasStandardTitle && customHeader == null;\n\n  if (process.env.NODE_ENV !== \"production\" && needsAccessibleTitleFallback) {\n    console.warn(\n      \"[DesignDialog] Rendered without a `title` or `customHeader`. Every dialog needs an accessible name — pass `title`, or render a `DialogTitle` inside `customHeader`.\",\n    );\n  }\n\n  return (\n    <Dialog {...dialogRootProps}>\n      {trigger != null && (\n        <DialogTrigger asChild>\n          {trigger}\n        </DialogTrigger>\n      )}\n\n      <DialogContent\n        className={cn(\n          \"gap-0 h-auto max-h-[min(100dvh-2rem,36rem)] overflow-hidden p-0\",\n          resolvedSizeClass,\n          resolvedSurfaceClass,\n          className\n        )}\n        overlayProps={resolvedOverlayClass ? { className: resolvedOverlayClass } : undefined}\n        noCloseButton={hideTopCloseButton}\n        {...contentProps}\n      >\n        {needsAccessibleTitleFallback && (\n          <DialogTitle className=\"sr-only\">Dialog</DialogTitle>\n        )}\n        {shouldRenderHeader && (\n          <DialogHeader className={cn(\"shrink-0 px-6 pt-6 pb-4 border-b border-foreground/[0.06]\", headerClassName)}>\n            {customHeader ?? (\n              <>\n                {shouldRenderTopHeaderRow && (\n                  <div className={cn(\n                    \"flex gap-3\",\n                    description != null ? \"items-start\" : \"items-center\",\n                    Icon == null && \"gap-0\",\n                  )}>\n                    {Icon != null && (\n                      <div className=\"h-9 w-9 rounded-xl bg-primary/10 ring-1 ring-primary/15 flex items-center justify-center shrink-0\">\n                        <Icon className=\"h-4 w-4 text-primary\" />\n                      </div>\n                    )}\n                    {(title != null || description != null) && (\n                      <div className=\"flex-1 min-w-0 space-y-1\">\n                        {title != null ? (\n                          <DialogTitle className=\"text-base font-semibold leading-snug\">\n                            {title}\n                          </DialogTitle>\n                        ) : null}\n                        {description != null ? (\n                          <DialogDescription className=\"text-xs\">\n                            {description}\n                          </DialogDescription>\n                        ) : null}\n                      </div>\n                    )}\n                  </div>\n                )}\n\n                {headerContent != null ? (\n                  <div className={cn(shouldRenderTopHeaderRow && \"mt-4\")}>\n                    {headerContent}\n                  </div>\n                ) : null}\n              </>\n            )}\n          </DialogHeader>\n        )}\n\n        {shouldRenderBody && (\n          <DialogBody\n            className={cn(\n              \"mx-0 my-0 w-auto min-h-0 overflow-y-auto\",\n              noBodyPadding ? \"px-0 py-0\" : \"px-6 py-4\",\n              bodyClassName\n            )}\n          >\n            {children}\n          </DialogBody>\n        )}\n\n        {footer != null ? (\n          <DialogFooter className={cn(\"shrink-0 px-6 py-3 border-t border-foreground/[0.06] bg-foreground/[0.02]\", footerClassName)}>\n            {footer}\n          </DialogFooter>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const DesignDialogRoot = Dialog;\nexport const DesignDialogTrigger = DialogTrigger;\nexport const DesignDialogClose = DialogClose;\nexport const DesignDialogTitle = DialogTitle;\nexport const DesignDialogDescription = DialogDescription;\n"],"mappings":";;;;;;;AA+BA,MAAM,oBAAoB,IAAI,IAA8B;CAC1D,CAAC,MAAM,WAAW;CAClB,CAAC,MAAM,WAAW;CAClB,CAAC,MAAM,WAAW;CAClB,CAAC,MAAM,WAAW;CAClB,CAAC,OAAO,YAAY;CACpB,CAAC,OAAO,YAAY;CACpB,CAAC,OAAO,YAAY;CACpB,CAAC,OAAO,YAAY;CACpB,CAAC,OAAO,YAAY;CACpB,CAAC,OAAO,YAAY;CACpB,CAAC,QAAQ,2BAA2B;CACrC,CAAC;AAEF,MAAM,uBAAuB,IAAI,IAAiC,CAChE,CAAC,gBAAgB,2MAA2M,EAC5N,CAAC,SAAS,0GAA0G,CACrH,CAAC;AAEF,MAAa,uCAAuC,qBAAqB,IAAI,eAAe,IAAI;AAChG,MAAa,uCAAuC;;;;;AAkCpD,SAAgB,aAAa,EAC3B,SACA,OAAO,MACP,UAAU,gBACV,MAAM,OAAO,MACb,OACA,aACA,eACA,cACA,QACA,gBAAgB,OAChB,qBAAqB,OACrB,WACA,kBACA,iBACA,eACA,iBACA,cACA,UACA,GAAG,mBACiB;CACpB,MAAM,oBAAoB,kBAAkB,IAAI,KAAK,IAAI;CACzD,MAAM,uBAAuB,qBAAqB,IAAI,QAAQ,IAAI,qBAAqB,IAAI,eAAe;CAC1G,MAAM,uBAAuB,GAC3B,YAAY,iBAAiB,uCAAuC,QACpE,iBACD;CACD,MAAM,2BAA2B,QAAQ,QAAQ,SAAS,QAAQ,eAAe;CACjF,MAAM,qBAAqB,gBAAgB,QAAQ,4BAA4B,iBAAiB;CAIhG,MAAM,mBAAmB,MAAM,SAAS,QAAQ,SAAS,CAAC,OAAO,QAAQ,CAAC,SAAS;CAEnF,MAAM,+BAA+B,EADZ,SAAS,SACwB,gBAAgB;AAE1E,KAAI,QAAQ,IAAI,aAAa,gBAAgB,6BAC3C,SAAQ,KACN,sKACD;AAGH,QACE,qBAAC;EAAO,GAAI;aACT,WAAW,QACV,oBAAC;GAAc;aACZ;IACa,EAGlB,qBAAC;GACC,WAAW,GACT,mEACA,mBACA,sBACA,UACD;GACD,cAAc,uBAAuB,EAAE,WAAW,sBAAsB,GAAG;GAC3E,eAAe;GACf,GAAI;;IAEH,gCACC,oBAAC;KAAY,WAAU;eAAU;MAAoB;IAEtD,sBACC,oBAAC;KAAa,WAAW,GAAG,6DAA6D,gBAAgB;eACtG,gBACC,4CACG,4BACC,qBAAC;MAAI,WAAW,GACd,cACA,eAAe,OAAO,gBAAgB,gBACtC,QAAQ,QAAQ,QACjB;iBACE,QAAQ,QACP,oBAAC;OAAI,WAAU;iBACb,oBAAC,QAAK,WAAU,yBAAyB;QACrC,GAEN,SAAS,QAAQ,eAAe,SAChC,qBAAC;OAAI,WAAU;kBACZ,SAAS,OACR,oBAAC;QAAY,WAAU;kBACpB;SACW,GACZ,MACH,eAAe,OACd,oBAAC;QAAkB,WAAU;kBAC1B;SACiB,GAClB;QACA;OAEJ,EAGP,iBAAiB,OAChB,oBAAC;MAAI,WAAW,GAAG,4BAA4B,OAAO;gBACnD;OACG,GACJ,QACH;MAEQ;IAGhB,oBACC,oBAAC;KACC,WAAW,GACT,4CACA,gBAAgB,cAAc,aAC9B,cACD;KAEA;MACU;IAGd,UAAU,OACT,oBAAC;KAAa,WAAW,GAAG,6EAA6E,gBAAgB;eACtH;MACY,GACb;;IACU;GACT;;AAIb,MAAa,mBAAmB;AAChC,MAAa,sBAAsB;AACnC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,0BAA0B"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  cn,\n} from \"@hexclave/ui\";\nimport React from \"react\";\n\nexport type DesignDialogSize =\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"6xl\"\n  | \"7xl\"\n  | \"full\";\n\nexport type DesignDialogVariant = \"glassmorphic\" | \"plain\";\n\nconst dialogSizeClasses = new Map<DesignDialogSize, string>([\n  [\"sm\", \"max-w-sm\"],\n  [\"md\", \"max-w-md\"],\n  [\"lg\", \"max-w-lg\"],\n  [\"xl\", \"max-w-xl\"],\n  [\"2xl\", \"max-w-2xl\"],\n  [\"3xl\", \"max-w-3xl\"],\n  [\"4xl\", \"max-w-4xl\"],\n  [\"5xl\", \"max-w-5xl\"],\n  [\"6xl\", \"max-w-6xl\"],\n  [\"7xl\", \"max-w-7xl\"],\n  [\"full\", \"max-w-[calc(100vw-2rem)]\"],\n]);\n\nconst dialogSurfaceClasses = new Map<DesignDialogVariant, string>([\n  [\"glassmorphic\", \"border-0 sm:rounded-2xl bg-white/95 backdrop-blur-2xl ring-1 ring-black/[0.08] shadow-[0_24px_48px_-12px_rgba(0,0,0,0.25),0_4px_24px_-8px_rgba(0,0,0,0.12)] dark:bg-background/80 dark:ring-white/[0.06]\"],\n  [\"plain\", \"border border-black/[0.08] bg-white shadow-lg sm:rounded-lg dark:border-white/[0.06] dark:bg-background\"],\n]);\n\nexport const designDialogGlassmorphicSurfaceClass = dialogSurfaceClasses.get(\"glassmorphic\") ?? \"\";\nexport const designDialogGlassmorphicOverlayClass = \"bg-black/50 backdrop-blur-sm\";\n\ntype DesignDialogIcon = React.ElementType<{ className?: string }>;\n\ntype DesignDialogRootProps = Omit<React.ComponentProps<typeof Dialog>, \"children\">;\n\nexport type DesignDialogProps = {\n  trigger?: React.ReactElement,\n  size?: DesignDialogSize,\n  variant?: DesignDialogVariant,\n  icon?: DesignDialogIcon | null,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  headerContent?: React.ReactNode,\n  customHeader?: React.ReactNode,\n  footer?: React.ReactNode,\n  noBodyPadding?: boolean,\n  hideTopCloseButton?: boolean,\n  className?: string,\n  overlayClassName?: string,\n  headerClassName?: string,\n  bodyClassName?: string,\n  footerClassName?: string,\n  children?: React.ReactNode,\n  contentProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof DialogContent>,\n    \"className\" | \"children\" | \"overlayProps\" | \"noCloseButton\"\n  >,\n} & DesignDialogRootProps;\n\n/**\n * Canonical dashboard modal surface. This wraps the base dialog primitives with\n * a reusable glassmorphic shell and consistent header/body/footer regions.\n */\nexport function DesignDialog({\n  trigger,\n  size = \"lg\",\n  variant = \"glassmorphic\",\n  icon: Icon = null,\n  title,\n  description,\n  headerContent,\n  customHeader,\n  footer,\n  noBodyPadding = false,\n  hideTopCloseButton = false,\n  className,\n  overlayClassName,\n  headerClassName,\n  bodyClassName,\n  footerClassName,\n  contentProps,\n  children,\n  ...dialogRootProps\n}: DesignDialogProps) {\n  const resolvedSizeClass = dialogSizeClasses.get(size) ?? \"max-w-lg\";\n  const resolvedSurfaceClass = dialogSurfaceClasses.get(variant) ?? dialogSurfaceClasses.get(\"glassmorphic\");\n  const resolvedOverlayClass = cn(\n    variant === \"glassmorphic\" ? designDialogGlassmorphicOverlayClass : undefined,\n    overlayClassName,\n  );\n  const shouldRenderTopHeaderRow = Icon != null || title != null || description != null;\n  const shouldRenderHeader = customHeader != null || shouldRenderTopHeaderRow || headerContent != null;\n  // Use toArray + filter(Boolean) instead of Children.count so that\n  // expressions like `{condition && <Foo/>}` resolving to `false` don't\n  // produce an empty DialogBody (which would still render padding/borders).\n  const shouldRenderBody = React.Children.toArray(children).filter(Boolean).length > 0;\n  const hasStandardTitle = title != null;\n  const needsAccessibleTitleFallback = !hasStandardTitle && customHeader == null;\n\n  if (process.env.NODE_ENV !== \"production\" && needsAccessibleTitleFallback) {\n    console.warn(\n      \"[DesignDialog] Rendered without a `title` or `customHeader`. Every dialog needs an accessible name — pass `title`, or render a `DialogTitle` inside `customHeader`.\",\n    );\n  }\n\n  return (\n    <Dialog {...dialogRootProps}>\n      {trigger != null && (\n        <DialogTrigger asChild>\n          {trigger}\n        </DialogTrigger>\n      )}\n\n      <DialogContent\n        className={cn(\n          \"gap-0 h-auto max-h-[min(100dvh-2rem,36rem)] overflow-hidden p-0\",\n          resolvedSizeClass,\n          resolvedSurfaceClass,\n          className\n        )}\n        overlayProps={resolvedOverlayClass ? { className: resolvedOverlayClass } : undefined}\n        noCloseButton={hideTopCloseButton}\n        {...contentProps}\n      >\n        {needsAccessibleTitleFallback && (\n          <DialogTitle className=\"sr-only\">Dialog</DialogTitle>\n        )}\n        {shouldRenderHeader && (\n          <DialogHeader className={cn(\"shrink-0 px-6 pt-6 pb-4 border-b border-foreground/[0.06]\", headerClassName)}>\n            {customHeader ?? (\n              <>\n                {shouldRenderTopHeaderRow && (\n                  <div className={cn(\n                    \"flex gap-3\",\n                    description != null ? \"items-start\" : \"items-center\",\n                    Icon == null && \"gap-0\",\n                  )}>\n                    {Icon != null && (\n                      <div className=\"h-9 w-9 rounded-xl bg-primary/10 ring-1 ring-primary/15 flex items-center justify-center shrink-0\">\n                        <Icon className=\"h-4 w-4 text-primary\" />\n                      </div>\n                    )}\n                    {(title != null || description != null) && (\n                      <div className=\"flex-1 min-w-0 space-y-1\">\n                        {title != null ? (\n                          <DialogTitle className=\"text-base font-semibold leading-snug\">\n                            {title}\n                          </DialogTitle>\n                        ) : null}\n                        {description != null ? (\n                          <DialogDescription className=\"text-xs\">\n                            {description}\n                          </DialogDescription>\n                        ) : null}\n                      </div>\n                    )}\n                  </div>\n                )}\n\n                {headerContent != null ? (\n                  <div className={cn(shouldRenderTopHeaderRow && \"mt-4\")}>\n                    {headerContent}\n                  </div>\n                ) : null}\n              </>\n            )}\n          </DialogHeader>\n        )}\n\n        {shouldRenderBody && (\n          <DialogBody\n            className={cn(\n              \"mx-0 my-0 w-auto min-h-0 overflow-y-auto\",\n              noBodyPadding ? \"px-0 py-0\" : \"px-6 py-4\",\n              bodyClassName\n            )}\n          >\n            {children}\n          </DialogBody>\n        )}\n\n        {footer != null ? (\n          <DialogFooter className={cn(\"shrink-0 px-6 py-3 border-t border-foreground/[0.06] bg-foreground/[0.02]\", footerClassName)}>\n            {footer}\n          </DialogFooter>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const DesignDialogRoot = Dialog;\nexport const DesignDialogTrigger = DialogTrigger;\nexport const DesignDialogClose = DialogClose;\nexport const DesignDialogTitle = DialogTitle;\nexport const DesignDialogDescription = DialogDescription;\n"],"mappings":"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"}

package/dist/esm/components/edit-mode.d.ts

@@ -1,11 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/edit-mode.d.ts
 declare function DesignEditMode({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function useDesignEditMode(): boolean;
 //#endregion
 export { DesignEditMode, useDesignEditMode };

package/dist/esm/components/edit-mode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit-mode.d.ts","names":[],"sources":["../../../src/components/edit-mode.tsx"],"mappings":";;;iBAMgB,cAAA,CAAA;EAAiB;AAAA;EAAc,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQ1D,iBAAA,CAAA"}
+{"version":3,"file":"edit-mode.d.ts","names":[],"sources":["../../../src/components/edit-mode.tsx"],"mappings":";iBAMgB,cAAA;EAAiB;AAAA;EAAc,QAAA,EAAU,KAAA,CAAM,SAAS;AAAA,gCAAE,GAAA,CAAA,OAAA;AAAA,iBAQ1D,iBAAA"}

package/dist/esm/components/edit-mode.js

@@ -1,8 +1,6 @@
 "use client";
-
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-
 //#region src/components/edit-mode.tsx
 const DesignEditModeContext = createContext(false);
 function DesignEditMode({ children }) {
@@ -14,7 +12,7 @@ function DesignEditMode({ children }) {
 function useDesignEditMode() {
 	return useContext(DesignEditModeContext);
 }
-
 //#endregion
 export { DesignEditMode, useDesignEditMode };
+
 //# sourceMappingURL=edit-mode.js.map

package/dist/esm/components/edit-mode.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-mode.js","names":[],"sources":["../../../src/components/edit-mode.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nconst DesignEditModeContext = createContext(false);\n\nexport function DesignEditMode({ children }: { children: React.ReactNode }) {\n  return (\n    <DesignEditModeContext.Provider value={true}>\n      {children}\n    </DesignEditModeContext.Provider>\n  );\n}\n\nexport function useDesignEditMode(): boolean {\n  return useContext(DesignEditModeContext);\n}\n"],"mappings":";;;;;;AAIA,MAAM,wBAAwB,cAAc,MAAM;AAElD,SAAgB,eAAe,EAAE,YAA2C;AAC1E,QACE,oBAAC,sBAAsB;EAAS,OAAO;EACpC;GAC8B;;AAIrC,SAAgB,oBAA6B;AAC3C,QAAO,WAAW,sBAAsB"}
+{"version":3,"file":"edit-mode.js","names":[],"sources":["../../../src/components/edit-mode.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nconst DesignEditModeContext = createContext(false);\n\nexport function DesignEditMode({ children }: { children: React.ReactNode }) {\n  return (\n    <DesignEditModeContext.Provider value={true}>\n      {children}\n    </DesignEditModeContext.Provider>\n  );\n}\n\nexport function useDesignEditMode(): boolean {\n  return useContext(DesignEditModeContext);\n}\n"],"mappings":";;;;AAIA,MAAM,wBAAwB,cAAc,KAAK;AAEjD,SAAgB,eAAe,EAAE,YAA2C;CAC1E,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACpC;CAC6B,CAAA;AAEpC;AAEA,SAAgB,oBAA6B;CAC3C,OAAO,WAAW,qBAAqB;AACzC"}

package/dist/esm/components/empty-state.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/empty-state.d.ts
@@ -31,7 +30,7 @@ declare function DesignEmptyState({
   description,
   children,
   className
-}: DesignEmptyStateProps): react_jsx_runtime0.JSX.Element;
+}: DesignEmptyStateProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { DesignEmptyState, DesignEmptyStateProps };
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/esm/components/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../../src/components/empty-state.tsx"],"mappings":";;;;KAKY,qBAAA;EACV,IAAA,GAAO,KAAA,CAAM,WAAA;EACb,KAAA;EACA,WAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,SAAA;AAAA;;;;;;;;;;;;AAmBF;;;;;iBAAgB,gBAAA,CAAA;EACd,IAAA,EAAM,IAAA;EACN,KAAA;EACA,WAAA;EACA,QAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../../src/components/empty-state.tsx"],"mappings":";;;KAKY,qBAAA;EACV,IAAA,GAAO,KAAA,CAAM,WAAA;EACb,KAAA;EACA,WAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAS;EAC1B,SAAA;AAAA;;;;;;;;;;AAAS;AAmBX;;;;;;iBAAgB,gBAAA;EACd,IAAA,EAAM,IAAA;EACN,KAAA;EACA,WAAA;EACA,QAAA;EACA;AAAA,GACC,qBAAA,+BAAqB,GAAA,CAAA,OAAA"}

package/dist/esm/components/empty-state.js

@@ -1,9 +1,7 @@
 "use client";
-
 import { cn } from "@hexclave/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-
+import "react";
 //#region src/components/empty-state.tsx
 /**
 * Centered "no data" placeholder. Show this inside a `DataGrid` via the
@@ -44,7 +42,7 @@ function DesignEmptyState({ icon: Icon, title = "No data available", description
 		]
 	});
 }
-
 //#endregion
 export { DesignEmptyState };
+
 //# sourceMappingURL=empty-state.js.map

package/dist/esm/components/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@hexclave/ui\";\nimport React from \"react\";\n\nexport type DesignEmptyStateProps = {\n  icon?: React.ElementType,\n  title?: string,\n  description?: string,\n  children?: React.ReactNode,\n  className?: string,\n};\n\n/**\n * Centered \"no data\" placeholder. Show this inside a `DataGrid` via the\n * `emptyState` prop, inside a chart when a query returns zero rows, or\n * inside a card when a section has nothing to display.\n *\n * ```tsx\n * <DesignEmptyState\n *   icon={SearchIcon}\n *   title=\"No results\"\n *   description=\"Try adjusting your filters.\"\n * />\n * ```\n *\n * Prefer this over a raw \"No data\" div — it handles spacing, typography,\n * and the optional icon for you. `icon` is a component type, not a rendered node.\n */\nexport function DesignEmptyState({\n  icon: Icon,\n  title = \"No data available\",\n  description,\n  children,\n  className,\n}: DesignEmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center py-12 px-6 text-center\",\n        className\n      )}\n    >\n      {Icon && (\n        <div className=\"mb-4\">\n          <Icon className=\"h-10 w-10 text-muted-foreground/30\" />\n        </div>\n      )}\n      <h3 className=\"text-sm font-medium text-foreground\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"mt-1 text-xs text-muted-foreground max-w-[280px]\">\n          {description}\n        </p>\n      )}\n      {children && (\n        <div className=\"mt-4\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,iBAAiB,EAC/B,MAAM,MACN,QAAQ,qBACR,aACA,UACA,aACwB;AACxB,QACE,qBAAC;EACC,WAAW,GACT,oEACA,UACD;;GAEA,QACC,oBAAC;IAAI,WAAU;cACb,oBAAC,QAAK,WAAU,uCAAuC;KACnD;GAER,oBAAC;IAAG,WAAU;cACX;KACE;GACJ,eACC,oBAAC;IAAE,WAAU;cACV;KACC;GAEL,YACC,oBAAC;IAAI,WAAU;IACZ;KACG;;GAEJ"}
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@hexclave/ui\";\nimport React from \"react\";\n\nexport type DesignEmptyStateProps = {\n  icon?: React.ElementType,\n  title?: string,\n  description?: string,\n  children?: React.ReactNode,\n  className?: string,\n};\n\n/**\n * Centered \"no data\" placeholder. Show this inside a `DataGrid` via the\n * `emptyState` prop, inside a chart when a query returns zero rows, or\n * inside a card when a section has nothing to display.\n *\n * ```tsx\n * <DesignEmptyState\n *   icon={SearchIcon}\n *   title=\"No results\"\n *   description=\"Try adjusting your filters.\"\n * />\n * ```\n *\n * Prefer this over a raw \"No data\" div — it handles spacing, typography,\n * and the optional icon for you. `icon` is a component type, not a rendered node.\n */\nexport function DesignEmptyState({\n  icon: Icon,\n  title = \"No data available\",\n  description,\n  children,\n  className,\n}: DesignEmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center py-12 px-6 text-center\",\n        className\n      )}\n    >\n      {Icon && (\n        <div className=\"mb-4\">\n          <Icon className=\"h-10 w-10 text-muted-foreground/30\" />\n        </div>\n      )}\n      <h3 className=\"text-sm font-medium text-foreground\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"mt-1 text-xs text-muted-foreground max-w-[280px]\">\n          {description}\n        </p>\n      )}\n      {children && (\n        <div className=\"mt-4\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,iBAAiB,EAC/B,MAAM,MACN,QAAQ,qBACR,aACA,UACA,aACwB;CACxB,OACE,qBAAC,OAAD;EACE,WAAW,GACT,oEACA,SACF;YAJF;GAMG,QACC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,MAAD,EAAM,WAAU,qCAAsC,CAAA;GACnD,CAAA;GAEP,oBAAC,MAAD;IAAI,WAAU;cACX;GACC,CAAA;GACH,eACC,oBAAC,KAAD;IAAG,WAAU;cACV;GACA,CAAA;GAEJ,YACC,oBAAC,OAAD;IAAK,WAAU;IACZ;GACE,CAAA;EAEJ;;AAET"}

package/dist/esm/components/input.js

@@ -1,10 +1,8 @@
 "use client";
-
 import { cn } from "@hexclave/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
-import React from "react";
-
+import "react";
 //#region src/components/input.tsx
 const DesignInput = forwardRefIfNeeded(({ className, type, prefixItem, leadingIcon, size = "md", ...props }, ref) => {
 	const heightTextClasses = size === "sm" ? "h-7 text-xs" : size === "lg" ? "h-10 text-sm" : "h-9 text-sm";
@@ -47,7 +45,7 @@ const DesignInput = forwardRefIfNeeded(({ className, type, prefixItem, leadingIc
 	});
 });
 DesignInput.displayName = "DesignInput";
-
 //#endregion
 export { DesignInput };
+
 //# sourceMappingURL=input.js.map