@spark-ui/components 12.0.1 → 12.1.1

package/dist/docgen.json

@@ -5870,6 +5870,16 @@
       }
     }
   },
+  "useCarouselVisibility": {
+    "tags": {
+      "param": "carouselRef - Reference to the carousel container element",
+      "returns": "Object with functions to register/unregister slides and check visibility"
+    },
+    "description": "Hook to manage slide visibility using a centralized IntersectionObserver.\nThis optimizes performance by using a single observer per carousel instead of one per slide.",
+    "displayName": "useCarouselVisibility",
+    "methods": [],
+    "props": {}
+  },
   "useEvent": {
     "tags": {},
     "description": "Directly from this gist: https://gist.github.com/diegohaz/695097a06f038a707c3a1b11e4e40195\nUntil React releases a native `useEvent` hook.",
@@ -6099,6 +6109,13 @@
       }
     }
   },
+  "useIsVisible": {
+    "tags": {},
+    "description": "Hook to track slide visibility using the centralized IntersectionObserver.\nThis optimizes performance by using a single observer per carousel instead of one per slide.",
+    "displayName": "useIsVisible",
+    "methods": [],
+    "props": {}
+  },
   "useSnapPoints": {
     "tags": {},
     "description": "Get the scroll value of each slides that serves as the start of a page\nThe array is updated when resize event are caught in the carousel.",
@@ -34935,130 +34952,51 @@
     "displayName": "Popover",
     "methods": [],
     "props": {
-      "open": {
-        "defaultValue": null,
-        "description": "",
-        "name": "open",
-        "parent": {
-          "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-          "name": "PopoverProps"
-        },
-        "declarations": [
-          {
-            "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-            "name": "PopoverProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "defaultOpen": {
+      "popoverSide": {
         "defaultValue": null,
         "description": "",
-        "name": "defaultOpen",
+        "name": "popoverSide",
         "parent": {
-          "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-          "name": "PopoverProps"
+          "fileName": "src/tabs/TabsPopoverAbstraction.tsx",
+          "name": "PopoverAbstractionProps"
         },
         "declarations": [
           {
-            "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-            "name": "PopoverProps"
+            "fileName": "src/tabs/TabsPopoverAbstraction.tsx",
+            "name": "PopoverAbstractionProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "boolean"
+          "name": "enum",
+          "raw": "\"right\" | \"bottom\"",
+          "value": [
+            {
+              "value": "\"right\""
+            },
+            {
+              "value": "\"bottom\""
+            }
+          ]
         }
       },
-      "onOpenChange": {
+      "popoverTriggerRef": {
         "defaultValue": null,
         "description": "",
-        "name": "onOpenChange",
-        "parent": {
-          "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-          "name": "PopoverProps"
-        },
-        "declarations": [
-          {
-            "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-            "name": "PopoverProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "(open: boolean) => void"
-        }
-      },
-      "modal": {
-        "defaultValue": {
-          "value": false
-        },
-        "description": "",
-        "name": "modal",
+        "name": "popoverTriggerRef",
         "parent": {
-          "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-          "name": "PopoverProps"
+          "fileName": "src/tabs/TabsPopoverAbstraction.tsx",
+          "name": "PopoverAbstractionProps"
         },
         "declarations": [
           {
-            "fileName": "spark-web/node_modules/@radix-ui/react-popover/dist/index.d.ts",
-            "name": "PopoverProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "intent": {
-        "defaultValue": null,
-        "description": "",
-        "name": "intent",
-        "declarations": [
-          {
-            "fileName": "components/src/popover/Popover.tsx",
-            "name": "TypeLiteral"
+            "fileName": "src/tabs/TabsPopoverAbstraction.tsx",
+            "name": "PopoverAbstractionProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "enum",
-          "raw": "PopoverIntent",
-          "value": [
-            {
-              "value": "\"main\""
-            },
-            {
-              "value": "\"alert\""
-            },
-            {
-              "value": "\"support\""
-            },
-            {
-              "value": "\"accent\""
-            },
-            {
-              "value": "\"success\""
-            },
-            {
-              "value": "\"danger\""
-            },
-            {
-              "value": "\"info\""
-            },
-            {
-              "value": "\"neutral\""
-            },
-            {
-              "value": "\"surface\""
-            },
-            {
-              "value": "\"basic\""
-            }
-          ]
+          "name": "RefObject<HTMLButtonElement>"
         }
       }
     }
@@ -45995,6 +45933,16 @@
             }
           ]
         }
+      },
+      "hasMenu": {
+        "defaultValue": null,
+        "description": "",
+        "name": "hasMenu",
+        "declarations": [],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
       }
     }
   },
@@ -46160,6 +46108,128 @@
       }
     }
   },
+  "Tabs.Popover": {
+    "tags": {},
+    "description": "",
+    "displayName": "Tabs.Popover",
+    "methods": [],
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "Additional className for positioning",
+        "name": "className",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "The popover content - typically a Popover or other overlay component",
+        "name": "children",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Callback when popover open state changes",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(open: boolean) => void"
+        }
+      },
+      "open": {
+        "defaultValue": null,
+        "description": "Whether the popover is open",
+        "name": "open",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "tabValue": {
+        "defaultValue": null,
+        "description": "The tab value this popover is associated with (automatically set by Tabs.Trigger)",
+        "name": "tabValue",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "isTabActive": {
+        "defaultValue": null,
+        "description": "Whether this tab is currently active (automatically set by Tabs.Trigger)",
+        "name": "isTabActive",
+        "parent": {
+          "fileName": "src/tabs/TabsPopover.tsx",
+          "name": "TabsPopoverProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsPopover.tsx",
+            "name": "TabsPopoverProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
+  },
   "Tabs.Trigger": {
     "tags": {},
     "description": "",
@@ -46227,6 +46297,25 @@
           "name": "boolean"
         }
       },
+      "renderMenu": {
+        "defaultValue": null,
+        "description": "Function that receives a pre-configured Popover component and returns the popover structure.\n@example renderMenu={({ Popover }) => (\n  <Popover>\n    <Popover.Trigger aria-label=\"Options\">\n      <CustomIcon />\n    </Popover.Trigger>\n    <Popover.Content>\n      <Button>Action</Button>\n    </Popover.Content>\n  </Popover>\n)}",
+        "name": "renderMenu",
+        "parent": {
+          "fileName": "src/tabs/TabsTrigger.tsx",
+          "name": "TabsTriggerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tabs/TabsTrigger.tsx",
+            "name": "TabsTriggerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(props: { Popover: ConfiguredPopoverComponent; }) => ReactNode"
+        }
+      },
       "ref": {
         "defaultValue": null,
         "description": "",

package/dist/drawer/index.mjs

@@ -1,11 +1,11 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/dropdown/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dispatch, SetStateAction, PropsWithChildren, Ref, ReactNode, HTMLAttributes, ReactElement, ComponentProps } from 'react';
 import { UseSelectReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
-import { Popover as Popover$1 } from '../popover/index.mjs';
+import { a as Popover$1 } from '../index-Cno_GFuW.mjs';
 import 'radix-ui';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/dropdown/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dispatch, SetStateAction, PropsWithChildren, Ref, ReactNode, HTMLAttributes, ReactElement, ComponentProps } from 'react';
 import { UseSelectReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
-import { Popover as Popover$1 } from '../popover/index.js';
+import { a as Popover$1 } from '../index-Cno_GFuW.js';
 import 'radix-ui';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/dropdown/index.mjs

@@ -2,11 +2,11 @@ import {
   Popover
 } from "../chunk-GPJMLIHC.mjs";
 import "../chunk-DCXWGQVZ.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import {
   VisuallyHidden
 } from "../chunk-KEGAAGJW.mjs";

package/dist/file-upload/index.mjs

@@ -4,14 +4,14 @@ import {
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button,
   buttonStyles
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import {
   Slot

package/dist/icon/index.d.mts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const iconStyles: (props?: ({
-    intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
-    size?: "current" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    intent?: "main" | "alert" | "error" | "current" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | "current" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type IconVariantsProps = VariantProps<typeof iconStyles>;
 

package/dist/icon/index.d.ts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const iconStyles: (props?: ({
-    intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
-    size?: "current" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    intent?: "main" | "alert" | "error" | "current" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | "current" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type IconVariantsProps = VariantProps<typeof iconStyles>;
 

package/dist/index-Cno_GFuW.d.mts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "main" | "surface" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/index-Cno_GFuW.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "main" | "surface" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/pagination/index.mjs

@@ -1,13 +1,13 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";