impact-nova 1.1.1 → 1.2.0

package/dist/components/ui/accordion.js

@@ -1,54 +1,58 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as n from "react";
-import * as t from "@radix-ui/react-accordion";
-import { ChevronRight as l } from "lucide-react";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as d from "react";
+import * as r from "@radix-ui/react-accordion";
+import { ChevronRight as m } from "lucide-react";
 import { cn as s } from "../../lib/utils.js";
-const v = t.Root, f = n.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ a(
-  t.Item,
+import { Tooltip as f, TooltipTrigger as p, TooltipContent as g } from "./tooltip.js";
+const w = r.Root, h = d.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e(
+  r.Item,
   {
-    ref: o,
-    "data-item": e.value,
-    "data-disabled": e.disabled ? "" : void 0,
-    className: s("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
-    ...e
+    ref: a,
+    "data-item": t.value,
+    "data-disabled": t.disabled ? "" : void 0,
+    className: s("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", o),
+    ...t
   }
 ));
-f.displayName = "AccordionItem";
-const p = n.forwardRef(({ className: r, children: e, badge: o, rightActions: i, ...c }, m) => /* @__PURE__ */ a(t.Header, { className: "flex", children: /* @__PURE__ */ d(
-  t.Trigger,
+h.displayName = "AccordionItem";
+const x = d.forwardRef(({ className: o, children: t, badge: a, rightActions: n, ...c }, l) => /* @__PURE__ */ e(r.Header, { className: "flex", children: /* @__PURE__ */ i(
+  r.Trigger,
   {
-    ref: m,
+    ref: l,
     className: s(
       "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
-      r
+      o
     ),
     ...c,
     children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ a(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
-      /* @__PURE__ */ d("div", { className: "flex flex-1 items-center justify-between", children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
-          e,
-          o
+      /* @__PURE__ */ i(f, { children: [
+        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(m, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
+        /* @__PURE__ */ e(g, { side: "top", variant: "tertiary", children: "Toggle" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+          t,
+          a
         ] }),
-        i
+        n
       ] })
     ]
   }
 ) }));
-p.displayName = t.Trigger.displayName;
-const x = n.forwardRef(({ className: r, children: e, ...o }, i) => /* @__PURE__ */ a(
-  t.Content,
+x.displayName = r.Trigger.displayName;
+const N = d.forwardRef(({ className: o, children: t, ...a }, n) => /* @__PURE__ */ e(
+  r.Content,
   {
-    ref: i,
+    ref: n,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...o,
-    children: /* @__PURE__ */ a("div", { className: s("px-4 pb-4 pt-2", r), children: e })
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: s("px-4 pb-4 pt-2", o), children: t })
   }
 ));
-x.displayName = t.Content.displayName;
+N.displayName = r.Content.displayName;
 export {
-  v as Accordion,
-  x as AccordionContent,
-  f as AccordionItem,
-  p as AccordionTrigger
+  w as Accordion,
+  N as AccordionContent,
+  h as AccordionItem,
+  x as AccordionTrigger
 };

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

@@ -5,6 +5,8 @@ declare const alertVariants: (props?: {
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     asChild?: boolean;
+    removable?: boolean;
+    onClose?: () => void;
 }
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/ui/alert.js

@@ -1,10 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import * as n from "react";
-import { Slot as c } from "@radix-ui/react-slot";
-import { cva as d } from "class-variance-authority";
+import { Slot as m } from "@radix-ui/react-slot";
+import { cva as p } from "class-variance-authority";
 import { cn as s } from "../../lib/utils.js";
-import { XCircle as f, AlertTriangle as g, CheckCircle as m, Info as o } from "lucide-react";
-const p = d(
+import { Button as b } from "./button.js";
+import { X as u, XCircle as x, AlertTriangle as v, CheckCircle as h, Info as a } from "lucide-react";
+const w = p(
   "relative w-full rounded-lg border px-4 py-3 text-sm flex gap-3 items-start",
   {
     variants: {
@@ -20,21 +21,35 @@ const p = d(
       variant: "default"
     }
   }
-), b = n.forwardRef(
-  ({ className: e, variant: r, asChild: t = !1, ...l }, i) => /* @__PURE__ */ a(
-    t ? c : "div",
+), A = n.forwardRef(
+  ({ className: e, variant: r, asChild: t = !1, removable: l, onClose: i, children: c, ...d }, g) => /* @__PURE__ */ f(
+    t ? m : "div",
     {
-      ref: i,
+      ref: g,
       role: "alert",
       "data-component": "alert",
       "data-variant": r ?? "default",
-      className: s(p({ variant: r }), e),
-      ...l
+      className: s(w({ variant: r }), e),
+      ...d,
+      children: [
+        c,
+        l && /* @__PURE__ */ o(
+          b,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-4 top-3 h-4 w-4 p-0 text-secondary-foreground hover:text-foreground hover:bg-transparent",
+            onClick: i,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ o(u, { className: "h-4 w-4" })
+          }
+        )
+      ]
     }
   )
 );
-b.displayName = "Alert";
-const u = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+A.displayName = "Alert";
+const N = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
   "h5",
   {
     ref: t,
@@ -43,8 +58,8 @@ const u = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
     ...r
   }
 ));
-u.displayName = "AlertTitle";
-const x = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+N.displayName = "AlertTitle";
+const y = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
   "div",
   {
     ref: t,
@@ -53,22 +68,22 @@ const x = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
     ...r
   }
 ));
-x.displayName = "AlertDescription";
-const v = {
-  default: o,
-  info: o,
-  success: m,
-  warning: g,
-  error: f
-}, w = ({ variant: e = "info", className: r = "h-4 w-4 shrink-0 mt-1" }) => {
-  const t = v[e] || o;
-  return /* @__PURE__ */ a(t, { className: r });
+y.displayName = "AlertDescription";
+const C = {
+  default: a,
+  info: a,
+  success: h,
+  warning: v,
+  error: x
+}, k = ({ variant: e = "info", className: r = "h-4 w-4 shrink-0 mt-1" }) => {
+  const t = C[e] || a;
+  return /* @__PURE__ */ o(t, { className: r });
 };
-w.displayName = "AlertIcon";
+k.displayName = "AlertIcon";
 export {
-  b as Alert,
-  x as AlertDescription,
-  w as AlertIcon,
-  u as AlertTitle,
-  p as alertVariants
+  A as Alert,
+  y as AlertDescription,
+  k as AlertIcon,
+  N as AlertTitle,
+  w as alertVariants
 };

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

@@ -5,12 +5,17 @@ declare const HomeIcon: ({ className }: {
 declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     separator?: React.ReactNode;
 } & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    maxWords?: number;
+} & React.RefAttributes<HTMLOListElement>>;
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean;
+    maxWords?: number;
 } & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    maxWords?: number;
+} & React.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: {
     ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/breadcrumb.js

@@ -1,10 +1,14 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import * as o from "react";
-import { Slot as l } from "@radix-ui/react-slot";
-import { MoreHorizontal as n } from "lucide-react";
-import { ClickMeArrow as c } from "../../icons/index.js";
-import { cn as s } from "../../lib/utils.js";
-const L = ({ className: e }) => /* @__PURE__ */ a(
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as N } from "@radix-ui/react-slot";
+import { MoreHorizontal as y } from "lucide-react";
+import { ClickMeArrow as v } from "../../icons/index.js";
+import { Tooltip as h, TooltipTrigger as w, TooltipContent as g } from "./tooltip.js";
+import { cn as n } from "../../lib/utils.js";
+const x = s.createContext({}), b = (r, e) => {
+  const t = r.split(/\s+/);
+  return t.length <= e ? r : t.slice(0, e).join(" ") + "...";
+}, Z = ({ className: r }) => /* @__PURE__ */ a(
   "svg",
   {
     width: "13",
@@ -12,7 +16,7 @@ const L = ({ className: e }) => /* @__PURE__ */ a(
     viewBox: "0 0 12 13",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: s("h-3.5 w-3.5", e),
+    className: n("h-3.5 w-3.5", r),
     children: /* @__PURE__ */ a(
       "path",
       {
@@ -21,63 +25,80 @@ const L = ({ className: e }) => /* @__PURE__ */ a(
       }
     )
   }
-), d = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ a("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
-d.displayName = "Breadcrumb";
-const p = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+), H = s.forwardRef(({ ...r }, e) => /* @__PURE__ */ a("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+H.displayName = "Breadcrumb";
+const W = s.forwardRef(({ className: r, maxWords: e, ...t }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: e }, children: /* @__PURE__ */ a(
   "ol",
   {
-    ref: t,
-    className: s(
+    ref: o,
+    className: n(
       "flex flex-wrap items-center gap-2 text-[14px] font-medium text-secondary-foreground",
-      e
+      r
     ),
-    ...r
-  }
-));
-p.displayName = "BreadcrumbList";
-const f = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "li",
-  {
-    ref: t,
-    className: s("inline-flex items-center gap-1.5", e),
-    ...r
-  }
-));
-f.displayName = "BreadcrumbItem";
-const u = o.forwardRef(({ asChild: e, className: r, ...t }, i) => /* @__PURE__ */ a(
-  e ? l : "a",
-  {
-    ref: i,
-    className: s("transition-colors text-primary hover:text-primary-700 font-medium", r),
     ...t
   }
-));
-u.displayName = "BreadcrumbLink";
-const w = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "span",
+) }));
+W.displayName = "BreadcrumbList";
+const L = s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+  "li",
   {
     ref: t,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    "data-current": "page",
-    className: s("font-extrabold text-[#1f2b4d]", e),
-    ...r
+    className: n("inline-flex items-center gap-1.5", r),
+    ...e
   }
 ));
-w.displayName = "BreadcrumbPage";
-const h = ({
-  children: e,
-  className: r,
+L.displayName = "BreadcrumbItem";
+const M = s.forwardRef(({ asChild: r, className: e, maxWords: t, children: o, ...p }, u) => {
+  const i = r ? N : "a", { maxWords: d } = s.useContext(x), c = t ?? d, l = typeof o == "string", m = l && c ? b(o, c) : o, B = l && c && o.split(/\s+/).length > c, C = /* @__PURE__ */ a(
+    i,
+    {
+      ref: u,
+      className: n(
+        "transition-colors text-primary hover:text-primary-700 font-medium",
+        e
+      ),
+      ...p,
+      children: m
+    }
+  );
+  return B ? /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ a(w, { asChild: !0, children: C }),
+    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: o })
+  ] }) : C;
+});
+M.displayName = "BreadcrumbLink";
+const R = s.forwardRef(({ className: r, maxWords: e, children: t, ...o }, p) => {
+  const { maxWords: u } = s.useContext(x), i = e ?? u, d = typeof t == "string", c = d && i ? b(t, i) : t, l = d && i && t.split(/\s+/).length > i, m = /* @__PURE__ */ a(
+    "span",
+    {
+      ref: p,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      "data-current": "page",
+      className: n("font-extrabold text-[#1f2b4d]", r),
+      ...o,
+      children: c
+    }
+  );
+  return l ? /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ a(w, { asChild: !0, children: m }),
+    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: t })
+  ] }) : m;
+});
+R.displayName = "BreadcrumbPage";
+const V = ({
+  children: r,
+  className: e,
   ...t
 }) => /* @__PURE__ */ a(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: s("[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground", r),
+    className: n("[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground", e),
     ...t,
-    children: e ?? /* @__PURE__ */ a(
+    children: r ?? /* @__PURE__ */ a(
       "svg",
       {
         width: "16",
@@ -97,55 +118,55 @@ const h = ({
     )
   }
 );
-h.displayName = "BreadcrumbSeparator";
-const b = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ m(
+V.displayName = "BreadcrumbSeparator";
+const S = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ f(
   "span",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: s("flex h-9 w-9 items-center justify-center", e),
-    ...r,
+    className: n("flex h-9 w-9 items-center justify-center", r),
+    ...e,
     children: [
-      /* @__PURE__ */ a(n, { className: "h-4 w-4" }),
+      /* @__PURE__ */ a(y, { className: "h-4 w-4" }),
       /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
     ]
   }
 );
-b.displayName = "BreadcrumbElipssis";
-const C = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+S.displayName = "BreadcrumbElipssis";
+const T = s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: s("flex h-14 items-center justify-between px-6", e),
-    ...r
+    className: n("flex h-14 items-center justify-between px-6", r),
+    ...e
   }
 ));
-C.displayName = "BreadcrumbHeader";
-const x = o.forwardRef(({ className: e, style: r, ...t }, i) => /* @__PURE__ */ a(
+T.displayName = "BreadcrumbHeader";
+const j = s.forwardRef(({ className: r, style: e, ...t }, o) => /* @__PURE__ */ a(
   "li",
   {
-    ref: i,
+    ref: o,
     role: "presentation",
     "aria-hidden": "true",
-    className: s("inline-flex items-center", e),
-    style: r,
+    className: n("inline-flex items-center", r),
+    style: e,
     ...t,
-    children: /* @__PURE__ */ a(c, { size: 12 })
+    children: /* @__PURE__ */ a(v, { size: 12 })
   }
 ));
-x.displayName = "BreadcrumbArrowSeparator";
+j.displayName = "BreadcrumbArrowSeparator";
 export {
-  d as Breadcrumb,
-  x as BreadcrumbArrowSeparator,
-  b as BreadcrumbEllipsis,
-  C as BreadcrumbHeader,
-  f as BreadcrumbItem,
-  u as BreadcrumbLink,
-  p as BreadcrumbList,
-  w as BreadcrumbPage,
-  h as BreadcrumbSeparator,
-  L as HomeIcon
+  H as Breadcrumb,
+  j as BreadcrumbArrowSeparator,
+  S as BreadcrumbEllipsis,
+  T as BreadcrumbHeader,
+  L as BreadcrumbItem,
+  M as BreadcrumbLink,
+  W as BreadcrumbList,
+  R as BreadcrumbPage,
+  V as BreadcrumbSeparator,
+  Z as HomeIcon
 };