@spark-ui/components 12.0.1 → 12.1.1

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';

package/dist/popover/index.d.ts

@@ -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.js';
+import 'react/jsx-runtime';
+import 'radix-ui';
+import 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/popover/index.mjs

@@ -2,9 +2,9 @@ import {
   Popover
 } from "../chunk-GPJMLIHC.mjs";
 import "../chunk-DCXWGQVZ.mjs";
-import "../chunk-UMUMFMFB.mjs";
 import "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 export {

package/dist/scrolling-list/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 {
   Slot

package/dist/snackbar/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";
 

package/dist/stepper/index.mjs

@@ -5,11 +5,11 @@ import {
 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/tabs/index.d.mts

@@ -1,16 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Tabs as Tabs$2 } from 'radix-ui';
-import { PropsWithChildren, Ref, ReactElement } from 'react';
+import * as react from 'react';
+import { PropsWithChildren, Ref, ReactElement, ComponentType, ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import { P as PopoverProps, a as Popover, C as ContentProps, T as TriggerProps } from '../index-Cno_GFuW.mjs';
 
 declare const triggerVariants: (props?: ({
     intent?: "main" | "support" | "basic" | null | undefined;
     size?: "xs" | "sm" | "md" | null | undefined;
+    hasMenu?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TabsTriggerVariantsProps = VariantProps<typeof triggerVariants>;
 
-interface TabsProps extends Omit<Tabs$2.TabsProps, 'activationMode'>, PropsWithChildren<TabsTriggerVariantsProps> {
+interface TabsProps extends Omit<Tabs$2.TabsProps, 'activationMode'>, PropsWithChildren<Omit<TabsTriggerVariantsProps, 'orientation'>> {
     /**
      * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
      * @default false
@@ -72,6 +76,19 @@ declare const TabsList: {
     displayName: string;
 };
 
+interface TabsPopoverTriggerProps extends Omit<TriggerProps, 'asChild' | 'children'> {
+    'aria-label': string;
+    children?: ReactNode;
+}
+declare const TabsPopoverTrigger: react.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsPopoverContent: react.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger;
+type TabsPopoverContentComponent = typeof TabsPopoverContent;
+type ConfiguredPopoverComponent = ComponentType<PopoverProps> & Omit<typeof Popover, 'Content' | 'Trigger'> & {
+    Content: TabsPopoverContentComponent;
+    Trigger: TabsPopoverTriggerComponent;
+};
+
 interface TabsTriggerProps extends Tabs$2.TabsTriggerProps {
     /**
      * A unique value that associates the trigger with a content.
@@ -87,10 +104,27 @@ interface TabsTriggerProps extends Tabs$2.TabsTriggerProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Function that receives a pre-configured Popover component and returns the popover structure.
+     * @example
+     * renderMenu={({ Popover }) => (
+     *   <Popover>
+     *     <Popover.Trigger aria-label="Options">
+     *       <CustomIcon />
+     *     </Popover.Trigger>
+     *     <Popover.Content>
+     *       <Button>Action</Button>
+     *     </Popover.Content>
+     *   </Popover>
+     * )}
+     */
+    renderMenu?: (props: {
+        Popover: ConfiguredPopoverComponent;
+    }) => ReactNode;
     ref?: Ref<HTMLButtonElement>;
 }
 declare const TabsTrigger: {
-    ({ asChild, value, disabled, children, className, ref, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, value, disabled, children, className, ref, onKeyDown, renderMenu, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/tabs/index.d.ts

@@ -1,16 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Tabs as Tabs$2 } from 'radix-ui';
-import { PropsWithChildren, Ref, ReactElement } from 'react';
+import * as react from 'react';
+import { PropsWithChildren, Ref, ReactElement, ComponentType, ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import { P as PopoverProps, a as Popover, C as ContentProps, T as TriggerProps } from '../index-Cno_GFuW.js';
 
 declare const triggerVariants: (props?: ({
     intent?: "main" | "support" | "basic" | null | undefined;
     size?: "xs" | "sm" | "md" | null | undefined;
+    hasMenu?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TabsTriggerVariantsProps = VariantProps<typeof triggerVariants>;
 
-interface TabsProps extends Omit<Tabs$2.TabsProps, 'activationMode'>, PropsWithChildren<TabsTriggerVariantsProps> {
+interface TabsProps extends Omit<Tabs$2.TabsProps, 'activationMode'>, PropsWithChildren<Omit<TabsTriggerVariantsProps, 'orientation'>> {
     /**
      * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
      * @default false
@@ -72,6 +76,19 @@ declare const TabsList: {
     displayName: string;
 };
 
+interface TabsPopoverTriggerProps extends Omit<TriggerProps, 'asChild' | 'children'> {
+    'aria-label': string;
+    children?: ReactNode;
+}
+declare const TabsPopoverTrigger: react.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsPopoverContent: react.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger;
+type TabsPopoverContentComponent = typeof TabsPopoverContent;
+type ConfiguredPopoverComponent = ComponentType<PopoverProps> & Omit<typeof Popover, 'Content' | 'Trigger'> & {
+    Content: TabsPopoverContentComponent;
+    Trigger: TabsPopoverTriggerComponent;
+};
+
 interface TabsTriggerProps extends Tabs$2.TabsTriggerProps {
     /**
      * A unique value that associates the trigger with a content.
@@ -87,10 +104,27 @@ interface TabsTriggerProps extends Tabs$2.TabsTriggerProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Function that receives a pre-configured Popover component and returns the popover structure.
+     * @example
+     * renderMenu={({ Popover }) => (
+     *   <Popover>
+     *     <Popover.Trigger aria-label="Options">
+     *       <CustomIcon />
+     *     </Popover.Trigger>
+     *     <Popover.Content>
+     *       <Button>Action</Button>
+     *     </Popover.Content>
+     *   </Popover>
+     * )}
+     */
+    renderMenu?: (props: {
+        Popover: ConfiguredPopoverComponent;
+    }) => ReactNode;
     ref?: Ref<HTMLButtonElement>;
 }
 declare const TabsTrigger: {
-    ({ asChild, value, disabled, children, className, ref, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+    ({ asChild, value, disabled, children, className, ref, onKeyDown, renderMenu, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };