qaema-ui 0.0.1

package/dist/components/PackageCard.js

@@ -0,0 +1,100 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { LuLayoutDashboard as b } from "../node_modules/react-icons/lu/index.js";
+import o, { useTheme as C } from "styled-components";
+import m from "./Badge.js";
+import w from "./BulletItem.js";
+import p from "./Button.js";
+import { Card as k } from "./Card.js";
+import v from "./PriceAmount.js";
+import x from "./Typography.js";
+const $ = o.div`
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  flex-wrap: wrap;
+
+  @media (max-width: 480px) {
+    gap: 0.5rem;
+  }
+`, B = o.div`
+  border: 1px solid ${(r) => r.theme.colors.grey.n300};
+  padding: ${(r) => r.theme.spacing.xs};
+  border-radius: ${(r) => r.theme.borderRadius.md};
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: ${(r) => r.theme.spacing.s};
+  svg {
+    width: 1.3rem;
+    height: 1.3rem;
+    color: ${(r) => r.theme.colors.primary.purple.n450};
+  }
+`, P = o.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: ${(r) => r.theme.spacing.sm};
+  gap: 0.5rem;
+`, T = o.div`
+  display: flex;
+  width: 100%;
+  gap: 0.5rem;
+`, h = o.div`
+  display: flex;
+  width: 50%;
+
+  button {
+    width: 100%;
+  }
+`, A = o.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: ${(r) => r.theme.spacing.xs};
+`, L = o(x)`
+  color: ${(r) => r.theme.colors.grey.n400};
+  margin: ${(r) => r.theme.spacing.xs} 0rem ${(r) => r.theme.spacing.s} 0;
+  display: inline-block;
+  text-align: start;
+
+  @media (max-width: 480px) {
+    width: 100%;
+  }
+`, G = (r) => {
+  const {
+    planTitle: g,
+    planDescription: s,
+    offerBadgLabel: l,
+    popularBadgLabel: c,
+    isPopular: u,
+    bulletsList: n,
+    primaryAction: t,
+    secondaryAction: a,
+    period: y,
+    amount: f,
+    backgroundColor: j = ""
+  } = r, i = C();
+  return /* @__PURE__ */ e.jsxs(k, { width: "100%", backgroundColor: u ? i.colors.primary.purple.n100 : j, children: [
+    /* @__PURE__ */ e.jsx(B, { children: /* @__PURE__ */ e.jsx(b, {}) }),
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsxs($, { children: [
+        /* @__PURE__ */ e.jsxs(x, { variant: "h6", weight: "bold", children: [
+          " ",
+          g
+        ] }),
+        c && /* @__PURE__ */ e.jsx(m, { bgColor: i.colors.secondary.green.n100, color: i.colors.secondary.green.n550, label: c ?? "" }),
+        l && /* @__PURE__ */ e.jsx(m, { bgColor: i.colors.secondary.pink.n100, color: i.colors.secondary.pink.n450, label: l ?? "" })
+      ] }),
+      s && /* @__PURE__ */ e.jsx(L, { variant: "caption", children: s }),
+      n && /* @__PURE__ */ e.jsx(P, { children: n == null ? void 0 : n.map((d) => /* @__PURE__ */ e.jsx(w, { title: d }, d)) })
+    ] }),
+    /* @__PURE__ */ e.jsx(A, { children: /* @__PURE__ */ e.jsx(v, { amount: f, period: y }) }),
+    /* @__PURE__ */ e.jsxs(T, { children: [
+      /* @__PURE__ */ e.jsx(h, { children: t && /* @__PURE__ */ e.jsx(p, { variant: "outline-primary", onClick: t.onClick, children: t.label }) }),
+      /* @__PURE__ */ e.jsx(h, { children: a && /* @__PURE__ */ e.jsx(p, { onClick: a.onClick, children: a.label }) })
+    ] })
+  ] });
+};
+export {
+  G as default
+};

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,9 @@
+export type PageHeaderProps = {
+    headerTitle?: string;
+    onHeaderBack: () => void;
+    onClose?: () => void;
+    withRightIcon?: React.ComponentType;
+};
+declare const PageHeader: React.FC<PageHeaderProps>;
+export default PageHeader;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/lib/components/PageHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACrC,CAAC;AAqBF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/PageHeader.js

@@ -0,0 +1,42 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { IoIosArrowBack as m } from "../node_modules/react-icons/io/index.js";
+import r, { useTheme as c } from "styled-components";
+import n from "./Button.js";
+import l from "./Typography.js";
+const p = r.div`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${({ theme: e }) => `0 ${e.spacing.sm}`};
+  @media screen and (max-width: 500px) {
+    h3 {
+      font-size: ${({ theme: e }) => e.typography.sizes.s4};
+      line-height: ${({ theme: e }) => e.typography.lineHeights.m};
+    }
+  }
+`, d = r.div`
+  display: flex;
+  align-items: center;
+`, u = ({ onHeaderBack: e, headerTitle: o, withRightIcon: s }) => {
+  const a = c().dir === "rtl", i = s;
+  return /* @__PURE__ */ t.jsxs(p, { children: [
+    /* @__PURE__ */ t.jsxs(d, { children: [
+      e && /* @__PURE__ */ t.jsx(
+        n,
+        {
+          icon: /* @__PURE__ */ t.jsx(m, { style: a ? { transform: "rotate(180deg)" } : {} }),
+          onClick: e,
+          onlyIcon: !0,
+          size: "md",
+          variant: "outline-primary"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(l, { variant: "h3", children: o })
+    ] }),
+    i && /* @__PURE__ */ t.jsx(n, { icon: /* @__PURE__ */ t.jsx(i, {}), onClick: e, onlyIcon: !0, size: "md", variant: "outline-primary" })
+  ] });
+};
+export {
+  u as default
+};

package/dist/components/Pagination.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type PaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    onChange: (page: number) => void;
+    hidePrevButton?: boolean;
+    hideNextButton?: boolean;
+    disabled?: boolean;
+    siblingCount?: number;
+    boundaryCount?: number;
+    itemsPerPage?: number;
+    totalItems?: number;
+    itemsPerPageOptions?: number[];
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+};
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/lib/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAmHF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+MzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Pagination.js

@@ -0,0 +1,246 @@
+import { j as l } from "../_virtual/jsx-runtime.js";
+import { useMemo as T, useCallback as z } from "react";
+import { FaAngleRight as L, FaAngleLeft as A } from "../node_modules/react-icons/fa6/index.js";
+import f, { useTheme as U, css as H } from "styled-components";
+import { breakPoints as Q, device as V } from "../constants/breakPoints.constant.js";
+import W from "../hooks/useBreakpointCheck.js";
+import { useQaemaCoreTranslation as X } from "../i18n/i18n.js";
+import B from "./Typography.js";
+const d = (s, i) => {
+  const j = i - s + 1;
+  return Array.from({ length: j }, (k, n) => s + n);
+}, _ = f.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: ${({ theme: s }) => s.spacing.xs};
+  @media ${V.mobile} {
+    flex-direction: column;
+  }
+`, S = f.button`
+  display: flex;
+  align-items: center;
+  justify-content: ${({ $isArrowBtn: s }) => s ? "" : "center"};
+  gap: ${({ theme: s }) => `${s.spacing.xxs} ${s.spacing.xxs}`};
+  min-width: 2rem;
+  height: 2rem;
+  padding: ${({ theme: s }) => `${s.spacing.xxs} ${s.spacing.xs}`};
+  border-radius: ${({ theme: s }) => s.borderRadius.md};
+  font-size: ${({ theme: s }) => s.typography.sizes.s3};
+  font-weight: ${({ theme: s, $isArrowBtn: i }) => i ? s.typography.weights.semiBold : s.typography.weights.regular};
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border: 1px solid transparent;
+  background-color: ${({ theme: s, $active: i }) => i ? s.colors.primary.purple.n500 : s.colors.grey.n50};
+  color: ${({ theme: s, $active: i }) => i ? s.colors.grey.n50 : s.colors.primary.purple.n500};
+
+  &:hover {
+    background-color: ${({ theme: s, $active: i }) => i ? s.colors.primary.purple.n550 : s.colors.grey.n150};
+    box-shadow: ${({ theme: s }) => s.boxShadow.s2};
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: ${({ theme: s }) => s.boxShadow.s3};
+  }
+
+  ${({ $disabled: s, theme: i }) => s && H`
+      opacity: 0.5;
+      cursor: not-allowed;
+      background-color: ${i.colors.grey.n200};
+      color: ${i.colors.grey.n400};
+      &:hover {
+        background-color: ${i.colors.grey.n200};
+        border-color: transparent;
+        box-shadow: none;
+      }
+    `}
+`, q = f.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2rem;
+  height: 2rem;
+  font-size: ${({ theme: s }) => s.typography.sizes.s3};
+  color: ${({ theme: s }) => s.colors.grey.n400};
+`, J = f.div`
+  display: flex;
+  align-items: center;
+  margin-left: ${({ theme: s }) => s.spacing.m};
+  gap: ${({ theme: s }) => s.spacing.xs};
+`, K = f.select`
+  height: 2rem;
+  padding: ${({ theme: s }) => `${s.spacing.xxs} ${s.spacing.xs}`};
+  border-radius: ${({ theme: s }) => s.borderRadius.md};
+  font-size: ${({ theme: s }) => s.typography.sizes.s3};
+  border: 1px solid ${({ theme: s }) => s.colors.grey.n100};
+  background-color: ${({ theme: s }) => s.colors.grey.n50};
+  color: ${({ theme: s }) => s.colors.grey.n350};
+  box-shadow: ${({ theme: s }) => s.boxShadow.s3};
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    border-color: ${({ theme: s }) => s.colors.grey.n300};
+    box-shadow: ${({ theme: s }) => s.boxShadow.s2};
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: ${({ theme: s }) => s.boxShadow.s3};
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background-color: ${({ theme: s }) => s.colors.grey.n200};
+    color: ${({ theme: s }) => s.colors.grey.n400};
+  }
+`, is = ({
+  currentPage: s,
+  onChange: i,
+  hidePrevButton: j = !1,
+  hideNextButton: k = !1,
+  disabled: n = !1,
+  siblingCount: a = 1,
+  boundaryCount: e = 1,
+  itemsPerPage: $ = 10,
+  totalItems: p,
+  totalPages: b,
+  itemsPerPageOptions: G = [5, 10, 25, 50, 100],
+  onItemsPerPageChange: h
+}) => {
+  const u = U(), { t: x } = X(), M = u.dir === "rtl", m = W(Q.mobile), r = T(() => b || (!p || !$ ? 1 : Math.ceil(p / $)), [b, p, $]), F = T(() => {
+    if (m) {
+      const w = [];
+      return r >= 1 && w.push(s), r > 2 && w.push(-1), r > 1 && w.push(r), [...new Set(w)];
+    }
+    if (r <= a * 2 + e * 2 + 1)
+      return d(1, r);
+    if (r <= 1)
+      return [1];
+    const o = d(1, Math.min(e, r)), t = d(Math.max(r - e + 1, e + 1), r), g = Math.max(
+      Math.min(s - a, r - e - a * 2 - 1),
+      e + 2
+    ), y = Math.min(
+      Math.max(s + a, e + a * 2 + 2),
+      t.length > 0 ? t[0] - 2 : r - 1
+    ), O = g > e + 2, D = y < r - e - 1, c = [];
+    return c.push(...o), O ? c.push(-1) : e + 1 < g && c.push(...d(e + 1, g - 1)), c.push(...d(g, y)), D ? c.push(-2) : y + 1 < r - e + 1 && c.push(...d(y + 1, r - e)), c.push(...t), c;
+  }, [s, r, a, e, m]), v = z(
+    (o) => {
+      if (!(o === s || n)) {
+        if (m) {
+          if (o === s - 1 && s !== 1) {
+            i(s - 1);
+            return;
+          }
+          if (o === s + 1 && s !== r) {
+            i(s + 1);
+            return;
+          }
+        }
+        o >= 1 && o <= r && i(o);
+      }
+    },
+    [s, r, n, i, m]
+  ), N = z(
+    (o) => {
+      const t = parseInt(o.target.value, 10);
+      h == null || h(t), i(1);
+    },
+    [h]
+  ), R = n || s === 1, E = n || s === r;
+  return /* @__PURE__ */ l.jsxs(_, { children: [
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "0.5rem"
+        },
+        children: [
+          !j && /* @__PURE__ */ l.jsxs(
+            S,
+            {
+              onClick: () => v(s - 1),
+              $disabled: R,
+              $isArrowBtn: !0,
+              disabled: R,
+              "aria-label": "Go to previous page",
+              children: [
+                M ? /* @__PURE__ */ l.jsx(L, {}) : /* @__PURE__ */ l.jsx(A, {}),
+                " ",
+                /* @__PURE__ */ l.jsx("span", { children: x("PREVIOUS") })
+              ]
+            }
+          ),
+          F.map((o, t) => o < 0 ? /* @__PURE__ */ l.jsx(q, { children: "..." }, `ellipsis-${o}-${t}`) : /* @__PURE__ */ l.jsx(
+            S,
+            {
+              $active: o === s,
+              $disabled: n,
+              disabled: n,
+              onClick: () => v(o),
+              "aria-label": `Go to page ${o}`,
+              "aria-current": o === s ? "page" : void 0,
+              children: o
+            },
+            `page-${o}`
+          )),
+          !k && /* @__PURE__ */ l.jsxs(
+            S,
+            {
+              onClick: () => v(s + 1),
+              $disabled: E,
+              disabled: E,
+              "aria-label": "Go to next page",
+              $isArrowBtn: !0,
+              children: [
+                /* @__PURE__ */ l.jsx("span", { children: x("NEXT") }),
+                " ",
+                M ? /* @__PURE__ */ l.jsx(A, {}) : /* @__PURE__ */ l.jsx(L, {})
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "0.5rem"
+        },
+        children: [
+          h && /* @__PURE__ */ l.jsxs(J, { children: [
+            p !== void 0 && /* @__PURE__ */ l.jsx(B, { variant: "caption", color: u.colors.grey.n350, children: x("SHOWING") }),
+            /* @__PURE__ */ l.jsx(
+              K,
+              {
+                value: $,
+                onChange: N,
+                disabled: n,
+                "aria-label": "Select items per page",
+                children: G.map((o) => /* @__PURE__ */ l.jsx("option", { value: o, children: o }, o))
+              }
+            )
+          ] }),
+          p !== void 0 && /* @__PURE__ */ l.jsxs(B, { variant: "caption", color: u.colors.grey.n350, children: [
+            x("OF"),
+            " ",
+            p,
+            " ",
+            x("RESULTS")
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  is as default
+};

package/dist/components/PasswordInputField.d.ts

@@ -0,0 +1,16 @@
+export type InputFieldProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'password';
+    disabled?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    dir?: 'rtl' | 'ltr';
+};
+export declare const EyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+export declare const VisibleEyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+declare const PasswordInputField: React.FC<InputFieldProps>;
+export default PasswordInputField;
+//# sourceMappingURL=PasswordInputField.d.ts.map

package/dist/components/PasswordInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../src/lib/components/PasswordInputField.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,6PAKnB,CAAC;AACF,eAAO,MAAM,cAAc,6PAK1B,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAajD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/PasswordInputField.js

@@ -0,0 +1,33 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { useState as l } from "react";
+import { FaRegEye as c, FaRegEyeSlash as p } from "../node_modules/react-icons/fa/index.js";
+import t from "styled-components";
+import a from "./InputField.js";
+const m = t(p)`
+  font-size: 25px;
+  margin: 0 20px;
+  cursor: pointer;
+  color: ${({ theme: o }) => o.colors.grey.n650};
+`, x = t(c)`
+  font-size: 25px;
+  margin: 0 20px;
+  cursor: pointer;
+  color: ${({ theme: o }) => o.colors.grey.n650};
+`, j = (o) => {
+  const { label: n, placeholder: i } = o, [e, s] = l(!1);
+  return /* @__PURE__ */ r.jsx(
+    a,
+    {
+      label: n,
+      placeholder: i,
+      type: e ? "text" : "password",
+      endIcon: e ? /* @__PURE__ */ r.jsx(x, { onClick: () => s(!e) }) : /* @__PURE__ */ r.jsx(m, { onClick: () => s(!e) }),
+      ...o
+    }
+  );
+};
+export {
+  m as EyeIcon,
+  x as VisibleEyeIcon,
+  j as default
+};

package/dist/components/PaymentLinkDetails.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export type PaymentStatus = 'unpaid' | 'expired' | 'paid';
+export type PaymentLinkDetailsProps = {
+    title?: string;
+    docNumber?: string;
+    status: PaymentStatus;
+    statusText?: string;
+    amount?: number | string;
+    customerTitle?: string;
+    customerLabel?: string;
+    phoneLabel?: string;
+    customerName?: string;
+    phoneNumber?: string;
+    transactionTitle?: string;
+    referenceLabel?: string;
+    expiryLabel?: string;
+    referenceNumber?: string;
+    expiryDate?: string;
+    description?: string;
+    payCtaText?: string;
+    onPay?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const PaymentLinkDetails: React.FC<PaymentLinkDetailsProps>;
+export default PaymentLinkDetails;
+//# sourceMappingURL=PaymentLinkDetails.d.ts.map

package/dist/components/PaymentLinkDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentLinkDetails.d.ts","sourceRoot":"","sources":["../../src/lib/components/PaymentLinkDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AA6LF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoHzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}