@devalok/shilp-sutra 0.23.3 → 0.25.0

package/dist/ai/command-bar.js

@@ -0,0 +1,545 @@
+"use client";
+import { jsxs as r, jsx as t, Fragment as Ie } from "react/jsx-runtime";
+import * as a from "react";
+import { Dialog as De, DialogPortal as _e, DialogOverlay as Ae, DialogContentRaw as Me, DialogTitle as Re, DialogDescription as Ee } from "../ui/dialog.js";
+import { IconArrowUp as Le, IconArrowDown as Be, IconCornerDownLeft as ce, IconSearch as je, IconLoader2 as Fe, IconX as $e } from "@tabler/icons-react";
+import { cn as u } from "../ui/lib/utils.js";
+import { springs as le, tweens as Y } from "../ui/lib/motion.js";
+import { VisuallyHidden as ze } from "../ui/visually-hidden.js";
+import { u as ue } from "../_chunks/motion-provider.js";
+import { g as Pe, m as Ke, a as Ve } from "../_chunks/keybinding.js";
+import { m as x, A as Z } from "../_chunks/framer.js";
+function qe({
+  active: n,
+  rounded: m,
+  reducedMotion: h,
+  children: f
+}) {
+  return n ? h ? /* @__PURE__ */ t("div", { className: u("p-[1.5px] bg-accent-9", m), children: f }) : /* @__PURE__ */ r(
+    x.div,
+    {
+      className: u("relative p-[1.5px]", m),
+      style: {
+        background: "linear-gradient(var(--gradient-angle, 0deg), #D33163, #9B5DE5, #C850C0, #D33163)",
+        backgroundSize: "300% 300%"
+      },
+      animate: {
+        // Rotate the gradient angle — creates the flowing border effect
+        // Using CSS custom property animation via backgroundPosition as proxy
+        backgroundPosition: ["0% 0%", "100% 100%", "0% 0%"]
+      },
+      transition: {
+        backgroundPosition: {
+          duration: 4,
+          repeat: 1 / 0,
+          ease: "linear"
+        }
+      },
+      children: [
+        /* @__PURE__ */ t(
+          x.div,
+          {
+            className: u("absolute inset-0 -z-10", m),
+            style: {
+              background: "linear-gradient(var(--gradient-angle, 0deg), #D33163, #9B5DE5, #C850C0, #D33163)",
+              backgroundSize: "300% 300%",
+              filter: "blur(8px)"
+            },
+            animate: {
+              opacity: [0.3, 0.5, 0.3],
+              backgroundPosition: ["0% 0%", "100% 100%", "0% 0%"]
+            },
+            transition: {
+              opacity: { duration: 3, repeat: 1 / 0, ease: "easeInOut" },
+              backgroundPosition: { duration: 4, repeat: 1 / 0, ease: "linear" }
+            }
+          }
+        ),
+        f
+      ]
+    }
+  ) : /* @__PURE__ */ t(Ie, { children: f });
+}
+function Qe(n) {
+  return n.filterValue ? n.filterValue : typeof n.label == "string" ? n.label : "";
+}
+function Te(n) {
+  return typeof n.description == "string" ? n.description : "";
+}
+function Ge({
+  placeholders: n,
+  interval: m,
+  paused: h
+}) {
+  const [f, y] = a.useState(0), { reducedMotion: V } = ue();
+  return a.useEffect(() => {
+    if (h || n.length <= 1) return;
+    const q = setInterval(() => {
+      y((c) => (c + 1) % n.length);
+    }, m);
+    return () => clearInterval(q);
+  }, [h, n.length, m]), V ? /* @__PURE__ */ t("span", { className: "pointer-events-none absolute text-surface-fg-subtle", children: n[f] }) : /* @__PURE__ */ t(Z, { mode: "wait", children: /* @__PURE__ */ t(
+    x.span,
+    {
+      initial: { opacity: 0, y: -4 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: 4 },
+      transition: Y.fade,
+      className: "pointer-events-none absolute text-surface-fg-subtle",
+      children: n[f]
+    },
+    n[f]
+  ) });
+}
+const Se = a.forwardRef(
+  function({
+    onSubmit: m,
+    state: h = "idle",
+    groups: f = [],
+    onSearch: y,
+    emptyMessage: V = "No results found.",
+    emptyState: q,
+    variant: c = "hero",
+    placeholder: B = "Ask anything...",
+    placeholderInterval: fe = 5e3,
+    greeting: ee,
+    hints: Q,
+    agentName: te,
+    agentIcon: Oe,
+    open: se,
+    defaultOpen: me,
+    onOpenChange: j,
+    keybinding: M = "mod+j",
+    disabled: F = !1,
+    maxHeight: T = "320px",
+    children: w,
+    className: G,
+    ...S
+  }, O) {
+    const U = se !== void 0, [pe, be] = a.useState(me ?? !1), R = U ? se : pe, ae = a.useRef(R);
+    ae.current = R;
+    const N = a.useCallback(
+      (e) => {
+        const s = typeof e == "function" ? e(ae.current) : e;
+        U || be(s), j == null || j(s);
+      },
+      [U, j]
+    ), [i, k] = a.useState(""), [p, C] = a.useState(-1), [re, ge] = a.useState(""), [I, ne] = a.useState(!1), [H, xe] = a.useState(!1), E = a.useRef(null), oe = a.useRef(null), J = a.useId(), ie = `command-bar-listbox-${J}`, { reducedMotion: g } = ue(), $ = { duration: 0 }, he = a.useMemo(() => Pe(), []), z = a.useMemo(
+      () => Array.isArray(B) ? B : [B],
+      [B]
+    ), l = f.length > 0, v = a.useMemo(() => {
+      if (!l) return [];
+      if (!i.trim()) return f;
+      const e = i.toLowerCase();
+      return f.map((s) => ({
+        ...s,
+        items: s.items.filter(
+          (o) => Qe(o).toLowerCase().includes(e) || Te(o).toLowerCase().includes(e)
+        )
+      })).filter((s) => s.items.length > 0);
+    }, [f, i, l]), b = a.useMemo(
+      () => v.flatMap((e) => e.items),
+      [v]
+    ), ye = a.useMemo(() => {
+      const e = /* @__PURE__ */ new Map();
+      let s = 0;
+      for (const o of v)
+        for (const d of o.items)
+          e.set(d.id, s++);
+      return e;
+    }, [v]), ve = typeof T == "number" ? `${T}px` : T;
+    a.useEffect(() => {
+      if (c !== "floating" || M === !1) return;
+      const e = Array.isArray(M) ? M : [M];
+      function s(o) {
+        for (const d of e)
+          if (Ke(o, d)) {
+            o.preventDefault(), N((A) => !A);
+            return;
+          }
+      }
+      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    }, [c, M, N]), a.useEffect(() => {
+      c === "floating" && R && (k(""), C(-1), requestAnimationFrame(() => {
+        var e;
+        (e = E.current) == null || e.focus();
+      }));
+    }, [c, R]), a.useEffect(() => {
+      var s;
+      if (p < 0) return;
+      const e = (s = oe.current) == null ? void 0 : s.querySelector(
+        `[data-command-index="${p}"]`
+      );
+      e == null || e.scrollIntoView({ block: "nearest" });
+    }, [p]);
+    const we = (e) => {
+      k(e), C(l && e.trim() ? 0 : -1), y == null || y(e);
+    }, de = a.useCallback(() => {
+      !i.trim() || F || (ge(i), m == null || m(i));
+    }, [i, F, m]), Ne = (e) => {
+      var s;
+      switch (e.key) {
+        case "ArrowDown": {
+          if (!l || b.length === 0) return;
+          e.preventDefault(), C(
+            (o) => o < b.length - 1 ? o + 1 : 0
+          );
+          break;
+        }
+        case "ArrowUp": {
+          l && b.length > 0 ? (e.preventDefault(), C(
+            (o) => o > 0 ? o - 1 : b.length - 1
+          )) : !l && !i && re && (e.preventDefault(), k(re));
+          break;
+        }
+        case "Enter": {
+          e.preventDefault(), e.metaKey || e.ctrlKey ? de() : l && p >= 0 && b[p] ? (b[p].onSelect(), c === "floating" && N(!1)) : de();
+          break;
+        }
+        case "Escape": {
+          e.preventDefault(), h === "responded" ? k("") : c === "floating" ? N(!1) : (s = E.current) == null || s.blur();
+          break;
+        }
+      }
+    }, ke = () => {
+      var e;
+      k(""), C(-1), (e = E.current) == null || e.focus();
+    };
+    a.useEffect(() => {
+      if (H) {
+        const e = setTimeout(() => xe(!1), 500);
+        return () => clearTimeout(e);
+      }
+    }, [H]), g || le.snappy;
+    const P = g ? $ : Y.fade, L = g ? { opacity: 1, scale: 1, y: 0 } : void 0, D = c === "inline", _ = h === "processing", Ce = h === "responded", W = () => /* @__PURE__ */ t(
+      qe,
+      {
+        active: _,
+        rounded: D ? "rounded-ds-md" : "rounded-ds-lg",
+        reducedMotion: g,
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: u(
+              "flex items-center gap-ds-04 border bg-surface-overlay transition-colors transition-shadow duration-fast-02 ease-productive-standard",
+              D ? "rounded-ds-md px-ds-04" : "rounded-ds-lg px-ds-05",
+              _ ? "border-transparent" : "border-surface-border-strong",
+              I && !_ && "border-accent-7 shadow-ring",
+              H && "animate-shake"
+            ),
+            children: [
+              /* @__PURE__ */ t(
+                je,
+                {
+                  className: u(
+                    "shrink-0 transition-colors duration-fast-02 ease-productive-standard",
+                    D ? "h-ico-xs w-ico-xs" : "h-ico-sm w-ico-sm",
+                    I ? "text-accent-9" : "text-surface-fg-subtle"
+                  ),
+                  stroke: 1.5
+                }
+              ),
+              /* @__PURE__ */ r("div", { className: "relative flex flex-1 items-center", children: [
+                !i && !I && z.length > 1 && /* @__PURE__ */ t(
+                  Ge,
+                  {
+                    placeholders: z,
+                    interval: fe,
+                    paused: I || !!i
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    ref: E,
+                    value: i,
+                    onChange: (e) => we(e.target.value),
+                    onFocus: () => ne(!0),
+                    onBlur: () => ne(!1),
+                    onKeyDown: Ne,
+                    placeholder: z.length === 1 || I ? z[0] : "",
+                    readOnly: _,
+                    disabled: F,
+                    role: "combobox",
+                    "aria-expanded": l && b.length > 0,
+                    "aria-controls": l ? ie : void 0,
+                    "aria-activedescendant": l && p >= 0 && b[p] ? `command-bar-item-${J}-${b[p].id}` : void 0,
+                    "aria-autocomplete": l ? "list" : void 0,
+                    "aria-label": te ? `Ask ${te}` : "AI Command Bar",
+                    className: u(
+                      "flex-1 bg-transparent text-surface-fg outline-none",
+                      "placeholder:text-surface-fg-subtle",
+                      D ? "h-9 text-ds-sm" : "h-12 text-ds-base",
+                      _ && "cursor-wait",
+                      F && "cursor-not-allowed opacity-50"
+                    ),
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    spellCheck: !1
+                  }
+                )
+              ] }),
+              _ ? /* @__PURE__ */ t(
+                Fe,
+                {
+                  className: u(
+                    "shrink-0 animate-spin text-accent-9",
+                    D ? "h-ico-xs w-ico-xs" : "h-ico-sm w-ico-sm"
+                  ),
+                  stroke: 1.5,
+                  "data-testid": "command-bar-spinner"
+                }
+              ) : Ce ? /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: ke,
+                  className: "shrink-0 rounded-ds-sm p-ds-01 text-surface-fg-subtle transition-colors duration-fast-01 hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+                  "aria-label": "Clear",
+                  children: /* @__PURE__ */ t(
+                    $e,
+                    {
+                      className: u(
+                        D ? "h-ico-xs w-ico-xs" : "h-ico-sm w-ico-sm"
+                      ),
+                      stroke: 1.5
+                    }
+                  )
+                }
+              ) : c === "hero" ? /* @__PURE__ */ t(Z, { children: !I && /* @__PURE__ */ r(
+                x.kbd,
+                {
+                  initial: L ?? { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: g ? void 0 : { opacity: 0 },
+                  transition: P,
+                  className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)] sm:inline-flex",
+                  children: [
+                    Ve(he),
+                    "J"
+                  ]
+                }
+              ) }) : null
+            ]
+          }
+        )
+      }
+    ), X = () => !l || !(b.length > 0 || i.trim() && v.length === 0) && !i.trim() ? null : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: oe,
+        id: ie,
+        role: "listbox",
+        "aria-label": "Command results",
+        className: "overflow-y-auto px-ds-03 py-ds-03",
+        style: { maxHeight: ve },
+        children: [
+          v.length === 0 && i.trim() && /* @__PURE__ */ t(
+            x.div,
+            {
+              initial: L ?? { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: P,
+              className: "flex items-center justify-center py-ds-07",
+              children: q ?? /* @__PURE__ */ t("p", { className: "text-ds-md text-surface-fg-subtle", children: V })
+            }
+          ),
+          v.map((s, o) => /* @__PURE__ */ r(
+            x.div,
+            {
+              initial: L ?? { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: g ? $ : { ...Y.fade, delay: o * 0.06 },
+              className: "mb-ds-02",
+              children: [
+                /* @__PURE__ */ t("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: s.label }) }),
+                s.items.map((d) => {
+                  const A = ye.get(d.id) ?? 0, K = A === p;
+                  return /* @__PURE__ */ r(
+                    x.button,
+                    {
+                      id: `command-bar-item-${J}-${d.id}`,
+                      type: "button",
+                      role: "option",
+                      "aria-selected": K,
+                      "data-command-index": A,
+                      initial: L ?? { opacity: 0, y: 4 },
+                      animate: { opacity: 1, y: 0 },
+                      transition: g ? $ : { ...le.snappy, delay: A * 0.03 },
+                      onClick: () => {
+                        d.onSelect(), c === "floating" && N(!1);
+                      },
+                      onMouseEnter: () => C(A),
+                      className: u(
+                        "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard",
+                        K ? "bg-surface-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"
+                      ),
+                      children: [
+                        d.icon && /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: u(
+                              "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard",
+                              K ? "text-accent-11" : "text-surface-fg-subtle"
+                            ),
+                            "aria-hidden": "true",
+                            children: d.icon
+                          }
+                        ),
+                        /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col", children: [
+                          /* @__PURE__ */ t("span", { className: "text-ds-md", children: d.renderLabel ? d.renderLabel(i) : d.label }),
+                          d.description && /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-subtle", children: d.description })
+                        ] }),
+                        /* @__PURE__ */ t(Z, { children: K && /* @__PURE__ */ t(
+                          x.span,
+                          {
+                            initial: g ? void 0 : { opacity: 0 },
+                            animate: { opacity: 1 },
+                            exit: g ? void 0 : { opacity: 0 },
+                            transition: P,
+                            className: "inline-flex shrink-0",
+                            children: /* @__PURE__ */ t(
+                              ce,
+                              {
+                                className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
+                                stroke: 1.5
+                              }
+                            )
+                          }
+                        ) })
+                      ]
+                    },
+                    d.id
+                  );
+                })
+              ]
+            },
+            s.label
+          ))
+        ]
+      }
+    );
+    return c === "hero" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: O,
+        role: "search",
+        className: u(
+          "bg-surface-raised rounded-ds-xl shadow-raised p-ds-07",
+          G
+        ),
+        ...S,
+        children: [
+          ee && /* @__PURE__ */ t("p", { className: "text-ds-lg text-surface-fg-muted mb-ds-04", children: ee }),
+          W(),
+          X(),
+          Q && Q.length > 0 && /* @__PURE__ */ t("div", { className: "mt-ds-04 flex flex-wrap gap-ds-02b", children: Q.map((e) => /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                var s;
+                k(e), y == null || y(e), (s = E.current) == null || s.focus();
+              },
+              className: "rounded-ds-md border border-surface-border-strong bg-surface-overlay px-ds-03 py-ds-01 text-ds-sm text-surface-fg-subtle transition-colors duration-fast-02 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted",
+              children: e
+            },
+            e
+          )) }),
+          w && /* @__PURE__ */ t("div", { className: "mt-ds-05", children: w })
+        ]
+      }
+    ) : c === "inline" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: O,
+        role: "search",
+        className: u("w-full", G),
+        ...S,
+        children: [
+          W(),
+          X(),
+          w && /* @__PURE__ */ t("div", { className: "mt-ds-03", children: w })
+        ]
+      }
+    ) : /* @__PURE__ */ t(De, { open: R, onOpenChange: (e) => {
+      N(e);
+    }, children: /* @__PURE__ */ r(_e, { children: [
+      /* @__PURE__ */ t(Ae, { className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+      /* @__PURE__ */ r(
+        Me,
+        {
+          ref: O,
+          ...S,
+          className: u(
+            "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
+            "overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-overlay shadow-overlay",
+            "duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+            "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
+            "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
+            G
+          ),
+          children: [
+            /* @__PURE__ */ r(ze, { children: [
+              /* @__PURE__ */ t(Re, { children: "AI Command Bar" }),
+              /* @__PURE__ */ t(Ee, { children: "Search commands or ask a question" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "p-ds-04", children: W() }),
+            X(),
+            w && /* @__PURE__ */ t("div", { className: "border-t border-surface-border-strong p-ds-04", children: w }),
+            /* @__PURE__ */ r(
+              x.div,
+              {
+                initial: L ?? { opacity: 0 },
+                animate: { opacity: 1 },
+                transition: P,
+                className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
+                children: [
+                  l && /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                    /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-01", children: [
+                      /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(
+                        Le,
+                        {
+                          className: "h-ds-03 w-ds-03 text-surface-fg-subtle",
+                          stroke: 2
+                        }
+                      ) }),
+                      /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(
+                        Be,
+                        {
+                          className: "h-ds-03 w-ds-03 text-surface-fg-subtle",
+                          stroke: 2
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Navigate" })
+                  ] }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ t(
+                      ce,
+                      {
+                        className: "h-ds-03 w-ds-03 text-surface-fg-subtle",
+                        stroke: 2
+                      }
+                    ) }),
+                    /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Submit" })
+                  ] }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: "Esc" }),
+                    /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Close" })
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+  }
+);
+Se.displayName = "CommandBar";
+export {
+  Se as CommandBar
+};

package/dist/ai/conversation.d.ts

@@ -0,0 +1,20 @@
+"use client";
+import { ConversationMessage, ProcessingStep, BlockComponentProps } from './types';
+import * as React from 'react';
+export interface AIConversationProps {
+    messages: ConversationMessage[];
+    isProcessing?: boolean;
+    processingSteps?: ProcessingStep[];
+    agent?: {
+        name: string;
+        icon?: React.ReactNode;
+    };
+    onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void;
+    customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>;
+    maxHeight?: string | number;
+    autoScroll?: boolean;
+    className?: string;
+}
+declare function AIConversation({ messages, isProcessing, processingSteps, agent: agentProp, onAction, customBlocks, maxHeight, autoScroll, className, }: AIConversationProps): import("react/jsx-runtime").JSX.Element;
+export { AIConversation };
+//# sourceMappingURL=conversation.d.ts.map

package/dist/ai/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA4ND,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,YAAoB,EACpB,eAAe,EACf,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAiB,EACjB,SAAS,GACV,EAAE,mBAAmB,2CAwHrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}