impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/ui/notification-panel/notification-panel.js

@@ -1,127 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useContext as m, createContext as p } from "react";
-import { Sheet as h, SheetContent as x, SheetDescription as u, SheetTitle as v, SheetClose as N } from "../sheet.js";
-import { Button as b } from "../button.js";
-import { Bell as w, Cross as g } from "impact-nova-icons";
-import { cn as c } from "../../../lib/utils.js";
-import { useImpactNovaI18n as r } from "../../../i18n/ImpactNovaI18nContext.js";
-const d = p(null), I = () => {
-  const t = m(d);
-  if (!t)
-    throw new Error(
-      "useNotificationContext must be used within a NotificationPanel"
-    );
-  return t;
-}, k = ({
-  open: t,
-  onOpenChange: n,
-  children: i,
-  className: l,
-  preventClose: o = !1
-}) => {
-  const { t: f } = r();
-  return /* @__PURE__ */ e(d.Provider, { value: { setPreventClose: () => {
-  } }, children: /* @__PURE__ */ e(h, { open: t, onOpenChange: n, children: /* @__PURE__ */ a(
-    x,
-    {
-      side: "right",
-      className: c(
-        "w-full !max-w-[640px] p-0 sm:!max-w-[640px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-canvas-elevated",
-        l
-      ),
-      onInteractOutside: (s) => {
-        o && s.preventDefault();
-      },
-      onEscapeKeyDown: (s) => {
-        o && s.preventDefault();
-      },
-      children: [
-        /* @__PURE__ */ e(u, { className: "sr-only", children: f("notificationPanel.description") }),
-        i
-      ]
-    }
-  ) }) });
-}, E = ({
-  children: t,
-  className: n
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-component": "notification-panel-content",
-    className: c("flex h-full flex-col bg-canvas-elevated", n),
-    children: t
-  }
-), T = ({
-  title: t,
-  children: n,
-  className: i
-}) => {
-  const { t: l } = r(), o = t ?? l("notificationPanel.title");
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-component": "notification-panel-header",
-      className: c(
-        "flex shrink-0 items-center justify-between border-b px-4 py-[9px] bg-canvas-elevated",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(w, { className: "h-5 w-5 text-content-muted" }) }),
-          typeof o == "string" ? /* @__PURE__ */ e(v, { className: "text-lg font-bold text-content", children: o }) : o
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          n,
-          /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(
-            b,
-            {
-              variant: "secondary",
-              size: "icon",
-              "aria-label": l("aria.close"),
-              "data-component": "notification-panel-close",
-              children: /* @__PURE__ */ e(g, { className: "!h-3 !w-3" })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, z = ({
-  children: t,
-  className: n
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-component": "notification-panel-body",
-    className: c(
-      "flex flex-1 flex-col overflow-hidden bg-canvas",
-      n
-    ),
-    children: t
-  }
-), F = ({
-  children: t,
-  className: n,
-  leftAction: i
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    "data-component": "notification-panel-footer",
-    className: c(
-      "flex items-center justify-between border-t p-4 bg-canvas-elevated shrink-0 mt-auto shadow-md",
-      n
-    ),
-    children: [
-      /* @__PURE__ */ e("div", { children: i }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t })
-    ]
-  }
-);
-export {
-  k as NotificationPanel,
-  z as NotificationPanelBody,
-  E as NotificationPanelContent,
-  F as NotificationPanelFooter,
-  T as NotificationPanelHeader,
-  I as useNotificationContext
-};

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PopoverTitle: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverBody: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PopoverFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverClose, PopoverBody, PopoverFooter, };

package/dist/components/ui/popover.js

@@ -1,96 +0,0 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import * as l from "react";
-import * as a from "@radix-ui/react-popover";
-import { Cross as p } from "impact-nova-icons";
-import { Tooltip as c, TooltipTrigger as m, TooltipContent as v } from "./tooltip.js";
-import { cn as r } from "../../lib/utils.js";
-import { useImpactNovaI18n as f } from "../../i18n/ImpactNovaI18nContext.js";
-const j = a.Root, R = a.Trigger, z = a.Anchor, h = l.forwardRef(({ className: e, align: o = "center", sideOffset: i = 4, ...s }, n) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
-  a.Content,
-  {
-    ref: n,
-    align: o,
-    sideOffset: i,
-    "data-component": "popover-content",
-    className: r(
-      "z-50 min-w-[240px] rounded-xl border bg-canvas-overlay p-3 text-canvas-overlay-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin] pointer-events-auto",
-      e
-    ),
-    ...s
-  }
-) }));
-h.displayName = a.Content.displayName;
-const y = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: r("flex items-center justify-between gap-4 mb-3", e),
-    ...o
-  }
-);
-y.displayName = "PopoverHeader";
-const N = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ t(
-  "h3",
-  {
-    "data-component": "popover-title",
-    className: r(
-      "text-[16px] font-extrabold leading-none text-content",
-      e
-    ),
-    ...o
-  }
-);
-N.displayName = "PopoverTitle";
-const g = l.forwardRef(({ className: e, ...o }, i) => {
-  const { t: s } = f(), n = s("aria.close");
-  return /* @__PURE__ */ d(c, { children: [
-    /* @__PURE__ */ t(m, { asChild: !0, children: /* @__PURE__ */ d(
-      a.Close,
-      {
-        ref: i,
-        "data-component": "popover-close",
-        className: r(
-          "rounded-sm opacity-70 transition-opacity hover:opacity-100 outline-none focus:ring-0 disabled:pointer-events-none",
-          e
-        ),
-        "aria-label": n,
-        ...o,
-        children: [
-          /* @__PURE__ */ t(p, { className: "!h-3 !w-3 text-content-tertiary" }),
-          /* @__PURE__ */ t("span", { className: "sr-only", children: n })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t(v, { variant: "tertiary", side: "top", children: n })
-  ] });
-});
-g.displayName = a.Close.displayName;
-const x = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ t("div", { className: r("text-sm", e), ...o });
-x.displayName = "PopoverBody";
-const u = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ d("div", { className: r("mt-4 flex flex-col gap-3", e), ...o, children: [
-  /* @__PURE__ */ t("div", { className: "h-[1px] w-full bg-stroke-hairline" }),
-  /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: o.children })
-] });
-u.displayName = "PopoverFooter";
-export {
-  j as Popover,
-  z as PopoverAnchor,
-  x as PopoverBody,
-  g as PopoverClose,
-  h as PopoverContent,
-  u as PopoverFooter,
-  y as PopoverHeader,
-  N as PopoverTitle,
-  R as PopoverTrigger
-};

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

@@ -1,7 +0,0 @@
-import * as React from "react";
-export interface PortalProps {
-    children: React.ReactNode;
-    container?: HTMLElement | null;
-}
-declare const Portal: React.FC<PortalProps>;
-export { Portal };

package/dist/components/ui/portal.js

@@ -1,18 +0,0 @@
-import * as e from "react";
-import { createPortal as a } from "react-dom";
-const l = ({
-  children: o,
-  container: r
-}) => {
-  const [n, u] = e.useState(!1);
-  if (e.useEffect(() => {
-    u(!0);
-  }, []), !n)
-    return null;
-  const t = r || (typeof document < "u" ? document.body : null);
-  return t ? a(o, t) : null;
-};
-l.displayName = "Portal";
-export {
-  l as Portal
-};

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
-    variant?: "default" | "success" | "destructive";
-    label?: React.ReactNode | boolean;
-    time?: number | string;
-}
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-export { Progress };

package/dist/components/ui/progress.js

@@ -1,63 +0,0 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import * as l from "react";
-import * as d from "@radix-ui/react-progress";
-import { cn as c } from "../../lib/utils.js";
-const p = l.forwardRef(
-  ({ className: n, value: t, variant: e = "default", label: s, time: r, ...i }, m) => {
-    const u = l.useMemo(() => {
-      if (s === !1 || s === null) return null;
-      if (s && typeof s != "boolean") return s;
-      if (e === "success") return "Completed";
-      if (e === "destructive") return "Failed";
-      const f = `${Math.round(t || 0)}%`;
-      return r ? `${f} • ${r} seconds remaining` : f;
-    }, [s, e, t, r]);
-    return /* @__PURE__ */ a("div", { className: "w-full", "data-component": "progress", "data-variant": e, children: [
-      u && /* @__PURE__ */ o(
-        "div",
-        {
-          "data-component": "progress-label",
-          className: c(
-            "text-[12px] font-medium mb-1",
-            e === "default" && "text-content-tertiary",
-            e === "success" && "text-success",
-            e === "destructive" && "text-destructive"
-          ),
-          children: u
-        }
-      ),
-      /* @__PURE__ */ o(
-        d.Root,
-        {
-          ref: m,
-          className: c(
-            "relative h-2 w-full overflow-hidden rounded-full",
-            e === "default" && "bg-brand/10",
-            e === "success" && "bg-feedback-success-surface",
-            e === "destructive" && "bg-feedback-error-surface",
-            n
-          ),
-          value: t,
-          ...i,
-          children: /* @__PURE__ */ o(
-            d.Indicator,
-            {
-              "data-component": "progress-indicator",
-              className: c(
-                "h-full w-full flex-1 transition-all",
-                e === "default" && "bg-brand",
-                e === "success" && "bg-success",
-                e === "destructive" && "bg-destructive"
-              ),
-              style: { transform: `translateX(-${100 - (t || 0)}%)` }
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-p.displayName = d.Root.displayName;
-export {
-  p as Progress
-};

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

@@ -1,27 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { ButtonProps } from './button';
-import { Dialog } from './dialog';
-import * as React from "react";
-declare const promptVariants: (props?: {
-    variant?: "default" | "destructive" | "info" | "warning" | "success";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface PromptProps extends Omit<React.ComponentPropsWithoutRef<typeof Dialog>, "open" | "onOpenChange">, VariantProps<typeof promptVariants> {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    title: string;
-    description?: string;
-    confirmLabel?: React.ReactNode;
-    cancelLabel?: React.ReactNode;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    confirmVariant?: ButtonProps["variant"];
-    cancelVariant?: ButtonProps["variant"];
-    showClose?: boolean;
-    preventOutsideClick?: boolean;
-    footer?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare const PromptClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-declare const Prompt: React.ForwardRefExoticComponent<PromptProps & React.RefAttributes<HTMLDivElement>>;
-export { Prompt, promptVariants, PromptClose };

package/dist/components/ui/prompt.js

@@ -1,165 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import * as p from "react";
-import { cva as R } from "class-variance-authority";
-import { Cross as V } from "impact-nova-icons";
-import { Info3d as B, Success3d as F, Warning3d as H, Delete3d as S } from "./local-raster-icons/rasterIcons.js";
-import { cn as r } from "../../lib/utils.js";
-import { Tooltip as W, TooltipTrigger as q, TooltipContent as A } from "./tooltip.js";
-import { Button as f } from "./button.js";
-import { Dialog as E, DialogContent as G, DialogHeader as J, DialogTitle as K, DialogDescription as M, DialogFooter as Q } from "./dialog.js";
-import { useImpactNovaI18n as u } from "../../i18n/ImpactNovaI18nContext.js";
-const oe = R("", {
-  variants: {
-    variant: {
-      default: "",
-      destructive: "",
-      warning: "",
-      info: "",
-      success: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), U = p.forwardRef(({ className: n, ...o }, i) => {
-  const { t: a } = u();
-  return /* @__PURE__ */ c(W, { children: [
-    /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ e(
-      "button",
-      {
-        ref: i,
-        className: r("text-content-tertiary hover:text-content transition-colors", n),
-        type: "button",
-        "aria-label": a("aria.close"),
-        ...o,
-        children: /* @__PURE__ */ e(V, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ e(A, { side: "top", variant: "tertiary", children: a("aria.close") })
-  ] });
-});
-U.displayName = "PromptClose";
-const X = p.forwardRef(
-  ({
-    open: n,
-    onOpenChange: o,
-    title: i,
-    description: a,
-    confirmLabel: x,
-    cancelLabel: b,
-    onConfirm: g,
-    onCancel: h,
-    confirmVariant: v,
-    cancelVariant: N = "secondary",
-    variant: t = "default",
-    showClose: w = !0,
-    preventOutsideClick: y = !1,
-    footer: l,
-    children: d,
-    className: C,
-    ...D
-  }, j) => {
-    const { t: m } = u(), z = b ?? m("prompt.cancel"), P = x ?? m("prompt.confirm"), T = () => {
-      g?.(), o?.(!1);
-    }, k = () => {
-      h?.(), o?.(!1);
-    }, s = t !== "default", I = v || (t === "destructive" ? "destructive" : "default");
-    return /* @__PURE__ */ e(E, { open: n, onOpenChange: o, ...D, children: /* @__PURE__ */ c(
-      G,
-      {
-        ref: j,
-        "aria-describedby": void 0,
-        hideClose: !w,
-        onPointerDownOutside: (L) => {
-          y && L.preventDefault();
-        },
-        className: r(
-          "max-w-[400px] gap-0",
-          s && "flex flex-col items-center p-6 pt-6 text-center",
-          C
-        ),
-        "data-component": "prompt",
-        "data-variant": t,
-        children: [
-          s && /* @__PURE__ */ c(
-            "div",
-            {
-              className: r(
-                "flex h-12 w-12 items-center justify-center rounded-xl",
-                t === "info" && "bg-brand-tint text-brand",
-                t === "success" && "bg-feedback-success-surface text-success",
-                t === "warning" && "bg-feedback-warning-surface text-content",
-                t === "destructive" && "bg-prompt-error-bg text-destructive"
-              ),
-              children: [
-                t === "info" && /* @__PURE__ */ e(B, { size: 24 }),
-                t === "success" && /* @__PURE__ */ e(F, { size: 24 }),
-                t === "warning" && /* @__PURE__ */ e(H, { size: 24 }),
-                t === "destructive" && /* @__PURE__ */ e(S, { size: 24 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ c(
-            J,
-            {
-              className: r(s && "space-y-2 items-center bg-canvas-elevated border-none"),
-              children: [
-                /* @__PURE__ */ e(
-                  K,
-                  {
-                    className: r(
-                      s && "text-[18px] font-extrabold text-content"
-                    ),
-                    children: i
-                  }
-                ),
-                a && /* @__PURE__ */ e(
-                  M,
-                  {
-                    className: r(s && "text-sm text-content-tertiary"),
-                    children: a
-                  }
-                )
-              ]
-            }
-          ),
-          d && /* @__PURE__ */ e("div", { className: r("w-full py-2", s && "text-center"), children: d }),
-          l ? /* @__PURE__ */ e("div", { className: "w-full", children: l }) : /* @__PURE__ */ c(
-            Q,
-            {
-              className: r(
-                s && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  f,
-                  {
-                    variant: N,
-                    onClick: k,
-                    className: r(s && "h-10 px-6"),
-                    children: z
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  f,
-                  {
-                    variant: I,
-                    onClick: T,
-                    className: r(s && "h-10 px-6"),
-                    children: P
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-X.displayName = "Prompt";
-export {
-  X as Prompt,
-  U as PromptClose,
-  oe as promptVariants
-};

package/dist/components/ui/radio-group.d.ts

@@ -1,14 +0,0 @@
-import { HelperTextPosition } from './types/helper-text.types';
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
-    label?: string;
-    helperText?: React.ReactNode;
-    /** @default "absolute" */
-    helperTextPosition?: HelperTextPosition;
-    isError?: boolean;
-    orientation?: "horizontal" | "vertical";
-}
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };