@particle-academy/react-fancy 1.4.0 → 1.5.0

package/dist/index.js

@@ -2714,7 +2714,7 @@ var CarouselPanels = forwardRef(
       }
     }, [activeIndex, transition]);
     if (transition === "fade") {
-      return /* @__PURE__ */ jsx("div", { ref, className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
@@ -2728,13 +2728,13 @@ var CarouselPanels = forwardRef(
         activeIndex
       ) });
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("relative overflow-hidden", className), children: slides[activeIndex] });
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: cn("relative overflow-hidden", className), children: slides[activeIndex] });
   }
 );
 CarouselPanels.displayName = "CarouselPanels";
 var CarouselSlide = forwardRef(
   ({ children, className, name: _name }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), children });
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-slide": "", className: cn("w-full", className), children });
   }
 );
 CarouselSlide.displayName = "CarouselSlide";
@@ -2752,7 +2752,7 @@ var CarouselControls = forwardRef(
     const isFirst = activeIndex === 0;
     const isLast = activeIndex === totalSlides - 1;
     if (variant === "wizard") {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2", className), children: [
+      return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: cn("flex items-center gap-2", className), children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -2784,7 +2784,7 @@ var CarouselControls = forwardRef(
     }
     const prevDisabled = !loop && isFirst;
     const nextDisabled = !loop && isLast;
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2", className), children: [
+    return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: cn("flex items-center gap-2", className), children: [
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -2816,7 +2816,7 @@ var CarouselSteps = forwardRef(
       return null;
     }
     if (variant === "wizard") {
-      return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-3", className), children: Array.from({ length: totalSlides }, (_, i) => {
+      return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: cn("flex items-center gap-3", className), children: Array.from({ length: totalSlides }, (_, i) => {
         const isActive = i === activeIndex;
         const isCompleted = i < activeIndex;
         const name = slideNames[i];
@@ -2853,7 +2853,7 @@ var CarouselSteps = forwardRef(
         );
       }) });
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-1.5", className), children: Array.from({ length: totalSlides }, (_, i) => /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: cn("flex items-center gap-1.5", className), children: Array.from({ length: totalSlides }, (_, i) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -3174,10 +3174,10 @@ function useTable() {
   return ctx;
 }
 function TableHead({ children, className }) {
-  return /* @__PURE__ */ jsx("thead", { className: cn("border-b border-zinc-200 dark:border-zinc-700", className), children });
+  return /* @__PURE__ */ jsx("thead", { "data-react-fancy-table-head": "", className: cn("border-b border-zinc-200 dark:border-zinc-700", className), children });
 }
 function TableBody({ children, className }) {
-  return /* @__PURE__ */ jsx("tbody", { className: cn("divide-y divide-zinc-100 dark:divide-zinc-800", className), children });
+  return /* @__PURE__ */ jsx("tbody", { "data-react-fancy-table-body": "", className: cn("divide-y divide-zinc-100 dark:divide-zinc-800", className), children });
 }
 function TableRow({
   children,
@@ -3226,6 +3226,7 @@ function TableRow({
     /* @__PURE__ */ jsxs(
       "tr",
       {
+        "data-react-fancy-table-row": "",
         className: cn(
           "transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50",
           onClick && "cursor-pointer",
@@ -3247,6 +3248,7 @@ function TableCell({ children, className, header }) {
   return /* @__PURE__ */ jsx(
     Tag,
     {
+      "data-react-fancy-table-cell": "",
       className: cn(
         "px-4 py-3 text-sm",
         header && "text-left font-medium text-zinc-500 dark:text-zinc-400",
@@ -3262,6 +3264,7 @@ function TableColumn({ label, sortKey, className }) {
   return /* @__PURE__ */ jsx(
     "th",
     {
+      "data-react-fancy-table-column": "",
       className: cn(
         "px-4 py-3 text-left text-sm font-medium text-zinc-500 dark:text-zinc-400",
         sortKey && "cursor-pointer select-none",
@@ -3283,7 +3286,7 @@ function TablePagination({
   const { page, setPage } = useTable();
   const totalPages = Math.ceil(total / pageSize);
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-4 py-3 text-sm", className), children: [
+  return /* @__PURE__ */ jsxs("div", { "data-react-fancy-table-pagination": "", className: cn("flex items-center justify-between px-4 py-3 text-sm", className), children: [
     /* @__PURE__ */ jsxs("span", { className: "text-zinc-500", children: [
       "Page ",
       page + 1,
@@ -3322,6 +3325,7 @@ function TableSearch({
   return /* @__PURE__ */ jsx(
     "input",
     {
+      "data-react-fancy-table-search": "",
       type: "text",
       value: searchQuery,
       onChange: (e) => setSearchQuery(e.target.value),
@@ -3334,7 +3338,7 @@ function TableSearch({
   );
 }
 function TableTray({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between px-4 py-3", className), children });
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-table-tray": "", className: cn("flex items-center justify-between px-4 py-3", className), children });
 }
 function TableRowTray({ children, className }) {
   return /* @__PURE__ */ jsx(
@@ -4739,6 +4743,7 @@ function DropdownSeparator({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-react-fancy-dropdown-separator": "",
       role: "separator",
       className: cn(
         "my-1 h-px bg-zinc-200 dark:bg-zinc-700",
@@ -4792,7 +4797,7 @@ function ContextMenuTrigger({
     },
     [ctx]
   );
-  return /* @__PURE__ */ jsx("div", { onContextMenu: handleContextMenu, className: cn(className), children });
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-context-menu-trigger": "", onContextMenu: handleContextMenu, className: cn(className), children });
 }
 ContextMenuTrigger.displayName = "ContextMenuTrigger";
 function ContextMenuContent({
@@ -4842,6 +4847,7 @@ function ContextMenuItem({
     "button",
     {
       type: "button",
+      "data-react-fancy-context-menu-item": "",
       role: "menuitem",
       disabled,
       "aria-disabled": disabled,
@@ -4865,6 +4871,7 @@ function ContextMenuSeparator({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-react-fancy-context-menu-separator": "",
       role: "separator",
       className: cn("my-1 h-px bg-zinc-200 dark:bg-zinc-700", className)
     }
@@ -5604,7 +5611,7 @@ function BreadcrumbsDropdown({ items, activeLabel }) {
   const ref = useRef(null);
   useOutsideClick(ref, () => setOpen(false), open);
   useEscapeKey(() => setOpen(false), open);
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex md:hidden", children: [
+  return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-breadcrumbs-dropdown": "", className: "relative flex md:hidden", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -7126,6 +7133,7 @@ function ChartLine({
     "div",
     {
       ref: containerRef,
+      "data-react-fancy-chart-line": "",
       className: cn("relative", className),
       onMouseMove: handleMouseMove,
       onMouseLeave: () => setHoverInfo(null),
@@ -7286,7 +7294,7 @@ function ChartPie({
     const rect = containerRef.current.getBoundingClientRect();
     setTooltipPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
   };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative inline-flex items-center gap-6", className), onMouseMove: handleMouseMove, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, "data-react-fancy-chart-pie": "", className: cn("relative inline-flex items-center gap-6", className), onMouseMove: handleMouseMove, children: [
     /* @__PURE__ */ jsx("svg", { width: size, height: size, children: slices.map((slice, i) => /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx(
         "path",
@@ -7444,7 +7452,7 @@ function ChartStackedBar({
     setTooltipPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
   };
   const svgProps = responsive ? { viewBox: `0 0 ${width} ${height}`, width: "100%", preserveAspectRatio: "xMidYMid meet" } : { width, height };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", className), onMouseMove: handleMouseMove, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, "data-react-fancy-chart-stacked-bar": "", className: cn("relative", className), onMouseMove: handleMouseMove, children: [
     /* @__PURE__ */ jsxs("svg", { ...svgProps, height: responsive ? void 0 : height, children: [
       grid && /* @__PURE__ */ jsx(
         ChartGrid,