@spark-ui/components 12.0.1 → 12.1.0

package/dist/combobox/index.d.mts

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

package/dist/combobox/index.d.ts

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

package/dist/docgen.json

@@ -34935,130 +34935,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"
+            "fileName": "src/tabs/TabsPopoverAbstraction.tsx",
+            "name": "PopoverAbstractionProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "boolean"
-        }
-      },
-      "intent": {
-        "defaultValue": null,
-        "description": "",
-        "name": "intent",
-        "declarations": [
-          {
-            "fileName": "components/src/popover/Popover.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "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 +45916,16 @@
             }
           ]
         }
+      },
+      "hasMenu": {
+        "defaultValue": null,
+        "description": "",
+        "name": "hasMenu",
+        "declarations": [],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
       }
     }
   },
@@ -46160,6 +46091,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 +46280,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/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/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/popover/index.d.mts

@@ -1,93 +1,6 @@
-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 { Popover };
+export { a as Popover } from '../index-Cno_GFuW.mjs';
+import 'react/jsx-runtime';
+import 'radix-ui';
+import 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';