@snapgridjs/react 0.1.0 → 0.2.0

package/dist/index.d.mts

@@ -1,8 +1,80 @@
-import { useDraggable, useDroppable } from "@dnd-kit/react";
-import { BreakpointCols, BreakpointCols as BreakpointCols$1, Breakpoints, Breakpoints as Breakpoints$1, CompactType, Compactor, Compactor as Compactor$1, GridConfig, GridConfig as GridConfig$1, Layout, Layout as Layout$1, LayoutItem, LayoutItem as LayoutItem$1, PositionParams, ResizeHandleAxis, ResizeHandleAxis as ResizeHandleAxis$1, ResponsiveLayouts, ResponsiveLayouts as ResponsiveLayouts$1, getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "@snapgridjs/core";
+import { DragOverlay, useDraggable, useDroppable } from "@dnd-kit/react";
+import { BreakpointCols, BreakpointCols as BreakpointCols$1, Breakpoints, Breakpoints as Breakpoints$1, CompactType, Compactor, Compactor as Compactor$1, DragSession, GridConfig, GridConfig as GridConfig$1, Layout, Layout as Layout$1, LayoutItem, LayoutItem as LayoutItem$1, PositionParams, PositionParams as PositionParams$1, ResizeHandleAxis, ResizeHandleAxis as ResizeHandleAxis$1, ResponsiveLayouts, ResponsiveLayouts as ResponsiveLayouts$1, getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "@snapgridjs/core";
 import { CSSProperties, ReactNode } from "react";
-import { Feedback, Feedback as Feedback$1, KeyboardSensor, PointerSensor } from "@dnd-kit/dom";
+import { Modifiers, Sensors } from "@dnd-kit/abstract";
+import { DragDropManager, Feedback, Feedback as Feedback$1, KeyboardSensor, PointerSensor } from "@dnd-kit/dom";
 
+//#region src/controller/GridController.d.ts
+/**
+ * Per-grid configuration the container host writes to the controller each render
+ * (during render, so items that resolve this controller by `group` read fresh
+ * config on the same pass). Replaces the fields the old GridContext exposed.
+ */
+interface GridControllerConfig {
+  positionParams: PositionParams$1;
+  gridConfig: GridConfig$1;
+  width: number;
+  autoSize: boolean;
+  itemSensors: Sensors;
+  itemModifiers: Modifiers;
+  isItemDraggable: (id: string) => boolean;
+  isItemResizable: (id: string) => boolean;
+  resizeHandlesFor: (id: string) => readonly ResizeHandleAxis$1[];
+  /** Report the container element (used to map a pointer to a cell on receive). */
+  setContainerElement: (element: Element | null) => void;
+}
+interface ItemSnapshot {
+  item: LayoutItem$1 | undefined;
+  isDragging: boolean;
+  hidden: boolean;
+}
+interface ResizeSnapshot {
+  isResizing: boolean;
+}
+/**
+ * Live per-grid drag/resize state as a plain observable: the provider writes
+ * (`setSession`/`setKeyboard`/`setCommitted`), hooks subscribe to just their own
+ * slice via `useSyncExternalStore`. Value-cached snapshots mean a drag re-renders
+ * only the tiles whose slice changed, not the whole subtree (the old
+ * context-value model re-rendered every tile every frame).
+ */
+declare class GridController {
+  #private;
+  id: string;
+  config: GridControllerConfig | null;
+  /** The dnd-kit manager this grid is registered with (set by useInstance). */
+  manager: DragDropManager | undefined;
+  constructor(id: string, committed?: Layout$1, manager?: DragDropManager);
+  /** Replace the per-grid config (called by the container host during render). */
+  setConfig(config: GridControllerConfig): void;
+  /**
+   * Re-point this grid's id. The container host syncs it (during render, before
+   * the droppable/group read it) when the controlled `id` prop changes, so the
+   * returned `group`, the droppable id, and the registry key never drift apart.
+   */
+  setId(id: string): void;
+  register: () => void;
+  subscribe: (listener: () => void) => (() => void);
+  /**
+   * Sync the committed layout from the controlled `layout` prop. Called during
+   * the provider's render, so it must NOT notify — emitting here would update
+   * subscribed GridItems mid-render (a React "setState while rendering" error).
+   * No notify is needed: a `layout` prop change already re-renders the whole
+   * provider subtree, so every GridItem re-reads its snapshot on that pass.
+   */
+  setCommitted(layout: Layout$1): void;
+  setSession(next: DragSession | null): void;
+  getSession(): DragSession | null;
+  /** Record whether the active drag is keyboard-driven (drives `hidden`). */
+  setKeyboard(value: boolean): void;
+  itemSnapshot: (id: string) => ItemSnapshot;
+  placeholderSnapshot: () => LayoutItem$1 | null;
+  resizeSnapshot: (itemId: string) => ResizeSnapshot;
+  renderedSnapshot: () => Layout$1;
+  /** A stable index for `id` (see {@link GridController.#indexById}). */
+  itemIndex(id: string): number;
+}
+//#endregion
 //#region src/types.d.ts
 /**
  * Drag behaviour configuration (mirrors react-grid-layout v2's `dragConfig`).
@@ -76,60 +148,32 @@ interface GridDropData {
  */
 type GridEventCallback = (layout: Layout$1, oldItem: LayoutItem$1 | null, newItem: LayoutItem$1 | null, placeholder: LayoutItem$1 | null, event: Event | null, node: HTMLElement | null) => void;
 //#endregion
-//#region src/SnapGridProvider.d.ts
-interface SnapGridProviderProps {
-  children: ReactNode;
+//#region src/hooks/useGridController.d.ts
+/** Options the grid host ({@link useGridContainer}) feeds the controller. */
+interface UseGridControllerOptions {
+  /** Stable id for the grid's droppable surface (auto-generated if omitted). */
+  id?: string;
   /** Container width in pixels (e.g. from {@link useContainerWidth}). */
   width: number;
   /** Controlled layout. Never mutated. */
   layout: Layout$1;
-  /** Called with the next layout after a drag/resize commits (incl. cross-grid add/remove). */
   onLayoutChange?: (layout: Layout$1) => void;
   gridConfig?: Partial<GridConfig$1>;
   dragConfig?: DragConfig;
   resizeConfig?: ResizeConfig;
-  /** Accept external (non-grid) dnd-kit draggables dropped into this grid. */
   dropConfig?: DropConfig;
   compactor?: Compactor$1;
-  /** Grid-level draggable toggle (item-level `isDraggable`/`static` override). @default true */
   isDraggable?: boolean;
-  /** Grid-level resizable toggle (item-level `isResizable`/`static` override). @default true */
   isResizable?: boolean;
-  /** Grow container height to fit content. @default true */
   autoSize?: boolean;
-  /** Stable id for the grid's droppable surface (auto-generated if omitted). */
-  id?: string;
   onDragStart?: GridEventCallback;
   onDrag?: GridEventCallback;
   onDragStop?: GridEventCallback;
   onResizeStart?: GridEventCallback;
   onResize?: GridEventCallback;
   onResizeStop?: GridEventCallback;
-  /** Called when an external draggable is dropped into the grid: the next layout, the new item, and the event. */
   onDrop?: (layout: Layout$1, item: LayoutItem$1, event: Event | null) => void;
 }
-/**
- * Headless provider for a grid. Standalone grids get their own isolated dnd-kit
- * provider; grids inside a {@link SnapGridGroup} share that group's provider and
- * registry so tiles can be dragged between them. Owns this grid's drag/resize
- * session; the consumer owns all markup/styling.
- */
-declare function SnapGridProvider(props: SnapGridProviderProps): React.JSX.Element;
-//#endregion
-//#region src/SnapGridGroup.d.ts
-interface SnapGridGroupProps {
-  children: ReactNode;
-}
-/**
- * Wrap multiple grids to let tiles be dragged **between** them. Provides one
- * shared dnd-kit `DragDropProvider` and a registry so each grid can tell which
- * grid the pointer is over.
- *
- * Item ids must be unique across all grids in a group (they share one manager).
- */
-declare function SnapGridGroup({
-  children
-}: SnapGridGroupProps): React.JSX.Element;
 //#endregion
 //#region src/hooks/useGridContainer.d.ts
 interface GridContainerProps {
@@ -145,19 +189,30 @@ interface UseGridContainerResult {
   containerProps: GridContainerProps;
   /** True while a compatible draggable is over the grid. */
   isDropTarget: boolean;
+  /** This grid's id — pass as the `group` to {@link useGridItem} for its tiles. */
+  group: string;
+  /** The grid's controller (for advanced/headless composition). */
+  controller: GridController;
 }
 /**
- * Headless hook for the grid container. Registers the droppable surface (the
- * seam for cross-grid drops) and returns props (ref + sizing style) to spread
- * onto your own container element.
+ * The grid host: creates this grid's controller + drag monitor (see
+ * {@link useGridController}), registers the droppable surface, and returns props
+ * to spread onto your own container element. Render `useGridItem` tiles inside,
+ * passing `group` (this grid's id) so they resolve this controller.
  */
-declare function useGridContainer(): UseGridContainerResult;
+declare function useGridContainer(opts: UseGridControllerOptions): UseGridContainerResult;
 //#endregion
 //#region src/hooks/useGridItem.d.ts
 interface UseGridItemResult {
   /** Attach to the element that represents this grid item. */
   ref: (element: Element | null) => void;
-  /** Positioning style to spread onto your element (left/top/size). */
+  /**
+   * Optional drag handle (dnd-kit's native handle). Attach to a child element to
+   * restrict **pointer** drag activation to it; leave it unattached and the whole
+   * tile drags. Keyboard pickup (Enter/Space on a focused tile) is unaffected.
+   */
+  handleRef: (element: Element | null) => void;
+  /** Positioning style to spread onto your element. */
   style: CSSProperties;
   /** True while this item is the active drag source. */
   isDragging: boolean;
@@ -165,11 +220,21 @@ interface UseGridItemResult {
   item: LayoutItem$1 | undefined;
 }
 /**
- * Headless hook for a single grid item. Returns a ref, a positioning `style`,
- * and drag state — spread them onto whatever element you render. You own the
- * tag, className, content, and any cosmetic styling.
+ * Headless hook for a single grid tile. The tile is a real `useSortable` (a
+ * draggable + droppable carrying `group`/`index`/`type`/`accept`), so it
+ * interoperates with the dnd-kit sortable ecosystem, yet it is positioned by RGL
+ * via the {@link GridController}. `group` is the owning grid's id (from its
+ * {@link useGridContainer}), mirroring `useSortable`'s `group`. Spread the returned
+ * `ref`, optional `handleRef`, positioning `style`, and drag state onto whatever
+ * element you render — you own the tag, className, content, and cosmetic styling.
+ *
+ * The dragged tile floats itself via dnd-kit's default feedback (no `<DragOverlay>`):
+ * the active tile renders at its committed origin so the float offset composes, and
+ * reflow is animated on the compositor via the Web Animations API — both so it stays
+ * smooth in Safari, where the float's popover top-layer repaint would jank a
+ * CSS-transition reflow.
  */
-declare function useGridItem(id: string): UseGridItemResult;
+declare function useGridItem(id: string, group: string): UseGridItemResult;
 //#endregion
 //#region src/hooks/useGridPlaceholder.d.ts
 interface GridPlaceholderInfo {
@@ -180,9 +245,10 @@ interface GridPlaceholderInfo {
 }
 /**
  * Headless hook returning where the drag placeholder should be rendered, or
- * `null` when no drag is in progress. You render the element however you like.
+ * `null` when no drag is in progress. `group` is the owning grid's id (from its
+ * {@link useGridContainer}). You render the element however you like.
  */
-declare function useGridPlaceholder(): GridPlaceholderInfo | null;
+declare function useGridPlaceholder(group: string): GridPlaceholderInfo | null;
 //#endregion
 //#region src/hooks/dndShared.d.ts
 /** Marker attribute placed on resize-handle elements. */
@@ -201,25 +267,11 @@ interface UseGridResizeHandleResult {
 }
 /**
  * Headless hook for a single resize handle. Model a handle as its own draggable;
- * dragging it resizes the item from the given edge/corner. Position and style
- * the handle however you like — spread `ref` and `handleProps` onto it.
+ * dragging it resizes the item from the given edge/corner. `group` is the owning
+ * grid's id (from its {@link useGridContainer}). Spread `ref` and `handleProps`
+ * onto the handle element you position/style.
  */
-declare function useGridResizeHandle(itemId: string, handle: ResizeHandleAxis$1): UseGridResizeHandleResult;
-//#endregion
-//#region src/hooks/useGridDragOverlay.d.ts
-interface GridDragOverlay$1 {
-  /** The item being dragged from this grid. */
-  item: LayoutItem$1;
-  /** Fixed-position style for the floating preview; render it in a body portal. */
-  style: CSSProperties;
-}
-/**
- * Headless hook for the floating drag preview. Returns `null` unless this grid
- * is the source of an in-progress drag. Render the returned `item` with `style`
- * in a portal at `document.body` so it can float across grids unclipped (see
- * {@link GridDragOverlay} for the convenience component).
- */
-declare function useGridDragOverlay(): GridDragOverlay$1 | null;
+declare function useGridResizeHandle(itemId: string, handle: ResizeHandleAxis$1, group: string): UseGridResizeHandleResult;
 //#endregion
 //#region src/hooks/useResponsiveLayout.d.ts
 /** react-grid-layout's default breakpoints (px) and column counts. */
@@ -258,8 +310,9 @@ interface UseResponsiveLayoutResult {
  */
 declare function useResponsiveLayout(options: UseResponsiveLayoutOptions): UseResponsiveLayoutResult;
 //#endregion
-//#region src/GridLayout.d.ts
-interface GridLayoutProps extends SnapGridProviderProps {
+//#region src/components/GridLayout.d.ts
+interface GridLayoutProps extends UseGridControllerOptions {
+  children: ReactNode;
   /** Appended to the default `snapgrid` class on the surface. */
   className?: string;
   /** Merged over (and able to override) the surface's positioning style. */
@@ -267,13 +320,28 @@ interface GridLayoutProps extends SnapGridProviderProps {
 }
 /**
  * Drop-in grid component: a controlled, react-grid-layout v2-compatible layout
- * backed by dnd-kit. A thin shell over {@link SnapGridProvider} and the headless
+ * backed by dnd-kit. A thin shell over {@link useGridContainer} and the headless
  * hooks — children are keyed by their layout item's `i`. For full control over
- * markup/styling, use the provider + hooks directly.
+ * markup/styling, use the hooks directly.
+ *
+ * Supplies the dnd-kit `DragDropProvider` for the turnkey case so consumers
+ * don't manage one. Nest multiple `GridLayout`s and they share one provider
+ * (the seam for cross-grid drags); a consumer's own provider is also honored.
  */
 declare function GridLayout(props: GridLayoutProps): React.JSX.Element;
+/**
+ * Share one dnd-kit `DragDropProvider` across several sibling grids so tiles can
+ * be dragged between them. (Nested `GridLayout`s already share a provider; this
+ * is for siblings.) A thin wrapper over `DragDropProvider` — the cross-grid seam
+ * is the shared manager + collision target.
+ */
+declare function SnapGridGroup({
+  children
+}: {
+  children: ReactNode;
+}): React.JSX.Element;
 //#endregion
-//#region src/ResponsiveGridLayout.d.ts
+//#region src/components/ResponsiveGridLayout.d.ts
 interface ResponsiveGridLayoutProps {
   /** Container width in pixels (e.g. from {@link useContainerWidth}). */
   width: number;
@@ -308,10 +376,12 @@ interface ResponsiveGridLayoutProps {
  */
 declare function ResponsiveGridLayout(props: ResponsiveGridLayoutProps): React.JSX.Element;
 //#endregion
-//#region src/GridItem.d.ts
+//#region src/components/GridItem.d.ts
 interface GridItemProps {
   /** Matches the layout item's `i`. */
   id: string;
+  /** The owning grid's id (from its useGridContainer). */
+  group: string;
   children: ReactNode;
   /** Appended to the default `snapgrid-item` class. */
   className?: string;
@@ -321,17 +391,27 @@ interface GridItemProps {
 /**
  * Convenience wrapper over {@link useGridItem}: an absolutely-positioned `<div>`
  * with stable hooks (`.snapgrid-item`, `data-grid-id`, `data-dragging`) and the
- * configured resize handles. For full control, use the hooks directly.
+ * configured resize handles. `group` is the owning grid's id. For full control,
+ * use the hooks directly.
+ *
+ * Memoized so re-rendering the surface (e.g. its auto-height tracking the drag)
+ * doesn't re-render every tile — a tile re-renders only when its own slice
+ * changes (via useGridItem's subscription). Keeps a drag's React work scoped to
+ * the moved tile (see renderScope.test).
  */
-declare function GridItem({
+declare function GridItemImpl({
   id,
+  group,
   children,
   className,
   style
 }: GridItemProps): import("react/jsx-runtime").JSX.Element;
+declare const GridItem: import("react").MemoExoticComponent<typeof GridItemImpl>;
 //#endregion
-//#region src/GridPlaceholder.d.ts
+//#region src/components/GridPlaceholder.d.ts
 interface GridPlaceholderProps {
+  /** The owning grid's id (from its useGridContainer). */
+  group: string;
   /** Appended to the default `snapgrid-placeholder` class. */
   className?: string;
   /** Merged over (and able to override) the default look. */
@@ -343,30 +423,11 @@ interface GridPlaceholderProps {
  * directly and render your own element with the returned `style`.
  */
 declare function GridPlaceholder({
+  group,
   className,
   style
 }: GridPlaceholderProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
-//#region src/GridDragOverlay.d.ts
-interface GridDragOverlayProps {
-  /** Render the floating preview for the dragged item. */
-  children: (item: LayoutItem$1) => ReactNode;
-  /** Appended to the default `snapgrid-overlay` class on the portal element. */
-  className?: string;
-  /** Merged over the positioning style. */
-  style?: CSSProperties;
-}
-/**
- * Renders the floating drag preview in a portal at `document.body` — so it
- * follows the pointer across grids without being clipped by any container.
- * Renders nothing when this grid isn't the drag source.
- */
-declare function GridDragOverlay({
-  children,
-  className,
-  style
-}: GridDragOverlayProps): import("react").ReactPortal | null;
-//#endregion
 //#region src/hooks/useContainerWidth.d.ts
 interface UseContainerWidthOptions {
   /** Width to use until the element has been measured. @default 1280 */
@@ -386,5 +447,5 @@ interface UseContainerWidthResult {
  */
 declare function useContainerWidth(options?: UseContainerWidthOptions): UseContainerWidthResult;
 //#endregion
-export { type BreakpointCols, type Breakpoints, type CompactType, type Compactor, DEFAULT_BREAKPOINTS, DEFAULT_BREAKPOINT_COLS, type DragConfig, type DragSourceInfo, type DropConfig, Feedback, type GridConfig, type GridContainerProps, GridDragOverlay, type GridDragOverlay$1 as GridDragOverlayInfo, type GridDragOverlayProps, type GridDropData, type GridEventCallback, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GridPlaceholder, type GridPlaceholderInfo, type GridPlaceholderProps, KeyboardSensor, type Layout, type LayoutItem, PointerSensor, type PositionParams, type ResizeConfig, type ResizeHandleAxis, ResponsiveGridLayout, type ResponsiveGridLayoutProps, type ResponsiveLayouts, SnapGridGroup, type SnapGridGroupProps, SnapGridProvider, type SnapGridProviderProps, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridContainerResult, type UseGridItemResult, type UseGridResizeHandleResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, getCompactor, horizontalCompactor, noCompactor, useContainerWidth, useDraggable, useDroppable, useGridContainer, useGridDragOverlay, useGridItem, useGridPlaceholder, useGridResizeHandle, useResponsiveLayout, verticalCompactor };
+export { type BreakpointCols, type Breakpoints, type CompactType, type Compactor, DEFAULT_BREAKPOINTS, DEFAULT_BREAKPOINT_COLS, type DragConfig, DragOverlay, type DragSourceInfo, type DropConfig, Feedback, type GridConfig, type GridContainerProps, type GridDropData, type GridEventCallback, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GridPlaceholder, type GridPlaceholderInfo, type GridPlaceholderProps, KeyboardSensor, type Layout, type LayoutItem, PointerSensor, type PositionParams, type ResizeConfig, type ResizeHandleAxis, ResponsiveGridLayout, type ResponsiveGridLayoutProps, type ResponsiveLayouts, SnapGridGroup, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridContainerResult, type UseGridControllerOptions, type UseGridItemResult, type UseGridResizeHandleResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, getCompactor, horizontalCompactor, noCompactor, useContainerWidth, useDraggable, useDroppable, useGridContainer, useGridItem, useGridPlaceholder, useGridResizeHandle, useResponsiveLayout, verticalCompactor };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/SnapGridProvider.tsx","../src/SnapGridGroup.tsx","../src/hooks/useGridContainer.ts","../src/hooks/useGridItem.ts","../src/hooks/useGridPlaceholder.ts","../src/hooks/dndShared.ts","../src/hooks/useGridResizeHandle.ts","../src/hooks/useGridDragOverlay.ts","../src/hooks/useResponsiveLayout.ts","../src/GridLayout.tsx","../src/ResponsiveGridLayout.tsx","../src/GridItem.tsx","../src/GridPlaceholder.tsx","../src/GridDragOverlay.tsx","../src/hooks/useContainerWidth.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/controller/GridController.ts","../src/types.ts","../src/hooks/useGridController.ts","../src/hooks/useGridContainer.ts","../src/hooks/useGridItem.ts","../src/hooks/useGridPlaceholder.ts","../src/hooks/dndShared.ts","../src/hooks/useGridResizeHandle.ts","../src/hooks/useResponsiveLayout.ts","../src/components/GridLayout.tsx","../src/components/ResponsiveGridLayout.tsx","../src/components/GridItem.tsx","../src/components/GridPlaceholder.tsx","../src/hooks/useContainerWidth.ts"],"mappings":";;;;;;;;;;;AAgBA;UAAiB,oBAAA;EACf,cAAA,EAAgB,gBAAA;EAChB,UAAA,EAAY,YAAA;EACZ,KAAA;EACA,QAAA;EACA,WAAA,EAAa,OAAA;EACb,aAAA,EAAe,SAAA;EACf,eAAA,GAAkB,EAAA;EAClB,eAAA,GAAkB,EAAA;EAClB,gBAAA,GAAmB,EAAA,sBAAwB,kBAAA;EAR3C;EAUA,mBAAA,GAAsB,OAAA,EAAS,OAAA;AAAA;AAAA,UAGhB,YAAA;EACf,IAAA,EAAM,YAAU;EAChB,UAAA;EAKA,MAAA;AAAA;AAAA,UAGe,cAAA;EACf,UAAU;AAAA;;;;;;;;cAoBC,cAAA;EAAA;EACX,EAAA;EASA,MAAA,EAAQ,oBAAA;EAzCO;EA8Df,OAAA,EAAS,eAAA;cAEG,EAAA,UAAY,SAAA,GAAW,QAAA,EAAa,OAAA,GAAU,eAAA;EA/D1C;EAsEhB,SAAA,CAAU,MAAA,EAAQ,oBAAA;EAtEZ;;;;AAMA;EAyEN,KAAA,CAAM,EAAA;EAQN,QAAA;EAEA,SAAA,GAAa,QAAA;EA/EH;AAAA;AAoBZ;;;;;EA2FE,YAAA,CAAa,MAAA,EAAQ,QAAA;EAWrB,UAAA,CAAW,IAAA,EAAM,WAAA;EAKjB,UAAA,CAAA,GAAc,WAAA;EAhBO;EAqBrB,WAAA,CAAY,KAAA;EAMZ,YAAA,GAAgB,EAAA,aAAa,YAAA;EAkB7B,mBAAA,QAA0B,YAAA;EAS1B,cAAA,GAAkB,MAAA,aAAiB,cAAA;EASnC,gBAAA,QAAuB,QAAA;EAAA;EAGvB,SAAA,CAAU,EAAA;AAAA;;;;;;;UCpNK,UAAA;;EAEf,OAAA;EDQmC;ECNnC,OAAA;EDOgB;ECLhB,MAAA;EDSa;ECPb,MAAA;EDW2C;ECT3C,SAAA;EDWsC;;;;;ECLtC,UAAA;AAAA;;;;UAMe,YAAA;EDNA;ECQf,OAAA;EDPkB;ECSlB,OAAA,GAAU,kBAAgB;AAAA;;UAIX,cAAA;EACf,EAAA;EACA,IAAA;EACA,IAAA;AAAA;;ADZ6C;AAG/C;;;;;;;UCqBiB,UAAA;EDdT;ECgBN,OAAA;EDbe;ECef,WAAA;IAAgB,CAAA;IAAW,CAAA;EAAA;EDMhB;ECJX,MAAA,IAAU,MAAA,EAAQ,cAAc;AAAA;;UAIjB,YAAA;EDiCoB;EC/BnC,CAAA;EDsCkB;ECpClB,CAAA;EDkGiB;EChGjB,CAAA;AAAA;;;;;KAOU,iBAAA,IACV,MAAA,EAAQ,QAAA,EACR,OAAA,EAAS,YAAA,SACT,OAAA,EAAS,YAAA,SACT,WAAA,EAAa,YAAA,SACb,KAAA,EAAO,KAAA,SACP,IAAA,EAAM,WAAA;;;;UCtCS,wBAAA;;EAEf,EAAA;EF5Be;EE8Bf,KAAA;;EAEA,MAAA,EAAQ,QAAA;EACR,cAAA,IAAkB,MAAA,EAAQ,QAAA;EAC1B,UAAA,GAAa,OAAA,CAAQ,YAAA;EACrB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,YAAA;EACf,UAAA,GAAa,UAAA;EACb,SAAA,GAAY,WAAA;EACZ,WAAA;EACA,WAAA;EACA,QAAA;EACA,WAAA,GAAc,iBAAA;EACd,MAAA,GAAS,iBAAA;EACT,UAAA,GAAa,iBAAA;EACb,aAAA,GAAgB,iBAAA;EAChB,QAAA,GAAW,iBAAA;EACX,YAAA,GAAe,iBAAA;EACf,MAAA,IAAU,MAAA,EAAQ,QAAA,EAAQ,IAAA,EAAM,YAAA,EAAY,KAAA,EAAO,KAAA;AAAA;;;UC1DpC,kBAAA;;EAEf,GAAA,GAAM,OAAA,EAAS,OAAA;;EAEf,KAAA,EAAO,aAAa;EHMe;EGJnC,kBAAA;AAAA;AAAA,UAGe,sBAAA;EHMF;EGJb,cAAA,EAAgB,kBAAA;EHQ2B;EGN3C,YAAA;EHQsC;EGNtC,KAAA;EHJA;EGMA,UAAA,EAAY,cAAc;AAAA;;;;;;;iBAsBZ,gBAAA,CAAiB,IAAA,EAAM,wBAAA,GAA2B,sBAAsB;;;UClBvE,iBAAA;;EAEf,GAAA,GAAM,OAAA,EAAS,OAAA;;;AJbjB;;;EImBE,SAAA,GAAY,OAAA,EAAS,OAAA;EJjBT;EImBZ,KAAA,EAAO,aAAA;EJfQ;EIiBf,UAAA;EJZ+B;EIc/B,IAAA,EAAM,YAAA;AAAA;;;;;;;;;;;;;;;;iBAkBQ,WAAA,CAAY,EAAA,UAAY,KAAA,WAAgB,iBAAiB;;;UCvDxD,mBAAA;;EAEf,IAAA,EAAM,YAAA;;EAEN,KAAA,EAAO,aAAa;AAAA;;;;;;iBAQN,kBAAA,CAAmB,KAAA,WAAgB,mBAAmB;;;;cCNzD,kBAAA;;;UCJI,yBAAA;;EAEf,GAAA,GAAM,OAAA,EAAS,OAAA;;EAEf,WAAA;IAAA,CAAgB,kBAAkB;EAAA;;EAElC,UAAA;AAAA;;;;;;;iBASc,mBAAA,CACd,MAAA,UACA,MAAA,EAAQ,kBAAA,EACR,KAAA,WACC,yBAAyB;;;;cCXf,mBAAA,EAAqB,aAA6D;AAAA,cAClF,uBAAA,EAAyB,gBAAyD;AAAA,UAE9E,0BAAA;;EAEf,KAAA;ERHe;EQKf,OAAA,EAAS,mBAAA;;EAET,WAAA,GAAc,aAAA;ERLF;EQOZ,IAAA,GAAO,gBAAA;ERHQ;EQKf,SAAA,GAAY,WAAA;ERAmB;EQE/B,cAAA,IAAkB,MAAA,EAAQ,QAAA,EAAQ,OAAA,EAAS,mBAAA;ERFL;EQItC,kBAAA,IAAsB,UAAA,UAAoB,IAAA;AAAA;AAAA,UAG3B,yBAAA;ERhBH;EQkBZ,UAAA;ERhBA;EQkBA,IAAA;ERjBa;EQmBb,MAAA,EAAQ,QAAA;ERlBO;EQoBf,cAAA,GAAiB,MAAA,EAAQ,QAAM;AAAA;;;;;;iBAQjB,mBAAA,CACd,OAAA,EAAS,0BAAA,GACR,yBAAyB;;;UCtCX,eAAA,SAAwB,wBAAA;EACvC,QAAA,EAAU,SAAA;;EAEV,SAAA;;EAEA,KAAA,GAAQ,aAAA;AAAA;;;;;;;;;;;iBA4CM,UAAA,CAAW,KAAA,EAAO,eAAA,GAAkB,KAAA,CAAM,GAAA,CAAI,OAAO;;;;;;;iBAiBrD,aAAA,CAAA;EAAgB;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAc,KAAA,CAAM,GAAA,CAAI,OAAA;;;UCpE/D,yBAAA;;EAEf,KAAA;;EAEA,OAAA,EAAS,mBAAA;EVA0B;EUEnC,cAAA,IAAkB,MAAA,EAAQ,QAAA,EAAQ,OAAA,EAAS,mBAAA;EVD3B;EUGhB,kBAAA,IAAsB,UAAA,UAAoB,IAAA;EVC7B;EUCb,WAAA,GAAc,aAAA;EVG6B;EUD3C,IAAA,GAAO,gBAAA;EACP,SAAA;EACA,MAAA;EACA,gBAAA;EACA,SAAA,GAAY,WAAA;EACZ,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,YAAA;EACf,WAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EACA,KAAA,GAAQ,aAAA;EACR,QAAA,EAAU,SAAA;AAAA;;;;;;;iBASI,oBAAA,CAAqB,KAAA,EAAO,yBAAA,GAA4B,KAAA,CAAM,GAAA,CAAI,OAAO;;;UCvCxE,aAAA;;EAEf,EAAA;;EAEA,KAAA;EACA,QAAA,EAAU,SAAA;EXKK;EWHf,SAAA;;EAEA,KAAA,GAAQ,aAAa;AAAA;;;;;;;;;;;;iBAgEd,YAAA,CAAA;EAAe,EAAA;EAAI,KAAA;EAAO,QAAA;EAAU,SAAA;EAAW;AAAA,GAAS,aAAA,+BAAa,GAAA,CAAA,OAAA;AAAA,cAqBjE,QAAA,kBAAQ,mBAAA,QAAA,YAAA;;;UChGJ,oBAAA;;EAEf,KAAA;;EAEA,SAAA;;EAEA,KAAA,GAAQ,aAAa;AAAA;;;;;;iBAiBP,eAAA,CAAA;EAAkB,KAAA;EAAO,SAAA;EAAW;AAAA,GAAS,oBAAA,+BAAoB,GAAA,CAAA,OAAA;;;UCnBhE,wBAAA;;EAEf,YAAY;AAAA;AAAA,UAGG,uBAAA;;EAEf,KAAA;EbCe;EaCf,OAAA;;EAEA,YAAA,GAAe,OAAA,EAAS,WAAW;AAAA;;;;;iBAOrB,iBAAA,CAAkB,OAAA,GAAS,wBAAA,GAAgC,uBAAuB"}