@spark-ui/components 13.1.4 → 13.2.0

package/dist/tabs/index.d.mts

@@ -1,137 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Tabs as Tabs$2 } from 'radix-ui';
-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<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
-     */
-    asChild?: boolean;
-    /**
-     * Whether to keep inactive tabs content in the DOM.
-     * @default false
-     */
-    forceMount?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-/**
- * @deprecated
- */
-type TabsRootProps = TabsProps;
-declare const Tabs$1: {
-    ({ intent, size, asChild, forceMount, orientation, children, className, ref, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TabsContentProps extends PropsWithChildren<Omit<Tabs$2.TabsContentProps, 'forceMount'>> {
-    /**
-     * A unique value that associates the content with a trigger.
-     */
-    value: string;
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.
-     */
-    forceMount?: true;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const TabsContent: {
-    ({ children, asChild, className, ref, ...rest }: TabsContentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TabsListProps extends Omit<Tabs$2.TabsListProps, 'children'> {
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * When true, keyboard navigation will loop from last tab to first, and vice versa.
-     * @default false
-     */
-    loop?: boolean;
-    children: ReactElement[] | ReactElement;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const TabsList: {
-    ({ asChild, loop, children, className, ref, ...rest }: TabsListProps): react_jsx_runtime.JSX.Element;
-    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.
-     */
-    value: string;
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * When true, prevents the user from interacting with the tab.
-     * @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, onKeyDown, renderMenu, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Tabs: typeof Tabs$1 & {
-    List: typeof TabsList;
-    Trigger: typeof TabsTrigger;
-    Content: typeof TabsContent;
-};
-
-export { Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsRootProps, type TabsTriggerProps };
+import { Tabs as Root } from './Tabs';
+import { TabsContent as Content } from './TabsContent';
+import { TabsList as List } from './TabsList';
+import { TabsTrigger as Trigger } from './TabsTrigger';
+export declare const Tabs: typeof Root & {
+    List: typeof List;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+};
+export { type TabsContentProps } from './TabsContent';
+export { type TabsListProps } from './TabsList';
+export { type TabsProps, type TabsRootProps } from './Tabs';
+export { type TabsTriggerProps } from './TabsTrigger';

package/dist/tabs/index.d.ts

@@ -1,137 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Tabs as Tabs$2 } from 'radix-ui';
-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<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
-     */
-    asChild?: boolean;
-    /**
-     * Whether to keep inactive tabs content in the DOM.
-     * @default false
-     */
-    forceMount?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-/**
- * @deprecated
- */
-type TabsRootProps = TabsProps;
-declare const Tabs$1: {
-    ({ intent, size, asChild, forceMount, orientation, children, className, ref, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TabsContentProps extends PropsWithChildren<Omit<Tabs$2.TabsContentProps, 'forceMount'>> {
-    /**
-     * A unique value that associates the content with a trigger.
-     */
-    value: string;
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.
-     */
-    forceMount?: true;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const TabsContent: {
-    ({ children, asChild, className, ref, ...rest }: TabsContentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TabsListProps extends Omit<Tabs$2.TabsListProps, 'children'> {
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * When true, keyboard navigation will loop from last tab to first, and vice versa.
-     * @default false
-     */
-    loop?: boolean;
-    children: ReactElement[] | ReactElement;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const TabsList: {
-    ({ asChild, loop, children, className, ref, ...rest }: TabsListProps): react_jsx_runtime.JSX.Element;
-    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.
-     */
-    value: string;
-    /**
-     * 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
-     */
-    asChild?: boolean;
-    /**
-     * When true, prevents the user from interacting with the tab.
-     * @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, onKeyDown, renderMenu, ...rest }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Tabs: typeof Tabs$1 & {
-    List: typeof TabsList;
-    Trigger: typeof TabsTrigger;
-    Content: typeof TabsContent;
-};
-
-export { Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsRootProps, type TabsTriggerProps };
+import { Tabs as Root } from './Tabs';
+import { TabsContent as Content } from './TabsContent';
+import { TabsList as List } from './TabsList';
+import { TabsTrigger as Trigger } from './TabsTrigger';
+export declare const Tabs: typeof Root & {
+    List: typeof List;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+};
+export { type TabsContentProps } from './TabsContent';
+export { type TabsListProps } from './TabsList';
+export { type TabsProps, type TabsRootProps } from './Tabs';
+export { type TabsTriggerProps } from './TabsTrigger';