impact-nova 0.1.0

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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,17 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const inputVariants: (props?: {
+    isError?: boolean;
+    size?: "default" | "sm" | "md";
+    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;
+    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

@@ -0,0 +1,107 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import * as x from "react";
+import { Info as h } from "../../icons/index.js";
+import { cva as v } from "class-variance-authority";
+import { cn as e } from "../../lib/utils.js";
+const g = v(
+  "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-muted-foreground focus-within:outline-none hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
+  {
+    variants: {
+      isError: {
+        true: "border-destructive hover:border-destructive",
+        false: "border-input"
+      },
+      size: {
+        default: "h-8",
+        sm: "h-6",
+        md: "h-[28px]"
+      },
+      disabled: {
+        true: "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isError: !1
+    }
+  }
+), y = x.forwardRef(
+  ({ className: u, type: b, label: a, helperText: o, isError: r, size: p, disabled: d, prefix: i, suffix: n, prefixClick: l, suffixClick: c, ...m }, f) => /* @__PURE__ */ s("div", { className: "w-full space-y-1.5", children: [
+    a && /* @__PURE__ */ s(
+      "label",
+      {
+        className: e(
+          "text-xs font-medium leading-[18px] text-[#60697d]",
+          // Exact legacy color
+          d && "opacity-70",
+          r && "text-destructive"
+        ),
+        children: [
+          a,
+          " ",
+          m.required && /* @__PURE__ */ t("span", { className: "text-destructive", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: e(
+          g({ size: p, isError: r, disabled: d, className: u }),
+          "bg-background",
+          d && "bg-disabled-secondary-bg"
+        ),
+        children: [
+          i && /* @__PURE__ */ t(
+            "div",
+            {
+              onClick: l,
+              className: e("flex shrink-0 items-center justify-center text-muted-foreground pointer-events-auto", l && "cursor-pointer"),
+              children: i
+            }
+          ),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: b,
+              className: e(
+                "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
+                d && "opacity-100 text-disabled-text placeholder:text-disabled-text"
+              ),
+              ref: f,
+              disabled: !!d,
+              ...m
+            }
+          ),
+          n && /* @__PURE__ */ t(
+            "div",
+            {
+              onClick: c,
+              className: e("flex shrink-0 items-center justify-center text-muted-foreground pointer-events-auto", c && "cursor-pointer"),
+              children: n
+            }
+          )
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ s("div", { className: e("flex items-center gap-1", r && "text-destructive"), children: [
+      !r && /* @__PURE__ */ t(h, { size: 10, className: "shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ t(
+        "p",
+        {
+          className: e(
+            "text-[10px] text-[#7a8294]",
+            // Exact legacy color
+            r && "text-destructive"
+          ),
+          children: o
+        }
+      )
+    ] })
+  ] })
+);
+y.displayName = "Input";
+export {
+  y as Input
+};

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

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

package/dist/components/ui/label.js

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,11 @@
+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;
+}
+declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
+export { Loader, loaderVariants };

package/dist/components/ui/loader.js

@@ -0,0 +1,72 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import * as c from "react";
+import { cva as f } from "class-variance-authority";
+import { cn as u } from "../../lib/utils.js";
+const x = f(
+  "relative rounded-full flex items-center justify-center overflow-hidden",
+  {
+    variants: {
+      size: {
+        sm: "h-6 w-6",
+        md: "h-12 w-12",
+        lg: "h-18 w-18",
+        xl: "h-24 w-24"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), h = c.forwardRef(
+  ({ className: s, size: n = "md", progress: o, text: t, ...d }, l) => {
+    const a = {
+      sm: { outer: 24, inner: 20 },
+      md: { outer: 48, inner: 40 },
+      lg: { outer: 72, inner: 60 },
+      xl: { outer: 96, inner: 80 }
+    }, { outer: e, inner: r } = a[n] || a.md;
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: l,
+        className: u("flex flex-col items-center justify-center", s),
+        role: "status",
+        "aria-label": t || "Loading",
+        ...d,
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: "relative animate-spin rounded-full",
+              style: {
+                height: e,
+                width: e,
+                background: "conic-gradient(from 180deg at 50% 50%, rgba(66, 89, 238, 0) 0deg, hsl(var(--primary)) 360deg)"
+              },
+              children: /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "absolute bg-background rounded-full flex items-center justify-center font-medium animate-[spin_1s_linear_infinite_reverse]",
+                  style: {
+                    height: r,
+                    width: r,
+                    top: (e - r) / 2,
+                    left: (e - r) / 2,
+                    fontSize: e / 6
+                  },
+                  children: n !== "sm" && o
+                }
+              )
+            }
+          ),
+          t && /* @__PURE__ */ i("span", { className: "mt-2 text-[12px] font-medium text-foreground", children: t })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "Loader";
+export {
+  h as Loader,
+  x as loaderVariants
+};

package/dist/components/ui/nested-list/components/NestedListApplyDiscardButtons.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface NestedListApplyDiscardButtonsProps {
+    enableApplyDiscard: boolean;
+    hasChanges: boolean;
+    onDiscard: () => void;
+    onApply: () => void;
+    cancelButtonLabel: string;
+    submitButtonLabel: string;
+}
+export declare const NestedListApplyDiscardButtons: React.FC<NestedListApplyDiscardButtonsProps>;
+export {};

package/dist/components/ui/nested-list/components/NestedListApplyDiscardButtons.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as d } from "react/jsx-runtime";
+import "react";
+import { Button as i } from "../../button.js";
+const u = ({
+  enableApplyDiscard: r,
+  hasChanges: t,
+  onDiscard: a,
+  onApply: e,
+  cancelButtonLabel: l,
+  submitButtonLabel: n
+}) => r ? /* @__PURE__ */ o("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
+  /* @__PURE__ */ d(
+    i,
+    {
+      variant: "tertiary",
+      onClick: a,
+      disabled: !t,
+      "data-testid": "button-discard",
+      "data-disabled": !t,
+      children: l
+    }
+  ),
+  /* @__PURE__ */ d(
+    i,
+    {
+      variant: "default",
+      onClick: e,
+      disabled: !t,
+      "data-testid": "button-apply",
+      "data-disabled": !t,
+      children: n
+    }
+  )
+] }) : null;
+export {
+  u as NestedListApplyDiscardButtons
+};

package/dist/components/ui/nested-list/components/NestedListCategoryFilters.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface NestedListCategoryFiltersProps {
+    isListCollapsed: boolean;
+    enableGroupBy: boolean;
+    categories: string[];
+    selectedCategories: Set<string>;
+    onToggleCategory: (category: string) => void;
+}
+export declare const NestedListCategoryFilters: React.FC<NestedListCategoryFiltersProps>;
+export {};

package/dist/components/ui/nested-list/components/NestedListCategoryFilters.js

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Switch as n } from "../../switch.js";
+const o = ({
+  isListCollapsed: l,
+  enableGroupBy: m,
+  categories: s,
+  selectedCategories: i,
+  onToggleCategory: a
+}) => l || !m || s.length === 0 ? null : /* @__PURE__ */ t("div", { className: "mb-1", children: [
+  /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-[#8C8C8C] mb-2", children: "View by" }),
+  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: s.map((r) => /* @__PURE__ */ t(
+    "label",
+    {
+      className: "flex items-center justify-between cursor-pointer mr-3",
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-sm text-gray-700 mr-[6px]", children: r }),
+        /* @__PURE__ */ e(
+          n,
+          {
+            checked: i.has(r),
+            onCheckedChange: () => a(r)
+          }
+        )
+      ]
+    },
+    r
+  )) }),
+  /* @__PURE__ */ e("hr", { className: "mt-3 border-t border-dashed border-gray-300" })
+] });
+export {
+  o as NestedListCategoryFilters
+};

package/dist/components/ui/nested-list/components/NestedListContent.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { useSensors, DropAnimation, DragStartEvent, DragOverEvent, DragEndEvent } from '@dnd-kit/core';
+import { NestedListItem } from '../../types/nested-list.types';
+interface NestedListContentProps {
+    isListCollapsed: boolean;
+    enableDragDrop: boolean;
+    sensors: ReturnType<typeof useSensors>;
+    items: {
+        item: NestedListItem;
+        level: number;
+    }[];
+    renderItem: (item: NestedListItem, level: number) => React.ReactNode;
+    activeItem?: NestedListItem | null;
+    dropAnimationConfig: DropAnimation;
+    onDragStart: (event: DragStartEvent) => void;
+    onDragOver: (event: DragOverEvent) => void;
+    onDragEnd: (event: DragEndEvent) => void;
+    onDragCancel: () => void;
+}
+export declare const NestedListContent: React.FC<NestedListContentProps>;
+export {};

package/dist/components/ui/nested-list/components/NestedListContent.js

@@ -0,0 +1,73 @@
+import { jsx as t } from "react/jsx-runtime";
+import b, { useRef as y } from "react";
+import { DndContext as z, closestCenter as C } from "@dnd-kit/core";
+import { SortableContext as w, verticalListSortingStrategy as I } from "@dnd-kit/sortable";
+import { useVirtualizer as N } from "@tanstack/react-virtual";
+const T = ({
+  isListCollapsed: a,
+  enableDragDrop: d,
+  sensors: c,
+  items: e,
+  renderItem: m,
+  onDragStart: f,
+  onDragOver: u,
+  onDragEnd: p,
+  onDragCancel: h
+}) => {
+  const r = y(null), n = N({
+    count: e.length,
+    getScrollElement: () => r.current,
+    estimateSize: () => 32,
+    overscan: 5
+  }), g = b.useMemo(() => e.map((o) => o.item.id), [e]);
+  if (a) return null;
+  const i = n.getVirtualItems(), x = n.getTotalSize(), v = i.length > 0 ? i[0].start : 0, l = /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        height: `${x + 48}px`,
+        width: "100%",
+        position: "relative"
+      },
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            transform: `translateY(${v}px)`
+          },
+          children: i.map((o) => {
+            const { item: s, level: S } = e[o.index];
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                "data-index": o.index,
+                ref: n.measureElement,
+                children: m(s, S)
+              },
+              s.id
+            );
+          })
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ t("div", { className: "flex flex-col min-h-0 h-full", children: /* @__PURE__ */ t("div", { ref: r, className: "flex-1 p-1 overflow-y-auto", children: d ? /* @__PURE__ */ t(
+    z,
+    {
+      sensors: c,
+      collisionDetection: C,
+      onDragStart: f,
+      onDragOver: u,
+      onDragEnd: p,
+      onDragCancel: h,
+      children: /* @__PURE__ */ t(w, { items: g, strategy: I, children: l })
+    }
+  ) : l }) });
+};
+export {
+  T as NestedListContent
+};

package/dist/components/ui/nested-list/components/NestedListDragOverlay.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { NestedListItem } from '../../types/nested-list.types';
+interface NestedListDragOverlayProps {
+    activeItem: NestedListItem | null;
+}
+export declare const NestedListDragOverlay: React.FC<NestedListDragOverlayProps>;
+export {};

package/dist/components/ui/nested-list/components/NestedListHeader.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+interface NestedListHeaderProps {
+    hasItemsWithChildren: boolean;
+    isListCollapsed: boolean;
+    onCollapseAll: () => void;
+    enableSearch: boolean;
+    enableSelectAll: boolean;
+    groupLabel?: string;
+    allChecked: boolean;
+    isIndeterminate?: boolean;
+    onSelectAll: () => void;
+    searchText: string;
+    onSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    searchPlaceholder: string;
+    enableCollapse?: boolean;
+}
+export declare const NestedListHeader: React.FC<NestedListHeaderProps>;
+export {};

package/dist/components/ui/nested-list/components/NestedListHeader.js

@@ -0,0 +1,86 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import "react";
+import { Checkbox as u } from "../../checkbox.js";
+import { Input as h } from "../../input.js";
+import { ChevronRight as g, Search as N } from "../../../../icons/index.js";
+import { cn as y } from "../../../../lib/utils.js";
+const B = ({
+  hasItemsWithChildren: o,
+  isListCollapsed: a,
+  onCollapseAll: v,
+  enableSearch: i,
+  enableSelectAll: t,
+  groupLabel: n,
+  allChecked: m,
+  isIndeterminate: c = !1,
+  onSelectAll: l,
+  searchText: d,
+  onSearchChange: x,
+  searchPlaceholder: p,
+  enableCollapse: s = !0
+}) => {
+  if (!(i || t || n || s && o)) return null;
+  const f = /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: v,
+      className: "p-1 hover:bg-gray-200 rounded-full transition-colors flex items-center text-[#8C8C8C] hover:text-primary",
+      "aria-label": a ? "Expand All" : "Collapse All",
+      children: /* @__PURE__ */ e(
+        g,
+        {
+          size: "16px",
+          className: y("transition-transform", !a && "rotate-90")
+        }
+      )
+    }
+  );
+  return n ? /* @__PURE__ */ r("div", { className: "mb-3", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-2", children: [
+      s && o && f,
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-gray-700", children: n })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+      t && /* @__PURE__ */ e(
+        u,
+        {
+          checked: c ? "indeterminate" : m,
+          onCheckedChange: l
+        }
+      ),
+      i ? /* @__PURE__ */ e("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ e(
+        h,
+        {
+          type: "text",
+          placeholder: p,
+          value: d || "",
+          onChange: x,
+          prefix: /* @__PURE__ */ e(N, { size: "14px", color: "currentColor" })
+        }
+      ) }) : t && /* @__PURE__ */ e("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: "Select All" })
+    ] })
+  ] }) : /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-3", children: [
+    s && o && f,
+    t && /* @__PURE__ */ e(
+      u,
+      {
+        checked: c ? "indeterminate" : m,
+        onCheckedChange: l
+      }
+    ),
+    i ? /* @__PURE__ */ e("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ e(
+      h,
+      {
+        type: "text",
+        placeholder: p,
+        value: d || "",
+        onChange: x,
+        prefix: /* @__PURE__ */ e(N, { size: "14px", color: "currentColor" })
+      }
+    ) }) : t && /* @__PURE__ */ e("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: "Select All" })
+  ] });
+};
+export {
+  B as NestedListHeader
+};

package/dist/components/ui/nested-list/components/SortableItem.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { NestedListItem } from '../../types/nested-list.types';
+interface SortableItemProps {
+    item: NestedListItem;
+    level: number;
+    isCollapsed: boolean;
+    onToggle: (itemId: string) => void;
+    onToggleCollapse: (itemId: string) => void;
+    isAnyDragging?: boolean;
+    isOver?: boolean;
+    isValidDrop?: boolean;
+    enableDragDrop?: boolean;
+    enableCollapse?: boolean;
+    shouldBlink?: boolean;
+}
+export declare const SortableItem: React.NamedExoticComponent<SortableItemProps>;
+export {};