@usefragments/ui 1.0.0

package/dist/utils/keyboard-shortcuts.cjs

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const KEYBOARD_SHORTCUTS = {
+  // ----- Sidebar -----
+  SIDEBAR_TOGGLE: {
+    key: "b",
+    meta: true,
+    label: "Ctrl+B",
+    component: "Sidebar",
+    description: "Toggle sidebar collapse/expand",
+    scope: "global"
+  },
+  SIDEBAR_CLOSE_MOBILE: {
+    key: "Escape",
+    label: "Escape",
+    component: "Sidebar",
+    description: "Close mobile sidebar drawer",
+    scope: "global"
+  },
+  // ----- Editor (TipTap handles these natively, metadata for display) -----
+  EDITOR_BOLD: {
+    key: "b",
+    meta: true,
+    label: "Ctrl+B",
+    component: "Editor",
+    description: "Toggle bold formatting",
+    scope: "component"
+  },
+  EDITOR_ITALIC: {
+    key: "i",
+    meta: true,
+    label: "Ctrl+I",
+    component: "Editor",
+    description: "Toggle italic formatting",
+    scope: "component"
+  },
+  EDITOR_STRIKETHROUGH: {
+    key: "s",
+    meta: true,
+    shift: true,
+    label: "Ctrl+Shift+S",
+    component: "Editor",
+    description: "Toggle strikethrough formatting",
+    scope: "component"
+  },
+  EDITOR_LINK: {
+    key: "k",
+    meta: true,
+    label: "Ctrl+K",
+    component: "Editor",
+    description: "Insert or edit link",
+    scope: "component"
+  },
+  EDITOR_CODE: {
+    key: "e",
+    meta: true,
+    label: "Ctrl+E",
+    component: "Editor",
+    description: "Toggle inline code",
+    scope: "component"
+  },
+  EDITOR_BULLET_LIST: {
+    key: "8",
+    meta: true,
+    shift: true,
+    label: "Ctrl+Shift+8",
+    component: "Editor",
+    description: "Toggle bullet list",
+    scope: "component"
+  },
+  EDITOR_ORDERED_LIST: {
+    key: "7",
+    meta: true,
+    shift: true,
+    label: "Ctrl+Shift+7",
+    component: "Editor",
+    description: "Toggle ordered list",
+    scope: "component"
+  },
+  EDITOR_HEADING1: {
+    key: "1",
+    meta: true,
+    alt: true,
+    label: "Ctrl+Alt+1",
+    component: "Editor",
+    description: "Toggle heading level 1",
+    scope: "component"
+  },
+  EDITOR_HEADING2: {
+    key: "2",
+    meta: true,
+    alt: true,
+    label: "Ctrl+Alt+2",
+    component: "Editor",
+    description: "Toggle heading level 2",
+    scope: "component"
+  },
+  EDITOR_HEADING3: {
+    key: "3",
+    meta: true,
+    alt: true,
+    label: "Ctrl+Alt+3",
+    component: "Editor",
+    description: "Toggle heading level 3",
+    scope: "component"
+  },
+  EDITOR_BLOCKQUOTE: {
+    key: "b",
+    meta: true,
+    shift: true,
+    label: "Ctrl+Shift+B",
+    component: "Editor",
+    description: "Toggle blockquote",
+    scope: "component"
+  },
+  EDITOR_UNDO: {
+    key: "z",
+    meta: true,
+    label: "Ctrl+Z",
+    component: "Editor",
+    description: "Undo last action",
+    scope: "component"
+  },
+  EDITOR_REDO: {
+    key: "z",
+    meta: true,
+    shift: true,
+    label: "Ctrl+Shift+Z",
+    component: "Editor",
+    description: "Redo last undone action",
+    scope: "component"
+  },
+  // ----- Prompt -----
+  PROMPT_SUBMIT: {
+    key: "Enter",
+    label: "Enter",
+    component: "Prompt",
+    description: "Submit prompt (when submitOnEnter is true)",
+    scope: "component"
+  },
+  // ----- NavigationMenu -----
+  NAV_TOGGLE: {
+    key: "Enter",
+    label: "Enter",
+    component: "NavigationMenu",
+    description: "Toggle menu item open/closed",
+    scope: "component"
+  },
+  NAV_CLOSE: {
+    key: "Escape",
+    label: "Escape",
+    component: "NavigationMenu",
+    description: "Close menu and return focus to trigger",
+    scope: "component"
+  },
+  // ----- Command -----
+  COMMAND_SELECT: {
+    key: "Enter",
+    label: "Enter",
+    component: "Command",
+    description: "Select active command item",
+    scope: "component"
+  },
+  // ----- Collapsible -----
+  COLLAPSIBLE_TOGGLE: {
+    key: "Enter",
+    label: "Enter",
+    component: "Collapsible",
+    description: "Toggle collapsible open/closed",
+    scope: "component"
+  }
+};
+function matchesShortcut(event, shortcut) {
+  if (shortcut.meta && !(event.metaKey || event.ctrlKey)) return false;
+  if (shortcut.shift && !event.shiftKey) return false;
+  if (shortcut.alt && !event.altKey) return false;
+  if (!shortcut.meta && (event.metaKey || event.ctrlKey)) return false;
+  if (!shortcut.shift && event.shiftKey) return false;
+  if (!shortcut.alt && event.altKey) return false;
+  return event.key.toLowerCase() === shortcut.key.toLowerCase();
+}
+function getShortcutLabel(shortcut) {
+  var _a, _b;
+  if (typeof navigator === "undefined") return shortcut.label;
+  const isMac = ((_a = navigator.platform) == null ? void 0 : _a.includes("Mac")) || ((_b = navigator.userAgent) == null ? void 0 : _b.includes("Mac"));
+  if (!isMac) return shortcut.label;
+  const parts = [];
+  if (shortcut.meta) parts.push("⌘");
+  if (shortcut.shift) parts.push("⇧");
+  if (shortcut.alt) parts.push("⌥");
+  parts.push(shortcut.key.toUpperCase());
+  return parts.join("");
+}
+function findConflicts(name) {
+  const target = KEYBOARD_SHORTCUTS[name];
+  return Object.entries(KEYBOARD_SHORTCUTS).filter(([key, shortcut]) => {
+    if (key === name) return false;
+    return shortcut.key.toLowerCase() === target.key.toLowerCase() && !!shortcut.meta === !!target.meta && !!shortcut.shift === !!target.shift && !!shortcut.alt === !!target.alt;
+  }).map(([, shortcut]) => shortcut);
+}
+function getShortcuts(filter) {
+  return Object.values(KEYBOARD_SHORTCUTS).filter((shortcut) => {
+    if ((filter == null ? void 0 : filter.component) && shortcut.component !== filter.component) return false;
+    if ((filter == null ? void 0 : filter.scope) && shortcut.scope !== filter.scope) return false;
+    return true;
+  });
+}
+const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
+  "text",
+  "search",
+  "url",
+  "tel",
+  "email",
+  "password",
+  "number"
+]);
+function isEditableElement(element) {
+  var _a;
+  if (!element || !("tagName" in element)) return false;
+  const tag = element.tagName;
+  if (tag === "TEXTAREA") return true;
+  if (tag === "INPUT") {
+    const type = ((_a = element.type) == null ? void 0 : _a.toLowerCase()) || "text";
+    return TEXT_INPUT_TYPES.has(type);
+  }
+  const htmlEl = element;
+  if (htmlEl.isContentEditable) return true;
+  const ceAttr = htmlEl.contentEditable;
+  if (ceAttr === "true" || ceAttr === "") return true;
+  if (typeof element.getAttribute === "function" && element.getAttribute("role") === "textbox") return true;
+  let ancestor = element.parentElement;
+  while (ancestor) {
+    if (ancestor.isContentEditable) return true;
+    const ancestorCe = ancestor.contentEditable;
+    if (ancestorCe === "true" || ancestorCe === "") return true;
+    ancestor = ancestor.parentElement;
+  }
+  return false;
+}
+const shortcutOverrides = /* @__PURE__ */ new Map();
+function configureShortcuts(overrides) {
+  for (const [name, value] of Object.entries(overrides)) {
+    if (!(name in KEYBOARD_SHORTCUTS)) continue;
+    if (value === void 0) continue;
+    shortcutOverrides.set(name, value);
+  }
+}
+function getResolvedShortcut(name) {
+  const override = shortcutOverrides.get(name);
+  if (override === null) return null;
+  const defaultShortcut = KEYBOARD_SHORTCUTS[name];
+  if (override === void 0) return defaultShortcut;
+  return { ...defaultShortcut, ...override };
+}
+function resetShortcutOverrides() {
+  shortcutOverrides.clear();
+}
+function useKeyboardShortcut({
+  name,
+  handler,
+  enabled = true,
+  scope: scopeOverride,
+  ref
+}) {
+  const handlerRef = React.useRef(handler);
+  handlerRef.current = handler;
+  React.useEffect(() => {
+    if (!enabled) return;
+    const resolved = getResolvedShortcut(name);
+    if (!resolved) return;
+    const effectiveScope = scopeOverride ?? resolved.scope;
+    const handleKeyDown = (e) => {
+      if (!matchesShortcut(e, resolved)) return;
+      if (effectiveScope === "global" && isEditableElement(e.target)) return;
+      e.preventDefault();
+      handlerRef.current();
+    };
+    const target = effectiveScope === "component" ? ref == null ? void 0 : ref.current : document;
+    if (!target) return;
+    target.addEventListener("keydown", handleKeyDown);
+    return () => target.removeEventListener("keydown", handleKeyDown);
+  }, [name, enabled, scopeOverride, ref]);
+}
+exports.KEYBOARD_SHORTCUTS = KEYBOARD_SHORTCUTS;
+exports.configureShortcuts = configureShortcuts;
+exports.findConflicts = findConflicts;
+exports.getResolvedShortcut = getResolvedShortcut;
+exports.getShortcutLabel = getShortcutLabel;
+exports.getShortcuts = getShortcuts;
+exports.isEditableElement = isEditableElement;
+exports.matchesShortcut = matchesShortcut;
+exports.resetShortcutOverrides = resetShortcutOverrides;
+exports.useKeyboardShortcut = useKeyboardShortcut;

package/dist/utils/keyboard-shortcuts.d.ts

@@ -0,0 +1,293 @@
+import { type RefObject } from 'react';
+export interface KeyboardShortcut {
+    /** The key to match (e.g., 'b', 'k', 'Escape'). Case-insensitive. */
+    key: string;
+    /** Require Ctrl (Windows/Linux) or Cmd (macOS) */
+    meta?: boolean;
+    /** Require Shift */
+    shift?: boolean;
+    /** Require Alt/Option */
+    alt?: boolean;
+    /** Human-readable label for display (e.g., "Ctrl+B", "⌘B") */
+    label: string;
+    /** Which component owns this shortcut */
+    component: string;
+    /** What the shortcut does */
+    description: string;
+    /**
+     * Scope controls when the shortcut is active:
+     * - 'global': Listens on document (e.g., sidebar toggle)
+     * - 'component': Only active when component is focused/mounted
+     */
+    scope: 'global' | 'component';
+}
+export declare const KEYBOARD_SHORTCUTS: {
+    readonly SIDEBAR_TOGGLE: {
+        readonly key: "b";
+        readonly meta: true;
+        readonly label: "Ctrl+B";
+        readonly component: "Sidebar";
+        readonly description: "Toggle sidebar collapse/expand";
+        readonly scope: "global";
+    };
+    readonly SIDEBAR_CLOSE_MOBILE: {
+        readonly key: "Escape";
+        readonly label: "Escape";
+        readonly component: "Sidebar";
+        readonly description: "Close mobile sidebar drawer";
+        readonly scope: "global";
+    };
+    readonly EDITOR_BOLD: {
+        readonly key: "b";
+        readonly meta: true;
+        readonly label: "Ctrl+B";
+        readonly component: "Editor";
+        readonly description: "Toggle bold formatting";
+        readonly scope: "component";
+    };
+    readonly EDITOR_ITALIC: {
+        readonly key: "i";
+        readonly meta: true;
+        readonly label: "Ctrl+I";
+        readonly component: "Editor";
+        readonly description: "Toggle italic formatting";
+        readonly scope: "component";
+    };
+    readonly EDITOR_STRIKETHROUGH: {
+        readonly key: "s";
+        readonly meta: true;
+        readonly shift: true;
+        readonly label: "Ctrl+Shift+S";
+        readonly component: "Editor";
+        readonly description: "Toggle strikethrough formatting";
+        readonly scope: "component";
+    };
+    readonly EDITOR_LINK: {
+        readonly key: "k";
+        readonly meta: true;
+        readonly label: "Ctrl+K";
+        readonly component: "Editor";
+        readonly description: "Insert or edit link";
+        readonly scope: "component";
+    };
+    readonly EDITOR_CODE: {
+        readonly key: "e";
+        readonly meta: true;
+        readonly label: "Ctrl+E";
+        readonly component: "Editor";
+        readonly description: "Toggle inline code";
+        readonly scope: "component";
+    };
+    readonly EDITOR_BULLET_LIST: {
+        readonly key: "8";
+        readonly meta: true;
+        readonly shift: true;
+        readonly label: "Ctrl+Shift+8";
+        readonly component: "Editor";
+        readonly description: "Toggle bullet list";
+        readonly scope: "component";
+    };
+    readonly EDITOR_ORDERED_LIST: {
+        readonly key: "7";
+        readonly meta: true;
+        readonly shift: true;
+        readonly label: "Ctrl+Shift+7";
+        readonly component: "Editor";
+        readonly description: "Toggle ordered list";
+        readonly scope: "component";
+    };
+    readonly EDITOR_HEADING1: {
+        readonly key: "1";
+        readonly meta: true;
+        readonly alt: true;
+        readonly label: "Ctrl+Alt+1";
+        readonly component: "Editor";
+        readonly description: "Toggle heading level 1";
+        readonly scope: "component";
+    };
+    readonly EDITOR_HEADING2: {
+        readonly key: "2";
+        readonly meta: true;
+        readonly alt: true;
+        readonly label: "Ctrl+Alt+2";
+        readonly component: "Editor";
+        readonly description: "Toggle heading level 2";
+        readonly scope: "component";
+    };
+    readonly EDITOR_HEADING3: {
+        readonly key: "3";
+        readonly meta: true;
+        readonly alt: true;
+        readonly label: "Ctrl+Alt+3";
+        readonly component: "Editor";
+        readonly description: "Toggle heading level 3";
+        readonly scope: "component";
+    };
+    readonly EDITOR_BLOCKQUOTE: {
+        readonly key: "b";
+        readonly meta: true;
+        readonly shift: true;
+        readonly label: "Ctrl+Shift+B";
+        readonly component: "Editor";
+        readonly description: "Toggle blockquote";
+        readonly scope: "component";
+    };
+    readonly EDITOR_UNDO: {
+        readonly key: "z";
+        readonly meta: true;
+        readonly label: "Ctrl+Z";
+        readonly component: "Editor";
+        readonly description: "Undo last action";
+        readonly scope: "component";
+    };
+    readonly EDITOR_REDO: {
+        readonly key: "z";
+        readonly meta: true;
+        readonly shift: true;
+        readonly label: "Ctrl+Shift+Z";
+        readonly component: "Editor";
+        readonly description: "Redo last undone action";
+        readonly scope: "component";
+    };
+    readonly PROMPT_SUBMIT: {
+        readonly key: "Enter";
+        readonly label: "Enter";
+        readonly component: "Prompt";
+        readonly description: "Submit prompt (when submitOnEnter is true)";
+        readonly scope: "component";
+    };
+    readonly NAV_TOGGLE: {
+        readonly key: "Enter";
+        readonly label: "Enter";
+        readonly component: "NavigationMenu";
+        readonly description: "Toggle menu item open/closed";
+        readonly scope: "component";
+    };
+    readonly NAV_CLOSE: {
+        readonly key: "Escape";
+        readonly label: "Escape";
+        readonly component: "NavigationMenu";
+        readonly description: "Close menu and return focus to trigger";
+        readonly scope: "component";
+    };
+    readonly COMMAND_SELECT: {
+        readonly key: "Enter";
+        readonly label: "Enter";
+        readonly component: "Command";
+        readonly description: "Select active command item";
+        readonly scope: "component";
+    };
+    readonly COLLAPSIBLE_TOGGLE: {
+        readonly key: "Enter";
+        readonly label: "Enter";
+        readonly component: "Collapsible";
+        readonly description: "Toggle collapsible open/closed";
+        readonly scope: "component";
+    };
+};
+export type ShortcutName = keyof typeof KEYBOARD_SHORTCUTS;
+/**
+ * Check if a KeyboardEvent matches a shortcut definition.
+ *
+ * Usage:
+ * ```ts
+ * import { KEYBOARD_SHORTCUTS, matchesShortcut } from '../../utils/keyboard-shortcuts';
+ *
+ * const handleKeyDown = (e: KeyboardEvent) => {
+ *   if (matchesShortcut(e, KEYBOARD_SHORTCUTS.SIDEBAR_TOGGLE)) {
+ *     e.preventDefault();
+ *     toggleSidebar();
+ *   }
+ * };
+ * ```
+ */
+export declare function matchesShortcut(event: KeyboardEvent, shortcut: KeyboardShortcut): boolean;
+/**
+ * Get a human-readable shortcut label, adapting for macOS vs other platforms.
+ * Returns "⌘B" on Mac, "Ctrl+B" elsewhere.
+ */
+export declare function getShortcutLabel(shortcut: KeyboardShortcut): string;
+/**
+ * Find all shortcuts that conflict with a given shortcut (same key combo, different component).
+ * Useful for debugging and documentation.
+ */
+export declare function findConflicts(name: ShortcutName): KeyboardShortcut[];
+/**
+ * Get all registered shortcuts, optionally filtered by component or scope.
+ */
+export declare function getShortcuts(filter?: {
+    component?: string;
+    scope?: 'global' | 'component';
+}): KeyboardShortcut[];
+/**
+ * Check if an element is an editable area (input, textarea, contenteditable, role="textbox").
+ * Global shortcuts should skip firing when the user is typing in one of these.
+ */
+export declare function isEditableElement(element: Element | null): boolean;
+/**
+ * Configure shortcut overrides at app startup. Mirrors the `configureTheme()` API.
+ *
+ * - Partial overrides merge with the default (e.g., `{ key: '\\' }` keeps label/component/etc.)
+ * - `null` disables a shortcut entirely
+ * - Omitted keys are left unchanged
+ * - Multiple calls merge additively (last write wins per key)
+ *
+ * @example
+ * ```ts
+ * import { configureShortcuts } from '@usefragments/ui';
+ *
+ * // Remap sidebar toggle to Ctrl+\
+ * configureShortcuts({ SIDEBAR_TOGGLE: { key: '\\', label: 'Ctrl+\\' } });
+ *
+ * // Disable sidebar toggle entirely
+ * configureShortcuts({ SIDEBAR_TOGGLE: null });
+ * ```
+ */
+export declare function configureShortcuts(overrides: Partial<Record<ShortcutName, Partial<KeyboardShortcut> | null>>): void;
+/**
+ * Resolve a shortcut by name, applying any overrides.
+ * Returns `null` if the shortcut has been disabled via `configureShortcuts({ name: null })`.
+ */
+export declare function getResolvedShortcut(name: ShortcutName): KeyboardShortcut | null;
+/**
+ * Clear all shortcut overrides. Primarily useful for tests.
+ */
+export declare function resetShortcutOverrides(): void;
+export interface UseKeyboardShortcutOptions {
+    /** Shortcut name from KEYBOARD_SHORTCUTS */
+    name: ShortcutName;
+    /** Handler called when the shortcut fires */
+    handler: () => void;
+    /** Whether the shortcut is active (default: true) */
+    enabled?: boolean;
+    /**
+     * Override the shortcut's scope for this registration:
+     * - 'global': listens on `document`, skips editable elements
+     * - 'component': listens on `ref` element only
+     * If omitted, uses the scope from the shortcut definition.
+     */
+    scope?: 'global' | 'component';
+    /** Required when scope is 'component' — the element to attach the listener to */
+    ref?: RefObject<Element | null>;
+}
+/**
+ * Register a keyboard shortcut handler with automatic scope and editable-area handling.
+ *
+ * For global shortcuts, automatically skips when focus is in an editable element
+ * (input, textarea, contenteditable, role="textbox") so component-scoped shortcuts
+ * like Editor's Ctrl+B take precedence over Sidebar's Ctrl+B.
+ *
+ * Respects `configureShortcuts()` overrides — if a shortcut is remapped or disabled,
+ * the hook automatically adapts.
+ *
+ * @example
+ * ```tsx
+ * useKeyboardShortcut({
+ *   name: 'SIDEBAR_TOGGLE',
+ *   handler: toggleSidebar,
+ *   enabled: enableKeyboardShortcut && collapsible !== 'none',
+ * });
+ * ```
+ */
+export declare function useKeyboardShortcut({ name, handler, enabled, scope: scopeOverride, ref, }: UseKeyboardShortcutOptions): void;
+//# sourceMappingURL=keyboard-shortcuts.d.ts.map

package/dist/utils/keyboard-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-shortcuts.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard-shortcuts.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAMD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KsB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAM3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,GAAG,OAAO,CAWzF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAYnE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,gBAAgB,EAAE,CAapE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAAE,GAAG,gBAAgB,EAAE,CAMhH;AAWD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAmClE;AASD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,GACzE,IAAI,CAMN;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,gBAAgB,GAAG,IAAI,CAa/E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAMD,MAAM,WAAW,0BAA0B;IACzC,4CAA4C;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC/B,iFAAiF;IACjF,GAAG,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAc,EACd,KAAK,EAAE,aAAa,EACpB,GAAG,GACJ,EAAE,0BAA0B,GAAG,IAAI,CA6BnC"}