impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/ui/header.js

@@ -1,156 +0,0 @@
-import { jsx as o, jsxs as d, Fragment as m } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as i } from "../../lib/utils.js";
-import { Button as f } from "./button.js";
-import { Badge as p } from "./badge.js";
-import { Separator as x } from "./separator.js";
-import { Alan as N, Bell as u } from "impact-nova-icons";
-/* empty css            */
-import { useImpactNovaI18n as g } from "../../i18n/ImpactNovaI18nContext.js";
-const h = n.forwardRef(
-  ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
-    "header",
-    {
-      ref: r,
-      className: i(
-        "sticky top-0 z-40 flex h-14 w-full items-center justify-between bg-canvas-elevated px-6 shadow-elevation-header",
-        t
-      ),
-      ...a,
-      children: e
-    }
-  )
-);
-h.displayName = "Header";
-const y = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: i("flex flex-row items-center justify-start", t),
-    ...a,
-    children: e
-  }
-));
-y.displayName = "HeaderLeft";
-const v = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: i("flex flex-row items-center justify-start gap-5", t),
-    ...a,
-    children: e
-  }
-));
-v.displayName = "HeaderRight";
-const w = n.forwardRef(({ className: t, children: e, href: a = "/", ...r }, s) => /* @__PURE__ */ o(
-  "a",
-  {
-    href: a,
-    ref: s,
-    className: i(
-      "h-9 flex items-center justify-center cursor-pointer",
-      t
-    ),
-    ...r,
-    children: e
-  }
-));
-w.displayName = "HeaderLogo";
-const H = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  x,
-  {
-    ref: a,
-    orientation: "vertical",
-    className: i("h-6 mx-3", t),
-    ...e
-  }
-));
-H.displayName = "HeaderSeparator";
-const b = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
-  "h1",
-  {
-    ref: r,
-    className: i("text-base font-extrabold leading-6 text-content", t),
-    ...a,
-    children: e
-  }
-)), R = ({ className: t, children: e, style: a, ...r }) => /* @__PURE__ */ o(
-  p,
-  {
-    size: "sm",
-    shape: "circle",
-    className: i(t),
-    style: {
-      background: "linear-gradient(270deg, #BE77EE 0%, #4259EE 100%)",
-      border: "none",
-      color: "#FFF",
-      ...a
-    },
-    ...r,
-    children: e
-  }
-);
-R.displayName = "HeaderBadge";
-b.displayName = "HeaderTitle";
-const S = n.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
-  "button",
-  {
-    ref: r,
-    type: "button",
-    className: i(
-      "impact-header-bot-container relative flex items-center justify-center w-[106px] h-[34px] gap-[7px] px-[11px] py-0 rounded-lg cursor-pointer border-0 outline-none",
-      t
-    ),
-    ...a,
-    children: e || /* @__PURE__ */ d(m, { children: [
-      /* @__PURE__ */ o(N, { size: 20, className: "text-brand-foreground" }),
-      /* @__PURE__ */ o("span", { className: "text-sm font-semibold leading-[20px] text-brand-foreground whitespace-nowrap", children: "Ask Alan" })
-    ] })
-  }
-)), B = n.forwardRef(
-  ({
-    className: t,
-    showIndicator: e,
-    tooltipSide: a = "top",
-    tooltipKeybinding: r,
-    ...s
-  }, c) => {
-    const { t: l } = g();
-    return /* @__PURE__ */ d(
-      f,
-      {
-        variant: "ghost",
-        size: "icon",
-        ref: c,
-        "aria-label": l("notificationPanel.title"),
-        tooltipSide: a,
-        tooltipKeybinding: r,
-        "data-indicator": e ? "" : void 0,
-        className: i(
-          "relative text-content-header-notification [&_svg]:size-6 hover:text-content",
-          t
-        ),
-        ...s,
-        children: [
-          /* @__PURE__ */ o(u, { size: 24 }),
-          e && /* @__PURE__ */ d("div", { className: "notification-indicator", children: [
-            /* @__PURE__ */ o("div", { className: "notification-pulse" }),
-            /* @__PURE__ */ o("div", { className: "notification-dot" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-B.displayName = "NotificationIconButton";
-export {
-  h as Header,
-  R as HeaderBadge,
-  S as HeaderBotButton,
-  y as HeaderLeft,
-  w as HeaderLogo,
-  v as HeaderRight,
-  H as HeaderSeparator,
-  b as HeaderTitle,
-  B as NotificationIconButton
-};

package/dist/components/ui/horizontal-scroller/horizontal-scroller.d.ts

@@ -1,4 +0,0 @@
-import { HorizontalScrollerProps } from '../types/horizontal-scroller.types';
-import * as React from "react";
-declare const HorizontalScroller: React.ForwardRefExoticComponent<HorizontalScrollerProps<any> & React.RefAttributes<HTMLDivElement>>;
-export default HorizontalScroller;

package/dist/components/ui/horizontal-scroller/horizontal-scroller.js

@@ -1,185 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as o from "react";
-import { ChevronRight as j } from "impact-nova-icons";
-import { useVirtualizer as I } from "@tanstack/react-virtual";
-import { cn as h } from "../../../lib/utils.js";
-import { Button as O } from "../button.js";
-import { useImpactNovaI18n as T } from "../../../i18n/ImpactNovaI18nContext.js";
-const $ = o.forwardRef(
-  ({
-    className: N,
-    items: d,
-    renderItem: C,
-    scrollStep: p = 200,
-    hideScrollbar: u = !0,
-    controlsPosition: v = "right",
-    renderPrevious: x,
-    renderNext: g,
-    maxWidth: R = "100%",
-    estimateSize: m = 200,
-    overscan: L = 5,
-    ...B
-  }, E) => {
-    const { t: b } = T(), r = o.useRef(null), [n, H] = o.useState(!1), [s, V] = o.useState(!1);
-    o.useImperativeHandle(E, () => r.current);
-    const c = I({
-      count: d.length,
-      getScrollElement: () => r.current,
-      estimateSize: typeof m == "function" ? m : () => m,
-      horizontal: !0,
-      overscan: L
-    }), W = c.getTotalSize(), f = o.useCallback(() => {
-      const e = r.current;
-      e && (H(e.scrollLeft > 0), V(
-        Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth
-      ));
-    }, []);
-    o.useEffect(() => {
-      const e = r.current;
-      if (!e) return;
-      f();
-      const l = () => f();
-      e.addEventListener("scroll", l);
-      const i = new ResizeObserver(() => {
-        f();
-      });
-      return i.observe(e), () => {
-        e.removeEventListener("scroll", l), i.disconnect();
-      };
-    }, [f, d, W]);
-    const w = () => {
-      r.current?.scrollBy({ left: -p, behavior: "smooth" });
-    }, z = () => {
-      r.current?.scrollBy({ left: p, behavior: "smooth" });
-    }, y = ({
-      direction: e,
-      onClick: l,
-      disabled: i
-    }) => {
-      if (i) return null;
-      const k = b(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
-      return /* @__PURE__ */ a(
-        O,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: h(
-            "h-8 w-8 rounded-md bg-canvas-muted text-content-tertiary hover:bg-brand-tint hover:text-brand"
-          ),
-          onClick: l,
-          disabled: i,
-          "aria-label": k,
-          "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
-          children: [
-            /* @__PURE__ */ t(
-              j,
-              {
-                className: h("h-4 w-4", e === "left" && "rotate-180")
-              }
-            ),
-            /* @__PURE__ */ t("span", { className: "sr-only", children: k })
-          ]
-        }
-      );
-    }, S = (() => {
-      const e = x ? x({ onClick: w, disabled: !n }) : /* @__PURE__ */ t(
-        y,
-        {
-          direction: "left",
-          onClick: w,
-          disabled: !n
-        }
-      ), l = g ? g({ onClick: z, disabled: !s }) : /* @__PURE__ */ t(
-        y,
-        {
-          direction: "right",
-          onClick: z,
-          disabled: !s
-        }
-      );
-      return v === "split" ? {
-        left: n ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: e }) : null,
-        right: s ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: l }) : null
-      } : v === "left" ? {
-        left: n || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
-          e,
-          l
-        ] }) : null,
-        right: null
-      } : {
-        left: null,
-        right: n || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
-          e,
-          l
-        ] }) : null
-      };
-    })();
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        className: h(
-          "flex items-center gap-2 min-w-0 w-full bg-transparent",
-          N
-        ),
-        style: { maxWidth: R },
-        "data-component": "horizontal-scroller",
-        ...B,
-        children: [
-          S.left,
-          /* @__PURE__ */ t(
-            "div",
-            {
-              ref: r,
-              className: h(
-                "flex flex-1 min-w-0 overflow-x-auto overflow-y-hidden whitespace-nowrap",
-                u && "scrollbar-hide",
-                "scroll-smooth"
-              ),
-              style: {
-                scrollbarWidth: u ? "none" : "auto",
-                msOverflowStyle: u ? "none" : "auto"
-              },
-              "data-component": "horizontal-scroller-viewport",
-              children: /* @__PURE__ */ a(
-                "div",
-                {
-                  style: {
-                    width: `${c.getTotalSize()}px`,
-                    display: "flex",
-                    position: "relative"
-                  },
-                  children: [
-                    /* @__PURE__ */ t(
-                      "div",
-                      {
-                        style: {
-                          width: `${c.getVirtualItems()[0]?.start ?? 0}px`,
-                          flexShrink: 0
-                        }
-                      }
-                    ),
-                    c.getVirtualItems().map((e) => /* @__PURE__ */ t(
-                      "div",
-                      {
-                        ref: c.measureElement,
-                        "data-index": e.index,
-                        className: "flex-shrink-0",
-                        children: C(d[e.index], e.index)
-                      },
-                      e.key
-                    ))
-                  ]
-                }
-              )
-            }
-          ),
-          S.right
-        ]
-      }
-    );
-  }
-);
-$.displayName = "HorizontalScroller";
-export {
-  $ as default
-};

package/dist/components/ui/horizontal-scroller/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './horizontal-scroller';
-export { default as HorizontalScroller } from './horizontal-scroller';
-export * from '../types/horizontal-scroller.types';

package/dist/components/ui/horizontal-scroller/index.js

@@ -1,5 +0,0 @@
-import { default as r, default as a } from "./horizontal-scroller.js";
-export {
-  r as HorizontalScroller,
-  a as default
-};

package/dist/components/ui/hover-card.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/hover-card.js

@@ -1,24 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as i from "react";
-import * as t from "@radix-ui/react-hover-card";
-import { cn as s } from "../../lib/utils.js";
-const l = t.Root, p = t.Trigger, m = i.forwardRef(({ className: o, align: a = "center", sideOffset: e = 4, ...r }, d) => /* @__PURE__ */ n(
-  t.Content,
-  {
-    ref: d,
-    align: a,
-    sideOffset: e,
-    "data-component": "hover-card-content",
-    className: s(
-      "z-50 w-64 rounded-md border bg-canvas-overlay p-4 text-canvas-overlay-foreground shadow-md outline-none 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-hover-card-content-transform-origin]",
-      o
-    ),
-    ...r
-  }
-));
-m.displayName = t.Content.displayName;
-export {
-  l as HoverCard,
-  m as HoverCardContent,
-  p as HoverCardTrigger
-};

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

@@ -1,20 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { HelperTextPosition } from './types/helper-text.types';
-import * as React from "react";
-declare const inputVariants: (props?: {
-    isError?: boolean;
-    size?: "default" | "sm" | "md" | "lg";
-    disabled?: boolean;
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "disabled">, VariantProps<typeof inputVariants> {
-    label?: string;
-    helperText?: React.ReactNode;
-    /** @default "absolute" */
-    helperTextPosition?: HelperTextPosition;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    prefixClick?: React.MouseEventHandler<HTMLDivElement>;
-    suffixClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input };

package/dist/components/ui/input.js

@@ -1,191 +0,0 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import * as h from "react";
-import { Info as f } from "impact-nova-icons";
-import { cva as g } from "class-variance-authority";
-import { cn as e } from "../../lib/utils.js";
-const N = g(
-  "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-content-muted focus-within:outline-none focus-within:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-  {
-    variants: {
-      isError: {
-        true: "border-destructive hover:border-destructive",
-        false: "border-field"
-      },
-      size: {
-        default: "h-8",
-        sm: "h-6",
-        md: "h-[28px]",
-        lg: "h-10"
-      },
-      disabled: {
-        true: "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      isError: !1
-    }
-  }
-), w = h.forwardRef(
-  ({
-    className: p,
-    type: x,
-    label: i,
-    helperText: s,
-    helperTextPosition: r = "absolute",
-    isError: t,
-    size: b,
-    disabled: n,
-    prefix: o,
-    suffix: l,
-    prefixClick: c,
-    suffixClick: m,
-    ...u
-  }, v) => /* @__PURE__ */ d(
-    "div",
-    {
-      className: "flex w-full flex-col gap-[6px]",
-      "data-component": "input",
-      "data-disabled": n || void 0,
-      "data-invalid": t || void 0,
-      children: [
-        /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
-          i && /* @__PURE__ */ d(
-            "label",
-            {
-              className: e(
-                "text-xs font-medium leading-[18px] text-content-tertiary",
-                n && "opacity-70"
-              ),
-              children: [
-                i,
-                " ",
-                u.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: e(
-                s && r === "absolute" && "relative"
-              ),
-              children: [
-                /* @__PURE__ */ d(
-                  "div",
-                  {
-                    "data-component": "input-border",
-                    className: e(
-                      N({ size: b, isError: t, disabled: n, className: p }),
-                      "bg-canvas",
-                      n && "bg-disabled-surface"
-                    ),
-                    children: [
-                      o && /* @__PURE__ */ a(
-                        "div",
-                        {
-                          onClick: c,
-                          className: e("flex shrink-0 items-center justify-center text-content-muted pointer-events-auto", c && "cursor-pointer"),
-                          children: o
-                        }
-                      ),
-                      /* @__PURE__ */ a(
-                        "input",
-                        {
-                          type: x,
-                          className: e(
-                            "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                            n && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
-                          ),
-                          ref: v,
-                          disabled: !!n,
-                          "data-form-control": "input",
-                          ...u
-                        }
-                      ),
-                      l && /* @__PURE__ */ a(
-                        "div",
-                        {
-                          onClick: m,
-                          className: e("flex shrink-0 items-center justify-center text-content-muted pointer-events-auto", m && "cursor-pointer"),
-                          children: l
-                        }
-                      )
-                    ]
-                  }
-                ),
-                s && r === "absolute" && /* @__PURE__ */ d(
-                  "div",
-                  {
-                    className: e(
-                      "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
-                      t && "text-destructive"
-                    ),
-                    children: [
-                      /* @__PURE__ */ a(
-                        f,
-                        {
-                          size: "xs",
-                          className: e(
-                            "shrink-0",
-                            t ? "text-destructive" : "text-content-muted"
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ a(
-                        "p",
-                        {
-                          className: e(
-                            "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                            t && "text-destructive"
-                          ),
-                          children: s
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        s && r === "flow" && /* @__PURE__ */ d(
-          "div",
-          {
-            className: e(
-              "flex items-center gap-[6px]",
-              t && "text-destructive"
-            ),
-            children: [
-              /* @__PURE__ */ a(
-                f,
-                {
-                  size: "xs",
-                  className: e(
-                    "shrink-0",
-                    t ? "text-destructive" : "text-content-muted"
-                  )
-                }
-              ),
-              /* @__PURE__ */ a(
-                "p",
-                {
-                  className: e(
-                    "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    t && "text-destructive"
-                  ),
-                  children: s
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  )
-);
-w.displayName = "Input";
-export {
-  w as Input
-};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
-export { Label };

package/dist/components/ui/label.js

@@ -1,18 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as l from "react";
-import { cn as m } from "../../lib/utils.js";
-const t = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
-  "label",
-  {
-    ref: o,
-    className: m(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      e
-    ),
-    ...a
-  }
-));
-t.displayName = "Label";
-export {
-  t as Label
-};

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

@@ -1,12 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const loaderVariants: (props?: {
-    size?: "sm" | "md" | "lg" | "xl";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loaderVariants> {
-    progress?: string | number;
-    text?: string;
-    asChild?: boolean;
-}
-declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
-export { Loader, loaderVariants };