@dreamboard-games/sdk 0.5.0-alpha.2 → 0.5.0-alpha.4

package/dist/react.d.ts

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { p as Features, x as InstanceOptions, m as CoreInstance, o as FeatureContext, G as GameInstance, r as GameSnapshot, I as IdOf, U as TargetOptions, n as DropTarget } from './model-vdpLHrxh.js';
+import { G as GameSource } from './types-Bj5ZLTUV.js';
+import './extract-gVKcB8Og.js';
+import 'zod';
+import 'honeycomb-grid';
+import './board-target-B0QG6OYx.js';
+import '@tanstack/store';
+
+/** Browser-only hit testing receives client pixels; SVG renderers invert their screen CTM. */
+interface BoardDropOptions {
+    containsPoint?(point: {
+        x: number;
+        y: number;
+    }): boolean;
+}
+
+interface SelectionOptions<Value> {
+    readonly compare?: (previous: Value, next: Value) => boolean;
+}
+/** Bind erased game types and features; each provider owns its source lifetime. */
+declare function createGameHook<Game, Source extends GameSource = GameSource>(): <const Enabled extends Features = Record<never, never>>(defaults: Omit<InstanceOptions<Game, Source>, "source"> & {
+    features?: (core: CoreInstance<Game>, context: FeatureContext<Game>) => Enabled;
+}) => {
+    GameProvider: ({ children, ...overrides }: Partial<Omit<InstanceOptions<Game, Source>, "source">> & {
+        source: Source;
+        children?: ReactNode;
+    }) => react.JSX.Element | null;
+    useGame: {
+        (): GameInstance<Game, Enabled, Source>;
+        <Value>(selector: (snapshot: GameSnapshot<Game, Enabled>) => Value, options?: SelectionOptions<Value>): Value;
+    };
+    Subscribe: <Value>({ selector, compare, children, }: {
+        selector: (snapshot: GameSnapshot<Game, Enabled>) => Value;
+        compare?: SelectionOptions<Value>["compare"];
+        children: (value: Value) => ReactNode;
+    }) => ReactNode;
+    useCardDrag: (cardId: IdOf<Game, "cardId">, options?: TargetOptions<Game>) => {
+        ref: ((element: Element | null) => void) | undefined;
+        handleRef: (element: Element | null) => void;
+        isDragging: boolean;
+        canDrag: boolean;
+        handleProps: {
+            type: "button";
+            disabled: boolean;
+            "aria-label": string;
+            "data-drag-card": string;
+            style: {
+                touchAction: "none";
+            };
+        };
+    };
+    useBoardDrop: (target: DropTarget<Game> | null, options?: BoardDropOptions) => {
+        ref: (element: Element | null) => void;
+        isDropTarget: boolean;
+    };
+};
+
+export { type BoardDropOptions, type SelectionOptions, createGameHook };

package/dist/react.js

@@ -0,0 +1,208 @@
+import {
+  createGameInstance
+} from "./chunk-OOFMBCFF.js";
+import "./chunk-DMFVAZI2.js";
+import "./chunk-3JXUL4VN.js";
+
+// src/react/drag.tsx
+import { useId, useLayoutEffect } from "react";
+import {
+  DragDropProvider,
+  KeyboardSensor,
+  PointerSensor,
+  useDragDropManager,
+  useDraggable,
+  useDroppable
+} from "@dnd-kit/react";
+import {
+  Accessibility,
+  defaultPreset,
+  PointerActivationConstraints
+} from "@dnd-kit/dom";
+import { pointerIntersection } from "@dnd-kit/collision";
+import { jsx, jsxs } from "react/jsx-runtime";
+var sensors = [
+  PointerSensor.configure({
+    activationConstraints: [
+      new PointerActivationConstraints.Distance({ value: 5 })
+    ]
+  }),
+  KeyboardSensor
+];
+var plugins = defaultPreset.plugins.map(
+  (plugin) => plugin === Accessibility ? Accessibility.configure({
+    announcements: {
+      dragstart: () => "Card picked up. Use arrow keys to move and Space or Enter to drop. Escape cancels.",
+      dragover: ({ operation }) => {
+        const element = operation.target?.element;
+        if (!element) return "No drop destination.";
+        const label = element.getAttribute("aria-label") ?? "board destination";
+        const board = element.getAttribute("data-board");
+        return `Over ${label}${board ? ` on ${board}` : ""}.`;
+      },
+      dragend: ({ canceled, operation }) => canceled ? "Drag cancelled." : operation.target ? "Card placement selected." : "No placement selected."
+    }
+  }) : plugin
+);
+function DragLifetime({ game }) {
+  const manager = useDragDropManager();
+  useLayoutEffect(
+    () => game.subscribe(() => {
+      if (!game.drag?.active && manager && !manager.dragOperation.status.idle && !manager.dragOperation.status.dropped)
+        manager.actions.stop({ canceled: true });
+    }),
+    [game, manager]
+  );
+  return null;
+}
+function GameDragProvider({
+  game,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    DragDropProvider,
+    {
+      sensors,
+      plugins,
+      onBeforeDragStart: (event) => {
+        if (!event.operation.source?.data.begin?.()) event.preventDefault();
+      },
+      onDragOver: ({ operation }) => game.drag?.setDropTarget(operation.target?.data.target ?? null),
+      onDragEnd: ({ canceled, operation }) => {
+        if (canceled) game.drag?.cancel();
+        else {
+          game.drag?.setDropTarget(operation.target?.data.target ?? null);
+          game.drag?.drop();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DragLifetime, { game }),
+        children
+      ]
+    }
+  );
+}
+function useCardDraggable(game, cardId, options) {
+  const id = useId();
+  const canDrag = game.drag?.getCanDrag(cardId, options) ?? false;
+  const { ref, handleRef, isDragging } = useDraggable({
+    id,
+    disabled: !canDrag,
+    data: { begin: () => game.drag?.begin(cardId, options) ?? false }
+  });
+  return {
+    // Disabled draggables must not mark ordinary nested card controls aria-disabled.
+    ref: canDrag ? ref : void 0,
+    handleRef,
+    isDragging,
+    canDrag,
+    handleProps: {
+      type: "button",
+      disabled: !canDrag,
+      "aria-label": `Drag ${cardId}`,
+      "data-drag-card": cardId,
+      style: { touchAction: "none" }
+    }
+  };
+}
+function useBoardDroppable(target, options) {
+  const id = useId();
+  const collisionDetector = (input) => {
+    const collision = pointerIntersection(input);
+    if (!collision) return null;
+    return !options?.containsPoint || options.containsPoint(input.dragOperation.position.current) ? collision : null;
+  };
+  const { ref, isDropTarget } = useDroppable({
+    id,
+    disabled: target === null,
+    data: { target },
+    collisionDetector
+  });
+  return { ref, isDropTarget };
+}
+
+// src/react/create-game-hook.tsx
+import {
+  createContext,
+  useContext,
+  useLayoutEffect as useLayoutEffect2,
+  useRef,
+  useState
+} from "react";
+import { useSelector } from "@tanstack/react-store";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function createGameHook() {
+  return function(defaults) {
+    const Context = createContext(null);
+    function GameProvider({ children, ...overrides }) {
+      const [instance, setInstance] = useState(null);
+      const lifetime = useRef(null);
+      const options = {
+        ...defaults,
+        ...overrides
+      };
+      useLayoutEffect2(() => {
+        let current = lifetime.current;
+        if (!current) {
+          current = {
+            instance: createGameInstance()(options),
+            generation: 0
+          };
+          lifetime.current = current;
+          setInstance(current.instance);
+        }
+        const owned = current;
+        ++owned.generation;
+        return () => {
+          const generation = ++owned.generation;
+          queueMicrotask(() => {
+            if (owned.generation !== generation) return;
+            owned.instance.dispose();
+            if (lifetime.current === owned) lifetime.current = null;
+          });
+        };
+      }, []);
+      useLayoutEffect2(() => {
+        lifetime.current?.instance.setOptions(options);
+      });
+      return instance ? /* @__PURE__ */ jsx2(Context.Provider, { value: instance, children: "drag" in instance ? /* @__PURE__ */ jsx2(GameDragProvider, { game: instance, children }) : children }) : null;
+    }
+    function useInstance() {
+      const instance = useContext(Context);
+      if (!instance) throw new Error("useGame requires its GameProvider.");
+      return instance;
+    }
+    function useGame(selector, options) {
+      const instance = useInstance();
+      const selected = useSelector(
+        instance.store,
+        selector ?? ((snapshot) => snapshot),
+        options
+      );
+      return selector ? selected : instance;
+    }
+    function Subscribe({
+      selector,
+      compare,
+      children
+    }) {
+      return children(useGame(selector, { compare }));
+    }
+    function useCardDrag(cardId, options) {
+      const game = useGame();
+      return useCardDraggable(
+        game,
+        cardId,
+        options
+      );
+    }
+    function useBoardDrop(target, options) {
+      return useBoardDroppable(target, options);
+    }
+    return { GameProvider, useGame, Subscribe, useCardDrag, useBoardDrop };
+  };
+}
+export {
+  createGameHook
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/drag.tsx","../src/react/create-game-hook.tsx"],"sourcesContent":["import { useId, useLayoutEffect, type ReactNode } from \"react\";\nimport {\n  DragDropProvider,\n  KeyboardSensor,\n  PointerSensor,\n  useDragDropManager,\n  useDraggable,\n  useDroppable,\n  type UseDroppableInput,\n  type DragOverEvent,\n  type DragEndEvent,\n} from \"@dnd-kit/react\";\nimport {\n  Accessibility,\n  defaultPreset,\n  PointerActivationConstraints,\n} from \"@dnd-kit/dom\";\nimport { pointerIntersection } from \"@dnd-kit/collision\";\nimport type { CoreInstance } from \"../headless/model.js\";\nimport type { DragController } from \"../headless/features/drag.js\";\nimport type { DropTarget, TargetOptions } from \"../headless/targets.js\";\n\n/** Browser-only hit testing receives client pixels; SVG renderers invert their screen CTM. */\nexport interface BoardDropOptions {\n  containsPoint?(point: { x: number; y: number }): boolean;\n}\nexport type DragGame = CoreInstance<unknown> & {\n  readonly drag?: DragController<unknown>;\n};\ntype DragData = { begin?: () => boolean; target?: DropTarget<unknown> | null };\nconst sensors = [\n  PointerSensor.configure({\n    activationConstraints: [\n      new PointerActivationConstraints.Distance({ value: 5 }),\n    ],\n  }),\n  KeyboardSensor,\n];\n\nconst plugins = defaultPreset.plugins.map((plugin) =>\n  plugin === Accessibility\n    ? Accessibility.configure({\n        announcements: {\n          dragstart: () =>\n            \"Card picked up. Use arrow keys to move and Space or Enter to drop. Escape cancels.\",\n          dragover: ({ operation }: DragOverEvent) => {\n            const element = operation.target?.element;\n            if (!element) return \"No drop destination.\";\n            const label =\n              element.getAttribute(\"aria-label\") ?? \"board destination\";\n            const board = element.getAttribute(\"data-board\");\n            return `Over ${label}${board ? ` on ${board}` : \"\"}.`;\n          },\n          dragend: ({ canceled, operation }: DragEndEvent) =>\n            canceled\n              ? \"Drag cancelled.\"\n              : operation.target\n                ? \"Card placement selected.\"\n                : \"No placement selected.\",\n        },\n      })\n    : plugin,\n);\n\nfunction DragLifetime({ game }: { game: DragGame }) {\n  const manager = useDragDropManager();\n  useLayoutEffect(\n    () =>\n      game.subscribe(() => {\n        if (\n          !game.drag?.active &&\n          manager &&\n          !manager.dragOperation.status.idle &&\n          !manager.dragOperation.status.dropped\n        )\n          manager.actions.stop({ canceled: true });\n      }),\n    [game, manager],\n  );\n  return null;\n}\n/** Installed by GameProvider when dragFeature is enabled. */\nexport function GameDragProvider({\n  game,\n  children,\n}: {\n  game: DragGame;\n  children?: ReactNode;\n}) {\n  return (\n    <DragDropProvider<DragData>\n      sensors={sensors}\n      plugins={plugins}\n      onBeforeDragStart={(event) => {\n        if (!event.operation.source?.data.begin?.()) event.preventDefault();\n      }}\n      onDragOver={({ operation }) =>\n        game.drag?.setDropTarget(operation.target?.data.target ?? null)\n      }\n      onDragEnd={({ canceled, operation }) => {\n        if (canceled) game.drag?.cancel();\n        else {\n          game.drag?.setDropTarget(operation.target?.data.target ?? null);\n          game.drag?.drop();\n        }\n      }}\n    >\n      <DragLifetime game={game} />\n      {children}\n    </DragDropProvider>\n  );\n}\n\n/** Bound by createGameHook so card and interaction IDs use the authored game. */\nexport function useCardDraggable(\n  game: DragGame,\n  cardId: string,\n  options?: TargetOptions<unknown>,\n) {\n  const id = useId();\n  const canDrag = game.drag?.getCanDrag(cardId, options) ?? false;\n  const { ref, handleRef, isDragging } = useDraggable<DragData>({\n    id,\n    disabled: !canDrag,\n    data: { begin: () => game.drag?.begin(cardId, options) ?? false },\n  });\n  return {\n    // Disabled draggables must not mark ordinary nested card controls aria-disabled.\n    ref: canDrag ? ref : undefined,\n    handleRef,\n    isDragging,\n    canDrag,\n    handleProps: {\n      type: \"button\" as const,\n      disabled: !canDrag,\n      \"aria-label\": `Drag ${cardId}`,\n      \"data-drag-card\": cardId,\n      style: { touchAction: \"none\" as const },\n    },\n  };\n}\n\n/** Targets retain the exact interaction, card-input and destination-input route. */\nexport function useBoardDroppable(\n  target: DropTarget<unknown> | null,\n  options?: BoardDropOptions,\n) {\n  const id = useId();\n  const collisionDetector: UseDroppableInput[\"collisionDetector\"] = (input) => {\n    const collision = pointerIntersection(input);\n    if (!collision) return null;\n    return !options?.containsPoint ||\n      options.containsPoint(input.dragOperation.position.current)\n      ? collision\n      : null;\n  };\n  const { ref, isDropTarget } = useDroppable<DragData>({\n    id,\n    disabled: target === null,\n    data: { target },\n    collisionDetector,\n  });\n  return { ref, isDropTarget };\n}\n","import {\n  GameDragProvider,\n  useCardDraggable,\n  useBoardDroppable,\n  type BoardDropOptions,\n  type DragGame,\n} from \"./drag.js\";\nimport type { IdOf } from \"../headless/model.js\";\nimport type { DropTarget, TargetOptions } from \"../headless/targets.js\";\nimport {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { useSelector } from \"@tanstack/react-store\";\nimport { createGameInstance } from \"../headless/instance.js\";\nimport type {\n  CoreInstance,\n  FeatureContext,\n  Features,\n  GameInstance,\n  GameSnapshot,\n  GameSource,\n  InstanceOptions,\n} from \"../headless/model.js\";\n\nexport interface SelectionOptions<Value> {\n  readonly compare?: (previous: Value, next: Value) => boolean;\n}\n\n/** Bind erased game types and features; each provider owns its source lifetime. */\nexport function createGameHook<Game, Source extends GameSource = GameSource>() {\n  return function <const Enabled extends Features = Record<never, never>>(\n    defaults: Omit<InstanceOptions<Game, Source>, \"source\"> & {\n      features?: (\n        core: CoreInstance<Game>,\n        context: FeatureContext<Game>,\n      ) => Enabled;\n    },\n  ) {\n    type Instance = GameInstance<Game, Enabled, Source>;\n    type Snapshot = GameSnapshot<Game, Enabled>;\n    type ProviderProps = Partial<\n      Omit<InstanceOptions<Game, Source>, \"source\">\n    > & {\n      source: Source;\n      children?: ReactNode;\n    };\n    const Context = createContext<Instance | null>(null);\n\n    /** Owns the source. Do not share it between independently mounted providers. */\n    function GameProvider({ children, ...overrides }: ProviderProps) {\n      const [instance, setInstance] = useState<Instance | null>(null);\n      const lifetime = useRef<{\n        instance: Instance;\n        generation: number;\n      } | null>(null);\n      const options = {\n        ...defaults,\n        ...overrides,\n      };\n      useLayoutEffect(() => {\n        let current = lifetime.current;\n        if (!current) {\n          current = {\n            instance: createGameInstance<Game>()(options),\n            generation: 0,\n          };\n          lifetime.current = current;\n          setInstance(current.instance);\n        }\n        const owned = current;\n        ++owned.generation;\n        return () => {\n          const generation = ++owned.generation;\n          queueMicrotask(() => {\n            if (owned.generation !== generation) return;\n            owned.instance.dispose();\n            if (lifetime.current === owned) lifetime.current = null;\n          });\n        };\n        // Construction belongs to this committed provider lifetime. Current\n        // options are installed separately without recreating features.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, []);\n      useLayoutEffect(() => {\n        lifetime.current?.instance.setOptions(options);\n      });\n      return instance ? (\n        <Context.Provider value={instance}>\n          {\"drag\" in instance ? (\n            <GameDragProvider game={instance as unknown as DragGame}>\n              {children}\n            </GameDragProvider>\n          ) : (\n            children\n          )}\n        </Context.Provider>\n      ) : null;\n    }\n\n    function useInstance(): Instance {\n      const instance = useContext(Context);\n      if (!instance) throw new Error(\"useGame requires its GameProvider.\");\n      return instance;\n    }\n\n    function useGame(): Instance;\n    function useGame<Value>(\n      selector: (snapshot: Snapshot) => Value,\n      options?: SelectionOptions<Value>,\n    ): Value;\n    function useGame<Value>(\n      selector?: (snapshot: Snapshot) => Value,\n      options?: SelectionOptions<Value>,\n    ): Instance | Value {\n      const instance = useInstance();\n      const selected = useSelector(\n        instance.store,\n        selector ?? ((snapshot) => snapshot as unknown as Value),\n        options,\n      );\n      return selector ? selected : instance;\n    }\n\n    function Subscribe<Value>({\n      selector,\n      compare,\n      children,\n    }: {\n      selector: (snapshot: Snapshot) => Value;\n      compare?: SelectionOptions<Value>[\"compare\"];\n      children: (value: Value) => ReactNode;\n    }) {\n      return children(useGame(selector, { compare }));\n    }\n\n    function useCardDrag(\n      cardId: IdOf<Game, \"cardId\">,\n      options?: TargetOptions<Game>,\n    ) {\n      const game = useGame();\n      return useCardDraggable(\n        game as unknown as DragGame,\n        cardId,\n        options as TargetOptions<unknown> | undefined,\n      );\n    }\n    function useBoardDrop(\n      target: DropTarget<Game> | null,\n      options?: BoardDropOptions,\n    ) {\n      return useBoardDroppable(target as DropTarget<unknown> | null, options);\n    }\n    return { GameProvider, useGame, Subscribe, useCardDrag, useBoardDrop };\n  };\n}\n"],"mappings":";;;;;;;AAAA,SAAS,OAAO,uBAAuC;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAyEhC,SAiBE,KAjBF;AA5DJ,IAAM,UAAU;AAAA,EACd,cAAc,UAAU;AAAA,IACtB,uBAAuB;AAAA,MACrB,IAAI,6BAA6B,SAAS,EAAE,OAAO,EAAE,CAAC;AAAA,IACxD;AAAA,EACF,CAAC;AAAA,EACD;AACF;AAEA,IAAM,UAAU,cAAc,QAAQ;AAAA,EAAI,CAAC,WACzC,WAAW,gBACP,cAAc,UAAU;AAAA,IACtB,eAAe;AAAA,MACb,WAAW,MACT;AAAA,MACF,UAAU,CAAC,EAAE,UAAU,MAAqB;AAC1C,cAAM,UAAU,UAAU,QAAQ;AAClC,YAAI,CAAC,QAAS,QAAO;AACrB,cAAM,QACJ,QAAQ,aAAa,YAAY,KAAK;AACxC,cAAM,QAAQ,QAAQ,aAAa,YAAY;AAC/C,eAAO,QAAQ,KAAK,GAAG,QAAQ,OAAO,KAAK,KAAK,EAAE;AAAA,MACpD;AAAA,MACA,SAAS,CAAC,EAAE,UAAU,UAAU,MAC9B,WACI,oBACA,UAAU,SACR,6BACA;AAAA,IACV;AAAA,EACF,CAAC,IACD;AACN;AAEA,SAAS,aAAa,EAAE,KAAK,GAAuB;AAClD,QAAM,UAAU,mBAAmB;AACnC;AAAA,IACE,MACE,KAAK,UAAU,MAAM;AACnB,UACE,CAAC,KAAK,MAAM,UACZ,WACA,CAAC,QAAQ,cAAc,OAAO,QAC9B,CAAC,QAAQ,cAAc,OAAO;AAE9B,gBAAQ,QAAQ,KAAK,EAAE,UAAU,KAAK,CAAC;AAAA,IAC3C,CAAC;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAChB;AACA,SAAO;AACT;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,mBAAmB,CAAC,UAAU;AAC5B,YAAI,CAAC,MAAM,UAAU,QAAQ,KAAK,QAAQ,EAAG,OAAM,eAAe;AAAA,MACpE;AAAA,MACA,YAAY,CAAC,EAAE,UAAU,MACvB,KAAK,MAAM,cAAc,UAAU,QAAQ,KAAK,UAAU,IAAI;AAAA,MAEhE,WAAW,CAAC,EAAE,UAAU,UAAU,MAAM;AACtC,YAAI,SAAU,MAAK,MAAM,OAAO;AAAA,aAC3B;AACH,eAAK,MAAM,cAAc,UAAU,QAAQ,KAAK,UAAU,IAAI;AAC9D,eAAK,MAAM,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,gBAAa,MAAY;AAAA,QACzB;AAAA;AAAA;AAAA,EACH;AAEJ;AAGO,SAAS,iBACd,MACA,QACA,SACA;AACA,QAAM,KAAK,MAAM;AACjB,QAAM,UAAU,KAAK,MAAM,WAAW,QAAQ,OAAO,KAAK;AAC1D,QAAM,EAAE,KAAK,WAAW,WAAW,IAAI,aAAuB;AAAA,IAC5D;AAAA,IACA,UAAU,CAAC;AAAA,IACX,MAAM,EAAE,OAAO,MAAM,KAAK,MAAM,MAAM,QAAQ,OAAO,KAAK,MAAM;AAAA,EAClE,CAAC;AACD,SAAO;AAAA;AAAA,IAEL,KAAK,UAAU,MAAM;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,cAAc,QAAQ,MAAM;AAAA,MAC5B,kBAAkB;AAAA,MAClB,OAAO,EAAE,aAAa,OAAgB;AAAA,IACxC;AAAA,EACF;AACF;AAGO,SAAS,kBACd,QACA,SACA;AACA,QAAM,KAAK,MAAM;AACjB,QAAM,oBAA4D,CAAC,UAAU;AAC3E,UAAM,YAAY,oBAAoB,KAAK;AAC3C,QAAI,CAAC,UAAW,QAAO;AACvB,WAAO,CAAC,SAAS,iBACf,QAAQ,cAAc,MAAM,cAAc,SAAS,OAAO,IACxD,YACA;AAAA,EACN;AACA,QAAM,EAAE,KAAK,aAAa,IAAI,aAAuB;AAAA,IACnD;AAAA,IACA,UAAU,WAAW;AAAA,IACrB,MAAM,EAAE,OAAO;AAAA,IACf;AAAA,EACF,CAAC;AACD,SAAO,EAAE,KAAK,aAAa;AAC7B;;;AC1JA;AAAA,EACE;AAAA,EACA;AAAA,EACA,mBAAAA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,mBAAmB;AA6EhB,gBAAAC,YAAA;AA5DL,SAAS,iBAA+D;AAC7E,SAAO,SACL,UAMA;AASA,UAAM,UAAU,cAA+B,IAAI;AAGnD,aAAS,aAAa,EAAE,UAAU,GAAG,UAAU,GAAkB;AAC/D,YAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,IAAI;AAC9D,YAAM,WAAW,OAGP,IAAI;AACd,YAAM,UAAU;AAAA,QACd,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AACA,MAAAC,iBAAgB,MAAM;AACpB,YAAI,UAAU,SAAS;AACvB,YAAI,CAAC,SAAS;AACZ,oBAAU;AAAA,YACR,UAAU,mBAAyB,EAAE,OAAO;AAAA,YAC5C,YAAY;AAAA,UACd;AACA,mBAAS,UAAU;AACnB,sBAAY,QAAQ,QAAQ;AAAA,QAC9B;AACA,cAAM,QAAQ;AACd,UAAE,MAAM;AACR,eAAO,MAAM;AACX,gBAAM,aAAa,EAAE,MAAM;AAC3B,yBAAe,MAAM;AACnB,gBAAI,MAAM,eAAe,WAAY;AACrC,kBAAM,SAAS,QAAQ;AACvB,gBAAI,SAAS,YAAY,MAAO,UAAS,UAAU;AAAA,UACrD,CAAC;AAAA,QACH;AAAA,MAIF,GAAG,CAAC,CAAC;AACL,MAAAA,iBAAgB,MAAM;AACpB,iBAAS,SAAS,SAAS,WAAW,OAAO;AAAA,MAC/C,CAAC;AACD,aAAO,WACL,gBAAAD,KAAC,QAAQ,UAAR,EAAiB,OAAO,UACtB,oBAAU,WACT,gBAAAA,KAAC,oBAAiB,MAAM,UACrB,UACH,IAEA,UAEJ,IACE;AAAA,IACN;AAEA,aAAS,cAAwB;AAC/B,YAAM,WAAW,WAAW,OAAO;AACnC,UAAI,CAAC,SAAU,OAAM,IAAI,MAAM,oCAAoC;AACnE,aAAO;AAAA,IACT;AAOA,aAAS,QACP,UACA,SACkB;AAClB,YAAM,WAAW,YAAY;AAC7B,YAAM,WAAW;AAAA,QACf,SAAS;AAAA,QACT,aAAa,CAAC,aAAa;AAAA,QAC3B;AAAA,MACF;AACA,aAAO,WAAW,WAAW;AAAA,IAC/B;AAEA,aAAS,UAAiB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACF,GAIG;AACD,aAAO,SAAS,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC;AAAA,IAChD;AAEA,aAAS,YACP,QACA,SACA;AACA,YAAM,OAAO,QAAQ;AACrB,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,aAAS,aACP,QACA,SACA;AACA,aAAO,kBAAkB,QAAsC,OAAO;AAAA,IACxE;AACA,WAAO,EAAE,cAAc,SAAS,WAAW,aAAa,aAAa;AAAA,EACvE;AACF;","names":["useLayoutEffect","jsx","useLayoutEffect"]}