@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/MultiSelect/_types/type.d.ts

@@ -0,0 +1,106 @@
+import { default as React } from 'react';
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    isChecked?: boolean;
+}
+/** A lightweight selected-item shape used internally across helpers. */
+export type SelectedItem = {
+    value: string;
+    label: string;
+};
+export interface ClassNames {
+    labelWrapperClass?: string;
+    helperClass?: string;
+    dropdownOpenerWrapperClass?: string;
+    placeholderClass?: string;
+    optionsListWrapperClass?: string;
+    optionRowClass?: string;
+    footerWrapperClass?: string;
+    clearAllBtnClass?: string;
+    applyBtnClass?: string;
+    cancelBtnClass?: string;
+}
+export interface MultiSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Custom label for the "Select all" checkbox. Defaults to "Select all".
+     *  When all options are selected, this label is also shown as a single chip in the trigger. */
+    selectAllLabel?: string;
+    options: MultiSelectOption[];
+    defaultSelected?: MultiSelectOption[];
+    onApply: (selected: MultiSelectOption[], exclude: boolean) => void;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    onSelect?: () => void;
+    onClear?: () => void;
+    classNames?: ClassNames;
+    showExcludeBtn?: boolean;
+    /** When true, at least one option must be selected before Apply is enabled.
+     *  The "Exclude" toggle and "Clear all" button are also hidden. */
+    requireSelection?: boolean;
+    width?: string | number;
+}
+export interface OptionRowProps {
+    value: string;
+    label: string;
+    checked: boolean;
+    onToggle: (val: string, label: string) => void;
+    classNames?: ClassNames;
+}
+export interface TriggerButtonProps {
+    open: boolean;
+    selected: {
+        value: string;
+        label: string;
+    }[];
+    placeholder: string;
+    showMenu: boolean;
+    isAllSelected: boolean;
+    selectAllLabel: string;
+    requireSelection?: boolean;
+    onToggleOpen: () => void;
+    onToggleMenu: (e: React.MouseEvent) => void;
+    onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+    classNames?: ClassNames;
+    /** Max number of chips to show inline before collapsing into +N. Defaults to 2. */
+    maxChips?: number;
+}
+export interface DropdownFooterProps {
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+    classNames?: ClassNames;
+    isClearDisabled: boolean;
+    isApplyDisabled: boolean;
+    /** When true, hides the "Clear all" button */
+    hideClear?: boolean;
+}
+export interface TagContentProps {
+    label: string;
+    value: string;
+    onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+    /** When true, hides the remove (cross) icon on the chip. */
+    hideCross?: boolean;
+}
+export interface ResultProps {
+    totalResults: number;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    isToggleDisable: boolean;
+    showExcludeBtn?: boolean;
+    /** When true, hides the "Exclude" toggle entirely */
+    hideExclude?: boolean;
+}
+export interface OverflowMenuProps {
+    selected: SelectedItem[];
+    /** Matches the maxChips value from TriggerButton. Defaults to 2. */
+    maxChips?: number;
+}
+export interface OverflowMenuItemProps {
+    item: SelectedItem;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/MultiSelect/_types/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_types/type.ts"],"names":[],"mappings":"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"}

package/dist/components/MultiSelect/_types/type.js

@@ -0,0 +1 @@
+

package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts

@@ -0,0 +1,9 @@
+import { SelectedItem } from '../_types/type';
+/**
+ * Returns true when Apply should be disabled.
+ *
+ * - Always disabled when current selection is identical to the last applied selection.
+ * - Additionally disabled when `requireSelection` is true and nothing is selected.
+ */
+export declare function computeApplyDisabled(currentSelected: SelectedItem[], applied: SelectedItem[], requireSelection?: boolean): boolean;
+//# sourceMappingURL=computeApplyDisabled.d.ts.map

package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeApplyDisabled.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/computeApplyDisabled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAE,EACvB,gBAAgB,UAAQ,GACvB,OAAO,CAKT"}

package/dist/components/MultiSelect/_utils/computeApplyDisabled.js

@@ -0,0 +1,9 @@
+function s(e, n, a = !1) {
+  if (a && e?.length === 0) return !0;
+  if (e?.length !== n?.length) return !1;
+  const l = new Set(e?.map((t) => t?.value));
+  return n?.every((t) => l.has(t?.value));
+}
+export {
+  s as computeApplyDisabled
+};

package/dist/components/MultiSelect/_utils/filterOptions.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectOption } from '../_types/type';
+/**
+ * Filters options by a search query (case-insensitive label match).
+ */
+export declare function filterOptions(options: MultiSelectOption[], query: string): MultiSelectOption[];
+//# sourceMappingURL=filterOptions.d.ts.map

package/dist/components/MultiSelect/_utils/filterOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/filterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,iBAAiB,EAAE,EAC5B,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAIrB"}

package/dist/components/MultiSelect/_utils/filterOptions.js

@@ -0,0 +1,7 @@
+function n(e, t) {
+  const r = t?.trim()?.toLowerCase();
+  return r ? e.filter((i) => i?.label?.toLowerCase()?.includes(r)) : e;
+}
+export {
+  n as filterOptions
+};

package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectOption, SelectedItem } from '../_types/type';
+/**
+ * Derives the initial selected items from defaultSelected options.
+ */
+export declare function getInitialSelected(defaultSelected: MultiSelectOption[]): SelectedItem[];
+//# sourceMappingURL=getInitialSelected.d.ts.map

package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInitialSelected.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/getInitialSelected.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,eAAe,EAAE,iBAAiB,EAAE,GACnC,YAAY,EAAE,CAIhB"}

package/dist/components/MultiSelect/_utils/getInitialSelected.js

@@ -0,0 +1,6 @@
+function t(l) {
+  return l.filter((e) => e?.isChecked)?.map((e) => ({ value: e?.value, label: e?.label }));
+}
+export {
+  t as getInitialSelected
+};

package/dist/components/MultiSelect/index.d.ts

@@ -0,0 +1,4 @@
+import { MultiSelectProps } from './_types/type';
+export type { MultiSelectOption, MultiSelectProps } from './_types/type';
+export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, width }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAMpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,EACxB,KAAU,EACX,EAAE,gBAAgB,2CA4QlB"}

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,234 @@
+import { jsxs as c, jsx as r, Fragment as de } from "react/jsx-runtime";
+import { useState as p, useRef as ce, useEffect as W, useMemo as M, useCallback as h } from "react";
+import { s as o } from "../../styles.module-Dojg5FTS.js";
+import { Search as he } from "../Search/index.js";
+import { S as me } from "../../info-icon-ooYw3va_.js";
+import { CKCheckbox as ge } from "../CKCheckbox/index.js";
+import ie from "./_helpers/TriggerButton.js";
+import fe from "./_helpers/OptionRow.js";
+import pe from "./_helpers/SearchResult.js";
+import ue from "./_helpers/DropdownFooter.js";
+import { getInitialSelected as K } from "./_utils/getInitialSelected.js";
+import { filterOptions as Ce } from "./_utils/filterOptions.js";
+import { computeApplyDisabled as ve } from "./_utils/computeApplyDisabled.js";
+import { mergeClasses as m } from "../../utils/mergeClasses.js";
+function Te({
+  label: O,
+  helperText: k,
+  required: P,
+  placeholder: G = "Choose parameter",
+  searchPlaceholder: H = "Search",
+  selectAllLabel: D = "Select all",
+  options: l,
+  defaultSelected: S = [],
+  onApply: T,
+  exclude: y,
+  setExclude: J,
+  onSelect: B,
+  onClear: j,
+  classNames: g = {},
+  showExcludeBtn: U,
+  requireSelection: t = !1,
+  width: V = ""
+}) {
+  const { labelWrapperClass: X, helperClass: Y } = g, [N, C] = p(!1), [v, w] = p(""), [n, z] = p(
+    () => K(S)
+  ), [a, u] = p(
+    () => K(S)
+  ), [Z, i] = p(!1), [_, d] = p(!1), A = ce(null);
+  W(() => {
+    i(n?.length === l?.length);
+  }, []), W(() => {
+    const e = (s) => {
+      A.current && !A.current.contains(s.target) && (u(n), i(n?.length === l?.length), C(!1), d(!1), w(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [n, l.length]);
+  const R = M(
+    () => Ce(l, v),
+    [l, v]
+  ), x = t ? 1 : 2, F = h(
+    (e, s, f, oe) => {
+      f || d(!1);
+      const Q = (b) => {
+        const E = b?.some((I) => I?.value === e) ? b?.filter((I) => I?.value !== e) : [...b, { value: e, label: s }];
+        return i(E?.length === l?.length), E?.length <= x && d(!1), E;
+      };
+      if (oe) {
+        if (t && n?.length === 1 && n[0]?.value === e)
+          return;
+        z(Q);
+      }
+      u(Q), B?.();
+    },
+    [x, l.length, B, t, n]
+  ), $ = h(() => {
+    d(!1), i((e) => {
+      const s = !e;
+      return u(
+        s ? l?.map((f) => ({ value: f?.value, label: f?.label })) : []
+      ), s;
+    });
+  }, [l]), q = h(() => {
+    u([]), i(!1), j?.();
+  }, [j]), ee = h(() => {
+    const e = l?.filter((s) => a?.some((f) => f?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
+    T(e, y), z(a), C(!1);
+  }, [l, a, y, T]), le = h(() => {
+    u(n), i(n?.length === l?.length), d(!1), C(!1), w("");
+  }, [n, l.length]), se = h(() => {
+    C((e) => !e), d(!1);
+  }, []), te = h((e) => {
+    e.stopPropagation(), d((s) => !s);
+  }, []), ne = M(
+    () => ve(a, n, t),
+    [a, n, t]
+  ), L = N ? a : n, ae = t && L?.length === l?.length && l?.length > 0, re = M(() => !t && a.length > 0 && a.length < l.length, [a, l.length, t]);
+  return /* @__PURE__ */ c("div", { className: o["ckds-wrapper"], style: { width: V }, children: [
+    O && !t && /* @__PURE__ */ c(
+      "span",
+      {
+        className: m(
+          "ckds-body-xs-med",
+          o["label-wrapper"],
+          X ?? ""
+        ),
+        children: [
+          O,
+          P && /* @__PURE__ */ r("span", { className: o.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: o["trigger-wrapper"], ref: A, children: [
+      /* @__PURE__ */ r(
+        ie,
+        {
+          open: N,
+          selected: L,
+          placeholder: G,
+          showMenu: _,
+          isAllSelected: ae,
+          selectAllLabel: D,
+          requireSelection: t,
+          onToggleOpen: se,
+          onToggleMenu: te,
+          onRemove: F,
+          classNames: g,
+          maxChips: x
+        }
+      ),
+      k && !t && /* @__PURE__ */ r(
+        "div",
+        {
+          className: m(
+            "ckds-body-xs-reg",
+            o["helper-text"],
+            Y ?? ""
+          ),
+          children: /* @__PURE__ */ c(de, { children: [
+            /* @__PURE__ */ r(me, { width: "12", height: "12" }),
+            " ",
+            k
+          ] })
+        }
+      ),
+      N && /* @__PURE__ */ c("div", { className: m(o.dropdown, k ? o["dropdown-helper"] : ""), children: [
+        /* @__PURE__ */ r(
+          he,
+          {
+            size: "medium",
+            value: v,
+            placeholder: H,
+            onChange: w,
+            onClear: () => w(""),
+            wrapperClassName: "",
+            inputClassName: ""
+          }
+        ),
+        /* @__PURE__ */ r(
+          pe,
+          {
+            totalResults: R?.length,
+            exclude: y,
+            setExclude: J,
+            isToggleDisable: a?.length === 0,
+            showExcludeBtn: U,
+            hideExclude: t
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: o.divider }),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: m(
+              o["ckds-options-list"],
+              g?.optionsListWrapperClass ?? ""
+            ),
+            children: [
+              v.length === 0 && /* @__PURE__ */ c(
+                "div",
+                {
+                  className: m(
+                    o["option-row"],
+                    g?.optionRowClass ?? ""
+                  ),
+                  onClick: $,
+                  children: [
+                    /* @__PURE__ */ r(ge, { checked: Z, size: "md", indeterminate: re }),
+                    /* @__PURE__ */ r(
+                      "span",
+                      {
+                        className: m(
+                          "ckds-body-sm-reg",
+                          o["option-label"]
+                        ),
+                        children: D
+                      }
+                    )
+                  ]
+                }
+              ),
+              R?.length === 0 ? /* @__PURE__ */ r(
+                "span",
+                {
+                  className: m(
+                    "ckds-body-sm-reg",
+                    o["no-results"]
+                  ),
+                  children: "No results found"
+                }
+              ) : R?.map((e) => /* @__PURE__ */ r(
+                fe,
+                {
+                  value: e?.value,
+                  label: e?.label,
+                  checked: a?.some(
+                    (s) => s?.value === e?.value
+                  ),
+                  onToggle: F,
+                  classNames: g
+                },
+                e?.value
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          ue,
+          {
+            onClear: q,
+            onCancel: le,
+            onApply: ee,
+            classNames: g,
+            isClearDisabled: a?.length === 0,
+            isApplyDisabled: ne,
+            hideClear: t
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  Te as MultiSelect
+};

package/dist/components/Pagination/_types/pagination.types.d.ts

@@ -0,0 +1,21 @@
+export interface PaginationProps {
+    /** Current active page (1-indexed) */
+    currentPage: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Number of rows displayed per page */
+    pageSize: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Callback when page size changes (provide this to enable the rows-per-page selector) */
+    onPageSizeChange?: (size: number) => void;
+    /** Whether to show the rows-per-page selector (requires onPageSizeChange) */
+    showPageSizeSelector?: boolean;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Total number of records */
+    totalRecords: number;
+    /** Optional additional class name */
+    className?: string;
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/dist/components/Pagination/_types/pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_types/pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Pagination/_types/pagination.types.js

@@ -0,0 +1 @@
+

package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts

@@ -0,0 +1,5 @@
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+declare const computePageSizeOptions: (totalRecords: number, pageSizeOptions?: number[]) => number[];
+export { DEFAULT_PAGE_SIZE_OPTIONS };
+export default computePageSizeOptions;
+//# sourceMappingURL=computePageSizeOptions.d.ts.map

package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computePageSizeOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_utils/computePageSizeOptions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,yBAAyB,UAA0B,CAAC;AAE1D,QAAA,MAAM,sBAAsB,GAC1B,cAAc,MAAM,EACpB,kBAAiB,MAAM,EAA8B,KACpD,MAAM,EAmBR,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,eAAe,sBAAsB,CAAC"}

package/dist/components/Pagination/_utils/computePageSizeOptions.js

@@ -0,0 +1,10 @@
+const c = [20, 50, 100, 200, 500], f = (l, s = c) => {
+  const u = s[s.length - 1], n = s.filter(
+    (e, o) => e <= l || o === 0
+  ), t = Math.floor(l / 100) * 100;
+  return t > 0 && t <= u && !n.includes(t) && t <= l && (n.push(t), n.sort((e, o) => e - o)), n;
+};
+export {
+  c as DEFAULT_PAGE_SIZE_OPTIONS,
+  f as default
+};

package/dist/components/Pagination/_utils/generatePageNumbers.d.ts

@@ -0,0 +1,4 @@
+type PageNumber = number | "...";
+declare const generatePageNumbers: (currentPage: number, totalPages: number) => PageNumber[];
+export default generatePageNumbers;
+//# sourceMappingURL=generatePageNumbers.d.ts.map

package/dist/components/Pagination/_utils/generatePageNumbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePageNumbers.d.ts","sourceRoot":"","sources":["../../../../lib/components/Pagination/_utils/generatePageNumbers.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAEjC,QAAA,MAAM,mBAAmB,GACvB,aAAa,MAAM,EACnB,YAAY,MAAM,KACjB,UAAU,EA0CZ,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Pagination/_utils/generatePageNumbers.js

@@ -0,0 +1,18 @@
+const m = (u, h) => {
+  if (h <= 0) return [];
+  const i = [];
+  if (h <= 7) {
+    for (let f = 1; f <= h; f += 1)
+      i.push(f);
+    return i;
+  }
+  i.push(1);
+  let p = Math.max(2, u - 1), r = Math.min(h - 1, u + 1);
+  u <= 3 && (p = 2, r = Math.min(4, h - 1)), u >= h - 2 && (p = Math.max(2, h - 3), r = h - 1), p > 2 && i.push("...");
+  for (let f = p; f <= r; f += 1)
+    i.push(f);
+  return r < h - 1 && i.push("..."), i.push(h), i;
+};
+export {
+  m as default
+};

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,6 @@
+import { PaginationProps } from './_types/pagination.types';
+export declare function Pagination({ currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showPageSizeSelector, pageSizeOptions, totalRecords, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Pagination {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAMjE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,oBAA4B,EAC5B,eAA2C,EAC3C,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA4KjB;yBAtLe,UAAU"}