@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-DLJGBJZW.js

@@ -0,0 +1,187 @@
+import {
+  processRows
+} from "./chunk-G3E66C6J.js";
+
+// src/components/data-display/DataGrid/DataGrid.model.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var DEFAULT_ROW_HEIGHT = 52;
+var DEFAULT_PAGE_SIZE = 50;
+var OVERSCAN_COUNT = 20;
+var VIRTUALIZATION_THRESHOLD = 100;
+var INITIAL_WINDOW = 50;
+var WINDOW_DRIFT = 5;
+function densityHeight(base, density) {
+  if (density === "compact") return Math.max(base * 0.8, 32);
+  if (density === "spacious") return base * 1.2;
+  return base;
+}
+function useProcessedRows(props, columnMap, sortBy, filters) {
+  const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;
+  const pageIndex = pagination?.pageIndex ?? 0;
+  const pageSize = pagination?.pageSize ?? DEFAULT_PAGE_SIZE;
+  return useMemo(
+    () => processRows({
+      rows,
+      columnMap,
+      filters,
+      sortBy,
+      needsFiltering: filtering.mode === "client" && filters.length > 0,
+      needsSorting: sorting.mode === "client" && sortBy.length > 0,
+      // Virtualization already slices; doing both would page a page.
+      needsPagination: pagination?.mode === "client" && !virtualizeRows,
+      pageIndex,
+      pageSize
+    }),
+    [
+      rows,
+      columnMap,
+      filters,
+      sortBy,
+      filtering.mode,
+      sorting.mode,
+      pagination?.mode,
+      virtualizeRows,
+      pageIndex,
+      pageSize
+    ]
+  );
+}
+function useRowWindow(rowCount, rowHeight, enabled) {
+  const [range, setRange] = useState({ start: 0, end: INITIAL_WINDOW });
+  const rafRef = useRef(null);
+  useEffect(() => {
+    if (rowCount < range.end) setRange({ start: 0, end: Math.min(INITIAL_WINDOW, rowCount) });
+  }, [rowCount, range.end]);
+  useEffect(
+    () => () => {
+      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);
+    },
+    []
+  );
+  const onScroll = useCallback(
+    (event) => {
+      if (!enabled) return;
+      const { scrollTop, clientHeight } = event.currentTarget;
+      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);
+      rafRef.current = window.requestAnimationFrame(() => {
+        const first = Math.floor(scrollTop / rowHeight);
+        const visible = Math.ceil(clientHeight / rowHeight);
+        const start = Math.max(0, first - OVERSCAN_COUNT);
+        const end = Math.min(first + visible + OVERSCAN_COUNT, rowCount);
+        setRange(
+          (current) => Math.abs(start - current.start) > WINDOW_DRIFT || Math.abs(end - current.end) > WINDOW_DRIFT ? { start, end } : current
+        );
+        rafRef.current = null;
+      });
+    },
+    [enabled, rowHeight, rowCount]
+  );
+  return { range, onScroll };
+}
+function nextSortBy(current, columnId) {
+  const existing = current.find((sort) => sort.id === columnId);
+  let dir = "asc";
+  if (existing?.dir === "asc") dir = "desc";
+  else if (existing?.dir === "desc") dir = null;
+  return dir ? [{ id: columnId, dir }] : current.filter((sort) => sort.id !== columnId);
+}
+function useRowFlags(props) {
+  const { selection = { mode: "none" }, expansion } = props;
+  const [internalSelected, setInternalSelected] = useState(selection.defaultSelectedRowIds ?? []);
+  const [internalExpanded, setInternalExpanded] = useState(expansion?.defaultExpandedRowIds ?? []);
+  const selectedRowIds = selection.selectedRowIds ?? internalSelected;
+  const expandedRowIds = expansion?.expandedRowIds ?? internalExpanded;
+  const commitSelected = useCallback(
+    (ids) => {
+      if (selection.onChangeSelected) selection.onChangeSelected(ids);
+      else setInternalSelected(ids);
+    },
+    [selection]
+  );
+  return {
+    selectedRowIds,
+    selectedRowIdsSet: useMemo(() => new Set(selectedRowIds), [selectedRowIds]),
+    expandedRowIdsSet: useMemo(() => new Set(expandedRowIds), [expandedRowIds]),
+    setSelectedRowIds: commitSelected,
+    onToggleRow: (rowId, isSelected) => {
+      if (selection.mode === "single") commitSelected(isSelected ? [rowId] : []);
+      else if (selection.mode === "multi") {
+        commitSelected(
+          isSelected ? [...selectedRowIds, rowId] : selectedRowIds.filter((id) => id !== rowId)
+        );
+      }
+    },
+    onToggleExpansion: (rowId) => {
+      if (!expansion) return;
+      const next = expandedRowIds.includes(rowId) ? expandedRowIds.filter((id) => id !== rowId) : [...expandedRowIds, rowId];
+      if (expansion.onChangeExpanded) expansion.onChangeExpanded(next);
+      else setInternalExpanded(next);
+    }
+  };
+}
+function useSortHandler(props, sortBy, filters, setInternalSortBy) {
+  const { sorting = {}, pagination, onRequestData } = props;
+  return useCallback(
+    (columnId) => {
+      const next = nextSortBy(sortBy, columnId);
+      if (sorting.mode === "server" && onRequestData) {
+        onRequestData({
+          pageIndex: pagination?.pageIndex ?? 0,
+          pageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,
+          sortBy: next,
+          filters: [...filters]
+        });
+        return;
+      }
+      if (sorting.onChangeSortBy) sorting.onChangeSortBy(next);
+      else setInternalSortBy(next);
+    },
+    [sortBy, sorting, onRequestData, pagination, filters, setInternalSortBy]
+  );
+}
+function useSortAndFilter(props) {
+  const { sorting = {}, filtering = {} } = props;
+  const [internalSortBy, setInternalSortBy] = useState(sorting.defaultSortBy ?? []);
+  const [internalFilters] = useState(filtering.defaultFilters ?? []);
+  return {
+    sortBy: sorting.sortBy ?? internalSortBy,
+    filters: filtering.filters ?? internalFilters,
+    setInternalSortBy
+  };
+}
+function useDataGridModel(props) {
+  const { columns } = props;
+  const containerRef = useRef(null);
+  const [editingCell, setEditingCell] = useState(null);
+  const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);
+  const rowHeight = densityHeight(props.rowHeight ?? DEFAULT_ROW_HEIGHT, props.density);
+  const columnMap = useMemo(
+    () => new Map(columns.map((column) => [column.id, column])),
+    [columns]
+  );
+  const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
+  const processedRows = useProcessedRows(props, columnMap, sortBy, filters);
+  const virtualized = (props.virtualizeRows ?? true) && processedRows.length > VIRTUALIZATION_THRESHOLD;
+  const { range, onScroll } = useRowWindow(processedRows.length, rowHeight, virtualized);
+  const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);
+  return {
+    containerRef,
+    rowHeight,
+    visibleColumns,
+    processedRows,
+    visibleRows: virtualized ? processedRows.slice(range.start, range.end) : processedRows,
+    visibleRange: range,
+    virtualized,
+    sortBy,
+    editingCell,
+    setEditingCell,
+    onSort,
+    onScroll,
+    ...useRowFlags(props)
+  };
+}
+
+export {
+  useDataGridModel
+};
+//# sourceMappingURL=chunk-DLJGBJZW.js.map

package/dist/chunk-DLJGBJZW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.model.ts"],"sourcesContent":["/**\n * The DataGrid's STATE, in one hook.\n *\n * The component used to hold all of it inline, which made its body 700 lines\n * long and put the row pipeline, the virtualization window and the JSX in one\n * scope where any of them could reach any other. Split out, each piece is a\n * hook with named inputs and the render is left with nothing to do but render.\n *\n * Controlled/uncontrolled is resolved in ONE place per feature: a caller that\n * passes `sorting.sortBy` owns the sort, and a caller that does not gets the\n * internal state — the component never holds a second, divergent copy.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport { processRows } from './DataGrid.rows';\nimport type {\n  DataGridProps,\n  GridColumn,\n  GridFilter,\n  GridSort,\n  SortDirection,\n} from './DataGrid.types';\n\nconst DEFAULT_ROW_HEIGHT = 52;\nconst DEFAULT_PAGE_SIZE = 50;\n/** Rows rendered on either side of the window, so a fast scroll stays filled. */\nconst OVERSCAN_COUNT = 20;\n/** Below this many rows, virtualization costs more than it saves. */\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** The initial (and reset) window size, before a scroll has measured anything. */\nconst INITIAL_WINDOW = 50;\n/** Re-window only past this much drift, so a scroll is not one setState per pixel. */\nconst WINDOW_DRIFT = 5;\n\n/** Which id is being edited, or `null`. */\nexport interface EditingCell {\n  rowId: string | number;\n  colId: string;\n}\n\n/** The visible slice of a virtualized body. */\nexport interface VisibleRange {\n  start: number;\n  end: number;\n}\n\n/** Everything the render needs, and nothing it has to derive. */\nexport interface DataGridModel<T extends Record<string, unknown>> {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  visibleColumns: GridColumn<T>[];\n  processedRows: T[];\n  visibleRows: T[];\n  visibleRange: VisibleRange;\n  virtualized: boolean;\n  sortBy: readonly GridSort[];\n  selectedRowIds: Array<string | number>;\n  selectedRowIdsSet: ReadonlySet<string | number>;\n  expandedRowIdsSet: ReadonlySet<string | number>;\n  editingCell: EditingCell | null;\n  setEditingCell: (cell: EditingCell | null) => void;\n  setSelectedRowIds: (ids: Array<string | number>) => void;\n  onSort: (columnId: string) => void;\n  onToggleRow: (rowId: string | number, isSelected: boolean) => void;\n  onToggleExpansion: (rowId: string | number) => void;\n  onScroll: (event: React.UIEvent<HTMLDivElement>) => void;\n}\n\n/** The row height a density implies. */\nfunction densityHeight(base: number, density: DataGridProps['density']): number {\n  if (density === 'compact') return Math.max(base * 0.8, 32);\n  if (density === 'spacious') return base * 1.2;\n  return base;\n}\n\n/** The rows this render should show, with every client-mode step resolved. */\nfunction useProcessedRows<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  columnMap: ReadonlyMap<string, GridColumn<T>>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n): T[] {\n  const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;\n  const pageIndex = pagination?.pageIndex ?? 0;\n  const pageSize = pagination?.pageSize ?? DEFAULT_PAGE_SIZE;\n  return useMemo(\n    () =>\n      processRows({\n        rows,\n        columnMap,\n        filters,\n        sortBy,\n        needsFiltering: filtering.mode === 'client' && filters.length > 0,\n        needsSorting: sorting.mode === 'client' && sortBy.length > 0,\n        // Virtualization already slices; doing both would page a page.\n        needsPagination: pagination?.mode === 'client' && !virtualizeRows,\n        pageIndex,\n        pageSize,\n      }),\n    [\n      rows,\n      columnMap,\n      filters,\n      sortBy,\n      filtering.mode,\n      sorting.mode,\n      pagination?.mode,\n      virtualizeRows,\n      pageIndex,\n      pageSize,\n    ],\n  );\n}\n\n/**\n * The virtualization window and the scroll handler that moves it.\n *\n * Throttled through `requestAnimationFrame`, and only committed once the window\n * has drifted meaningfully — a `setState` per scroll event re-renders every\n * visible row for a movement the eye cannot see.\n */\nfunction useRowWindow(\n  rowCount: number,\n  rowHeight: number,\n  enabled: boolean,\n): { range: VisibleRange; onScroll: (event: React.UIEvent<HTMLDivElement>) => void } {\n  const [range, setRange] = useState<VisibleRange>({ start: 0, end: INITIAL_WINDOW });\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (rowCount < range.end) setRange({ start: 0, end: Math.min(INITIAL_WINDOW, rowCount) });\n  }, [rowCount, range.end]);\n\n  useEffect(\n    () => () => {\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n    },\n    [],\n  );\n\n  const onScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!enabled) return;\n      const { scrollTop, clientHeight } = event.currentTarget;\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n      rafRef.current = window.requestAnimationFrame(() => {\n        const first = Math.floor(scrollTop / rowHeight);\n        const visible = Math.ceil(clientHeight / rowHeight);\n        const start = Math.max(0, first - OVERSCAN_COUNT);\n        const end = Math.min(first + visible + OVERSCAN_COUNT, rowCount);\n        setRange((current) =>\n          Math.abs(start - current.start) > WINDOW_DRIFT ||\n          Math.abs(end - current.end) > WINDOW_DRIFT\n            ? { start, end }\n            : current,\n        );\n        rafRef.current = null;\n      });\n    },\n    [enabled, rowHeight, rowCount],\n  );\n\n  return { range, onScroll };\n}\n\n/** The next `sortBy` for a header press: asc → desc → unsorted. */\nfunction nextSortBy(current: readonly GridSort[], columnId: string): GridSort[] {\n  const existing = current.find((sort) => sort.id === columnId);\n  let dir: SortDirection = 'asc';\n  if (existing?.dir === 'asc') dir = 'desc';\n  else if (existing?.dir === 'desc') dir = null;\n  return dir ? [{ id: columnId, dir }] : current.filter((sort) => sort.id !== columnId);\n}\n\n/** Selection + expansion, each resolved once against its controlled prop. */\nfunction useRowFlags<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): Pick<\n  DataGridModel<T>,\n  | 'selectedRowIds'\n  | 'selectedRowIdsSet'\n  | 'expandedRowIdsSet'\n  | 'setSelectedRowIds'\n  | 'onToggleRow'\n  | 'onToggleExpansion'\n> {\n  const { selection = { mode: 'none' }, expansion } = props;\n  const [internalSelected, setInternalSelected] = useState(selection.defaultSelectedRowIds ?? []);\n  const [internalExpanded, setInternalExpanded] = useState(expansion?.defaultExpandedRowIds ?? []);\n  const selectedRowIds = selection.selectedRowIds ?? internalSelected;\n  const expandedRowIds = expansion?.expandedRowIds ?? internalExpanded;\n\n  const commitSelected = useCallback(\n    (ids: Array<string | number>) => {\n      if (selection.onChangeSelected) selection.onChangeSelected(ids);\n      else setInternalSelected(ids);\n    },\n    [selection],\n  );\n\n  return {\n    selectedRowIds,\n    selectedRowIdsSet: useMemo(() => new Set(selectedRowIds), [selectedRowIds]),\n    expandedRowIdsSet: useMemo(() => new Set(expandedRowIds), [expandedRowIds]),\n    setSelectedRowIds: commitSelected,\n    onToggleRow: (rowId, isSelected) => {\n      if (selection.mode === 'single') commitSelected(isSelected ? [rowId] : []);\n      else if (selection.mode === 'multi') {\n        commitSelected(\n          isSelected\n            ? [...selectedRowIds, rowId]\n            : selectedRowIds.filter((id) => id !== rowId),\n        );\n      }\n    },\n    onToggleExpansion: (rowId) => {\n      if (!expansion) return;\n      const next = expandedRowIds.includes(rowId)\n        ? expandedRowIds.filter((id) => id !== rowId)\n        : [...expandedRowIds, rowId];\n      if (expansion.onChangeExpanded) expansion.onChangeExpanded(next);\n      else setInternalExpanded(next);\n    },\n  };\n}\n\n/**\n * A header press, routed to whoever owns the sort: the server (which must\n * re-query — sorting the current page locally would reorder one page of a\n * dataset and call it sorted), the caller's `onChangeSortBy`, or internal state.\n */\nfunction useSortHandler<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n  setInternalSortBy: (next: GridSort[]) => void,\n): (columnId: string) => void {\n  const { sorting = {}, pagination, onRequestData } = props;\n  return useCallback(\n    (columnId: string) => {\n      const next = nextSortBy(sortBy, columnId);\n      if (sorting.mode === 'server' && onRequestData) {\n        onRequestData({\n          pageIndex: pagination?.pageIndex ?? 0,\n          pageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n          sortBy: next,\n          filters: [...filters],\n        });\n        return;\n      }\n      if (sorting.onChangeSortBy) sorting.onChangeSortBy(next);\n      else setInternalSortBy(next);\n    },\n    [sortBy, sorting, onRequestData, pagination, filters, setInternalSortBy],\n  );\n}\n\n/**\n * Sort and filter, each resolved ONCE against its controlled prop: a caller\n * that passes `sorting.sortBy` owns the sort, and one that does not gets the\n * internal state. The grid never holds a second, divergent copy.\n */\nfunction useSortAndFilter<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): {\n  sortBy: readonly GridSort[];\n  filters: readonly GridFilter[];\n  setInternalSortBy: (next: GridSort[]) => void;\n} {\n  const { sorting = {}, filtering = {} } = props;\n  const [internalSortBy, setInternalSortBy] = useState<GridSort[]>(sorting.defaultSortBy ?? []);\n  const [internalFilters] = useState<GridFilter[]>(filtering.defaultFilters ?? []);\n  return {\n    sortBy: sorting.sortBy ?? internalSortBy,\n    filters: filtering.filters ?? internalFilters,\n    setInternalSortBy,\n  };\n}\n\nexport function useDataGridModel<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): DataGridModel<T> {\n  const { columns } = props;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [editingCell, setEditingCell] = useState<EditingCell | null>(null);\n  const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);\n  const rowHeight = densityHeight(props.rowHeight ?? DEFAULT_ROW_HEIGHT, props.density);\n  const columnMap = useMemo(\n    () => new Map(columns.map((column) => [column.id, column])),\n    [columns],\n  );\n  const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);\n  const processedRows = useProcessedRows(props, columnMap, sortBy, filters);\n  const virtualized =\n    (props.virtualizeRows ?? true) && processedRows.length > VIRTUALIZATION_THRESHOLD;\n  const { range, onScroll } = useRowWindow(processedRows.length, rowHeight, virtualized);\n  const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);\n\n  return {\n    containerRef,\n    rowHeight,\n    visibleColumns,\n    processedRows,\n    visibleRows: virtualized ? processedRows.slice(range.start, range.end) : processedRows,\n    visibleRange: range,\n    virtualized,\n    sortBy,\n    editingCell,\n    setEditingCell,\n    onSort,\n    onScroll,\n    ...useRowFlags(props),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DMNZD3Q7.js

@@ -0,0 +1,31 @@
+// src/components/form/CategorySelect/CategoryIcons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var STROKE = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function CheckGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 3.2, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function DisclosureGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 2.4, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "m9 5 7 7-7 7" }) });
+}
+function CaretGlyph({ style }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 2.4, style, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function SearchGlyph({ style }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", strokeWidth: 2, style, "aria-hidden": "true", ...STROKE, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ jsx("path", { d: "m20 20-3.5-3.5" })
+  ] });
+}
+
+export {
+  CheckGlyph,
+  DisclosureGlyph,
+  CaretGlyph,
+  SearchGlyph
+};
+//# sourceMappingURL=chunk-DMNZD3Q7.js.map

package/dist/chunk-DMNZD3Q7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryIcons.tsx"],"sourcesContent":["/**\n * The prototype's four glyphs, inlined.\n *\n * Inline SVG rather than `@mui/icons-material` because these are drawn at the\n * design's own weights (2.4 for the chevrons, 3.2 for the tick) and sizes; the\n * Material set is a 24px grid at a fixed weight and would not land on the same\n * pixels.\n */\n\nconst STROKE = {\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n} as const;\n\n/** The tick inside a checked box. */\nexport function CheckGlyph(): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={3.2} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/** The disclosure chevron on a category row (points right; rotates when open). */\nexport function DisclosureGlyph(): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2.4} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"m9 5 7 7-7 7\" />\n    </svg>\n  );\n}\n\n/** The trigger's caret (points down; rotates when the panel is open). */\nexport function CaretGlyph({ style }: { style?: React.CSSProperties }): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2.4} style={style} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** The magnifier in the panel's search field. */\nexport function SearchGlyph({ style }: { style?: React.CSSProperties }): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2} style={style} aria-hidden=\"true\" {...STROKE}>\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <path d=\"m20 20-3.5-3.5\" />\n    </svg>\n  );\n}\n"],"mappings":";AAoBM,cA0BF,YA1BE;AAXN,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAClB;AAGO,SAAS,aAAgC;AAC9C,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,eAAY,QAAQ,GAAG,QAChE,8BAAC,UAAK,GAAE,mBAAkB,GAC5B;AAEJ;AAGO,SAAS,kBAAqC;AACnD,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,eAAY,QAAQ,GAAG,QAChE,8BAAC,UAAK,GAAE,gBAAe,GACzB;AAEJ;AAGO,SAAS,WAAW,EAAE,MAAM,GAAuD;AACxF,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,OAAc,eAAY,QAAQ,GAAG,QAC9E,8BAAC,UAAK,GAAE,gBAAe,GACzB;AAEJ;AAGO,SAAS,YAAY,EAAE,MAAM,GAAuD;AACzF,SACE,qBAAC,SAAI,SAAQ,aAAY,aAAa,GAAG,OAAc,eAAY,QAAQ,GAAG,QAC5E;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,oBAAC,UAAK,GAAE,kBAAiB;AAAA,KAC3B;AAEJ;","names":[]}

package/dist/chunk-DRADVLHZ.js

@@ -0,0 +1,34 @@
+// src/components/data-display/MapPreview/mapSurface.ts
+import { alpha } from "@mui/material/styles/index.js";
+var greyGradient = (theme, from, to, opacity = 1) => {
+  const shade = (key) => alpha(theme.palette.grey[key], opacity);
+  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;
+};
+var surfaceBackground = (mapType, theme) => {
+  if (mapType === "satellite") return greyGradient(theme, 900, 800);
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#8BC34A", 0.2)} 0%, ${alpha("#4CAF50", 0.3)} 100%)`;
+  }
+  if (theme.palette.mode === "dark") return greyGradient(theme, 900, 800);
+  return greyGradient(theme, 100, 200);
+};
+var tileBackground = (mapType, theme) => {
+  if (mapType === "satellite") {
+    return `linear-gradient(135deg, ${alpha("#1a1a1a", 0.9)} 0%, ${alpha("#2a2a2a", 0.9)} 100%)`;
+  }
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#7cb342", 0.1)} 0%, ${alpha("#558b2f", 0.1)} 100%)`;
+  }
+  return greyGradient(theme, 100, 200, 0.5);
+};
+var BOUNCE_KEYFRAMES = {
+  "0%, 100%": { transform: "translateY(0)" },
+  "50%": { transform: "translateY(-10px)" }
+};
+
+export {
+  surfaceBackground,
+  tileBackground,
+  BOUNCE_KEYFRAMES
+};
+//# sourceMappingURL=chunk-DRADVLHZ.js.map

package/dist/chunk-DRADVLHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/mapSurface.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport type { MapType } from './MapPreview.types';\n\ntype GreyShade = keyof Theme['palette']['grey'];\n\nconst greyGradient = (theme: Theme, from: GreyShade, to: GreyShade, opacity = 1): string => {\n  const shade = (key: GreyShade) => alpha(theme.palette.grey[key], opacity);\n  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;\n};\n\n// The backdrop behind the tiles: dark for satellite, green for terrain, and\n// grey for road maps, following the theme's own light/dark choice.\nexport const surfaceBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') return greyGradient(theme, 900, 800);\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#8BC34A', 0.2)} 0%, ${alpha('#4CAF50', 0.3)} 100%)`;\n  }\n  if (theme.palette.mode === 'dark') return greyGradient(theme, 900, 800);\n  return greyGradient(theme, 100, 200);\n};\n\nexport const tileBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') {\n    return `linear-gradient(135deg, ${alpha('#1a1a1a', 0.9)} 0%, ${alpha('#2a2a2a', 0.9)} 100%)`;\n  }\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#7cb342', 0.1)} 0%, ${alpha('#558b2f', 0.1)} 100%)`;\n  }\n  return greyGradient(theme, 100, 200, 0.5);\n};\n\nexport const BOUNCE_KEYFRAMES = {\n  '0%, 100%': { transform: 'translateY(0)' },\n  '50%': { transform: 'translateY(-10px)' },\n} as const;\n"],"mappings":";AACA,SAAS,aAAa;AAMtB,IAAM,eAAe,CAAC,OAAc,MAAiB,IAAe,UAAU,MAAc;AAC1F,QAAM,QAAQ,CAAC,QAAmB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAO;AACxE,SAAO,2BAA2B,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,CAAC;AAChE;AAIO,IAAM,oBAAoB,CAAC,SAAkB,UAAyB;AAC3E,MAAI,YAAY,YAAa,QAAO,aAAa,OAAO,KAAK,GAAG;AAChE,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,MAAM,QAAQ,SAAS,OAAQ,QAAO,aAAa,OAAO,KAAK,GAAG;AACtE,SAAO,aAAa,OAAO,KAAK,GAAG;AACrC;AAEO,IAAM,iBAAiB,CAAC,SAAkB,UAAyB;AACxE,MAAI,YAAY,aAAa;AAC3B,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,SAAO,aAAa,OAAO,KAAK,KAAK,GAAG;AAC1C;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY,EAAE,WAAW,gBAAgB;AAAA,EACzC,OAAO,EAAE,WAAW,oBAAoB;AAC1C;","names":[]}

package/dist/chunk-DTKYXNCE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DTKYXNCE.js.map

package/dist/chunk-DTKYXNCE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DTO7GKLA.js

@@ -0,0 +1,65 @@
+// src/components/layout/Spacer/Spacer.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var Spacer = ({
+  size = "md",
+  direction = "both",
+  width,
+  height,
+  flex = false,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const getSpacing = () => {
+    switch (size) {
+      case "xs":
+        return theme.spacing(0.5);
+      case "sm":
+        return theme.spacing(1);
+      case "md":
+        return theme.spacing(2);
+      case "lg":
+        return theme.spacing(3);
+      case "xl":
+        return theme.spacing(4);
+      default:
+        return theme.spacing(2);
+    }
+  };
+  const getDimensions = () => {
+    const spacing = getSpacing();
+    let finalWidth = width;
+    let finalHeight = height;
+    if (direction === "horizontal" || direction === "both") {
+      finalWidth = width ?? spacing;
+    }
+    if (direction === "vertical" || direction === "both") {
+      finalHeight = height ?? spacing;
+    }
+    return { width: finalWidth, height: finalHeight };
+  };
+  const dimensions = getDimensions();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        width: dimensions.width,
+        height: dimensions.height,
+        flex: flex ? 1 : void 0,
+        flexShrink: 0,
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+export {
+  Spacer
+};
+//# sourceMappingURL=chunk-DTO7GKLA.js.map

package/dist/chunk-DTO7GKLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Spacer/Spacer.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { SpacerProps } from './Spacer.types';\n\nexport const Spacer: React.FC<SpacerProps> = ({\n  size = 'md',\n  direction = 'both',\n  width,\n  height,\n  flex = false,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n\n  const getSpacing = () => {\n    switch (size) {\n      case 'xs':\n        return theme.spacing(0.5);\n      case 'sm':\n        return theme.spacing(1);\n      case 'md':\n        return theme.spacing(2);\n      case 'lg':\n        return theme.spacing(3);\n      case 'xl':\n        return theme.spacing(4);\n      default:\n        return theme.spacing(2);\n    }\n  };\n\n  const getDimensions = () => {\n    const spacing = getSpacing();\n\n    let finalWidth = width;\n    let finalHeight = height;\n\n    if (direction === 'horizontal' || direction === 'both') {\n      finalWidth = width ?? spacing;\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n      finalHeight = height ?? spacing;\n    }\n\n    return { width: finalWidth, height: finalHeight };\n  };\n\n  const dimensions = getDimensions();\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        width: dimensions.width,\n        height: dimensions.height,\n        flex: flex ? 1 : undefined,\n        flexShrink: 0,\n        pointerEvents: 'none',\n        userSelect: 'none',\n      }}\n      aria-hidden=\"true\"\n    />\n  );\n};\n"],"mappings":";AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAqDrB;AAhDG,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,aAAa,MAAM;AACvB,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO,MAAM,QAAQ,GAAG;AAAA,MAC1B,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB;AACE,eAAO,MAAM,QAAQ,CAAC;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,UAAU,WAAW;AAE3B,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,QAAI,cAAc,gBAAgB,cAAc,QAAQ;AACtD,mBAAa,SAAS;AAAA,IACxB;AAEA,QAAI,cAAc,cAAc,cAAc,QAAQ;AACpD,oBAAc,UAAU;AAAA,IAC1B;AAEA,WAAO,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,EAClD;AAEA,QAAM,aAAa,cAAc;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,OAAO,WAAW;AAAA,QAClB,QAAQ,WAAW;AAAA,QACnB,MAAM,OAAO,IAAI;AAAA,QACjB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MACA,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-DUAPT3WK.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DUAPT3WK.js.map

package/dist/chunk-DUAPT3WK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DURAH4VI.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DURAH4VI.js.map

package/dist/chunk-DURAH4VI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DVTCZR3K.js

@@ -0,0 +1,122 @@
+// src/components/form/CategorySelect/category-tree.ts
+function foldText(text) {
+  return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+}
+function buildCategoryGroups(options) {
+  const roots = options.filter((option) => !option.parentId);
+  const rootIds = new Set(roots.map((root) => root.id));
+  const groups = new Map(
+    roots.map((root) => [root.id, { category: root, subcategories: [] }])
+  );
+  const orphans = [];
+  options.forEach((option) => {
+    if (!option.parentId) return;
+    const parent = groups.get(option.parentId);
+    if (parent) {
+      parent.subcategories.push(option);
+      return;
+    }
+    if (!rootIds.has(option.id)) orphans.push({ category: option, subcategories: [] });
+  });
+  return [...groups.values(), ...orphans];
+}
+function collectLeafIds(groups) {
+  return groups.flatMap(
+    (group) => group.subcategories.length > 0 ? group.subcategories.map((sub) => sub.id) : [group.category.id]
+  );
+}
+function leavesOf(group) {
+  return group.subcategories.length > 0 ? group.subcategories.map((sub) => sub.id) : [group.category.id];
+}
+function categoryCheckState(group, selected) {
+  const leaves = leavesOf(group);
+  const hits = leaves.filter((id) => selected.has(id)).length;
+  if (hits === 0) return "off";
+  return hits === leaves.length ? "on" : "partial";
+}
+function toggleCategoryLeaves(group, selected) {
+  const next = new Set(selected);
+  const leaves = leavesOf(group);
+  const turningOff = categoryCheckState(group, selected) === "on";
+  leaves.forEach((id) => turningOff ? next.delete(id) : next.add(id));
+  return next;
+}
+function toggleLeaf(id, selected) {
+  const next = new Set(selected);
+  if (!next.delete(id)) next.add(id);
+  return next;
+}
+function summarizeSelection(groups, selected) {
+  return groups.flatMap((group) => {
+    const state = categoryCheckState(group, selected);
+    if (state === "off") return [];
+    if (state === "on") {
+      return [{ id: group.category.id, label: group.category.name, whole: true }];
+    }
+    return group.subcategories.filter((sub) => selected.has(sub.id)).map((sub) => ({ id: sub.id, label: sub.name, whole: false }));
+  });
+}
+function removeChip(groups, chipId, selected) {
+  const next = new Set(selected);
+  const group = groups.find((candidate) => candidate.category.id === chipId);
+  if (group) {
+    leavesOf(group).forEach((id) => next.delete(id));
+    return next;
+  }
+  next.delete(chipId);
+  return next;
+}
+function filterCategoryGroups(groups, query) {
+  const needle = foldText(query.trim());
+  if (!needle) return groups;
+  return groups.flatMap((group) => {
+    if (foldText(group.category.name).includes(needle)) return [group];
+    const subcategories = group.subcategories.filter(
+      (sub) => foldText(sub.name).includes(needle)
+    );
+    return subcategories.length > 0 ? [{ category: group.category, subcategories }] : [];
+  });
+}
+function highlightSegments(text, query) {
+  const needle = foldText(query.trim());
+  if (!needle) return [{ text, match: false }];
+  const at = foldText(text).indexOf(needle);
+  if (at < 0) return [{ text, match: false }];
+  return [
+    { text: text.slice(0, at), match: false },
+    { text: text.slice(at, at + needle.length), match: true },
+    { text: text.slice(at + needle.length), match: false }
+  ].filter((segment) => segment.text.length > 0);
+}
+function flattenRows(groups, isExpanded) {
+  return groups.flatMap((group) => {
+    const head = { kind: "category", id: group.category.id };
+    if (!isExpanded(group.category.id)) return [head];
+    return [
+      head,
+      ...group.subcategories.map(
+        (sub) => ({
+          kind: "subcategory",
+          id: sub.id,
+          parentId: group.category.id
+        })
+      )
+    ];
+  });
+}
+
+export {
+  foldText,
+  buildCategoryGroups,
+  collectLeafIds,
+  leavesOf,
+  categoryCheckState,
+  toggleCategoryLeaves,
+  toggleLeaf,
+  summarizeSelection,
+  removeChip,
+  filterCategoryGroups,
+  highlightSegments,
+  flattenRows
+};
+//# sourceMappingURL=chunk-DVTCZR3K.js.map

package/dist/chunk-DVTCZR3K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/category-tree.ts"],"sourcesContent":["import type {\n  CategoryGroup,\n  CategorySelectionChip,\n  CategorySelectOption,\n} from './CategorySelect.types';\n\n/**\n * Fold a string to its comparison form: no diacritics, lower case.\n *\n * Portuguese category names are full of them (\"Águas\", \"Cápsulas\", \"Grãos\"), and\n * an admin typing \"agua\" or \"graos\" on a hurried phone keyboard means the same\n * thing. Comparing folded forms on both sides makes the search accent-blind in\n * both directions.\n */\nexport function foldText(text: string): string {\n  return text\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .toLowerCase();\n}\n\n/**\n * Group a flat `parentId` list into top level + children, preserving input order.\n *\n * An option whose `parentId` names no top-level row is promoted to top level\n * rather than dropped — a category is never invisible just because its parent\n * was filtered out of the payload, or because the tree is deeper than two levels.\n */\nexport function buildCategoryGroups(options: CategorySelectOption[]): CategoryGroup[] {\n  const roots = options.filter((option) => !option.parentId);\n  const rootIds = new Set(roots.map((root) => root.id));\n  const groups = new Map<string, CategoryGroup>(\n    roots.map((root) => [root.id, { category: root, subcategories: [] }]),\n  );\n  const orphans: CategoryGroup[] = [];\n\n  options.forEach((option) => {\n    if (!option.parentId) return;\n    const parent = groups.get(option.parentId);\n    if (parent) {\n      parent.subcategories.push(option);\n      return;\n    }\n    if (!rootIds.has(option.id)) orphans.push({ category: option, subcategories: [] });\n  });\n\n  return [...groups.values(), ...orphans];\n}\n\n/** Every selectable leaf id across all groups, in display order. */\nexport function collectLeafIds(groups: CategoryGroup[]): string[] {\n  return groups.flatMap((group) =>\n    group.subcategories.length > 0\n      ? group.subcategories.map((sub) => sub.id)\n      : [group.category.id],\n  );\n}\n\n/** The leaves a category stands for — its subcategories, or itself when childless. */\nexport function leavesOf(group: CategoryGroup): string[] {\n  return group.subcategories.length > 0\n    ? group.subcategories.map((sub) => sub.id)\n    : [group.category.id];\n}\n\nexport type CategoryCheckState = 'off' | 'partial' | 'on';\n\n/** Whether none, some, or all of a category's leaves are selected. */\nexport function categoryCheckState(\n  group: CategoryGroup,\n  selected: ReadonlySet<string>,\n): CategoryCheckState {\n  const leaves = leavesOf(group);\n  const hits = leaves.filter((id) => selected.has(id)).length;\n  if (hits === 0) return 'off';\n  return hits === leaves.length ? 'on' : 'partial';\n}\n\n/** Select every leaf of a category, or clear them all when already complete. */\nexport function toggleCategoryLeaves(\n  group: CategoryGroup,\n  selected: ReadonlySet<string>,\n): Set<string> {\n  const next = new Set(selected);\n  const leaves = leavesOf(group);\n  const turningOff = categoryCheckState(group, selected) === 'on';\n  leaves.forEach((id) => (turningOff ? next.delete(id) : next.add(id)));\n  return next;\n}\n\n/** Add an id when absent, remove it when present. */\nexport function toggleLeaf(id: string, selected: ReadonlySet<string>): Set<string> {\n  const next = new Set(selected);\n  if (!next.delete(id)) next.add(id);\n  return next;\n}\n\n/**\n * Collapse a raw id set into the chips a human reads: a category that is fully\n * selected becomes ONE chip bearing the category's name, rather than one chip\n * per subcategory — \"Bebidas\" instead of six drinks.\n */\nexport function summarizeSelection(\n  groups: CategoryGroup[],\n  selected: ReadonlySet<string>,\n): CategorySelectionChip[] {\n  return groups.flatMap((group): CategorySelectionChip[] => {\n    const state = categoryCheckState(group, selected);\n    if (state === 'off') return [];\n    if (state === 'on') {\n      return [{ id: group.category.id, label: group.category.name, whole: true }];\n    }\n    return group.subcategories\n      .filter((sub) => selected.has(sub.id))\n      .map((sub) => ({ id: sub.id, label: sub.name, whole: false }));\n  });\n}\n\n/**\n * Drop the leaves a chip stands for. A `whole` chip removes the whole category;\n * any other chip removes just that leaf.\n */\nexport function removeChip(\n  groups: CategoryGroup[],\n  chipId: string,\n  selected: ReadonlySet<string>,\n): Set<string> {\n  const next = new Set(selected);\n  const group = groups.find((candidate) => candidate.category.id === chipId);\n  if (group) {\n    leavesOf(group).forEach((id) => next.delete(id));\n    return next;\n  }\n  next.delete(chipId);\n  return next;\n}\n\n/**\n * Search across BOTH levels, keeping every hit under its parent.\n *\n * A category that matches keeps all of its subcategories, so \"Bebidas\" shows the\n * whole group. A category that does not match keeps only the subcategories that\n * do — the hit still arrives with its parent visible above it, which is the\n * context that tells \"Massas\" (mercearia) from \"Massas\" (pratos principais).\n */\nexport function filterCategoryGroups(groups: CategoryGroup[], query: string): CategoryGroup[] {\n  const needle = foldText(query.trim());\n  if (!needle) return groups;\n  return groups.flatMap((group) => {\n    if (foldText(group.category.name).includes(needle)) return [group];\n    const subcategories = group.subcategories.filter((sub) =>\n      foldText(sub.name).includes(needle),\n    );\n    return subcategories.length > 0 ? [{ category: group.category, subcategories }] : [];\n  });\n}\n\n/** A run of text, flagged when it is the part that matched the query. */\ninterface HighlightSegment {\n  text: string;\n  match: boolean;\n}\n\n/**\n * Split a label around the query hit so the view can mark it.\n *\n * Slicing uses indices from the FOLDED text but cuts the ORIGINAL, which is safe\n * because folding is per-character here: NFD-stripping combining marks and\n * lower-casing both preserve offsets for the scripts these names use.\n */\nexport function highlightSegments(text: string, query: string): HighlightSegment[] {\n  const needle = foldText(query.trim());\n  if (!needle) return [{ text, match: false }];\n  const at = foldText(text).indexOf(needle);\n  if (at < 0) return [{ text, match: false }];\n  return [\n    { text: text.slice(0, at), match: false },\n    { text: text.slice(at, at + needle.length), match: true },\n    { text: text.slice(at + needle.length), match: false },\n  ].filter((segment) => segment.text.length > 0);\n}\n\n/** A flattened row, so keyboard navigation can walk what is actually on screen. */\nexport interface CategoryRowRef {\n  kind: 'category' | 'subcategory';\n  id: string;\n  /** Owning category id — lets ← jump from a subcategory back to its parent. */\n  parentId?: string;\n}\n\n/** The visible rows, in order, honouring which categories are expanded. */\nexport function flattenRows(\n  groups: CategoryGroup[],\n  isExpanded: (categoryId: string) => boolean,\n): CategoryRowRef[] {\n  return groups.flatMap((group) => {\n    const head: CategoryRowRef = { kind: 'category', id: group.category.id };\n    if (!isExpanded(group.category.id)) return [head];\n    return [\n      head,\n      ...group.subcategories.map(\n        (sub): CategoryRowRef => ({\n          kind: 'subcategory',\n          id: sub.id,\n          parentId: group.category.id,\n        }),\n      ),\n    ];\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DZA7RSLX.js

@@ -0,0 +1,86 @@
+import {
+  useResize
+} from "./chunk-P6TNXBDA.js";
+import {
+  defaultHandles,
+  handleStyle,
+  resolveResizableProps
+} from "./chunk-3TDVGZZN.js";
+
+// src/components/layout/Resizable/Resizable.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Resizable = (rawProps) => {
+  const {
+    children,
+    variant,
+    width: initialWidth,
+    height: initialHeight,
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    onResize,
+    disabled,
+    handles,
+    className,
+    "data-testid": dataTestId,
+    ...rest
+  } = resolveResizableProps(rawProps);
+  const theme = useTheme();
+  const bounds = useMemo(
+    () => ({
+      width: { min: minWidth, max: maxWidth },
+      height: { min: minHeight, max: maxHeight }
+    }),
+    [minWidth, maxWidth, minHeight, maxHeight]
+  );
+  const { size, isResizing, activeHandle, handleMouseDown } = useResize({
+    width: initialWidth,
+    height: initialHeight,
+    bounds,
+    disabled,
+    onResize
+  });
+  const activeHandles = handles || defaultHandles(variant);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...rest,
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        position: "relative",
+        width: size.width,
+        height: size.height,
+        border: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0.5),
+        overflow: "hidden",
+        userSelect: isResizing ? "none" : "auto",
+        "&:hover .resize-handle": {
+          opacity: 0.3
+        }
+      },
+      children: [
+        children,
+        !disabled && activeHandles.map((handle) => /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "resize-handle",
+            "data-testid": dataTestId ? `${dataTestId}-handle-${handle}` : void 0,
+            sx: handleStyle(theme, handle, isResizing && activeHandle.current === handle),
+            onMouseDown: (e) => handleMouseDown(e, handle)
+          },
+          handle
+        ))
+      ]
+    }
+  );
+};
+
+export {
+  Resizable
+};
+//# sourceMappingURL=chunk-DZA7RSLX.js.map

package/dist/chunk-DZA7RSLX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Resizable/Resizable.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useMemo } from 'react';\n\nimport { defaultHandles, handleStyle, resolveResizableProps } from './Resizable.helpers';\nimport { useResize } from './Resizable.hooks';\nimport type { ResizableProps } from './Resizable.types';\n\nexport const Resizable: React.FC<ResizableProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    width: initialWidth,\n    height: initialHeight,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    disabled,\n    handles,\n    className,\n    'data-testid': dataTestId,\n    ...rest\n  } = resolveResizableProps(rawProps);\n  const theme = useTheme();\n  const bounds = useMemo(\n    () => ({\n      width: { min: minWidth, max: maxWidth },\n      height: { min: minHeight, max: maxHeight },\n    }),\n    [minWidth, maxWidth, minHeight, maxHeight],\n  );\n\n  const { size, isResizing, activeHandle, handleMouseDown } = useResize({\n    width: initialWidth,\n    height: initialHeight,\n    bounds,\n    disabled,\n    onResize,\n  });\n\n  const activeHandles = handles || defaultHandles(variant);\n\n  return (\n    <Box\n      {...rest}\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        position: 'relative',\n        width: size.width,\n        height: size.height,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.spacing(0.5),\n        overflow: 'hidden',\n        userSelect: isResizing ? 'none' : 'auto',\n        '&:hover .resize-handle': {\n          opacity: 0.3,\n        },\n      }}\n    >\n      {children}\n      {!disabled &&\n        activeHandles.map((handle) => (\n          <Box\n            key={handle}\n            className=\"resize-handle\"\n            data-testid={dataTestId ? `${dataTestId}-handle-${handle}` : undefined}\n            sx={handleStyle(theme, handle, isResizing && activeHandle.current === handle)}\n            onMouseDown={(e) => handleMouseDown(e, handle)}\n          />\n        ))}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AACzB,SAAgB,eAAe;AA2C3B,SAoBM,KApBN;AArCG,IAAM,YAAsC,CAAC,aAAa;AAC/D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,sBAAsB,QAAQ;AAClC,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,OAAO,EAAE,KAAK,UAAU,KAAK,SAAS;AAAA,MACtC,QAAQ,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,IAC3C;AAAA,IACA,CAAC,UAAU,UAAU,WAAW,SAAS;AAAA,EAC3C;AAEA,QAAM,EAAE,MAAM,YAAY,cAAc,gBAAgB,IAAI,UAAU;AAAA,IACpE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,WAAW,eAAe,OAAO;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,QAC1C,cAAc,MAAM,QAAQ,GAAG;AAAA,QAC/B,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,QAClC,0BAA0B;AAAA,UACxB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACA,CAAC,YACA,cAAc,IAAI,CAAC,WACjB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,eAAa,aAAa,GAAG,UAAU,WAAW,MAAM,KAAK;AAAA,YAC7D,IAAI,YAAY,OAAO,QAAQ,cAAc,aAAa,YAAY,MAAM;AAAA,YAC5E,aAAa,CAAC,MAAM,gBAAgB,GAAG,MAAM;AAAA;AAAA,UAJxC;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,EACL;AAEJ;","names":[]}