impact-nova 0.1.13 → 1.1.0

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

@@ -1,47 +1,47 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import f from "react";
-import { Sheet as m, SheetContent as p, SheetDescription as u, SheetTitle as b, SheetClose as g } from "../sheet.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import m from "react";
+import { Sheet as x, SheetContent as p, SheetDescription as u, SheetTitle as b, SheetClose as g } from "../sheet.js";
 import { cn as i } from "../../../lib/utils.js";
-import { MultiColorFilter as w, Cross as v, Info as d } from "../../../icons/index.js";
+import { MultiColorFilter as v, Cross as w, Info as d } from "../../../icons/index.js";
 import { Button as N } from "../button.js";
-const y = ({ title: l, children: a, className: s }) => /* @__PURE__ */ t("div", { className: i("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", s), children: [
-  /* @__PURE__ */ t("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" }) }),
+const y = ({ title: l, children: a, className: n }) => /* @__PURE__ */ r("div", { "data-component": "filter-panel-header", className: i("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", n), children: [
+  /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(v, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ e(b, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
   ] }),
-  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
     a,
-    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(N, { variant: "secondary", size: "icon", "aria-label": "Close", children: /* @__PURE__ */ e(v, { className: "h-3 w-3" }) }) })
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(N, { variant: "secondary", size: "icon", "aria-label": "Close", "data-component": "filter-panel-close", children: /* @__PURE__ */ e(w, { className: "h-3 w-3" }) }) })
   ] })
 ] }), D = ({
   open: l,
   onOpenChange: a,
-  title: s = "Filter panel",
+  title: n = "Filter panel",
   children: c,
-  header: r,
-  sidebar: n,
-  className: x,
-  preventClose: h = !1
-}) => /* @__PURE__ */ e(m, { open: l, onOpenChange: a, children: /* @__PURE__ */ t(
+  header: t,
+  sidebar: s,
+  className: h,
+  preventClose: f = !1
+}) => /* @__PURE__ */ e(x, { open: l, onOpenChange: a, children: /* @__PURE__ */ r(
   p,
   {
     side: "right",
     className: i(
       "w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-white",
-      x
+      h
     ),
     onInteractOutside: (o) => {
-      h && o.preventDefault();
+      f && o.preventDefault();
     },
     onEscapeKeyDown: (o) => {
-      h && o.preventDefault();
+      f && o.preventDefault();
     },
     children: [
       /* @__PURE__ */ e(u, { className: "sr-only", children: "Select filters to apply to the current view." }),
-      /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-white", children: [
-        r || /* @__PURE__ */ e(y, { title: s }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
-          n,
+      /* @__PURE__ */ r("div", { className: "flex h-full flex-col bg-white", children: [
+        t || /* @__PURE__ */ e(y, { title: n }),
+        /* @__PURE__ */ r("div", { className: "flex flex-1 overflow-hidden", children: [
+          s,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
@@ -50,46 +50,49 @@ const y = ({ title: l, children: a, className: s }) => /* @__PURE__ */ t("div",
 ) }), I = ({
   items: l,
   activeTab: a,
-  onTabChange: s,
+  onTabChange: n,
   className: c
-}) => /* @__PURE__ */ e("div", { className: i("flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light", c), children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: l.map((r) => {
-  const n = a === r.id;
-  return /* @__PURE__ */ t(f.Fragment, { children: [
-    r.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
-    /* @__PURE__ */ t(
+}) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-sidebar", className: i("flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light", c), children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: l.map((t) => {
+  const s = a === t.id;
+  return /* @__PURE__ */ r(m.Fragment, { children: [
+    t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
+    /* @__PURE__ */ r(
       "button",
       {
-        onClick: () => s(r.id),
+        onClick: () => n(t.id),
+        "data-component": "filter-panel-sidebar-item",
+        "data-active": s ? "true" : "false",
+        "data-tab": t.id,
         className: i(
           "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
-          n ? "bg-active-blue text-primary" : "text-text-secondary hover:bg-active-blue"
+          s ? "bg-active-blue text-primary" : "text-text-secondary hover:bg-active-blue"
         ),
         children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
             /* @__PURE__ */ e("span", { className: i(
               "shrink-0",
-              n ? "text-primary" : "text-text-secondary"
-            ), children: r.icon }),
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
-              /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: r.label }),
-              r.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
+              s ? "text-primary" : "text-text-secondary"
+            ), children: t.icon }),
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-1 min-w-0", children: [
+              /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: t.label }),
+              t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-            r.count !== void 0 && r.count > 0 && /* @__PURE__ */ e("span", { className: i(
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+            t.count !== void 0 && t.count > 0 && /* @__PURE__ */ e("span", { className: i(
               "flex h-5 items-center justify-center rounded-full px-2 text-[11px]",
-              n ? "bg-white text-[#4259ee] border border-gray-100" : "bg-white border border-gray-100"
-            ), children: r.count }),
-            r.hasError && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-destructive" }),
-            r.hasWarning && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-warning" }),
-            r.hasInfo && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-icon-gray" })
+              s ? "bg-white text-[#4259ee] border border-gray-100" : "bg-white border border-gray-100"
+            ), children: t.count }),
+            t.hasError && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-destructive" }),
+            t.hasWarning && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-warning" }),
+            t.hasInfo && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-icon-gray" })
           ] })
         ]
       }
     )
-  ] }, r.id);
-}) }) }), B = ({ children: l, className: a }) => /* @__PURE__ */ e("div", { className: i("flex flex-1 flex-col overflow-auto bg-white p-4", a), children: l }), E = ({ children: l, className: a, leftAction: s }) => /* @__PURE__ */ t("div", { className: i("flex items-center justify-between border-t bg-white px-4 py-3 shrink-0", a), children: [
-  /* @__PURE__ */ e("div", { children: s && s }),
+  ] }, t.id);
+}) }) }), B = ({ children: l, className: a }) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-body", className: i("flex flex-1 flex-col overflow-auto bg-white p-4", a), children: l }), E = ({ children: l, className: a, leftAction: n }) => /* @__PURE__ */ r("div", { "data-component": "filter-panel-footer", className: i("flex items-center justify-between border-t bg-white px-4 py-3 shrink-0", a), children: [
+  /* @__PURE__ */ e("div", { children: n && n }),
   /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: l })
 ] });
 export {

package/dist/components/ui/filter-strip/filter-strip.js

@@ -1,68 +1,71 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { ListFilter as k } from "lucide-react";
 import { cn as a } from "../../../lib/utils.js";
 import { Button as v } from "../button.js";
-import { Skeleton as s } from "../skeleton.js";
+import { Skeleton as i } from "../skeleton.js";
 import { FilterSummary as u } from "./filter-summary.js";
 import { FilterTagList as b } from "./filter-tag-list.js";
 const C = ({
-  filters: l,
-  onFilterRemove: m,
-  onAllFiltersClick: t,
+  filters: r,
+  onFilterRemove: l,
+  onAllFiltersClick: m,
   savedFilters: n,
   recentFilters: c,
-  onApplySavedFilter: h,
-  onSavedFilterSearch: p,
-  onSavedFiltersScroll: f,
-  onViewAll: o,
-  selectedFilter: w,
-  onSelectedFilterChange: x,
-  onDropdownOpenChange: d,
+  onApplySavedFilter: p,
+  onSavedFilterSearch: o,
+  onSavedFiltersScroll: h,
+  onViewAll: f,
+  selectedFilter: d,
+  onSelectedFilterChange: w,
+  onDropdownOpenChange: x,
   isLoadingFilterPreferencesList: N,
   isLoading: g,
-  className: r
+  className: s
 }) => g ? /* @__PURE__ */ e(
   "div",
   {
+    "data-component": "filter-strip",
+    "data-loading": "true",
     className: a(
       "flex w-full h-12 items-center gap-3 bg-white px-6 py-2",
-      r
+      s
     ),
-    children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+    children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-1 min-w-0", "data-component": "filter-strip-loading", children: [
       /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[#60697d] font-['Manrope'] shrink-0", children: "Filters Applied" }),
-      /* @__PURE__ */ e(s, { className: "h-6 w-20 shrink-0" }),
+      /* @__PURE__ */ e(i, { className: "h-6 w-20 shrink-0" }),
       /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-        /* @__PURE__ */ e(s, { className: "h-6 w-32" }),
-        /* @__PURE__ */ e(s, { className: "h-6 w-28" }),
-        /* @__PURE__ */ e(s, { className: "h-6 w-24" }),
-        /* @__PURE__ */ e(s, { className: "h-6 w-36" }),
-        /* @__PURE__ */ e(s, { className: "h-6 w-20" }),
-        /* @__PURE__ */ e(s, { className: "h-6 w-30" })
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+        /* @__PURE__ */ e(i, { className: "h-6 w-32" }),
+        /* @__PURE__ */ e(i, { className: "h-6 w-28" }),
+        /* @__PURE__ */ e(i, { className: "h-6 w-24" }),
+        /* @__PURE__ */ e(i, { className: "h-6 w-36" }),
+        /* @__PURE__ */ e(i, { className: "h-6 w-20" }),
+        /* @__PURE__ */ e(i, { className: "h-6 w-30" })
       ] }),
       /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
-      /* @__PURE__ */ e(s, { className: "h-8 w-24 shrink-0" })
+      /* @__PURE__ */ e(i, { className: "h-8 w-24 shrink-0" })
     ] })
   }
-) : /* @__PURE__ */ i(
+) : /* @__PURE__ */ t(
   "div",
   {
+    "data-component": "filter-strip",
     className: a(
       "flex w-full h-12 items-center gap-3 bg-white px-6 py-2",
-      r
+      s
     ),
     children: [
       /* @__PURE__ */ e(
         u,
         {
-          selectedFilter: w,
-          onSelectedFilterChange: x,
+          selectedFilter: d,
+          onSelectedFilterChange: w,
           savedFilters: n,
           recentFilters: c,
-          onApplySavedFilter: h,
-          onSavedFilterSearch: p,
-          onSavedFiltersScroll: f,
-          onDropdownOpenChange: d,
+          onApplySavedFilter: p,
+          onSavedFilterSearch: o,
+          onSavedFiltersScroll: h,
+          onDropdownOpenChange: x,
           isLoadingFilterPreferencesList: N
         }
       ),
@@ -70,17 +73,18 @@ const C = ({
       /* @__PURE__ */ e(
         b,
         {
-          filters: l,
-          onFilterRemove: m,
-          onViewAll: o
+          filters: r,
+          onFilterRemove: l,
+          onViewAll: f
         }
       ),
       /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-[#e6e8f0] mx-1 shrink-0" }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ t(
         v,
         {
           variant: "tertiary",
-          onClick: t,
+          onClick: m,
+          "data-component": "filter-strip-all-filters",
           children: [
             /* @__PURE__ */ e(k, { className: "h-4 w-4" }),
             "All Filters"

package/dist/components/ui/header.js

@@ -1,110 +1,111 @@
-import { jsx as i, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { jsx as i, jsxs as d, Fragment as c } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as s } from "../../lib/utils.js";
 import { Button as l } from "./button.js";
 import { Separator as f } from "./separator.js";
 import { Alan as m, IA as p, Bell as x } from "../../icons/index.js";
 /* empty css            */
-const h = o.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ i(
+const h = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "header",
   {
     ref: r,
     className: s(
       "sticky top-0 z-40 flex h-14 w-full items-center justify-between bg-white px-6 shadow-[0px_0px_16px_2px_rgba(0,0,0,0.0588)]",
-      e
+      t
     ),
     ...a,
-    children: t
+    children: e
   }
 ));
 h.displayName = "Header";
-const N = o.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ i(
+const N = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "div",
   {
     ref: r,
-    className: s("flex flex-row items-center justify-start", e),
+    className: s("flex flex-row items-center justify-start", t),
     ...a,
-    children: t
+    children: e
   }
 ));
 N.displayName = "HeaderLeft";
-const u = o.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ i(
+const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "div",
   {
     ref: r,
-    className: s("flex flex-row items-center justify-start gap-5", e),
+    className: s("flex flex-row items-center justify-start gap-5", t),
     ...a,
-    children: t
+    children: e
   }
 ));
 u.displayName = "HeaderRight";
-const w = o.forwardRef(({ className: e, children: t, href: a = "/", ...r }, n) => /* @__PURE__ */ i(
+const w = o.forwardRef(({ className: t, children: e, href: a = "/", ...r }, n) => /* @__PURE__ */ i(
   "a",
   {
     href: a,
     ref: n,
-    className: s("h-9 flex items-center justify-center cursor-pointer", e),
+    className: s("h-9 flex items-center justify-center cursor-pointer", t),
     ...r,
-    children: t || /* @__PURE__ */ i(p, { width: 91, height: 36 })
+    children: e || /* @__PURE__ */ i(p, { width: 91, height: 36 })
   }
 ));
 w.displayName = "HeaderLogo";
-const g = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+const g = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
   f,
   {
     ref: a,
     orientation: "vertical",
-    className: s("h-6 mx-3", e),
-    ...t
+    className: s("h-6 mx-3", t),
+    ...e
   }
 ));
 g.displayName = "HeaderSeparator";
-const y = o.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ i(
+const y = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
   "h1",
   {
     ref: r,
     className: s(
       "text-base font-extrabold leading-6 text-foreground",
-      e
+      t
     ),
     ...a,
-    children: t
+    children: e
   }
 ));
 y.displayName = "HeaderTitle";
 const _ = o.forwardRef(
-  ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ i(
+  ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
     "button",
     {
       ref: r,
       type: "button",
       className: s(
         "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",
-        e
+        t
       ),
       ...a,
-      children: t || /* @__PURE__ */ c(d, { children: [
+      children: e || /* @__PURE__ */ d(c, { children: [
         /* @__PURE__ */ i(m, { size: 20, className: "text-white" }),
         /* @__PURE__ */ i("span", { className: "text-sm font-semibold leading-[20px] text-white whitespace-nowrap", children: "Ask Alan" })
       ] })
     }
   )
 ), H = o.forwardRef(
-  ({ className: e, showIndicator: t, children: a, ...r }, n) => /* @__PURE__ */ c(
+  ({ className: t, showIndicator: e, children: a, ...r }, n) => /* @__PURE__ */ d(
     l,
     {
       variant: "ghost",
       size: "icon",
       ref: n,
       "aria-label": "Notifications",
+      "data-indicator": e ? "" : void 0,
       className: s(
         "text-gray-500 relative [&_svg]:size-6 hover:text-gray-900",
-        e
+        t
       ),
       ...r,
       children: [
         /* @__PURE__ */ i(x, { size: 24 }),
-        t && /* @__PURE__ */ c("div", { className: "notification-indicator", children: [
+        e && /* @__PURE__ */ d("div", { className: "notification-indicator", children: [
           /* @__PURE__ */ i("div", { className: "notification-pulse" }),
           /* @__PURE__ */ i("div", { className: "notification-dot" })
         ] })

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

@@ -1,17 +1,17 @@
-import { jsxs as o, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as a, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import * as s from "react";
 import { ChevronRight as j } from "lucide-react";
 import { useVirtualizer as O } from "@tanstack/react-virtual";
-import { cn as u } from "../../../lib/utils.js";
+import { cn as h } from "../../../lib/utils.js";
 import { Button as T } from "../button.js";
-const A = a.forwardRef(
+const A = s.forwardRef(
   ({
-    className: S,
-    items: h,
-    renderItem: z,
+    className: z,
+    items: u,
+    renderItem: S,
     scrollStep: g = 200,
     hideScrollbar: p = !1,
-    controlsPosition: i = "right",
+    controlsPosition: c = "right",
     renderPrevious: v,
     renderNext: x,
     maxWidth: N = "100%",
@@ -19,19 +19,19 @@ const A = a.forwardRef(
     overscan: R = 5,
     ...k
   }, C) => {
-    const l = a.useRef(null), [n, L] = a.useState(!1), [s, B] = a.useState(!1);
-    a.useImperativeHandle(C, () => l.current);
-    const c = O({
-      count: h.length,
+    const l = s.useRef(null), [n, L] = s.useState(!1), [o, B] = s.useState(!1);
+    s.useImperativeHandle(C, () => l.current);
+    const i = O({
+      count: u.length,
       getScrollElement: () => l.current,
       estimateSize: typeof m == "function" ? m : () => m,
       horizontal: !0,
       overscan: R
-    }), E = c.getTotalSize(), d = a.useCallback(() => {
+    }), E = i.getTotalSize(), d = s.useCallback(() => {
       const e = l.current;
       e && (L(e.scrollLeft > 0), B(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
     }, []);
-    a.useEffect(() => {
+    s.useEffect(() => {
       const e = l.current;
       if (!e) return;
       d();
@@ -43,34 +43,35 @@ const A = a.forwardRef(
       return f.observe(e), () => {
         e.removeEventListener("scroll", t), f.disconnect();
       };
-    }, [d, h, E]);
+    }, [d, u, E]);
     const b = () => {
       l.current?.scrollBy({ left: -g, behavior: "smooth" });
-    }, y = () => {
+    }, w = () => {
       l.current?.scrollBy({ left: g, behavior: "smooth" });
-    }, w = ({
+    }, y = ({
       direction: e,
       onClick: t,
       disabled: f
-    }) => f ? null : /* @__PURE__ */ o(
+    }) => f ? null : /* @__PURE__ */ a(
       T,
       {
         variant: "ghost",
         size: "icon",
-        className: u(
+        className: h(
           "h-8 w-8 rounded-md bg-[#f5f6fa] text-[#60697d] hover:bg-[#eceefd] hover:text-[#4259ee]"
         ),
         onClick: t,
         disabled: f,
         "aria-label": `Scroll ${e}`,
+        "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
         children: [
           /* @__PURE__ */ r(
             j,
             {
-              className: u("h-4 w-4", e === "left" && "rotate-180")
+              className: h("h-4 w-4", e === "left" && "rotate-180")
             }
           ),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: [
+          /* @__PURE__ */ a("span", { className: "sr-only", children: [
             "Scroll ",
             e
           ] })
@@ -78,41 +79,42 @@ const A = a.forwardRef(
       }
     ), H = () => {
       const e = v ? v({ onClick: b, disabled: !n }) : /* @__PURE__ */ r(
-        w,
+        y,
         {
           direction: "left",
           onClick: b,
           disabled: !n
         }
-      ), t = x ? x({ onClick: y, disabled: !s }) : /* @__PURE__ */ r(
-        w,
+      ), t = x ? x({ onClick: w, disabled: !o }) : /* @__PURE__ */ r(
+        y,
         {
           direction: "right",
-          onClick: y,
-          disabled: !s
+          onClick: w,
+          disabled: !o
         }
       );
-      return i === "split" ? /* @__PURE__ */ o($, { children: [
+      return c === "split" ? /* @__PURE__ */ a($, { children: [
         /* @__PURE__ */ r("div", { className: "absolute left-0 top-1/2 z-20 -translate-y-1/2", children: e }),
         /* @__PURE__ */ r("div", { className: "absolute right-0 top-1/2 z-20 -translate-y-1/2", children: t })
-      ] }) : i === "left" ? /* @__PURE__ */ o("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+      ] }) : c === "left" ? /* @__PURE__ */ a("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
         t
-      ] }) : /* @__PURE__ */ o("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+      ] }) : /* @__PURE__ */ a("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
         t
       ] });
-    }, V = () => i === "left" ? n && s ? "pl-20" : n || s ? "pl-12" : "" : i === "split" && n ? "pl-12" : "", W = () => i === "right" ? n && s ? "pr-20" : n || s ? "pr-12" : "" : i === "split" && s ? "pr-12" : "";
-    return /* @__PURE__ */ o(
+    }, V = () => c === "left" ? n && o ? "pl-20" : n || o ? "pl-12" : "" : c === "split" && n ? "pl-12" : "", W = () => c === "right" ? n && o ? "pr-20" : n || o ? "pr-12" : "" : c === "split" && o ? "pr-12" : "";
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: u(
+        className: h(
           "relative group min-w-0 w-full overflow-hidden bg-transparent",
           V(),
           W(),
-          S
+          z
         ),
         style: { maxWidth: N },
+        "data-component": "horizontal-scroller",
         ...k,
         children: [
           H(),
@@ -120,7 +122,7 @@ const A = a.forwardRef(
             "div",
             {
               ref: l,
-              className: u(
+              className: h(
                 "flex w-full overflow-x-auto overflow-y-hidden whitespace-nowrap",
                 p && "scrollbar-hide",
                 "scroll-smooth"
@@ -129,23 +131,24 @@ const A = a.forwardRef(
                 scrollbarWidth: p ? "none" : "auto",
                 msOverflowStyle: p ? "none" : "auto"
               },
-              children: /* @__PURE__ */ o(
+              "data-component": "horizontal-scroller-viewport",
+              children: /* @__PURE__ */ a(
                 "div",
                 {
                   style: {
-                    width: `${c.getTotalSize()}px`,
+                    width: `${i.getTotalSize()}px`,
                     display: "flex",
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ r("div", { style: { width: `${c.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
-                    c.getVirtualItems().map((e) => /* @__PURE__ */ r(
+                    /* @__PURE__ */ r("div", { style: { width: `${i.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
+                    i.getVirtualItems().map((e) => /* @__PURE__ */ r(
                       "div",
                       {
-                        ref: c.measureElement,
+                        ref: i.measureElement,
                         "data-index": e.index,
                         className: "flex-shrink-0",
-                        children: z(h[e.index], e.index)
+                        children: S(u[e.index], e.index)
                       },
                       e.key
                     ))

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

@@ -1,13 +1,14 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as n from "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as i 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(
+const c = o.Root, l = o.Trigger, m = i.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ n(
   o.Content,
   {
     ref: d,
     align: e,
     sideOffset: a,
+    "data-component": "hover-card-content",
     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
@@ -17,7 +18,7 @@ const l = o.Root, c = o.Trigger, m = n.forwardRef(({ className: t, align: e = "c
 ));
 m.displayName = o.Content.displayName;
 export {
-  l as HoverCard,
+  c as HoverCard,
   m as HoverCardContent,
-  c as HoverCardTrigger
+  l as HoverCardTrigger
 };

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const inputVariants: (props?: {
     isError?: boolean;
-    size?: "default" | "sm" | "md";
+    size?: "sm" | "md" | "lg" | "default";
     disabled?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "disabled">, VariantProps<typeof inputVariants> {