impact-nova 1.1.1 → 1.1.2

package/dist/components/ui/sidebar.js

@@ -6,10 +6,10 @@ import { cva as G } from "class-variance-authority";
 import { ChevronRight as I, HamburgerClosed as H, HamburgerOpen as j } from "../../icons/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Button as K } from "./button.js";
-import { Input as P } from "./input.js";
-import { Separator as L } from "./separator.js";
+import { Input as L } from "./input.js";
+import { Separator as P } from "./separator.js";
 import { Skeleton as _ } from "./skeleton.js";
-import { Tooltip as W, TooltipTrigger as V, TooltipContent as $, TooltipProvider as F } from "./tooltip.js";
+import { Tooltip as V, TooltipTrigger as W, TooltipContent as $, TooltipProvider as F } from "./tooltip.js";
 const q = "sidebar_state", U = 3600 * 24 * 7, X = "280px", Y = "64px", J = "b", A = i.createContext(null), z = i.createContext(null);
 function y() {
   const a = i.useContext(A);
@@ -53,7 +53,7 @@ const Q = i.forwardRef(
       }),
       [u, p, m, h, c]
     );
-    return /* @__PURE__ */ t(A.Provider, { value: S, children: /* @__PURE__ */ t(F, { delayDuration: 0, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(A.Provider, { value: S, children: /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
       "div",
       {
         style: {
@@ -199,7 +199,7 @@ const te = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
 ));
 te.displayName = "SidebarInset";
 const re = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  P,
+  L,
   {
     ref: e,
     "data-sidebar": "input",
@@ -235,7 +235,7 @@ const ne = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
 ));
 ne.displayName = "SidebarFooter";
 const oe = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  L,
+  P,
   {
     ref: e,
     "data-sidebar": "separator",
@@ -388,6 +388,7 @@ const B = i.forwardRef(({ className: a, children: r, ...e }, n) => {
           {
             onClick: () => c(!d),
             className: "hover:bg-transparent",
+            tooltip: d ? "View Less" : "View More",
             children: [
               /* @__PURE__ */ t("div", { className: "text-[#3bb273]", children: /* @__PURE__ */ t(
                 I,
@@ -485,8 +486,8 @@ const be = G(
     ), S = h ? /* @__PURE__ */ t(M.Trigger, { asChild: !0, children: u }) : u;
     return o ? (typeof o == "string" && (o = {
       children: o
-    }), /* @__PURE__ */ g(W, { children: [
-      /* @__PURE__ */ t(V, { asChild: !0, children: S }),
+    }), /* @__PURE__ */ g(V, { children: [
+      /* @__PURE__ */ t(W, { asChild: !0, children: S }),
       /* @__PURE__ */ t(
         $,
         {

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

@@ -5,10 +5,12 @@ declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps
     size?: "default" | "sm";
     hideInactiveLabel?: boolean;
     tooltipClassName?: string;
+    maxWords?: number;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     icon?: React.ReactNode;
+    maxWords?: number;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabs.js

@@ -1,59 +1,66 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import * as e from "react";
-import * as o from "@radix-ui/react-tabs";
-import { cn as p } from "../../lib/utils.js";
-import { Tooltip as v, TooltipTrigger as y, TooltipContent as N } from "./tooltip.js";
-const x = e.createContext({
+import { jsx as s, jsxs as w, Fragment as j } from "react/jsx-runtime";
+import * as n from "react";
+import * as r from "@radix-ui/react-tabs";
+import { cn as f } from "../../lib/utils.js";
+import { Tooltip as R, TooltipTrigger as V, TooltipContent as W } from "./tooltip.js";
+const h = n.createContext({
   variant: "line",
   size: "default"
-}), w = e.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: i = !1, tooltipClassName: s, value: r, defaultValue: l, onValueChange: m, ...u }, c) => {
-  const [b, d] = e.useState(r || l);
-  e.useEffect(() => {
-    r !== void 0 && d(r);
-  }, [r]);
-  const f = (g) => {
-    r === void 0 && d(g), m?.(g);
+}), L = (t, a) => {
+  const e = t.split(/\s+/);
+  return e.length <= a ? t : e.slice(0, a).join(" ") + "...";
+}, k = n.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: o, maxWords: m, value: i, defaultValue: l, onValueChange: x, ...b }, p) => {
+  const [g, u] = n.useState(i || l);
+  n.useEffect(() => {
+    i !== void 0 && u(i);
+  }, [i]);
+  const d = (c) => {
+    i === void 0 && u(c), x?.(c);
   };
-  return /* @__PURE__ */ n(x.Provider, { value: { variant: t, size: a, activeValue: b, hideInactiveLabel: i, tooltipClassName: s }, children: /* @__PURE__ */ n(
-    o.Root,
+  return /* @__PURE__ */ s(h.Provider, { value: { variant: t, size: a, activeValue: g, hideInactiveLabel: e, tooltipClassName: o, maxWords: m }, children: /* @__PURE__ */ s(
+    r.Root,
     {
-      ref: c,
-      value: r,
+      ref: p,
+      value: i,
       defaultValue: l,
-      onValueChange: f,
+      onValueChange: d,
       "data-component": "tabs",
       "data-variant": t,
-      ...u
+      ...b
     }
   ) });
 });
-w.displayName = o.Root.displayName;
-const C = e.forwardRef(({ className: t, ...a }, i) => {
-  const { variant: s } = e.useContext(x);
-  return /* @__PURE__ */ n(
-    o.List,
+k.displayName = r.Root.displayName;
+const z = n.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: o } = n.useContext(h);
+  return /* @__PURE__ */ s(
+    r.List,
     {
-      ref: i,
+      ref: e,
       "data-tabs": "list",
-      className: p(
+      className: f(
         "inline-flex items-center justify-center rounded-lg",
-        s === "line" && "h-10 bg-white border w-full justify-start gap-2 px-2 shrink-0 py-0",
-        s === "pill" && "h-10 p-1 bg-[#eceefd] text-[#4259ee] gap-1",
-        s === "outline" && "bg-transparent gap-2 p-0 w-full justify-start",
+        o === "line" && "h-10 bg-white border w-full justify-start gap-2 px-2 shrink-0 py-0",
+        o === "pill" && "h-10 p-1 bg-[#eceefd] text-[#4259ee] gap-1",
+        o === "outline" && "bg-transparent gap-2 p-0 w-full justify-start",
         t
       ),
       ...a
     }
   );
 });
-C.displayName = o.List.displayName;
-const T = e.forwardRef(({ className: t, icon: a, children: i, ...s }, r) => {
-  const { variant: l, size: m, activeValue: u, hideInactiveLabel: c, tooltipClassName: b } = e.useContext(x), d = u === s.value, f = /* @__PURE__ */ h(
-    o.Trigger,
+z.displayName = r.List.displayName;
+const M = n.forwardRef(({ className: t, icon: a, children: e, maxWords: o, ...m }, i) => {
+  const { variant: l, size: x, activeValue: b, hideInactiveLabel: p, tooltipClassName: g, maxWords: u } = n.useContext(h), d = o ?? u, c = b === m.value, v = typeof e == "string", N = v && d ? L(e, d) : e, C = v && d && e.split(/\s+/).length > d, T = p && !c || C, y = /* @__PURE__ */ w(j, { children: [
+    a && /* @__PURE__ */ s("span", { className: f("h-4 w-4 shrink-0", !p || c ? "mr-2" : "mr-0"), children: a }),
+    /* @__PURE__ */ s("span", { className: f(p && !c && "sr-only"), children: N })
+  ] });
+  return /* @__PURE__ */ s(
+    r.Trigger,
     {
-      ref: r,
+      ref: i,
       "data-tabs": "trigger",
-      className: p(
+      className: f(
         "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
         l === "line" && [
           "h-full rounded-none border-b-2 border-transparent px-1 text-[13px] font-medium capitalize text-[#60697d] -mb-[1px]",
@@ -69,39 +76,35 @@ const T = e.forwardRef(({ className: t, icon: a, children: i, ...s }, r) => {
           "rounded-full border border-[#5f6673] bg-white text-[#5f6673] font-['Manrope']",
           "hover:bg-slate-50 hover:text-[#1f2b4d]",
           "data-[state=active]:border-[#4259ee] data-[state=active]:text-[#4259ee]",
-          m === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
+          x === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
         ],
         t
       ),
-      ...s,
-      children: [
-        a && /* @__PURE__ */ n("span", { className: p("h-4 w-4 shrink-0", !c || d ? "mr-2" : "mr-0"), children: a }),
-        /* @__PURE__ */ n("span", { className: p(c && !d && "sr-only"), children: i })
-      ]
+      ...m,
+      children: T ? /* @__PURE__ */ w(R, { children: [
+        /* @__PURE__ */ s(V, { asChild: !0, children: /* @__PURE__ */ s("span", { className: "inline-flex items-center justify-center h-full w-full", children: y }) }),
+        /* @__PURE__ */ s(W, { variant: "tertiary", className: g, children: e })
+      ] }) : y
     }
   );
-  return c && !d ? /* @__PURE__ */ h(v, { children: [
-    /* @__PURE__ */ n(y, { asChild: !0, children: f }),
-    /* @__PURE__ */ n(N, { variant: "tertiary", className: b, children: i })
-  ] }) : f;
 });
-T.displayName = o.Trigger.displayName;
-const R = e.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ n(
-  o.Content,
+M.displayName = r.Trigger.displayName;
+const P = n.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  r.Content,
   {
-    ref: i,
+    ref: e,
     "data-tabs": "content",
-    className: p(
+    className: f(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       t
     ),
     ...a
   }
 ));
-R.displayName = o.Content.displayName;
+P.displayName = r.Content.displayName;
 export {
-  w as Tabs,
-  R as TabsContent,
-  C as TabsList,
-  T as TabsTrigger
+  k as Tabs,
+  P as TabsContent,
+  z as TabsList,
+  M as TabsTrigger
 };

package/dist/components/ui/tag.js

@@ -1,9 +1,10 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import * as m from "react";
 import { Slot as x } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
 import { X as u } from "lucide-react";
-import { cn as v } from "../../lib/utils.js";
+import { Button as v } from "./button.js";
+import { cn as w } from "../../lib/utils.js";
 const y = h(
   "inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -37,42 +38,42 @@ const y = h(
       shape: "pill"
     }
   }
-), w = m.forwardRef(
-  ({ className: d, variant: r, size: t, shape: o, leftIcon: a, rightIcon: n, removable: i, onRemove: l, asChild: f = !1, children: c, ...p }, b) => /* @__PURE__ */ s(
-    f ? x : "span",
+), j = m.forwardRef(
+  ({ className: i, variant: r, size: t, shape: o, leftIcon: a, rightIcon: n, removable: s, onRemove: d, asChild: l = !1, children: p, ...f }, g) => /* @__PURE__ */ c(
+    l ? x : "span",
     {
-      ref: b,
-      className: v(y({ variant: r, size: t, shape: o }), d),
+      ref: g,
+      className: w(y({ variant: r, size: t, shape: o }), i),
       "data-component": "tag",
       "data-variant": r ?? "default",
       "data-size": t ?? "md",
       "data-shape": o ?? "pill",
-      ...p,
+      ...f,
       children: [
         a && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: a }),
-        c,
+        p,
         n && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: n }),
-        i && /* @__PURE__ */ s(
-          "button",
+        s && /* @__PURE__ */ e(
+          v,
           {
             type: "button",
-            onClick: (g) => {
-              g.stopPropagation(), l?.();
+            variant: "ghost",
+            size: "icon",
+            "aria-label": "Remove",
+            onClick: (b) => {
+              b.stopPropagation(), d?.();
             },
-            className: "ml-1.5 flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full hover:bg-black/10 transition-colors",
+            className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-black/10 transition-colors p-0 [&_svg]:size-3",
             "data-component": "tag-remove",
-            children: [
-              /* @__PURE__ */ e(u, { className: "h-3 w-3" }),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
-            ]
+            children: /* @__PURE__ */ e(u, {})
           }
         )
       ]
     }
   )
 );
-w.displayName = "Tag";
+j.displayName = "Tag";
 export {
-  w as Tag,
+  j as Tag,
   y as tagVariants
 };

package/dist/components/ui/toast.js

@@ -1,10 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import * as s from "react";
 import * as o from "@radix-ui/react-toast";
-import { cva as d } from "class-variance-authority";
-import { X as p } from "lucide-react";
+import { cva as p } from "class-variance-authority";
+import { X as c } from "lucide-react";
 import { cn as i } from "../../lib/utils.js";
-const y = o.Provider, c = s.forwardRef(({ className: t, position: e = "top-right", ...r }, n) => /* @__PURE__ */ a(
+import { Tooltip as f, TooltipTrigger as l, TooltipContent as u } from "./tooltip.js";
+const R = o.Provider, x = s.forwardRef(({ className: t, position: e = "top-right", ...r }, n) => /* @__PURE__ */ a(
   o.Viewport,
   {
     ref: n,
@@ -18,8 +19,8 @@ const y = o.Provider, c = s.forwardRef(({ className: t, position: e = "top-right
     ...r
   }
 ));
-c.displayName = o.Viewport.displayName;
-const f = d(
+x.displayName = o.Viewport.displayName;
+const m = p(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -38,18 +39,18 @@ const f = d(
       variant: "default"
     }
   }
-), l = s.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ a(
+), b = s.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ a(
   o.Root,
   {
     ref: n,
     "data-component": "toast",
     "data-variant": e ?? "default",
-    className: i(f({ variant: e }), t),
+    className: i(m({ variant: e }), t),
     ...r
   }
 ));
-l.displayName = o.Root.displayName;
-const u = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+b.displayName = o.Root.displayName;
+const g = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Action,
   {
     ref: r,
@@ -61,23 +62,26 @@ const u = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-u.displayName = o.Action.displayName;
-const x = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  o.Close,
-  {
-    ref: r,
-    "data-component": "toast-close",
-    className: i(
-      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      t
-    ),
-    "toast-close": "",
-    ...e,
-    children: /* @__PURE__ */ a(p, { className: "h-4 w-4" })
-  }
-));
-x.displayName = o.Close.displayName;
-const m = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+g.displayName = o.Action.displayName;
+const h = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ d(f, { children: [
+  /* @__PURE__ */ a(l, { asChild: !0, children: /* @__PURE__ */ a(
+    o.Close,
+    {
+      ref: r,
+      "data-component": "toast-close",
+      className: i(
+        "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+        t
+      ),
+      "toast-close": "",
+      ...e,
+      children: /* @__PURE__ */ a(c, { className: "h-4 w-4" })
+    }
+  ) }),
+  /* @__PURE__ */ a(u, { variant: "tertiary", side: "top", children: "Close" })
+] }));
+h.displayName = o.Close.displayName;
+const v = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Title,
   {
     ref: r,
@@ -86,8 +90,8 @@ const m = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-m.displayName = o.Title.displayName;
-const b = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+v.displayName = o.Title.displayName;
+const w = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Description,
   {
     ref: r,
@@ -96,13 +100,13 @@ const b = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-b.displayName = o.Description.displayName;
+w.displayName = o.Description.displayName;
 export {
-  l as Toast,
-  u as ToastAction,
-  x as ToastClose,
-  b as ToastDescription,
-  y as ToastProvider,
-  m as ToastTitle,
-  c as ToastViewport
+  b as Toast,
+  g as ToastAction,
+  h as ToastClose,
+  w as ToastDescription,
+  R as ToastProvider,
+  v as ToastTitle,
+  x as ToastViewport
 };

package/dist/components/ui/tooltip.js

@@ -3,7 +3,7 @@ import * as l from "react";
 import * as o from "@radix-ui/react-tooltip";
 import { cva as p } from "class-variance-authority";
 import { cn as d } from "../../lib/utils.js";
-const c = o.Provider, x = ({ children: i, ...a }) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(o.Root, { delayDuration: 0, ...a, children: i }) }), h = o.Trigger, f = p(
+const c = o.Provider, x = ({ children: i, ...a }) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(o.Root, { ...a, children: i }) }), h = o.Trigger, f = p(
   "z-50 overflow-hidden rounded-md px-4 py-2 text-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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-tooltip-content-transform-origin]",
   {
     variants: {