@academix-admin/selection-viewer 0.1.0 → 0.2.0

package/README.md

@@ -62,9 +62,40 @@ scroll container is within 20% of a viewport-height of its end):
 `noResultProp` / `errorProp` renders in place of `children`. You own fetching/filtering entirely;
 the component only renders what you hand it via `children` and this state.
 
-Exports: `SelectionViewer` (default), `useSelectionController`, plus every prop/type
-(`SelectionViewerProps`, `SelectionState`, `TitleProps`, `SearchProps`, `LoadingProps`,
-`NoResultProps`, `ErrorProps`, `CancelButtonProps`, `LayoutProps`, `Padding`, `SnapPoint`).
+## Composable sections: `Row` / `Column`
+
+For sectioned lists (e.g. one horizontally-scrolling shelf per category), compose `Row`s inside a
+`Column` as `SelectionViewer`'s `children`. Today's flat `children` usage is, unchanged, an
+implicit `Column` with no `Row`s.
+
+```tsx
+<SelectionViewer isOpen={isOpen} onClose={ops.close} titleProp={{ text: 'Select wallet', textColor: '#000' }}>
+  <Column>
+    <h3>Recently used</h3>
+    <Row state={recentState} onPaginate={loadMoreRecent}>
+      {recentWallets.map((w) => <WalletItem key={w.id} wallet={w} onClick={() => pick(w)} />)}
+    </Row>
+
+    <h3>All wallets</h3>
+    <Row state={allState} onPaginate={loadMoreAll}>
+      {allWallets.map((w) => <WalletItem key={w.id} wallet={w} onClick={() => pick(w)} />)}
+    </Row>
+  </Column>
+</SelectionViewer>
+```
+
+Unlike `@academix-admin/search-viewer`'s `Row`, this one owns no query/fetch engine —
+`SelectionViewer` never had one either, so you fetch/filter yourself and tell each `Row` its own
+`state` (same idea as passing `selectionState` to `SelectionViewer` today, just per-section). `Row`
+triggers `onPaginate` when scrolled horizontally near its end. `Column` collects every `Row`'s
+state and reports one cumulative state up to `SelectionViewer`, so `loadingProp` / `noResultProp` /
+`errorProp` react automatically — no result from ANY row → the outer no-result view; any row still
+loading (and none have data yet) → the outer loading view; and so on. `Column`s can nest.
+
+Exports: `SelectionViewer` (default), `useSelectionController`, `Row`, `Column`, plus every
+prop/type (`SelectionViewerProps`, `SelectionState`, `TitleProps`, `SearchProps`, `LoadingProps`,
+`NoResultProps`, `ErrorProps`, `CancelButtonProps`, `LayoutProps`, `Padding`, `SnapPoint`,
+`RowProps`, `ColumnProps`).
 
 ## License
 

package/dist/index.cjs

@@ -12,6 +12,16 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/SelectionViewer.tsx
+var RowAggregateContext = React__default.default.createContext(null);
+var SelectionViewerAggregateContext = React__default.default.createContext(null);
+function computeAggregateState(states) {
+  if (states.length === 0) return "initial";
+  if (states.some((s) => s === "data")) return "data";
+  if (states.some((s) => s === "loading")) return "loading";
+  if (states.every((s) => s === "empty")) return "empty";
+  if (states.some((s) => s === "error")) return "error";
+  return "initial";
+}
 var getStyles = (id) => `
 #${id} .selection-viewer-header {
   padding: 0px;
@@ -217,7 +227,7 @@ var SelectionViewer = ({
   zIndex = 1e3,
   maxHeight = "90dvh",
   minHeight = "65dvh",
-  selectionState = "initial",
+  selectionState: selectionStateProp = "initial",
   closeThreshold = 0.2
 }) => {
   const [id] = React.useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);
@@ -231,6 +241,29 @@ var SelectionViewer = ({
   const sheetRef = React.useRef(null);
   React.useRef(null);
   useInjectStyles(id);
+  const [reportedStates, setReportedStates] = React.useState(/* @__PURE__ */ new Map());
+  const reportAggregate = React.useCallback((reporterId, state) => {
+    setReportedStates((prev) => {
+      const next = new Map(prev);
+      next.set(reporterId, state);
+      return next;
+    });
+  }, []);
+  const unreportAggregate = React.useCallback((reporterId) => {
+    setReportedStates((prev) => {
+      if (!prev.has(reporterId)) return prev;
+      const next = new Map(prev);
+      next.delete(reporterId);
+      return next;
+    });
+  }, []);
+  const aggregateReporterValue = React.useMemo(
+    () => ({ report: reportAggregate, unreport: unreportAggregate }),
+    [reportAggregate, unreportAggregate]
+  );
+  const reportedAggregate = reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : null;
+  const isComposed = reportedAggregate !== null;
+  const selectionState = selectionStateProp !== "initial" ? selectionStateProp : reportedAggregate ?? "initial";
   React.useEffect(() => {
     if (typeof window === "undefined" || !window.visualViewport) return;
     const handleResize = () => {
@@ -310,7 +343,7 @@ var SelectionViewer = ({
     [onPaginate]
   );
   if (!isOpen && unmountOnClose) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectionViewerAggregateContext.Provider, { value: aggregateReporterValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     modalSheet.Sheet,
     {
       ref: sheetRef,
@@ -512,6 +545,28 @@ var SelectionViewer = ({
                         },
                         children: loadingProp?.view
                       }
+                    ),
+                    isComposed && selectionState === "empty" && /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "selection-viewer-no-results",
+                        style: {
+                          padding: noResultProp?.padding ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}` : "16px",
+                          ...noResultProp?.style
+                        },
+                        children: noResultProp?.view || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "selection-viewer-default-no-results", children: noResultProp?.text || "No results found" })
+                      }
+                    ),
+                    isComposed && selectionState === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "selection-viewer-error",
+                        style: {
+                          padding: errorProp?.padding ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}` : "16px",
+                          ...errorProp?.style
+                        },
+                        children: errorProp?.view || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "selection-viewer-default-error", children: errorProp?.text || "No results found" })
+                      }
                     )
                   ] }) : selectionState === "empty" || React__default.default.Children.count(children) <= 0 && (selectionState != "loading" && selectionState != "error") ? /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
@@ -552,7 +607,7 @@ var SelectionViewer = ({
         /* @__PURE__ */ jsxRuntime.jsx(modalSheet.Sheet.Backdrop, { onTap: backDrop ? onClose : void 0 })
       ]
     }
-  );
+  ) });
 };
 var useSelectionController = (initialSelectionState) => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -567,8 +622,101 @@ var useSelectionController = (initialSelectionState) => {
   return [selectionId, operations, isOpen, selectionState];
 };
 var SelectionViewer_default = SelectionViewer;
+function Row({ id: providedId, state = "data", onPaginate, className, style, children }) {
+  const aggregateReporter = React__default.default.useContext(RowAggregateContext);
+  const [rowId] = React.useState(() => providedId || `row-${Math.random().toString(36).substring(2, 11)}`);
+  const containerRef = React.useRef(null);
+  const isPaginating = React.useRef(false);
+  const handleScroll = React.useCallback(async () => {
+    const el = containerRef.current;
+    if (!el || isPaginating.current || !onPaginate) return;
+    const { scrollLeft, scrollWidth, clientWidth } = el;
+    if (scrollWidth - scrollLeft > clientWidth * 1.2) return;
+    isPaginating.current = true;
+    const hasMore = await onPaginate();
+    if (!hasMore) {
+      isPaginating.current = false;
+    } else {
+      setTimeout(() => {
+        isPaginating.current = false;
+      }, 500);
+    }
+  }, [onPaginate]);
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el || !onPaginate) return;
+    el.addEventListener("scroll", handleScroll);
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [handleScroll, onPaginate]);
+  React.useEffect(() => {
+    aggregateReporter?.report(rowId, state);
+    return () => aggregateReporter?.unreport(rowId);
+  }, [aggregateReporter, rowId, state]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: className ? `selection-viewer-row ${className}` : "selection-viewer-row",
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        gap: "8px",
+        overflowX: "auto",
+        overflowY: "hidden",
+        ...style
+      },
+      children
+    }
+  );
+}
+Row.displayName = "Row";
+function Column({ id: providedId, className, style, children }) {
+  const [columnId] = React.useState(
+    () => providedId || `column-${Math.random().toString(36).substring(2, 11)}`
+  );
+  const [reportedStates, setReportedStates] = React.useState(/* @__PURE__ */ new Map());
+  const report = React.useCallback((id, state) => {
+    setReportedStates((prev) => {
+      const next = new Map(prev);
+      next.set(id, state);
+      return next;
+    });
+  }, []);
+  const unreport = React.useCallback((id) => {
+    setReportedStates((prev) => {
+      if (!prev.has(id)) return prev;
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const rowAggregateValue = React.useMemo(() => ({ report, unreport }), [report, unreport]);
+  const aggregateState = reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : "initial";
+  const parentRowAggregate = React__default.default.useContext(RowAggregateContext);
+  const selectionViewerAggregate = React__default.default.useContext(SelectionViewerAggregateContext);
+  const upstreamReporter = parentRowAggregate ?? selectionViewerAggregate;
+  React.useEffect(() => {
+    if (!upstreamReporter) return;
+    upstreamReporter.report(columnId, aggregateState);
+    return () => upstreamReporter.unreport(columnId);
+  }, [upstreamReporter, columnId, aggregateState]);
+  return /* @__PURE__ */ jsxRuntime.jsx(RowAggregateContext.Provider, { value: rowAggregateValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: className ? `selection-viewer-column ${className}` : "selection-viewer-column",
+      style: { display: "flex", flexDirection: "column", gap: "8px", ...style },
+      children
+    }
+  ) });
+}
+Column.displayName = "Column";
 
+exports.Column = Column;
+exports.Row = Row;
+exports.RowAggregateContext = RowAggregateContext;
 exports.SelectionViewer = SelectionViewer_default;
+exports.SelectionViewerAggregateContext = SelectionViewerAggregateContext;
+exports.computeAggregateState = computeAggregateState;
 exports.default = SelectionViewer_default;
 exports.useSelectionController = useSelectionController;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SelectionViewer.tsx"],"names":["useEffect","useState","useRef","useCallback","jsxs","Sheet","jsx","Fragment","React","useMemo"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { useState, useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { Sheet } from \"@academix-admin/modal-sheet\";\n\n// ==================== Types ====================\ntype Padding = {\n  l: string;\n  r: string;\n  t: string;\n  b: string;\n};\n\ntype SnapPoint = number;\n\ntype SelectionState = \"loading\" | \"empty\" | \"error\" | \"data\" | \"initial\";\n\n\ntype TitleProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  containerClass?: string;\n  style?: React.CSSProperties;\n};\n\ntype SearchProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  background?: string;\n  prefixIcon?: React.ReactNode;\n  suffixIcon?: React.ReactNode;\n  clearIcon?: React.ReactNode;\n  backIcon?: React.ReactNode;\n  prefixGap?: string;\n  suffixGap?: string;\n  padding?: Padding;\n  autoFocus?: boolean;\n  inputStyle?: React.CSSProperties;\n  containerStyle?: React.CSSProperties;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype LoadingProps = {\n  view: React.ReactNode;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype NoResultProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype ErrorProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype CancelButtonProps = {\n  text?: string;\n  view: React.ReactNode;\n  position?: \"left\" | \"right\";\n  style?: React.CSSProperties;\n  onClick?: () => void;\n};\n\ntype LayoutProps = {\n  gapBetweenHandleAndTitle?: string;\n  gapBetweenTitleAndSearch?: string;\n  gapBetweenSearchAndContent?: string;\n  backgroundColor?: string;\n  handleColor?: string;\n  handleWidth?: string;\n  fullScreenSearchBackground?: string;\n  fullScreenSearchHeaderStyle?: React.CSSProperties;\n  maxWidth?: string;\n};\n\ntype SelectionViewerProps = {\n  id?: string;\n  isOpen: boolean;\n  backDrop?: boolean;\n  onClose: () => void;\n  titleProp: TitleProps;\n  searchProp?: SearchProps;\n  loadingProp?: LoadingProps;\n  noResultProp?: NoResultProps;\n  errorProp?: ErrorProps;\n  cancelButton?: CancelButtonProps;\n  layoutProp?: LayoutProps;\n  childrenDirection?: \"vertical\" | \"horizontal\";\n  children?: React.ReactNode;\n  onPaginate?: () => boolean | Promise<boolean>;\n  snapPoints?: SnapPoint[];\n  initialSnap?: number;\n  unmountOnClose?: boolean;\n  zIndex?: number;\n  maxHeight?: string;\n  minHeight?: string;\n  selectionState?: SelectionState;\n  closeThreshold?: number;\n};\n\n// ==================== Styles ====================\nconst getStyles = (id: string) => `\n#${id} .selection-viewer-header {\n  padding: 0px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  width: 100%;\n}\n\n#${id} .selection-viewer-drag-handle {\n  height: 5px;\n  border-radius: 3px;\n  margin-top: 16px;\n}\n\n#${id} .selection-viewer-container {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n#${id} .selection-viewer-title {\n  margin: 0px;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 0px 16px 0px 16px;\n    word-break: break-word;   /* break long words */\n    white-space: normal;      /* allow wrapping */\n}\n\n#${id} .selection-viewer-search {\n  display: flex;\n  align-items: center;\n  margin: 16px 16px 4px 16px;\n  border-radius: 12px;\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n#${id} .selection-viewer-search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  padding: 12px 8px;\n  outline: none;\n  font-size: 16px !important;\n  width: 100%;\n}\n\n#${id} .selection-viewer-content {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n  min-height: 0;\n}\n\n#${id} .selection-viewer-content.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#${id} .selection-viewer-content.horizontal {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n#${id} .selection-viewer-no-results,\n#${id} .selection-viewer-error,\n#${id} .selection-viewer-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 120px;\n}\n\n#${id} .selection-viewer-default-no-results {\n  color: #666;\n  font-size: 14px;\n}\n\n#${id} .selection-viewer-default-error {\n  color: red;\n  font-size: 14px;\n}\n\n/* Full screen search mode */\n#${id} .selection-viewer-fullscreen-search {\n//   position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n//   padding-top: env(safe-area-inset-top);\n  width: 100%;\n}\n\n#${id} .selection-viewer-search-back-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-back-button:hover {\n  opacity: 0.7;\n}\n\n#${id} .selection-viewer-search-clear-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-clear-button:hover {\n  opacity: 0.7;\n}\n\n/* React Modal Sheet overrides */\n#${id} .react-modal-sheet-container {\n  max-width: 500px;\n  margin: 0 auto;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n#${id} .react-modal-sheet-backdrop {\n  background-color: rgba(0, 0, 0, 0.5) !important;\n  pointer-events: auto !important;\n}\n\n#${id} .react-modal-sheet-content {\n  padding: 0 0px 0px 0px;\n  height: 100%;\n}\n\n\n/* Mobile full-width behavior */\n@media (max-width: 500px) {\n  #${id} .react-modal-sheet-container {\n    max-width: 100%;\n    border-radius: 0;\n  }\n}\n\n/* Prevent iOS zooming */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  #${id} .selection-viewer-search-input {\n    font-size: 16px !important;\n  }\n}\n`;\n\n// ==================== Hook to inject CSS per instance ====================\nconst useInjectStyles = (id: string) => {\n  useEffect(() => {\n    const styleId = `selection-viewer-styles-${id}`;\n    let styleTag = document.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleTag) {\n      styleTag = document.createElement(\"style\");\n      styleTag.id = styleId;\n      styleTag.innerHTML = getStyles(id);\n      document.head.appendChild(styleTag);\n    }\n\n    // Cleanup on unmount\n    return () => {\n      if (styleTag && document.head.contains(styleTag)) {\n        document.head.removeChild(styleTag);\n      }\n    };\n  }, [id]);\n};\n\n// ==================== Component ====================\nconst SelectionViewer: React.FC<SelectionViewerProps> = ({\n  id: providedId,\n  isOpen,\n  backDrop = true,\n  onClose,\n  titleProp,\n  searchProp,\n  loadingProp,\n  noResultProp,\n  errorProp,\n  cancelButton,\n  layoutProp,\n  childrenDirection = \"vertical\",\n  children,\n  onPaginate,\n  snapPoints = [0, 1],\n  initialSnap = 1,\n  unmountOnClose = true,\n  zIndex = 1000,\n  maxHeight = \"90dvh\",\n  minHeight = \"65dvh\",\n  selectionState = \"initial\",\n  closeThreshold = 0.2,\n}) => {\n  const [id] = useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [isSearchFocused, setIsSearchFocused] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n  const [inputKey, setInputKey] = useState(0);\n  const [shouldAutoFocus, setShouldAutoFocus] = useState(false);\n  const isPaginating = useRef(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const sheetRef = useRef<any>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useInjectStyles(id);\n\n  // Track keyboard height\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.visualViewport) return;\n\n    const handleResize = () => {\n      const vp = window.visualViewport!;\n      const kbHeight = window.innerHeight - vp.height;\n      setKeyboardHeight(kbHeight > 0 ? kbHeight : 0);\n    };\n\n    window.visualViewport.addEventListener('resize', handleResize);\n    window.visualViewport.addEventListener('scroll', handleResize);\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', handleResize);\n      window.visualViewport?.removeEventListener('scroll', handleResize);\n    };\n  }, []);\n\n  // Auto-focus on search\n  useEffect(() => {\n    if (!isOpen) {\n      searchInputRef.current?.blur();\n      setSearchValue(\"\");\n      searchProp?.onChange?.(\"\");\n      setShouldAutoFocus(false);\n      return;\n    }\n  }, [isOpen, searchProp?.autoFocus]);\n\n  const handleOpenEnd = useCallback(() => {\n    if (searchProp?.autoFocus && searchInputRef.current) {\n      setInputKey(prev => prev + 1);\n      setShouldAutoFocus(true);\n      searchInputRef.current.focus();\n      searchInputRef.current.click();\n    }\n  }, [searchProp?.autoFocus]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchValue(value);\n    searchProp?.onChange?.(value);\n  };\n\n  const handleSearchFocus = () => {\n    setIsSearchFocused(true);\n    searchProp?.onFocus?.();\n    requestAnimationFrame(() => {\n      searchInputRef.current?.focus();\n    });\n  };\n\n  const handleSearchBlur = () => {\n    searchProp?.onBlur?.();\n  };\n\n  const handleBackFromSearch = () => {\n    setIsSearchFocused(false);\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n  };\n\n  const clearSearch = () => {\n    setSearchValue(\"\");\n    searchProp?.onChange?.(\"\");\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  };\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      if (isPaginating.current || !onPaginate) return;\n\n      const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n      const isNearBottom = scrollHeight - scrollTop <= clientHeight * 1.2;\n\n      if (isNearBottom) {\n        isPaginating.current = true;\n        const hasMore = await onPaginate();\n        if (!hasMore) {\n          isPaginating.current = false;\n        } else {\n          setTimeout(() => {\n            isPaginating.current = false;\n          }, 500);\n        }\n      }\n    },\n    [onPaginate]\n  );\n\n  if (!isOpen && unmountOnClose) return null;\n\n  return (\n    <Sheet\n      ref={sheetRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      detent=\"content\"\n      style={{ zIndex }}\n      maxHeight={maxHeight}\n      onOpenEnd={handleOpenEnd}\n    >\n      <Sheet.Container\n        id={id}\n        style={{\n          maxHeight: maxHeight,\n          minHeight: isSearchFocused ? \"100dvh\" : minHeight,\n          maxWidth: layoutProp?.maxWidth ?? '800px',\n          margin: \"0 auto\",\n          width: \"100%\",\n          left: 0,\n          right: 0,\n          paddingBottom: \"calc(0px + env(safe-area-inset-bottom))\",\n          background: isSearchFocused\n            ? layoutProp?.fullScreenSearchBackground || layoutProp?.backgroundColor\n            : layoutProp?.backgroundColor,\n          borderTopLeftRadius: isSearchFocused ? \"0px\" : \"16px\",\n          borderTopRightRadius: isSearchFocused ? \"0px\" : \"16px\",\n        }}\n      >\n        {isSearchFocused ? (\n          <Sheet.Header>\n            <div\n              className=\"selection-viewer-fullscreen-search\"\n              style={layoutProp?.fullScreenSearchHeaderStyle}\n            >\n              <div className=\"selection-viewer-search\" style={{\n                ...searchProp?.containerStyle,\n                background: searchProp?.background,\n                padding: searchProp?.padding\n                  ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                  : \"16px\"\n              }}>\n                <button\n                  className=\"selection-viewer-search-back-button\"\n                  onClick={handleBackFromSearch}\n                  aria-label=\"Exit search mode\"\n                >\n                  {searchProp?.backIcon || (\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path d=\"M15 18L9 12L15 6\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                    </svg>\n                  )}\n                </button>\n\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp?.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp?.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp?.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                  >\n                    {searchProp?.clearIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n              </div>\n            </div>\n          </Sheet.Header>\n        ) : (\n          <Sheet.Header>\n            <div className=\"selection-viewer-header\">\n              {/* Cancel button left */}\n              {cancelButton?.position === \"left\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    left: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Drag handle */}\n              {!isSearchFocused && (\n                <div\n                  className=\"selection-viewer-drag-handle\"\n                  style={{\n                    background: layoutProp?.handleColor || \"#ccc\",\n                    width: layoutProp?.handleWidth || \"40px\",\n                    marginBottom: layoutProp?.gapBetweenHandleAndTitle || \"12px\",\n                  }}\n                />\n              )}\n\n              {/* Cancel button right */}\n              {cancelButton?.position === \"right\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    right: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Title */}\n              <div className={titleProp.containerClass || \"selection-viewer-container\"}>\n                <h2\n                  id={`${id}-title`}\n                  className={titleProp.className || \"selection-viewer-title\"}\n                  style={{\n                    marginBottom: layoutProp?.gapBetweenTitleAndSearch || \"8px\",\n                    color: titleProp?.textColor || 'black',\n                    ...titleProp.style\n                  }}\n                >\n                  {titleProp.text}\n                </h2>\n              </div>\n            </div>\n\n            {/* Search */}\n            {searchProp && (\n              <div\n                className=\"selection-viewer-search\"\n                style={{\n                  background: searchProp.background,\n                  padding: searchProp.padding\n                    ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                    : \"8px 16px\",\n                  marginBottom: layoutProp?.gapBetweenSearchAndContent,\n                  ...searchProp.containerStyle\n                }}\n              >\n                {searchProp.prefixIcon && (\n                  <span style={{ marginRight: searchProp.prefixGap || \"8px\" }}>\n                    {searchProp.prefixIcon}\n                  </span>\n                )}\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                    style={{ marginLeft: searchProp.suffixGap || \"8px\" }}\n                  >\n                    {searchProp.clearIcon || searchProp.suffixIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n                {!searchValue && searchProp.suffixIcon && (\n                  <span style={{ marginLeft: searchProp.suffixGap || \"8px\" }}>\n                    {searchProp.suffixIcon}\n                  </span>\n                )}\n              </div>\n            )}\n          </Sheet.Header>\n        )}\n\n        <Sheet.Content>\n          <div\n            className={`selection-viewer-content ${childrenDirection}`}\n            onScroll={onPaginate ? handleScroll : undefined}\n            style={{\n              paddingTop: isSearchFocused ? layoutProp?.gapBetweenSearchAndContent : '0',\n              paddingBottom: keyboardHeight > 0\n                ? `${keyboardHeight + 16}px`\n                : '16px',\n            }}\n          >\n            {/* Show children first, then loading at bottom */}\n            {React.Children.count(children) > 0 ? (\n              <>\n                {children}\n                {selectionState === \"loading\" && (\n                  <div\n                    className=\"selection-viewer-loading\"\n                    style={{\n                      padding: loadingProp?.padding\n                        ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                        : \"16px\",\n                      ...loadingProp?.style\n                    }}\n                  >\n                    {loadingProp?.view}\n                  </div>\n                )}\n              </>\n            ) : (selectionState === \"empty\" || (React.Children.count(children) <= 0 && (selectionState != \"loading\" && selectionState != \"error\"))) ? (\n              <div\n                className=\"selection-viewer-no-results\"\n                style={{\n                  padding: noResultProp?.padding\n                    ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                    : \"16px\",\n                  ...noResultProp?.style\n                }}\n              >\n                {noResultProp?.view || (\n                  <div className=\"selection-viewer-default-no-results\">\n                    {noResultProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : selectionState === \"loading\" ? (\n              <div\n                className=\"selection-viewer-loading\"\n                style={{\n                  padding: loadingProp?.padding\n                    ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                    : \"16px\",\n                  ...loadingProp?.style\n                }}\n              >\n                {loadingProp?.view}\n              </div>\n            ) : (selectionState === \"error\") ? (\n              <div\n                className=\"selection-viewer-error\"\n                style={{\n                  padding: errorProp?.padding\n                    ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                    : \"16px\",\n                  ...errorProp?.style\n                }}\n              >\n                {errorProp?.view || (\n                  <div className=\"selection-viewer-default-error\">\n                    {errorProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : null}\n          </div>\n        </Sheet.Content>\n      </Sheet.Container>\n      <Sheet.Backdrop onTap={backDrop ? onClose : undefined} />\n    </Sheet>\n  );\n};\n\n// ==================== Controller Hook ====================\ntype Operation = {\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setSelectionState: (val: SelectionState) => void;\n};\n\nconst useSelectionController = (initialSelectionState?: SelectionState): [\n  string,\n  Operation,\n  boolean,\n  SelectionState\n] => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectionState, setSelectionState] = useState(initialSelectionState || 'initial');\n  const [selectionId] = useState(() => `selection-${Math.random().toString(36).substring(2, 11)}`);\n\n  const operations = useMemo<Operation>(() => ({\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n    toggle: () => setIsOpen((prev) => !prev),\n    setSelectionState\n  }), [setSelectionState]);\n\n  return [selectionId, operations, isOpen, selectionState];\n};\n\nexport { SelectionViewer, useSelectionController };\nexport type {\n  SelectionViewerProps,\n  SelectionState,\n  TitleProps,\n  SearchProps,\n  LoadingProps,\n  NoResultProps,\n  ErrorProps,\n  CancelButtonProps,\n  LayoutProps,\n  Padding,\n  SnapPoint,\n};\nexport default SelectionViewer;\n"]}
+{"version":3,"sources":["../src/SelectionViewer.tsx","../src/Row.tsx","../src/Column.tsx"],"names":["React","useEffect","useState","useRef","useCallback","useMemo","jsx","jsxs","Sheet","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { useState, useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { Sheet } from \"@academix-admin/modal-sheet\";\n\n// ==================== Aggregation (Row/Column) ====================\n// Independent from @academix-admin/search-viewer's equivalent (Library Charter: packages stay\n// mutually independent) — same shape, duplicated intentionally rather than shared.\n\ntype AggregateReporter = {\n  report: (id: string, state: SelectionState) => void;\n  unreport: (id: string) => void;\n};\n\n/** A `Row` reports its own `state` into the nearest `Column` through this. */\nconst RowAggregateContext = React.createContext<AggregateReporter | null>(null);\n\n/** `Column` reports its own aggregated state up through this — `SelectionViewer` provides it and\n *  merges whatever's reported into its own selectionState resolution, with zero extra wiring. */\nconst SelectionViewerAggregateContext = React.createContext<AggregateReporter | null>(null);\n\nfunction computeAggregateState(states: SelectionState[]): SelectionState {\n  if (states.length === 0) return \"initial\";\n  if (states.some((s) => s === \"data\")) return \"data\";\n  if (states.some((s) => s === \"loading\")) return \"loading\";\n  if (states.every((s) => s === \"empty\")) return \"empty\";\n  if (states.some((s) => s === \"error\")) return \"error\";\n  return \"initial\";\n}\n\n// ==================== Types ====================\ntype Padding = {\n  l: string;\n  r: string;\n  t: string;\n  b: string;\n};\n\ntype SnapPoint = number;\n\ntype SelectionState = \"loading\" | \"empty\" | \"error\" | \"data\" | \"initial\";\n\n\ntype TitleProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  containerClass?: string;\n  style?: React.CSSProperties;\n};\n\ntype SearchProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  background?: string;\n  prefixIcon?: React.ReactNode;\n  suffixIcon?: React.ReactNode;\n  clearIcon?: React.ReactNode;\n  backIcon?: React.ReactNode;\n  prefixGap?: string;\n  suffixGap?: string;\n  padding?: Padding;\n  autoFocus?: boolean;\n  inputStyle?: React.CSSProperties;\n  containerStyle?: React.CSSProperties;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype LoadingProps = {\n  view: React.ReactNode;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype NoResultProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype ErrorProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype CancelButtonProps = {\n  text?: string;\n  view: React.ReactNode;\n  position?: \"left\" | \"right\";\n  style?: React.CSSProperties;\n  onClick?: () => void;\n};\n\ntype LayoutProps = {\n  gapBetweenHandleAndTitle?: string;\n  gapBetweenTitleAndSearch?: string;\n  gapBetweenSearchAndContent?: string;\n  backgroundColor?: string;\n  handleColor?: string;\n  handleWidth?: string;\n  fullScreenSearchBackground?: string;\n  fullScreenSearchHeaderStyle?: React.CSSProperties;\n  maxWidth?: string;\n};\n\ntype SelectionViewerProps = {\n  id?: string;\n  isOpen: boolean;\n  backDrop?: boolean;\n  onClose: () => void;\n  titleProp: TitleProps;\n  searchProp?: SearchProps;\n  loadingProp?: LoadingProps;\n  noResultProp?: NoResultProps;\n  errorProp?: ErrorProps;\n  cancelButton?: CancelButtonProps;\n  layoutProp?: LayoutProps;\n  childrenDirection?: \"vertical\" | \"horizontal\";\n  children?: React.ReactNode;\n  onPaginate?: () => boolean | Promise<boolean>;\n  snapPoints?: SnapPoint[];\n  initialSnap?: number;\n  unmountOnClose?: boolean;\n  zIndex?: number;\n  maxHeight?: string;\n  minHeight?: string;\n  selectionState?: SelectionState;\n  closeThreshold?: number;\n};\n\n// ==================== Styles ====================\nconst getStyles = (id: string) => `\n#${id} .selection-viewer-header {\n  padding: 0px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  width: 100%;\n}\n\n#${id} .selection-viewer-drag-handle {\n  height: 5px;\n  border-radius: 3px;\n  margin-top: 16px;\n}\n\n#${id} .selection-viewer-container {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n#${id} .selection-viewer-title {\n  margin: 0px;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 0px 16px 0px 16px;\n    word-break: break-word;   /* break long words */\n    white-space: normal;      /* allow wrapping */\n}\n\n#${id} .selection-viewer-search {\n  display: flex;\n  align-items: center;\n  margin: 16px 16px 4px 16px;\n  border-radius: 12px;\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n#${id} .selection-viewer-search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  padding: 12px 8px;\n  outline: none;\n  font-size: 16px !important;\n  width: 100%;\n}\n\n#${id} .selection-viewer-content {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n  min-height: 0;\n}\n\n#${id} .selection-viewer-content.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#${id} .selection-viewer-content.horizontal {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n#${id} .selection-viewer-no-results,\n#${id} .selection-viewer-error,\n#${id} .selection-viewer-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 120px;\n}\n\n#${id} .selection-viewer-default-no-results {\n  color: #666;\n  font-size: 14px;\n}\n\n#${id} .selection-viewer-default-error {\n  color: red;\n  font-size: 14px;\n}\n\n/* Full screen search mode */\n#${id} .selection-viewer-fullscreen-search {\n//   position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n//   padding-top: env(safe-area-inset-top);\n  width: 100%;\n}\n\n#${id} .selection-viewer-search-back-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-back-button:hover {\n  opacity: 0.7;\n}\n\n#${id} .selection-viewer-search-clear-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-clear-button:hover {\n  opacity: 0.7;\n}\n\n/* React Modal Sheet overrides */\n#${id} .react-modal-sheet-container {\n  max-width: 500px;\n  margin: 0 auto;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n#${id} .react-modal-sheet-backdrop {\n  background-color: rgba(0, 0, 0, 0.5) !important;\n  pointer-events: auto !important;\n}\n\n#${id} .react-modal-sheet-content {\n  padding: 0 0px 0px 0px;\n  height: 100%;\n}\n\n\n/* Mobile full-width behavior */\n@media (max-width: 500px) {\n  #${id} .react-modal-sheet-container {\n    max-width: 100%;\n    border-radius: 0;\n  }\n}\n\n/* Prevent iOS zooming */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  #${id} .selection-viewer-search-input {\n    font-size: 16px !important;\n  }\n}\n`;\n\n// ==================== Hook to inject CSS per instance ====================\nconst useInjectStyles = (id: string) => {\n  useEffect(() => {\n    const styleId = `selection-viewer-styles-${id}`;\n    let styleTag = document.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleTag) {\n      styleTag = document.createElement(\"style\");\n      styleTag.id = styleId;\n      styleTag.innerHTML = getStyles(id);\n      document.head.appendChild(styleTag);\n    }\n\n    // Cleanup on unmount\n    return () => {\n      if (styleTag && document.head.contains(styleTag)) {\n        document.head.removeChild(styleTag);\n      }\n    };\n  }, [id]);\n};\n\n// ==================== Component ====================\nconst SelectionViewer: React.FC<SelectionViewerProps> = ({\n  id: providedId,\n  isOpen,\n  backDrop = true,\n  onClose,\n  titleProp,\n  searchProp,\n  loadingProp,\n  noResultProp,\n  errorProp,\n  cancelButton,\n  layoutProp,\n  childrenDirection = \"vertical\",\n  children,\n  onPaginate,\n  snapPoints = [0, 1],\n  initialSnap = 1,\n  unmountOnClose = true,\n  zIndex = 1000,\n  maxHeight = \"90dvh\",\n  minHeight = \"65dvh\",\n  selectionState: selectionStateProp = \"initial\",\n  closeThreshold = 0.2,\n}) => {\n  const [id] = useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [isSearchFocused, setIsSearchFocused] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n  const [inputKey, setInputKey] = useState(0);\n  const [shouldAutoFocus, setShouldAutoFocus] = useState(false);\n  const isPaginating = useRef(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const sheetRef = useRef<any>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useInjectStyles(id);\n\n  // Descendant sections (a Column, or anything else) can report a cumulative state up through this —\n  // starts empty, so a plain SelectionViewer with no Row/Column children behaves exactly as before.\n  const [reportedStates, setReportedStates] = useState<Map<string, SelectionState>>(new Map());\n  const reportAggregate = useCallback((reporterId: string, state: SelectionState) => {\n    setReportedStates((prev) => {\n      const next = new Map(prev);\n      next.set(reporterId, state);\n      return next;\n    });\n  }, []);\n  const unreportAggregate = useCallback((reporterId: string) => {\n    setReportedStates((prev) => {\n      if (!prev.has(reporterId)) return prev;\n      const next = new Map(prev);\n      next.delete(reporterId);\n      return next;\n    });\n  }, []);\n  const aggregateReporterValue = useMemo(\n    () => ({ report: reportAggregate, unreport: unreportAggregate }),\n    [reportAggregate, unreportAggregate]\n  );\n  const reportedAggregate =\n    reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : null;\n  const isComposed = reportedAggregate !== null;\n\n  // Precedence: an explicit `selectionState` prop always wins (matches today's exact behaviour for\n  // any consumer not using Row/Column) -> then a reported Column aggregate, if one exists -> \"initial\".\n  const selectionState =\n    selectionStateProp !== \"initial\" ? selectionStateProp : reportedAggregate ?? \"initial\";\n\n  // Track keyboard height\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.visualViewport) return;\n\n    const handleResize = () => {\n      const vp = window.visualViewport!;\n      const kbHeight = window.innerHeight - vp.height;\n      setKeyboardHeight(kbHeight > 0 ? kbHeight : 0);\n    };\n\n    window.visualViewport.addEventListener('resize', handleResize);\n    window.visualViewport.addEventListener('scroll', handleResize);\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', handleResize);\n      window.visualViewport?.removeEventListener('scroll', handleResize);\n    };\n  }, []);\n\n  // Auto-focus on search\n  useEffect(() => {\n    if (!isOpen) {\n      searchInputRef.current?.blur();\n      setSearchValue(\"\");\n      searchProp?.onChange?.(\"\");\n      setShouldAutoFocus(false);\n      return;\n    }\n  }, [isOpen, searchProp?.autoFocus]);\n\n  const handleOpenEnd = useCallback(() => {\n    if (searchProp?.autoFocus && searchInputRef.current) {\n      setInputKey(prev => prev + 1);\n      setShouldAutoFocus(true);\n      searchInputRef.current.focus();\n      searchInputRef.current.click();\n    }\n  }, [searchProp?.autoFocus]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchValue(value);\n    searchProp?.onChange?.(value);\n  };\n\n  const handleSearchFocus = () => {\n    setIsSearchFocused(true);\n    searchProp?.onFocus?.();\n    requestAnimationFrame(() => {\n      searchInputRef.current?.focus();\n    });\n  };\n\n  const handleSearchBlur = () => {\n    searchProp?.onBlur?.();\n  };\n\n  const handleBackFromSearch = () => {\n    setIsSearchFocused(false);\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n  };\n\n  const clearSearch = () => {\n    setSearchValue(\"\");\n    searchProp?.onChange?.(\"\");\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  };\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      if (isPaginating.current || !onPaginate) return;\n\n      const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n      const isNearBottom = scrollHeight - scrollTop <= clientHeight * 1.2;\n\n      if (isNearBottom) {\n        isPaginating.current = true;\n        const hasMore = await onPaginate();\n        if (!hasMore) {\n          isPaginating.current = false;\n        } else {\n          setTimeout(() => {\n            isPaginating.current = false;\n          }, 500);\n        }\n      }\n    },\n    [onPaginate]\n  );\n\n  if (!isOpen && unmountOnClose) return null;\n\n  return (\n    <SelectionViewerAggregateContext.Provider value={aggregateReporterValue}>\n    <Sheet\n      ref={sheetRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      detent=\"content\"\n      style={{ zIndex }}\n      maxHeight={maxHeight}\n      onOpenEnd={handleOpenEnd}\n    >\n      <Sheet.Container\n        id={id}\n        style={{\n          maxHeight: maxHeight,\n          minHeight: isSearchFocused ? \"100dvh\" : minHeight,\n          maxWidth: layoutProp?.maxWidth ?? '800px',\n          margin: \"0 auto\",\n          width: \"100%\",\n          left: 0,\n          right: 0,\n          paddingBottom: \"calc(0px + env(safe-area-inset-bottom))\",\n          background: isSearchFocused\n            ? layoutProp?.fullScreenSearchBackground || layoutProp?.backgroundColor\n            : layoutProp?.backgroundColor,\n          borderTopLeftRadius: isSearchFocused ? \"0px\" : \"16px\",\n          borderTopRightRadius: isSearchFocused ? \"0px\" : \"16px\",\n        }}\n      >\n        {isSearchFocused ? (\n          <Sheet.Header>\n            <div\n              className=\"selection-viewer-fullscreen-search\"\n              style={layoutProp?.fullScreenSearchHeaderStyle}\n            >\n              <div className=\"selection-viewer-search\" style={{\n                ...searchProp?.containerStyle,\n                background: searchProp?.background,\n                padding: searchProp?.padding\n                  ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                  : \"16px\"\n              }}>\n                <button\n                  className=\"selection-viewer-search-back-button\"\n                  onClick={handleBackFromSearch}\n                  aria-label=\"Exit search mode\"\n                >\n                  {searchProp?.backIcon || (\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path d=\"M15 18L9 12L15 6\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                    </svg>\n                  )}\n                </button>\n\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp?.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp?.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp?.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                  >\n                    {searchProp?.clearIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n              </div>\n            </div>\n          </Sheet.Header>\n        ) : (\n          <Sheet.Header>\n            <div className=\"selection-viewer-header\">\n              {/* Cancel button left */}\n              {cancelButton?.position === \"left\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    left: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Drag handle */}\n              {!isSearchFocused && (\n                <div\n                  className=\"selection-viewer-drag-handle\"\n                  style={{\n                    background: layoutProp?.handleColor || \"#ccc\",\n                    width: layoutProp?.handleWidth || \"40px\",\n                    marginBottom: layoutProp?.gapBetweenHandleAndTitle || \"12px\",\n                  }}\n                />\n              )}\n\n              {/* Cancel button right */}\n              {cancelButton?.position === \"right\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    right: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Title */}\n              <div className={titleProp.containerClass || \"selection-viewer-container\"}>\n                <h2\n                  id={`${id}-title`}\n                  className={titleProp.className || \"selection-viewer-title\"}\n                  style={{\n                    marginBottom: layoutProp?.gapBetweenTitleAndSearch || \"8px\",\n                    color: titleProp?.textColor || 'black',\n                    ...titleProp.style\n                  }}\n                >\n                  {titleProp.text}\n                </h2>\n              </div>\n            </div>\n\n            {/* Search */}\n            {searchProp && (\n              <div\n                className=\"selection-viewer-search\"\n                style={{\n                  background: searchProp.background,\n                  padding: searchProp.padding\n                    ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                    : \"8px 16px\",\n                  marginBottom: layoutProp?.gapBetweenSearchAndContent,\n                  ...searchProp.containerStyle\n                }}\n              >\n                {searchProp.prefixIcon && (\n                  <span style={{ marginRight: searchProp.prefixGap || \"8px\" }}>\n                    {searchProp.prefixIcon}\n                  </span>\n                )}\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                    style={{ marginLeft: searchProp.suffixGap || \"8px\" }}\n                  >\n                    {searchProp.clearIcon || searchProp.suffixIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n                {!searchValue && searchProp.suffixIcon && (\n                  <span style={{ marginLeft: searchProp.suffixGap || \"8px\" }}>\n                    {searchProp.suffixIcon}\n                  </span>\n                )}\n              </div>\n            )}\n          </Sheet.Header>\n        )}\n\n        <Sheet.Content>\n          <div\n            className={`selection-viewer-content ${childrenDirection}`}\n            onScroll={onPaginate ? handleScroll : undefined}\n            style={{\n              paddingTop: isSearchFocused ? layoutProp?.gapBetweenSearchAndContent : '0',\n              paddingBottom: keyboardHeight > 0\n                ? `${keyboardHeight + 16}px`\n                : '16px',\n            }}\n          >\n            {/* Show children first, then loading at bottom */}\n            {React.Children.count(children) > 0 ? (\n              <>\n                {children}\n                {selectionState === \"loading\" && (\n                  <div\n                    className=\"selection-viewer-loading\"\n                    style={{\n                      padding: loadingProp?.padding\n                        ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                        : \"16px\",\n                      ...loadingProp?.style\n                    }}\n                  >\n                    {loadingProp?.view}\n                  </div>\n                )}\n                {/* Composed mode: a Column/Row descendant reports its own state, which can only ever be\n                    \"empty\"/\"error\" here since the child count > 0 branch is unconditional on a literal\n                    <Column> being present. Layer the outer view alongside the (visually empty) children\n                    rather than replacing them — a Column/Row must stay mounted to keep reporting. */}\n                {isComposed && selectionState === \"empty\" && (\n                  <div\n                    className=\"selection-viewer-no-results\"\n                    style={{\n                      padding: noResultProp?.padding\n                        ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                        : \"16px\",\n                      ...noResultProp?.style\n                    }}\n                  >\n                    {noResultProp?.view || (\n                      <div className=\"selection-viewer-default-no-results\">\n                        {noResultProp?.text || \"No results found\"}\n                      </div>\n                    )}\n                  </div>\n                )}\n                {isComposed && selectionState === \"error\" && (\n                  <div\n                    className=\"selection-viewer-error\"\n                    style={{\n                      padding: errorProp?.padding\n                        ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                        : \"16px\",\n                      ...errorProp?.style\n                    }}\n                  >\n                    {errorProp?.view || (\n                      <div className=\"selection-viewer-default-error\">\n                        {errorProp?.text || \"No results found\"}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </>\n            ) : (selectionState === \"empty\" || (React.Children.count(children) <= 0 && (selectionState != \"loading\" && selectionState != \"error\"))) ? (\n              <div\n                className=\"selection-viewer-no-results\"\n                style={{\n                  padding: noResultProp?.padding\n                    ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                    : \"16px\",\n                  ...noResultProp?.style\n                }}\n              >\n                {noResultProp?.view || (\n                  <div className=\"selection-viewer-default-no-results\">\n                    {noResultProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : selectionState === \"loading\" ? (\n              <div\n                className=\"selection-viewer-loading\"\n                style={{\n                  padding: loadingProp?.padding\n                    ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                    : \"16px\",\n                  ...loadingProp?.style\n                }}\n              >\n                {loadingProp?.view}\n              </div>\n            ) : (selectionState === \"error\") ? (\n              <div\n                className=\"selection-viewer-error\"\n                style={{\n                  padding: errorProp?.padding\n                    ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                    : \"16px\",\n                  ...errorProp?.style\n                }}\n              >\n                {errorProp?.view || (\n                  <div className=\"selection-viewer-default-error\">\n                    {errorProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : null}\n          </div>\n        </Sheet.Content>\n      </Sheet.Container>\n      <Sheet.Backdrop onTap={backDrop ? onClose : undefined} />\n    </Sheet>\n    </SelectionViewerAggregateContext.Provider>\n  );\n};\n\n// ==================== Controller Hook ====================\ntype Operation = {\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setSelectionState: (val: SelectionState) => void;\n};\n\nconst useSelectionController = (initialSelectionState?: SelectionState): [\n  string,\n  Operation,\n  boolean,\n  SelectionState\n] => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectionState, setSelectionState] = useState(initialSelectionState || 'initial');\n  const [selectionId] = useState(() => `selection-${Math.random().toString(36).substring(2, 11)}`);\n\n  const operations = useMemo<Operation>(() => ({\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n    toggle: () => setIsOpen((prev) => !prev),\n    setSelectionState\n  }), [setSelectionState]);\n\n  return [selectionId, operations, isOpen, selectionState];\n};\n\nexport { SelectionViewer, useSelectionController, RowAggregateContext, SelectionViewerAggregateContext, computeAggregateState };\nexport type {\n  SelectionViewerProps,\n  SelectionState,\n  TitleProps,\n  SearchProps,\n  LoadingProps,\n  NoResultProps,\n  ErrorProps,\n  CancelButtonProps,\n  LayoutProps,\n  Padding,\n  SnapPoint,\n  AggregateReporter,\n};\nexport default SelectionViewer;\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { RowAggregateContext } from \"./SelectionViewer\";\nimport type { SelectionState } from \"./SelectionViewer\";\n\nexport type RowProps = {\n  id?: string;\n  /** Consumer-owned — SelectionViewer has never owned fetch/filter state, so unlike\n   *  search-viewer's Row this isn't internally computed. Mirrors how `selectionState`\n   *  is already a prop on SelectionViewer itself today. Defaults to \"data\": if you\n   *  render children without wiring this, we assume what you rendered IS the data. */\n  state?: SelectionState;\n  /** Called when this Row is scrolled horizontally near its end. Return (or resolve to)\n   *  `true` if more data may follow (keeps the pagination trigger armed), `false` once\n   *  there's nothing left to fetch — mirrors SelectionViewer's own `onPaginate` contract. */\n  onPaginate?: () => boolean | Promise<boolean>;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n/** A horizontally-scrolling, independently-paginating section — the Row/Column\n *  equivalent for `SelectionViewer`. No shared code with `@academix-admin/search-viewer`'s\n *  Row (Library Charter: packages stay mutually independent) — this one has no\n *  query/debounce/cache engine of its own since `SelectionViewer` never had one either;\n *  the consumer owns fetching/filtering and just tells this Row what `state` it's in. */\nfunction Row({ id: providedId, state = \"data\", onPaginate, className, style, children }: RowProps) {\n  const aggregateReporter = React.useContext(RowAggregateContext);\n  const [rowId] = useState(() => providedId || `row-${Math.random().toString(36).substring(2, 11)}`);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const isPaginating = useRef(false);\n\n  const handleScroll = useCallback(async () => {\n    const el = containerRef.current;\n    if (!el || isPaginating.current || !onPaginate) return;\n\n    // Same \"near the end\" threshold as SelectionViewer's own vertical pagination trigger, adapted\n    // to horizontal scroll metrics since a Row scrolls sideways.\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    if (scrollWidth - scrollLeft > clientWidth * 1.2) return;\n\n    isPaginating.current = true;\n    const hasMore = await onPaginate();\n    if (!hasMore) {\n      isPaginating.current = false;\n    } else {\n      setTimeout(() => {\n        isPaginating.current = false;\n      }, 500);\n    }\n  }, [onPaginate]);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el || !onPaginate) return;\n    el.addEventListener(\"scroll\", handleScroll);\n    return () => el.removeEventListener(\"scroll\", handleScroll);\n  }, [handleScroll, onPaginate]);\n\n  useEffect(() => {\n    aggregateReporter?.report(rowId, state);\n    return () => aggregateReporter?.unreport(rowId);\n  }, [aggregateReporter, rowId, state]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={className ? `selection-viewer-row ${className}` : \"selection-viewer-row\"}\n      style={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"8px\",\n        overflowX: \"auto\",\n        overflowY: \"hidden\",\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nRow.displayName = \"Row\";\n\nexport { Row };\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { RowAggregateContext, SelectionViewerAggregateContext, computeAggregateState } from \"./SelectionViewer\";\nimport type { SelectionState } from \"./SelectionViewer\";\n\nexport type ColumnProps = {\n  id?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n/** A vertical arrangement of `Row`s (or other content) — the explicit, composable\n *  equivalent of today's flat `children` list. Its default layout is deliberately\n *  identical to the existing `.selection-viewer-content.vertical` rendering\n *  (`flex-direction: column, gap: 8px`), so today's flat usage is, unchanged, \"an\n *  implicit Column with no Rows.\"\n *\n *  Provides the `RowAggregateContext` its `Row` children report into, computes ONE\n *  cumulative state from everything reported, and is itself a reporter one level up:\n *  nested inside another `Column` it reports through that Column's `RowAggregateContext`\n *  (behaving like a Row); at the top level it reports through `SelectionViewerAggregateContext`,\n *  which `SelectionViewer` provides — this drives the outer sheet's loading/empty/error\n *  views automatically with zero manual wiring, and lets Columns nest arbitrarily deep. */\nfunction Column({ id: providedId, className, style, children }: ColumnProps) {\n  const [columnId] = useState(\n    () => providedId || `column-${Math.random().toString(36).substring(2, 11)}`\n  );\n\n  const [reportedStates, setReportedStates] = useState<Map<string, SelectionState>>(new Map());\n  const report = useCallback((id: string, state: SelectionState) => {\n    setReportedStates((prev) => {\n      const next = new Map(prev);\n      next.set(id, state);\n      return next;\n    });\n  }, []);\n  const unreport = useCallback((id: string) => {\n    setReportedStates((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n  const rowAggregateValue = useMemo(() => ({ report, unreport }), [report, unreport]);\n\n  const aggregateState =\n    reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : \"initial\";\n\n  const parentRowAggregate = React.useContext(RowAggregateContext);\n  const selectionViewerAggregate = React.useContext(SelectionViewerAggregateContext);\n  const upstreamReporter = parentRowAggregate ?? selectionViewerAggregate;\n\n  useEffect(() => {\n    if (!upstreamReporter) return;\n    upstreamReporter.report(columnId, aggregateState);\n    return () => upstreamReporter.unreport(columnId);\n  }, [upstreamReporter, columnId, aggregateState]);\n\n  return (\n    <RowAggregateContext.Provider value={rowAggregateValue}>\n      <div\n        className={className ? `selection-viewer-column ${className}` : \"selection-viewer-column\"}\n        style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\", ...style }}\n      >\n        {children}\n      </div>\n    </RowAggregateContext.Provider>\n  );\n}\n\nColumn.displayName = \"Column\";\n\nexport { Column };\n"]}

package/dist/index.d.cts

@@ -1,5 +1,15 @@
 import React from 'react';
 
+type AggregateReporter = {
+    report: (id: string, state: SelectionState) => void;
+    unreport: (id: string) => void;
+};
+/** A `Row` reports its own `state` into the nearest `Column` through this. */
+declare const RowAggregateContext: React.Context<AggregateReporter | null>;
+/** `Column` reports its own aggregated state up through this — `SelectionViewer` provides it and
+ *  merges whatever's reported into its own selectionState resolution, with zero extra wiring. */
+declare const SelectionViewerAggregateContext: React.Context<AggregateReporter | null>;
+declare function computeAggregateState(states: SelectionState[]): SelectionState;
 type Padding = {
     l: string;
     r: string;
@@ -102,4 +112,52 @@ type Operation = {
 };
 declare const useSelectionController: (initialSelectionState?: SelectionState) => [string, Operation, boolean, SelectionState];
 
-export { type CancelButtonProps, type ErrorProps, type LayoutProps, type LoadingProps, type NoResultProps, type Padding, type SearchProps, type SelectionState, SelectionViewer, type SelectionViewerProps, type SnapPoint, type TitleProps, SelectionViewer as default, useSelectionController };
+type RowProps = {
+    id?: string;
+    /** Consumer-owned — SelectionViewer has never owned fetch/filter state, so unlike
+     *  search-viewer's Row this isn't internally computed. Mirrors how `selectionState`
+     *  is already a prop on SelectionViewer itself today. Defaults to "data": if you
+     *  render children without wiring this, we assume what you rendered IS the data. */
+    state?: SelectionState;
+    /** Called when this Row is scrolled horizontally near its end. Return (or resolve to)
+     *  `true` if more data may follow (keeps the pagination trigger armed), `false` once
+     *  there's nothing left to fetch — mirrors SelectionViewer's own `onPaginate` contract. */
+    onPaginate?: () => boolean | Promise<boolean>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+/** A horizontally-scrolling, independently-paginating section — the Row/Column
+ *  equivalent for `SelectionViewer`. No shared code with `@academix-admin/search-viewer`'s
+ *  Row (Library Charter: packages stay mutually independent) — this one has no
+ *  query/debounce/cache engine of its own since `SelectionViewer` never had one either;
+ *  the consumer owns fetching/filtering and just tells this Row what `state` it's in. */
+declare function Row({ id: providedId, state, onPaginate, className, style, children }: RowProps): React.JSX.Element;
+declare namespace Row {
+    var displayName: string;
+}
+
+type ColumnProps = {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+/** A vertical arrangement of `Row`s (or other content) — the explicit, composable
+ *  equivalent of today's flat `children` list. Its default layout is deliberately
+ *  identical to the existing `.selection-viewer-content.vertical` rendering
+ *  (`flex-direction: column, gap: 8px`), so today's flat usage is, unchanged, "an
+ *  implicit Column with no Rows."
+ *
+ *  Provides the `RowAggregateContext` its `Row` children report into, computes ONE
+ *  cumulative state from everything reported, and is itself a reporter one level up:
+ *  nested inside another `Column` it reports through that Column's `RowAggregateContext`
+ *  (behaving like a Row); at the top level it reports through `SelectionViewerAggregateContext`,
+ *  which `SelectionViewer` provides — this drives the outer sheet's loading/empty/error
+ *  views automatically with zero manual wiring, and lets Columns nest arbitrarily deep. */
+declare function Column({ id: providedId, className, style, children }: ColumnProps): React.JSX.Element;
+declare namespace Column {
+    var displayName: string;
+}
+
+export { type AggregateReporter, type CancelButtonProps, Column, type ColumnProps, type ErrorProps, type LayoutProps, type LoadingProps, type NoResultProps, type Padding, Row, RowAggregateContext, type RowProps, type SearchProps, type SelectionState, SelectionViewer, SelectionViewerAggregateContext, type SelectionViewerProps, type SnapPoint, type TitleProps, computeAggregateState, SelectionViewer as default, useSelectionController };

package/dist/index.d.ts

@@ -1,5 +1,15 @@
 import React from 'react';
 
+type AggregateReporter = {
+    report: (id: string, state: SelectionState) => void;
+    unreport: (id: string) => void;
+};
+/** A `Row` reports its own `state` into the nearest `Column` through this. */
+declare const RowAggregateContext: React.Context<AggregateReporter | null>;
+/** `Column` reports its own aggregated state up through this — `SelectionViewer` provides it and
+ *  merges whatever's reported into its own selectionState resolution, with zero extra wiring. */
+declare const SelectionViewerAggregateContext: React.Context<AggregateReporter | null>;
+declare function computeAggregateState(states: SelectionState[]): SelectionState;
 type Padding = {
     l: string;
     r: string;
@@ -102,4 +112,52 @@ type Operation = {
 };
 declare const useSelectionController: (initialSelectionState?: SelectionState) => [string, Operation, boolean, SelectionState];
 
-export { type CancelButtonProps, type ErrorProps, type LayoutProps, type LoadingProps, type NoResultProps, type Padding, type SearchProps, type SelectionState, SelectionViewer, type SelectionViewerProps, type SnapPoint, type TitleProps, SelectionViewer as default, useSelectionController };
+type RowProps = {
+    id?: string;
+    /** Consumer-owned — SelectionViewer has never owned fetch/filter state, so unlike
+     *  search-viewer's Row this isn't internally computed. Mirrors how `selectionState`
+     *  is already a prop on SelectionViewer itself today. Defaults to "data": if you
+     *  render children without wiring this, we assume what you rendered IS the data. */
+    state?: SelectionState;
+    /** Called when this Row is scrolled horizontally near its end. Return (or resolve to)
+     *  `true` if more data may follow (keeps the pagination trigger armed), `false` once
+     *  there's nothing left to fetch — mirrors SelectionViewer's own `onPaginate` contract. */
+    onPaginate?: () => boolean | Promise<boolean>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+/** A horizontally-scrolling, independently-paginating section — the Row/Column
+ *  equivalent for `SelectionViewer`. No shared code with `@academix-admin/search-viewer`'s
+ *  Row (Library Charter: packages stay mutually independent) — this one has no
+ *  query/debounce/cache engine of its own since `SelectionViewer` never had one either;
+ *  the consumer owns fetching/filtering and just tells this Row what `state` it's in. */
+declare function Row({ id: providedId, state, onPaginate, className, style, children }: RowProps): React.JSX.Element;
+declare namespace Row {
+    var displayName: string;
+}
+
+type ColumnProps = {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+/** A vertical arrangement of `Row`s (or other content) — the explicit, composable
+ *  equivalent of today's flat `children` list. Its default layout is deliberately
+ *  identical to the existing `.selection-viewer-content.vertical` rendering
+ *  (`flex-direction: column, gap: 8px`), so today's flat usage is, unchanged, "an
+ *  implicit Column with no Rows."
+ *
+ *  Provides the `RowAggregateContext` its `Row` children report into, computes ONE
+ *  cumulative state from everything reported, and is itself a reporter one level up:
+ *  nested inside another `Column` it reports through that Column's `RowAggregateContext`
+ *  (behaving like a Row); at the top level it reports through `SelectionViewerAggregateContext`,
+ *  which `SelectionViewer` provides — this drives the outer sheet's loading/empty/error
+ *  views automatically with zero manual wiring, and lets Columns nest arbitrarily deep. */
+declare function Column({ id: providedId, className, style, children }: ColumnProps): React.JSX.Element;
+declare namespace Column {
+    var displayName: string;
+}
+
+export { type AggregateReporter, type CancelButtonProps, Column, type ColumnProps, type ErrorProps, type LayoutProps, type LoadingProps, type NoResultProps, type Padding, Row, RowAggregateContext, type RowProps, type SearchProps, type SelectionState, SelectionViewer, SelectionViewerAggregateContext, type SelectionViewerProps, type SnapPoint, type TitleProps, computeAggregateState, SelectionViewer as default, useSelectionController };

package/dist/index.js

@@ -1,9 +1,19 @@
 "use client";
-import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Sheet } from '@academix-admin/modal-sheet';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/SelectionViewer.tsx
+var RowAggregateContext = React.createContext(null);
+var SelectionViewerAggregateContext = React.createContext(null);
+function computeAggregateState(states) {
+  if (states.length === 0) return "initial";
+  if (states.some((s) => s === "data")) return "data";
+  if (states.some((s) => s === "loading")) return "loading";
+  if (states.every((s) => s === "empty")) return "empty";
+  if (states.some((s) => s === "error")) return "error";
+  return "initial";
+}
 var getStyles = (id) => `
 #${id} .selection-viewer-header {
   padding: 0px;
@@ -209,7 +219,7 @@ var SelectionViewer = ({
   zIndex = 1e3,
   maxHeight = "90dvh",
   minHeight = "65dvh",
-  selectionState = "initial",
+  selectionState: selectionStateProp = "initial",
   closeThreshold = 0.2
 }) => {
   const [id] = useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);
@@ -223,6 +233,29 @@ var SelectionViewer = ({
   const sheetRef = useRef(null);
   useRef(null);
   useInjectStyles(id);
+  const [reportedStates, setReportedStates] = useState(/* @__PURE__ */ new Map());
+  const reportAggregate = useCallback((reporterId, state) => {
+    setReportedStates((prev) => {
+      const next = new Map(prev);
+      next.set(reporterId, state);
+      return next;
+    });
+  }, []);
+  const unreportAggregate = useCallback((reporterId) => {
+    setReportedStates((prev) => {
+      if (!prev.has(reporterId)) return prev;
+      const next = new Map(prev);
+      next.delete(reporterId);
+      return next;
+    });
+  }, []);
+  const aggregateReporterValue = useMemo(
+    () => ({ report: reportAggregate, unreport: unreportAggregate }),
+    [reportAggregate, unreportAggregate]
+  );
+  const reportedAggregate = reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : null;
+  const isComposed = reportedAggregate !== null;
+  const selectionState = selectionStateProp !== "initial" ? selectionStateProp : reportedAggregate ?? "initial";
   useEffect(() => {
     if (typeof window === "undefined" || !window.visualViewport) return;
     const handleResize = () => {
@@ -302,7 +335,7 @@ var SelectionViewer = ({
     [onPaginate]
   );
   if (!isOpen && unmountOnClose) return null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(SelectionViewerAggregateContext.Provider, { value: aggregateReporterValue, children: /* @__PURE__ */ jsxs(
     Sheet,
     {
       ref: sheetRef,
@@ -504,6 +537,28 @@ var SelectionViewer = ({
                         },
                         children: loadingProp?.view
                       }
+                    ),
+                    isComposed && selectionState === "empty" && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "selection-viewer-no-results",
+                        style: {
+                          padding: noResultProp?.padding ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}` : "16px",
+                          ...noResultProp?.style
+                        },
+                        children: noResultProp?.view || /* @__PURE__ */ jsx("div", { className: "selection-viewer-default-no-results", children: noResultProp?.text || "No results found" })
+                      }
+                    ),
+                    isComposed && selectionState === "error" && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "selection-viewer-error",
+                        style: {
+                          padding: errorProp?.padding ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}` : "16px",
+                          ...errorProp?.style
+                        },
+                        children: errorProp?.view || /* @__PURE__ */ jsx("div", { className: "selection-viewer-default-error", children: errorProp?.text || "No results found" })
+                      }
                     )
                   ] }) : selectionState === "empty" || React.Children.count(children) <= 0 && (selectionState != "loading" && selectionState != "error") ? /* @__PURE__ */ jsx(
                     "div",
@@ -544,7 +599,7 @@ var SelectionViewer = ({
         /* @__PURE__ */ jsx(Sheet.Backdrop, { onTap: backDrop ? onClose : void 0 })
       ]
     }
-  );
+  ) });
 };
 var useSelectionController = (initialSelectionState) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -559,7 +614,95 @@ var useSelectionController = (initialSelectionState) => {
   return [selectionId, operations, isOpen, selectionState];
 };
 var SelectionViewer_default = SelectionViewer;
+function Row({ id: providedId, state = "data", onPaginate, className, style, children }) {
+  const aggregateReporter = React.useContext(RowAggregateContext);
+  const [rowId] = useState(() => providedId || `row-${Math.random().toString(36).substring(2, 11)}`);
+  const containerRef = useRef(null);
+  const isPaginating = useRef(false);
+  const handleScroll = useCallback(async () => {
+    const el = containerRef.current;
+    if (!el || isPaginating.current || !onPaginate) return;
+    const { scrollLeft, scrollWidth, clientWidth } = el;
+    if (scrollWidth - scrollLeft > clientWidth * 1.2) return;
+    isPaginating.current = true;
+    const hasMore = await onPaginate();
+    if (!hasMore) {
+      isPaginating.current = false;
+    } else {
+      setTimeout(() => {
+        isPaginating.current = false;
+      }, 500);
+    }
+  }, [onPaginate]);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el || !onPaginate) return;
+    el.addEventListener("scroll", handleScroll);
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [handleScroll, onPaginate]);
+  useEffect(() => {
+    aggregateReporter?.report(rowId, state);
+    return () => aggregateReporter?.unreport(rowId);
+  }, [aggregateReporter, rowId, state]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: className ? `selection-viewer-row ${className}` : "selection-viewer-row",
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        gap: "8px",
+        overflowX: "auto",
+        overflowY: "hidden",
+        ...style
+      },
+      children
+    }
+  );
+}
+Row.displayName = "Row";
+function Column({ id: providedId, className, style, children }) {
+  const [columnId] = useState(
+    () => providedId || `column-${Math.random().toString(36).substring(2, 11)}`
+  );
+  const [reportedStates, setReportedStates] = useState(/* @__PURE__ */ new Map());
+  const report = useCallback((id, state) => {
+    setReportedStates((prev) => {
+      const next = new Map(prev);
+      next.set(id, state);
+      return next;
+    });
+  }, []);
+  const unreport = useCallback((id) => {
+    setReportedStates((prev) => {
+      if (!prev.has(id)) return prev;
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const rowAggregateValue = useMemo(() => ({ report, unreport }), [report, unreport]);
+  const aggregateState = reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : "initial";
+  const parentRowAggregate = React.useContext(RowAggregateContext);
+  const selectionViewerAggregate = React.useContext(SelectionViewerAggregateContext);
+  const upstreamReporter = parentRowAggregate ?? selectionViewerAggregate;
+  useEffect(() => {
+    if (!upstreamReporter) return;
+    upstreamReporter.report(columnId, aggregateState);
+    return () => upstreamReporter.unreport(columnId);
+  }, [upstreamReporter, columnId, aggregateState]);
+  return /* @__PURE__ */ jsx(RowAggregateContext.Provider, { value: rowAggregateValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: className ? `selection-viewer-column ${className}` : "selection-viewer-column",
+      style: { display: "flex", flexDirection: "column", gap: "8px", ...style },
+      children
+    }
+  ) });
+}
+Column.displayName = "Column";
 
-export { SelectionViewer_default as SelectionViewer, SelectionViewer_default as default, useSelectionController };
+export { Column, Row, RowAggregateContext, SelectionViewer_default as SelectionViewer, SelectionViewerAggregateContext, computeAggregateState, SelectionViewer_default as default, useSelectionController };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SelectionViewer.tsx"],"names":[],"mappings":";;;;;AA8GA,IAAM,SAAA,GAAY,CAAC,EAAA,KAAe;AAAA,CAAA,EAC/B,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EASF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAMF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAMF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EASF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EASF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAUF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAOF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAMF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAQF,EAAE,CAAA;AAAA,CAAA,EACF,EAAE,CAAA;AAAA,CAAA,EACF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAOF,EAAE,CAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAKF,EAAE,CAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,CAAA,EAMF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAUF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAYF,EAAE,CAAA;AAAA;AAAA;;AAAA,CAAA,EAIF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAYF,EAAE,CAAA;AAAA;AAAA;;AAAA;AAAA,CAAA,EAKF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAOF,EAAE,CAAA;AAAA;AAAA;AAAA;;AAAA,CAAA,EAKF,EAAE,CAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA,GAAA,EAQA,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,GAAA,EAQF,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAOP,IAAM,eAAA,GAAkB,CAAC,EAAA,KAAe;AACtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAA,GAAU,2BAA2B,EAAE,CAAA,CAAA;AAC7C,IAAA,IAAI,QAAA,GAAW,QAAA,CAAS,cAAA,CAAe,OAAO,CAAA;AAE9C,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,QAAA,GAAW,QAAA,CAAS,cAAc,OAAO,CAAA;AACzC,MAAA,QAAA,CAAS,EAAA,GAAK,OAAA;AACd,MAAA,QAAA,CAAS,SAAA,GAAY,UAAU,EAAE,CAAA;AACjC,MAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,IACpC;AAGA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,IAAY,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA,EAAG;AAChD,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,MACpC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AACT,CAAA;AAGA,IAAM,kBAAkD,CAAC;AAAA,EACvD,EAAA,EAAI,UAAA;AAAA,EACJ,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA,GAAoB,UAAA;AAAA,EACpB,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,EAClB,WAAA,GAAc,CAAA;AAAA,EACd,cAAA,GAAiB,IAAA;AAAA,EACjB,MAAA,GAAS,GAAA;AAAA,EACT,SAAA,GAAY,OAAA;AAAA,EACZ,SAAA,GAAY,OAAA;AAAA,EACZ,cAAA,GAAiB,SAAA;AAAA,EACjB,cAAA,GAAiB;AACnB,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,QAAA,CAAS,MAAM,cAAc,CAAA,UAAA,EAAa,IAAA,CAAK,MAAA,EAAO,CAAE,SAAS,EAAE,CAAA,CAAE,UAAU,CAAA,EAAG,EAAE,CAAC,CAAA,CAAE,CAAA;AACpG,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,CAAC,CAAA;AACtD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,YAAA,GAAe,OAAO,KAAK,CAAA;AACjC,EAAA,MAAM,cAAA,GAAiB,OAAyB,IAAI,CAAA;AACpD,EAAA,MAAM,QAAA,GAAW,OAAY,IAAI,CAAA;AACjC,EAAkB,OAAuB,IAAI;AAE7C,EAAA,eAAA,CAAgB,EAAE,CAAA;AAGlB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,OAAO,cAAA,EAAgB;AAE7D,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,MAAM,KAAK,MAAA,CAAO,cAAA;AAClB,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,WAAA,GAAc,EAAA,CAAG,MAAA;AACzC,MAAA,iBAAA,CAAkB,QAAA,GAAW,CAAA,GAAI,QAAA,GAAW,CAAC,CAAA;AAAA,IAC/C,CAAA;AAEA,IAAA,MAAA,CAAO,cAAA,CAAe,gBAAA,CAAiB,QAAA,EAAU,YAAY,CAAA;AAC7D,IAAA,MAAA,CAAO,cAAA,CAAe,gBAAA,CAAiB,QAAA,EAAU,YAAY,CAAA;AAE7D,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,cAAA,EAAgB,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AACjE,MAAA,MAAA,CAAO,cAAA,EAAgB,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,IACnE,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,cAAA,CAAe,SAAS,IAAA,EAAK;AAC7B,MAAA,cAAA,CAAe,EAAE,CAAA;AACjB,MAAA,UAAA,EAAY,WAAW,EAAE,CAAA;AACzB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,UAAA,EAAY,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,IAAI,UAAA,EAAY,SAAA,IAAa,cAAA,CAAe,OAAA,EAAS;AACnD,MAAA,WAAA,CAAY,CAAA,IAAA,KAAQ,OAAO,CAAC,CAAA;AAC5B,MAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,MAAA,cAAA,CAAe,QAAQ,KAAA,EAAM;AAC7B,MAAA,cAAA,CAAe,QAAQ,KAAA,EAAM;AAAA,IAC/B;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAE1B,EAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAA2C;AACrE,IAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,IAAA,cAAA,CAAe,KAAK,CAAA;AACpB,IAAA,UAAA,EAAY,WAAW,KAAK,CAAA;AAAA,EAC9B,CAAA;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,IAAA,UAAA,EAAY,OAAA,IAAU;AACtB,IAAA,qBAAA,CAAsB,MAAM;AAC1B,MAAA,cAAA,CAAe,SAAS,KAAA,EAAM;AAAA,IAChC,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,UAAA,EAAY,MAAA,IAAS;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,cAAA,CAAe,QAAQ,IAAA,EAAK;AAAA,IAC9B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,UAAA,EAAY,WAAW,EAAE,CAAA;AACzB,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,cAAA,CAAe,QAAQ,KAAA,EAAM;AAAA,IAC/B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,OAAO,CAAA,KAAqC;AAC1C,MAAA,IAAI,YAAA,CAAa,OAAA,IAAW,CAAC,UAAA,EAAY;AAEzC,MAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,KAAiB,CAAA,CAAE,aAAA;AACpD,MAAA,MAAM,YAAA,GAAe,YAAA,GAAe,SAAA,IAAa,YAAA,GAAe,GAAA;AAEhE,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,MAAM,OAAA,GAAU,MAAM,UAAA,EAAW;AACjC,QAAA,IAAI,CAAC,OAAA,EAAS;AACZ,UAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AAAA,QACzB,CAAA,MAAO;AACL,UAAA,UAAA,CAAW,MAAM;AACf,YAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AAAA,UACzB,GAAG,GAAG,CAAA;AAAA,QACR;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,IAAI,CAAC,MAAA,IAAU,cAAA,EAAgB,OAAO,IAAA;AAEtC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,MAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,EAAE,MAAA,EAAO;AAAA,MAChB,SAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,KAAA,CAAM,SAAA;AAAA,UAAN;AAAA,YACC,EAAA;AAAA,YACA,KAAA,EAAO;AAAA,cACL,SAAA;AAAA,cACA,SAAA,EAAW,kBAAkB,QAAA,GAAW,SAAA;AAAA,cACxC,QAAA,EAAU,YAAY,QAAA,IAAY,OAAA;AAAA,cAClC,MAAA,EAAQ,QAAA;AAAA,cACR,KAAA,EAAO,MAAA;AAAA,cACP,IAAA,EAAM,CAAA;AAAA,cACN,KAAA,EAAO,CAAA;AAAA,cACP,aAAA,EAAe,yCAAA;AAAA,cACf,YAAY,eAAA,GACR,UAAA,EAAY,0BAAA,IAA8B,UAAA,EAAY,kBACtD,UAAA,EAAY,eAAA;AAAA,cAChB,mBAAA,EAAqB,kBAAkB,KAAA,GAAQ,MAAA;AAAA,cAC/C,oBAAA,EAAsB,kBAAkB,KAAA,GAAQ;AAAA,aAClD;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,eAAA,mBACC,GAAA,CAAC,KAAA,CAAM,MAAA,EAAN,EACC,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,oCAAA;AAAA,kBACV,OAAO,UAAA,EAAY,2BAAA;AAAA,kBAEnB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA0B,KAAA,EAAO;AAAA,oBAC9C,GAAG,UAAA,EAAY,cAAA;AAAA,oBACf,YAAY,UAAA,EAAY,UAAA;AAAA,oBACxB,SAAS,UAAA,EAAY,OAAA,GACjB,GAAG,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,UAAA,CAAW,QAAQ,CAAC,CAAA,CAAA,EAAI,WAAW,OAAA,CAAQ,CAAC,IAAI,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAA,CAAA,GAC/F;AAAA,mBACN,EACE,QAAA,EAAA;AAAA,oCAAA,GAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAU,qCAAA;AAAA,wBACV,OAAA,EAAS,oBAAA;AAAA,wBACT,YAAA,EAAW,kBAAA;AAAA,wBAEV,QAAA,EAAA,UAAA,EAAY,QAAA,oBACX,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAChE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kBAAA,EAAmB,MAAA,EAAQ,UAAA,EAAY,SAAA,IAAa,cAAA,EAAgB,WAAA,EAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,CAAA,EAC3I;AAAA;AAAA,qBAEJ;AAAA,oCAEA,GAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBAEC,GAAA,EAAK,cAAA;AAAA,wBACL,IAAA,EAAK,MAAA;AAAA,wBACL,aAAa,UAAA,EAAY,IAAA;AAAA,wBACzB,KAAA,EAAO,WAAA;AAAA,wBACP,QAAA,EAAU,kBAAA;AAAA,wBACV,SAAA,EAAW,YAAY,SAAA,IAAa,+BAAA;AAAA,wBACpC,KAAA,EAAO;AAAA,0BACL,OAAO,UAAA,EAAY,SAAA;AAAA,0BACnB,GAAG,UAAA,EAAY;AAAA,yBACjB;AAAA,wBACA,OAAA,EAAS,iBAAA;AAAA,wBACT,MAAA,EAAQ,gBAAA;AAAA,wBACR,SAAA,EAAW;AAAA,uBAAA;AAAA,sBAbN;AAAA,qBAcP;AAAA,oBAEC,WAAA,oBACC,GAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAU,sCAAA;AAAA,wBACV,OAAA,EAAS,WAAA;AAAA,wBACT,YAAA,EAAW,cAAA;AAAA,wBAEV,QAAA,EAAA,UAAA,EAAY,SAAA,oBACX,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAChE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAA,EAAuB,MAAA,EAAQ,UAAA,EAAY,SAAA,IAAa,cAAA,EAAgB,WAAA,EAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,CAAA,EAC/I;AAAA;AAAA;AAEJ,mBAAA,EAEJ;AAAA;AAAA,eACF,EACF,CAAA,mBAEA,IAAA,CAAC,KAAA,CAAM,QAAN,EACC,QAAA,EAAA;AAAA,gCAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EAEZ,QAAA,EAAA;AAAA,kBAAA,YAAA,EAAc,aAAa,MAAA,oBAC1B,GAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAO;AAAA,wBACL,QAAA,EAAU,UAAA;AAAA,wBACV,IAAA,EAAM,KAAA;AAAA,wBACN,GAAA,EAAK,KAAA;AAAA,wBACL,MAAA,EAAQ,MAAA;AAAA,wBACR,eAAA,EAAiB,aAAA;AAAA,wBACjB,GAAG,YAAA,CAAa;AAAA,uBAClB;AAAA,sBACA,OAAA,EAAS,aAAa,OAAA,IAAW,OAAA;AAAA,sBAEhC,QAAA,EAAA,YAAA,CAAa,IAAA,IAAQ,YAAA,CAAa,IAAA,IAAQ;AAAA;AAAA,mBAC7C;AAAA,kBAID,CAAC,eAAA,oBACA,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,8BAAA;AAAA,sBACV,KAAA,EAAO;AAAA,wBACL,UAAA,EAAY,YAAY,WAAA,IAAe,MAAA;AAAA,wBACvC,KAAA,EAAO,YAAY,WAAA,IAAe,MAAA;AAAA,wBAClC,YAAA,EAAc,YAAY,wBAAA,IAA4B;AAAA;AACxD;AAAA,mBACF;AAAA,kBAID,YAAA,EAAc,aAAa,OAAA,oBAC1B,GAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAO;AAAA,wBACL,QAAA,EAAU,UAAA;AAAA,wBACV,KAAA,EAAO,KAAA;AAAA,wBACP,GAAA,EAAK,KAAA;AAAA,wBACL,MAAA,EAAQ,MAAA;AAAA,wBACR,eAAA,EAAiB,aAAA;AAAA,wBACjB,GAAG,YAAA,CAAa;AAAA,uBAClB;AAAA,sBACA,OAAA,EAAS,aAAa,OAAA,IAAW,OAAA;AAAA,sBAEhC,QAAA,EAAA,YAAA,CAAa,IAAA,IAAQ,YAAA,CAAa,IAAA,IAAQ;AAAA;AAAA,mBAC7C;AAAA,kCAIF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,kBAAkB,4BAAA,EAC1C,QAAA,kBAAA,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,sBACT,SAAA,EAAW,UAAU,SAAA,IAAa,wBAAA;AAAA,sBAClC,KAAA,EAAO;AAAA,wBACL,YAAA,EAAc,YAAY,wBAAA,IAA4B,KAAA;AAAA,wBACtD,KAAA,EAAO,WAAW,SAAA,IAAa,OAAA;AAAA,wBAC/B,GAAG,SAAA,CAAU;AAAA,uBACf;AAAA,sBAEC,QAAA,EAAA,SAAA,CAAU;AAAA;AAAA,mBACb,EACF;AAAA,iBAAA,EACF,CAAA;AAAA,gBAGC,UAAA,oBACC,IAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,yBAAA;AAAA,oBACV,KAAA,EAAO;AAAA,sBACL,YAAY,UAAA,CAAW,UAAA;AAAA,sBACvB,SAAS,UAAA,CAAW,OAAA,GAChB,GAAG,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,UAAA,CAAW,QAAQ,CAAC,CAAA,CAAA,EAAI,WAAW,OAAA,CAAQ,CAAC,IAAI,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAA,CAAA,GAC/F,UAAA;AAAA,sBACJ,cAAc,UAAA,EAAY,0BAAA;AAAA,sBAC1B,GAAG,UAAA,CAAW;AAAA,qBAChB;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,UAAA,CAAW,UAAA,oBACV,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,WAAA,EAAa,UAAA,CAAW,SAAA,IAAa,KAAA,EAAM,EACvD,QAAA,EAAA,UAAA,CAAW,UAAA,EACd,CAAA;AAAA,sCAEF,GAAA;AAAA,wBAAC,OAAA;AAAA,wBAAA;AAAA,0BAEC,GAAA,EAAK,cAAA;AAAA,0BACL,IAAA,EAAK,MAAA;AAAA,0BACL,aAAa,UAAA,CAAW,IAAA;AAAA,0BACxB,KAAA,EAAO,WAAA;AAAA,0BACP,QAAA,EAAU,kBAAA;AAAA,0BACV,SAAA,EAAW,WAAW,SAAA,IAAa,+BAAA;AAAA,0BACnC,KAAA,EAAO;AAAA,4BACL,OAAO,UAAA,EAAY,SAAA;AAAA,4BACnB,GAAG,UAAA,CAAW;AAAA,2BAChB;AAAA,0BACA,OAAA,EAAS,iBAAA;AAAA,0BACT,MAAA,EAAQ,gBAAA;AAAA,0BACR,SAAA,EAAW;AAAA,yBAAA;AAAA,wBAbN;AAAA,uBAcP;AAAA,sBACC,WAAA,oBACC,GAAA;AAAA,wBAAC,QAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAU,sCAAA;AAAA,0BACV,OAAA,EAAS,WAAA;AAAA,0BACT,YAAA,EAAW,cAAA;AAAA,0BACX,KAAA,EAAO,EAAE,UAAA,EAAY,UAAA,CAAW,aAAa,KAAA,EAAM;AAAA,0BAElD,QAAA,EAAA,UAAA,CAAW,SAAA,IAAa,UAAA,CAAW,UAAA,oBAClC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAChE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAA,EAAuB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,CAAA,EACpH;AAAA;AAAA,uBAEJ;AAAA,sBAED,CAAC,WAAA,IAAe,UAAA,CAAW,UAAA,wBACzB,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,UAAA,EAAY,UAAA,CAAW,SAAA,IAAa,KAAA,EAAM,EACtD,qBAAW,UAAA,EACd;AAAA;AAAA;AAAA;AAEJ,eAAA,EAEJ,CAAA;AAAA,8BAGF,GAAA,CAAC,KAAA,CAAM,OAAA,EAAN,EACC,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,4BAA4B,iBAAiB,CAAA,CAAA;AAAA,kBACxD,QAAA,EAAU,aAAa,YAAA,GAAe,MAAA;AAAA,kBACtC,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,eAAA,GAAkB,UAAA,EAAY,0BAAA,GAA6B,GAAA;AAAA,oBACvE,eAAe,cAAA,GAAiB,CAAA,GAC5B,CAAA,EAAG,cAAA,GAAiB,EAAE,CAAA,EAAA,CAAA,GACtB;AAAA,mBACN;AAAA,kBAGC,gBAAM,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,GAAI,oBAChC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,oBAAA,QAAA;AAAA,oBACA,mBAAmB,SAAA,oBAClB,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAU,0BAAA;AAAA,wBACV,KAAA,EAAO;AAAA,0BACL,SAAS,WAAA,EAAa,OAAA,GAClB,GAAG,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,WAAA,CAAY,QAAQ,CAAC,CAAA,CAAA,EAAI,YAAY,OAAA,CAAQ,CAAC,IAAI,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,CAAA,GACnG,MAAA;AAAA,0BACJ,GAAG,WAAA,EAAa;AAAA,yBAClB;AAAA,wBAEC,QAAA,EAAA,WAAA,EAAa;AAAA;AAAA;AAChB,mBAAA,EAEJ,CAAA,GACG,cAAA,KAAmB,OAAA,IAAY,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAA,KAAM,cAAA,IAAkB,SAAA,IAAa,cAAA,IAAkB,OAAA,CAAA,mBAC3H,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,6BAAA;AAAA,sBACV,KAAA,EAAO;AAAA,wBACL,SAAS,YAAA,EAAc,OAAA,GACnB,GAAG,YAAA,CAAa,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,YAAA,CAAa,QAAQ,CAAC,CAAA,CAAA,EAAI,aAAa,OAAA,CAAQ,CAAC,IAAI,YAAA,CAAa,OAAA,CAAQ,CAAC,CAAA,CAAA,GACvG,MAAA;AAAA,wBACJ,GAAG,YAAA,EAAc;AAAA,uBACnB;AAAA,sBAEC,QAAA,EAAA,YAAA,EAAc,wBACb,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qCAAA,EACZ,QAAA,EAAA,YAAA,EAAc,QAAQ,kBAAA,EACzB;AAAA;AAAA,mBAEJ,GACE,mBAAmB,SAAA,mBACrB,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,0BAAA;AAAA,sBACV,KAAA,EAAO;AAAA,wBACL,SAAS,WAAA,EAAa,OAAA,GAClB,GAAG,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,WAAA,CAAY,QAAQ,CAAC,CAAA,CAAA,EAAI,YAAY,OAAA,CAAQ,CAAC,IAAI,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,CAAA,GACnG,MAAA;AAAA,wBACJ,GAAG,WAAA,EAAa;AAAA,uBAClB;AAAA,sBAEC,QAAA,EAAA,WAAA,EAAa;AAAA;AAAA,mBAChB,GACG,mBAAmB,OAAA,mBACtB,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,wBAAA;AAAA,sBACV,KAAA,EAAO;AAAA,wBACL,SAAS,SAAA,EAAW,OAAA,GAChB,GAAG,SAAA,CAAU,OAAA,CAAQ,CAAC,CAAA,CAAA,EAAI,SAAA,CAAU,QAAQ,CAAC,CAAA,CAAA,EAAI,UAAU,OAAA,CAAQ,CAAC,IAAI,SAAA,CAAU,OAAA,CAAQ,CAAC,CAAA,CAAA,GAC3F,MAAA;AAAA,wBACJ,GAAG,SAAA,EAAW;AAAA,uBAChB;AAAA,sBAEC,QAAA,EAAA,SAAA,EAAW,wBACV,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACZ,QAAA,EAAA,SAAA,EAAW,QAAQ,kBAAA,EACtB;AAAA;AAAA,mBAEJ,GACE;AAAA;AAAA,eACN,EACF;AAAA;AAAA;AAAA,SACF;AAAA,4BACC,KAAA,CAAM,QAAA,EAAN,EAAe,KAAA,EAAO,QAAA,GAAW,UAAU,MAAA,EAAW;AAAA;AAAA;AAAA,GACzD;AAEJ,CAAA;AAUA,IAAM,sBAAA,GAAyB,CAAC,qBAAA,KAK3B;AACH,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA,CAAS,yBAAyB,SAAS,CAAA;AACvF,EAAA,MAAM,CAAC,WAAW,CAAA,GAAI,QAAA,CAAS,MAAM,aAAa,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,SAAA,CAAU,CAAA,EAAG,EAAE,CAAC,CAAA,CAAE,CAAA;AAE/F,EAAA,MAAM,UAAA,GAAa,QAAmB,OAAO;AAAA,IAC3C,IAAA,EAAM,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,IAC1B,KAAA,EAAO,MAAM,SAAA,CAAU,KAAK,CAAA;AAAA,IAC5B,QAAQ,MAAM,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,IACvC;AAAA,GACF,CAAA,EAAI,CAAC,iBAAiB,CAAC,CAAA;AAEvB,EAAA,OAAO,CAAC,WAAA,EAAa,UAAA,EAAY,MAAA,EAAQ,cAAc,CAAA;AACzD;AAgBA,IAAO,uBAAA,GAAQ","file":"index.js","sourcesContent":["import React, { useState, useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { Sheet } from \"@academix-admin/modal-sheet\";\n\n// ==================== Types ====================\ntype Padding = {\n  l: string;\n  r: string;\n  t: string;\n  b: string;\n};\n\ntype SnapPoint = number;\n\ntype SelectionState = \"loading\" | \"empty\" | \"error\" | \"data\" | \"initial\";\n\n\ntype TitleProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  containerClass?: string;\n  style?: React.CSSProperties;\n};\n\ntype SearchProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  background?: string;\n  prefixIcon?: React.ReactNode;\n  suffixIcon?: React.ReactNode;\n  clearIcon?: React.ReactNode;\n  backIcon?: React.ReactNode;\n  prefixGap?: string;\n  suffixGap?: string;\n  padding?: Padding;\n  autoFocus?: boolean;\n  inputStyle?: React.CSSProperties;\n  containerStyle?: React.CSSProperties;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype LoadingProps = {\n  view: React.ReactNode;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype NoResultProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype ErrorProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype CancelButtonProps = {\n  text?: string;\n  view: React.ReactNode;\n  position?: \"left\" | \"right\";\n  style?: React.CSSProperties;\n  onClick?: () => void;\n};\n\ntype LayoutProps = {\n  gapBetweenHandleAndTitle?: string;\n  gapBetweenTitleAndSearch?: string;\n  gapBetweenSearchAndContent?: string;\n  backgroundColor?: string;\n  handleColor?: string;\n  handleWidth?: string;\n  fullScreenSearchBackground?: string;\n  fullScreenSearchHeaderStyle?: React.CSSProperties;\n  maxWidth?: string;\n};\n\ntype SelectionViewerProps = {\n  id?: string;\n  isOpen: boolean;\n  backDrop?: boolean;\n  onClose: () => void;\n  titleProp: TitleProps;\n  searchProp?: SearchProps;\n  loadingProp?: LoadingProps;\n  noResultProp?: NoResultProps;\n  errorProp?: ErrorProps;\n  cancelButton?: CancelButtonProps;\n  layoutProp?: LayoutProps;\n  childrenDirection?: \"vertical\" | \"horizontal\";\n  children?: React.ReactNode;\n  onPaginate?: () => boolean | Promise<boolean>;\n  snapPoints?: SnapPoint[];\n  initialSnap?: number;\n  unmountOnClose?: boolean;\n  zIndex?: number;\n  maxHeight?: string;\n  minHeight?: string;\n  selectionState?: SelectionState;\n  closeThreshold?: number;\n};\n\n// ==================== Styles ====================\nconst getStyles = (id: string) => `\n#${id} .selection-viewer-header {\n  padding: 0px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  width: 100%;\n}\n\n#${id} .selection-viewer-drag-handle {\n  height: 5px;\n  border-radius: 3px;\n  margin-top: 16px;\n}\n\n#${id} .selection-viewer-container {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n#${id} .selection-viewer-title {\n  margin: 0px;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 0px 16px 0px 16px;\n    word-break: break-word;   /* break long words */\n    white-space: normal;      /* allow wrapping */\n}\n\n#${id} .selection-viewer-search {\n  display: flex;\n  align-items: center;\n  margin: 16px 16px 4px 16px;\n  border-radius: 12px;\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n#${id} .selection-viewer-search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  padding: 12px 8px;\n  outline: none;\n  font-size: 16px !important;\n  width: 100%;\n}\n\n#${id} .selection-viewer-content {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n  min-height: 0;\n}\n\n#${id} .selection-viewer-content.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#${id} .selection-viewer-content.horizontal {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n#${id} .selection-viewer-no-results,\n#${id} .selection-viewer-error,\n#${id} .selection-viewer-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 120px;\n}\n\n#${id} .selection-viewer-default-no-results {\n  color: #666;\n  font-size: 14px;\n}\n\n#${id} .selection-viewer-default-error {\n  color: red;\n  font-size: 14px;\n}\n\n/* Full screen search mode */\n#${id} .selection-viewer-fullscreen-search {\n//   position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n//   padding-top: env(safe-area-inset-top);\n  width: 100%;\n}\n\n#${id} .selection-viewer-search-back-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-back-button:hover {\n  opacity: 0.7;\n}\n\n#${id} .selection-viewer-search-clear-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-clear-button:hover {\n  opacity: 0.7;\n}\n\n/* React Modal Sheet overrides */\n#${id} .react-modal-sheet-container {\n  max-width: 500px;\n  margin: 0 auto;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n#${id} .react-modal-sheet-backdrop {\n  background-color: rgba(0, 0, 0, 0.5) !important;\n  pointer-events: auto !important;\n}\n\n#${id} .react-modal-sheet-content {\n  padding: 0 0px 0px 0px;\n  height: 100%;\n}\n\n\n/* Mobile full-width behavior */\n@media (max-width: 500px) {\n  #${id} .react-modal-sheet-container {\n    max-width: 100%;\n    border-radius: 0;\n  }\n}\n\n/* Prevent iOS zooming */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  #${id} .selection-viewer-search-input {\n    font-size: 16px !important;\n  }\n}\n`;\n\n// ==================== Hook to inject CSS per instance ====================\nconst useInjectStyles = (id: string) => {\n  useEffect(() => {\n    const styleId = `selection-viewer-styles-${id}`;\n    let styleTag = document.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleTag) {\n      styleTag = document.createElement(\"style\");\n      styleTag.id = styleId;\n      styleTag.innerHTML = getStyles(id);\n      document.head.appendChild(styleTag);\n    }\n\n    // Cleanup on unmount\n    return () => {\n      if (styleTag && document.head.contains(styleTag)) {\n        document.head.removeChild(styleTag);\n      }\n    };\n  }, [id]);\n};\n\n// ==================== Component ====================\nconst SelectionViewer: React.FC<SelectionViewerProps> = ({\n  id: providedId,\n  isOpen,\n  backDrop = true,\n  onClose,\n  titleProp,\n  searchProp,\n  loadingProp,\n  noResultProp,\n  errorProp,\n  cancelButton,\n  layoutProp,\n  childrenDirection = \"vertical\",\n  children,\n  onPaginate,\n  snapPoints = [0, 1],\n  initialSnap = 1,\n  unmountOnClose = true,\n  zIndex = 1000,\n  maxHeight = \"90dvh\",\n  minHeight = \"65dvh\",\n  selectionState = \"initial\",\n  closeThreshold = 0.2,\n}) => {\n  const [id] = useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [isSearchFocused, setIsSearchFocused] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n  const [inputKey, setInputKey] = useState(0);\n  const [shouldAutoFocus, setShouldAutoFocus] = useState(false);\n  const isPaginating = useRef(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const sheetRef = useRef<any>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useInjectStyles(id);\n\n  // Track keyboard height\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.visualViewport) return;\n\n    const handleResize = () => {\n      const vp = window.visualViewport!;\n      const kbHeight = window.innerHeight - vp.height;\n      setKeyboardHeight(kbHeight > 0 ? kbHeight : 0);\n    };\n\n    window.visualViewport.addEventListener('resize', handleResize);\n    window.visualViewport.addEventListener('scroll', handleResize);\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', handleResize);\n      window.visualViewport?.removeEventListener('scroll', handleResize);\n    };\n  }, []);\n\n  // Auto-focus on search\n  useEffect(() => {\n    if (!isOpen) {\n      searchInputRef.current?.blur();\n      setSearchValue(\"\");\n      searchProp?.onChange?.(\"\");\n      setShouldAutoFocus(false);\n      return;\n    }\n  }, [isOpen, searchProp?.autoFocus]);\n\n  const handleOpenEnd = useCallback(() => {\n    if (searchProp?.autoFocus && searchInputRef.current) {\n      setInputKey(prev => prev + 1);\n      setShouldAutoFocus(true);\n      searchInputRef.current.focus();\n      searchInputRef.current.click();\n    }\n  }, [searchProp?.autoFocus]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchValue(value);\n    searchProp?.onChange?.(value);\n  };\n\n  const handleSearchFocus = () => {\n    setIsSearchFocused(true);\n    searchProp?.onFocus?.();\n    requestAnimationFrame(() => {\n      searchInputRef.current?.focus();\n    });\n  };\n\n  const handleSearchBlur = () => {\n    searchProp?.onBlur?.();\n  };\n\n  const handleBackFromSearch = () => {\n    setIsSearchFocused(false);\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n  };\n\n  const clearSearch = () => {\n    setSearchValue(\"\");\n    searchProp?.onChange?.(\"\");\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  };\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      if (isPaginating.current || !onPaginate) return;\n\n      const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n      const isNearBottom = scrollHeight - scrollTop <= clientHeight * 1.2;\n\n      if (isNearBottom) {\n        isPaginating.current = true;\n        const hasMore = await onPaginate();\n        if (!hasMore) {\n          isPaginating.current = false;\n        } else {\n          setTimeout(() => {\n            isPaginating.current = false;\n          }, 500);\n        }\n      }\n    },\n    [onPaginate]\n  );\n\n  if (!isOpen && unmountOnClose) return null;\n\n  return (\n    <Sheet\n      ref={sheetRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      detent=\"content\"\n      style={{ zIndex }}\n      maxHeight={maxHeight}\n      onOpenEnd={handleOpenEnd}\n    >\n      <Sheet.Container\n        id={id}\n        style={{\n          maxHeight: maxHeight,\n          minHeight: isSearchFocused ? \"100dvh\" : minHeight,\n          maxWidth: layoutProp?.maxWidth ?? '800px',\n          margin: \"0 auto\",\n          width: \"100%\",\n          left: 0,\n          right: 0,\n          paddingBottom: \"calc(0px + env(safe-area-inset-bottom))\",\n          background: isSearchFocused\n            ? layoutProp?.fullScreenSearchBackground || layoutProp?.backgroundColor\n            : layoutProp?.backgroundColor,\n          borderTopLeftRadius: isSearchFocused ? \"0px\" : \"16px\",\n          borderTopRightRadius: isSearchFocused ? \"0px\" : \"16px\",\n        }}\n      >\n        {isSearchFocused ? (\n          <Sheet.Header>\n            <div\n              className=\"selection-viewer-fullscreen-search\"\n              style={layoutProp?.fullScreenSearchHeaderStyle}\n            >\n              <div className=\"selection-viewer-search\" style={{\n                ...searchProp?.containerStyle,\n                background: searchProp?.background,\n                padding: searchProp?.padding\n                  ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                  : \"16px\"\n              }}>\n                <button\n                  className=\"selection-viewer-search-back-button\"\n                  onClick={handleBackFromSearch}\n                  aria-label=\"Exit search mode\"\n                >\n                  {searchProp?.backIcon || (\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path d=\"M15 18L9 12L15 6\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                    </svg>\n                  )}\n                </button>\n\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp?.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp?.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp?.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                  >\n                    {searchProp?.clearIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n              </div>\n            </div>\n          </Sheet.Header>\n        ) : (\n          <Sheet.Header>\n            <div className=\"selection-viewer-header\">\n              {/* Cancel button left */}\n              {cancelButton?.position === \"left\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    left: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Drag handle */}\n              {!isSearchFocused && (\n                <div\n                  className=\"selection-viewer-drag-handle\"\n                  style={{\n                    background: layoutProp?.handleColor || \"#ccc\",\n                    width: layoutProp?.handleWidth || \"40px\",\n                    marginBottom: layoutProp?.gapBetweenHandleAndTitle || \"12px\",\n                  }}\n                />\n              )}\n\n              {/* Cancel button right */}\n              {cancelButton?.position === \"right\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    right: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Title */}\n              <div className={titleProp.containerClass || \"selection-viewer-container\"}>\n                <h2\n                  id={`${id}-title`}\n                  className={titleProp.className || \"selection-viewer-title\"}\n                  style={{\n                    marginBottom: layoutProp?.gapBetweenTitleAndSearch || \"8px\",\n                    color: titleProp?.textColor || 'black',\n                    ...titleProp.style\n                  }}\n                >\n                  {titleProp.text}\n                </h2>\n              </div>\n            </div>\n\n            {/* Search */}\n            {searchProp && (\n              <div\n                className=\"selection-viewer-search\"\n                style={{\n                  background: searchProp.background,\n                  padding: searchProp.padding\n                    ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                    : \"8px 16px\",\n                  marginBottom: layoutProp?.gapBetweenSearchAndContent,\n                  ...searchProp.containerStyle\n                }}\n              >\n                {searchProp.prefixIcon && (\n                  <span style={{ marginRight: searchProp.prefixGap || \"8px\" }}>\n                    {searchProp.prefixIcon}\n                  </span>\n                )}\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                    style={{ marginLeft: searchProp.suffixGap || \"8px\" }}\n                  >\n                    {searchProp.clearIcon || searchProp.suffixIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n                {!searchValue && searchProp.suffixIcon && (\n                  <span style={{ marginLeft: searchProp.suffixGap || \"8px\" }}>\n                    {searchProp.suffixIcon}\n                  </span>\n                )}\n              </div>\n            )}\n          </Sheet.Header>\n        )}\n\n        <Sheet.Content>\n          <div\n            className={`selection-viewer-content ${childrenDirection}`}\n            onScroll={onPaginate ? handleScroll : undefined}\n            style={{\n              paddingTop: isSearchFocused ? layoutProp?.gapBetweenSearchAndContent : '0',\n              paddingBottom: keyboardHeight > 0\n                ? `${keyboardHeight + 16}px`\n                : '16px',\n            }}\n          >\n            {/* Show children first, then loading at bottom */}\n            {React.Children.count(children) > 0 ? (\n              <>\n                {children}\n                {selectionState === \"loading\" && (\n                  <div\n                    className=\"selection-viewer-loading\"\n                    style={{\n                      padding: loadingProp?.padding\n                        ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                        : \"16px\",\n                      ...loadingProp?.style\n                    }}\n                  >\n                    {loadingProp?.view}\n                  </div>\n                )}\n              </>\n            ) : (selectionState === \"empty\" || (React.Children.count(children) <= 0 && (selectionState != \"loading\" && selectionState != \"error\"))) ? (\n              <div\n                className=\"selection-viewer-no-results\"\n                style={{\n                  padding: noResultProp?.padding\n                    ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                    : \"16px\",\n                  ...noResultProp?.style\n                }}\n              >\n                {noResultProp?.view || (\n                  <div className=\"selection-viewer-default-no-results\">\n                    {noResultProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : selectionState === \"loading\" ? (\n              <div\n                className=\"selection-viewer-loading\"\n                style={{\n                  padding: loadingProp?.padding\n                    ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                    : \"16px\",\n                  ...loadingProp?.style\n                }}\n              >\n                {loadingProp?.view}\n              </div>\n            ) : (selectionState === \"error\") ? (\n              <div\n                className=\"selection-viewer-error\"\n                style={{\n                  padding: errorProp?.padding\n                    ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                    : \"16px\",\n                  ...errorProp?.style\n                }}\n              >\n                {errorProp?.view || (\n                  <div className=\"selection-viewer-default-error\">\n                    {errorProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : null}\n          </div>\n        </Sheet.Content>\n      </Sheet.Container>\n      <Sheet.Backdrop onTap={backDrop ? onClose : undefined} />\n    </Sheet>\n  );\n};\n\n// ==================== Controller Hook ====================\ntype Operation = {\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setSelectionState: (val: SelectionState) => void;\n};\n\nconst useSelectionController = (initialSelectionState?: SelectionState): [\n  string,\n  Operation,\n  boolean,\n  SelectionState\n] => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectionState, setSelectionState] = useState(initialSelectionState || 'initial');\n  const [selectionId] = useState(() => `selection-${Math.random().toString(36).substring(2, 11)}`);\n\n  const operations = useMemo<Operation>(() => ({\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n    toggle: () => setIsOpen((prev) => !prev),\n    setSelectionState\n  }), [setSelectionState]);\n\n  return [selectionId, operations, isOpen, selectionState];\n};\n\nexport { SelectionViewer, useSelectionController };\nexport type {\n  SelectionViewerProps,\n  SelectionState,\n  TitleProps,\n  SearchProps,\n  LoadingProps,\n  NoResultProps,\n  ErrorProps,\n  CancelButtonProps,\n  LayoutProps,\n  Padding,\n  SnapPoint,\n};\nexport default SelectionViewer;\n"]}
+{"version":3,"sources":["../src/SelectionViewer.tsx","../src/Row.tsx","../src/Column.tsx"],"names":["React","useState","useRef","useCallback","useEffect","jsx","useMemo"],"mappings":"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","file":"index.js","sourcesContent":["import React, { useState, useEffect, useCallback, useRef, useMemo } from \"react\";\nimport { Sheet } from \"@academix-admin/modal-sheet\";\n\n// ==================== Aggregation (Row/Column) ====================\n// Independent from @academix-admin/search-viewer's equivalent (Library Charter: packages stay\n// mutually independent) — same shape, duplicated intentionally rather than shared.\n\ntype AggregateReporter = {\n  report: (id: string, state: SelectionState) => void;\n  unreport: (id: string) => void;\n};\n\n/** A `Row` reports its own `state` into the nearest `Column` through this. */\nconst RowAggregateContext = React.createContext<AggregateReporter | null>(null);\n\n/** `Column` reports its own aggregated state up through this — `SelectionViewer` provides it and\n *  merges whatever's reported into its own selectionState resolution, with zero extra wiring. */\nconst SelectionViewerAggregateContext = React.createContext<AggregateReporter | null>(null);\n\nfunction computeAggregateState(states: SelectionState[]): SelectionState {\n  if (states.length === 0) return \"initial\";\n  if (states.some((s) => s === \"data\")) return \"data\";\n  if (states.some((s) => s === \"loading\")) return \"loading\";\n  if (states.every((s) => s === \"empty\")) return \"empty\";\n  if (states.some((s) => s === \"error\")) return \"error\";\n  return \"initial\";\n}\n\n// ==================== Types ====================\ntype Padding = {\n  l: string;\n  r: string;\n  t: string;\n  b: string;\n};\n\ntype SnapPoint = number;\n\ntype SelectionState = \"loading\" | \"empty\" | \"error\" | \"data\" | \"initial\";\n\n\ntype TitleProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  containerClass?: string;\n  style?: React.CSSProperties;\n};\n\ntype SearchProps = {\n  text: string;\n  textColor: string;\n  className?: string;\n  background?: string;\n  prefixIcon?: React.ReactNode;\n  suffixIcon?: React.ReactNode;\n  clearIcon?: React.ReactNode;\n  backIcon?: React.ReactNode;\n  prefixGap?: string;\n  suffixGap?: string;\n  padding?: Padding;\n  autoFocus?: boolean;\n  inputStyle?: React.CSSProperties;\n  containerStyle?: React.CSSProperties;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype LoadingProps = {\n  view: React.ReactNode;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype NoResultProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype ErrorProps = {\n  view: React.ReactNode;\n  text?: string;\n  padding?: Padding;\n  style?: React.CSSProperties;\n};\n\ntype CancelButtonProps = {\n  text?: string;\n  view: React.ReactNode;\n  position?: \"left\" | \"right\";\n  style?: React.CSSProperties;\n  onClick?: () => void;\n};\n\ntype LayoutProps = {\n  gapBetweenHandleAndTitle?: string;\n  gapBetweenTitleAndSearch?: string;\n  gapBetweenSearchAndContent?: string;\n  backgroundColor?: string;\n  handleColor?: string;\n  handleWidth?: string;\n  fullScreenSearchBackground?: string;\n  fullScreenSearchHeaderStyle?: React.CSSProperties;\n  maxWidth?: string;\n};\n\ntype SelectionViewerProps = {\n  id?: string;\n  isOpen: boolean;\n  backDrop?: boolean;\n  onClose: () => void;\n  titleProp: TitleProps;\n  searchProp?: SearchProps;\n  loadingProp?: LoadingProps;\n  noResultProp?: NoResultProps;\n  errorProp?: ErrorProps;\n  cancelButton?: CancelButtonProps;\n  layoutProp?: LayoutProps;\n  childrenDirection?: \"vertical\" | \"horizontal\";\n  children?: React.ReactNode;\n  onPaginate?: () => boolean | Promise<boolean>;\n  snapPoints?: SnapPoint[];\n  initialSnap?: number;\n  unmountOnClose?: boolean;\n  zIndex?: number;\n  maxHeight?: string;\n  minHeight?: string;\n  selectionState?: SelectionState;\n  closeThreshold?: number;\n};\n\n// ==================== Styles ====================\nconst getStyles = (id: string) => `\n#${id} .selection-viewer-header {\n  padding: 0px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  width: 100%;\n}\n\n#${id} .selection-viewer-drag-handle {\n  height: 5px;\n  border-radius: 3px;\n  margin-top: 16px;\n}\n\n#${id} .selection-viewer-container {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n#${id} .selection-viewer-title {\n  margin: 0px;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 0px 16px 0px 16px;\n    word-break: break-word;   /* break long words */\n    white-space: normal;      /* allow wrapping */\n}\n\n#${id} .selection-viewer-search {\n  display: flex;\n  align-items: center;\n  margin: 16px 16px 4px 16px;\n  border-radius: 12px;\n  box-sizing: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n#${id} .selection-viewer-search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  padding: 12px 8px;\n  outline: none;\n  font-size: 16px !important;\n  width: 100%;\n}\n\n#${id} .selection-viewer-content {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n  min-height: 0;\n}\n\n#${id} .selection-viewer-content.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#${id} .selection-viewer-content.horizontal {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n#${id} .selection-viewer-no-results,\n#${id} .selection-viewer-error,\n#${id} .selection-viewer-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 120px;\n}\n\n#${id} .selection-viewer-default-no-results {\n  color: #666;\n  font-size: 14px;\n}\n\n#${id} .selection-viewer-default-error {\n  color: red;\n  font-size: 14px;\n}\n\n/* Full screen search mode */\n#${id} .selection-viewer-fullscreen-search {\n//   position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n//   padding-top: env(safe-area-inset-top);\n  width: 100%;\n}\n\n#${id} .selection-viewer-search-back-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-back-button:hover {\n  opacity: 0.7;\n}\n\n#${id} .selection-viewer-search-clear-button {\n  background: none;\n  border: none;\n  padding: 8px;\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n#${id} .selection-viewer-search-clear-button:hover {\n  opacity: 0.7;\n}\n\n/* React Modal Sheet overrides */\n#${id} .react-modal-sheet-container {\n  max-width: 500px;\n  margin: 0 auto;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n#${id} .react-modal-sheet-backdrop {\n  background-color: rgba(0, 0, 0, 0.5) !important;\n  pointer-events: auto !important;\n}\n\n#${id} .react-modal-sheet-content {\n  padding: 0 0px 0px 0px;\n  height: 100%;\n}\n\n\n/* Mobile full-width behavior */\n@media (max-width: 500px) {\n  #${id} .react-modal-sheet-container {\n    max-width: 100%;\n    border-radius: 0;\n  }\n}\n\n/* Prevent iOS zooming */\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  #${id} .selection-viewer-search-input {\n    font-size: 16px !important;\n  }\n}\n`;\n\n// ==================== Hook to inject CSS per instance ====================\nconst useInjectStyles = (id: string) => {\n  useEffect(() => {\n    const styleId = `selection-viewer-styles-${id}`;\n    let styleTag = document.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleTag) {\n      styleTag = document.createElement(\"style\");\n      styleTag.id = styleId;\n      styleTag.innerHTML = getStyles(id);\n      document.head.appendChild(styleTag);\n    }\n\n    // Cleanup on unmount\n    return () => {\n      if (styleTag && document.head.contains(styleTag)) {\n        document.head.removeChild(styleTag);\n      }\n    };\n  }, [id]);\n};\n\n// ==================== Component ====================\nconst SelectionViewer: React.FC<SelectionViewerProps> = ({\n  id: providedId,\n  isOpen,\n  backDrop = true,\n  onClose,\n  titleProp,\n  searchProp,\n  loadingProp,\n  noResultProp,\n  errorProp,\n  cancelButton,\n  layoutProp,\n  childrenDirection = \"vertical\",\n  children,\n  onPaginate,\n  snapPoints = [0, 1],\n  initialSnap = 1,\n  unmountOnClose = true,\n  zIndex = 1000,\n  maxHeight = \"90dvh\",\n  minHeight = \"65dvh\",\n  selectionState: selectionStateProp = \"initial\",\n  closeThreshold = 0.2,\n}) => {\n  const [id] = useState(() => providedId || `selection-${Math.random().toString(36).substring(2, 11)}`);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [isSearchFocused, setIsSearchFocused] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n  const [inputKey, setInputKey] = useState(0);\n  const [shouldAutoFocus, setShouldAutoFocus] = useState(false);\n  const isPaginating = useRef(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const sheetRef = useRef<any>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useInjectStyles(id);\n\n  // Descendant sections (a Column, or anything else) can report a cumulative state up through this —\n  // starts empty, so a plain SelectionViewer with no Row/Column children behaves exactly as before.\n  const [reportedStates, setReportedStates] = useState<Map<string, SelectionState>>(new Map());\n  const reportAggregate = useCallback((reporterId: string, state: SelectionState) => {\n    setReportedStates((prev) => {\n      const next = new Map(prev);\n      next.set(reporterId, state);\n      return next;\n    });\n  }, []);\n  const unreportAggregate = useCallback((reporterId: string) => {\n    setReportedStates((prev) => {\n      if (!prev.has(reporterId)) return prev;\n      const next = new Map(prev);\n      next.delete(reporterId);\n      return next;\n    });\n  }, []);\n  const aggregateReporterValue = useMemo(\n    () => ({ report: reportAggregate, unreport: unreportAggregate }),\n    [reportAggregate, unreportAggregate]\n  );\n  const reportedAggregate =\n    reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : null;\n  const isComposed = reportedAggregate !== null;\n\n  // Precedence: an explicit `selectionState` prop always wins (matches today's exact behaviour for\n  // any consumer not using Row/Column) -> then a reported Column aggregate, if one exists -> \"initial\".\n  const selectionState =\n    selectionStateProp !== \"initial\" ? selectionStateProp : reportedAggregate ?? \"initial\";\n\n  // Track keyboard height\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.visualViewport) return;\n\n    const handleResize = () => {\n      const vp = window.visualViewport!;\n      const kbHeight = window.innerHeight - vp.height;\n      setKeyboardHeight(kbHeight > 0 ? kbHeight : 0);\n    };\n\n    window.visualViewport.addEventListener('resize', handleResize);\n    window.visualViewport.addEventListener('scroll', handleResize);\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', handleResize);\n      window.visualViewport?.removeEventListener('scroll', handleResize);\n    };\n  }, []);\n\n  // Auto-focus on search\n  useEffect(() => {\n    if (!isOpen) {\n      searchInputRef.current?.blur();\n      setSearchValue(\"\");\n      searchProp?.onChange?.(\"\");\n      setShouldAutoFocus(false);\n      return;\n    }\n  }, [isOpen, searchProp?.autoFocus]);\n\n  const handleOpenEnd = useCallback(() => {\n    if (searchProp?.autoFocus && searchInputRef.current) {\n      setInputKey(prev => prev + 1);\n      setShouldAutoFocus(true);\n      searchInputRef.current.focus();\n      searchInputRef.current.click();\n    }\n  }, [searchProp?.autoFocus]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchValue(value);\n    searchProp?.onChange?.(value);\n  };\n\n  const handleSearchFocus = () => {\n    setIsSearchFocused(true);\n    searchProp?.onFocus?.();\n    requestAnimationFrame(() => {\n      searchInputRef.current?.focus();\n    });\n  };\n\n  const handleSearchBlur = () => {\n    searchProp?.onBlur?.();\n  };\n\n  const handleBackFromSearch = () => {\n    setIsSearchFocused(false);\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n  };\n\n  const clearSearch = () => {\n    setSearchValue(\"\");\n    searchProp?.onChange?.(\"\");\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  };\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      if (isPaginating.current || !onPaginate) return;\n\n      const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n      const isNearBottom = scrollHeight - scrollTop <= clientHeight * 1.2;\n\n      if (isNearBottom) {\n        isPaginating.current = true;\n        const hasMore = await onPaginate();\n        if (!hasMore) {\n          isPaginating.current = false;\n        } else {\n          setTimeout(() => {\n            isPaginating.current = false;\n          }, 500);\n        }\n      }\n    },\n    [onPaginate]\n  );\n\n  if (!isOpen && unmountOnClose) return null;\n\n  return (\n    <SelectionViewerAggregateContext.Provider value={aggregateReporterValue}>\n    <Sheet\n      ref={sheetRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      detent=\"content\"\n      style={{ zIndex }}\n      maxHeight={maxHeight}\n      onOpenEnd={handleOpenEnd}\n    >\n      <Sheet.Container\n        id={id}\n        style={{\n          maxHeight: maxHeight,\n          minHeight: isSearchFocused ? \"100dvh\" : minHeight,\n          maxWidth: layoutProp?.maxWidth ?? '800px',\n          margin: \"0 auto\",\n          width: \"100%\",\n          left: 0,\n          right: 0,\n          paddingBottom: \"calc(0px + env(safe-area-inset-bottom))\",\n          background: isSearchFocused\n            ? layoutProp?.fullScreenSearchBackground || layoutProp?.backgroundColor\n            : layoutProp?.backgroundColor,\n          borderTopLeftRadius: isSearchFocused ? \"0px\" : \"16px\",\n          borderTopRightRadius: isSearchFocused ? \"0px\" : \"16px\",\n        }}\n      >\n        {isSearchFocused ? (\n          <Sheet.Header>\n            <div\n              className=\"selection-viewer-fullscreen-search\"\n              style={layoutProp?.fullScreenSearchHeaderStyle}\n            >\n              <div className=\"selection-viewer-search\" style={{\n                ...searchProp?.containerStyle,\n                background: searchProp?.background,\n                padding: searchProp?.padding\n                  ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                  : \"16px\"\n              }}>\n                <button\n                  className=\"selection-viewer-search-back-button\"\n                  onClick={handleBackFromSearch}\n                  aria-label=\"Exit search mode\"\n                >\n                  {searchProp?.backIcon || (\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path d=\"M15 18L9 12L15 6\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                    </svg>\n                  )}\n                </button>\n\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp?.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp?.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp?.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                  >\n                    {searchProp?.clearIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke={searchProp?.textColor || 'currentColor'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n              </div>\n            </div>\n          </Sheet.Header>\n        ) : (\n          <Sheet.Header>\n            <div className=\"selection-viewer-header\">\n              {/* Cancel button left */}\n              {cancelButton?.position === \"left\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    left: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Drag handle */}\n              {!isSearchFocused && (\n                <div\n                  className=\"selection-viewer-drag-handle\"\n                  style={{\n                    background: layoutProp?.handleColor || \"#ccc\",\n                    width: layoutProp?.handleWidth || \"40px\",\n                    marginBottom: layoutProp?.gapBetweenHandleAndTitle || \"12px\",\n                  }}\n                />\n              )}\n\n              {/* Cancel button right */}\n              {cancelButton?.position === \"right\" && (\n                <button\n                  style={{\n                    position: \"absolute\",\n                    right: \"0px\",\n                    top: \"8px\",\n                    border: \"none\",\n                    backgroundColor: \"transparent\",\n                    ...cancelButton.style\n                  }}\n                  onClick={cancelButton.onClick || onClose}\n                >\n                  {cancelButton.view || cancelButton.text || \"Cancel\"}\n                </button>\n              )}\n\n              {/* Title */}\n              <div className={titleProp.containerClass || \"selection-viewer-container\"}>\n                <h2\n                  id={`${id}-title`}\n                  className={titleProp.className || \"selection-viewer-title\"}\n                  style={{\n                    marginBottom: layoutProp?.gapBetweenTitleAndSearch || \"8px\",\n                    color: titleProp?.textColor || 'black',\n                    ...titleProp.style\n                  }}\n                >\n                  {titleProp.text}\n                </h2>\n              </div>\n            </div>\n\n            {/* Search */}\n            {searchProp && (\n              <div\n                className=\"selection-viewer-search\"\n                style={{\n                  background: searchProp.background,\n                  padding: searchProp.padding\n                    ? `${searchProp.padding.t} ${searchProp.padding.r} ${searchProp.padding.b} ${searchProp.padding.l}`\n                    : \"8px 16px\",\n                  marginBottom: layoutProp?.gapBetweenSearchAndContent,\n                  ...searchProp.containerStyle\n                }}\n              >\n                {searchProp.prefixIcon && (\n                  <span style={{ marginRight: searchProp.prefixGap || \"8px\" }}>\n                    {searchProp.prefixIcon}\n                  </span>\n                )}\n                <input\n                  key={inputKey}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  placeholder={searchProp.text}\n                  value={searchValue}\n                  onChange={handleSearchChange}\n                  className={searchProp.className || \"selection-viewer-search-input\"}\n                  style={{\n                    color: searchProp?.textColor,\n                    ...searchProp.inputStyle\n                  }}\n                  onFocus={handleSearchFocus}\n                  onBlur={handleSearchBlur}\n                  autoFocus={shouldAutoFocus}\n                />\n                {searchValue && (\n                  <button\n                    className=\"selection-viewer-search-clear-button\"\n                    onClick={clearSearch}\n                    aria-label=\"Clear search\"\n                    style={{ marginLeft: searchProp.suffixGap || \"8px\" }}\n                  >\n                    {searchProp.clearIcon || searchProp.suffixIcon || (\n                      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    )}\n                  </button>\n                )}\n                {!searchValue && searchProp.suffixIcon && (\n                  <span style={{ marginLeft: searchProp.suffixGap || \"8px\" }}>\n                    {searchProp.suffixIcon}\n                  </span>\n                )}\n              </div>\n            )}\n          </Sheet.Header>\n        )}\n\n        <Sheet.Content>\n          <div\n            className={`selection-viewer-content ${childrenDirection}`}\n            onScroll={onPaginate ? handleScroll : undefined}\n            style={{\n              paddingTop: isSearchFocused ? layoutProp?.gapBetweenSearchAndContent : '0',\n              paddingBottom: keyboardHeight > 0\n                ? `${keyboardHeight + 16}px`\n                : '16px',\n            }}\n          >\n            {/* Show children first, then loading at bottom */}\n            {React.Children.count(children) > 0 ? (\n              <>\n                {children}\n                {selectionState === \"loading\" && (\n                  <div\n                    className=\"selection-viewer-loading\"\n                    style={{\n                      padding: loadingProp?.padding\n                        ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                        : \"16px\",\n                      ...loadingProp?.style\n                    }}\n                  >\n                    {loadingProp?.view}\n                  </div>\n                )}\n                {/* Composed mode: a Column/Row descendant reports its own state, which can only ever be\n                    \"empty\"/\"error\" here since the child count > 0 branch is unconditional on a literal\n                    <Column> being present. Layer the outer view alongside the (visually empty) children\n                    rather than replacing them — a Column/Row must stay mounted to keep reporting. */}\n                {isComposed && selectionState === \"empty\" && (\n                  <div\n                    className=\"selection-viewer-no-results\"\n                    style={{\n                      padding: noResultProp?.padding\n                        ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                        : \"16px\",\n                      ...noResultProp?.style\n                    }}\n                  >\n                    {noResultProp?.view || (\n                      <div className=\"selection-viewer-default-no-results\">\n                        {noResultProp?.text || \"No results found\"}\n                      </div>\n                    )}\n                  </div>\n                )}\n                {isComposed && selectionState === \"error\" && (\n                  <div\n                    className=\"selection-viewer-error\"\n                    style={{\n                      padding: errorProp?.padding\n                        ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                        : \"16px\",\n                      ...errorProp?.style\n                    }}\n                  >\n                    {errorProp?.view || (\n                      <div className=\"selection-viewer-default-error\">\n                        {errorProp?.text || \"No results found\"}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </>\n            ) : (selectionState === \"empty\" || (React.Children.count(children) <= 0 && (selectionState != \"loading\" && selectionState != \"error\"))) ? (\n              <div\n                className=\"selection-viewer-no-results\"\n                style={{\n                  padding: noResultProp?.padding\n                    ? `${noResultProp.padding.t} ${noResultProp.padding.r} ${noResultProp.padding.b} ${noResultProp.padding.l}`\n                    : \"16px\",\n                  ...noResultProp?.style\n                }}\n              >\n                {noResultProp?.view || (\n                  <div className=\"selection-viewer-default-no-results\">\n                    {noResultProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : selectionState === \"loading\" ? (\n              <div\n                className=\"selection-viewer-loading\"\n                style={{\n                  padding: loadingProp?.padding\n                    ? `${loadingProp.padding.t} ${loadingProp.padding.r} ${loadingProp.padding.b} ${loadingProp.padding.l}`\n                    : \"16px\",\n                  ...loadingProp?.style\n                }}\n              >\n                {loadingProp?.view}\n              </div>\n            ) : (selectionState === \"error\") ? (\n              <div\n                className=\"selection-viewer-error\"\n                style={{\n                  padding: errorProp?.padding\n                    ? `${errorProp.padding.t} ${errorProp.padding.r} ${errorProp.padding.b} ${errorProp.padding.l}`\n                    : \"16px\",\n                  ...errorProp?.style\n                }}\n              >\n                {errorProp?.view || (\n                  <div className=\"selection-viewer-default-error\">\n                    {errorProp?.text || \"No results found\"}\n                  </div>\n                )}\n              </div>\n            ) : null}\n          </div>\n        </Sheet.Content>\n      </Sheet.Container>\n      <Sheet.Backdrop onTap={backDrop ? onClose : undefined} />\n    </Sheet>\n    </SelectionViewerAggregateContext.Provider>\n  );\n};\n\n// ==================== Controller Hook ====================\ntype Operation = {\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setSelectionState: (val: SelectionState) => void;\n};\n\nconst useSelectionController = (initialSelectionState?: SelectionState): [\n  string,\n  Operation,\n  boolean,\n  SelectionState\n] => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectionState, setSelectionState] = useState(initialSelectionState || 'initial');\n  const [selectionId] = useState(() => `selection-${Math.random().toString(36).substring(2, 11)}`);\n\n  const operations = useMemo<Operation>(() => ({\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n    toggle: () => setIsOpen((prev) => !prev),\n    setSelectionState\n  }), [setSelectionState]);\n\n  return [selectionId, operations, isOpen, selectionState];\n};\n\nexport { SelectionViewer, useSelectionController, RowAggregateContext, SelectionViewerAggregateContext, computeAggregateState };\nexport type {\n  SelectionViewerProps,\n  SelectionState,\n  TitleProps,\n  SearchProps,\n  LoadingProps,\n  NoResultProps,\n  ErrorProps,\n  CancelButtonProps,\n  LayoutProps,\n  Padding,\n  SnapPoint,\n  AggregateReporter,\n};\nexport default SelectionViewer;\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { RowAggregateContext } from \"./SelectionViewer\";\nimport type { SelectionState } from \"./SelectionViewer\";\n\nexport type RowProps = {\n  id?: string;\n  /** Consumer-owned — SelectionViewer has never owned fetch/filter state, so unlike\n   *  search-viewer's Row this isn't internally computed. Mirrors how `selectionState`\n   *  is already a prop on SelectionViewer itself today. Defaults to \"data\": if you\n   *  render children without wiring this, we assume what you rendered IS the data. */\n  state?: SelectionState;\n  /** Called when this Row is scrolled horizontally near its end. Return (or resolve to)\n   *  `true` if more data may follow (keeps the pagination trigger armed), `false` once\n   *  there's nothing left to fetch — mirrors SelectionViewer's own `onPaginate` contract. */\n  onPaginate?: () => boolean | Promise<boolean>;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n/** A horizontally-scrolling, independently-paginating section — the Row/Column\n *  equivalent for `SelectionViewer`. No shared code with `@academix-admin/search-viewer`'s\n *  Row (Library Charter: packages stay mutually independent) — this one has no\n *  query/debounce/cache engine of its own since `SelectionViewer` never had one either;\n *  the consumer owns fetching/filtering and just tells this Row what `state` it's in. */\nfunction Row({ id: providedId, state = \"data\", onPaginate, className, style, children }: RowProps) {\n  const aggregateReporter = React.useContext(RowAggregateContext);\n  const [rowId] = useState(() => providedId || `row-${Math.random().toString(36).substring(2, 11)}`);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const isPaginating = useRef(false);\n\n  const handleScroll = useCallback(async () => {\n    const el = containerRef.current;\n    if (!el || isPaginating.current || !onPaginate) return;\n\n    // Same \"near the end\" threshold as SelectionViewer's own vertical pagination trigger, adapted\n    // to horizontal scroll metrics since a Row scrolls sideways.\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    if (scrollWidth - scrollLeft > clientWidth * 1.2) return;\n\n    isPaginating.current = true;\n    const hasMore = await onPaginate();\n    if (!hasMore) {\n      isPaginating.current = false;\n    } else {\n      setTimeout(() => {\n        isPaginating.current = false;\n      }, 500);\n    }\n  }, [onPaginate]);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el || !onPaginate) return;\n    el.addEventListener(\"scroll\", handleScroll);\n    return () => el.removeEventListener(\"scroll\", handleScroll);\n  }, [handleScroll, onPaginate]);\n\n  useEffect(() => {\n    aggregateReporter?.report(rowId, state);\n    return () => aggregateReporter?.unreport(rowId);\n  }, [aggregateReporter, rowId, state]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={className ? `selection-viewer-row ${className}` : \"selection-viewer-row\"}\n      style={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"8px\",\n        overflowX: \"auto\",\n        overflowY: \"hidden\",\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nRow.displayName = \"Row\";\n\nexport { Row };\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { RowAggregateContext, SelectionViewerAggregateContext, computeAggregateState } from \"./SelectionViewer\";\nimport type { SelectionState } from \"./SelectionViewer\";\n\nexport type ColumnProps = {\n  id?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n/** A vertical arrangement of `Row`s (or other content) — the explicit, composable\n *  equivalent of today's flat `children` list. Its default layout is deliberately\n *  identical to the existing `.selection-viewer-content.vertical` rendering\n *  (`flex-direction: column, gap: 8px`), so today's flat usage is, unchanged, \"an\n *  implicit Column with no Rows.\"\n *\n *  Provides the `RowAggregateContext` its `Row` children report into, computes ONE\n *  cumulative state from everything reported, and is itself a reporter one level up:\n *  nested inside another `Column` it reports through that Column's `RowAggregateContext`\n *  (behaving like a Row); at the top level it reports through `SelectionViewerAggregateContext`,\n *  which `SelectionViewer` provides — this drives the outer sheet's loading/empty/error\n *  views automatically with zero manual wiring, and lets Columns nest arbitrarily deep. */\nfunction Column({ id: providedId, className, style, children }: ColumnProps) {\n  const [columnId] = useState(\n    () => providedId || `column-${Math.random().toString(36).substring(2, 11)}`\n  );\n\n  const [reportedStates, setReportedStates] = useState<Map<string, SelectionState>>(new Map());\n  const report = useCallback((id: string, state: SelectionState) => {\n    setReportedStates((prev) => {\n      const next = new Map(prev);\n      next.set(id, state);\n      return next;\n    });\n  }, []);\n  const unreport = useCallback((id: string) => {\n    setReportedStates((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n  const rowAggregateValue = useMemo(() => ({ report, unreport }), [report, unreport]);\n\n  const aggregateState =\n    reportedStates.size > 0 ? computeAggregateState(Array.from(reportedStates.values())) : \"initial\";\n\n  const parentRowAggregate = React.useContext(RowAggregateContext);\n  const selectionViewerAggregate = React.useContext(SelectionViewerAggregateContext);\n  const upstreamReporter = parentRowAggregate ?? selectionViewerAggregate;\n\n  useEffect(() => {\n    if (!upstreamReporter) return;\n    upstreamReporter.report(columnId, aggregateState);\n    return () => upstreamReporter.unreport(columnId);\n  }, [upstreamReporter, columnId, aggregateState]);\n\n  return (\n    <RowAggregateContext.Provider value={rowAggregateValue}>\n      <div\n        className={className ? `selection-viewer-column ${className}` : \"selection-viewer-column\"}\n        style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\", ...style }}\n      >\n        {children}\n      </div>\n    </RowAggregateContext.Provider>\n  );\n}\n\nColumn.displayName = \"Column\";\n\nexport { Column };\n"]}

package/package.json

@@ -1,23 +1,48 @@
 {
   "name": "@academix-admin/selection-viewer",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Imperative React selection sheet — search + pick from a list — with a controller hook, built on @academix-admin/modal-sheet.",
-  "keywords": ["react", "selection", "picker", "sheet", "modal", "search", "imperative", "controller"],
+  "keywords": [
+    "react",
+    "selection",
+    "picker",
+    "sheet",
+    "modal",
+    "search",
+    "imperative",
+    "controller"
+  ],
   "license": "MIT",
   "author": "Academix",
-  "repository": { "type": "git", "url": "git+https://github.com/academix-admin/academix-ui.git", "directory": "packages/selection-viewer" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/academix-admin/academix-ui.git",
+    "directory": "packages/selection-viewer"
+  },
   "homepage": "https://github.com/academix-admin/academix-ui/tree/main/packages/selection-viewer#readme",
-  "bugs": { "url": "https://github.com/academix-admin/academix-ui/issues" },
+  "bugs": {
+    "url": "https://github.com/academix-admin/academix-ui/issues"
+  },
   "type": "module",
   "sideEffects": false,
-  "files": ["dist", "README.md", "LICENSE"],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": { "types": "./dist/index.d.ts", "default": "./dist/index.js" },
-      "require": { "types": "./dist/index.d.cts", "default": "./dist/index.cjs" }
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
@@ -32,7 +57,10 @@
   "dependencies": {
     "@academix-admin/modal-sheet": "^0.1.0"
   },
-  "peerDependencies": { "react": ">=18.0.0", "react-dom": ">=18.0.0" },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
@@ -42,5 +70,7 @@
     "tsup": "^8.3.5",
     "typescript": "^5.9.3"
   },
-  "publishConfig": { "access": "public" }
+  "publishConfig": {
+    "access": "public"
+  }
 }