@geomak/ui 7.7.4 → 7.8.0

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var chunk4V4U2W7K_cjs = require('./chunk-4V4U2W7K.cjs');
 var chunkCNUDNGJM_cjs = require('./chunk-CNUDNGJM.cjs');
-var React31 = require('react');
+var React34 = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React31__default = /*#__PURE__*/_interopDefault(React31);
+var React34__default = /*#__PURE__*/_interopDefault(React34);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var DropdownMenu2__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu2);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
@@ -67,8 +67,8 @@ function cx(...values) {
   return out;
 }
 function Portal({ children, target }) {
-  const [resolved, setResolved] = React31.useState(null);
-  React31.useEffect(() => {
+  const [resolved, setResolved] = React34.useState(null);
+  React34.useEffect(() => {
     if (target === null) {
       setResolved(null);
       return;
@@ -489,7 +489,7 @@ function Typography({
     }
   );
 }
-var IconButton = React31__default.default.forwardRef(function IconButton2({
+var IconButton = React34__default.default.forwardRef(function IconButton2({
   icon,
   onClick,
   type = "primary",
@@ -502,7 +502,7 @@ var IconButton = React31__default.default.forwardRef(function IconButton2({
   className = "",
   style
 }, ref) {
-  const colorScheme = React31.useMemo(() => {
+  const colorScheme = React34.useMemo(() => {
     if (type === "primary") {
       return "bg-accent text-accent-fg hover:bg-accent-hover";
     }
@@ -598,7 +598,7 @@ var SIZE_CLASSES = {
   md: "h-9  px-4   text-sm  gap-1.5 rounded-lg",
   lg: "h-11 px-5   text-sm  gap-2   rounded-xl"
 };
-var Button = React31__default.default.forwardRef(function Button2({
+var Button = React34__default.default.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -706,7 +706,7 @@ function MenuButton({
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
         ].join(" "),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React31__default.default.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Separator, { className: "my-1 h-px bg-border" }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenu2__namespace.Item,
@@ -955,9 +955,9 @@ function Tooltip({
   ] }) });
 }
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
-var TabsContext = React31.createContext(null);
+var TabsContext = React34.createContext(null);
 function useTabsContext() {
-  const ctx = React31.useContext(TabsContext);
+  const ctx = React34.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs.List / Tabs.Trigger / Tabs.Panel must be rendered inside <Tabs>.");
   return ctx;
 }
@@ -979,26 +979,26 @@ function Tabs({
   children
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React31.useState(defaultValue);
+  const [internal, setInternal] = React34.useState(defaultValue);
   const current = isControlled ? value : internal;
   const reduced = !!framerMotion.useReducedMotion();
-  const indicatorId = React31.useId();
-  const select = React31.useCallback((next) => {
+  const indicatorId = React34.useId();
+  const select = React34.useCallback((next) => {
     if (!isControlled) setInternal(next);
     onChange?.(next);
   }, [isControlled, onChange]);
-  const registry = React31.useRef(/* @__PURE__ */ new Map());
-  const orderRef = React31.useRef(0);
-  const [, bump] = React31.useState(0);
-  const registerTab = React31.useCallback((val, meta) => {
+  const registry = React34.useRef(/* @__PURE__ */ new Map());
+  const orderRef = React34.useRef(0);
+  const [, bump] = React34.useState(0);
+  const registerTab = React34.useCallback((val, meta) => {
     const existing = registry.current.get(val);
     registry.current.set(val, { ...meta, order: existing?.order ?? orderRef.current++ });
     if (!existing) bump((v) => v + 1);
   }, []);
-  const unregisterTab = React31.useCallback((val) => {
+  const unregisterTab = React34.useCallback((val) => {
     if (registry.current.delete(val)) bump((v) => v + 1);
   }, []);
-  const getTabs = React31.useCallback(() => [...registry.current.entries()].sort((a, b) => a[1].order - b[1].order).map(([val, m]) => ({ value: val, label: m.label, icon: m.icon, disabled: m.disabled })), []);
+  const getTabs = React34.useCallback(() => [...registry.current.entries()].sort((a, b) => a[1].order - b[1].order).map(([val, m]) => ({ value: val, label: m.label, icon: m.icon, disabled: m.disabled })), []);
   return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: current, variant, size, orientation, indicatorId, reduced, select, registerTab, unregisterTab, getTabs }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
@@ -1018,10 +1018,10 @@ function Tabs({
 function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
   const { variant, orientation, reduced, value } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const scrollRef = React31.useRef(null);
-  const [edges, setEdges] = React31.useState({ start: false, end: false });
+  const scrollRef = React34.useRef(null);
+  const [edges, setEdges] = React34.useState({ start: false, end: false });
   const scrollable = variant !== "segmented";
-  React31.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const update = () => {
@@ -1046,13 +1046,13 @@ function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
       ro.disconnect();
     };
   }, [horizontal, scrollable, children]);
-  const nudge = React31.useCallback((dir) => {
+  const nudge = React34.useCallback((dir) => {
     const el = scrollRef.current;
     if (!el) return;
     const amount = (horizontal ? el.clientWidth : el.clientHeight) * 0.7 * dir;
     el.scrollBy({ [horizontal ? "left" : "top"]: amount, behavior: reduced ? "auto" : "smooth" });
   }, [horizontal, reduced]);
-  React31.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const active = el.querySelector("[role=tab][data-state=active]");
@@ -1110,9 +1110,9 @@ function Chevron2({ side, orientation, onClick }) {
 function OverflowMenu() {
   const { getTabs, value, select, orientation } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const [open, setOpen] = React31.useState(false);
-  const wrapRef = React31.useRef(null);
-  const timer = React31.useRef(null);
+  const [open, setOpen] = React34.useState(false);
+  const wrapRef = React34.useRef(null);
+  const timer = React34.useRef(null);
   const openNow = () => {
     if (timer.current) clearTimeout(timer.current);
     setOpen(true);
@@ -1120,7 +1120,7 @@ function OverflowMenu() {
   const closeSoon = () => {
     timer.current = setTimeout(() => setOpen(false), 160);
   };
-  React31.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
@@ -1201,7 +1201,7 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
   const isActive = active === value;
   const horizontal = orientation === "horizontal";
   const sz = SIZE[size];
-  React31.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     registerTab(value, { label: children, icon, disabled });
     return () => unregisterTab(value);
   }, [value, children, icon, disabled, registerTab, unregisterTab]);
@@ -1400,7 +1400,7 @@ function Tree({
     item.key
   )) });
 }
-var AccordionCtx = React31.createContext({ variant: "separated" });
+var AccordionCtx = React34.createContext({ variant: "separated" });
 function Accordion2({
   children,
   type = "single",
@@ -1459,7 +1459,7 @@ var Chevron3 = /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function AccordionItem({ value, title, icon, children, disabled, className = "" }) {
-  const { variant } = React31.useContext(AccordionCtx);
+  const { variant } = React34.useContext(AccordionCtx);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Item,
     {
@@ -1518,7 +1518,7 @@ function Breadcrumbs({
   className = "",
   style
 }) {
-  const [expanded, setExpanded] = React31.useState(false);
+  const [expanded, setExpanded] = React34.useState(false);
   const shouldCollapse = maxItems > 0 && items.length > maxItems && !expanded;
   const visible = [];
   if (shouldCollapse) {
@@ -1743,8 +1743,8 @@ function Stepper({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [forcedVertical, setForcedVertical] = React31.useState(false);
-  React31.useEffect(() => {
+  const [forcedVertical, setForcedVertical] = React34.useState(false);
+  React34.useEffect(() => {
     if (!responsive || orientation === "vertical") return;
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia("(max-width: 767px)");
@@ -1853,7 +1853,7 @@ function Kbd({
   style
 }) {
   if (keys && keys.length > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React31__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted text-xs select-none", children: separator }),
       /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: [cap, SIZE3[size]].join(" "), children: k })
     ] }, `${k}-${i}`)) });
@@ -1944,13 +1944,13 @@ function FlatCarousel({
   className = "",
   style
 }) {
-  const scrollerRef = React31.useRef(null);
-  const slides = React31__default.default.Children.toArray(children);
-  const [active, setActive] = React31.useState(0);
-  const [atStart, setAtStart] = React31.useState(true);
-  const [atEnd, setAtEnd] = React31.useState(false);
+  const scrollerRef = React34.useRef(null);
+  const slides = React34__default.default.Children.toArray(children);
+  const [active, setActive] = React34.useState(0);
+  const [atStart, setAtStart] = React34.useState(true);
+  const [atEnd, setAtEnd] = React34.useState(false);
   const width = typeof itemWidth === "number" ? `${itemWidth}px` : itemWidth;
-  const update = React31.useCallback(() => {
+  const update = React34.useCallback(() => {
     const el = scrollerRef.current;
     if (!el) return;
     setAtStart(el.scrollLeft <= 1);
@@ -1959,7 +1959,7 @@ function FlatCarousel({
     const slideW = first ? first.getBoundingClientRect().width + gap : el.clientWidth;
     setActive(Math.round(el.scrollLeft / slideW));
   }, [gap]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     update();
     const el = scrollerRef.current;
     if (!el) return;
@@ -2000,9 +2000,9 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React31__default.default.Children.toArray(children);
+  const slides = React34__default.default.Children.toArray(children);
   const count = slides.length;
-  const [active, setActive] = React31.useState(0);
+  const [active, setActive] = React34.useState(0);
   const reduced = framerMotion.useReducedMotion();
   const wrap = (n) => count > 0 ? (n % count + count) % count : 0;
   const idx = wrap(active);
@@ -2240,13 +2240,13 @@ function Chat({
   className = "",
   style
 }) {
-  const listRef = React31.useRef(null);
-  const atBottomRef = React31.useRef(true);
-  const [showJump, setShowJump] = React31.useState(false);
-  const [draft, setDraft] = React31.useState("");
+  const listRef = React34.useRef(null);
+  const atBottomRef = React34.useRef(true);
+  const [showJump, setShowJump] = React34.useState(false);
+  const [draft, setDraft] = React34.useState("");
   const hasHeader = title != null || subtitle != null || avatar != null || headerActions != null;
   const isTyping = typingNames.length > 0;
-  const scrollToBottom = React31.useCallback((smooth = true) => {
+  const scrollToBottom = React34.useCallback((smooth = true) => {
     const el = listRef.current;
     if (!el) return;
     if (typeof el.scrollTo === "function") el.scrollTo({ top: el.scrollHeight, behavior: smooth ? "smooth" : "auto" });
@@ -2259,10 +2259,10 @@ function Chat({
     atBottomRef.current = near;
     setShowJump(!near);
   };
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (atBottomRef.current) scrollToBottom(messages.length > 0);
   }, [messages.length, isTyping]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     scrollToBottom(false);
   }, [scrollToBottom]);
   const send = () => {
@@ -2452,7 +2452,7 @@ function FAB({
   className = "",
   style
 }) {
-  const [open, setOpen] = React31.useState(false);
+  const [open, setOpen] = React34.useState(false);
   const reduced = framerMotion.useReducedMotion();
   const hasDial = !!actions && actions.length > 0;
   const bottom = position.startsWith("bottom");
@@ -2554,8 +2554,8 @@ function PopConfirm({
   onOpenChange,
   className = ""
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React31.useState(false);
-  const [loading, setLoading] = React31.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React34.useState(false);
+  const [loading, setLoading] = React34.useState(false);
   const isOpen = open ?? uncontrolledOpen;
   const setOpen = (next) => {
     onOpenChange?.(next);
@@ -2658,16 +2658,16 @@ function LogoutTimer({
   logoutLabel = "Sign out now"
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [warning, setWarning] = React31.useState(false);
-  const [remaining, setRemaining] = React31.useState(countdown);
-  const idleTimer = React31.useRef(null);
-  const tick = React31.useRef(null);
-  const deadline = React31.useRef(0);
-  const warningRef = React31.useRef(false);
-  const lastReset = React31.useRef(0);
-  const cbs = React31.useRef({ onLogout, onContinue, onWarning });
+  const [warning, setWarning] = React34.useState(false);
+  const [remaining, setRemaining] = React34.useState(countdown);
+  const idleTimer = React34.useRef(null);
+  const tick = React34.useRef(null);
+  const deadline = React34.useRef(0);
+  const warningRef = React34.useRef(false);
+  const lastReset = React34.useRef(0);
+  const cbs = React34.useRef({ onLogout, onContinue, onWarning });
   cbs.current = { onLogout, onContinue, onWarning };
-  const clearTimers = React31.useCallback(() => {
+  const clearTimers = React34.useCallback(() => {
     if (idleTimer.current) {
       clearTimeout(idleTimer.current);
       idleTimer.current = null;
@@ -2677,13 +2677,13 @@ function LogoutTimer({
       tick.current = null;
     }
   }, []);
-  const logout = React31.useCallback(() => {
+  const logout = React34.useCallback(() => {
     clearTimers();
     warningRef.current = false;
     setWarning(false);
     cbs.current.onLogout();
   }, [clearTimers]);
-  const startIdle = React31.useCallback(() => {
+  const startIdle = React34.useCallback(() => {
     if (idleTimer.current) clearTimeout(idleTimer.current);
     idleTimer.current = setTimeout(() => {
       warningRef.current = true;
@@ -2698,7 +2698,7 @@ function LogoutTimer({
       }, 250);
     }, timeout);
   }, [timeout, countdown, logout]);
-  const stay = React31.useCallback(() => {
+  const stay = React34.useCallback(() => {
     if (tick.current) {
       clearInterval(tick.current);
       tick.current = null;
@@ -2708,7 +2708,7 @@ function LogoutTimer({
     cbs.current.onContinue?.();
     startIdle();
   }, [startIdle]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!enabled) {
       clearTimers();
       warningRef.current = false;
@@ -2773,11 +2773,11 @@ function SegmentedControl({
   "aria-label": ariaLabel
 }) {
   const sz = SIZE5[size];
-  const groupId = React31.useId();
-  const errorId = React31.useId();
+  const groupId = React34.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React31.useState(defaultValue);
+  const [internal, setInternal] = React34.useState(defaultValue);
   const current = isControlled ? value : internal;
   const handle = (v) => {
     if (!v) return;
@@ -2938,22 +2938,22 @@ function Scheduler({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [view, setView] = React31.useState(defaultView);
-  const [cursor, setCursor] = React31.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
-  const [loaded, setLoaded] = React31.useState([]);
-  const [loading, setLoading] = React31.useState(false);
-  const [error, setError] = React31.useState(null);
-  const [reloadKey, setReloadKey] = React31.useState(0);
-  const [dir, setDir] = React31.useState(0);
-  const cbRef = React31.useRef({ loadEvents, onError });
+  const [view, setView] = React34.useState(defaultView);
+  const [cursor, setCursor] = React34.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [loaded, setLoaded] = React34.useState([]);
+  const [loading, setLoading] = React34.useState(false);
+  const [error, setError] = React34.useState(null);
+  const [reloadKey, setReloadKey] = React34.useState(0);
+  const [dir, setDir] = React34.useState(0);
+  const cbRef = React34.useRef({ loadEvents, onError });
   cbRef.current = { loadEvents, onError };
-  const range = React31.useMemo(
+  const range = React34.useMemo(
     () => view === "month" ? monthRange(cursor) : weekRange(cursor, weekStartsOn),
     [view, cursor, weekStartsOn]
   );
   const fromKey = range.from.getTime();
   const toKey = range.to.getTime();
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     const { loadEvents: loader, onError: onErr } = cbRef.current;
     if (!loader) return;
     let cancelled = false;
@@ -2973,16 +2973,16 @@ function Scheduler({
       cancelled = true;
     };
   }, [fromKey, toKey, view, reloadKey]);
-  const retry = React31.useCallback(() => setReloadKey((k) => k + 1), []);
-  const events = React31.useMemo(
+  const retry = React34.useCallback(() => setReloadKey((k) => k + 1), []);
+  const events = React34.useMemo(
     () => (controlledEvents ?? loaded).map(normalize),
     [controlledEvents, loaded]
   );
-  const go = React31.useCallback((delta) => {
+  const go = React34.useCallback((delta) => {
     setDir(delta);
     setCursor((c) => view === "month" ? addMonths(c, delta) : addDays(c, delta * 7));
   }, [view]);
-  const goToday = React31.useCallback(() => {
+  const goToday = React34.useCallback(() => {
     setDir(0);
     setCursor(/* @__PURE__ */ new Date());
   }, []);
@@ -3092,9 +3092,9 @@ function SchedulerError({ onRetry }) {
   ] });
 }
 function MonthYearPicker({ label, cursor, onPick }) {
-  const [open, setOpen] = React31.useState(false);
-  const [viewYear, setViewYear] = React31.useState(cursor.getFullYear());
-  React31.useEffect(() => {
+  const [open, setOpen] = React34.useState(false);
+  const [viewYear, setViewYear] = React34.useState(cursor.getFullYear());
+  React34.useEffect(() => {
     if (open) setViewYear(cursor.getFullYear());
   }, [open, cursor]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
@@ -3168,8 +3168,8 @@ function MonthView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const grid = React31.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
-  const eventsByDay = React31.useMemo(() => bucketByDay(events), [events]);
+  const grid = React34.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React34.useMemo(() => bucketByDay(events), [events]);
   const labels = weekdayLabels(weekStartsOn);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 border-b border-border", children: labels.map((l) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-foreground-muted", children: l }, l)) }),
@@ -3243,12 +3243,12 @@ function WeekView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const days = React31.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
-  const eventsByDay = React31.useMemo(() => bucketByDay(events), [events]);
-  const labels = React31.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
+  const days = React34.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React34.useMemo(() => bucketByDay(events), [events]);
+  const labels = React34.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
   const dow = (d) => labels[(d.getDay() - weekStartsOn + 7) % 7];
   const [startHour, endHour] = dayHours;
-  const hours = React31.useMemo(
+  const hours = React34.useMemo(
     () => Array.from({ length: endHour - startHour }, (_, i) => startHour + i),
     [startHour, endHour]
   );
@@ -3439,17 +3439,17 @@ function Cart({
     ] })
   ] });
 }
-var CartContext = React31.createContext(null);
+var CartContext = React34.createContext(null);
 var clampQty = (qty, max) => {
   const lower = Math.max(1, Math.round(qty));
   return max != null ? Math.min(lower, max) : lower;
 };
 function CartProvider({ children, initialItems = [], onChange }) {
-  const [items, setItems] = React31.useState(initialItems);
-  React31.useEffect(() => {
+  const [items, setItems] = React34.useState(initialItems);
+  React34.useEffect(() => {
     onChange?.(items);
   }, [items]);
-  const addToCart = React31.useCallback((item, quantity) => {
+  const addToCart = React34.useCallback((item, quantity) => {
     const addQty = quantity ?? item.quantity ?? 1;
     setItems((prev) => {
       const existing = prev.find((it) => it.id === item.id);
@@ -3462,29 +3462,29 @@ function CartProvider({ children, initialItems = [], onChange }) {
       return [...prev, { ...rest, quantity: clampQty(addQty, item.max) }];
     });
   }, []);
-  const removeFromCart = React31.useCallback((id) => {
+  const removeFromCart = React34.useCallback((id) => {
     setItems((prev) => prev.filter((it) => it.id !== id));
   }, []);
-  const updateQuantity = React31.useCallback((id, quantity) => {
+  const updateQuantity = React34.useCallback((id, quantity) => {
     setItems(
       (prev) => prev.map((it) => it.id === id ? { ...it, quantity: clampQty(quantity, it.max) } : it)
     );
   }, []);
-  const clearCart = React31.useCallback(() => setItems([]), []);
-  const isInCart = React31.useCallback((id) => items.some((it) => it.id === id), [items]);
-  const getItemCount = React31.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
-  const getCartTotal = React31.useCallback(
+  const clearCart = React34.useCallback(() => setItems([]), []);
+  const isInCart = React34.useCallback((id) => items.some((it) => it.id === id), [items]);
+  const getItemCount = React34.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
+  const getCartTotal = React34.useCallback(
     () => items.reduce((sum, it) => sum + it.price * it.quantity, 0),
     [items]
   );
-  const value = React31.useMemo(
+  const value = React34.useMemo(
     () => ({ items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal }),
     [items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(CartContext.Provider, { value, children });
 }
 function useCart() {
-  const ctx = React31.useContext(CartContext);
+  const ctx = React34.useContext(CartContext);
   if (!ctx) {
     throw new Error("useCart must be used within a <CartProvider>.");
   }
@@ -3826,11 +3826,11 @@ function buildBindings(store, name, kind, snap) {
 
 // src/form/useForm.ts
 function useForm(options = {}) {
-  const ref = React31.useRef(null);
+  const ref = React34.useRef(null);
   if (ref.current === null) ref.current = new FormStore(options);
   const store = ref.current;
-  React31.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
-  const make = React31.useCallback(
+  React34.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  const make = React34.useCallback(
     (kind) => (name, rules) => {
       if (rules !== void 0) store.setRule(name, rules);
       return buildBindings(store, name, kind, store.getFieldSnapshot(name));
@@ -3860,9 +3860,9 @@ function useForm(options = {}) {
     fieldTarget: make("target")
   };
 }
-var FormContext = React31.createContext(null);
+var FormContext = React34.createContext(null);
 function useFormStore() {
-  const store = React31.useContext(FormContext);
+  const store = React34.useContext(FormContext);
   if (!store) {
     throw new Error("useFormStore must be used within a <Form>. Did you forget to wrap your fields?");
   }
@@ -3876,8 +3876,8 @@ function Form({
   children,
   ...rest
 }) {
-  const ref = React31.useRef(null);
-  const bypass = React31.useRef(false);
+  const ref = React34.useRef(null);
+  const bypass = React34.useRef(false);
   const handleSubmit = async (e) => {
     if (bypass.current) {
       bypass.current = false;
@@ -3934,12 +3934,12 @@ function useFormField(name, options = {}) {
   const store = useFormStore();
   const { kind = "value", rules } = options;
   if (rules !== void 0 && store.getRule(name) !== rules) store.setRule(name, rules);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     return () => {
       if (rules !== void 0) store.removeRule(name);
     };
   }, [store, name]);
-  const snap = React31.useSyncExternalStore(
+  const snap = React34.useSyncExternalStore(
     store.subscribe,
     () => store.getFieldSnapshot(name)
   );
@@ -3951,7 +3951,7 @@ function FormField({ name, kind, rules, children }) {
 }
 function useFieldArray(name) {
   const store = useFormStore();
-  React31.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  React34.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
   const arr = store.getValue(name) ?? [];
   const keys = store.getKeys(name);
   return {
@@ -3984,7 +3984,7 @@ function TextInput({
   suffix,
   id
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const hasAdornment = prefix != null || suffix != null;
   const inputId = htmlFor ?? id;
@@ -4145,7 +4145,7 @@ function CreditCardForm({
   className = "",
   style
 }) {
-  const initial = React31.useRef({
+  const initial = React34.useRef({
     number: formatCardNumber(defaultValue?.number ?? ""),
     name: defaultValue?.name ?? "",
     expiry: formatExpiry(defaultValue?.expiry ?? ""),
@@ -4154,7 +4154,7 @@ function CreditCardForm({
   const form = useForm({ initialValues: initial });
   const numberStr = String(form.values.number ?? "");
   const brand = detectBrand(numberStr);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     onChange?.(toCard(form.values));
   }, [form.values.number, form.values.name, form.values.expiry, form.values.cvv]);
   const numberBind = form.fieldNative("number", {
@@ -4277,7 +4277,7 @@ function Checkout({
     ] })
   ] });
 }
-var NotificationContext = React31.createContext({
+var NotificationContext = React34.createContext({
   open: () => void 0,
   close: () => void 0
 });
@@ -4335,26 +4335,26 @@ function NotificationItem({
   onClose,
   reduced
 }) {
-  const [paused, setPaused] = React31.useState(false);
+  const [paused, setPaused] = React34.useState(false);
   const duration = n.duration ?? 4e3;
   const isAutoDismissing = isFinite(duration) && duration > 0;
   const showProgress = !reduced && isAutoDismissing;
-  const timerRef = React31.useRef(null);
-  const startTimeRef = React31.useRef(0);
-  const remainingRef = React31.useRef(duration);
-  const clearTimer = React31.useCallback(() => {
+  const timerRef = React34.useRef(null);
+  const startTimeRef = React34.useRef(0);
+  const remainingRef = React34.useRef(duration);
+  const clearTimer = React34.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const scheduleDismiss = React31.useCallback((ms) => {
+  const scheduleDismiss = React34.useCallback((ms) => {
     clearTimer();
     if (!isAutoDismissing) return;
     startTimeRef.current = Date.now();
     timerRef.current = setTimeout(() => onClose(n.id), ms);
   }, [clearTimer, isAutoDismissing, n.id, onClose]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (paused || !isAutoDismissing) return;
     scheduleDismiss(remainingRef.current);
     return clearTimer;
@@ -4437,15 +4437,15 @@ function NotificationProvider({
   children,
   position = "top-right"
 }) {
-  const [notifications, setNotifications] = React31.useState([]);
+  const [notifications, setNotifications] = React34.useState([]);
   const reduced = framerMotion.useReducedMotion();
-  const open = React31.useCallback((payload) => {
+  const open = React34.useCallback((payload) => {
     setNotifications((prev) => [
       ...prev,
       { duration: 4e3, ...payload, id: Date.now() + Math.random() }
     ]);
   }, []);
-  const close = React31.useCallback((id) => {
+  const close = React34.useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(NotificationContext.Provider, { value: { open, close }, children: [
@@ -4474,7 +4474,7 @@ function NotificationProvider({
   ] });
 }
 function useNotification() {
-  const { open } = React31.useContext(NotificationContext);
+  const { open } = React34.useContext(NotificationContext);
   return {
     info: (props) => open({ type: "info", ...props }),
     success: (props) => open({ type: "success", ...props }),
@@ -4591,10 +4591,10 @@ function FadingBase({
   isMounted = false,
   children
 }) {
-  const [shouldRender, setShouldRender] = React31.useState(isMounted);
-  const [visible, setVisible] = React31.useState(false);
-  const timerRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const [shouldRender, setShouldRender] = React34.useState(isMounted);
+  const [visible, setVisible] = React34.useState(false);
+  const timerRef = React34.useRef(null);
+  React34.useEffect(() => {
     if (isMounted) {
       setShouldRender(true);
       const rafId = requestAnimationFrame(() => setVisible(true));
@@ -4706,14 +4706,14 @@ function ScalableContainer({
   togglePosition = "top-right",
   className = ""
 }) {
-  const containerRef = React31.useRef(null);
-  const [internalScaled, setInternalScaled] = React31.useState(false);
+  const containerRef = React34.useRef(null);
+  const [internalScaled, setInternalScaled] = React34.useState(false);
   const isScaled = expanded ?? internalScaled;
   const reduced = framerMotion.useReducedMotion();
-  const prevScaled = React31.useRef(isScaled);
+  const prevScaled = React34.useRef(isScaled);
   const expandW = targetWidth ?? expandedWidth;
   const expandH = targetHeight ?? expandedHeight;
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (isScaled === prevScaled.current) return;
     prevScaled.current = isScaled;
     if (typeof window === "undefined") return;
@@ -4860,17 +4860,17 @@ function CatalogGrid({ items, buttonText, onOpen, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex flex-wrap gap-2 ${className}`.trim(), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(GridCard, { item, buttonText, onOpen }, item.key)) });
 }
 function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
-  const [activeIndex, setActiveIndex] = React31.useState(0);
-  const [indexPool, setIndexPool] = React31.useState([]);
-  const cardRefs = React31.useRef([]);
-  const getIndexes = React31.useMemo(() => {
+  const [activeIndex, setActiveIndex] = React34.useState(0);
+  const [indexPool, setIndexPool] = React34.useState([]);
+  const cardRefs = React34.useRef([]);
+  const getIndexes = React34.useMemo(() => {
     let nextIndex = activeIndex + 1;
     let previousIndex = activeIndex - 1;
     if (activeIndex === 0) previousIndex = items.length - 1;
     if (activeIndex === items.length - 1) nextIndex = 0;
     return { previousIndex, nextIndex };
   }, [activeIndex, items.length]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     const { nextIndex, previousIndex } = getIndexes;
     let indexes = [previousIndex, activeIndex, nextIndex];
     if (activeIndex !== 0 && activeIndex !== items.length - 1) {
@@ -5043,8 +5043,8 @@ function writeDismissed(key) {
   }
 }
 function useTargetBbox(ref) {
-  const [bbox, setBbox] = React31.useState(null);
-  React31.useLayoutEffect(() => {
+  const [bbox, setBbox] = React34.useState(null);
+  React34.useLayoutEffect(() => {
     const el = ref?.current;
     if (!el) {
       setBbox(null);
@@ -5074,7 +5074,7 @@ function tooltipStyleFor(bbox, placement) {
   return { left: bbox.left + bbox.width / 2, top: bbox.top - TOOLTIP_GAP, transform: "translate(-50%, -100%)", width: TOOLTIP_WIDTH };
 }
 function useFocusTrap(containerRef, active) {
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!active) return;
     const el = containerRef.current;
     if (!el) return;
@@ -5113,16 +5113,16 @@ function Wizard({
   onComplete,
   onSkip
 }) {
-  const tooltipRef = React31.useRef(null);
-  const tooltipTitleId = React31.useId();
-  const tooltipBodyId = React31.useId();
+  const tooltipRef = React34.useRef(null);
+  const tooltipTitleId = React34.useId();
+  const tooltipBodyId = React34.useId();
   const reduced = framerMotion.useReducedMotion();
-  const [open, setOpen] = React31.useState(() => steps.length > 0 && !readDismissed(storageKey));
-  const [activeIndex, setActiveIndex] = React31.useState(0);
+  const [open, setOpen] = React34.useState(() => steps.length > 0 && !readDismissed(storageKey));
+  const [activeIndex, setActiveIndex] = React34.useState(0);
   const step = steps[activeIndex];
   const bbox = useTargetBbox(step?.stepRef);
   useFocusTrap(tooltipRef, open);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!open || !dismissible) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -5133,12 +5133,12 @@ function Wizard({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open, dismissible]);
-  const handleSkip = React31.useCallback(() => {
+  const handleSkip = React34.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onSkip?.();
   }, [storageKey, onSkip]);
-  const handleComplete = React31.useCallback(() => {
+  const handleComplete = React34.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onComplete?.();
@@ -5281,7 +5281,7 @@ function Wizard({
   ] });
 }
 var SearchIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) });
-var SearchInput = React31__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React34__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5516,15 +5516,15 @@ function EditableCell({
   rowIndex,
   onCellEdit
 }) {
-  const [editing, setEditing] = React31.useState(false);
-  const editRef = React31.useRef(null);
+  const [editing, setEditing] = React34.useState(false);
+  const editRef = React34.useRef(null);
   const value = row[col.keyBind];
   const commit = (next) => {
     setEditing(false);
     onCellEdit?.({ row, key: col.keyBind, value: next, rowIndex });
   };
   const cancel = () => setEditing(false);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!editing || !col.editor) return;
     const onMouseDown = (e) => {
       const target = e.target;
@@ -5583,7 +5583,7 @@ function TableBody({
   getRowKey,
   onCellEdit
 }) {
-  const [expanded, setExpanded] = React31.useState(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React34.useState(() => /* @__PURE__ */ new Set());
   const reduced = framerMotion.useReducedMotion();
   const toggleRow = (rowKey) => {
     setExpanded((prev) => {
@@ -5598,7 +5598,7 @@ function TableBody({
   return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, i) => {
     const rowKey = getRowKey(row, i);
     const isExpanded = expanded.has(rowKey);
-    return /* @__PURE__ */ jsxRuntime.jsxs(React31__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
@@ -5710,13 +5710,13 @@ function Table({
   className = "",
   style
 }) {
-  const searchRef = React31.useRef(null);
-  const [searchTerm, setSearchTerm] = React31.useState("");
-  const [perPage, setPerPage] = React31.useState(
+  const searchRef = React34.useRef(null);
+  const [searchTerm, setSearchTerm] = React34.useState("");
+  const [perPage, setPerPage] = React34.useState(
     typeof pagination.perPage === "number" ? pagination.perPage : 15
   );
-  const [activePage, setActivePage] = React31.useState(0);
-  const [sortState, setSortState] = React31.useState(defaultSort);
+  const [activePage, setActivePage] = React34.useState(0);
+  const [sortState, setSortState] = React34.useState(defaultSort);
   const isServerSide = !!(pagination.enabled && pagination.serverSide);
   const handleSort = (col) => {
     const key = col.keyBind;
@@ -5728,8 +5728,8 @@ function Table({
     onSortChange?.(next);
   };
   const debounceMs = search?.debounceMs ?? 0;
-  const [debouncedTerm, setDebouncedTerm] = React31.useState("");
-  React31.useEffect(() => {
+  const [debouncedTerm, setDebouncedTerm] = React34.useState("");
+  React34.useEffect(() => {
     if (debounceMs <= 0) {
       setDebouncedTerm(searchTerm);
       return;
@@ -5738,7 +5738,7 @@ function Table({
     return () => clearTimeout(t);
   }, [searchTerm, debounceMs]);
   const term = debounceMs > 0 ? debouncedTerm : searchTerm;
-  const filteredRows = React31.useMemo(() => {
+  const filteredRows = React34.useMemo(() => {
     if (isServerSide || !term) return rows;
     if (search?.predicate) return rows.filter((row) => search.predicate(row, term));
     const cs = !!search?.caseSensitive;
@@ -5752,7 +5752,7 @@ function Table({
     };
     return rows.filter((row) => keys ? keys.some((k) => test(row[k])) : Object.values(row).some(test));
   }, [rows, term, isServerSide, search?.predicate, search?.caseSensitive, search?.matchMode, search?.keys]);
-  const sortedRows = React31.useMemo(() => {
+  const sortedRows = React34.useMemo(() => {
     if (isServerSide || !sortState) return filteredRows;
     const col = columns.find((c) => c.keyBind === sortState.key);
     const accessor = col?.sortAccessor ?? ((r) => r[sortState.key]);
@@ -5760,29 +5760,29 @@ function Table({
     if (sortState.direction === "desc") out.reverse();
     return out;
   }, [filteredRows, sortState, isServerSide, columns]);
-  const datasets = React31.useMemo(() => {
+  const datasets = React34.useMemo(() => {
     if (isServerSide) return [rows];
     return createDatasets(sortedRows, pagination.enabled ? perPage : null);
   }, [sortedRows, perPage, pagination.enabled, isServerSide, rows]);
-  const MAX_PAGE = React31.useMemo(() => {
+  const MAX_PAGE = React34.useMemo(() => {
     if (isServerSide && typeof pagination.maxPage === "number") return Math.max(0, pagination.maxPage);
     if (isServerSide && typeof pagination.totalCount === "number")
       return Math.max(0, Math.ceil(pagination.totalCount / perPage) - 1);
     return datasets.length ? datasets.length - 1 : 0;
   }, [isServerSide, pagination.maxPage, pagination.totalCount, perPage, datasets.length]);
-  const currentPageRows = React31.useMemo(() => {
+  const currentPageRows = React34.useMemo(() => {
     if (isServerSide) return rows;
     return datasets[activePage] ?? [];
   }, [isServerSide, rows, datasets, activePage]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (pagination.enabled && !isServerSide && typeof pagination.perPage === "number") {
       setPerPage(pagination.perPage);
     }
   }, [pagination.enabled, pagination.perPage, isServerSide]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (isServerSide && typeof pagination.perPage === "number") setPerPage(pagination.perPage);
   }, [isServerSide, pagination.perPage]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (isServerSide && typeof pagination.page === "number" && pagination.page >= 1)
       setActivePage(pagination.page - 1);
   }, [isServerSide, pagination.page]);
@@ -5871,7 +5871,7 @@ function TableSkeletonBody({
     i
   )) });
 }
-var useIsoLayoutEffect = typeof window !== "undefined" ? React31.useLayoutEffect : React31.useEffect;
+var useIsoLayoutEffect = typeof window !== "undefined" ? React34.useLayoutEffect : React34.useEffect;
 function VirtualList({
   items,
   rowHeight,
@@ -5888,10 +5888,10 @@ function VirtualList({
   className = "",
   style
 }) {
-  const scrollRef = React31.useRef(null);
-  const [scrollTop, setScrollTop] = React31.useState(0);
-  const [viewport, setViewport] = React31.useState(typeof height === "number" ? height : 400);
-  const [term, setTerm] = React31.useState("");
+  const scrollRef = React34.useRef(null);
+  const [scrollTop, setScrollTop] = React34.useState(0);
+  const [viewport, setViewport] = React34.useState(typeof height === "number" ? height : 400);
+  const [term, setTerm] = React34.useState("");
   useIsoLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -5902,7 +5902,7 @@ function VirtualList({
     ro.observe(el);
     return () => ro.disconnect();
   }, []);
-  const filtered = React31.useMemo(() => {
+  const filtered = React34.useMemo(() => {
     if (!searchable || !term) return items;
     if (filter) return items.filter((it) => filter(it, term));
     const needle = term.toLowerCase();
@@ -5949,8 +5949,771 @@ function VirtualList({
     )
   ] });
 }
+
+// src/utils/fileSource.ts
+function isUrlSource(source) {
+  return typeof source === "string" || source instanceof URL;
+}
+function urlHref(source) {
+  return typeof source === "string" ? source : source.href;
+}
+async function sourceToBytes(source, remote) {
+  if (source instanceof Uint8Array) return source;
+  if (source instanceof ArrayBuffer) return new Uint8Array(source);
+  if (typeof Blob !== "undefined" && source instanceof Blob) {
+    return new Uint8Array(await source.arrayBuffer());
+  }
+  if (isUrlSource(source)) {
+    const res = await fetch(urlHref(source), {
+      headers: remote?.httpHeaders,
+      credentials: remote?.withCredentials ? "include" : "same-origin"
+    });
+    if (!res.ok) throw new Error(`Failed to fetch (${res.status} ${res.statusText})`);
+    return new Uint8Array(await res.arrayBuffer());
+  }
+  throw new Error("Unsupported source type");
+}
+function sourceName(source) {
+  if (typeof File !== "undefined" && source instanceof File) return source.name;
+  if (isUrlSource(source)) {
+    const href = urlHref(source);
+    const last = href.split("?")[0].split("#")[0].split("/").filter(Boolean).pop();
+    return last || void 0;
+  }
+  return void 0;
+}
+var pdfjsPromise = null;
+function loadPdfjs() {
+  if (pdfjsPromise) return pdfjsPromise;
+  pdfjsPromise = import('pdfjs-dist').then((pdfjs) => {
+    if (!pdfjs.GlobalWorkerOptions.workerSrc) {
+      pdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+    }
+    return pdfjs;
+  });
+  return pdfjsPromise;
+}
+var GAP = 12;
+function PdfViewer({
+  source,
+  remote,
+  initialPage = 1,
+  zoom = "page-width",
+  toolbar = true,
+  thumbnails = false,
+  textLayer = true,
+  onLoad,
+  onError,
+  onPageChange,
+  className = "",
+  style
+}) {
+  const [pdfjs, setPdfjs] = React34.useState(null);
+  const [doc, setDoc] = React34.useState(null);
+  const [numPages, setNumPages] = React34.useState(0);
+  const [baseSize, setBaseSize] = React34.useState(null);
+  const [status, setStatus] = React34.useState("loading");
+  const [error, setError] = React34.useState(null);
+  const [reloadKey, setReloadKey] = React34.useState(0);
+  const scrollRef = React34.useRef(null);
+  const [scrollTop, setScrollTop] = React34.useState(0);
+  const [viewport, setViewport] = React34.useState({ w: 0, h: 0 });
+  const [zoomMode, setZoomMode] = React34.useState(zoom);
+  const [page, setPage] = React34.useState(initialPage);
+  const [showSearch, setShowSearch] = React34.useState(false);
+  const [query, setQuery] = React34.useState("");
+  const [matchPages, setMatchPages] = React34.useState(null);
+  const [matchIdx, setMatchIdx] = React34.useState(0);
+  const tb = toolbar === true ? { zoom: true, pager: true, download: true, print: true, search: true } : toolbar || {};
+  React34.useEffect(() => {
+    let cancelled = false;
+    let task;
+    setStatus("loading");
+    setError(null);
+    setDoc(null);
+    setBaseSize(null);
+    loadPdfjs().then(async (pdfjs2) => {
+      if (cancelled) return;
+      setPdfjs(pdfjs2);
+      const params = isUrlSource(source) ? { url: urlHref(source), httpHeaders: remote?.httpHeaders, withCredentials: remote?.withCredentials } : { data: source instanceof Uint8Array || source instanceof ArrayBuffer ? source : new Uint8Array(await source.arrayBuffer()) };
+      task = pdfjs2.getDocument(params);
+      const pdf = await task.promise;
+      if (cancelled) {
+        pdf.destroy?.();
+        return;
+      }
+      const first = await pdf.getPage(1);
+      const vp = first.getViewport({ scale: 1 });
+      if (cancelled) return;
+      setDoc(pdf);
+      setNumPages(pdf.numPages);
+      setBaseSize({ width: vp.width, height: vp.height });
+      setStatus("ready");
+      onLoad?.({ numPages: pdf.numPages });
+    }).catch((err) => {
+      if (cancelled) return;
+      setStatus("error");
+      setError(err);
+      onError?.(err);
+    });
+    return () => {
+      cancelled = true;
+      task?.destroy?.();
+    };
+  }, [source, remote, reloadKey]);
+  React34.useEffect(() => () => {
+    doc?.destroy?.();
+  }, [doc]);
+  React34.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const measure = () => setViewport({ w: el.clientWidth, h: el.clientHeight });
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [status]);
+  const scale = React34.useMemo(() => {
+    if (!baseSize) return 1;
+    if (typeof zoomMode === "number") return zoomMode;
+    const avail = Math.max(0, (viewport.w || baseSize.width) - 32);
+    if (zoomMode === "page-width" || zoomMode === "auto") return avail / baseSize.width;
+    if (zoomMode === "page-fit") {
+      const availH = Math.max(0, (viewport.h || baseSize.height) - 32);
+      return Math.min(avail / baseSize.width, availH / baseSize.height);
+    }
+    return 1;
+  }, [zoomMode, baseSize, viewport]);
+  const pageH = baseSize ? baseSize.height * scale + GAP : 0;
+  const pageW = baseSize ? baseSize.width * scale : 0;
+  const total = numPages * pageH;
+  const overscan = 1;
+  const startIdx = pageH ? Math.max(0, Math.floor(scrollTop / pageH) - overscan) : 0;
+  const endIdx = pageH ? Math.min(numPages, Math.ceil((scrollTop + viewport.h) / pageH) + overscan) : 0;
+  const visiblePages = Array.from({ length: Math.max(0, endIdx - startIdx) }, (_, i) => startIdx + i + 1);
+  React34.useEffect(() => {
+    if (!pageH) return;
+    const cur = Math.min(numPages, Math.max(1, Math.floor((scrollTop + viewport.h / 2) / pageH) + 1));
+    if (cur !== page) {
+      setPage(cur);
+      onPageChange?.(cur);
+    }
+  }, [scrollTop, pageH, viewport.h, numPages]);
+  const scrollToPage = React34.useCallback((p) => {
+    const el = scrollRef.current;
+    if (!el || !pageH) return;
+    el.scrollTo({ top: (p - 1) * pageH, behavior: "smooth" });
+  }, [pageH]);
+  React34.useEffect(() => {
+    if (status === "ready" && initialPage > 1) scrollToPage(initialPage);
+  }, [status]);
+  const runSearch = React34.useCallback(async (q) => {
+    setQuery(q);
+    if (!doc || !q.trim()) {
+      setMatchPages(null);
+      setMatchIdx(0);
+      return;
+    }
+    const needle = q.toLowerCase();
+    const hits = [];
+    for (let p = 1; p <= numPages; p++) {
+      const pg = await doc.getPage(p);
+      const tc = await pg.getTextContent();
+      const text = tc.items.map((it) => "str" in it ? it.str : "").join(" ").toLowerCase();
+      if (text.includes(needle)) hits.push(p);
+    }
+    setMatchPages(hits);
+    setMatchIdx(0);
+    if (hits.length) scrollToPage(hits[0]);
+  }, [doc, numPages, scrollToPage]);
+  const gotoMatch = (dir) => {
+    if (!matchPages?.length) return;
+    const next = (matchIdx + dir + matchPages.length) % matchPages.length;
+    setMatchIdx(next);
+    scrollToPage(matchPages[next]);
+  };
+  const getBytes = React34.useCallback(async () => {
+    if (doc?.getData) return doc.getData();
+    if (source instanceof Uint8Array) return source;
+    if (source instanceof ArrayBuffer) return new Uint8Array(source);
+    if (typeof Blob !== "undefined" && source instanceof Blob) return new Uint8Array(await source.arrayBuffer());
+    throw new Error("No bytes available");
+  }, [doc, source]);
+  const download2 = React34.useCallback(async () => {
+    const bytes = await getBytes();
+    const blob = new Blob([bytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = sourceName(source) || "document.pdf";
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  }, [getBytes, source]);
+  const print = React34.useCallback(async () => {
+    const bytes = await getBytes();
+    const blob = new Blob([bytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const iframe = document.createElement("iframe");
+    iframe.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0";
+    iframe.src = url;
+    iframe.onload = () => {
+      try {
+        iframe.contentWindow?.focus();
+        iframe.contentWindow?.print();
+      } catch {
+      }
+    };
+    document.body.appendChild(iframe);
+    setTimeout(() => {
+      document.body.removeChild(iframe);
+      URL.revokeObjectURL(url);
+    }, 6e4);
+  }, [getBytes]);
+  const setZoomNum = (factor) => {
+    const cur = typeof zoomMode === "number" ? zoomMode : scale;
+    setZoomMode(Math.min(5, Math.max(0.25, +(cur * factor).toFixed(2))));
+  };
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-surface p-8 text-center", className), style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-status-error", children: "Couldn\u2019t load the PDF" }),
+      error?.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-xs text-foreground-muted", children: error.message }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button_default, { content: "Retry", size: "sm", variant: "outline", onClick: () => setReloadKey((k) => k + 1) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col overflow-hidden rounded-lg border border-border bg-surface-raised", className), style: { height: 600, ...style }, children: [
+    toolbar !== false && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-b border-border bg-surface px-2 py-1.5", children: [
+      tb.pager && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Previous page", onClick: () => scrollToPage(Math.max(1, page - 1)), icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron5, { dir: "up" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-1 text-xs tabular-nums text-foreground-secondary select-none", children: [
+          status === "ready" ? page : "\u2013",
+          " / ",
+          numPages || "\u2013"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Next page", onClick: () => scrollToPage(Math.min(numPages, page + 1)), icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron5, { dir: "down" }), disabled: status !== "ready" })
+      ] }),
+      tb.zoom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-1 flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Zoom out", onClick: () => setZoomNum(1 / 1.2), icon: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base leading-none", children: "\u2212" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Zoom in", onClick: () => setZoomNum(1.2), icon: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base leading-none", children: "+" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit width", onClick: () => setZoomMode("page-width"), icon: /* @__PURE__ */ jsxRuntime.jsx(FitWidthIcon, {}), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit page", onClick: () => setZoomMode("page-fit"), icon: /* @__PURE__ */ jsxRuntime.jsx(FitPageIcon, {}), disabled: status !== "ready" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+        tb.search && /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Search", onClick: () => setShowSearch((s) => !s), icon: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon2, {}), disabled: status !== "ready" }),
+        tb.download && /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Download", onClick: download2, icon: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {}), disabled: status !== "ready" }),
+        tb.print && /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Print", onClick: print, icon: /* @__PURE__ */ jsxRuntime.jsx(PrintIcon, {}), disabled: status !== "ready" })
+      ] }),
+      tb.search && showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-2 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: query,
+            onChange: (e) => runSearch(e.target.value),
+            placeholder: "Find in document\u2026",
+            className: "h-7 flex-1 rounded-md border border-border bg-surface px-2 text-sm text-foreground outline-none focus:border-accent"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs tabular-nums text-foreground-muted", children: matchPages == null ? "" : matchPages.length ? `${matchIdx + 1}/${matchPages.length} pages` : "no matches" }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Previous match", onClick: () => gotoMatch(-1), icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron5, { dir: "up" }), disabled: !matchPages?.length }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { type: "ghost", size: "sm", title: "Next match", onClick: () => gotoMatch(1), icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron5, { dir: "down" }), disabled: !matchPages?.length })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      thumbnails && status === "ready" && doc && baseSize && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-32 flex-shrink-0 overflow-y-auto border-r border-border bg-surface p-2", children: Array.from({ length: numPages }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => scrollToPage(p),
+          className: cx(
+            "mb-2 block w-full overflow-hidden rounded border bg-surface-raised transition-colors",
+            p === page ? "border-accent ring-1 ring-accent" : "border-border hover:border-border-strong"
+          ),
+          style: { aspectRatio: `${baseSize.width} / ${baseSize.height}` },
+          "aria-label": `Page ${p}`,
+          children: Math.abs(p - page) <= 8 ? /* @__PURE__ */ jsxRuntime.jsx(PdfPage, { pdfjs, doc, page: p, scale: 112 / baseSize.width, textLayer: false }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block py-4 text-center text-xs text-foreground-muted", children: p })
+        },
+        p
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: scrollRef,
+          onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+          className: "relative flex-1 overflow-auto bg-background",
+          children: status === "loading" || !baseSize ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonBox, { width: Math.min(viewport.w - 48, 560) || 480, height: 680, className: "rounded" }) }) : numPages === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-sm text-foreground-muted", children: "Empty document" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: total, position: "relative" }, children: visiblePages.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: { position: "absolute", top: (p - 1) * pageH, left: 0, right: 0, height: pageH, display: "flex", justifyContent: "center", paddingTop: GAP / 2, paddingBottom: GAP / 2 },
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative shadow-md", style: { width: pageW, height: baseSize.height * scale }, children: /* @__PURE__ */ jsxRuntime.jsx(PdfPage, { pdfjs, doc, page: p, scale, textLayer }) })
+            },
+            p
+          )) })
+        }
+      )
+    ] })
+  ] });
+}
+function PdfPage({ pdfjs, doc, page, scale, textLayer }) {
+  const canvasRef = React34.useRef(null);
+  const textRef = React34.useRef(null);
+  React34.useEffect(() => {
+    let cancelled = false;
+    let renderTask;
+    (async () => {
+      const pg = await doc.getPage(page);
+      if (cancelled) return;
+      const viewport = pg.getViewport({ scale });
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ratio = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+      canvas.width = Math.floor(viewport.width * ratio);
+      canvas.height = Math.floor(viewport.height * ratio);
+      canvas.style.width = `${Math.floor(viewport.width)}px`;
+      canvas.style.height = `${Math.floor(viewport.height)}px`;
+      const ctx = canvas.getContext("2d");
+      renderTask = pg.render({ canvasContext: ctx, viewport, transform: ratio !== 1 ? [ratio, 0, 0, ratio, 0, 0] : void 0 });
+      try {
+        await renderTask.promise;
+      } catch {
+        return;
+      }
+      if (cancelled || !textLayer || !textRef.current || !pdfjs?.TextLayer) return;
+      try {
+        textRef.current.innerHTML = "";
+        textRef.current.style.setProperty("--scale-factor", String(scale));
+        const tl = new pdfjs.TextLayer({ textContentSource: pg.streamTextContent(), container: textRef.current, viewport });
+        await tl.render();
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+      renderTask?.cancel?.();
+    };
+  }, [pdfjs, doc, page, scale, textLayer]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("canvas", { ref: canvasRef, className: "block bg-white" }),
+    textLayer && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: textRef, className: "textLayer pointer-events-auto absolute inset-0 overflow-hidden leading-none", style: { opacity: 0.25 }, "aria-hidden": "true" })
+  ] });
+}
+var Chevron5 = ({ dir }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: dir === "up" ? "m6 15 6-6 6 6" : "m6 9 6 6 6-6" }) });
+var SearchIcon2 = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", d: "m21 21-4.3-4.3" })
+] });
+var DownloadIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3v12m0 0 4-4m-4 4-4-4M4 21h16" }) });
+var PrintIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9V3h12v6M6 18H4v-7h16v7h-2M8 14h8v7H8z" }) });
+var FitWidthIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 12h18m0 0-4-4m4 4-4 4M3 12l4-4m-4 4 4 4" }) });
+var FitPageIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "3", width: "14", height: "18", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 8h6M9 12h6M9 16h4" })
+] });
+var DEFAULT_COL_WIDTH = 140;
+var GUTTER = 52;
+function resolveWidth(w) {
+  if (typeof w === "number") return w;
+  if (typeof w === "string") {
+    const n = parseFloat(w);
+    if (!Number.isNaN(n) && /^\d/.test(w.trim())) return n;
+  }
+  return DEFAULT_COL_WIDTH;
+}
+function displayValue(v) {
+  if (v == null) return "";
+  return String(v);
+}
+function DataGrid({
+  columns,
+  rows,
+  rowHeight = 34,
+  headerHeight = 38,
+  height = 480,
+  editable = false,
+  virtualize = true,
+  overscan = 4,
+  rowNumbers = true,
+  onCellEdit,
+  className = "",
+  style,
+  emptyState = "No data"
+}) {
+  const scrollRef = React34.useRef(null);
+  const [scroll, setScroll] = React34.useState({ top: 0, left: 0 });
+  const [viewport, setViewport] = React34.useState({ w: 0, h: 0 });
+  const [editing, setEditing] = React34.useState(null);
+  const [draft, setDraft] = React34.useState("");
+  const gutter = rowNumbers ? GUTTER : 0;
+  const { widths, offsets, totalWidth } = React34.useMemo(() => {
+    const widths2 = columns.map((c) => resolveWidth(c.width));
+    const offsets2 = [];
+    let acc = 0;
+    for (const w of widths2) {
+      offsets2.push(acc);
+      acc += w;
+    }
+    return { widths: widths2, offsets: offsets2, totalWidth: acc };
+  }, [columns]);
+  const totalHeight = rows.length * rowHeight;
+  React34.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const measure = () => setViewport({ w: el.clientWidth, h: el.clientHeight });
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const bodyH = (viewport.h || (typeof height === "number" ? height : 480)) - headerHeight;
+  const rowStart = virtualize ? Math.max(0, Math.floor(scroll.top / rowHeight) - overscan) : 0;
+  const rowEnd = virtualize ? Math.min(rows.length, Math.ceil((scroll.top + bodyH) / rowHeight) + overscan) : rows.length;
+  let colStart = 0;
+  let colEnd = columns.length;
+  if (virtualize && viewport.w) {
+    const viewLeft = scroll.left;
+    const viewRight = scroll.left + (viewport.w - gutter);
+    colStart = Math.max(0, offsets.findIndex((o, i) => o + widths[i] > viewLeft));
+    if (colStart < 0) colStart = 0;
+    colEnd = offsets.findIndex((o) => o > viewRight);
+    colEnd = colEnd === -1 ? columns.length : Math.min(columns.length, colEnd + 1);
+    colStart = Math.max(0, colStart - overscan);
+    colEnd = Math.min(columns.length, colEnd + overscan);
+  }
+  const visibleRows = Array.from({ length: Math.max(0, rowEnd - rowStart) }, (_, i) => rowStart + i);
+  const visibleCols = Array.from({ length: Math.max(0, colEnd - colStart) }, (_, i) => colStart + i);
+  const commit = React34.useCallback(() => {
+    if (!editing) return;
+    const col = columns[editing.col];
+    onCellEdit?.({ row: editing.row, column: col.key, value: draft });
+    setEditing(null);
+  }, [editing, columns, draft, onCellEdit]);
+  const startEdit = (row, col) => {
+    const c = columns[col];
+    if (!(c.editable ?? editable)) return;
+    setDraft(displayValue(rows[row]?.[c.key] ?? ""));
+    setEditing({ row, col });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: scrollRef,
+      onScroll: (e) => setScroll({ top: e.currentTarget.scrollTop, left: e.currentTarget.scrollLeft }),
+      className: cx("relative overflow-auto rounded-lg border border-border bg-surface-raised text-sm", className),
+      style: { height, ...style },
+      role: "grid",
+      "aria-rowcount": rows.length,
+      "aria-colcount": columns.length,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative", width: gutter + totalWidth, height: headerHeight + totalHeight }, children: [
+          rowNumbers && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "border-b border-r border-border bg-surface",
+              style: { position: "absolute", top: scroll.top, left: scroll.left, width: gutter, height: headerHeight, zIndex: 3 }
+            }
+          ),
+          visibleCols.map((ci) => {
+            const c = columns[ci];
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "columnheader",
+                className: "flex items-center border-b border-r border-border bg-surface px-3 font-medium text-foreground-secondary",
+                style: {
+                  position: "absolute",
+                  top: scroll.top,
+                  left: gutter + offsets[ci],
+                  width: widths[ci],
+                  height: headerHeight,
+                  zIndex: 2,
+                  justifyContent: c.align === "right" ? "flex-end" : c.align === "center" ? "center" : "flex-start"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: c.label ?? c.key })
+              },
+              `h-${c.key}`
+            );
+          }),
+          rowNumbers && visibleRows.map((ri) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "flex items-center justify-center border-b border-r border-border bg-surface text-xs tabular-nums text-foreground-muted",
+              style: { position: "absolute", left: scroll.left, top: headerHeight + ri * rowHeight, width: gutter, height: rowHeight, zIndex: 1 },
+              children: ri + 1
+            },
+            `g-${ri}`
+          )),
+          visibleRows.map(
+            (ri) => visibleCols.map((ci) => {
+              const c = columns[ci];
+              const isEditing = editing?.row === ri && editing?.col === ci;
+              const canEdit = c.editable ?? editable;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "gridcell",
+                  onDoubleClick: () => startEdit(ri, ci),
+                  className: cx(
+                    "flex items-center border-b border-r border-border px-3",
+                    ri % 2 ? "bg-surface-raised" : "bg-surface",
+                    canEdit && "cursor-text"
+                  ),
+                  style: {
+                    position: "absolute",
+                    top: headerHeight + ri * rowHeight,
+                    left: gutter + offsets[ci],
+                    width: widths[ci],
+                    height: rowHeight,
+                    justifyContent: c.align === "right" ? "flex-end" : c.align === "center" ? "center" : "flex-start"
+                  },
+                  children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      autoFocus: true,
+                      value: draft,
+                      onChange: (e) => setDraft(e.target.value),
+                      onBlur: commit,
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") commit();
+                        else if (e.key === "Escape") setEditing(null);
+                      },
+                      className: "h-full w-full bg-transparent text-foreground outline-none"
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", children: displayValue(rows[ri]?.[c.key] ?? "") })
+                },
+                `${ri}-${c.key}`
+              );
+            })
+          )
+        ] }),
+        rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-foreground-muted", style: { top: headerHeight }, children: emptyState })
+      ]
+    }
+  );
+}
+function toColumns(cols) {
+  return cols.map((c) => typeof c === "string" ? { key: c, label: c } : { ...c, label: c.label ?? c.key });
+}
+function cellValue(v) {
+  if (v != null && typeof v === "object" && "value" in v) return v.value;
+  return v;
+}
+function toPlainRows(sheet, columns) {
+  return sheet.rows.map((row) => {
+    const out = {};
+    for (const c of columns) out[c.key] = cellValue(row[c.key]);
+    return out;
+  });
+}
+var xlsxPromise = null;
+var loadXlsx = () => xlsxPromise ??= import('xlsx');
+var jspdfPromise = null;
+var loadJspdf = () => jspdfPromise ??= import('jspdf');
+function download(blob, name) {
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function Spreadsheet({
+  source,
+  remote,
+  editable = false,
+  onCellEdit,
+  onChange,
+  export: exportFormats = ["xlsx", "csv", "pdf"],
+  fileName,
+  virtualize = true,
+  className = "",
+  style
+}) {
+  const [sheets, setSheets] = React34.useState(Array.isArray(source) ? source : null);
+  const [active, setActive] = React34.useState(0);
+  const [status, setStatus] = React34.useState(Array.isArray(source) ? "ready" : "loading");
+  const [error, setError] = React34.useState(null);
+  const [reloadKey, setReloadKey] = React34.useState(0);
+  React34.useEffect(() => {
+    if (Array.isArray(source)) {
+      setSheets(source);
+      setStatus("ready");
+      return;
+    }
+    let cancelled = false;
+    setStatus("loading");
+    setError(null);
+    (async () => {
+      try {
+        const bytes = await sourceToBytes(source, remote);
+        const XLSX = await loadXlsx();
+        const wb = XLSX.read(bytes, { type: "array" });
+        const parsed = wb.SheetNames.map((name) => {
+          const ws = wb.Sheets[name];
+          const aoa = XLSX.utils.sheet_to_json(ws, { header: 1, blankrows: false, defval: null });
+          const headerRow = aoa[0] ?? [];
+          const columns2 = headerRow.map((h, i) => ({
+            key: h != null && String(h).length ? String(h) : `col_${i}`,
+            label: h != null && String(h).length ? String(h) : `Column ${i + 1}`
+          }));
+          const rows = aoa.slice(1).map((r) => {
+            const rec = {};
+            columns2.forEach((c, i) => {
+              rec[c.key] = r[i] ?? null;
+            });
+            return rec;
+          });
+          return { name, columns: columns2, rows };
+        });
+        if (cancelled) return;
+        setSheets(parsed);
+        setActive(0);
+        setStatus("ready");
+      } catch (err) {
+        if (cancelled) return;
+        setError(err);
+        setStatus("error");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [source, remote, reloadKey]);
+  const sheet = sheets?.[active];
+  const columns = React34.useMemo(() => sheet ? toColumns(sheet.columns) : [], [sheet]);
+  const plainRows = React34.useMemo(() => sheet ? toPlainRows(sheet, columns) : [], [sheet, columns]);
+  const handleCellEdit = React34.useCallback(({ row, column, value }) => {
+    setSheets((prev) => {
+      if (!prev) return prev;
+      const next = prev.map((s, i) => i === active ? { ...s, rows: s.rows.map((r) => ({ ...r })) } : s);
+      const target = next[active];
+      const existing = target.rows[row]?.[column];
+      if (existing != null && typeof existing === "object" && "value" in existing) {
+        target.rows[row][column] = { ...existing, value };
+      } else {
+        target.rows[row][column] = value;
+      }
+      onChange?.(next);
+      return next;
+    });
+    onCellEdit?.({ sheet: sheets?.[active]?.name ?? "", row, column, value });
+  }, [active, onCellEdit, onChange, sheets]);
+  const baseName = React34.useMemo(
+    () => (fileName || (typeof source === "object" && "name" in source ? sourceName(source) : null) || "spreadsheet").replace(/\.[^.]+$/, ""),
+    [fileName, source]
+  );
+  const sheetAoa = React34.useCallback((s) => {
+    const cols = toColumns(s.columns);
+    const header = cols.map((c) => typeof c.label === "string" ? c.label : c.key);
+    const body = s.rows.map((r) => cols.map((c) => cellValue(r[c.key])));
+    return [header, ...body];
+  }, []);
+  const exportXlsx = React34.useCallback(async () => {
+    if (!sheets) return;
+    const XLSX = await loadXlsx();
+    const wb = XLSX.utils.book_new();
+    sheets.forEach((s) => {
+      const ws = XLSX.utils.aoa_to_sheet(sheetAoa(s));
+      XLSX.utils.book_append_sheet(wb, ws, (s.name || "Sheet").slice(0, 31));
+    });
+    const out = XLSX.write(wb, { bookType: "xlsx", type: "array" });
+    download(new Blob([out], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }), `${baseName}.xlsx`);
+  }, [sheets, sheetAoa, baseName]);
+  const exportCsv = React34.useCallback(() => {
+    if (!sheet) return;
+    const aoa = sheetAoa(sheet);
+    const esc = (v) => {
+      const s = v == null ? "" : String(v);
+      return /[",\n]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
+    };
+    const csv = aoa.map((row) => row.map(esc).join(",")).join("\r\n");
+    download(new Blob([`\uFEFF${csv}`], { type: "text/csv;charset=utf-8" }), `${baseName}.csv`);
+  }, [sheet, sheetAoa, baseName]);
+  const exportPdf = React34.useCallback(async () => {
+    if (!sheet) return;
+    const { jsPDF } = await loadJspdf();
+    const doc = new jsPDF({ orientation: "landscape", unit: "pt", format: "a4" });
+    const aoa = sheetAoa(sheet);
+    const margin2 = 32;
+    const pageW = doc.internal.pageSize.getWidth();
+    const pageH = doc.internal.pageSize.getHeight();
+    const cols = aoa[0]?.length || 1;
+    const colW = (pageW - margin2 * 2) / cols;
+    const rowH = 18;
+    let y = margin2;
+    doc.setFontSize(9);
+    const drawRow = (row, header) => {
+      if (y + rowH > pageH - margin2) {
+        doc.addPage();
+        y = margin2;
+      }
+      doc.setFont("helvetica", header ? "bold" : "normal");
+      row.forEach((cell, i) => {
+        const text = cell == null ? "" : String(cell);
+        doc.text(text.length > 24 ? `${text.slice(0, 23)}\u2026` : text, margin2 + i * colW + 2, y + 12);
+      });
+      doc.setDrawColor(210);
+      doc.line(margin2, y + rowH, pageW - margin2, y + rowH);
+      y += rowH;
+    };
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(12);
+    doc.text(sheet.name || baseName, margin2, y);
+    y += 22;
+    doc.setFontSize(9);
+    aoa.forEach((row, i) => drawRow(row, i === 0));
+    doc.save(`${baseName}.pdf`);
+  }, [sheet, sheetAoa, baseName]);
+  const runExport = (fmt) => {
+    if (fmt === "xlsx") void exportXlsx();
+    else if (fmt === "csv") exportCsv();
+    else void exportPdf();
+  };
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-surface p-8 text-center", className), style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-status-error", children: "Couldn\u2019t load the spreadsheet" }),
+      error?.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-xs text-foreground-muted", children: error.message }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button_default, { content: "Retry", size: "sm", variant: "outline", onClick: () => setReloadKey((k) => k + 1) })
+    ] });
+  }
+  if (status === "loading" || !sheets) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("rounded-lg border border-border bg-surface-raised p-4", className), style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBox, { height: 32, className: "mb-3 rounded" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBox, { height: 360, className: "rounded" })
+    ] });
+  }
+  const formats = exportFormats || [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col gap-2", className), style, children: [
+    (sheets.length > 1 || formats.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      sheets.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: "flex flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1", children: sheets.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          role: "tab",
+          type: "button",
+          "aria-selected": i === active,
+          onClick: () => setActive(i),
+          className: cx(
+            "rounded-md px-3 py-1 text-sm transition-colors",
+            i === active ? "bg-accent text-accent-fg" : "text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
+          ),
+          children: s.name || `Sheet ${i + 1}`
+        },
+        `${s.name}-${i}`
+      )) }),
+      formats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-1.5", children: formats.map((fmt) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { content: fmt.toUpperCase(), size: "sm", variant: "outline", onClick: () => runExport(fmt) }, fmt)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DataGrid,
+      {
+        columns,
+        rows: plainRows,
+        editable,
+        virtualize,
+        onCellEdit: handleCellEdit
+      }
+    )
+  ] });
+}
 function ThemeSwitch({ checked, onChange, label = "Toggle dark mode", className = "" }) {
-  const id = React31.useId();
+  const id = React34.useId();
   return /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: `flex items-center gap-2 cursor-pointer select-none ${className}`.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitive__namespace.Root,
     {
@@ -6048,8 +6811,8 @@ function FlyoutItems({ items }) {
   }) });
 }
 function CollapsedFlyout({ item, trigger }) {
-  const [open, setOpen] = React31.useState(false);
-  const closeTimer = React31__default.default.useRef(void 0);
+  const [open, setOpen] = React34.useState(false);
+  const closeTimer = React34__default.default.useRef(void 0);
   const openNow = () => {
     window.clearTimeout(closeTimer.current);
     setOpen(true);
@@ -6058,7 +6821,7 @@ function CollapsedFlyout({ item, trigger }) {
     window.clearTimeout(closeTimer.current);
     closeTimer.current = window.setTimeout(() => setOpen(false), 150);
   };
-  React31__default.default.useEffect(() => () => window.clearTimeout(closeTimer.current), []);
+  React34__default.default.useEffect(() => () => window.clearTimeout(closeTimer.current), []);
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2__namespace.Root, { open, onOpenChange: setOpen, modal: false, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       DropdownMenu2__namespace.Trigger,
@@ -6096,7 +6859,7 @@ function NavItem({
   depth = 0
 }) {
   const hasChildren = !!(item.items && item.items.length);
-  const [open, setOpen] = React31.useState(item.defaultOpen ?? (hasChildren && hasActiveDescendant(item)));
+  const [open, setOpen] = React34.useState(item.defaultOpen ?? (hasChildren && hasActiveDescendant(item)));
   const handleClick = () => {
     if (hasChildren && isExpanded) setOpen((o) => !o);
     item.onClick?.();
@@ -6234,7 +6997,7 @@ function Sidebar({
     }
   ) });
 }
-var MegaMenuContext = React31.createContext({ align: "start" });
+var MegaMenuContext = React34.createContext({ align: "start" });
 function MegaMenu({
   children,
   align = "start",
@@ -6265,7 +7028,7 @@ function MegaMenu({
 }
 var TOP_ITEM = "group/top inline-flex items-center gap-1.5 h-10 px-3 rounded-md text-sm font-medium select-none text-foreground-secondary hover:text-foreground hover:bg-surface-raised data-[state=open]:text-accent data-[active]:text-accent transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent";
 function MegaMenuItem({ label, icon, href, children, className = "" }) {
-  const { align } = React31.useContext(MegaMenuContext);
+  const { align } = React34.useContext(MegaMenuContext);
   const pos = align === "center" ? "left-1/2 -translate-x-1/2" : align === "end" ? "right-0" : "left-0";
   if (!children) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu__namespace.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Link, { href, className: cx(TOP_ITEM, className), children: [
@@ -6350,8 +7113,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("min-w-0 rounded-lg bg-surface-raised border border-border p-4 flex flex-col", className), children });
 }
-var elementsOfType = (children, type) => React31__default.default.Children.toArray(children).filter(
-  (c) => React31__default.default.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React34__default.default.Children.toArray(children).filter(
+  (c) => React34__default.default.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -6388,9 +7151,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React31__default.default.Children.toArray(panel.props.children);
+  const nodes = React34__default.default.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React31__default.default.isValidElement(node)) return null;
+    if (!React34__default.default.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -6409,8 +7172,8 @@ function MegaMenuMobile({
   children,
   label
 }) {
-  const [open, setOpen] = React31.useState(false);
-  const [expanded, setExpanded] = React31.useState(null);
+  const [open, setOpen] = React34.useState(false);
+  const [expanded, setExpanded] = React34.useState(null);
   const items = elementsOfType(children, MegaMenuItem);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6483,17 +7246,17 @@ function AppShell({
   children,
   className = ""
 }) {
-  const [expanded, setExpanded] = React31.useState(sidebarDefaultExpanded);
-  const [isMobile, setIsMobile] = React31.useState(false);
-  const [mobileOpen, setMobileOpen] = React31.useState(false);
-  React31.useEffect(() => {
+  const [expanded, setExpanded] = React34.useState(sidebarDefaultExpanded);
+  const [isMobile, setIsMobile] = React34.useState(false);
+  const [mobileOpen, setMobileOpen] = React34.useState(false);
+  React34.useEffect(() => {
     const mq = window.matchMedia("(max-width: 767px)");
     const update = (e) => setIsMobile(e.matches);
     update(mq);
     mq.addEventListener("change", update);
     return () => mq.removeEventListener("change", update);
   }, []);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!isMobile) setMobileOpen(false);
   }, [isMobile]);
   const hasSidebar = sidebarSections.length > 0;
@@ -6620,7 +7383,7 @@ function SecureLayout({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const cbs = React31.useRef({ canAccess, onGranted, onDeny });
+  const cbs = React34.useRef({ canAccess, onGranted, onDeny });
   cbs.current = { canAccess, onGranted, onDeny };
   const rolesKey = JSON.stringify(roles);
   const requiredRolesKey = JSON.stringify(requiredRoles);
@@ -6635,10 +7398,10 @@ function SecureLayout({
     if (requiredPermissions?.length && !has(permissions, requiredPermissions, requireAllPermissions)) return false;
     return true;
   };
-  const [state, setState] = React31.useState(
+  const [state, setState] = React34.useState(
     () => !passesSync() ? "denied" : canAccess ? "checking" : "granted"
   );
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     let cancelled = false;
     const { canAccess: check, onGranted: granted, onDeny: deny } = cbs.current;
     const finish = (ok) => {
@@ -6799,10 +7562,10 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React31__default.default.useId().replace(/:/g, "");
+  const id = React34__default.default.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
-  const divRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const divRef = React34.useRef(null);
+  React34.useEffect(() => {
     const el = divRef.current;
     if (!el) return;
     if (colorScheme === "auto") return;
@@ -6817,8 +7580,8 @@ function ThemeProvider({
     }
     el.classList.toggle("dark", colorScheme === "dark");
   }, [colorScheme]);
-  const lightVars = React31.useMemo(() => toCssVars(theme), [theme]);
-  const darkVarStr = React31.useMemo(() => {
+  const lightVars = React34.useMemo(() => toCssVars(theme), [theme]);
+  const darkVarStr = React34.useMemo(() => {
     if (!darkTheme) return "";
     const dvars = toCssVars(darkTheme);
     if (!Object.keys(dvars).length) return "";
@@ -6860,7 +7623,7 @@ function NumberInput({
   readOnly = false,
   precision
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const inferredPrecision = precision ?? (Number.isInteger(step) ? 0 : String(step).split(".")[1]?.length ?? 0);
   const round = (n) => {
@@ -6991,8 +7754,8 @@ function Password({
   showIcon,
   hideIcon
 }) {
-  const [visible, setVisible] = React31.useState(false);
-  const errorId = React31.useId();
+  const [visible, setVisible] = React34.useState(false);
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
@@ -7092,7 +7855,7 @@ function PasswordStrength({
   className = "",
   style
 }) {
-  const { score, label } = React31.useMemo(() => scorer(value), [scorer, value]);
+  const { score, label } = React34.useMemo(() => scorer(value), [scorer, value]);
   const showMatch = confirmValue != null && (value.length > 0 || confirmValue.length > 0);
   const matches = value.length > 0 && value === confirmValue;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col gap-2", className), style, "aria-live": "polite", children: [
@@ -7151,8 +7914,8 @@ function RadioTile({
   errorMessage,
   className
 }) {
-  const groupId = React31.useId();
-  const errorId = React31.useId();
+  const groupId = React34.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
@@ -7227,7 +7990,7 @@ function Checkbox({
 }) {
   const isChecked = checked ?? value ?? false;
   const labelFirst = labelPosition === "left";
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const box = /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -7335,8 +8098,8 @@ function RadioGroup({
   className,
   errorMessage
 }) {
-  const errorId = React31.useId();
-  const groupId = React31.useId();
+  const errorId = React34.useId();
+  const groupId = React34.useId();
   const hasError = errorMessage != null;
   const labelFirst = labelPosition === "left";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -7436,11 +8199,11 @@ function Switch({
   disabled,
   errorMessage
 }) {
-  const id = React31.useId();
-  const errorId = React31.useId();
+  const id = React34.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const isControlled = checked !== void 0;
-  const [internal, setInternal] = React31.useState(defaultChecked);
+  const [internal, setInternal] = React34.useState(defaultChecked);
   const isOn = isControlled ? checked : internal;
   const handle = (c) => {
     if (!isControlled) setInternal(c);
@@ -7516,15 +8279,15 @@ function MultiTagRow({
   labelFor,
   onRemove
 }) {
-  const wrapRef = React31.useRef(null);
-  const measureRef = React31.useRef(null);
-  const [visibleCount, setVisibleCount] = React31.useState(values.length);
+  const wrapRef = React34.useRef(null);
+  const measureRef = React34.useRef(null);
+  const [visibleCount, setVisibleCount] = React34.useState(values.length);
   const key = values.map(String).join("|");
-  React31.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     const wrap = wrapRef.current;
     const measure = measureRef.current;
     if (!wrap || !measure) return;
-    const GAP = 6;
+    const GAP2 = 6;
     const recompute = () => {
       const avail = wrap.clientWidth;
       const tagEls = Array.from(measure.querySelectorAll("[data-mt]"));
@@ -7538,7 +8301,7 @@ function MultiTagRow({
       let used = 0;
       let count = 0;
       for (let i = 0; i < widths.length; i++) {
-        const w = widths[i] + (i > 0 ? GAP : 0);
+        const w = widths[i] + (i > 0 ? GAP2 : 0);
         if (used + w <= avail) {
           used += w;
           count++;
@@ -7547,8 +8310,8 @@ function MultiTagRow({
       if (count < widths.length) {
         while (count > 0) {
           let t = 0;
-          for (let i = 0; i < count; i++) t += widths[i] + (i > 0 ? GAP : 0);
-          t += GAP + moreW;
+          for (let i = 0; i < count; i++) t += widths[i] + (i > 0 ? GAP2 : 0);
+          t += GAP2 + moreW;
           if (t <= avail) break;
           count--;
         }
@@ -7614,16 +8377,16 @@ function Dropdown({
   size = "md",
   className = ""
 }) {
-  const [open, setOpen] = React31.useState(false);
-  const [selectedItems, setSelectedItems] = React31.useState([]);
-  const [searchTerm, setSearchTerm] = React31.useState("");
-  const [innerItems, setInnerItems] = React31.useState([]);
-  const errorId = React31.useId();
+  const [open, setOpen] = React34.useState(false);
+  const [selectedItems, setSelectedItems] = React34.useState([]);
+  const [searchTerm, setSearchTerm] = React34.useState("");
+  const [innerItems, setInnerItems] = React34.useState([]);
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     setInnerItems(items);
   }, [items]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (isMultiselect && Array.isArray(value)) {
       setSelectedItems(value);
     }
@@ -7816,19 +8579,19 @@ function AutoComplete({
   required,
   htmlFor
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [term, setTerm] = React31.useState("");
-  const [open, setOpen] = React31.useState(false);
-  const [asyncItems, setAsyncItems] = React31.useState([]);
-  const [loading, setLoading] = React31.useState(false);
+  const [term, setTerm] = React34.useState("");
+  const [open, setOpen] = React34.useState(false);
+  const [asyncItems, setAsyncItems] = React34.useState([]);
+  const [loading, setLoading] = React34.useState(false);
   const isAsync = typeof onSearch === "function";
-  const debounceRef = React31.useRef(null);
-  const requestIdRef = React31.useRef(0);
+  const debounceRef = React34.useRef(null);
+  const requestIdRef = React34.useRef(0);
   const staticFiltered = isAsync || !items ? [] : term.trim() ? items.filter(
     ({ key, label: label2 }) => label2.toLowerCase().includes(term.toLowerCase()) || key.toLowerCase().includes(term.toLowerCase())
   ) : [];
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!isAsync) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (!term.trim()) {
@@ -7985,15 +8748,15 @@ function TreeSelect({
   defaultExpandedKeys = [],
   size = "md"
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React31.useState(false);
-  const [expanded, setExpanded] = React31.useState(() => new Set(defaultExpandedKeys));
-  const [activeIndex, setActiveIndex] = React31.useState(0);
-  const listRef = React31.useRef(null);
-  const visible = React31.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
-  const didSyncOnOpenRef = React31.useRef(false);
-  React31.useEffect(() => {
+  const [open, setOpen] = React34.useState(false);
+  const [expanded, setExpanded] = React34.useState(() => new Set(defaultExpandedKeys));
+  const [activeIndex, setActiveIndex] = React34.useState(0);
+  const listRef = React34.useRef(null);
+  const visible = React34.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
+  const didSyncOnOpenRef = React34.useRef(false);
+  React34.useEffect(() => {
     if (!open) {
       didSyncOnOpenRef.current = false;
       return;
@@ -8003,7 +8766,7 @@ function TreeSelect({
     setActiveIndex(selectedIdx >= 0 ? selectedIdx : 0);
     didSyncOnOpenRef.current = true;
   }, [open, value]);
-  const selectedNode = React31.useMemo(
+  const selectedNode = React34.useMemo(
     () => value != null ? findNodeByKey(items, value) : null,
     [items, value]
   );
@@ -8235,11 +8998,11 @@ function FileInput({
   required,
   icon
 }) {
-  const inputRef = React31.useRef(null);
-  const errorId = React31.useId();
-  const [files, setFiles] = React31.useState([]);
-  const [dragging, setDragging] = React31.useState(false);
-  const [sizeError, setSizeError] = React31.useState(null);
+  const inputRef = React34.useRef(null);
+  const errorId = React34.useId();
+  const [files, setFiles] = React34.useState([]);
+  const [dragging, setDragging] = React34.useState(false);
+  const [sizeError, setSizeError] = React34.useState(null);
   const effectiveError = errorMessage ?? sizeError ?? void 0;
   const openPicker = () => {
     if (!disabled) inputRef.current?.click();
@@ -8430,30 +9193,30 @@ function DatePicker({
   size = "md",
   className = ""
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React31.useState(false);
-  const [viewMonth, setViewMonth] = React31.useState(() => startOfMonth2(value ?? /* @__PURE__ */ new Date()));
-  const [focusDate, setFocusDate] = React31.useState(() => value ?? /* @__PURE__ */ new Date());
-  const [view, setView] = React31.useState("days");
-  const gridRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const [open, setOpen] = React34.useState(false);
+  const [viewMonth, setViewMonth] = React34.useState(() => startOfMonth2(value ?? /* @__PURE__ */ new Date()));
+  const [focusDate, setFocusDate] = React34.useState(() => value ?? /* @__PURE__ */ new Date());
+  const [view, setView] = React34.useState("days");
+  const gridRef = React34.useRef(null);
+  React34.useEffect(() => {
     if (!open) return;
     const target = value ?? /* @__PURE__ */ new Date();
     setViewMonth(startOfMonth2(target));
     setFocusDate(target);
     setView("days");
   }, [open, value]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (!open) return;
     const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat3(focusDate)}"]`);
     cell?.focus();
   }, [open, focusDate]);
-  const weekdays = React31.useMemo(() => {
+  const weekdays = React34.useMemo(() => {
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = React31.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = React34.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -8508,7 +9271,7 @@ function DatePicker({
       setOpen(false);
     }
   };
-  const displayValue = value ? format(value) : "";
+  const displayValue2 = value ? format(value) : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col gap-1 ${className}`.trim(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex ${layout === "vertical" ? "flex-col gap-1.5" : "flex-row items-start gap-3"}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8535,7 +9298,7 @@ function DatePicker({
             "aria-expanded": open,
             className: `flex items-center justify-between cursor-pointer select-none ${!style?.width ? "min-w-[200px]" : ""} ${fieldShell({ size, hasError, disabled })}`,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm truncate ${displayValue ? "" : "text-foreground-muted"}`, children: displayValue || placeholder }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm truncate ${displayValue2 ? "" : "text-foreground-muted"}`, children: displayValue2 || placeholder }),
               /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
             ]
           }
@@ -8744,10 +9507,10 @@ function TextArea({
   style,
   inputStyle
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const ref = React31.useRef(null);
-  React31.useLayoutEffect(() => {
+  const ref = React34.useRef(null);
+  React34.useLayoutEffect(() => {
     if (!autoGrow) return;
     const el = ref.current;
     if (!el) return;
@@ -8819,14 +9582,14 @@ function Slider({
   name,
   htmlFor
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
   const isRange = Array.isArray(value ?? defaultValue);
-  const [internal, setInternal] = React31.useState(
+  const [internal, setInternal] = React34.useState(
     () => toArray(value) ?? toArray(defaultValue) ?? [min]
   );
   const current = toArray(value) ?? internal;
-  const [dragging, setDragging] = React31.useState(false);
+  const [dragging, setDragging] = React34.useState(false);
   const emit = (arr) => {
     setInternal(arr);
     const next = isRange ? [arr[0], arr[1]] : arr[0];
@@ -8921,11 +9684,11 @@ function TagsInput({
   validate,
   separators = ["Enter", ","]
 }) {
-  const errorId = React31.useId();
-  const inputRef = React31.useRef(null);
-  const [internal, setInternal] = React31.useState(defaultValue ?? []);
-  const [draft, setDraft] = React31.useState("");
-  const [localError, setLocalError] = React31.useState(null);
+  const errorId = React34.useId();
+  const inputRef = React34.useRef(null);
+  const [internal, setInternal] = React34.useState(defaultValue ?? []);
+  const [draft, setDraft] = React34.useState("");
+  const [localError, setLocalError] = React34.useState(null);
   const tags = value ?? internal;
   const hasError = errorMessage != null || localError != null;
   const errorText = errorMessage ?? localError ?? void 0;
@@ -9056,9 +9819,9 @@ function OtpInput({
   className,
   groupAfter
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const refs = React31.useRef([]);
+  const refs = React34.useRef([]);
   const chars = Array.from({ length }, (_, i) => value[i] ?? "");
   const pattern = mode === "numeric" ? /[0-9]/ : /[a-zA-Z0-9]/;
   const emit = (next) => {
@@ -9107,7 +9870,7 @@ function OtpInput({
     emit(valid.join(""));
     focusBox(valid.length);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React31__default.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -9165,9 +9928,9 @@ function Rating({
   className,
   required
 }) {
-  const errorId = React31.useId();
-  const [internal, setInternal] = React31.useState(defaultValue);
-  const [hover, setHover] = React31.useState(null);
+  const errorId = React34.useId();
+  const [internal, setInternal] = React34.useState(defaultValue);
+  const [hover, setHover] = React34.useState(null);
   const current = value ?? internal;
   const display2 = hover ?? current;
   const interactive = !readOnly && !disabled;
@@ -9290,9 +10053,9 @@ function TimePicker({
   required,
   style
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React31.useState(false);
+  const [open, setOpen] = React34.useState(false);
   const parsed = parse(value) ?? { h: 0, m: 0, s: 0 };
   const update = (next) => {
     const merged = { ...parsed, ...next };
@@ -9417,13 +10180,13 @@ function DateRangePicker({
   required,
   style
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React31.useState(false);
-  const [leftMonth, setLeftMonth] = React31.useState(() => startOfMonth3(value.start ?? /* @__PURE__ */ new Date()));
-  const [pendingStart, setPendingStart] = React31.useState(null);
-  const [hoverDate, setHoverDate] = React31.useState(null);
-  const weekdays = React31.useMemo(
+  const [open, setOpen] = React34.useState(false);
+  const [leftMonth, setLeftMonth] = React34.useState(() => startOfMonth3(value.start ?? /* @__PURE__ */ new Date()));
+  const [pendingStart, setPendingStart] = React34.useState(null);
+  const [hoverDate, setHoverDate] = React34.useState(null);
+  const weekdays = React34.useMemo(
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
@@ -9600,10 +10363,10 @@ function ColorPicker({
   required,
   placeholder = "Pick a colour\u2026"
 }) {
-  const errorId = React31.useId();
+  const errorId = React34.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React31.useState(false);
-  const [draft, setDraft] = React31.useState(value);
+  const [open, setOpen] = React34.useState(false);
+  const [draft, setDraft] = React34.useState(value);
   const valid = HEX_RE.test(value);
   const pick = (hex) => {
     onChange?.(hex);
@@ -9691,7 +10454,7 @@ function ColorPicker({
 }
 var CUSTOM_EVENT = "oxy-local-storage";
 function useLocalStorage(key, initialValue) {
-  const read = React31.useCallback(() => {
+  const read = React34.useCallback(() => {
     if (typeof window === "undefined") return initialValue;
     try {
       const item = window.localStorage.getItem(key);
@@ -9700,8 +10463,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [key]);
-  const [stored, setStored] = React31.useState(read);
-  const setValue = React31.useCallback((value) => {
+  const [stored, setStored] = React34.useState(read);
+  const setValue = React34.useCallback((value) => {
     setStored((prev) => {
       const next = value instanceof Function ? value(prev) : value;
       try {
@@ -9714,7 +10477,7 @@ function useLocalStorage(key, initialValue) {
       return next;
     });
   }, [key]);
-  const remove = React31.useCallback(() => {
+  const remove = React34.useCallback(() => {
     try {
       if (typeof window !== "undefined") {
         window.localStorage.removeItem(key);
@@ -9724,10 +10487,10 @@ function useLocalStorage(key, initialValue) {
     }
     setStored(initialValue);
   }, [key]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     setStored(read());
   }, [key, read]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (typeof window === "undefined") return;
     const onStorage = (e) => {
       if (e.key === null || e.key === key) setStored(read());
@@ -9746,8 +10509,8 @@ function useLocalStorage(key, initialValue) {
 }
 function useMediaQuery(query) {
   const get = () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = React31.useState(get);
-  React31.useEffect(() => {
+  const [matches, setMatches] = React34.useState(get);
+  React34.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -9778,8 +10541,8 @@ function decodeSegment(seg) {
   }
 }
 function useJwt(token) {
-  const [, tick] = React31.useState(0);
-  const decoded = React31.useMemo(() => {
+  const [, tick] = React34.useState(0);
+  const decoded = React34.useMemo(() => {
     if (!token) return { payload: null, header: null, exp: null };
     const [h, p] = token.split(".");
     const header = decodeSegment(h);
@@ -9787,7 +10550,7 @@ function useJwt(token) {
     const exp = payload && typeof payload.exp === "number" ? payload.exp : null;
     return { payload, header, exp };
   }, [token]);
-  React31.useEffect(() => {
+  React34.useEffect(() => {
     if (decoded.exp == null) return;
     const ms = decoded.exp * 1e3 - Date.now();
     if (ms <= 0) return;
@@ -9961,13 +10724,13 @@ function SlideShow({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [index, setIndex] = React31.useState(0);
-  const [paused, setPaused] = React31.useState(false);
+  const [index, setIndex] = React34.useState(0);
+  const [paused, setPaused] = React34.useState(false);
   const count = slides.length;
   const idx = count ? (index % count + count) % count : 0;
-  const go = React31.useCallback((d) => setIndex((i) => i + d), []);
-  const timer = React31.useRef(null);
-  React31.useEffect(() => {
+  const go = React34.useCallback((d) => setIndex((i) => i + d), []);
+  const timer = React34.useRef(null);
+  React34.useEffect(() => {
     if (!autoPlay || paused || count <= 1) return;
     timer.current = setInterval(() => setIndex((i) => i + 1), interval);
     return () => {
@@ -10043,7 +10806,7 @@ function Video({
   className = "",
   style
 }) {
-  const [playing, setPlaying] = React31.useState(autoPlay);
+  const [playing, setPlaying] = React34.useState(autoPlay);
   const frame = cx("relative w-full overflow-hidden bg-backdrop", framed ? "rounded-2xl border border-border shadow-sm" : "", className);
   const ratio = aspect.replace("/", " / ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: frame, style: { aspectRatio: ratio, ...style }, children: embedUrl ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -10098,7 +10861,7 @@ function Parallax({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const ref = React31.useRef(null);
+  const ref = React34.useRef(null);
   const { scrollYProgress } = framerMotion.useScroll({ target: ref, offset: ["start end", "end start"] });
   const shift = Math.max(0, Math.min(1, speed)) * 100;
   const y = framerMotion.useTransform(scrollYProgress, [0, 1], reduced ? ["0%", "0%"] : [`-${shift / 2}%`, `${shift / 2}%`]);
@@ -10166,7 +10929,7 @@ function Blog({
           post.tag != null && !post.image && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "accent", variant: "soft", size: "sm", children: post.tag }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold leading-snug text-foreground transition-colors group-hover:text-accent", children: post.title }),
           post.excerpt != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-foreground-secondary", children: post.excerpt }),
-          meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxRuntime.jsxs(React31__default.default.Fragment, { children: [
+          meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
             j > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: m })
           ] }, j)) })
@@ -10295,8 +11058,8 @@ function LeadCapture({
   className = "",
   style
 }) {
-  const [email, setEmail] = React31.useState("");
-  const [done, setDone] = React31.useState(false);
+  const [email, setEmail] = React34.useState("");
+  const [done, setDone] = React34.useState(false);
   const submit = (e) => {
     e.preventDefault();
     const value = email.trim();
@@ -10389,6 +11152,7 @@ exports.ColorPicker = ColorPicker;
 exports.ContextMenu = ContextMenu;
 exports.CookieConsent = CookieConsent;
 exports.CreditCardForm = CreditCardForm;
+exports.DataGrid = DataGrid;
 exports.DateRangePicker = DateRangePicker;
 exports.Drawer = Drawer;
 exports.Dropdown = Dropdown;
@@ -10424,6 +11188,7 @@ exports.OtpInput = OtpInput;
 exports.Parallax = Parallax;
 exports.Password = Password;
 exports.PasswordStrength = PasswordStrength;
+exports.PdfViewer = PdfViewer;
 exports.PopConfirm = PopConfirm;
 exports.Portal = Portal;
 exports.PricingPlans = PricingPlans;
@@ -10443,6 +11208,7 @@ exports.SkeletonText = SkeletonText;
 exports.SlideShow = SlideShow;
 exports.Slider = Slider;
 exports.Socials = Socials;
+exports.Spreadsheet = Spreadsheet;
 exports.Statistic = Statistic;
 exports.Stepper = Stepper;
 exports.Switch = Switch;