@plexui/ui 0.19.0 → 0.20.0

package/dist/types/components/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from "react";
-export declare const Image: ({ src, className, draggable, onLoad, onError, forceRenderAfterLoadFail, ...restProps }: ComponentProps<"img"> & {
+export declare const Image: ({ src, className, draggable, onLoad, onError, forceRenderAfterLoadFail, ref, ...restProps }: ComponentProps<"img"> & {
     /** Force the image tag to be placed in the DOM even if load failed (resulting in broken image display) */
     forceRenderAfterLoadFail?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/Image/index.d.ts

@@ -1 +1 @@
-export { Image } from "./Image";
+export { Image } from "./Image.js";

package/dist/types/components/Indicator/index.d.ts

@@ -1,3 +1,3 @@
-export { CircularProgress, type CircularProgressProps } from "./CircularProgress";
-export { LoadingDots, type LoadingDotsProps } from "./LoadingDots";
-export { LoadingIndicator, type LoadingIndicatorProps } from "./LoadingIndicator";
+export { CircularProgress, type CircularProgressProps } from "./CircularProgress.js";
+export { LoadingDots, type LoadingDotsProps } from "./LoadingDots.js";
+export { LoadingIndicator, type LoadingIndicatorProps } from "./LoadingIndicator.js";

package/dist/types/components/Input/Input.d.ts

@@ -1,10 +1,10 @@
-import { type ControlSize, type SemanticColor, type Sizes, type Variants } from "../../types";
+import { type ControlSize, type SemanticColor, type Sizes, type Variants } from "../../types.js";
 export type InputProps = {
     /**
      * Visual style of the input
      * @default outline
      */
-    variant?: Variants<"outline" | "soft">;
+    variant?: Variants<"outline" | "soft" | "ghost">;
     /**
      * Controls the size of the input
      *

package/dist/types/components/Input/index.d.ts

@@ -1 +1 @@
-export { Input, type InputProps } from "./Input";
+export { Input, type InputProps } from "./Input.js";

package/dist/types/components/InputGroup/InputGroup.d.ts

@@ -0,0 +1,78 @@
+import { type HTMLAttributes, type InputHTMLAttributes, type Ref, type TextareaHTMLAttributes } from "react";
+import { type ControlSize, type Variants } from "../../types.js";
+import { type ButtonProps } from "../Button/index.js";
+export type InputGroupProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual style of the group
+     * @default outline
+     */
+    variant?: Variants<"outline" | "soft">;
+    /**
+     * Controls the size of the group, on the same scale as Input
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     *
+     * @default md
+     */
+    size?: ControlSize;
+    /**
+     * Fully rounded group, with pill buttons inside
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Disables the control and the buttons inside the group
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Mark the group as invalid
+     * @default false
+     */
+    invalid?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+declare const InputGroupRoot: ({ variant, size, pill, disabled, invalid, className, onMouseDown, ref, ...restProps }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type InputGroupInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    ref?: Ref<HTMLInputElement>;
+};
+declare const InputGroupInput: ({ type, disabled, className, ref, ...restProps }: InputGroupInputProps) => import("react/jsx-runtime").JSX.Element;
+export type InputGroupTextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    ref?: Ref<HTMLTextAreaElement>;
+};
+declare const InputGroupTextarea: ({ rows, disabled, className, ref, ...restProps }: InputGroupTextareaProps) => import("react/jsx-runtime").JSX.Element;
+export type InputGroupAddonAlign = "inline-start" | "inline-end" | "block-start" | "block-end";
+export type InputGroupAddonProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Where the addon sits: before or after the control on its line, or as a
+     * row above or below it. Inline addons suit `InputGroup.Input`, block
+     * addons suit `InputGroup.Textarea` and labels.
+     * @default "inline-start"
+     */
+    align?: InputGroupAddonAlign;
+    ref?: Ref<HTMLDivElement>;
+};
+declare const InputGroupAddon: ({ align, className, ref, ...restProps }: InputGroupAddonProps) => import("react/jsx-runtime").JSX.Element;
+export type InputGroupButtonProps = Omit<ButtonProps, "color" | "size"> & {
+    /**
+     * Color for the button
+     * @default secondary
+     */
+    color?: ButtonProps["color"];
+};
+declare const InputGroupButton: ({ color, variant, pill, disabled, className, ...restProps }: InputGroupButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type InputGroupTextProps = HTMLAttributes<HTMLSpanElement> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+declare const InputGroupText: ({ className, ref, ...restProps }: InputGroupTextProps) => import("react/jsx-runtime").JSX.Element;
+type InputGroupComponent = typeof InputGroupRoot & {
+    Input: typeof InputGroupInput;
+    Textarea: typeof InputGroupTextarea;
+    Addon: typeof InputGroupAddon;
+    Button: typeof InputGroupButton;
+    Text: typeof InputGroupText;
+};
+export declare const InputGroup: InputGroupComponent;
+export {};

package/dist/types/components/InputGroup/index.d.ts

@@ -0,0 +1 @@
+export { InputGroup, type InputGroupAddonAlign, type InputGroupAddonProps, type InputGroupButtonProps, type InputGroupInputProps, type InputGroupProps, type InputGroupTextareaProps, type InputGroupTextProps, } from "./InputGroup.js";

package/dist/types/components/Kbd/Kbd.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentProps } from "react";
+export type KbdProps = ComponentProps<"kbd"> & {
+    /**
+     * Height and text size: `xs` 16px, `sm` 20px, `md` 24px
+     * @default sm
+     */
+    size?: "xs" | "sm" | "md";
+    /**
+     * `soft` fills the key, `outline` draws its edge. Both mix the text color,
+     * so the key reads on any surface.
+     * @default soft
+     */
+    variant?: "soft" | "outline";
+};
+/** A key or a shortcut, such as ⌘K, in a tooltip, a menu item or a sentence. */
+export declare const Kbd: {
+    ({ size, variant, className, ...restProps }: KbdProps): import("react/jsx-runtime").JSX.Element;
+    Group: ({ className, ...restProps }: KbdGroupProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type KbdGroupProps = ComponentProps<"span">;

package/dist/types/components/Kbd/index.d.ts

@@ -0,0 +1 @@
+export { Kbd, type KbdGroupProps, type KbdProps } from "./Kbd.js";

package/dist/types/components/Label/index.d.ts

@@ -1 +1 @@
-export { Label, type LabelProps } from "./Label";
+export { Label, type LabelProps } from "./Label.js";

package/dist/types/components/Markdown/Markdown.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentProps, type FC, type ReactNode } from "react";
 import ReactMarkdown from "react-markdown";
-import { type MarkdownDirective } from "./directives";
+import { type MarkdownDirective } from "./directives.js";
 export type MarkdownComponent = FC<{
     children?: ReactNode;
     className?: string;

package/dist/types/components/Markdown/index.d.ts

@@ -1,4 +1,4 @@
-export { createMarkdownDirective } from "./directives";
-export { Markdown, type MarkdownComponent, type MarkdownProps } from "./Markdown";
-export { defaultUrlTransform } from "./urlTransform";
-export { useParseMarkdownPre } from "./useParseMarkdownPre";
+export { createMarkdownDirective } from "./directives.js";
+export { Markdown, type MarkdownComponent, type MarkdownProps } from "./Markdown.js";
+export { defaultUrlTransform } from "./urlTransform.js";
+export { useParseMarkdownPre } from "./useParseMarkdownPre.js";

package/dist/types/components/MarkdownEditor/MarkdownEditor.d.ts

@@ -1,4 +1,4 @@
-import { type Variants } from "../../types";
+import { type Variants } from "../../types.js";
 export declare const markdownEditorStyles: {
     toolbarButton: string;
 };
@@ -32,7 +32,11 @@ export type MarkdownEditorProps = {
     rows?: number;
     className?: string;
     id?: string;
+    /** Accessible name for the editor; a `<label for>` cannot name a contenteditable region */
+    "aria-label"?: string;
+    /** Id of the element that names the editor, such as a Field label */
+    "aria-labelledby"?: string;
     "aria-describedby"?: string;
     "aria-invalid"?: boolean;
 };
-export declare function MarkdownEditor({ variant, disabled, invalid, placeholder, value, defaultValue, onChange, toolbarEnd, rows, className, id, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownEditor({ variant, disabled, invalid, placeholder, value, defaultValue, onChange, toolbarEnd, rows, className, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/MarkdownEditor/index.d.ts

@@ -1 +1 @@
-export { MarkdownEditor, markdownEditorStyles, type MarkdownEditorProps } from "./MarkdownEditor";
+export { MarkdownEditor, markdownEditorStyles, type MarkdownEditorProps } from "./MarkdownEditor.js";

package/dist/types/components/Menu/Menu.d.ts

@@ -17,20 +17,24 @@ export type MenuProps = {
 export declare const Menu: {
     ({ children, forceOpen, onOpen, onClose, modal }: MenuProps): import("react/jsx-runtime").JSX.Element;
     Content: ({ children, side, sideOffset, align, alignOffset, width, minWidth, maxHeight, layout, size, onCloseAutoFocus, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, children, description, disabled, onSelect, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ className, children, description, disabled, danger, onSelect, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
     ItemActions: ({ className, children }: {
         className?: string;
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    ItemAction: ({ children, onClick, }: {
+    ItemAction: ({ children, onClick, "aria-label": ariaLabel, }: {
         children: ReactNode;
         onClick: (evt: MouseEvent) => void;
+        /** Accessible name; the action is an icon-only button */
+        "aria-label"?: string;
     }) => import("react/jsx-runtime").JSX.Element;
     Link: MenuLink;
     Separator: ({ className }: {
         className?: string;
     }) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ children, disabled }: DropdownMenu.DropdownMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, disabled, ...restProps }: DropdownMenu.DropdownMenuTriggerProps & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
     Sub: ({ children, forceOpen, onOpen, onClose }: SubmenuProps) => import("react/jsx-runtime").JSX.Element;
     SubTrigger: ({ className, children, disabled, }: {
         className?: string;
@@ -65,12 +69,16 @@ export type MenuItemProps = {
     onClick?: DropdownMenu.DropdownMenuItemProps["onClick"];
     /** Disables the menu item */
     disabled?: boolean;
+    /** Marks a destructive action (delete, remove, leave): the item is drawn in the danger color */
+    danger?: boolean;
 };
 type MenuLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children"> & {
     /** Content rendered inside the Link */
     children: React.ReactNode;
     /** Disables the menu item */
     disabled?: boolean;
+    /** Marks a destructive destination: the item is drawn in the danger color */
+    danger?: boolean;
 };
 type MenuLink = <T extends ComponentType<any> | "a" = PlexUI.LinkComponent>(props: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & MenuLinkProps & {
     /**

package/dist/types/components/Menu/index.d.ts

@@ -1 +1 @@
-export { Menu } from "./Menu";
+export { Menu } from "./Menu.js";

package/dist/types/components/OTPInput/index.d.ts

@@ -1 +1 @@
-export { OTPInput, type OTPInputProps } from "./OTPInput";
+export { OTPInput, type OTPInputProps } from "./OTPInput.js";

package/dist/types/components/PlexUIProvider/PlexUIProvider.d.ts

@@ -1,14 +1,4 @@
 import { type ComponentType, type ForwardRefExoticComponent, type ReactNode } from "react";
-interface DefaultConfig {
-    LinkComponent: "a";
-}
-declare global {
-    interface PlexUIConfig {
-    }
-}
-type MergeOverrides<Defaults, Overrides> = Omit<Defaults, keyof Overrides> & Overrides;
-export type Config = MergeOverrides<DefaultConfig, PlexUIConfig>;
-export type LinkComponent = Config["LinkComponent"];
 /**
  * Shared context for all Plex UI components - wrap your app in this
  * provider to use Plex UI components.
@@ -20,4 +10,3 @@ export declare function PlexUIProvider({ children, linkComponent, }: {
     children: ReactNode;
     linkComponent: ComponentType<any> | ForwardRefExoticComponent<any> | "a";
 }): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/PlexUIProvider/index.d.ts

@@ -1 +1 @@
-export { PlexUIProvider } from "./PlexUIProvider";
+export { PlexUIProvider } from "./PlexUIProvider.js";

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

@@ -1,2 +1,2 @@
-export { Popover, type PopoverContentProps, type PopoverProps } from "./Popover";
-export { usePopoverController } from "./usePopoverController";
+export { Popover, type PopoverContentProps, type PopoverProps } from "./Popover.js";
+export { usePopoverController } from "./usePopoverController.js";

package/dist/types/components/Progress/index.d.ts

@@ -1 +1 @@
-export { Progress, type ProgressProps } from "./Progress";
+export { Progress, type ProgressProps } from "./Progress.js";

package/dist/types/components/ProgressSteps/ProgressSteps.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { Sizes } from "../../types";
+import type { Sizes } from "../../types.js";
 type Orientation = "horizontal" | "vertical";
 type ConnectorStyle = "solid" | "dashed";
 type Variant = "default" | "minimal";

package/dist/types/components/ProgressSteps/index.d.ts

@@ -1 +1 @@
-export { ProgressSteps, type ProgressStepsProps, type StepProps } from "./ProgressSteps";
+export { ProgressSteps, type ProgressStepsProps, type StepProps } from "./ProgressSteps.js";

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

@@ -20,7 +20,7 @@ export type RadioGroupProps<T extends string> = {
 };
 export declare const RadioGroup: {
     <T extends string>({ onChange, children, className, direction, disabled, ...restProps }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-    Item: <T extends string>({ value, disabled: itemDisabled, required, children, className, block, orientation, ...restProps }: RadioGroupItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Item: <T extends string>({ value, disabled: itemDisabled, required, children, description, className, block, orientation, ...restProps }: RadioGroupItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 };
 export type RadioGroupItemProps<T extends string> = {
     value: T;
@@ -36,5 +36,7 @@ export type RadioGroupItemProps<T extends string> = {
      */
     orientation?: "left" | "right";
     children: React.ReactNode;
+    /** Optional second line below the option's label. Linked via `aria-describedby`. */
+    description?: React.ReactNode;
 };
 export {};

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

@@ -1 +1 @@
-export { RadioGroup, type RadioGroupItemProps, type RadioGroupProps } from "./RadioGroup";
+export { RadioGroup, type RadioGroupItemProps, type RadioGroupProps } from "./RadioGroup.js";

package/dist/types/components/SegmentedControl/index.d.ts

@@ -1,2 +1,2 @@
-export { Tabs as SegmentedControl } from "../Tabs";
-export type { TabsBadgeProp as SegmentedControlBadgeProp, TabProps as SegmentedControlOptionProps, TabsProps as SegmentedControlProps, SizeVariant, } from "../Tabs";
+export { Tabs as SegmentedControl } from "../Tabs/index.js";
+export type { TabsBadgeProp as SegmentedControlBadgeProp, TabProps as SegmentedControlOptionProps, TabsProps as SegmentedControlProps, SizeVariant, } from "../Tabs/index.js";

package/dist/types/components/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import React, { type ReactNode } from "react";
-import { type SelectControlProps } from "../SelectControl";
+import type { ControlSize } from "../../types.js";
+import { type SelectControlProps } from "../SelectControl/index.js";
 export type Option<T extends string = string> = {
     value: T;
     label: string;
@@ -204,6 +205,12 @@ export type SelectProps<T extends Option> = (SingleSelectProps<T> | MultiSelectP
     searchPlaceholder?: string;
     /** Accessible name of the search input, independent of the trigger label. */
     searchAriaLabel?: string;
+    /**
+     * Size of the search input in the menu, such as `2xl` for 44px touch
+     * targets on phones.
+     * @default md
+     */
+    searchSize?: ControlSize;
     /**
      * Message displayed when search results are empty. Can be a simple string, or custom JSX.
      */

package/dist/types/components/Select/index.d.ts

@@ -1 +1 @@
-export { Select, type Option, type OptionGroup, type SelectProps } from "./Select";
+export { Select, type Option, type OptionGroup, type SelectProps } from "./Select.js";

package/dist/types/components/SelectControl/SelectControl.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ControlSize, Variants } from "../../types";
+import type { ControlSize, Variants } from "../../types.js";
 export type DropdownIconType = "chevronDown" | "dropdown" | "none";
 export type SelectControlProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "onClick"> & {
     /**

package/dist/types/components/SelectControl/index.d.ts

@@ -1 +1 @@
-export { SelectControl, type DropdownIconType, type SelectControlProps } from "./SelectControl";
+export { SelectControl, type DropdownIconType, type SelectControlProps } from "./SelectControl.js";

package/dist/types/components/Separator/index.d.ts

@@ -1 +1 @@
-export { Separator, type SeparatorProps } from "./Separator";
+export { Separator, type SeparatorProps } from "./Separator.js";

package/dist/types/components/ShimmerText/index.d.ts

@@ -1 +1 @@
-export { ShimmerText, ShimmerableText } from "./ShimmerText";
+export { ShimmerText, ShimmerableText } from "./ShimmerText.js";

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

@@ -1,6 +1,6 @@
 import { type ComponentProps, type ReactNode } from "react";
-import { type InputProps } from "../Input";
-import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext";
+import { type InputProps } from "../Input/index.js";
+import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext.js";
 export { SidebarProvider, useSidebar };
 export type { SidebarCollapsible, SidebarSide, SidebarVariant };
 export type SidebarProps = ComponentProps<"aside"> & {
@@ -26,18 +26,14 @@ export type SidebarRailProps = ComponentProps<"div">;
 export declare const SidebarRail: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type SidebarGroupProps = ComponentProps<"div"> & {
     /**
-     * Whether the group is open by default.
+     * Whether the group is open initially. A closed group hides its `SidebarGroupContent`.
      * @default true
      */
     defaultOpen?: boolean;
     /**
-     * Controlled open state.
+     * Controlled open state. The group has no toggle of its own: change `open` from your own control.
      */
     open?: boolean;
-    /**
-     * Callback called when the group open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
 };
 export declare const SidebarGroup: import("react").ForwardRefExoticComponent<Omit<SidebarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type SidebarGroupLabelProps = ComponentProps<"span"> & {

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

@@ -1,4 +1,4 @@
-export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar";
-export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar";
-export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext";
-export { SIDEBAR_CONSTANTS } from "./useSidebarContext";
+export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar.js";
+export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar.js";
+export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext.js";
+export { SIDEBAR_CONSTANTS } from "./useSidebarContext.js";

package/dist/types/components/Slider/Slider.d.ts

@@ -29,6 +29,14 @@ type SliderBaseProps = {
      * Optional label for the slider, which can be a string or React node.
      */
     label?: ReactNode;
+    /**
+     * Accessible name for the slider when there is no visible `label`
+     */
+    "aria-label"?: string;
+    /**
+     * Id of an element that names the slider; takes precedence over `label`
+     */
+    "aria-labelledby"?: string;
     /**
      * List of marks to display below the slider track
      */

package/dist/types/components/Slider/index.d.ts

@@ -1,2 +1,2 @@
-export { Slider } from "./Slider";
-export type { SliderMark, SliderProps } from "./Slider";
+export { Slider } from "./Slider.js";
+export type { SliderMark, SliderProps } from "./Slider.js";

package/dist/types/components/StatCard/index.d.ts

@@ -1 +1 @@
-export { StatCard, type StatCardProps } from "./StatCard";
+export { StatCard, type StatCardProps } from "./StatCard.js";

package/dist/types/components/Switch/index.d.ts

@@ -1 +1 @@
-export { Switch, type SwitchProps } from "./Switch";
+export { Switch, type SwitchProps } from "./Switch.js";

package/dist/types/components/Table/index.d.ts

@@ -1 +1 @@
-export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, type TableProps, type TableHeaderProps, type TableBodyProps, type TableFooterProps, type TableRowProps, type TableHeadProps, type TableCellProps, type TableCaptionProps, } from "./Table";
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, type TableProps, type TableHeaderProps, type TableBodyProps, type TableFooterProps, type TableRowProps, type TableHeadProps, type TableCellProps, type TableCaptionProps, } from "./Table.js";

package/dist/types/components/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { type ControlSize, type SemanticColors, type Sizes, type Variants } from "../../types";
+import { type ControlSize, type SemanticColors, type Sizes, type Variants } from "../../types.js";
 export type SizeVariant = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
 export type TabsVariant = "segmented" | "underline";
 export type TabsOrientation = "horizontal" | "vertical";
@@ -66,11 +66,24 @@ export type TabsProps<T extends string> = {
      * @default false
      */
     "flush"?: boolean;
+    /**
+     * What happens to tabs that do not fit in one row: the strip scrolls
+     * sideways (`scroll`), or the tabs that do not fit move into a menu at the
+     * end of the strip (`menu`). The menu button shows the active tab's name
+     * when it is one of the hidden ones. Horizontal tabs without `block` only.
+     * @default "scroll"
+     */
+    "overflow"?: "scroll" | "menu";
+    /**
+     * Text of the menu button with `overflow="menu"`
+     * @default "More"
+     */
+    "overflowLabel"?: string;
     "className"?: string;
     "children": React.ReactNode;
 };
 export declare const Tabs: {
-    <T extends string>({ value, onChange, children, variant, orientation, block, pill, flush, size, gutterSize, className, onClick, ...restProps }: TabsProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string>({ overflow, overflowLabel, ...props }: TabsProps<T>): import("react/jsx-runtime").JSX.Element;
     Tab: ({ children, icon, badge, ...restProps }: TabProps) => import("react/jsx-runtime").JSX.Element;
     Option: ({ children, icon, badge, ...restProps }: TabProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export { Tabs } from "./Tabs";
-export type { TabsBadgeProp, TabsOrientation, TabsProps, TabsVariant, TabProps, SizeVariant, } from "./Tabs";
+export { Tabs } from "./Tabs.js";
+export type { TabsBadgeProp, TabsOrientation, TabsProps, TabsVariant, TabProps, SizeVariant, } from "./Tabs.js";

package/dist/types/components/Tabs/overflow.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Width math for `Tabs overflow="menu"`: how many tabs fit before the menu
+ * button. Shared by the React and Vue packages (the Vue copy must match).
+ */
+/**
+ * How many tabs fit. When all of them do, the count is their number and no
+ * menu button is needed; otherwise room for the button is taken first.
+ */
+export declare function fitCount(widths: number[], moreWidth: number, gap: number, available: number): number;
+/**
+ * How many tabs stay in the strip when the hidden active tab lends its name
+ * to the menu button, which then grows wider than "More". Counted twice: with
+ * the narrow button first, and with the wide one if the active tab did not
+ * fit. The reserve only grows, so the second count cannot bring the active
+ * tab back into the strip.
+ */
+export declare function visibleTabCount(widths: number[], moreWidth: number, activeWidth: number, activeIndex: number, gap: number, available: number): number;

package/dist/types/components/TagInput/TagInput.d.ts

@@ -1,4 +1,4 @@
-import type { Sizes } from "../../types";
+import type { Sizes } from "../../types.js";
 export type Tag = {
     value: string;
     valid: boolean;

package/dist/types/components/TagInput/index.d.ts

@@ -1 +1 @@
-export { TagInput, type Tag, type TagInputProps } from "./TagInput";
+export { TagInput, type Tag, type TagInputProps } from "./TagInput.js";

package/dist/types/components/TextLink/index.d.ts

@@ -1 +1 @@
-export { TextLink } from "./TextLink";
+export { TextLink } from "./TextLink.js";

package/dist/types/components/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import { type ControlSize, type Sizes, type Variants } from "../../types";
+import { type ControlSize, type Sizes, type Variants } from "../../types.js";
 export type TextareaProps = {
     /**
      * Visual style of the textarea

package/dist/types/components/Textarea/index.d.ts

@@ -1 +1 @@
-export { Textarea, type TextareaProps } from "./Textarea";
+export { Textarea, type TextareaProps } from "./Textarea.js";

package/dist/types/components/Toast/index.d.ts

@@ -1,3 +1,3 @@
-export { Toaster, compact, type ToasterProps } from "./Toaster";
+export { Toaster, compact, type ToasterProps } from "./Toaster.js";
 export { toast } from "sonner";
 export type { Action, ExternalToast, ToastT } from "sonner";

package/dist/types/components/Tooltip/CopyTooltip.d.ts

@@ -28,5 +28,10 @@ export type CopyTooltipProps = {
      * @default 5
      */
     sideOffset?: RadixTooltip.TooltipContentProps["sideOffset"];
+    /**
+     * Called once the clipboard write settles, with whether it succeeded. The
+     * tooltip says "Copied!" only after a successful write.
+     */
+    onCopy?: (copied: boolean) => void;
 };
-export declare const CopyTooltip: ({ children, copyValue, openDelay, align, alignOffset, side, sideOffset, }: CopyTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyTooltip: ({ children, copyValue, openDelay, align, alignOffset, side, sideOffset, onCopy, }: CopyTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { CopyTooltip, type CopyTooltipProps } from "./CopyTooltip";
-export { Tooltip, type TooltipProps } from "./Tooltip";
+export { CopyTooltip, type CopyTooltipProps } from "./CopyTooltip.js";
+export { Tooltip, type TooltipProps } from "./Tooltip.js";

package/dist/types/components/Transition/Animate.d.ts

@@ -1,5 +1,5 @@
-import { type TransitionGroupProps } from "./TransitionGroup";
-import { type InitialTransitionDefinition, type TransitionDefinition } from "./shared";
+import { type TransitionGroupProps } from "./TransitionGroup.js";
+import { type InitialTransitionDefinition, type TransitionDefinition } from "./shared.js";
 export type AnimateProps = Pick<TransitionGroupProps, "as" | "children" | "className" | "insertMethod" | "preventInitialTransition"> & {
     /** Class applied to the inner TransitionGroup */
     transitionClassName?: string;

package/dist/types/components/Transition/AnimateLayout.d.ts

@@ -1,5 +1,5 @@
-import { type TransitionGroupProps } from "./TransitionGroup";
-import { type InitialTransitionDefinition, type LayoutTransitionDefinition, type TransitionDefinition } from "./shared";
+import { type TransitionGroupProps } from "./TransitionGroup.js";
+import { type InitialTransitionDefinition, type LayoutTransitionDefinition, type TransitionDefinition } from "./shared.js";
 export type AnimateLayoutProps = Pick<TransitionGroupProps, "as" | "children" | "className" | "insertMethod" | "preventInitialTransition"> & {
     /**
      * Determines if `overflow: hidden` is applied to the wrapper element

package/dist/types/components/Transition/AnimateLayoutGroup.d.ts

@@ -1,5 +1,5 @@
-import { type TransitionGroupProps } from "./TransitionGroup";
-import { type InitialTransitionDefinition, type LayoutTransitionDefinition, type TransitionDefinition } from "./shared";
+import { type TransitionGroupProps } from "./TransitionGroup.js";
+import { type InitialTransitionDefinition, type LayoutTransitionDefinition, type TransitionDefinition } from "./shared.js";
 export type AnimateLayoutGroupProps = Pick<TransitionGroupProps, "as" | "children" | "className" | "insertMethod" | "preventInitialTransition"> & {
     /**
      * Determines if `overflow: hidden` is applied to the wrapper element

package/dist/types/components/Transition/SlotTransitionGroup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TransitionGroupChildCallbacks } from "./shared";
+import { type TransitionGroupChildCallbacks } from "./shared.js";
 export type SlotTransitionGroupProps = {
     /** Components controlled by SlotTransitionGroup rendering */
     children: React.ReactNode;

package/dist/types/components/Transition/TransitionGroup.d.ts

@@ -1,5 +1,5 @@
 import React, { type CSSProperties } from "react";
-import { type TransitionGroupChildCallbacks } from "./shared";
+import { type TransitionGroupChildCallbacks } from "./shared.js";
 export type TransitionGroupProps = {
     /** Components controlled by TransitionGroup rendering */
     children: React.ReactNode;