@hyphen/hyphen-components 7.3.2 → 7.3.4

package/dist/components/Popover/Popover.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverAnchor, PopoverPortal, PopoverContent, };

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,7 +0,0 @@
-import { Popover } from './Popover';
-import type { Meta } from '@storybook/react-vite';
-import React from 'react';
-declare const meta: Meta<typeof Popover>;
-export default meta;
-export declare const Basic: () => React.JSX.Element;
-export declare const SidesAndAlign: () => React.JSX.Element;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,75 +0,0 @@
-import React, { FC, ChangeEvent, FocusEvent, ReactNode } from 'react';
-import { RadioInputProps } from './RadioInput/RadioInput';
-export interface RadioGroupProps {
-    /**
-     * Radio group name.
-     */
-    name: string;
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Options for radio group.
-     */
-    options: {
-        id: string;
-        value: string;
-        label: ReactNode;
-        disabled?: boolean | null;
-    }[];
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * Description to be displayed below the title, and above the RadioGroup.
-     */
-    description?: ReactNode;
-    /**
-     * Whether the radios should be aligned in a row or in a column
-     */
-    direction?: 'row' | 'column';
-    /**
-     * Mark the radio group as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * If the radio group should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * If the radio group is required or not
-     */
-    isRequired?: boolean;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: React.ReactNode;
-    /**
-     * Size of the radio icons in the group.
-     */
-    size?: RadioInputProps['size'];
-    /**
-     * Title to be displayed above the RadioGroup.
-     */
-    title?: ReactNode;
-    /**
-     * The value of selected radio input.
-     */
-    value?: string;
-    /**
-     * Additional props to be spread to rendered element
-     */
-    [x: string]: any;
-}
-export declare const RadioGroup: FC<RadioGroupProps>;

package/dist/components/RadioGroup/RadioGroup.stories.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { RadioGroup } from './RadioGroup';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof RadioGroup>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const Title: () => React.JSX.Element;
-export declare const TitleAndDescription: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const CustomRequiredIndicator: () => React.JSX.Element;
-export declare const PreSelectedOption: () => React.JSX.Element;
-export declare const DisabledOption: () => React.JSX.Element;
-export declare const DisabledGroup: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const HorizontallyAligned: () => React.JSX.Element;

package/dist/components/RadioGroup/RadioInput/RadioInput.d.ts

@@ -1,57 +0,0 @@
-import React, { ChangeEvent, FocusEvent, ReactNode } from 'react';
-import { ResponsiveProp } from '../../../types';
-type BaseSize = 'sm' | 'md' | 'lg';
-export type RadioSize = BaseSize | ResponsiveProp<BaseSize>;
-export interface RadioInputProps {
-    /**
-     * Radio input name.
-     */
-    name: string;
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Options for radio group.
-     */
-    option: {
-        id: string;
-        value: string;
-        label: ReactNode;
-        disabled?: boolean | null;
-    };
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * If the radio group should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * If the radio input should be hidden to make way for a custom radio.
-     */
-    isHidden?: boolean;
-    /**
-     * The required and aria-required attributes
-     */
-    isRequired?: boolean;
-    /**
-     * If the radio group should be disabled and not focusable.
-     */
-    isSelected?: boolean;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * The size of the radio icon.
-     */
-    size: RadioSize;
-}
-export declare const RadioInput: React.ForwardRefExoticComponent<RadioInputProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/RadioGroup/RadioInput/RadioInputIcon.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { BoxProps } from '../../Box/Box';
-import { RadioInputProps } from './RadioInput';
-import { RadioGroupProps } from '../RadioGroup';
-export interface RadioIconProps extends BoxProps {
-    /**
-     * Custom className to be applied to root node of component.
-     */
-    className?: string;
-    /**
-     * Whether the input is in an error state. The icon will visually change accordingly.
-     */
-    error?: RadioGroupProps['error'];
-    /**
-     * Whether the radio is selected.
-     */
-    isSelected?: RadioInputProps['isSelected'];
-    /**
-     * If the input should be disabled and not focusable.
-     */
-    isDisabled?: RadioInputProps['isDisabled'];
-    /**
-     * Additional props to be spread to rendered element
-     */
-    [x: string]: any;
-}
-export declare const RadioInputIcon: React.FC<RadioIconProps>;

package/dist/components/RangeInput/RangeInput.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { FC } from 'react';
-export interface InputRangeProps {
-    /**
-     * The input's id attribute.
-     */
-    id: string;
-    /**
-     * The value of the range.
-     */
-    value: number;
-    /**
-     * The maximum value of the range.
-     */
-    max: number;
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Custom class to be added to standard input classes.
-     */
-    className?: string;
-    /**
-     * If the input should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-}
-export declare const RangeInput: FC<InputRangeProps>;

package/dist/components/RangeInput/RangeInput.stories.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react-vite';
-import { RangeInput } from './RangeInput';
-declare const meta: Meta<typeof RangeInput>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;

package/dist/components/ResponsiveProvider/ResponsiveProvider.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface ResponsiveContextShape {
-    isCreated: boolean;
-    innerWidth?: number;
-    innerHeight?: number;
-    outerWidth?: number;
-    outerHeight?: number;
-}
-export declare const ResponsiveContext: React.Context<ResponsiveContextShape>;
-export interface ResponsiveProviderProps {
-    children?: React.ReactNode;
-    /**
-     * Time (in milliseconds) to delay execution of resize handler. Default is 50.
-     */
-    throttle?: number;
-}
-export declare const ResponsiveProvider: React.FC<ResponsiveProviderProps>;

package/dist/components/ResponsiveProvider/ResponsiveProvider.stories.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ResponsiveProvider } from './ResponsiveProvider';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof ResponsiveProvider>;
-export default meta;
-export declare const BasicUsage: () => React.JSX.Element;
-export declare const Breakpoints: () => React.JSX.Element;

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,148 +0,0 @@
-import { FocusEvent, ReactNode } from 'react';
-import { OptionsOrGroups, OnChangeValue } from 'react-select';
-import { ResponsiveProp } from '../../types';
-import { GroupBase } from 'react-select/dist/declarations/src/types';
-type SelectOptions = any;
-type SelectGroupOptions = GroupBase<SelectOptions>;
-export type SelectInputOptions = OptionsOrGroups<SelectOptions, SelectGroupOptions>;
-export type SimulatedEventPayloadType = {
-    target: {
-        name: string;
-        value: OnChangeValue<SelectInputOptions, boolean>;
-    };
-};
-export type TextInputSize = 'sm' | 'md' | 'lg' | ResponsiveProp<'sm' | 'md' | 'lg'>;
-export interface SelectInputProps {
-    /**
-     * The id attribute of the input.
-     */
-    id: string;
-    /**
-     * Custom content to be displayed above the input. If the label is hidden, will be used to set aria-label attribute.
-     */
-    label: string;
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: SimulatedEventPayloadType) => void;
-    /**
-     * The value(s) of select.
-     */
-    value: any | any[];
-    /**
-     * Options for dropdown list.
-     */
-    options: SelectInputOptions | AsyncOptions;
-    /**
-     * Autofocus select input on render.
-     */
-    autoFocus?: boolean;
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * Mark the input field as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * Additional clarifying text to help describe the input
-     */
-    helpText?: ReactNode;
-    /**
-     * Visually hide the label.
-     */
-    hideLabel?: boolean;
-    /**
-     * Load the input asynchronously.
-     */
-    isAsync?: boolean;
-    /**
-     * If the input value is clearable programmatically.
-     */
-    isClearable?: boolean;
-    /**
-     * Include custom option in dropdown list.
-     */
-    isCreatable?: boolean;
-    /**
-     * If the input should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * Is multi select enabled.
-     */
-    isMulti?: boolean;
-    /**
-     * The required and aria-required attributes on the input
-     */
-    isRequired?: boolean;
-    /**
-     * Select 'name' attribute.
-     */
-    name?: string;
-    /**
-     * A ref to portal the dropdown menu to. This is useful when the dropdown is located in a smaller container
-     * and we want to avoid cutting off the menu.
-     */
-    menuPortalTarget?: HTMLElement;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLElement>) => void;
-    /**
-     * Placeholder for input.
-     */
-    placeholder?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: ReactNode;
-    /**
-     * The size of the text input.
-     */
-    size?: TextInputSize;
-    /**
-     * Additional props to be spread. These will be applied specifically to
-     * the `react-select` component that powers the select. For full docs on
-     * react-select props, [Click Here](https://react-select.com/props)
-     */
-    [x: string]: any;
-}
-type AsyncOptions = (inputValue: string) => Promise<SelectInputOptions>;
-type AsyncSelectInputProps = SelectInputProps & {
-    /**
-     * Load the input asynchronously.
-     */
-    isAsync: true;
-    /**
-     * Load options asynchronously.
-     */
-    options: AsyncOptions;
-    /**
-     * If cacheOptions is passed, then the loaded data will be cached.
-     */
-    cacheOptions?: boolean;
-    /**
-     * The default set of options to show before the user starts searching.
-     */
-    defaultOptions?: boolean;
-};
-type SyncSelectInputProps = SelectInputProps & {
-    /**
-     * Load the input synchronously.
-     */
-    isAsync?: false;
-    /**
-     * Options for dropdown list.
-     */
-    options: SelectInputOptions;
-};
-export declare function SelectInput(props: AsyncSelectInputProps): JSX.Element;
-export declare function SelectInput(props: SyncSelectInputProps): JSX.Element;
-export {};

package/dist/components/SelectInput/SelectInput.stories.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { SelectInput } from './SelectInput';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInput>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const PreSelected: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const Placeholder: () => React.JSX.Element;
-export declare const HiddenLabel: () => React.JSX.Element;
-export declare const CreatableSelect: () => React.JSX.Element;
-export declare const AsyncSelect: () => React.JSX.Element;
-export declare const AsyncCreatableSelect: () => React.JSX.Element;
-export declare const MultiSelect: () => React.JSX.Element;
-export declare const MultiSelectAndPreSelected: () => React.JSX.Element;
-export declare const MultiSelectCreatable: () => React.JSX.Element;
-export declare const Autofocus: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Clearable: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const WithPortal: () => React.JSX.Element;
-export declare const CustomClasses: () => React.JSX.Element;

package/dist/components/SelectInputInset/SelectInputInset.d.ts

@@ -1,92 +0,0 @@
-import { ChangeEvent, MouseEvent, KeyboardEvent, FocusEvent, ForwardRefExoticComponent, ReactNode, HTMLProps } from 'react';
-import { ResponsiveProp } from '../../types';
-import { BoxProps } from '../Box/Box';
-export type SelectInputInsetSize = 'md' | 'lg';
-export interface SelectInputInsetProps {
-    /**
-     * The input's id attribute. Used to programmatically tie the input with its label.
-     */
-    id: string;
-    /**
-     * Custom content to be displayed above the input. If the label is hidden, will be used to set aria-label attribute.
-     */
-    label: string;
-    /**
-     * List of options for the select input.
-     */
-    options: {
-        value: string | number;
-        label: string | number;
-    }[];
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Value of selected option. Should match the value key in the option object.
-     */
-    value: string | number | null;
-    /**
-     * Automatically focus the input when the page is loaded.
-     */
-    autoFocus?: boolean;
-    /**
-     * Custom class to be added to standard input classes.
-     */
-    className?: string;
-    /**
-     * Mark the input field as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * Additional clarifying text to help describe the input
-     */
-    helpText?: ReactNode;
-    /**
-     * Props passed directly to the input element of the component
-     */
-    inputProps?: BoxProps & HTMLProps<HTMLInputElement>;
-    /**
-     * The input's disabled attribute
-     */
-    isDisabled?: boolean;
-    /**
-     * The required and aria-required attributes on the input
-     */
-    isRequired?: boolean;
-    /**
-     * The input's 'name' attribute.
-     */
-    name?: string;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function to call when input us cleared. When this is passed,
-     * the input will display an icon on the right side, for triggering this callback.
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * The input placeholder attribute.
-     */
-    placeholder?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: ReactNode;
-    /**
-     * The size of the text input.
-     */
-    size?: SelectInputInsetSize | ResponsiveProp<SelectInputInsetSize>;
-    /**
-     * Additional props to be spread to rendered element
-     */
-    [x: string]: any;
-}
-export declare const SelectInputInset: ForwardRefExoticComponent<SelectInputInsetProps>;

package/dist/components/SelectInputInset/SelectInputInset.stories.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SelectInputInset } from './SelectInputInset';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInputInset>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const ValidationError: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Clearable: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;

package/dist/components/SelectInputNative/SelectInputNative.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { ResponsiveProp } from '../../types';
-import { BoxProps } from '../Box/Box';
-import { FormControlProps } from '../FormControl/FormControl';
-export type SelectInputNativeSize = 'sm' | 'md' | 'lg';
-export interface SelectInputNativeOption {
-    value: string | number;
-    label: string | number;
-    disabled?: boolean;
-}
-export interface SelectInputNativeProps extends BoxProps, FormControlProps {
-    /**
-     * List of options for the select input.
-     */
-    options: SelectInputNativeOption[];
-    /**
-     * onChange callback from select element.
-     */
-    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    /**
-     * Value of selected option. Should match the value key in the option object.
-     */
-    value: string | number | null;
-    /**
-     * The input's 'name' attribute.
-     */
-    name?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: React.ReactNode;
-    /**
-     * Size of the input. ('sm' | 'md' | 'lg')
-     */
-    size?: SelectInputNativeSize | ResponsiveProp<SelectInputNativeSize>;
-    /**
-     * Whether the input is autofocused on initial render.
-     */
-    autoFocus?: HTMLSelectElement['autofocus'];
-    /**
-     * Additional props to be spread.
-     */
-    [x: string]: any;
-}
-export declare const SelectInputNative: React.FC<SelectInputNativeProps>;

package/dist/components/SelectInputNative/SelectInputNative.stories.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SelectInputNative } from './SelectInputNative';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInputNative>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const PreSelected: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const Placeholder: () => React.JSX.Element;
-export declare const HiddenLabel: () => React.JSX.Element;
-export declare const Autofocus: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const CustomRequiredIndicator: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const InteractionTest: StoryObj<typeof SelectInputNative>;
-export declare const InteractionDisabled: StoryObj<typeof SelectInputNative>;
-export declare const InteractionChangePreSelected: StoryObj<typeof SelectInputNative>;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import { IconName } from 'src/types';
-import { TooltipContent } from '../Tooltip/Tooltip';
-type SidebarSide = 'left' | 'right';
-type SidebarOpenState = Record<SidebarSide, boolean>;
-type SidebarOpenValue = boolean | Partial<SidebarOpenState>;
-type SidebarStorageKey = string | Partial<Record<SidebarSide, string>>;
-declare function useSidebar(sideOverride?: SidebarSide): {
-    isMobile: boolean;
-    side: SidebarSide;
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean | ((open: boolean) => boolean)) => void;
-    toggleSidebar: () => void;
-};
-declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    defaultOpen?: SidebarOpenValue;
-    open?: SidebarOpenValue;
-    storageKey?: SidebarStorageKey;
-    onOpenChange?: (open: boolean, side?: SidebarSide) => void;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    side?: "left" | "right";
-    collapsible?: "offcanvas" | "icon" | "none";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../Button/Button").BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & {
-    side?: SidebarSide;
-    iconName?: IconName;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    icon?: IconName;
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    asChild?: boolean;
-    isActive?: boolean;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, useSidebar, };