@caspeco/casper-ui-library 8.4.1 → 9.0.0-alpha.1

package/dist/components/table/table-filter.js

@@ -1,25 +1,25 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import { memo as y, useState as R, useCallback as I, useEffect as W, useMemo as j } from "react";
 import { useTableContext as z } from "./table-context.js";
 import { translations as L } from "./translations.js";
 import { Flex as f } from "../flex/flex.js";
 import { Combobox as O } from "../combobox/combobox.js";
-import { Button as T } from "../button/button.js";
+import { Button as C } from "../button/button.js";
 import { Text as A } from "../text/text.js";
 import { Menu as D } from "../menu/menu.js";
 import { MenuButton as E } from "../menu/menu-button.js";
-import { Icons as H } from "../icon/types.js";
+import { AddIcon as H } from "../icon/icons/add-icon.js";
 import { MenuList as X } from "../menu/menu-list.js";
 import { MenuItem as Y } from "../menu/menu-item.js";
 import { Checkbox as $ } from "../checkbox/checkbox.js";
 import { Box as q } from "../box/box.js";
-import { ThemeSpaceVariable as C } from "../../theme/theme-types.js";
+import { ThemeSpaceVariable as T } from "../../theme/theme-types.js";
 const G = ({
-  initialFilterState: M,
+  initialFilterState: v,
   onFilterVisibleChange: b,
   onFilterChange: m
 }) => {
-  const x = z(), { registerTableFilter: g } = x, S = x.localeString, h = L[S], [n, a] = R(M), k = I(
+  const x = z(), { registerTableFilter: g } = x, S = x.localeString, h = L[S], [l, a] = R(v), k = I(
     (e, s) => {
       a((o) => {
         const r = o.map((i) => i.filterId === e ? {
@@ -72,41 +72,41 @@ const G = ({
           );
         return c;
       });
-      const o = n.find((r) => r.filterId === e);
+      const o = l.find((r) => r.filterId === e);
       o && b?.({ filterId: e, isVisible: s, items: o.items }, (r) => {
         w(e, r);
       });
     },
-    [n, m, b, w]
+    [l, m, b, w]
   ), V = I(
     (e) => {
-      const s = n.find((o) => (o.columnId ?? o.filterId) === e);
+      const s = l.find((o) => (o.columnId ?? o.filterId) === e);
       s && p(s.filterId, !s.isVisible);
     },
-    [n, p]
+    [l, p]
   );
   W(() => g({
     onToggleFilterVisibility: V,
-    canFilterOnColumn: (s) => n.some((o) => (o.columnId ?? o.filterId) === s)
-  }), [n, V, g]);
-  const v = I(() => {
+    canFilterOnColumn: (s) => l.some((o) => (o.columnId ?? o.filterId) === s)
+  }), [l, V, g]);
+  const B = I(() => {
     a((e) => e.map((o) => ({
       ...o,
       isVisible: !1,
       selectedItems: []
     }))), m?.([]);
-  }, [m, a]), B = j(
-    () => n.some((e) => e.isVisible),
-    [n]
+  }, [m, a]), M = j(
+    () => l.some((e) => e.isVisible),
+    [l]
   ), F = I(
-    (e) => (s) => {
-      p(e, s.target.checked);
+    (e) => ({ checked: s }) => {
+      p(e, !!s);
     },
     [p]
   );
   return /* @__PURE__ */ u(f, { width: "100%", overflow: "hidden", children: [
-    /* @__PURE__ */ u(f, { shrink: 1, grow: 0, minWidth: 0, gap: C.Medium, children: [
-      /* @__PURE__ */ l(f, { maxWidth: "100%", overflowX: "auto", whiteSpace: "nowrap", gap: C.Medium, children: n.filter((e) => e.isVisible).map((e) => /* @__PURE__ */ l(
+    /* @__PURE__ */ u(f, { shrink: 1, grow: 0, minWidth: 0, gap: T.Medium, children: [
+      /* @__PURE__ */ n(f, { maxWidth: "100%", overflowX: "auto", whiteSpace: "nowrap", gap: T.Medium, children: l.filter((e) => e.isVisible).map((e) => /* @__PURE__ */ n(
         O,
         {
           collapsed: !0,
@@ -120,19 +120,25 @@ const G = ({
           items: e.items,
           selectedItems: e.selectedItems,
           onChange: (s) => k(e.filterId, s),
-          footerContent: /* @__PURE__ */ l(T, { variant: "link", size: "xs", onClick: () => k(e.filterId, []), children: /* @__PURE__ */ l(A, { children: h.filterBoxReset }) })
+          footerContent: /* @__PURE__ */ n(C, { variant: "link", size: "xs", onClick: () => k(e.filterId, []), children: /* @__PURE__ */ n(A, { children: h.filterBoxReset }) })
         },
         e.filterId
       )) }),
-      /* @__PURE__ */ l(f, { shrink: 0, children: /* @__PURE__ */ u(D, { closeOnSelect: !1, offset: [0, 4], children: [
-        /* @__PURE__ */ l(E, { flexShrink: 0, leftIcon: H.Add, variant: "ghost", children: h.filterText }),
-        /* @__PURE__ */ l(X, { zIndex: 10, maxHeight: "320px", overflowY: "auto", children: n.map((e) => /* @__PURE__ */ u(Y, { itemType: "checkbox", children: [
+      /* @__PURE__ */ n(f, { shrink: 0, children: /* @__PURE__ */ u(D, { closeOnSelect: !1, offset: [0, 4], children: [
+        /* @__PURE__ */ n(E, { flexShrink: 0, leftIcon: H, variant: "ghost", children: h.filterText }),
+        /* @__PURE__ */ n(X, { zIndex: 10, maxHeight: "320px", overflowY: "auto", children: l.map((e) => /* @__PURE__ */ u(Y, { value: e.filterId, itemType: "checkbox", children: [
           e.label,
-          /* @__PURE__ */ l($, { isChecked: e.isVisible, onChange: F(e.filterId) })
+          /* @__PURE__ */ n(
+            $,
+            {
+              isChecked: e.isVisible,
+              onCheckedChange: F(e.filterId)
+            }
+          )
         ] }, e.filterId)) })
       ] }) })
     ] }),
-    B && /* @__PURE__ */ l(q, { marginLeft: "auto", children: /* @__PURE__ */ l(T, { variant: "ghost", onClick: v, children: h.filterReset }) })
+    M && /* @__PURE__ */ n(q, { marginLeft: "auto", children: /* @__PURE__ */ n(C, { variant: "ghost", onClick: B, children: h.filterReset }) })
   ] });
 }, me = y(G);
 export {

package/dist/components/table/table-header-dropdown.d.ts

@@ -1,4 +1,5 @@
 import { Header, HeaderGroup, SortingState, VisibilityState } from '@tanstack/react-table';
+import { Ref } from 'react';
 import { Locales } from './translations.js';
 import { TableData, TableRow } from './types.js';
 type TableHeaderDropdownProps<TData extends TableData> = {
@@ -11,8 +12,9 @@ type TableHeaderDropdownProps<TData extends TableData> = {
     setSorting: (value: SortingState) => void;
     columnVisibility: VisibilityState;
     localeString: Locales;
+    dragRef?: Ref<HTMLButtonElement>;
 };
-declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, localeString, portalContainerRef, }: TableHeaderDropdownProps<TData> & {
+declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, localeString, portalContainerRef, dragRef, }: TableHeaderDropdownProps<TData> & {
     portalContainerRef?: React.RefObject<HTMLElement | null>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeaderDropdown: typeof TableHeaderDropdownComponent;

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,yJAU5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CA0IhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAgJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -1,124 +1,134 @@
-import { jsxs as d, Fragment as a, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, Fragment as f, jsx as n } from "react/jsx-runtime";
 import { Portal as j } from "@chakra-ui/react";
 import { flexRender as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as L, useCallback as D, useMemo as p } from "react";
-import { useTableContext as R } from "./table-context.js";
-import { translations as U } from "./translations.js";
-import { Icon as S } from "../icon/icon.js";
-import { Icons as l } from "../icon/types.js";
-import { MenuItem as t } from "../menu/menu-item.js";
+import { memo as L, useCallback as M, useMemo as a } from "react";
+import { useTableContext as U } from "./table-context.js";
+import { translations as X } from "./translations.js";
+import { SortDescIcon as k } from "../icon/icons/sort-desc-icon.js";
+import { SortAscIcon as D } from "../icon/icons/sort-asc-icon.js";
+import { MenuItem as l } from "../menu/menu-item.js";
 import { Text as r } from "../text/text.js";
-import { MenuDivider as k } from "../menu/menu-divider.js";
-import { Switch as X } from "../switch/switch.js";
-import { Menu as v } from "../menu/menu.js";
-import { MenuBoxButton as $ } from "../menu/menu-box-button.js";
-import { MenuList as q } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as F, ThemeColorVariable as w, ThemeSpaceVariable as J, ThemeFontSizeVariable as z } from "../../theme/theme-types.js";
-const K = ({
+import { FilterIcon as R } from "../icon/icons/filter-icon.js";
+import { MenuDivider as F } from "../menu/menu-divider.js";
+import { HideIcon as $ } from "../icon/icons/hide-icon.js";
+import { ThumbtackIcon as q } from "../icon/icons/thumbtack-icon.js";
+import { Switch as J } from "../switch/switch.js";
+import { Menu as K } from "../menu/menu.js";
+import { MenuBoxButton as N } from "../menu/menu-box-button.js";
+import { MenuList as Q } from "../menu/menu-list.js";
+import { ThemeIconSizeVariable as S, ThemeColorVariable as v, ThemeSpaceVariable as W, ThemeFontSizeVariable as w } from "../../theme/theme-types.js";
+const Y = ({
   header: o,
-  breakingContentState: m,
-  onBreakingContentChange: h,
-  setBreakingContentState: C,
+  breakingContentState: c,
+  onBreakingContentChange: p,
+  setBreakingContentState: h,
   headerGroup: g,
-  sorting: u,
-  setSorting: f,
-  localeString: V,
-  portalContainerRef: y
+  sorting: d,
+  setSorting: u,
+  localeString: z,
+  portalContainerRef: V,
+  dragRef: y
 }) => {
-  const e = U[V], H = R(), { getTableFilterMethods: s } = H, T = D(
-    (i) => {
-      const c = {
-        ...m,
-        [o.column.id]: i.target.checked
+  const i = X[z], H = U(), { getTableFilterMethods: m } = H, C = M(
+    ({ checked: e }) => {
+      const t = {
+        ...c,
+        [o.column.id]: e
       };
-      C(c), h?.(c);
+      h(t), p?.(t);
     },
-    [m, o.column.id, h, C]
-  ), b = D(
-    (i) => {
-      const c = i.getIndex();
+    [c, o.column.id, p, h]
+  ), b = M(
+    (e) => {
+      const t = e.getIndex();
       g.forEach((E) => {
-        E.headers.forEach((O, I) => {
-          const { column: M } = O;
-          i.getIsPinned() ? I >= c && M.pin(!1) : I <= c && M.pin("left");
+        E.headers.forEach((O, T) => {
+          const { column: I } = O;
+          e.getIsPinned() ? T >= t && I.pin(!1) : T <= t && I.pin("left");
         });
       });
     },
     [g]
-  ), P = p(() => /* @__PURE__ */ d(a, { children: [
-    u.find((i) => i.id === o.column.id) && (u.find((i) => i.desc) ? /* @__PURE__ */ n(S, { icon: l.SortDesc, size: F.XSmall }) : /* @__PURE__ */ n(S, { icon: l.SortAsc, size: F.XSmall })),
+  ), P = a(() => /* @__PURE__ */ s(f, { children: [
+    d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(k, { size: S.XSmall }) : /* @__PURE__ */ n(D, { size: S.XSmall })),
     o.column.columnDef.header
-  ] }), [o.column.columnDef.header, o.column.id, u]), x = p(() => s()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, s]), B = p(() => /* @__PURE__ */ d(a, { children: [
+  ] }), [o.column.columnDef.header, o.column.id, d]), x = a(() => m()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, m]), B = a(() => /* @__PURE__ */ s(f, { children: [
     /* @__PURE__ */ n(
-      t,
+      l,
       {
-        onClick: () => f([{ desc: !1, id: o.column.id }]),
-        leftIcon: l.SortAsc,
-        children: /* @__PURE__ */ n(r, { children: e.sortUp })
+        onClick: () => u([{ desc: !1, id: o.column.id }]),
+        leftIcon: D,
+        value: "sort-asc",
+        children: /* @__PURE__ */ n(r, { children: i.sortUp })
       }
     ),
     /* @__PURE__ */ n(
-      t,
+      l,
       {
-        onClick: () => f([{ desc: !0, id: o.column.id }]),
-        leftIcon: l.SortDesc,
-        children: /* @__PURE__ */ n(r, { children: e.sortDown })
+        onClick: () => u([{ desc: !0, id: o.column.id }]),
+        leftIcon: k,
+        value: "sort-desc",
+        children: /* @__PURE__ */ n(r, { children: i.sortDown })
       }
     ),
     x && /* @__PURE__ */ n(
-      t,
+      l,
       {
         onClick: () => {
-          const i = s();
-          i?.onToggleFilterVisibility && i.onToggleFilterVisibility(o.column.id);
+          const e = m();
+          e?.onToggleFilterVisibility && e.onToggleFilterVisibility(o.column.id);
         },
-        leftIcon: l.Filter,
-        children: /* @__PURE__ */ n(r, { children: e.filter })
+        leftIcon: R,
+        value: "filter",
+        children: /* @__PURE__ */ n(r, { children: i.filter })
       }
     ),
-    /* @__PURE__ */ n(k, {}),
-    o.column.getCanHide() && /* @__PURE__ */ n(t, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(r, { children: e.hideColumn }) }),
-    /* @__PURE__ */ n(t, { onClick: () => b(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(r, { children: o.column.getIsPinned() ? e.stopPinningColumn : e.pinUpToColumn }) }),
-    /* @__PURE__ */ n(k, {}),
-    /* @__PURE__ */ d(t, { itemType: "switch", children: [
-      e.breakingContent,
+    /* @__PURE__ */ n(F, {}),
+    o.column.getCanHide() && /* @__PURE__ */ n(l, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: $, value: "hide", children: /* @__PURE__ */ n(r, { children: i.hideColumn }) }),
+    /* @__PURE__ */ n(l, { onClick: () => b(o.column), leftIcon: q, value: "pin", children: /* @__PURE__ */ n(r, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+    /* @__PURE__ */ n(F, {}),
+    /* @__PURE__ */ s(l, { itemType: "switch", value: "breaking-content", children: [
+      i.breakingContent,
       /* @__PURE__ */ n(
-        X,
+        J,
         {
-          onChange: T,
-          isChecked: m[o.column.id]
+          onCheckedChange: C,
+          isChecked: c[o.column.id]
         }
       )
     ] })
   ] }), [
-    m,
+    c,
     x,
-    s,
+    m,
     b,
     o.column,
-    T,
-    f,
-    e
+    C,
+    u,
+    i
   ]);
-  return /* @__PURE__ */ n(v, { isLazy: !0, children: ({ isOpen: i }) => /* @__PURE__ */ d(a, { children: [
+  return /* @__PURE__ */ n(K, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(f, { children: [
     /* @__PURE__ */ n(
-      $,
+      N,
       {
-        color: w.OnBackgroundSubdued,
+        ref: y,
+        color: v.OnBackgroundSubdued,
         textTransform: "none",
-        fontSize: z.Small,
+        fontSize: w.Small,
         h: "40px",
         display: "flex",
+        textAlign: "inherit",
         alignItems: "center",
-        padding: `0px 0px 0px ${J.Small}`,
-        backgroundColor: i ? w.BackgroundDisabled : "unset",
+        lineHeight: "1.2",
+        padding: `0px 0px 0px ${W.Small}`,
+        backgroundColor: e ? v.BackgroundDisabled : "unset",
         w: "100%",
         children: A(P, o.getContext())
       }
     ),
-    /* @__PURE__ */ n(j, { containerRef: y, children: /* @__PURE__ */ n(q, { fontSize: z.Medium, children: B }) })
+    /* @__PURE__ */ n(j, { container: V, children: /* @__PURE__ */ n(Q, { fontSize: w.Medium, children: B }) })
   ] }) });
-}, un = L(K);
+}, bn = L(Y);
 export {
-  un as TableHeaderDropdown
+  bn as TableHeaderDropdown
 };

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAiB/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAkD3F,CAAC;AAiSF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiD3F,CAAC;AA4OF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}