impact-nova 0.1.0

package/dist/components/ui/card.js

@@ -0,0 +1,61 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as t } from "../../lib/utils.js";
+const s = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: t(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      a
+    ),
+    ...e
+  }
+));
+s.displayName = "Card";
+const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: t("flex flex-col space-y-1.5 p-6", a),
+    ...e
+  }
+));
+i.displayName = "CardHeader";
+const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: t("font-semibold leading-none tracking-tight", a),
+    ...e
+  }
+));
+c.displayName = "CardTitle";
+const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: t("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+m.displayName = "CardDescription";
+const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
+n.displayName = "CardContent";
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: t("flex items-center p-6 pt-0", a),
+    ...e
+  }
+));
+f.displayName = "CardFooter";
+export {
+  s as Card,
+  n as CardContent,
+  m as CardDescription,
+  f as CardFooter,
+  i as CardHeader,
+  c as CardTitle
+};

package/dist/components/ui/chart/chart.d.ts

@@ -0,0 +1,29 @@
+import { default as HighchartsReact } from 'highcharts-react-official';
+import { ChartProps } from '../types/chart.types';
+import * as React from 'react';
+declare global {
+    interface Document {
+        webkitFullscreenElement?: Element;
+        webkitExitFullscreen?: () => Promise<void>;
+        msFullscreenElement?: Element;
+        msExitFullscreen?: () => Promise<void>;
+    }
+    interface HTMLElement {
+        webkitRequestFullscreen?: () => Promise<void>;
+        msRequestFullscreen?: () => Promise<void>;
+    }
+}
+interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    isLoading?: boolean;
+}
+declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ChartHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ChartActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartFullScreen: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+interface ChartContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    loader?: React.ReactNode;
+}
+declare const ChartContent: React.ForwardRefExoticComponent<ChartContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Chart: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HighchartsReact.RefObject>>;
+export { Chart, ChartContainer, ChartHeader, ChartTitle, ChartActions, ChartFullScreen, ChartContent };

package/dist/components/ui/chart/chart.js

@@ -0,0 +1,203 @@
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import * as n from "react";
+import * as l from "highcharts";
+import H from "highcharts-react-official";
+import { cn as g } from "../../../lib/utils.js";
+import { Skeleton as k } from "../skeleton.js";
+import { Minimize2 as A, Maximize2 as T } from "lucide-react";
+import { Button as j } from "../button.js";
+import B from "highcharts/highcharts-more";
+import M from "highcharts/highcharts-3d";
+import I from "highcharts/modules/heatmap";
+import P from "highcharts/modules/treemap";
+import D from "highcharts/modules/venn";
+import V from "highcharts/modules/stock";
+import O from "highcharts/modules/accessibility";
+import G from "highcharts/modules/exporting";
+import J from "highcharts/modules/dumbbell";
+import K from "highcharts/modules/lollipop";
+import Q from "highcharts-border-radius";
+import { getBaseChartOptions as U } from "./chart.utils.js";
+const c = (e, r) => {
+  typeof e == "function" ? e(r) : typeof e == "object" && e.default && typeof e.default == "function" && e.default(r);
+};
+typeof l == "object" && (c(B, l), c(M, l), c(I, l), c(P, l), c(D, l), c(O, l), c(G, l), c(J, l), c(K, l), c(V, l), c(Q, l));
+const b = n.createContext(null), L = () => {
+  const e = n.useContext(b);
+  if (!e)
+    throw new Error("Chart components must be used within a ChartContainer");
+  return e;
+}, z = n.forwardRef(
+  ({ className: e, children: r, isLoading: i = !1, ...o }, m) => {
+    const a = n.useRef(null), h = n.useRef(null), [u, f] = n.useState(!1), [x, p] = n.useState(!1);
+    n.useImperativeHandle(m, () => a.current);
+    const w = () => {
+      const t = a.current;
+      t && (p(!0), t.classList.add("fullscreen-animating"), setTimeout(() => {
+        t.requestFullscreen ? t.requestFullscreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), f(!0), t.classList.remove("fullscreen-animating");
+      }, 200));
+    }, C = () => {
+      const t = a.current;
+      t && (p(!0), t.classList.add("fullscreen-animating-out"), setTimeout(() => {
+        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), f(!1), t.classList.remove("fullscreen-animating-out");
+      }, 200));
+    }, q = () => {
+      u ? C() : w();
+    };
+    return n.useEffect(() => {
+      const t = () => {
+        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || f(!1);
+      };
+      return document.addEventListener("fullscreenchange", t), document.addEventListener("webkitfullscreenchange", t), () => {
+        document.removeEventListener("fullscreenchange", t), document.removeEventListener(
+          "webkitfullscreenchange",
+          t
+        );
+      };
+    }, []), n.useEffect(() => {
+      if (!h?.current?.chart) return;
+      const t = h.current.chart;
+      let d = null;
+      const E = () => {
+        u && a.current ? (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+          const F = a.current;
+          if (!F) return;
+          const R = F.getBoundingClientRect(), N = F.querySelector('[class*="ChartContent"]');
+          if (N) {
+            const y = N.getBoundingClientRect();
+            t.setSize(y.width, y.height, !1);
+          } else
+            t.setSize(R.width, R.height, !1);
+          d = null;
+        })) : (t.setSize(null, null, !1), t.reflow());
+      };
+      return window.addEventListener("resize", E), () => {
+        d && cancelAnimationFrame(d), window.removeEventListener("resize", E);
+      };
+    }, [u]), /* @__PURE__ */ s(
+      b.Provider,
+      {
+        value: {
+          isExpanded: u,
+          toggleFullscreen: q,
+          isLoading: i,
+          containerRef: a,
+          chartComponentRef: h
+        },
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: a,
+            className: g(
+              e,
+              "w-full relative bg-card transition-all duration-200 ease-in-out",
+              u && "fixed inset-0 z-50 h-screen w-screen p-4 bg-background flex flex-col",
+              x && "overflow-hidden"
+            ),
+            ...o,
+            children: r
+          }
+        )
+      }
+    );
+  }
+);
+z.displayName = "ChartContainer";
+const W = n.forwardRef(
+  ({ className: e, children: r, ...i }, o) => /* @__PURE__ */ s("div", { ref: o, className: g("flex items-center justify-between mb-4", e), ...i, children: r })
+);
+W.displayName = "ChartHeader";
+const X = n.forwardRef(
+  ({ className: e, ...r }, i) => /* @__PURE__ */ s("h3", { ref: i, className: g("text-lg font-semibold leading-none tracking-tight", e), ...r })
+);
+X.displayName = "ChartTitle";
+const Y = n.forwardRef(
+  ({ className: e, ...r }, i) => /* @__PURE__ */ s("div", { ref: i, className: g("flex items-center gap-2", e), ...r })
+);
+Y.displayName = "ChartActions";
+const Z = n.forwardRef(
+  ({ className: e, ...r }, i) => {
+    const { toggleFullscreen: o, isExpanded: m } = L();
+    return /* @__PURE__ */ v(
+      j,
+      {
+        variant: "ghost",
+        size: "icon",
+        onClick: o,
+        ref: i,
+        className: g("h-8 w-8", e),
+        "aria-label": "Toggle Fullscreen",
+        ...r,
+        children: [
+          m ? /* @__PURE__ */ s(A, { className: "h-4 w-4" }) : /* @__PURE__ */ s(T, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: "Toggle Fullscreen" })
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "ChartFullScreen";
+const S = n.forwardRef(
+  ({ className: e, children: r, loader: i, ...o }, m) => {
+    const { isLoading: a, chartComponentRef: h, isExpanded: u } = L();
+    return a && i ? /* @__PURE__ */ s("div", { ref: m, className: g(e, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: i }) : /* @__PURE__ */ v("div", { ref: m, className: g(e, "w-full relative flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: [
+      a && /* @__PURE__ */ v("div", { className: "absolute inset-0 z-10 bg-background/50 flex flex-col gap-2 p-4", children: [
+        /* @__PURE__ */ s(k, { className: "h-8 w-1/3" }),
+        /* @__PURE__ */ s(k, { className: "flex-1 w-full" })
+      ] }),
+      n.Children.map(r, (f) => n.isValidElement(f) ? n.cloneElement(f, { ref: h }) : f)
+    ] });
+  }
+);
+S.displayName = "ChartContent";
+const _ = n.forwardRef(
+  (e, r) => {
+    const {
+      height: i,
+      width: o,
+      className: m,
+      isLoading: a,
+      loader: h,
+      title: u,
+      children: f,
+      ...x
+    } = e, p = n.useContext(b), w = n.useMemo(() => {
+      const C = U({ title: u, ...x });
+      return {
+        ...C,
+        chart: {
+          ...C.chart,
+          height: i ?? null,
+          width: o ?? null
+        }
+      };
+    }, [e]);
+    return p ? /* @__PURE__ */ s(
+      H,
+      {
+        highcharts: l,
+        options: w,
+        ref: r,
+        containerProps: { style: { height: "100%", width: "100%" } }
+      }
+    ) : /* @__PURE__ */ s(z, { className: m, isLoading: a, children: /* @__PURE__ */ s(S, { loader: h, children: /* @__PURE__ */ s(
+      H,
+      {
+        highcharts: l,
+        options: w,
+        ref: r,
+        containerProps: { style: { height: "100%", width: "100%" } }
+      }
+    ) }) });
+  }
+);
+_.displayName = "Chart";
+export {
+  _ as Chart,
+  Y as ChartActions,
+  z as ChartContainer,
+  S as ChartContent,
+  Z as ChartFullScreen,
+  W as ChartHeader,
+  X as ChartTitle
+};

package/dist/components/ui/chart/chart.utils.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from '../types/chart.types';
+import type * as Highcharts from 'highcharts';
+export declare const getBaseChartOptions: (props: ChartProps) => Highcharts.Options;

package/dist/components/ui/chart/chart.utils.js

@@ -0,0 +1,192 @@
+const y = (r) => {
+  const {
+    type: s = "column",
+    title: l,
+    subtitle: n,
+    xAxisCategories: a,
+    xAxisTitle: t,
+    yAxisTitle: p,
+    series: d,
+    options: o,
+    stacked: i,
+    is3D: f,
+    showLegend: x = !0,
+    showTooltip: h = !0
+  } = r, e = {
+    chart: {
+      type: s,
+      backgroundColor: "transparent",
+      style: {
+        fontFamily: "Manrope, sans-serif"
+      },
+      options3d: f ? {
+        enabled: !0,
+        alpha: 15,
+        beta: 15,
+        depth: 50,
+        viewDistance: 25
+      } : void 0
+    },
+    title: {
+      text: l ?? "",
+      align: "left",
+      style: {
+        fontSize: "18px",
+        fontWeight: "600",
+        color: "hsl(var(--foreground))"
+      }
+    },
+    subtitle: {
+      text: n,
+      align: "left"
+    },
+    credits: {
+      enabled: !1
+    },
+    exporting: {
+      enabled: !1
+    },
+    xAxis: {
+      categories: a,
+      title: t ? {
+        text: t,
+        style: {
+          color: "#60697d",
+          fontFamily: '"Manrope", sans-serif',
+          fontSize: "14px",
+          fontStyle: "normal",
+          fontWeight: "500",
+          lineHeight: "20px"
+        }
+      } : void 0,
+      gridLineWidth: 0,
+      lineColor: "hsl(var(--border))",
+      tickColor: "hsl(var(--border))",
+      labels: {
+        style: {
+          color: "#60697d",
+          fontFamily: '"Manrope", sans-serif',
+          fontSize: "12px",
+          fontWeight: "500"
+        }
+      }
+    },
+    yAxis: {
+      title: {
+        text: p,
+        margin: 30,
+        style: {
+          color: "#60697d",
+          fontFamily: '"Manrope", sans-serif',
+          fontSize: "14px",
+          fontStyle: "normal",
+          fontWeight: "500",
+          lineHeight: "20px"
+        }
+      },
+      lineWidth: 1,
+      lineColor: "hsl(var(--border))",
+      gridLineColor: "hsl(var(--border))",
+      gridLineDashStyle: "Dash",
+      labels: {
+        style: {
+          color: "#60697d",
+          fontFamily: '"Manrope", sans-serif',
+          fontSize: "12px",
+          fontWeight: "500"
+        }
+      }
+    },
+    legend: {
+      enabled: x,
+      symbolRadius: 2,
+      itemStyle: {
+        color: "#60697d",
+        fontWeight: "500",
+        fontSize: "12px"
+      },
+      itemHoverStyle: {
+        color: "hsl(var(--primary))"
+      }
+    },
+    tooltip: {
+      enabled: h,
+      backgroundColor: "hsl(var(--popover))",
+      borderColor: "hsl(var(--border))",
+      borderRadius: 8,
+      style: {
+        color: "hsl(var(--popover-foreground))"
+      },
+      shadow: !0
+    },
+    plotOptions: {
+      column: {
+        borderRadius: 4,
+        stacking: i ? "normal" : void 0,
+        borderWidth: 0
+      },
+      bar: {
+        borderRadius: 4,
+        stacking: i ? "normal" : void 0,
+        borderWidth: 1,
+        borderColor: "#ffffff"
+      },
+      pie: {
+        allowPointSelect: !0,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: !0
+        },
+        showInLegend: !0
+      },
+      series: {
+        animation: {
+          duration: 1e3
+        }
+      }
+    },
+    series: d
+  };
+  return {
+    ...e,
+    ...o,
+    chart: {
+      ...e.chart,
+      ...o?.chart
+    },
+    xAxis: {
+      ...e.xAxis,
+      ...Array.isArray(o?.xAxis) ? {} : o?.xAxis
+    },
+    yAxis: Array.isArray(o?.yAxis) ? o?.yAxis.map((b) => ({
+      ...e.yAxis,
+      ...b
+    })) : {
+      ...e.yAxis,
+      ...o?.yAxis
+    },
+    plotOptions: {
+      ...e.plotOptions,
+      ...o?.plotOptions,
+      column: {
+        ...e.plotOptions?.column,
+        ...o?.plotOptions?.column
+      },
+      bar: {
+        ...e.plotOptions?.bar,
+        ...o?.plotOptions?.bar
+      },
+      pie: {
+        ...e.plotOptions?.pie,
+        ...o?.plotOptions?.pie
+      },
+      series: {
+        ...e.plotOptions?.series,
+        ...o?.plotOptions?.series
+      }
+    }
+  };
+};
+export {
+  y as getBaseChartOptions
+};

package/dist/components/ui/chart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chart';
+export * from '../types/chart.types';
+export * from './chart.utils';

package/dist/components/ui/chart/index.js

@@ -0,0 +1,12 @@
+import { Chart as a, ChartActions as e, ChartContainer as C, ChartContent as h, ChartFullScreen as o, ChartHeader as n, ChartTitle as i } from "./chart.js";
+import { getBaseChartOptions as p } from "./chart.utils.js";
+export {
+  a as Chart,
+  e as ChartActions,
+  C as ChartContainer,
+  h as ChartContent,
+  o as ChartFullScreen,
+  n as ChartHeader,
+  i as ChartTitle,
+  p as getBaseChartOptions
+};

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    label?: string;
+    helperText?: React.ReactNode;
+    isError?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/ui/checkbox.js

@@ -0,0 +1,54 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import * as o from "@radix-ui/react-checkbox";
+import { Check as b, Minus as u } from "lucide-react";
+import { cn as a } from "../../lib/utils.js";
+const h = l.forwardRef(({ className: n, label: r, helperText: d, isError: i, disabled: s, ...c }, m) => /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(
+    o.Root,
+    {
+      ref: m,
+      className: a(
+        "peer h-4 w-4 shrink-0 rounded-[4px] border border-tertiary-border bg-white ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:text-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-accent data-[state=indeterminate]:text-primary mr-[7px]",
+        i && "border-destructive focus-visible:ring-destructive",
+        s && "border-border text-disabled-text data-[state=checked]:bg-disabled-secondary-bg data-[state=checked]:text-disabled-text",
+        n
+      ),
+      disabled: s,
+      ...c,
+      children: /* @__PURE__ */ t(
+        o.Indicator,
+        {
+          className: a("flex items-center justify-center text-current group"),
+          children: [
+            /* @__PURE__ */ e(b, { className: "h-3 w-3 hidden group-data-[state=checked]:block", strokeWidth: 3 }),
+            /* @__PURE__ */ e(u, { className: "h-3 w-3 hidden group-data-[state=indeterminate]:block", strokeWidth: 3 })
+          ]
+        }
+      )
+    }
+  ),
+  (r || d) && /* @__PURE__ */ t("div", { className: "grid gap-1.5 leading-none", children: [
+    r && /* @__PURE__ */ t(
+      "label",
+      {
+        htmlFor: c.id,
+        className: a(
+          "text-sm font-medium leading-[20px] text-secondary-foreground peer-data-[state=checked]:text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          i && "text-destructive",
+          s && "text-disabled-text"
+        ),
+        children: [
+          r,
+          " ",
+          c.required && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ e("p", { className: a("text-sm text-muted-foreground", i && "text-destructive"), children: d })
+  ] })
+] }));
+h.displayName = o.Root.displayName;
+export {
+  h as Checkbox
+};

package/dist/components/ui/chips.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const chipVariants: (props?: {
+    variant?: "default" | "secondary" | "tertiary" | "destructive" | "outline";
+    size?: "sm" | "md" | "lg";
+    shape?: "rounded" | "pill";
+} & import('class-variance-authority/types').ClassProp) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
+    onRemove?: () => void;
+    removable?: boolean;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export { Chip, chipVariants };

package/dist/components/ui/chips.js

@@ -0,0 +1,60 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import * as p from "react";
+import { cva as f } from "class-variance-authority";
+import { Cross as l } from "../../icons/index.js";
+import { cn as m } from "../../lib/utils.js";
+const g = f(
+  "inline-flex items-center gap-1.5 px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground",
+        secondary: "bg-secondary text-secondary-foreground",
+        tertiary: "border border-tertiary-border bg-background text-[#60697d] hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground",
+        outline: "border border-input bg-background",
+        destructive: "bg-destructive text-destructive-foreground"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      },
+      shape: {
+        pill: "rounded-full",
+        rounded: "rounded-[12px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "pill"
+    }
+  }
+), x = p.forwardRef(
+  ({ className: e, variant: o, size: t, shape: n, onRemove: i, removable: s, children: a, ...d }, u) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: u,
+      className: m(g({ variant: o, size: t, shape: n }), e),
+      ...d,
+      children: [
+        a,
+        s && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: i,
+            className: "ml-1 p-1 rounded-full hover:bg-black/20 focus:outline-none focus:ring-2 focus:ring-ring",
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ r(l, { size: 8 })
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "Chip";
+export {
+  x as Chip,
+  g as chipVariants
+};

package/dist/components/ui/data-table/data-table-column-list.d.ts

@@ -0,0 +1,6 @@
+interface DataTableColumnListProps {
+    enableApplyDiscard?: boolean;
+    enableLazyHierarchy?: boolean;
+}
+export declare const DataTableColumnList: ({ enableApplyDiscard, enableLazyHierarchy }: DataTableColumnListProps) => import("react/jsx-runtime").JSX.Element;
+export {};