qaema-ui 0.0.1

package/dist/components/Button.js

@@ -0,0 +1,128 @@
+import { j as u } from "../_virtual/jsx-runtime.js";
+import "react";
+import { useTranslation as x } from "react-i18next";
+import { FiMoreHorizontal as y } from "../node_modules/react-icons/fi/index.js";
+import f, { css as e } from "styled-components";
+import j from "../hooks/useButtonVariant.js";
+import w from "../node_modules/react-bootstrap/esm/Button.js";
+const z = {
+  xxs: e`
+    min-height: 1.5rem;
+    font-size: 0.55rem;
+    min-width: 3.5rem;
+    padding: 0;
+    line-height: 0.75rem;
+  `,
+  xs: e`
+    min-height: 2rem;
+    font-size: 0.75rem;
+    min-width: 10rem;
+  `,
+  sm: e`
+    min-height: 2.5rem;
+    font-size: 1rem;
+    min-width: 16rem;
+  `,
+  md: e`
+    font-size: 1rem;
+    min-height: 3rem;
+  `,
+  lg: e`
+    min-height: 3.5rem;
+    font-size: 1rem;
+    min-width: 21.563rem;
+  `
+}, C = (o, r) => {
+  var l, d, n, c, s, i;
+  return e`
+    color: ${o.default.color};
+    background-color: ${o.default.backgroundColor};
+    border: ${o.default.border ?? "none"};
+
+    ${!r && e`
+      &:hover:not(:disabled) {
+        color: ${((l = o.hover) == null ? void 0 : l.color) ?? o.default.color};
+        background-color: ${((d = o.hover) == null ? void 0 : d.backgroundColor) ?? o.default.backgroundColor};
+      }
+
+      &:active:not(:disabled) {
+        color: ${((n = o.active) == null ? void 0 : n.color) ?? o.default.color};
+        background-color: ${((c = o.active) == null ? void 0 : c.backgroundColor) ?? o.default.backgroundColor};
+      }
+
+      &:focus:not(:disabled) {
+        color: ${((s = o.focus) == null ? void 0 : s.color) ?? o.default.color};
+        background-color: ${((i = o.focus) == null ? void 0 : i.backgroundColor) ?? o.default.backgroundColor};
+      }
+    `}
+
+    &:disabled {
+      opacity: 0.65;
+      color: #a7afb9;
+      cursor: not-allowed;
+      background-color: #e2e4e8;
+    }
+  `;
+}, a = f(w)`
+  ${({ $variantData: o, $disableHoverEffect: r }) => C(o, r)};
+  ${({ size: o = "md" }) => z[o]};
+  font-weight: 600;
+  font-family: ${({ theme: o }) => o.dir === "rtl" ? o.fonts.arabic : o.fonts.english};
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border-radius: 0.75rem;
+  padding: 0.75rem 1.25rem;
+  cursor: pointer;
+  width: ${({ width: o }) => o};
+`, B = f.div`
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+`, M = ({
+  children: o,
+  variant: r = "primary",
+  size: l = "md",
+  type: d = "button",
+  disabled: n = !1,
+  onClick: c,
+  leftIcon: s,
+  rightIcon: i,
+  onlyIcon: m,
+  icon: b,
+  isLoading: t = !1,
+  style: g = {},
+  disableHoverEffect: h = !1,
+  width: p
+}) => {
+  const $ = j(r), { t: k } = x();
+  return /* @__PURE__ */ u.jsxs(
+    a,
+    {
+      variant: r,
+      $variantData: $,
+      size: l,
+      type: d,
+      disabled: n ?? t,
+      onClick: c,
+      style: g,
+      $disableHoverEffect: h,
+      width: p,
+      children: [
+        t && /* @__PURE__ */ u.jsxs(B, { children: [
+          k("LOADING"),
+          " ",
+          /* @__PURE__ */ u.jsx(y, {})
+        ] }),
+        !m && !t && s,
+        !m && !t && o,
+        m && !t && b,
+        !m && !t && i
+      ]
+    }
+  );
+};
+export {
+  M as default
+};

package/dist/components/Card.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type CardProps = {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number;
+    backgroundColor?: string;
+    padding?: number | string;
+    margin?: number | string;
+    border?: string;
+    hoverEffect?: boolean;
+    shadowVariant?: 'none' | 'default' | 'hover' | 'pressed' | 'boxShadow4' | 'boxShadow5';
+};
+export declare const Card: React.FC<CardProps>;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/lib/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,SAAS,GAAG;IAEtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,YAAY,CAAC;CACxF,CAAC;AA2DF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,80 @@
+import { j as i } from "../_virtual/jsx-runtime.js";
+import "react";
+import w, { css as $ } from "styled-components";
+const h = w.div`
+  ${({ theme: o, $width: r, $height: a, $borderRadius: s, $border: e, $backgroundColor: d, $padding: t, $hoverEffect: n = !0, $shadowVariant: u = "default" }) => {
+  const x = () => {
+    switch (u) {
+      case "none":
+        return "none";
+      case "hover":
+        return o.boxShadow.s2;
+      case "pressed":
+        return o.boxShadow.s1;
+      case "default":
+        return o.boxShadow.s3;
+      case "boxShadow4":
+        return o.boxShadow.s4;
+      case "boxShadow5":
+      default:
+        return o.boxShadow.s5;
+    }
+  };
+  return $`
+      // Theme-based styles
+      background-color: ${d ?? o.colors.grey.n50};
+      padding: ${t ?? "1rem"};
+      border-radius: ${s ? `${s}px` : "0.5rem"};
+      border: ${e ? `${e}` : "none"};
+      // Dimensions
+      width: ${typeof r == "number" ? `${r}px` : "100%"};
+      height: ${typeof a == "number" ? `${a}px` : "auto"};
+
+      // Shadow states
+      box-shadow: ${x()};
+
+      // Hover and active states
+      ${n && $`
+        &:hover {
+          box-shadow: ${o.boxShadow.s2};
+        }
+        &:active {
+          box-shadow: ${o.boxShadow.s1};
+        }
+      `}
+    `;
+}}
+`, l = ({
+  children: o,
+  className: r,
+  style: a,
+  width: s,
+  height: e,
+  borderRadius: d,
+  backgroundColor: t,
+  padding: n,
+  margin: u,
+  border: x,
+  hoverEffect: b = !0,
+  shadowVariant: c = "default"
+}) => /* @__PURE__ */ i.jsx(
+  h,
+  {
+    className: r,
+    style: a,
+    $width: s,
+    $height: e,
+    $borderRadius: d,
+    $backgroundColor: t,
+    $padding: n,
+    $margin: u,
+    $border: x,
+    $shadowVariant: c,
+    $hoverEffect: b,
+    children: o
+  }
+);
+export {
+  l as Card,
+  l as default
+};

package/dist/components/CardsList.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { ButtonVariant } from 'react-bootstrap/esm/types';
+type cardListItem = {
+    primaryButtonTitle: string;
+    primaryButtonOnClick?: (item: cardListItem) => void;
+    secondaryButtonOnClick?: (item: cardListItem) => void;
+    secondaryButtonDisabled: boolean;
+    name: string;
+    description?: string;
+    badgeText?: string;
+    secondaryButtonTitle: string;
+    secondaryButtonVariant?: ButtonVariant;
+    badgeType: 'primary' | 'success' | 'warning' | 'error' | 'neutral';
+    data?: Array<{
+        title: string;
+        description: string;
+    }>;
+};
+export type CardsListProps = {
+    title: string;
+    canAdd: boolean;
+    items: Array<cardListItem>;
+    emptyStateMessage?: string;
+    pagination?: {
+        enabled: boolean;
+        pageSize: number;
+        currentPage: number;
+        totalPages: number;
+        onPageChange: (page: number) => void;
+        hidePrevButton?: boolean;
+        hideNextButton?: boolean;
+        siblingCount?: number;
+        boundaryCount?: number;
+        totalItems?: number;
+        itemsPerPageOptions?: number[];
+        onItemsPerPageChange?: (itemsPerPage: number) => void;
+    };
+    loading: boolean;
+};
+declare const CardsList: React.FC<CardsListProps>;
+export default CardsList;
+//# sourceMappingURL=CardsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardsList.d.ts","sourceRoot":"","sources":["../../src/lib/components/CardsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAuF/D,KAAK,YAAY,GAAG;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtD,uBAAuB,EAAE,OAAO,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;QAC/B,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;KACvD,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmIvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CardsList.js

@@ -0,0 +1,206 @@
+import { j as s } from "../_virtual/jsx-runtime.js";
+import "react";
+import { useTranslation as h } from "react-i18next";
+import { BiPlus as b } from "../node_modules/react-icons/bi/index.js";
+import a, { useTheme as j, css as i } from "styled-components";
+import { TableFooter as C } from "./Table/Table.styles.js";
+import x from "./Button.js";
+import { Card as w } from "./Card.js";
+import $ from "./Pagination.js";
+import d from "./Typography.js";
+const B = a.span`
+  display: inline-flex;
+  align-items: center;
+  padding: ${({ theme: o }) => `${o.spacing.xxs} ${o.spacing.xs}`};
+  border-radius: ${({ theme: o }) => o.borderRadius.md};
+  font-size: ${({ theme: o }) => o.typography.sizes.s2};
+  font-weight: ${({ theme: o }) => o.typography.weights.semiBold};
+
+  ${({ theme: o, $variant: l }) => {
+  switch (l) {
+    case "primary":
+      return i`
+          background-color: ${o.colors.primary.purple.n100};
+          color: ${o.colors.primary.purple.n500};
+        `;
+    case "success":
+      return i`
+          background-color: ${o.colors.state.success.n100};
+          color: ${o.colors.state.success.n500};
+        `;
+    case "warning":
+      return i`
+          background-color: ${o.colors.secondary.yellow.n200};
+          color: ${o.colors.secondary.yellow.n600};
+        `;
+    case "error":
+      return i`
+          background-color: ${o.colors.state.error.n100};
+          color: ${o.colors.state.error.n500};
+        `;
+    default:
+      return i`
+          background-color: ${o.colors.grey.n200};
+          color: ${o.colors.grey.n600};
+        `;
+  }
+}}
+`, v = a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: 20px;
+  margin-bottom: ${({ theme: o }) => {
+  var l;
+  return ((l = o.spacing) == null ? void 0 : l.xs) || "8px";
+}};
+  flex-wrap: wrap;
+`, P = a.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+`, T = a.div`
+  font-weight: bold;
+  margin-right: 4px;
+  font-size: 12px;
+`, k = a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  padding-bottom: 10px;
+`, z = a.div`
+  column-gap: ${({ theme: o }) => o.spacing.l};
+  row-gap: ${({ theme: o }) => o.spacing.m};
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  display: grid;
+  margin-bottom: 10px;
+`, q = ({ items: o, title: l, canAdd: g, pagination: n, loading: u }) => {
+  const { t: c } = h(), e = j();
+  return /* @__PURE__ */ s.jsxs(k, { children: [
+    /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ s.jsx(d, { variant: "mdText", color: e.colors.grey.n300, style: {}, children: c(l) }),
+      g && /* @__PURE__ */ s.jsx(
+        x,
+        {
+          size: "lg",
+          variant: "outline-primary",
+          onClick: () => {
+          },
+          leftIcon: /* @__PURE__ */ s.jsx(b, { size: 21 }),
+          children: c("Add")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsxs(z, { children: [
+      o.map((r, y) => {
+        var p;
+        return /* @__PURE__ */ s.jsxs(
+          w,
+          {
+            style: { justifyContent: "space-between", display: "flex", flexDirection: "column" },
+            ...r,
+            backgroundColor: e.colors.grey.n50,
+            children: [
+              /* @__PURE__ */ s.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: e.spacing.xs,
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: e.spacing.xs
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsx(d, { color: "black", weight: "bold", variant: "smText", children: c(r == null ? void 0 : r.name) }),
+                    (r == null ? void 0 : r.badgeText) && /* @__PURE__ */ s.jsx(B, { $variant: r.badgeType, children: r.badgeText })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                d,
+                {
+                  style: {
+                    marginBottom: e.spacing.xs
+                  },
+                  color: e.colors.grey.n450,
+                  variant: "smText",
+                  children: r.description
+                }
+              ),
+              /* @__PURE__ */ s.jsx(v, { children: (p = r == null ? void 0 : r.data) == null ? void 0 : p.map((t, f) => /* @__PURE__ */ s.jsxs(P, { children: [
+                /* @__PURE__ */ s.jsxs(T, { children: [
+                  t == null ? void 0 : t.title,
+                  ":"
+                ] }),
+                /* @__PURE__ */ s.jsx("div", { style: { fontSize: "12px" }, children: t == null ? void 0 : t.description })
+              ] }, f)) }),
+              /* @__PURE__ */ s.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: e.spacing.xs,
+                    justifyContent: r != null && r.secondaryButtonTitle ? "space-between" : "flex-end",
+                    alignItems: "center"
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsx(
+                      x,
+                      {
+                        onClick: () => {
+                          r.primaryButtonOnClick && r.primaryButtonOnClick(r);
+                        },
+                        variant: "light-primary",
+                        width: "50%",
+                        children: c(r == null ? void 0 : r.primaryButtonTitle) || c("edit")
+                      }
+                    ),
+                    (r == null ? void 0 : r.secondaryButtonTitle) && // <Button variant={item.secondaryButtonVariant ?? 'outline-secondary'} width="50%">
+                    /* @__PURE__ */ s.jsx(
+                      x,
+                      {
+                        disabled: r == null ? void 0 : r.secondaryButtonDisabled,
+                        onClick: () => {
+                          r.secondaryButtonOnClick && r.secondaryButtonOnClick(r);
+                        },
+                        variant: "outline-primary",
+                        width: "50%",
+                        children: r == null ? void 0 : r.secondaryButtonTitle
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          y
+        );
+      }),
+      o.length === 0 && /* @__PURE__ */ s.jsx(d, { variant: "smText", style: { textAlign: "center", color: e.colors.grey.n300 }, children: c("No items found") })
+    ] }),
+    n && n.enabled && /* @__PURE__ */ s.jsx(C, { children: /* @__PURE__ */ s.jsx(
+      $,
+      {
+        currentPage: n.currentPage,
+        totalPages: n.totalPages,
+        onChange: n.onPageChange,
+        disabled: u,
+        hidePrevButton: n.hidePrevButton,
+        hideNextButton: n.hideNextButton,
+        siblingCount: n.siblingCount,
+        boundaryCount: n.boundaryCount,
+        itemsPerPage: n.pageSize,
+        totalItems: n.totalItems,
+        itemsPerPageOptions: n.itemsPerPageOptions,
+        onItemsPerPageChange: n.onItemsPerPageChange
+      }
+    ) })
+  ] });
+};
+export {
+  q as default
+};

package/dist/components/Chart.d.ts

@@ -0,0 +1,45 @@
+import { default as React, ReactElement } from 'react';
+type ChartType = 'area' | 'line' | 'bar' | 'pie';
+type ChartDataType = {
+    x: string | number;
+    y: string | number;
+    yy?: string | number;
+};
+type PieDataType = {
+    name: string;
+    value: string | number;
+    color: string;
+};
+export type ChartVariants = {
+    [key in ChartType]: React.ElementType;
+};
+type BaseChartProps = {
+    xLabel?: string;
+    yLabel?: string;
+    yyLabel?: string;
+    strokeColor?: string;
+    biaxialStrokeColor?: string;
+    fillColor?: string;
+    UserLegend?: ReactElement;
+    barRadius?: number | [number, number, number, number];
+    yyDataKey?: string;
+    yDataKey?: string;
+    showLabels?: boolean;
+    showYYAxis?: boolean;
+    dateFormat?: 'dayMonth' | 'monthOnly';
+};
+type PieChartProps = BaseChartProps & {
+    data: Array<PieDataType>;
+    type: 'pie';
+    colors: Array<string>;
+};
+type OtherChartProps = BaseChartProps & {
+    data: Array<ChartDataType>;
+    type: Exclude<ChartType, 'pie'>;
+    colors?: Array<string>;
+    barKeys?: string[];
+};
+export type ChartProps = PieChartProps | OtherChartProps;
+declare const Chart: React.FC<ChartProps>;
+export default Chart;
+//# sourceMappingURL=Chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/lib/components/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAgC,MAAM,OAAO,CAAC;AAyB/E,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,SAAS,GAAG,KAAK,CAAC,WAAW;CACtC,CAAC;AASF,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;CACvC,CAAC;AAMF,KAAK,aAAa,GAAG,cAAc,GAAG;IACpC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,eAAe,CAAC;AAwCzD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsS/B,CAAC;AAEF,eAAe,KAAK,CAAC"}