@pautena/react-design-system 0.20.2 → 1.0.0

package/dist/ListPanel/ListPanel.mjs

@@ -0,0 +1,75 @@
+import { j as t } from "../_virtual/jsx-runtime.mjs";
+import { useState as j, createElement as y } from "react";
+import { useTheme as P, Link as k } from "@mui/material";
+import { useGetDefaultThemeColor as L } from "../utils/theme.mjs";
+import { ListPanelContextProvider as b } from "./ListPanel.context.mjs";
+import r from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
+import v from "../node_modules/@mui/material/esm/List/List.mjs";
+import C from "../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
+import I from "../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
+import T from "../node_modules/@mui/material/esm/colors/grey.mjs";
+import E from "../node_modules/@mui/material/esm/Tooltip/Tooltip.mjs";
+import S from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
+function M({
+  items: o,
+  defaultSelectedItem: s,
+  colBreakpoint: i = 3,
+  listMode: p = "panel",
+  children: a,
+  onSelectedItemChange: c = () => null
+}) {
+  o.map((e) => e.path).filter(Boolean);
+  const h = L(), { palette: f } = P(), [u, x] = j(s), d = (e) => {
+    x(e), c(e);
+  };
+  return /* @__PURE__ */ t.jsx(b, { value: u, children: /* @__PURE__ */ t.jsxs(r, { container: !0, bgcolor: h, height: 1, children: [
+    /* @__PURE__ */ t.jsx(r, { size: { xs: i }, pl: 1, height: 1, children: /* @__PURE__ */ t.jsx(v, { sx: { height: 1, overflowY: "auto" }, children: o.map(({ id: e, text: n, tooltip: l, href: g }) => {
+      const m = /* @__PURE__ */ y(
+        C,
+        {
+          ...p === "navigation" ? { component: k, href: g } : {},
+          key: e,
+          dense: !0,
+          onClick: () => d(e),
+          "aria-label": n
+        },
+        /* @__PURE__ */ t.jsx(
+          I,
+          {
+            primary: n,
+            primaryTypographyProps: {
+              color: T[600]
+            }
+          }
+        )
+      );
+      return l ? /* @__PURE__ */ t.jsx(
+        E,
+        {
+          title: l,
+          enterDelay: 1500,
+          placement: "right",
+          children: m
+        },
+        e
+      ) : m;
+    }) }) }),
+    /* @__PURE__ */ t.jsx(r, { size: { xs: 12 - i }, pl: 1, py: 1, pr: 1, children: /* @__PURE__ */ t.jsx(
+      S,
+      {
+        elevation: 0,
+        sx: {
+          width: 1,
+          height: 1,
+          backgroundColor: f.background.paper
+        },
+        children: a
+      }
+    ) })
+  ] }) });
+}
+export {
+  M as ListPanel,
+  M as default
+};
+//# sourceMappingURL=ListPanel.mjs.map

package/dist/ListPanel/ListPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPanel.mjs","sources":["../../src/ListPanel/ListPanel.tsx"],"sourcesContent":["import { Link, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ListPanelContextProvider } from \"./ListPanel.context\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport interface ListPanelProps {\n  /**\n   * The ID of the item that should be selected by default.\n   */\n  defaultSelectedItem?: string;\n  /**\n   * The list of items to be displayed in the panel.\n   */\n  items: ListPanelItem[];\n  /**\n   * The mode of the list, either \"panel\" or \"navigation\".\n   */\n  listMode?: \"panel\" | \"navigation\";\n  /**\n   * The breakpoint for column layout.\n   */\n  colBreakpoint?: number;\n  /**\n   * Callback function that is called when the selected item changes.\n   */\n  onSelectedItemChange?: (id: string) => void;\n  /**\n   * Content to display in the panel area\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ListPanel component renders a panel with a list of items and a content area.\n */\nexport function ListPanel({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) {\n  const _paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const bgColor = useGetDefaultThemeColor();\n  const { palette } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid size={{ xs: colBreakpoint }} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip, href }) => {\n              const linkProps =\n                listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      color: grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip\n                  key={id}\n                  title={tooltip}\n                  enterDelay={1500}\n                  placement=\"right\"\n                >\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid size={{ xs: 12 - colBreakpoint }} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n}\n\nexport default ListPanel;\n"],"names":["ListPanel","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","item","bgColor","useGetDefaultThemeColor","palette","useTheme","selectedItem","setSelectedItem","useState","handleSelectItem","id","jsx","ListPanelContextProvider","jsxs","Grid","List","text","tooltip","href","contentEl","createElement","ListItemButton","Link","ListItemText","grey","Tooltip","Paper"],"mappings":";;;;;;;;;;;;AAkDO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,sBAAAC,IAAuB,MAAM;AAC/B,GAAmB;AACF,EAAAL,EAAM,IAAI,CAACM,MAASA,EAAK,IAAI,EAAE,OAAO,OAAO;AAE5D,QAAMC,IAAUC,EAAA,GACV,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,CAACC,GAAcC,CAAe,IAAIC,EAASZ,CAAmB,GAE9Da,IAAmB,CAACC,MAAe;AACvC,IAAAH,EAAgBG,CAAE,GAClBV,EAAqBU,CAAE;AAAA,EACzB;AAEA,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAyB,OAAON,GAC/B,UAAAO,gBAAAA,OAACC,GAAA,EAAK,WAAS,IAAC,SAASZ,GAAS,QAAQ,GACxC,UAAA;AAAA,IAAAS,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,EAAE,IAAIjB,EAAA,GAAiB,IAAI,GAAG,QAAQ,GAChD,UAAAc,gBAAAA,EAAAA,IAACI,GAAA,EAAK,IAAI,EAAE,QAAQ,GAAG,WAAW,OAAA,GAC/B,UAAApB,EAAM,IAAI,CAAC,EAAE,IAAAe,GAAI,MAAAM,GAAM,SAAAC,GAAS,MAAAC,EAAA,MAAW;AAI1C,YAAMC,IACJ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAJHvB,MAAa,eAAe,EAAE,WAAWwB,GAAM,MAAAJ,EAAA,IAAS,CAAA;AAAA,UAKtD,KAAKR;AAAA,UACL,OAAK;AAAA,UACL,SAAS,MAAMD,EAAiBC,CAAE;AAAA,UAClC,cAAYM;AAAA,QAAA;AAAA,QAEZL,gBAAAA,EAAAA;AAAAA,UAACY;AAAA,UAAA;AAAA,YACC,SAASP;AAAA,YACT,wBAAwB;AAAA,cACtB,OAAOQ,EAAK,GAAG;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAIJ,aAAOP,IACLN,gBAAAA,EAAAA;AAAAA,QAACc;AAAA,QAAA;AAAA,UAEC,OAAOR;AAAA,UACP,YAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAAE;AAAA,QAAA;AAAA,QALIT;AAAA,MAAA,IAQPS;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,IACAR,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,EAAE,IAAI,KAAKjB,EAAA,GAAiB,IAAI,GAAG,IAAI,GAAG,IAAI,GACxD,UAAAc,gBAAAA,EAAAA;AAAAA,MAACe;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,iBAAiBtB,EAAQ,WAAW;AAAA,QAAA;AAAA,QAGrC,UAAAL;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/ListPanel/ListPanel.mocks.d.ts

@@ -0,0 +1,5 @@
+import { ListPanelItem } from './ListPanel';
+export declare const ListPanelDemoContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const mockItemsShort: ListPanelItem[];
+export declare const mockItemsLong: ListPanelItem[];
+export declare const mockItemsRouterNavigation: ListPanelItem[];

package/dist/ListPanel/ListPanelPanel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Props for the ListPanelPanel component
+ */
+export interface ListPanelPanelProps {
+    /**
+     * List of item IDs that should display this panel
+     */
+    ids: string[];
+    /**
+     * Content to display when a matching item is selected
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Content panel for ListPanel that displays when a matching item is selected
+ */
+export default function ListPanelPanel({ ids, children }: ListPanelPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ListPanel/index.d.ts

@@ -0,0 +1,3 @@
+export type { ListPanelItem, ListPanelProps } from './ListPanel';
+export { default, default as ListPanel } from './ListPanel';
+export * from './ListPanel.context';

package/dist/Markdown/Markdown.mjs

@@ -0,0 +1,31 @@
+import o from "../node_modules/@mui/material/esm/Link/Link.mjs";
+import t from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
+const n = {
+  overrides: {
+    h1: {
+      component: t,
+      props: {
+        gutterBottom: !0,
+        variant: "h5"
+      }
+    },
+    h2: { component: t, props: { gutterBottom: !0, variant: "h6" } },
+    h3: {
+      component: t,
+      props: { gutterBottom: !0, variant: "subtitle1" }
+    },
+    h4: {
+      component: t,
+      props: { gutterBottom: !0, variant: "caption", paragraph: !0 }
+    },
+    p: { component: t, props: { paragraph: !0 } },
+    a: { component: o },
+    li: {
+      component: "li"
+    }
+  }
+};
+export {
+  n as markdownMuiOptions
+};
+//# sourceMappingURL=Markdown.mjs.map

package/dist/Markdown/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["import Link from \"@mui/material/Link\";\nimport Typography from \"@mui/material/Typography\";\n\nexport const markdownMuiOptions = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n"],"names":["markdownMuiOptions","Typography","Link"],"mappings":";;AAGO,MAAMA,IAAqB;AAAA,EAChC,WAAW;AAAA,IACT,IAAI;AAAA,MACF,WAAWC;AAAA,MACX,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,IAAI,EAAE,WAAWA,GAAY,OAAO,EAAE,cAAc,IAAM,SAAS,OAAK;AAAA,IACxE,IAAI;AAAA,MACF,WAAWA;AAAA,MACX,OAAO,EAAE,cAAc,IAAM,SAAS,YAAA;AAAA,IAAY;AAAA,IAEpD,IAAI;AAAA,MACF,WAAWA;AAAA,MACX,OAAO,EAAE,cAAc,IAAM,SAAS,WAAW,WAAW,GAAA;AAAA,IAAK;AAAA,IAEnE,GAAG,EAAE,WAAWA,GAAY,OAAO,EAAE,WAAW,KAAK;AAAA,IACrD,GAAG,EAAE,WAAWC,EAAA;AAAA,IAChB,IAAI;AAAA,MACF,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}

package/dist/Markdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Markdown';

package/dist/NotificationCenter/NotificationCenter.context.mjs

@@ -0,0 +1,15 @@
+import { createContext as e, useContext as o } from "react";
+const n = new Error(
+  "NotificationCenterContext.Provider is required and was undefined"
+), r = e(void 0), c = () => {
+  const t = o(r);
+  if (t === void 0)
+    throw n;
+  return t;
+};
+export {
+  r as NotificationCenterContext,
+  n as NotificationCenterProviderUndefinedError,
+  c as useNotificationCenter
+};
+//# sourceMappingURL=NotificationCenter.context.mjs.map

package/dist/NotificationCenter/NotificationCenter.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.context.mjs","sources":["../../src/NotificationCenter/NotificationCenter.context.ts"],"sourcesContent":["import type { AlertColor } from \"@mui/material/Alert\";\nimport { createContext, useContext } from \"react\";\n\nexport const NotificationCenterProviderUndefinedError = new Error(\n  \"NotificationCenterContext.Provider is required and was undefined\",\n);\n\nexport interface Notification {\n  severity: AlertColor;\n  title?: string;\n  message: string;\n}\n\nexport interface NotificationCenterProps {\n  show(notification: Notification): void;\n  hide(): void;\n}\n\nexport const NotificationCenterContext = createContext<\n  NotificationCenterProps | undefined\n>(undefined);\n\nexport const useNotificationCenter = () => {\n  const context = useContext(NotificationCenterContext);\n\n  if (context === undefined) {\n    throw NotificationCenterProviderUndefinedError;\n  }\n\n  return context;\n};\n"],"names":["NotificationCenterProviderUndefinedError","NotificationCenterContext","createContext","useNotificationCenter","context","useContext"],"mappings":";AAGO,MAAMA,IAA2C,IAAI;AAAA,EAC1D;AACF,GAaaC,IAA4BC,EAEvC,MAAS,GAEEC,IAAwB,MAAM;AACzC,QAAMC,IAAUC,EAAWJ,CAAyB;AAEpD,MAAIG,MAAY;AACd,UAAMJ;AAGR,SAAOI;AACT;"}

package/dist/NotificationCenter/NotificationCenter.hooks.d.ts

@@ -0,0 +1,6 @@
+import { Notification } from './NotificationCenter.context';
+export interface NotifyWhenValueChangesOptions<T> {
+    from: T;
+    to: T;
+}
+export declare const useNotifyWhenValueChanges: <T>(notification: Notification, value: T | undefined, { from, to }: NotifyWhenValueChangesOptions<T>) => void;

package/dist/NotificationCenter/NotificationCenter.hooks.mjs

@@ -0,0 +1,12 @@
+import { useRef as s, useEffect as i } from "react";
+import { useNotificationCenter as c } from "./NotificationCenter.context.mjs";
+const p = (t, e, { from: r, to: f }) => {
+  const o = s(void 0), { show: n } = c();
+  i(() => {
+    o.current === r && e === f && n(t), o.current = e;
+  }, [e]);
+};
+export {
+  p as useNotifyWhenValueChanges
+};
+//# sourceMappingURL=NotificationCenter.hooks.mjs.map

package/dist/NotificationCenter/NotificationCenter.hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.hooks.mjs","sources":["../../src/NotificationCenter/NotificationCenter.hooks.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport {\n  type Notification,\n  useNotificationCenter,\n} from \"./NotificationCenter.context\";\n\nexport interface NotifyWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNotifyWhenValueChanges = <T>(\n  notification: Notification,\n  value: T | undefined,\n  { from, to }: NotifyWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>(undefined);\n  const { show } = useNotificationCenter();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      show(notification);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n"],"names":["useNotifyWhenValueChanges","notification","value","from","to","prevRef","useRef","show","useNotificationCenter","useEffect"],"mappings":";;AAWO,MAAMA,IAA4B,CACvCC,GACAC,GACA,EAAE,MAAAC,GAAM,IAAAC,QACL;AACH,QAAMC,IAAUC,EAAU,MAAS,GAC7B,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAU,MAAM;AACd,IAAIJ,EAAQ,YAAYF,KAAQD,MAAUE,KACxCG,EAAKN,CAAY,GAEnBI,EAAQ,UAAUH;AAAA,EACpB,GAAG,CAACA,CAAK,CAAC;AACZ;"}

package/dist/NotificationCenter/NotificationCenter.provider.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Props for the NotificationCenterProvider component
+ */
+export interface NotificationCenterProviderProps {
+    /**
+     * Duration in milliseconds before auto-hiding notifications
+     * @default 6000
+     */
+    autoHideDuration?: number;
+    /**
+     * Content to wrap with notification context
+     */
+    children?: React.ReactNode;
+}
+export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/NotificationCenter/NotificationCenter.provider.mjs

@@ -0,0 +1,56 @@
+import { j as e } from "../_virtual/jsx-runtime.mjs";
+import { useState as r } from "react";
+import { NotificationCenterContext as f } from "./NotificationCenter.context.mjs";
+import p from "../node_modules/@mui/material/esm/Snackbar/Snackbar.mjs";
+import h from "../node_modules/@mui/material/esm/Alert/Alert.mjs";
+import d from "../node_modules/@mui/material/esm/AlertTitle/AlertTitle.mjs";
+const y = ({
+  children: s,
+  autoHideDuration: n = 6e3
+}) => {
+  const [t, a] = r(
+    void 0
+  ), [l, i] = r(!1), c = (m) => {
+    a(m), i(!0);
+  }, o = () => {
+    i(!1);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    f.Provider,
+    {
+      value: {
+        show: c,
+        hide: o
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(
+          p,
+          {
+            open: l,
+            autoHideDuration: n,
+            onClose: o,
+            anchorOrigin: { vertical: "top", horizontal: "right" },
+            children: /* @__PURE__ */ e.jsxs(
+              h,
+              {
+                onClose: o,
+                severity: t?.severity,
+                "aria-label": t?.severity,
+                sx: { width: "100%" },
+                children: [
+                  t?.title && /* @__PURE__ */ e.jsx(d, { children: t?.title }),
+                  t?.message
+                ]
+              }
+            )
+          }
+        ),
+        s
+      ]
+    }
+  );
+};
+export {
+  y as NotificationCenterProvider
+};
+//# sourceMappingURL=NotificationCenter.provider.mjs.map

package/dist/NotificationCenter/NotificationCenter.provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.provider.mjs","sources":["../../src/NotificationCenter/NotificationCenter.provider.tsx"],"sourcesContent":["import Alert from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Snackbar from \"@mui/material/Snackbar\";\nimport { useState } from \"react\";\nimport {\n  type Notification,\n  NotificationCenterContext,\n} from \"./NotificationCenter.context\";\n\n/**\n * Props for the NotificationCenterProvider component\n */\nexport interface NotificationCenterProviderProps {\n  /**\n   * Duration in milliseconds before auto-hiding notifications\n   * @default 6000\n   */\n  autoHideDuration?: number;\n  /**\n   * Content to wrap with notification context\n   */\n  children?: React.ReactNode;\n}\n\nexport const NotificationCenterProvider = ({\n  children,\n  autoHideDuration = 6000,\n}: NotificationCenterProviderProps) => {\n  const [notification, setNotification] = useState<Notification | undefined>(\n    undefined,\n  );\n  const [open, setOpen] = useState(false);\n  const show = (notification: Notification) => {\n    setNotification(notification);\n    setOpen(true);\n  };\n\n  const hide = () => {\n    setOpen(false);\n  };\n\n  return (\n    <NotificationCenterContext.Provider\n      value={{\n        show,\n        hide,\n      }}\n    >\n      <Snackbar\n        open={open}\n        autoHideDuration={autoHideDuration}\n        onClose={hide}\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n      >\n        <Alert\n          onClose={hide}\n          severity={notification?.severity}\n          aria-label={notification?.severity}\n          sx={{ width: \"100%\" }}\n        >\n          {notification?.title && (\n            <AlertTitle>{notification?.title}</AlertTitle>\n          )}\n          {notification?.message}\n        </Alert>\n      </Snackbar>\n      {children}\n    </NotificationCenterContext.Provider>\n  );\n};\n"],"names":["NotificationCenterProvider","children","autoHideDuration","notification","setNotification","useState","open","setOpen","show","hide","jsxs","NotificationCenterContext","jsx","Snackbar","Alert","AlertTitle"],"mappings":";;;;;;AAwBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAuC;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtC;AAAA,EAAA,GAEI,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChCG,IAAO,CAACL,MAA+B;AAC3C,IAAAC,EAAgBD,CAAY,GAC5BI,EAAQ,EAAI;AAAA,EACd,GAEME,IAAO,MAAM;AACjB,IAAAF,EAAQ,EAAK;AAAA,EACf;AAEA,SACEG,gBAAAA,EAAAA;AAAAA,IAACC,EAA0B;AAAA,IAA1B;AAAA,MACC,OAAO;AAAA,QACL,MAAAH;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAP;AAAA,YACA,kBAAAJ;AAAA,YACA,SAASO;AAAA,YACT,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,YAE7C,UAAAC,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAASL;AAAA,gBACT,UAAUN,GAAc;AAAA,gBACxB,cAAYA,GAAc;AAAA,gBAC1B,IAAI,EAAE,OAAO,OAAA;AAAA,gBAEZ,UAAA;AAAA,kBAAAA,GAAc,SACbS,gBAAAA,MAACG,GAAA,EAAY,UAAAZ,GAAc,OAAM;AAAA,kBAElCA,GAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAEDF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/NotificationCenter/index.d.ts

@@ -0,0 +1,3 @@
+export * from './NotificationCenter.context';
+export * from './NotificationCenter.hooks';
+export * from './NotificationCenter.provider';

package/dist/Placeholder/Placeholder.d.ts

@@ -0,0 +1,73 @@
+import { ReactElement } from 'react';
+type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+/**
+ * Action button configuration for placeholder
+ */
+export interface PlaceholderAction {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Button text label
+     */
+    text: string;
+    /**
+     * Navigation URL when clicked
+     */
+    href?: string;
+    /**
+     * Click handler function
+     */
+    onClick?: () => void;
+}
+/**
+ * Arguments passed to icon render function
+ */
+export interface PlaceholderIconArgs {
+    /**
+     * Icon size in pixels
+     */
+    size: number;
+    /**
+     * Icon color theme
+     */
+    color: IconColor;
+}
+/**
+ * Function that renders a custom icon element
+ *
+ * @param args - Icon configuration arguments
+ */
+export type PlaceholderIcon = ({ size, color, }: PlaceholderIconArgs) => ReactElement;
+/**
+ * Props for the Placeholder component
+ */
+export interface PlaceholderProps {
+    /**
+     * Main title text
+     */
+    title: string;
+    /**
+     * Subtitle or description text
+     */
+    subtitle: string;
+    /**
+     * Icon size in pixels
+     * @default 200
+     */
+    iconSize?: number;
+    /**
+     * Custom icon render function
+     */
+    icon?: PlaceholderIcon;
+    /**
+     * Action buttons to display
+     */
+    actions?: PlaceholderAction[];
+}
+/**
+ * Empty state placeholder with optional icon and actions
+ */
+export declare function Placeholder({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
+export default Placeholder;

package/dist/Placeholder/Placeholder.mjs

@@ -0,0 +1,53 @@
+import { j as e } from "../_virtual/jsx-runtime.mjs";
+import t from "../node_modules/@mui/material/esm/Box/Box.mjs";
+import i from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
+import d from "../node_modules/@mui/material/esm/Button/Button.mjs";
+function g({
+  title: n,
+  subtitle: l,
+  icon: o,
+  iconSize: a = 200,
+  actions: r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    t,
+    {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      textAlign: "center",
+      children: [
+        o?.({ size: a, color: "primary" }),
+        /* @__PURE__ */ e.jsx(i, { variant: "h4", role: "heading", "aria-level": 1, children: n }),
+        /* @__PURE__ */ e.jsx(
+          i,
+          {
+            variant: "subtitle1",
+            role: "heading",
+            "aria-level": 2,
+            sx: { mt: 2 },
+            children: l
+          }
+        ),
+        r && /* @__PURE__ */ e.jsx(t, { sx: { pt: 2 }, children: r.map(({ id: s, text: m, href: x, onClick: c }, p) => /* @__PURE__ */ e.jsx(
+          d,
+          {
+            role: "button",
+            variant: "contained",
+            href: x,
+            onClick: c,
+            sx: { mr: p < r.length - 1 ? 2 : 0 },
+            children: m
+          },
+          s
+        )) })
+      ]
+    }
+  );
+}
+export {
+  g as Placeholder,
+  g as default
+};
+//# sourceMappingURL=Placeholder.mjs.map

package/dist/Placeholder/Placeholder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.mjs","sources":["../../src/Placeholder/Placeholder.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactElement } from \"react\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\n/**\n * Action button configuration for placeholder\n */\nexport interface PlaceholderAction {\n  /**\n   * Unique identifier\n   */\n  id: string;\n  /**\n   * Button text label\n   */\n  text: string;\n  /**\n   * Navigation URL when clicked\n   */\n  href?: string;\n  /**\n   * Click handler function\n   */\n  onClick?: () => void;\n}\n\n/**\n * Arguments passed to icon render function\n */\nexport interface PlaceholderIconArgs {\n  /**\n   * Icon size in pixels\n   */\n  size: number;\n  /**\n   * Icon color theme\n   */\n  color: IconColor;\n}\n\n/**\n * Function that renders a custom icon element\n *\n * @param args - Icon configuration arguments\n */\nexport type PlaceholderIcon = ({\n  size,\n  color,\n}: PlaceholderIconArgs) => ReactElement;\n\n/**\n * Props for the Placeholder component\n */\nexport interface PlaceholderProps {\n  /**\n   * Main title text\n   */\n  title: string;\n  /**\n   * Subtitle or description text\n   */\n  subtitle: string;\n  /**\n   * Icon size in pixels\n   * @default 200\n   */\n  iconSize?: number;\n  /**\n   * Custom icon render function\n   */\n  icon?: PlaceholderIcon;\n  /**\n   * Action buttons to display\n   */\n  actions?: PlaceholderAction[];\n}\n\n/**\n * Empty state placeholder with optional icon and actions\n */\nexport function Placeholder({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon?.({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography\n        variant=\"subtitle1\"\n        role=\"heading\"\n        aria-level={2}\n        sx={{ mt: 2 }}\n      >\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default Placeholder;\n"],"names":["Placeholder","title","subtitle","icon","iconSize","actions","jsxs","Box","jsx","Typography","id","text","href","onClick","index","Button"],"mappings":";;;;AA4FO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,GAAqB;AACnB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA;AAAA,QAAAJ,IAAO,EAAE,MAAMC,GAAU,OAAO,WAAW;AAAA,QAC5CI,gBAAAA,EAAAA,IAACC,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAR,EAAA,CACH;AAAA,QACAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,IAAI,EAAE,IAAI,EAAA;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACCG,gBAAAA,EAAAA,IAACD,GAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GACZ,UAAAF,EAAQ,IAAI,CAAC,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,SAAAC,EAAA,GAAWC,MACzCN,gBAAAA,EAAAA;AAAAA,UAACO;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAAH;AAAA,YACA,SAAAC;AAAA,YACA,IAAI,EAAE,IAAIC,IAAQT,EAAQ,SAAS,IAAI,IAAI,EAAA;AAAA,YAE1C,UAAAM;AAAA,UAAA;AAAA,UAPID;AAAA,QAAA,CASR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/Placeholder/Placeholder.mock.d.ts

@@ -0,0 +1,2 @@
+import { PlaceholderAction } from './Placeholder';
+export declare const actions: PlaceholderAction[];

package/dist/Placeholder/index.d.ts

@@ -0,0 +1,2 @@
+export type { PlaceholderAction, PlaceholderIcon, PlaceholderIconArgs, PlaceholderProps, } from './Placeholder';
+export { default, default as Placeholder } from './Placeholder';

package/dist/QueryContainer/QueryContainer.d.ts

@@ -0,0 +1,47 @@
+export interface QueryContainerError {
+    /**
+     * The error title
+     */
+    name?: string;
+    /**
+     * The description of the error
+     */
+    message: string;
+}
+export interface QueryContainerSuccess {
+    /**
+     * The success title
+     */
+    name?: string;
+    /**
+     * The success text
+     */
+    message: string;
+}
+export interface QueryContainerProps {
+    /**
+     * There is a query in progress and we have available data
+     */
+    fetching?: boolean | boolean[];
+    /**
+     * There is a query in progress and we don't have available data
+     */
+    loading?: boolean | boolean[];
+    /**
+     * The query has returned an error
+     */
+    error?: QueryContainerError;
+    /**
+     * The query has finished successfully
+     */
+    success?: QueryContainerSuccess;
+    /**
+     * Content to display when not in loading/error/success state
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Component to show different indicators based on the usual api query statuses
+ */
+export declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): import("react/jsx-runtime").JSX.Element;
+export default QueryContainer;

package/dist/QueryContainer/index.d.ts

@@ -0,0 +1,2 @@
+export type { QueryContainerError, QueryContainerProps, QueryContainerSuccess, } from './QueryContainer';
+export { default } from './QueryContainer';

package/dist/RemoteDataTable/RemoteDataTable.d.ts

@@ -0,0 +1,66 @@
+import { OnChangeFn, PaginationState, RemoteDataTableColumn, RemoteDataTableQueryBuilderProps, SortingState } from './RemoteDataTable.types';
+export { buildQuerySpecParams } from './query-spec-utils';
+export type { OnChangeFn, PaginationState, QuerySpecField, QuerySpecFieldOption, QuerySpecFieldType, QuerySpecFilter, QuerySpecOp, RemoteDataTableColumn, RemoteDataTableColumnMeta, RemoteDataTableQueryBuilderProps, SortingState, } from './RemoteDataTable.types';
+/**
+ * Props for the RemoteDataTable component
+ */
+export type RemoteDataTableProps<TData> = {
+    /** Array of data items to display in the table */
+    data: TData[];
+    /** Column definitions for the table */
+    columns: RemoteDataTableColumn<TData>[];
+    /** Optional function to generate unique row IDs. If not provided, uses array index */
+    getRowId?: (row: TData, index: number) => string;
+    /** Current pagination state (pageIndex and pageSize) */
+    pagination: PaginationState;
+    /** Callback fired when pagination changes */
+    onPaginationChange: OnChangeFn<PaginationState>;
+    /** Current sorting state */
+    sorting?: SortingState;
+    /** Callback fired when sorting changes */
+    onSortingChange?: OnChangeFn<SortingState>;
+    /** Total number of rows available (for server-side pagination). If not provided, uses data.length */
+    rowCount?: number;
+    /** Whether data is currently loading */
+    loading?: boolean;
+    /** Message to display when there is no data
+     * @default "No data available"
+     */
+    emptyMessage?: string;
+    /** Available page size options for the pagination dropdown
+     * @default [10, 25, 50]
+     */
+    pageSizeOptions?: number[];
+    /** Callback fired when a row is clicked */
+    onRowClick?: (row: TData) => void;
+    /** Configuration for the query builder (filters) */
+    query?: RemoteDataTableQueryBuilderProps;
+};
+/**
+ * A table component designed for displaying remote/server-side data with built-in
+ * pagination, sorting, and filtering capabilities.
+ *
+ * This component is fully controlled - all state (pagination, sorting, filters) must be
+ * managed by the parent component. For convenience, use the `useRemoteDataTable` hook
+ * to manage this state.
+ *
+ * @example
+ * ```tsx
+ * const tableState = useRemoteDataTable({
+ *   initialPagination: { pageSize: 25 }
+ * });
+ *
+ * <RemoteDataTable
+ *   data={items}
+ *   columns={columns}
+ *   {...tableState}
+ *   query={{
+ *     fields: queryFields,
+ *     filters: tableState.filters,
+ *     onFiltersChange: tableState.onFiltersChange
+ *   }}
+ * />
+ * ```
+ */
+export declare function RemoteDataTable<TData>({ data, columns, getRowId, pagination, onPaginationChange, sorting, onSortingChange, rowCount, loading, emptyMessage, pageSizeOptions, onRowClick, query, }: RemoteDataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default RemoteDataTable;

package/dist/RemoteDataTable/RemoteDataTable.mjs

@@ -0,0 +1,57 @@
+import { j as e } from "../_virtual/jsx-runtime.mjs";
+import { Paper as b } from "@mui/material";
+import { useMemo as c } from "react";
+import { RemoteDataTableBody as g } from "./RemoteDataTableBody.mjs";
+import { RemoteDataTablePagination as v } from "./RemoteDataTablePagination.mjs";
+import { RemoteDataTableQueryBuilder as D } from "./RemoteDataTableQueryBuilder.mjs";
+const r = [10, 25, 50];
+function C({
+  data: t,
+  columns: l,
+  getRowId: i,
+  pagination: m,
+  onPaginationChange: n,
+  sorting: s,
+  onSortingChange: u,
+  rowCount: f,
+  loading: d = !1,
+  emptyMessage: p = "No data available",
+  pageSizeOptions: o = r,
+  onRowClick: x,
+  query: a
+}) {
+  const j = c(
+    () => o.length ? o : r,
+    [o]
+  ), R = f ?? t.length;
+  return /* @__PURE__ */ e.jsxs(b, { variant: "outlined", children: [
+    a ? /* @__PURE__ */ e.jsx(D, { queryBuilder: a }) : null,
+    /* @__PURE__ */ e.jsx(
+      g,
+      {
+        data: t,
+        columns: l,
+        loading: d,
+        emptyMessage: p,
+        sorting: s,
+        onSortingChange: u,
+        onRowClick: x,
+        getRowId: i
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      v,
+      {
+        pagination: m,
+        onPaginationChange: n,
+        rowCount: R,
+        pageSizeOptions: j
+      }
+    )
+  ] });
+}
+export {
+  C as RemoteDataTable,
+  C as default
+};
+//# sourceMappingURL=RemoteDataTable.mjs.map

package/dist/RemoteDataTable/RemoteDataTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteDataTable.mjs","sources":["../../src/RemoteDataTable/RemoteDataTable.tsx"],"sourcesContent":["import { Paper } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  RemoteDataTableColumn,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\nimport { RemoteDataTableBody } from \"./RemoteDataTableBody\";\nimport { RemoteDataTablePagination } from \"./RemoteDataTablePagination\";\nimport { RemoteDataTableQueryBuilder } from \"./RemoteDataTableQueryBuilder\";\n\nexport { buildQuerySpecParams } from \"./query-spec-utils\";\nexport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecField,\n  QuerySpecFieldOption,\n  QuerySpecFieldType,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableColumn,\n  RemoteDataTableColumnMeta,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\n/**\n * Props for the RemoteDataTable component\n */\nexport type RemoteDataTableProps<TData> = {\n  /** Array of data items to display in the table */\n  data: TData[];\n  /** Column definitions for the table */\n  columns: RemoteDataTableColumn<TData>[];\n  /** Optional function to generate unique row IDs. If not provided, uses array index */\n  getRowId?: (row: TData, index: number) => string;\n  /** Current pagination state (pageIndex and pageSize) */\n  pagination: PaginationState;\n  /** Callback fired when pagination changes */\n  onPaginationChange: OnChangeFn<PaginationState>;\n  /** Current sorting state */\n  sorting?: SortingState;\n  /** Callback fired when sorting changes */\n  onSortingChange?: OnChangeFn<SortingState>;\n  /** Total number of rows available (for server-side pagination). If not provided, uses data.length */\n  rowCount?: number;\n  /** Whether data is currently loading */\n  loading?: boolean;\n  /** Message to display when there is no data\n   * @default \"No data available\"\n   */\n  emptyMessage?: string;\n  /** Available page size options for the pagination dropdown\n   * @default [10, 25, 50]\n   */\n  pageSizeOptions?: number[];\n  /** Callback fired when a row is clicked */\n  onRowClick?: (row: TData) => void;\n  /** Configuration for the query builder (filters) */\n  query?: RemoteDataTableQueryBuilderProps;\n};\n\nconst defaultPageSizeOptions = [10, 25, 50];\n\n/**\n * A table component designed for displaying remote/server-side data with built-in\n * pagination, sorting, and filtering capabilities.\n *\n * This component is fully controlled - all state (pagination, sorting, filters) must be\n * managed by the parent component. For convenience, use the `useRemoteDataTable` hook\n * to manage this state.\n *\n * @example\n * ```tsx\n * const tableState = useRemoteDataTable({\n *   initialPagination: { pageSize: 25 }\n * });\n *\n * <RemoteDataTable\n *   data={items}\n *   columns={columns}\n *   {...tableState}\n *   query={{\n *     fields: queryFields,\n *     filters: tableState.filters,\n *     onFiltersChange: tableState.onFiltersChange\n *   }}\n * />\n * ```\n */\nexport function RemoteDataTable<TData>({\n  data,\n  columns,\n  getRowId,\n  pagination,\n  onPaginationChange,\n  sorting,\n  onSortingChange,\n  rowCount,\n  loading = false,\n  emptyMessage = \"No data available\",\n  pageSizeOptions = defaultPageSizeOptions,\n  onRowClick,\n  query,\n}: RemoteDataTableProps<TData>) {\n  const resolvedPageSizeOptions = useMemo(\n    () => (pageSizeOptions.length ? pageSizeOptions : defaultPageSizeOptions),\n    [pageSizeOptions],\n  );\n\n  const resolvedRowCount = rowCount ?? data.length;\n\n  return (\n    <Paper variant=\"outlined\">\n      {query ? <RemoteDataTableQueryBuilder queryBuilder={query} /> : null}\n      <RemoteDataTableBody\n        data={data}\n        columns={columns}\n        loading={loading}\n        emptyMessage={emptyMessage}\n        sorting={sorting}\n        onSortingChange={onSortingChange}\n        onRowClick={onRowClick}\n        getRowId={getRowId}\n      />\n      <RemoteDataTablePagination\n        pagination={pagination}\n        onPaginationChange={onPaginationChange}\n        rowCount={resolvedRowCount}\n        pageSizeOptions={resolvedPageSizeOptions}\n      />\n    </Paper>\n  );\n}\n\nexport default RemoteDataTable;\n"],"names":["defaultPageSizeOptions","RemoteDataTable","data","columns","getRowId","pagination","onPaginationChange","sorting","onSortingChange","rowCount","loading","emptyMessage","pageSizeOptions","onRowClick","query","resolvedPageSizeOptions","useMemo","resolvedRowCount","jsxs","Paper","jsx","RemoteDataTableQueryBuilder","RemoteDataTableBody","RemoteDataTablePagination"],"mappings":";;;;;;AAgEA,MAAMA,IAAyB,CAAC,IAAI,IAAI,EAAE;AA4BnC,SAASC,EAAuB;AAAA,EACrC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkBZ;AAAA,EAClB,YAAAa;AAAA,EACA,OAAAC;AACF,GAAgC;AAC9B,QAAMC,IAA0BC;AAAA,IAC9B,MAAOJ,EAAgB,SAASA,IAAkBZ;AAAA,IAClD,CAACY,CAAe;AAAA,EAAA,GAGZK,IAAmBR,KAAYP,EAAK;AAE1C,SACEgB,gBAAAA,EAAAA,KAACC,GAAA,EAAM,SAAQ,YACZ,UAAA;AAAA,IAAAL,IAAQM,gBAAAA,EAAAA,IAACC,GAAA,EAA4B,cAAcP,EAAA,CAAO,IAAK;AAAA,IAChEM,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAC;AAAA,QACA,SAAAO;AAAA,QACA,cAAAC;AAAA,QACA,SAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAK;AAAA,QACA,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFgB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,YAAAlB;AAAA,QACA,oBAAAC;AAAA,QACA,UAAUW;AAAA,QACV,iBAAiBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}