@fuf-stack/pixels 1.11.1 → 1.11.3

package/dist/ProgressCircular/ProgressCircular.d.ts

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
 //#region src/ProgressCircular/ProgressCircular.d.ts
 declare const progressCircularVariants: ((props?: ({
   size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+  color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
   hasError?: boolean | undefined;
   isFinished?: boolean | undefined;
 } & ({
@@ -16,7 +16,7 @@ declare const progressCircularVariants: ((props?: ({
 })) | undefined) => {
   base: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -28,7 +28,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   indicator: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -40,7 +40,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   label: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -52,7 +52,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   svg: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -64,7 +64,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   svgWrapper: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -76,7 +76,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   track: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -88,7 +88,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   value: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -101,7 +101,7 @@ declare const progressCircularVariants: ((props?: ({
 } & {
   base: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -113,7 +113,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   indicator: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -125,7 +125,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   label: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -137,7 +137,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   svg: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -149,7 +149,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   svgWrapper: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -161,7 +161,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   track: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -173,7 +173,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => string;
   value: (slotProps?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -186,7 +186,7 @@ declare const progressCircularVariants: ((props?: ({
 } & {}) & {
   extend: ((props?: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   } & ({
@@ -198,7 +198,7 @@ declare const progressCircularVariants: ((props?: ({
   })) | undefined) => {} & {
     base: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -210,7 +210,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     indicator: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -222,7 +222,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     label: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -234,7 +234,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     svg: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -246,7 +246,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     svgWrapper: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -258,7 +258,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     track: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -270,7 +270,7 @@ declare const progressCircularVariants: ((props?: ({
     })) | undefined) => string;
     value: (slotProps?: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     } & ({
@@ -351,13 +351,13 @@ declare const progressCircularVariants: ((props?: ({
     };
     defaultVariants: {
       size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasError?: boolean | undefined;
       isFinished?: boolean | undefined;
     };
     compoundVariants: ({
       size?: "sm" | "md" | "lg" | "xs" | "xl" | ("sm" | "md" | "lg" | "xs" | "xl")[] | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
       hasError?: boolean | boolean[] | undefined;
       isFinished?: boolean | boolean[] | undefined;
     } & ({
@@ -366,8 +366,8 @@ declare const progressCircularVariants: ((props?: ({
         label?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         track?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         svg?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         value?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         svgWrapper?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       };
       className?: never;
@@ -378,15 +378,15 @@ declare const progressCircularVariants: ((props?: ({
         label?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         track?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         svg?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         value?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         svgWrapper?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       };
     }))[];
     compoundSlots: ({
-      slots: ("base" | "label" | "track" | "svg" | "indicator" | "value" | "svgWrapper")[];
+      slots: ("base" | "label" | "track" | "svg" | "value" | "indicator" | "svgWrapper")[];
     } & ({
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
       hasError?: boolean | boolean[] | undefined;
       isFinished?: boolean | boolean[] | undefined;
       size?: "sm" | "md" | "lg" | "xs" | "xl" | ("sm" | "md" | "lg" | "xs" | "xl")[] | undefined;
@@ -468,13 +468,13 @@ declare const progressCircularVariants: ((props?: ({
   };
   defaultVariants: {
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasError?: boolean | undefined;
     isFinished?: boolean | undefined;
   };
   compoundVariants: ({
     size?: "sm" | "md" | "lg" | "xs" | "xl" | ("sm" | "md" | "lg" | "xs" | "xl")[] | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
     hasError?: boolean | boolean[] | undefined;
     isFinished?: boolean | boolean[] | undefined;
   } & ({
@@ -483,8 +483,8 @@ declare const progressCircularVariants: ((props?: ({
       label?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       track?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       svg?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-      indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       value?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+      indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       svgWrapper?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     };
     className?: never;
@@ -495,15 +495,15 @@ declare const progressCircularVariants: ((props?: ({
       label?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       track?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       svg?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-      indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       value?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+      indicator?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       svgWrapper?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     };
   }))[];
   compoundSlots: ({
-    slots: ("base" | "label" | "track" | "svg" | "indicator" | "value" | "svgWrapper")[];
+    slots: ("base" | "label" | "track" | "svg" | "value" | "indicator" | "svgWrapper")[];
   } & ({
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
     hasError?: boolean | boolean[] | undefined;
     isFinished?: boolean | boolean[] | undefined;
     size?: "sm" | "md" | "lg" | "xs" | "xl" | ("sm" | "md" | "lg" | "xs" | "xl")[] | undefined;

package/dist/ProgressCircular/ProgressCircular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircular.d.ts","names":[],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"mappings":";;;;cAaa,wBAAA,IAAwB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbA8FX;mbAAA;obAAA;obAAA;kbAAA;wbAAA;obAAA;ybAAA;IAAA;;;;ubA2EzB;;;;;;;;;;;;;;;;;;;;;;;;;;KA7GI,YAAA,GAAe,OAAO,QAAQ,wBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,wBAAA;AAAA,UAEnB,qBAAA,SAA8B,YAAA;;EAE7C,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,KAAA,GAAQ,YAAA;;EAER,gBAAA;;EAEA,oBAAA;;EAEA,MAAA,IAAU,OAAA,cAAqB,SAAA;;EAE/B,QAAA;;EAEA,OAAA;;EAEA,IAAA,GAAO,YAAA;;EAEP,WAAA;AAAA;;;;cAWI,gBAAA;EAAoB,SAAA;EAAA,SAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA,EAAA;AAAA,GAWvB,qBAAA,iCAAqB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ProgressCircular.d.ts","names":[],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"mappings":";;;;cAaa,wBAAA,IAAwB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbA8FX;mbAAA;obAAA;obAAA;kbAAA;obAAA;wbAAA;ybAAA;IAAA;;;;ubA2EzB;;;;;;;;;;;;;;;;;;;;;;;;;;KA7GI,YAAA,GAAe,OAAO,QAAQ,wBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,wBAAA;AAAA,UAEnB,qBAAA,SAA8B,YAAA;;EAE7C,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,KAAA,GAAQ,YAAA;;EAER,gBAAA;;EAEA,oBAAA;;EAEA,MAAA,IAAU,OAAA,cAAqB,SAAA;;EAE/B,QAAA;;EAEA,OAAA;;EAEA,IAAA,GAAO,YAAA;;EAEP,WAAA;AAAA;;;;cAWI,gBAAA;EAAoB,SAAA;EAAA,SAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA,EAAA;AAAA,GAWvB,qBAAA,iCAAqB,GAAA,CAAA,OAAA"}

package/dist/ProgressCircular/ProgressCircular.js

@@ -84,11 +84,11 @@ const ProgressCircular = ({ ariaLabel = "progress", className = void 0, format =
 		value = /* @__PURE__ */ jsx(FaCheck, { className: "text-success" });
 	}
 	return /* @__PURE__ */ jsx(CircularProgress, {
-		showValueLabel: true,
 		"aria-label": ariaLabel,
 		classNames,
 		color: Object.keys(circularProgress.variants.color).includes(color) ? progressColor : void 0,
 		disableAnimation: isInitialRenderCycle || disableAnimation,
+		showValueLabel: true,
 		strokeWidth,
 		value: percent || 0,
 		valueLabel: value

package/dist/ProgressCircular/ProgressCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircular.js","names":["heroCircularProgressVariants","HeroCircularProgress"],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks/useIsInitialRenderCycle';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      showValueLabel\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n"],"mappings":";;;;;;;AAaA,MAAa,2BAA2B,GAAG;CACzC,OAAO;EAEL,MAAM;EAEN,WAAW;EAEX,OAAO;EAEP,KAAK;EAEL,YAAY;EAEZ,OAAO;EAEP,OAAO;CACT;CACA,UAAU;EACR,OAAO;GACL,MAAM,EACJ,KAAK,YACP;GAEA,GAAGA,iBAA6B,SAAS;EAC3C;EACA,UAAU,EACR,MAAM,EACJ,KAAK,cACP,EACF;EACA,YAAY,EACV,MAAM,EACJ,KAAK,eACP,EACF;EACA,MAAM;GACJ,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;EACF;CACF;AACF,CAAC;;AA6BD,MAAM,iBAAiB,UAAU,MAAM;CACrC,OAAO,GAAG,QAAQ;AACpB;;;;AAKA,MAAM,oBAAoB,EACxB,YAAY,YACZ,YAAY,KAAA,GACZ,SAAS,eACT,WAAW,OACX,SACA,mBAAmB,OACnB,uBAAuB,OACvB,OAAO,MACP,QAAQ,QACR,aAAa,kBAAkB,KAAA,QACJ;CAE3B,MAAM,uBAAuB,wBAAwB;CAGrD,MAAM,aAAa,CAAC,YAAY,WAAW,OAAO,CAAC;CAQnD,MAAM,aAAa,qBANF,yBAAyB;EACxC;EACA;EACA;EACA;CACF,CAC+C,GAAG,WAAW,MAAM;CAGnE,IAAI,QAAQ,OAAO,OAAO;CAE1B,IAAI,cAAc;CAElB,IAAI,CAAC,aACH,QAAQ,MAAR;EACE,KAAK;GACH,cAAc;GACd;EACF,KAAK;GACH,cAAc;GACd;EACF;GACE,cAAc;GACd;CACJ;CAIF,IAAI,gBAAuC;CAC3C,IAAI,UAAU;EACZ,gBAAgB;EAChB,QAAQ,oBAAC,SAAD,EAAS,WAAU,cAAe,CAAA;CAC5C,OAAO,IAAI,YAAY;EACrB,gBAAgB;EAChB,QAAQ,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;CAC7C;CASA,OACE,oBAACC,kBAAD;EACE,gBAAA;EACA,cAAY;EACA;EACZ,OAXgB,OAAO,KACzBD,iBAA6B,SAAS,KACxC,EAAE,SAAS,KAAK,IACX,gBACD,KAAA;EAQA,kBAAkB,wBAAwB;EAC7B;EAEb,OAAO,WAAW;EAClB,YAAY;CACb,CAAA;AAEL"}
+{"version":3,"file":"ProgressCircular.js","names":["heroCircularProgressVariants","HeroCircularProgress"],"sources":["../../src/ProgressCircular/ProgressCircular.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks/useIsInitialRenderCycle';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      showValueLabel\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n"],"mappings":";;;;;;;AAaA,MAAa,2BAA2B,GAAG;CACzC,OAAO;EAEL,MAAM;EAEN,WAAW;EAEX,OAAO;EAEP,KAAK;EAEL,YAAY;EAEZ,OAAO;EAEP,OAAO;CACT;CACA,UAAU;EACR,OAAO;GACL,MAAM,EACJ,KAAK,YACP;GAEA,GAAGA,iBAA6B,SAAS;EAC3C;EACA,UAAU,EACR,MAAM,EACJ,KAAK,cACP,EACF;EACA,YAAY,EACV,MAAM,EACJ,KAAK,eACP,EACF;EACA,MAAM;GACJ,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;GACA,IAAI;IACF,KAAK;IACL,OAAO;GACT;EACF;CACF;AACF,CAAC;;AA6BD,MAAM,iBAAiB,UAAU,MAAM;CACrC,OAAO,GAAG,QAAQ;AACpB;;;;AAKA,MAAM,oBAAoB,EACxB,YAAY,YACZ,YAAY,KAAA,GACZ,SAAS,eACT,WAAW,OACX,SACA,mBAAmB,OACnB,uBAAuB,OACvB,OAAO,MACP,QAAQ,QACR,aAAa,kBAAkB,KAAA,QACJ;CAE3B,MAAM,uBAAuB,wBAAwB;CAGrD,MAAM,aAAa,CAAC,YAAY,WAAW,OAAO,CAAC;CAQnD,MAAM,aAAa,qBANF,yBAAyB;EACxC;EACA;EACA;EACA;CACF,CAC+C,GAAG,WAAW,MAAM;CAGnE,IAAI,QAAQ,OAAO,OAAO;CAE1B,IAAI,cAAc;CAElB,IAAI,CAAC,aACH,QAAQ,MAAR;EACE,KAAK;GACH,cAAc;GACd;EACF,KAAK;GACH,cAAc;GACd;EACF;GACE,cAAc;GACd;CACJ;CAIF,IAAI,gBAAuC;CAC3C,IAAI,UAAU;EACZ,gBAAgB;EAChB,QAAQ,oBAAC,SAAD,EAAS,WAAU,cAAe,CAAA;CAC5C,OAAO,IAAI,YAAY;EACrB,gBAAgB;EAChB,QAAQ,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;CAC7C;CASA,OACE,oBAACC,kBAAD;EACE,cAAY;EACA;EACZ,OAVgB,OAAO,KACzBD,iBAA6B,SAAS,KACxC,EAAE,SAAS,KAAK,IACX,gBACD,KAAA;EAOA,kBAAkB,wBAAwB;EAC1C,gBAAA;EACa;EAEb,OAAO,WAAW;EAClB,YAAY;CACb,CAAA;AAEL"}

package/dist/ScrollShadow/ScrollShadow.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_scroll_shadow = require("@heroui/scroll-shadow");

package/dist/ScrollShadow/ScrollShadow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.cjs","names":["ScrollShadow"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@heroui/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** Hides the scrollbar */\n  hideScrollBar?: boolean;\n  /** Orientation of the scroll shadow */\n  orientation?: 'horizontal' | 'vertical';\n  /** Shadow size in pixels */\n  size?: number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  hideScrollBar = false,\n  orientation = 'vertical',\n  size = 40,\n  testId = undefined,\n}: ScrollShadowProps) => {\n  return (\n    <ScrollShadow\n      className={cn(className)}\n      data-testid={testId}\n      hideScrollBar={hideScrollBar}\n      orientation={orientation}\n      size={size}\n    >\n      {children}\n    </ScrollShadow>\n  );\n};\n"],"mappings":";;;;;;;;AAwBA,IAAA,wBAAgB,EACd,WAAW,MACX,YAAY,KAAA,GACZ,gBAAgB,OAChB,cAAc,YACd,OAAO,IACP,SAAS,KAAA,QACc;CACvB,OACE,iBAAA,GAAA,kBAAA,KAACA,sBAAAA,cAAD;EACE,YAAA,GAAA,uBAAA,IAAc,SAAS;EACvB,eAAa;EACE;EACF;EACP;EAEL;CACW,CAAA;AAElB"}
+{"version":3,"file":"ScrollShadow.cjs","names":["ScrollShadow"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@heroui/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** Hides the scrollbar */\n  hideScrollBar?: boolean;\n  /** Orientation of the scroll shadow */\n  orientation?: 'horizontal' | 'vertical';\n  /** Shadow size in pixels */\n  size?: number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  hideScrollBar = false,\n  orientation = 'vertical',\n  size = 40,\n  testId = undefined,\n}: ScrollShadowProps) => {\n  return (\n    <ScrollShadow\n      className={cn(className)}\n      data-testid={testId}\n      hideScrollBar={hideScrollBar}\n      orientation={orientation}\n      size={size}\n    >\n      {children}\n    </ScrollShadow>\n  );\n};\n"],"mappings":";;;;;;;AAwBA,IAAA,wBAAgB,EACd,WAAW,MACX,YAAY,KAAA,GACZ,gBAAgB,OAChB,cAAc,YACd,OAAO,IACP,SAAS,KAAA,QACc;CACvB,OACE,iBAAA,GAAA,kBAAA,KAACA,sBAAAA,cAAD;EACE,YAAA,GAAA,uBAAA,IAAc,SAAS;EACvB,eAAa;EACE;EACF;EACP;EAEL;CACW,CAAA;AAElB"}

package/dist/SearchInput/SearchInput.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
@@ -26,10 +25,16 @@ const SearchInput = ({ className: _className = void 0, disabled = false, endCont
 	};
 	const classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(inputVariants(), _className, "base");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_input.Input, {
-		isClearable: true,
 		autoComplete: "off",
+		classNames: {
+			base: classNames.base,
+			clearButton: classNames.clearButton,
+			input: classNames.input,
+			inputWrapper: classNames.inputWrapper
+		},
 		"data-testid": testId ? (0, _fuf_stack_pixel_utils.slugify)(testId) : void 0,
 		endContent,
+		isClearable: true,
 		isDisabled: disabled,
 		onChange: handleChange,
 		onClear: handleChange,
@@ -38,13 +43,7 @@ const SearchInput = ({ className: _className = void 0, disabled = false, endCont
 		size,
 		startContent: startContent ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa.FaSearch, { className: "opacity-50" }),
 		value,
-		variant: "bordered",
-		classNames: {
-			base: classNames.base,
-			clearButton: classNames.clearButton,
-			input: classNames.input,
-			inputWrapper: classNames.inputWrapper
-		}
+		variant: "bordered"
 	});
 };
 //#endregion

package/dist/SearchInput/SearchInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.cjs","names":["HeroInput","FaSearch"],"sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// input variants\nexport const inputVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof inputVariants>;\ntype ClassName = TVClassName<typeof inputVariants>;\n\nexport interface SearchInputProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** optional initial value of the input */\n  initialValue?: string;\n  /** callback that is fired when the value is changed or cleared */\n  onChange: (value: string | null) => void;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * SearchInput component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst SearchInput = ({\n  className: _className = undefined,\n  disabled = false,\n  endContent = undefined,\n  onChange,\n  placeholder = undefined,\n  size = undefined,\n  startContent = undefined,\n  testId = undefined,\n  initialValue = undefined,\n}: SearchInputProps) => {\n  // handle controlled value with initial value\n  const [value, setValue] = useState(initialValue ?? '');\n\n  const handleChange = (e?: ChangeEvent<HTMLInputElement>) => {\n    setValue(e?.target?.value ?? '');\n    onChange(e?.target?.value ?? null);\n  };\n\n  // classNames from slots\n  const variants = inputVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroInput\n      isClearable\n      // disable password manager integrations\n      autoComplete=\"off\"\n      data-testid={testId ? slugify(testId) : undefined}\n      endContent={endContent}\n      isDisabled={disabled}\n      onChange={handleChange}\n      onClear={handleChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      size={size}\n      startContent={startContent ?? <FaSearch className=\"opacity-50\" />}\n      value={value}\n      variant=\"bordered\"\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n    />\n  );\n};\n\nexport default SearchInput;\n"],"mappings":";;;;;;;AAWA,MAAa,iBAAA,GAAA,uBAAA,IAAmB,EAC9B,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,eAAe,EACnB,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,aAAa,KAAA,GACb,UACA,cAAc,KAAA,GACd,OAAO,KAAA,GACP,eAAe,KAAA,GACf,SAAS,KAAA,GACT,eAAe,KAAA,QACO;CAEtB,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,gBAAgB,EAAE;CAErD,MAAM,gBAAgB,MAAsC;EAC1D,SAAS,GAAG,QAAQ,SAAS,EAAE;EAC/B,SAAS,GAAG,QAAQ,SAAS,IAAI;CACnC;CAIA,MAAM,cAAA,GAAA,uBAAA,sBADW,cAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA;EAEA,cAAa;EACb,eAAa,UAAA,GAAA,uBAAA,SAAiB,MAAM,IAAI,KAAA;EAC5B;EACZ,YAAY;EACZ,UAAU;EACV,SAAS;EACI;EACb,QAAO;EACD;EACN,cAAc,gBAAgB,iBAAA,GAAA,kBAAA,KAACC,eAAAA,UAAD,EAAU,WAAU,aAAc,CAAA;EACzD;EACP,SAAQ;EACR,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GACxB,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;CACD,CAAA;AAEL"}
+{"version":3,"file":"SearchInput.cjs","names":["HeroInput","FaSearch"],"sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// input variants\nexport const inputVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof inputVariants>;\ntype ClassName = TVClassName<typeof inputVariants>;\n\nexport interface SearchInputProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** optional initial value of the input */\n  initialValue?: string;\n  /** callback that is fired when the value is changed or cleared */\n  onChange: (value: string | null) => void;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * SearchInput component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst SearchInput = ({\n  className: _className = undefined,\n  disabled = false,\n  endContent = undefined,\n  onChange,\n  placeholder = undefined,\n  size = undefined,\n  startContent = undefined,\n  testId = undefined,\n  initialValue = undefined,\n}: SearchInputProps) => {\n  // handle controlled value with initial value\n  const [value, setValue] = useState(initialValue ?? '');\n\n  const handleChange = (e?: ChangeEvent<HTMLInputElement>) => {\n    setValue(e?.target?.value ?? '');\n    onChange(e?.target?.value ?? null);\n  };\n\n  // classNames from slots\n  const variants = inputVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroInput\n      // disable password manager integrations\n      autoComplete=\"off\"\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n      data-testid={testId ? slugify(testId) : undefined}\n      endContent={endContent}\n      isClearable\n      isDisabled={disabled}\n      onChange={handleChange}\n      onClear={handleChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      size={size}\n      startContent={startContent ?? <FaSearch className=\"opacity-50\" />}\n      value={value}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"mappings":";;;;;;AAWA,MAAa,iBAAA,GAAA,uBAAA,IAAmB,EAC9B,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,eAAe,EACnB,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,aAAa,KAAA,GACb,UACA,cAAc,KAAA,GACd,OAAO,KAAA,GACP,eAAe,KAAA,GACf,SAAS,KAAA,GACT,eAAe,KAAA,QACO;CAEtB,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,gBAAgB,EAAE;CAErD,MAAM,gBAAgB,MAAsC;EAC1D,SAAS,GAAG,QAAQ,SAAS,EAAE;EAC/B,SAAS,GAAG,QAAQ,SAAS,IAAI;CACnC;CAIA,MAAM,cAAA,GAAA,uBAAA,sBADW,cAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EAEE,cAAa;EACb,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GACxB,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;EACA,eAAa,UAAA,GAAA,uBAAA,SAAiB,MAAM,IAAI,KAAA;EAC5B;EACZ,aAAA;EACA,YAAY;EACZ,UAAU;EACV,SAAS;EACI;EACb,QAAO;EACD;EACN,cAAc,gBAAgB,iBAAA,GAAA,kBAAA,KAACC,eAAAA,UAAD,EAAU,WAAU,aAAc,CAAA;EACzD;EACP,SAAQ;CACT,CAAA;AAEL"}

package/dist/SearchInput/SearchInput.js

@@ -25,10 +25,16 @@ const SearchInput = ({ className: _className = void 0, disabled = false, endCont
 	};
 	const classNames = variantsToClassNames(inputVariants(), _className, "base");
 	return /* @__PURE__ */ jsx(Input, {
-		isClearable: true,
 		autoComplete: "off",
+		classNames: {
+			base: classNames.base,
+			clearButton: classNames.clearButton,
+			input: classNames.input,
+			inputWrapper: classNames.inputWrapper
+		},
 		"data-testid": testId ? slugify(testId) : void 0,
 		endContent,
+		isClearable: true,
 		isDisabled: disabled,
 		onChange: handleChange,
 		onClear: handleChange,
@@ -37,13 +43,7 @@ const SearchInput = ({ className: _className = void 0, disabled = false, endCont
 		size,
 		startContent: startContent ?? /* @__PURE__ */ jsx(FaSearch, { className: "opacity-50" }),
 		value,
-		variant: "bordered",
-		classNames: {
-			base: classNames.base,
-			clearButton: classNames.clearButton,
-			input: classNames.input,
-			inputWrapper: classNames.inputWrapper
-		}
+		variant: "bordered"
 	});
 };
 //#endregion

package/dist/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["HeroInput"],"sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// input variants\nexport const inputVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof inputVariants>;\ntype ClassName = TVClassName<typeof inputVariants>;\n\nexport interface SearchInputProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** optional initial value of the input */\n  initialValue?: string;\n  /** callback that is fired when the value is changed or cleared */\n  onChange: (value: string | null) => void;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * SearchInput component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst SearchInput = ({\n  className: _className = undefined,\n  disabled = false,\n  endContent = undefined,\n  onChange,\n  placeholder = undefined,\n  size = undefined,\n  startContent = undefined,\n  testId = undefined,\n  initialValue = undefined,\n}: SearchInputProps) => {\n  // handle controlled value with initial value\n  const [value, setValue] = useState(initialValue ?? '');\n\n  const handleChange = (e?: ChangeEvent<HTMLInputElement>) => {\n    setValue(e?.target?.value ?? '');\n    onChange(e?.target?.value ?? null);\n  };\n\n  // classNames from slots\n  const variants = inputVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroInput\n      isClearable\n      // disable password manager integrations\n      autoComplete=\"off\"\n      data-testid={testId ? slugify(testId) : undefined}\n      endContent={endContent}\n      isDisabled={disabled}\n      onChange={handleChange}\n      onClear={handleChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      size={size}\n      startContent={startContent ?? <FaSearch className=\"opacity-50\" />}\n      value={value}\n      variant=\"bordered\"\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n    />\n  );\n};\n\nexport default SearchInput;\n"],"mappings":";;;;;;AAWA,MAAa,gBAAgB,GAAG,EAC9B,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,eAAe,EACnB,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,aAAa,KAAA,GACb,UACA,cAAc,KAAA,GACd,OAAO,KAAA,GACP,eAAe,KAAA,GACf,SAAS,KAAA,GACT,eAAe,KAAA,QACO;CAEtB,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,EAAE;CAErD,MAAM,gBAAgB,MAAsC;EAC1D,SAAS,GAAG,QAAQ,SAAS,EAAE;EAC/B,SAAS,GAAG,QAAQ,SAAS,IAAI;CACnC;CAIA,MAAM,aAAa,qBADF,cAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,oBAACA,OAAD;EACE,aAAA;EAEA,cAAa;EACb,eAAa,SAAS,QAAQ,MAAM,IAAI,KAAA;EAC5B;EACZ,YAAY;EACZ,UAAU;EACV,SAAS;EACI;EACb,QAAO;EACD;EACN,cAAc,gBAAgB,oBAAC,UAAD,EAAU,WAAU,aAAc,CAAA;EACzD;EACP,SAAQ;EACR,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GACxB,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;CACD,CAAA;AAEL"}
+{"version":3,"file":"SearchInput.js","names":["HeroInput"],"sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// input variants\nexport const inputVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof inputVariants>;\ntype ClassName = TVClassName<typeof inputVariants>;\n\nexport interface SearchInputProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** optional initial value of the input */\n  initialValue?: string;\n  /** callback that is fired when the value is changed or cleared */\n  onChange: (value: string | null) => void;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * SearchInput component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst SearchInput = ({\n  className: _className = undefined,\n  disabled = false,\n  endContent = undefined,\n  onChange,\n  placeholder = undefined,\n  size = undefined,\n  startContent = undefined,\n  testId = undefined,\n  initialValue = undefined,\n}: SearchInputProps) => {\n  // handle controlled value with initial value\n  const [value, setValue] = useState(initialValue ?? '');\n\n  const handleChange = (e?: ChangeEvent<HTMLInputElement>) => {\n    setValue(e?.target?.value ?? '');\n    onChange(e?.target?.value ?? null);\n  };\n\n  // classNames from slots\n  const variants = inputVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroInput\n      // disable password manager integrations\n      autoComplete=\"off\"\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n      data-testid={testId ? slugify(testId) : undefined}\n      endContent={endContent}\n      isClearable\n      isDisabled={disabled}\n      onChange={handleChange}\n      onClear={handleChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      size={size}\n      startContent={startContent ?? <FaSearch className=\"opacity-50\" />}\n      value={value}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"mappings":";;;;;;AAWA,MAAa,gBAAgB,GAAG,EAC9B,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,eAAe,EACnB,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,aAAa,KAAA,GACb,UACA,cAAc,KAAA,GACd,OAAO,KAAA,GACP,eAAe,KAAA,GACf,SAAS,KAAA,GACT,eAAe,KAAA,QACO;CAEtB,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,EAAE;CAErD,MAAM,gBAAgB,MAAsC;EAC1D,SAAS,GAAG,QAAQ,SAAS,EAAE;EAC/B,SAAS,GAAG,QAAQ,SAAS,IAAI;CACnC;CAIA,MAAM,aAAa,qBADF,cAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,oBAACA,OAAD;EAEE,cAAa;EACb,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GACxB,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;EACA,eAAa,SAAS,QAAQ,MAAM,IAAI,KAAA;EAC5B;EACZ,aAAA;EACA,YAAY;EACZ,UAAU;EACV,SAAS;EACI;EACb,QAAO;EACD;EACN,cAAc,gBAAgB,oBAAC,UAAD,EAAU,WAAU,aAAc,CAAA;EACzD;EACP,SAAQ;CACT,CAAA;AAEL"}

package/dist/Table/Table.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_table = require("@heroui/table");

package/dist/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":["HeroTable","TableHeader","TableColumn","TableBody","TableRow","TableCell"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  getKeyValue,\n  Table as HeroTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@heroui/table';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface TableRowProps {\n  key: string | number;\n  [key: string | number]: ReactNode;\n}\n\nexport interface TableProps extends VariantProps {\n  /** Aria label for the Table. */\n  ariaLabel?: string;\n  /** Component to display at the bottom of the Table. */\n  bottomContent?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Objects with table data */\n  columns: TableColumnProps[];\n  /** Component to display if there are no rows! */\n  emptyContent?: ReactNode;\n  /** Determine if the Table should have a card like wrapper. */\n  hasWrapper?: boolean;\n  /** remove header */\n  hideHeader?: boolean;\n  /** Tells the Table to show the loading component. */\n  loading?: boolean;\n  /** Loading animation component. */\n  loadingContent?: ReactNode;\n  /** The maximum height of the table in pixels. Required when using virtualization. */\n  maxTableHeight?: number;\n  /** The fixed height of each row item in pixels. Required when using virtualization. */\n  rowHeight?: number;\n  /** Items displayed as rows in the Table. Should have key-value pair for each column. */\n  rows?: TableRowProps[];\n  /** Separation style for the rows & columns. */\n  separation?:\n    | 'none'\n    | 'striped'\n    | 'striped-divider-x'\n    | 'divider-x'\n    | 'divider-y'\n    | 'divider';\n  /** Keeps the header of the Table in view while scrolling a height limited Table. */\n  stickyHeader?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Virtualize allows efficient rendering of large lists by only rendering items that are visible in the viewport. */\n  virtualized?: boolean;\n}\n\n/**\n * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)\n */\nconst Table = ({\n  ariaLabel = undefined,\n  bottomContent = undefined,\n  className = undefined,\n  columns,\n  emptyContent = 'No rows to display.',\n  hasWrapper = false,\n  hideHeader = false,\n  loading = false,\n  loadingContent = undefined,\n  maxTableHeight = undefined,\n  rowHeight = undefined,\n  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n  virtualized = false,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId ? slugify(testId) : null}\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      isVirtualized={virtualized}\n      maxTableHeight={maxTableHeight}\n      removeWrapper={virtualized ? false : !hasWrapper} // always show wrapper if virtualized\n      rowHeight={rowHeight}\n    >\n      <TableHeader columns={columns}>\n        {(column: TableColumnProps) => {\n          return <TableColumn key={column.key}>{column.label}</TableColumn>;\n        }}\n      </TableHeader>\n      <TableBody\n        emptyContent={emptyContent}\n        isLoading={loading}\n        items={rows}\n        loadingContent={loadingContent ?? '...'} // TODO: use future spinner/loading component\n      >\n        {(item: TableRowProps) => {\n          return (\n            <TableRow\n              key={item.key}\n              // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n            >\n              {(columnKey) => {\n                return <TableCell>{getKeyValue(item, columnKey)}</TableCell>;\n              }}\n            </TableRow>\n          );\n        }}\n      </TableBody>\n    </HeroTable>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;;AAgBA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACP,OAAO;EACP,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,OAAO;EACP,UAAU;EACV,cAAc;EACd,gBAAgB;CAClB;CACA,UAAU,EACR,YAAY;EACV,SAAS,EACP,IAAI,mHACN;EACA,aAAa,EACX,IAAI,WACN;EACA,aAAa,EACX,IAAI,0GACN;EACA,qBAAqB;GACnB,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,IAAI;GACJ,IAAI;EACN;EACA,MAAM,CAAC;CACT,EACF;AACF,CAAC;;;;AA2DD,MAAM,SAAS,EACb,YAAY,KAAA,GACZ,gBAAgB,KAAA,GAChB,YAAY,KAAA,GACZ,SACA,eAAe,uBACf,aAAa,OACb,aAAa,OACb,UAAU,OACV,iBAAiB,KAAA,GACjB,iBAAiB,KAAA,GACjB,YAAY,KAAA,GACZ,OAAO,CAAC,GACR,aAAa,QACb,eAAe,OACf,SAAS,KAAA,GACT,cAAc,YACE;CAIhB,OACE,iBAAA,GAAA,kBAAA,MAACA,cAAAA,OAAD;EACE,cAAY;EACG;EACf,aAAA,GAAA,uBAAA,sBAPa,cAAc,EAAE,WAAW,CACG,GAAG,WAAW,MAMpC;EACrB,eAAa,UAAA,GAAA,uBAAA,SAAiB,MAAM,IAAI;EAC5B;EACZ,gBAAgB;EAChB,WAAW,eAAe,aAAa,eAAe;EACtD,eAAe;EACC;EAChB,eAAe,cAAc,QAAQ,CAAC;EAC3B;YAXb,CAaE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;GAAsB;cAClB,WAA6B;IAC7B,OAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD,EAAA,UAA+B,OAAO,MAAmB,GAAvC,OAAO,GAAgC;GAClE;EACW,CAAA,GACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD;GACgB;GACd,WAAW;GACX,OAAO;GACP,gBAAgB,kBAAkB;cAEhC,SAAwB;IACxB,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,WAII,cAAc;KACd,OAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD,EAAA,WAAA,GAAA,cAAA,aAAwB,MAAM,SAAS,EAAa,CAAA;IAC7D,EACQ,GANH,KAAK,GAMF;GAEd;EACS,CAAA,CACF;;AAEf"}
+{"version":3,"file":"Table.cjs","names":["HeroTable","TableHeader","TableColumn","TableBody","TableRow","TableCell"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  getKeyValue,\n  Table as HeroTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@heroui/table';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface TableRowProps {\n  key: string | number;\n  [key: string | number]: ReactNode;\n}\n\nexport interface TableProps extends VariantProps {\n  /** Aria label for the Table. */\n  ariaLabel?: string;\n  /** Component to display at the bottom of the Table. */\n  bottomContent?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Objects with table data */\n  columns: TableColumnProps[];\n  /** Component to display if there are no rows! */\n  emptyContent?: ReactNode;\n  /** Determine if the Table should have a card like wrapper. */\n  hasWrapper?: boolean;\n  /** remove header */\n  hideHeader?: boolean;\n  /** Tells the Table to show the loading component. */\n  loading?: boolean;\n  /** Loading animation component. */\n  loadingContent?: ReactNode;\n  /** The maximum height of the table in pixels. Required when using virtualization. */\n  maxTableHeight?: number;\n  /** The fixed height of each row item in pixels. Required when using virtualization. */\n  rowHeight?: number;\n  /** Items displayed as rows in the Table. Should have key-value pair for each column. */\n  rows?: TableRowProps[];\n  /** Separation style for the rows & columns. */\n  separation?:\n    | 'none'\n    | 'striped'\n    | 'striped-divider-x'\n    | 'divider-x'\n    | 'divider-y'\n    | 'divider';\n  /** Keeps the header of the Table in view while scrolling a height limited Table. */\n  stickyHeader?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Virtualize allows efficient rendering of large lists by only rendering items that are visible in the viewport. */\n  virtualized?: boolean;\n}\n\n/**\n * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)\n */\nconst Table = ({\n  ariaLabel = undefined,\n  bottomContent = undefined,\n  className = undefined,\n  columns,\n  emptyContent = 'No rows to display.',\n  hasWrapper = false,\n  hideHeader = false,\n  loading = false,\n  loadingContent = undefined,\n  maxTableHeight = undefined,\n  rowHeight = undefined,\n  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n  virtualized = false,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId ? slugify(testId) : null}\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      isVirtualized={virtualized}\n      maxTableHeight={maxTableHeight}\n      removeWrapper={virtualized ? false : !hasWrapper} // always show wrapper if virtualized\n      rowHeight={rowHeight}\n    >\n      <TableHeader columns={columns}>\n        {(column: TableColumnProps) => {\n          return <TableColumn key={column.key}>{column.label}</TableColumn>;\n        }}\n      </TableHeader>\n      <TableBody\n        emptyContent={emptyContent}\n        isLoading={loading}\n        items={rows}\n        loadingContent={loadingContent ?? '...'} // TODO: use future spinner/loading component\n      >\n        {(item: TableRowProps) => {\n          return (\n            <TableRow\n              key={item.key}\n              // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n            >\n              {(columnKey) => {\n                return <TableCell>{getKeyValue(item, columnKey)}</TableCell>;\n              }}\n            </TableRow>\n          );\n        }}\n      </TableBody>\n    </HeroTable>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;AAgBA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACP,OAAO;EACP,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,OAAO;EACP,UAAU;EACV,cAAc;EACd,gBAAgB;CAClB;CACA,UAAU,EACR,YAAY;EACV,SAAS,EACP,IAAI,mHACN;EACA,aAAa,EACX,IAAI,WACN;EACA,aAAa,EACX,IAAI,0GACN;EACA,qBAAqB;GACnB,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,IAAI;GACJ,IAAI;EACN;EACA,MAAM,CAAC;CACT,EACF;AACF,CAAC;;;;AA2DD,MAAM,SAAS,EACb,YAAY,KAAA,GACZ,gBAAgB,KAAA,GAChB,YAAY,KAAA,GACZ,SACA,eAAe,uBACf,aAAa,OACb,aAAa,OACb,UAAU,OACV,iBAAiB,KAAA,GACjB,iBAAiB,KAAA,GACjB,YAAY,KAAA,GACZ,OAAO,CAAC,GACR,aAAa,QACb,eAAe,OACf,SAAS,KAAA,GACT,cAAc,YACE;CAIhB,OACE,iBAAA,GAAA,kBAAA,MAACA,cAAAA,OAAD;EACE,cAAY;EACG;EACf,aAAA,GAAA,uBAAA,sBAPa,cAAc,EAAE,WAAW,CACG,GAAG,WAAW,MAMpC;EACrB,eAAa,UAAA,GAAA,uBAAA,SAAiB,MAAM,IAAI;EAC5B;EACZ,gBAAgB;EAChB,WAAW,eAAe,aAAa,eAAe;EACtD,eAAe;EACC;EAChB,eAAe,cAAc,QAAQ,CAAC;EAC3B;YAXb,CAaE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;GAAsB;cAClB,WAA6B;IAC7B,OAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD,EAAA,UAA+B,OAAO,MAAmB,GAAvC,OAAO,GAAgC;GAClE;EACW,CAAA,GACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD;GACgB;GACd,WAAW;GACX,OAAO;GACP,gBAAgB,kBAAkB;cAEhC,SAAwB;IACxB,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,WAII,cAAc;KACd,OAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD,EAAA,WAAA,GAAA,cAAA,aAAwB,MAAM,SAAS,EAAa,CAAA;IAC7D,EACQ,GANH,KAAK,GAMF;GAEd;EACS,CAAA,CACF;;AAEf"}

package/dist/Tabs/Tabs.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_tabs = require("@heroui/tabs");

package/dist/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":["HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;AAOA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,cAAY;EACZ,aAAA,GAAA,uBAAA,sBANa,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,KAAD;IAEE,gBAAA,GAAA,uBAAA,SAAqB,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}
+{"version":3,"file":"Tabs.cjs","names":["HeroTabs","HeroTab"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;AAOA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,YAAY;CACZ,SAAS;CACT,YAAY;AACd,EACF,CAAC;;;;AA0DD,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,KAAA,GACZ,qBAAqB,KAAA,GACrB,0BAA0B,MAC1B,mBAAmB,OACnB,eAAe,KAAA,GACf,YAAY,MACZ,oBAAoB,KAAA,GACpB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,cAAc,KAAA,GACd,OAAO,MACP,MACA,SAAS,OACT,UAAU,SACV,WAAW,YACI;CAIf,OACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,MAAD;EACE,cAAY;EACZ,aAAA,GAAA,uBAAA,sBANa,aAC8B,GAAG,WAAW,MAKpC;EACD;EACK;EACP;EACJ;EACH;EACX,YAAY;EACZ,OAAO,QAAQ,CAAC;EACG;EACR;EACH;EACK;EACP;EACG;aAEP,SAAS;GACT,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,KAAD;IAEE,gBAAA,GAAA,uBAAA,SAAqB,GAAG,OAAO,GAAG,KAAK,UAAU,KAAK,KAAK;IAC3D,YAAY,CAAC,CAAC,KAAK;IACnB,OAAO,KAAK;cAEX,KAAK;GACC,GANF,KAAK,GAMH;EAEb;CACQ,CAAA;AAEd"}