@pibit.ai/cure-design-system 0.4.0 → 0.5.2

package/dist/patterns/table/toolbar/TableToolbar.js

@@ -1,227 +1,322 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useMemo as D, useRef as O, useState as R, useEffect as A, useLayoutEffect as L } from "react";
-import { FlipBackward as K, FlipForward as W, ChevronSelectorVertical as j, DotsHorizontal as k } from "@untitledui/icons";
-import { cx as I } from "../../../utils/cn.js";
-import { AlignDropdown as P } from "./AlignDropdown.js";
-import { GroupByDropdown as T } from "./GroupByDropdown.js";
-import { HideFieldsDropdown as F } from "./HideFieldsDropdown.js";
-import { RowHeightDropdown as G } from "./RowHeightDropdown.js";
-import { ShowSummaryDropdown as U } from "./ShowSummaryDropdown.js";
-import { resolveColumnLabel as _ } from "./tableToolbarHelpers.js";
-import { ExpandableSearchInput as B } from "../../../primitives/select/ExpandableSearchInput.js";
-import { Button as C } from "../../../primitives/button/button.js";
-import { Dropdown as w } from "../../../primitives/dropdown/dropdown.js";
-import { Icon as H } from "../../../primitives/icon/icon.js";
-const $ = () => /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ o(C, { size: "xs", color: "secondary", iconLeading: /* @__PURE__ */ o(K, { size: 16 }), "aria-label": "Undo", title: "Undo" }),
-  /* @__PURE__ */ o(C, { size: "xs", color: "secondary", iconLeading: /* @__PURE__ */ o(W, { size: 16 }), "aria-label": "Redo", title: "Redo" })
-] }), V = ({ config: e, content: a }) => {
-  const l = e.sorts.some((i) => i.field !== "" && i.direction !== "");
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useMemo as O, isValidElement as F, cloneElement as P, useRef as k, useState as W, useEffect as H, useLayoutEffect as K } from "react";
+import { FlipBackward as M, FlipForward as G, ChevronSelectorVertical as T, DotsHorizontal as _ } from "@untitledui/icons";
+import { cx as j } from "../../../utils/cn.js";
+import { AlignDropdown as $ } from "./AlignDropdown.js";
+import { GroupByDropdown as q } from "./GroupByDropdown.js";
+import { HideFieldsDropdown as J } from "./HideFieldsDropdown.js";
+import { RowHeightDropdown as Q } from "./RowHeightDropdown.js";
+import { ShowSummaryDropdown as X } from "./ShowSummaryDropdown.js";
+import { resolveColumnLabel as Y } from "./tableToolbarHelpers.js";
+import { useUndoRedoShortcuts as Z } from "./useUndoRedoShortcuts.js";
+import { TableViewDirtyActions as E } from "./TableViewDirtyActions.js";
+import { hasSavedOrSharedViews as ee, TableViewsDropdown as ne } from "./TableViewsDropdown.js";
+import { ExpandableSearchInput as oe } from "../../../primitives/select/ExpandableSearchInput.js";
+import { Button as I } from "../../../primitives/button/button.js";
+import { Dropdown as z } from "../../../primitives/dropdown/dropdown.js";
+import { Icon as re } from "../../../primitives/icon/icon.js";
+function ie(e, t) {
+  return F(e) ? P(e, {
+    onApply: t.onApply,
+    onClear: t.onClear,
+    clearAllSorts: t.onClear
+  }) : e;
+}
+function te(e, t) {
+  return F(e) ? P(e, {
+    onApply: t.onApply,
+    onClearAll: t.onClearAll
+  }) : e;
+}
+const se = ({ config: e }) => (Z({
+  enabled: e.shortcut ?? !0,
+  canUndo: e.canUndo,
+  canRedo: e.canRedo,
+  onUndo: e.onUndo,
+  onRedo: e.onRedo,
+  isDisabled: e.isDisabled
+}), /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ n(
+    I,
+    {
+      size: "xs",
+      color: "secondary",
+      iconLeading: /* @__PURE__ */ n(M, { size: 16 }),
+      "aria-label": "Undo",
+      title: "Undo",
+      isDisabled: e.isDisabled || !e.canUndo,
+      onClick: e.onUndo
+    }
+  ),
+  /* @__PURE__ */ n(
+    I,
+    {
+      size: "xs",
+      color: "secondary",
+      iconLeading: /* @__PURE__ */ n(G, { size: 16 }),
+      "aria-label": "Redo",
+      title: "Redo",
+      isDisabled: e.isDisabled || !e.canRedo,
+      onClick: e.onRedo
+    }
+  )
+] })), le = ({ config: e, content: t, isDisabled: d }) => {
+  const i = e.sorts.some((s) => s.field !== "" && s.direction !== "");
   return /* @__PURE__ */ p(
-    w.Root,
+    z.Root,
     {
       isOpen: e.isOpen,
-      onOpenChange: (i) => {
-        i && e.onSortsChange(e.sorts.map((d) => ({ ...d }))), e.onOpenChange(i);
+      onOpenChange: (s) => {
+        s && e.onSortsChange(
+          e.sorts.length > 0 ? e.sorts.map((c) => ({ ...c })) : [{ field: "", direction: "" }]
+        ), e.onOpenChange(s);
       },
       children: [
         /* @__PURE__ */ p(
-          C,
+          I,
           {
             size: "xs",
             color: "secondary",
-            iconLeading: /* @__PURE__ */ o(j, { size: 12 }),
-            className: I(
-              l && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
+            isDisabled: d,
+            iconLeading: /* @__PURE__ */ n(T, { size: 12 }),
+            className: j(
+              i && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
             ),
             children: [
               "Sort",
-              l && /* @__PURE__ */ o("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.sorts.length })
+              i && /* @__PURE__ */ n("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.sorts.length })
             ]
           }
         ),
-        /* @__PURE__ */ o(w.Popover, { className: "w-auto min-w-[300px]", children: a })
+        /* @__PURE__ */ n(z.Popover, { className: "w-auto min-w-[300px]", children: t })
       ]
     }
   );
-}, q = ({ config: e, content: a }) => {
-  const l = e.meaningfulConditionsCount > 0;
-  return /* @__PURE__ */ p(w.Root, { isOpen: e.isOpen, onOpenChange: e.onOpenChange, children: [
+}, ae = ({ config: e, content: t, isDisabled: d }) => {
+  const i = e.meaningfulConditionsCount > 0;
+  return /* @__PURE__ */ p(z.Root, { isOpen: e.isOpen, onOpenChange: e.onOpenChange, children: [
     /* @__PURE__ */ p(
-      C,
+      I,
       {
         size: "xs",
         color: "secondary",
-        iconLeading: /* @__PURE__ */ o(H, { name: "FilterLines", size: 12 }),
-        className: I(
-          l && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
+        isDisabled: d,
+        iconLeading: /* @__PURE__ */ n(re, { name: "FilterLines", size: 12 }),
+        className: j(
+          i && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
           "Filter",
-          l && /* @__PURE__ */ o("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.meaningfulConditionsCount })
+          i && /* @__PURE__ */ n("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.meaningfulConditionsCount })
         ]
       }
     ),
-    /* @__PURE__ */ o(w.Popover, { className: "w-auto min-w-[300px]", children: a })
+    /* @__PURE__ */ n(z.Popover, { className: "w-auto min-w-[300px]", children: t })
   ] });
-}, ce = ({
+}, Ae = ({
   className: e,
-  fallbackTitle: a,
-  showUndoRedo: l = !1,
+  fallbackTitle: t,
+  undoRedo: d,
   sort: i,
-  filter: d,
-  search: f,
-  rowHeight: b,
-  hideFields: u,
-  align: h,
-  groupBy: m,
-  summary: g,
-  trailing: S,
-  searchCollapsible: z,
-  disableExtendedTools: n = !1,
-  sortContent: r,
-  filterContent: t
+  filter: s,
+  search: c,
+  rowHeight: x,
+  hideFields: f,
+  align: N,
+  groupBy: h,
+  summary: C,
+  beforeSearch: A,
+  trailing: w,
+  searchCollapsible: U,
+  disableExtendedTools: a = !1,
+  isEditMode: b = !0,
+  sortContent: g,
+  filterContent: o,
+  views: r
 }) => {
-  const c = D(() => {
-    const s = [];
-    if (l && s.push({ id: "undo-redo", node: /* @__PURE__ */ o($, {}) }), i && r) {
-      const v = i.sorts.some((x) => x.field !== "" && x.direction !== "");
-      s.push({
+  const l = O(
+    () => i && g ? ie(g, i) : g,
+    [i, g]
+  ), D = O(
+    () => s && o ? te(o, s) : o,
+    [s, o]
+  ), S = O(() => {
+    const m = [];
+    if (b && d && m.push({ id: "undo-redo", node: /* @__PURE__ */ n(se, { config: d }) }), i && l) {
+      const y = i.sorts.some((v) => v.field !== "" && v.direction !== "");
+      m.push({
         id: "sort",
-        widthKey: v ? String(i.sorts.length) : "",
-        node: /* @__PURE__ */ o(V, { config: i, content: r })
+        widthKey: y ? String(i.sorts.length) : "",
+        node: /* @__PURE__ */ n(
+          le,
+          {
+            config: i,
+            content: l,
+            isDisabled: a
+          }
+        )
       });
     }
-    if (d && t && s.push({
+    if (s && D && m.push({
       id: "filter",
-      widthKey: d.meaningfulConditionsCount > 0 ? String(d.meaningfulConditionsCount) : "",
-      node: /* @__PURE__ */ o(q, { config: d, content: t })
-    }), b && s.push({
+      widthKey: s.meaningfulConditionsCount > 0 ? String(s.meaningfulConditionsCount) : "",
+      node: /* @__PURE__ */ n(
+        ae,
+        {
+          config: s,
+          content: D,
+          isDisabled: a
+        }
+      )
+    }), b && x && m.push({
       id: "row-height",
-      node: /* @__PURE__ */ o(G, { ...b, isDisabled: n })
-    }), u && s.push({
+      node: /* @__PURE__ */ n(Q, { ...x, isDisabled: a })
+    }), f && m.push({
       id: "hide-fields",
-      widthKey: u.hiddenColumns.size > 0 ? String(u.hiddenColumns.size) : "",
-      node: /* @__PURE__ */ o(F, { ...u, isDisabled: n })
-    }), h && s.push({ id: "align", node: /* @__PURE__ */ o(P, { ...h, isDisabled: n }) }), m) {
-      const v = m.value ? m.schema.find((N) => N.value === m.value) : void 0, x = v ? _(v, m.labelMeta) : "";
-      s.push({
+      widthKey: f.hiddenColumns.size > 0 ? String(f.hiddenColumns.size) : "",
+      node: /* @__PURE__ */ n(J, { ...f, isDisabled: a })
+    }), N && m.push({ id: "align", node: /* @__PURE__ */ n($, { ...N, isDisabled: a }) }), b && h) {
+      const y = h.value ? h.schema.find((B) => B.value === h.value) : void 0, v = y ? Y(y, h.labelMeta) : "";
+      m.push({
         id: "group-by",
-        widthKey: x,
-        node: /* @__PURE__ */ o(T, { ...m, isDisabled: n })
+        widthKey: v,
+        node: /* @__PURE__ */ n(q, { ...h, isDisabled: a })
       });
     }
-    return g && s.push({
+    return b && C && m.push({
       id: "summary",
-      node: /* @__PURE__ */ o(U, { ...g, isDisabled: n })
-    }), s;
+      node: /* @__PURE__ */ n(X, { ...C, isDisabled: a })
+    }), A && m.push({ id: "zoom", node: A }), m;
   }, [
-    l,
-    i,
-    r,
     d,
-    t,
-    b,
-    u,
+    i,
+    l,
+    s,
+    D,
+    x,
+    f,
+    N,
     h,
-    m,
-    g,
-    n
-  ]);
-  return /* @__PURE__ */ p("div", { className: I("flex justify-between items-center gap-2", e), children: [
-    c.length > 0 ? /* @__PURE__ */ o(Q, { items: c }) : a ? /* @__PURE__ */ o("h4", { className: "text-sm font-normal text-secondary", children: a }) : /* @__PURE__ */ o("div", {}),
+    C,
+    A,
+    a,
+    b
+  ]), u = !!(b && r && (r.onSelectInitial || ee(r.items))), R = b && r && r.dirtyAction !== "none" ? /* @__PURE__ */ n(E, { config: r, isDisabled: a }) : null, L = u || S.length > 0 || R != null;
+  return /* @__PURE__ */ p("div", { className: j("flex justify-between items-center gap-2", e), children: [
+    L ? /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      u && r && /* @__PURE__ */ n(ne, { config: r, isDisabled: a }),
+      S.length > 0 ? /* @__PURE__ */ n(ce, { items: S, suffix: R }) : R
+    ] }) : t ? /* @__PURE__ */ n("h4", { className: "text-sm font-normal text-secondary", children: t }) : /* @__PURE__ */ n("div", {}),
     /* @__PURE__ */ p("div", { className: "flex items-center gap-2 shrink-0", children: [
-      f && /* @__PURE__ */ o(
-        B,
+      c && /* @__PURE__ */ n(
+        oe,
         {
           size: "sm",
           placeholder: "Search",
-          value: f.value,
-          onChange: f.onChange,
-          collapsible: z,
-          isDisabled: n
+          value: c.value,
+          onChange: c.onChange,
+          collapsible: U,
+          isDisabled: a,
+          shortcut: c.shortcut
         }
       ),
-      S
+      w
     ] })
   ] });
-}, J = 40, M = 8, Q = ({ items: e }) => {
-  const a = O(null), l = O(/* @__PURE__ */ new Map()), [i, d] = R(() => /* @__PURE__ */ new Map()), [f, b] = R(null), u = D(() => e.map((n) => `${n.id}:${n.widthKey ?? ""}`).join("|"), [e]);
-  A(() => {
-    d(/* @__PURE__ */ new Map());
-  }, [u]), L(() => {
-    if (i.size === e.length) return;
-    const n = /* @__PURE__ */ new Map();
+}, de = 40, V = 8, ce = ({
+  items: e,
+  suffix: t
+}) => {
+  const d = k(null), i = k(null), s = k(/* @__PURE__ */ new Map()), [c, x] = W(() => /* @__PURE__ */ new Map()), [f, N] = W(null), [h, C] = W(0), A = O(() => e.map((o) => `${o.id}:${o.widthKey ?? ""}`).join("|"), [e]);
+  H(() => {
+    x(/* @__PURE__ */ new Map());
+  }, [A]), K(() => {
+    if (c.size === e.length) return;
+    const o = /* @__PURE__ */ new Map();
     for (const r of e) {
-      const t = l.current.get(r.id);
-      t && n.set(r.id, t.getBoundingClientRect().width);
+      const l = s.current.get(r.id);
+      l && o.set(r.id, l.getBoundingClientRect().width);
+    }
+    o.size === e.length && x(o);
+  }, [e, c]), K(() => {
+    const o = d.current;
+    if (!o) return;
+    const r = () => {
+      d.current && N(d.current.clientWidth);
+    };
+    r();
+    const l = new ResizeObserver(r);
+    return l.observe(o), () => l.disconnect();
+  }, []), K(() => {
+    const o = i.current;
+    if (!o) {
+      C(0);
+      return;
     }
-    n.size === e.length && d(n);
-  }, [e, i]), L(() => {
-    const n = a.current;
-    if (!n) return;
     const r = () => {
-      a.current && b(a.current.clientWidth);
+      i.current && C(i.current.getBoundingClientRect().width);
     };
     r();
-    const t = new ResizeObserver(r);
-    return t.observe(n), () => t.disconnect();
-  }, []);
-  const h = i.size === e.length, { visibleIds: m, overflowIds: g } = D(() => {
-    if (!h || f == null)
+    const l = new ResizeObserver(r);
+    return l.observe(o), () => l.disconnect();
+  }, [t]);
+  const w = c.size === e.length, { visibleIds: U, overflowIds: a } = O(() => {
+    if (!w || f == null)
       return {
-        visibleIds: new Set(e.map((c) => c.id)),
+        visibleIds: new Set(e.map((u) => u.id)),
         overflowIds: /* @__PURE__ */ new Set()
       };
-    let n = 0;
-    const r = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
-    for (let c = 0; c < e.length; c++) {
-      const s = e[c].id, v = i.get(s) ?? 0, N = e.length - c - 1 > 0 ? J + M : 0;
-      if (n + v + N > f) {
-        for (let y = c; y < e.length; y++) t.add(e[y].id);
+    const o = h > 0 ? h + V : 0, r = Math.max(0, f - o);
+    let l = 0;
+    const D = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set();
+    for (let u = 0; u < e.length; u++) {
+      const R = e[u].id, L = c.get(R) ?? 0, y = e.length - u - 1 > 0 ? de + V : 0;
+      if (l + L + y > r) {
+        for (let v = u; v < e.length; v++) S.add(e[v].id);
         break;
       }
-      n += v + M, r.add(s);
+      l += L + V, D.add(R);
     }
-    return { visibleIds: r, overflowIds: t };
-  }, [e, i, f, h]), S = e.filter((n) => m.has(n.id)), z = e.filter((n) => g.has(n.id));
+    return { visibleIds: D, overflowIds: S };
+  }, [e, c, f, w, h]), b = e.filter((o) => U.has(o.id)), g = e.filter((o) => a.has(o.id));
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: a,
-      className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden",
-      style: h ? void 0 : { visibility: "hidden" },
+      ref: d,
+      className: "flex items-center gap-2 min-w-0 flex-1 overflow-visible",
+      style: w ? void 0 : { visibility: "hidden" },
       children: [
-        (h ? S : e).map((n) => /* @__PURE__ */ o(
+        (w ? b : e).map((o) => /* @__PURE__ */ n(
           "div",
           {
             ref: (r) => {
-              l.current.set(n.id, r);
+              s.current.set(o.id, r);
             },
             className: "shrink-0",
-            children: n.node
+            children: o.node
           },
-          n.id
+          o.id
         )),
-        h && z.length > 0 && /* @__PURE__ */ p(w.Root, { children: [
-          /* @__PURE__ */ o(
-            C,
+        w && g.length > 0 && /* @__PURE__ */ p(z.Root, { children: [
+          /* @__PURE__ */ n(
+            I,
             {
               size: "xs",
               color: "secondary",
-              iconLeading: /* @__PURE__ */ o(k, { size: 16 }),
+              iconLeading: /* @__PURE__ */ n(_, { size: 16 }),
               "aria-label": "More tools",
               title: "More tools",
               className: "shrink-0"
             }
           ),
-          /* @__PURE__ */ o(w.Popover, { className: "w-auto", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: z.map((n) => /* @__PURE__ */ o("div", { className: "[&>*]:w-full", children: n.node }, n.id)) }) })
-        ] })
+          /* @__PURE__ */ n(z.Popover, { className: "w-auto", children: /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: g.map((o) => /* @__PURE__ */ n("div", { className: "[&>*]:w-full", children: o.node }, o.id)) }) })
+        ] }),
+        t != null && /* @__PURE__ */ n("div", { ref: i, className: "shrink-0", children: t })
       ]
     }
   );
 };
-function he(e) {
+function Oe(e) {
   return {
     sort: e.sort,
     filter: e.filter,
@@ -229,6 +324,6 @@ function he(e) {
   };
 }
 export {
-  ce as TableToolbar,
-  he as pickCoreToolbarProps
+  Ae as TableToolbar,
+  Oe as pickCoreToolbarProps
 };

package/dist/patterns/table/toolbar/TableViewDirtyActions.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TableViewsConfig } from './tableViewTypes';
+export declare const TableViewDirtyActions: FC<{
+    config: TableViewsConfig;
+    isDisabled?: boolean;
+}>;
+//# sourceMappingURL=TableViewDirtyActions.d.ts.map

package/dist/patterns/table/toolbar/TableViewDirtyActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableViewDirtyActions.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableViewDirtyActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAsCA,CAAC"}

package/dist/patterns/table/toolbar/TableViewDirtyActions.js

@@ -0,0 +1,39 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { RefreshCcw01 as l } from "@untitledui/icons";
+import { Button as i } from "../../../primitives/button/button.js";
+import { Tooltip as n } from "../../../primitives/tooltip/tooltip.js";
+const m = ({ config: e, isDisabled: o }) => e.dirtyAction === "none" ? null : e.dirtyAction === "save" ? /* @__PURE__ */ r(
+  i,
+  {
+    size: "xs",
+    color: "link-color",
+    isDisabled: o,
+    onClick: e.onSaveClick,
+    children: "Save View"
+  }
+) : /* @__PURE__ */ t("div", { className: "flex items-center gap-2 shrink-0", children: [
+  /* @__PURE__ */ r(n, { title: "Revert to last saved", isHoverable: !1, children: /* @__PURE__ */ r(
+    i,
+    {
+      size: "xs",
+      color: "secondary",
+      "aria-label": "Revert to last saved",
+      isDisabled: o,
+      iconLeading: /* @__PURE__ */ r(l, { size: 16 }),
+      onClick: e.onRevertClick
+    }
+  ) }),
+  /* @__PURE__ */ r(
+    i,
+    {
+      size: "xs",
+      color: "link-color",
+      isDisabled: o,
+      onClick: e.onUpdateClick,
+      children: "Update View"
+    }
+  )
+] });
+export {
+  m as TableViewDirtyActions
+};

package/dist/patterns/table/toolbar/TableViewsDropdown.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TableViewListItem, TableViewsConfig } from './tableViewTypes';
+export declare const TableViewsDropdown: FC<{
+    config: TableViewsConfig;
+    isDisabled?: boolean;
+}>;
+export declare function hasSavedOrSharedViews(items: TableViewListItem[]): boolean;
+//# sourceMappingURL=TableViewsDropdown.d.ts.map

package/dist/patterns/table/toolbar/TableViewsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableViewsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableViewsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAe/C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AA8J1B,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAkEA,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAEzE"}