prime-ui-kit 0.9.0 → 0.9.2

package/dist/components/example-frame/ExampleFrame.d.ts

@@ -1,11 +1,18 @@
 import * as React from "react";
-export type ExampleFrameViewport = "desktop" | "tablet" | "mobile";
+declare const VIEWPORTS: readonly ["desktop", "tablet", "mobile"];
+export type ExampleFrameViewport = (typeof VIEWPORTS)[number];
 type ColorScheme = "light" | "dark";
-/** Раскладка содержимого превью — чтобы в сниппетах не оборачивать компоненты в div.stack/row. */
-export type ExampleFramePreviewLayout = "default" | "stack" | "stack-center" | "stack-narrow" | "dense-stack" | "row" | "row-start" | "row-wrap";
+/**
+ * Layout of the preview children, so snippets need no wrapper divs for rows and stacks.
+ * `matrix`: labelled specimens — every direct child is a row, its children are cells (a specimen
+ * above its caption), and cells line up in columns across rows.
+ */
+export type ExampleFramePreviewLayout = "default" | "stack" | "stack-narrow" | "full" | "row" | "matrix";
 export type ExampleFrameLabels = {
+    paneSwitch: string;
     preview: string;
     code: string;
+    viewportSwitch: string;
     desktop: string;
     tablet: string;
     mobile: string;
@@ -16,12 +23,12 @@ export type ExampleFrameLabels = {
     themeLight: string;
     codeRegion: string;
 };
-export type ExampleFrameRootProps = {
+export type ExampleFrameProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onCopy"> & {
     /** Source shown on the code pane (TS/TSX highlighting) and copied by the copy button. */
     code: string;
-    children?: React.ReactNode;
-    className?: string;
-    /** Управляемая цветовая схема превью (light/dark). */
+    /** The outer `<div>`. */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Preview color scheme (controlled). */
     colorScheme?: ColorScheme;
     defaultColorScheme?: ColorScheme;
     onColorSchemeChange?: (scheme: ColorScheme) => void;
@@ -29,31 +36,17 @@ export type ExampleFrameRootProps = {
     viewport?: ExampleFrameViewport;
     defaultViewport?: ExampleFrameViewport;
     onViewportChange?: (v: ExampleFrameViewport) => void;
-    /** Показывать ли кнопку переключения light/dark в тулбаре. */
+    /** Show the light / dark toggle in the toolbar. Default `true`. */
     showThemeToggle?: boolean;
-    /** Вызывается после успешного копирования `code` в буфер. */
+    /** Called after `code` was copied to the clipboard. */
     onCopy?: () => void;
-    /**
-     * Как выстроить детей внутри превью. По умолчанию — по центру (один блок).
-     * Для списков из нескольких компонентов используйте `stack` / `stack-center` / `row`.
-     */
+    /** How the preview lays out its children. Default `default`: one centered block. */
     previewLayout?: ExampleFramePreviewLayout;
     labels?: Partial<ExampleFrameLabels>;
 };
-declare function ExampleFrameRoot({ code, children, className, colorScheme: colorSchemeProp, defaultColorScheme, onColorSchemeChange, viewport: viewportProp, defaultViewport, onViewportChange, showThemeToggle, onCopy, previewLayout, labels: labelsProp, }: ExampleFrameRootProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ExampleFrameRoot {
+/** Documentation frame: a toolbar (pane, theme, copy, device width) above the preview or the code. */
+export declare function ExampleFrame({ code, children, className, colorScheme: colorSchemeProp, defaultColorScheme, onColorSchemeChange, viewport: viewportProp, defaultViewport, onViewportChange, showThemeToggle, onCopy, previewLayout, labels: labelsProp, ref, ...rest }: ExampleFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ExampleFrame {
     var displayName: string;
 }
-export type ExampleFrameStageProps = {
-    children: React.ReactNode;
-};
-declare function ExampleFrameStage({ children }: ExampleFrameStageProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ExampleFrameStage {
-    var displayName: string;
-}
-export declare const ExampleFrame: {
-    Root: typeof ExampleFrameRoot;
-    Stage: typeof ExampleFrameStage;
-};
 export {};
-//# sourceMappingURL=ExampleFrame.d.ts.map

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,137 +1,104 @@
 import * as React from "react";
+import { type FieldFrameProps, type FieldRootDomProps } from "@/internal/FieldFrame";
 import type { ControlSize, PaletteColor, TextTone } from "@/internal/states";
 /** Drop zone treatment: `dashed` shows the drop affordance line, `solid` keeps only the fill. */
 export type FileUploadVariant = "dashed" | "solid";
 export type FileUploadLabels = {
     /** Title of the built-in drop zone body. */
     title: string;
-    /** Hint under the title (formats, size limit). An empty string hides it. */
-    hint: string;
-    /** Decorative «browse» button text of the built-in body. */
+    /** Description under the title (formats, size limit). An empty string hides it. */
+    description: string;
+    /** Text of the decorative «browse» button of the built-in body. */
     browse: string;
+    /** Muted marker after the field label when `optional`. */
+    optional: string;
 };
-export type FileUploadIconProps = React.HTMLAttributes<HTMLSpanElement>;
-declare function FileUploadIcon({ className, children, ...rest }: FileUploadIconProps): import("react/jsx-runtime").JSX.Element;
+type DivProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+};
+export type FileUploadBodyProps = DivProps;
+/** Custom body of the drop zone: a centered column; nested buttons and links stay interactive. */
+declare function FileUploadBody({ className, ...rest }: FileUploadBodyProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileUploadBody {
+    var displayName: string;
+}
+export type FileUploadIconProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** Round tinted slot for the zone icon; kit icons inside take the zone tier. */
+declare function FileUploadIcon({ className, ...rest }: FileUploadIconProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadIcon {
     var displayName: string;
 }
-export type FileUploadTitleProps = React.HTMLAttributes<HTMLParagraphElement> & {
-    /** `muted` — secondary text color, regular weight (instruction line in custom bodies). */
+export type FileUploadTitleProps = ParagraphProps & {
+    /** `muted` — secondary color, regular weight (an instruction line in custom bodies). */
     tone?: Extract<TextTone, "default" | "muted">;
 };
-declare function FileUploadTitle({ className, children, tone, ...rest }: FileUploadTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function FileUploadTitle({ className, tone, ...rest }: FileUploadTitleProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadTitle {
     var displayName: string;
 }
-export type FileUploadHintProps = React.HTMLAttributes<HTMLParagraphElement>;
-declare function FileUploadHint({ className, children, ...rest }: FileUploadHintProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadHint {
-    var displayName: string;
-}
-export type FileUploadBrowseLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-declare function FileUploadBrowseLabel({ className, children, ...rest }: FileUploadBrowseLabelProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadBrowseLabel {
-    var displayName: string;
-}
-/** Inline «browse» link inside a custom title; does not open the picker by itself — pass `onClick`. */
-export type FileUploadBrowseLinkProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-/** Custom body column: `pointer-events: none`; nested buttons and links get `pointer-events: auto`. */
-export type FileUploadDropBodyProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadDropBody({ className, children, ...rest }: FileUploadDropBodyProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadDropBody {
-    var displayName: string;
-}
-/** Row of source chips (device, cloud…) — `pointer-events: auto`. */
-export type FileUploadActionsRowProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadActionsRow({ className, children, ...rest }: FileUploadActionsRowProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadActionsRow {
-    var displayName: string;
-}
-/** Source button inside `Root`: stops propagation to the label, does not open the file dialog. */
-export type FileUploadChipProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-export type FileUploadChipLabelProps = React.HTMLAttributes<HTMLSpanElement>;
-declare function FileUploadChipLabel({ className, children, ...rest }: FileUploadChipLabelProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadChipLabel {
-    var displayName: string;
-}
-export type FileUploadFormatBadgeProps = {
-    format: string;
-    color?: PaletteColor;
-    className?: string;
-};
-declare function FileUploadFormatBadge({ format, color, className }: FileUploadFormatBadgeProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadFormatBadge {
+export type FileUploadDescriptionProps = ParagraphProps;
+/** Secondary line of the zone (formats, size limit), the kit Hint of the zone tier. */
+declare function FileUploadDescription(props: FileUploadDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileUploadDescription {
     var displayName: string;
 }
-export type FileUploadItemProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Failed upload: danger wash and ring, danger meta text. */
+export type FileUploadItemProps = DivProps & {
+    /** Failed upload: danger wash and ring, danger description. */
     invalid?: boolean;
-    /** Typography, spacing, format badge and status icons follow the control tier. */
+    /** Typography, spacing and the format badge follow the control tier (default: the host tier, else `m`). */
     size?: ControlSize;
 };
-declare function FileUploadItem({ className, invalid, size, ...rest }: FileUploadItemProps): import("react/jsx-runtime").JSX.Element;
+/** A file row: format badge · name over description · actions, then the progress bar. */
+declare function FileUploadItem({ className, invalid, size: sizeProp, ...rest }: FileUploadItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadItem {
     var displayName: string;
 }
-export type FileUploadItemRowProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemRow({ className, children, ...rest }: FileUploadItemRowProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemRow {
-    var displayName: string;
-}
-export type FileUploadItemMainProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemMain({ className, children, ...rest }: FileUploadItemMainProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemMain {
-    var displayName: string;
-}
-/** Vertical stack inside `ItemMain` (error column: text + retry action). */
-export type FileUploadItemStackProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemStack({ className, children, ...rest }: FileUploadItemStackProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemStack {
-    var displayName: string;
-}
-/** File name + meta line group. */
-export type FileUploadItemTextGroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemTextGroup({ className, children, ...rest }: FileUploadItemTextGroupProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemTextGroup {
+export type FileUploadFormatBadgeProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "color"> & {
+    /** File extension; shown upper-case, cut to 8 characters. */
+    format: string;
+    color?: PaletteColor;
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** The file format as a square kit Badge (decorative: the name already carries the extension). */
+declare function FileUploadFormatBadge({ format, color, className, ...rest }: FileUploadFormatBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileUploadFormatBadge {
     var displayName: string;
 }
-export type FileUploadItemTryAgainProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-export type FileUploadItemNameProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemName({ className, children, ...rest }: FileUploadItemNameProps): import("react/jsx-runtime").JSX.Element;
+export type FileUploadItemNameProps = DivProps;
+declare function FileUploadItemName({ className, ...rest }: FileUploadItemNameProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadItemName {
     var displayName: string;
 }
-export type FileUploadItemMetaProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemMeta({ className, children, ...rest }: FileUploadItemMetaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemMeta {
+export type FileUploadItemDescriptionProps = DivProps;
+/** Size, progress or the error of the file; turns danger in an invalid row. */
+declare function FileUploadItemDescription({ className, ...rest }: FileUploadItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileUploadItemDescription {
     var displayName: string;
 }
-export type FileUploadItemMetaSepProps = React.HTMLAttributes<HTMLSpanElement>;
-declare function FileUploadItemMetaSep({ className, ...rest }: FileUploadItemMetaSepProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemMetaSep {
-    var displayName: string;
-}
-export type FileUploadItemActionsProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemActions({ className, children, ...rest }: FileUploadItemActionsProps): import("react/jsx-runtime").JSX.Element;
+export type FileUploadItemActionsProps = DivProps;
+/** Buttons at the end of the row (remove, retry). */
+declare function FileUploadItemActions({ className, ...rest }: FileUploadItemActionsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadItemActions {
     var displayName: string;
 }
-export type FileUploadItemFooterProps = React.HTMLAttributes<HTMLDivElement>;
-declare function FileUploadItemFooter({ className, children, ...rest }: FileUploadItemFooterProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileUploadItemFooter {
-    var displayName: string;
-}
-export type FileUploadItemProgressProps = {
-    value?: number;
+export type FileUploadItemProgressProps = Omit<DivProps, "children"> & {
+    value: number;
     max?: number;
-    className?: string;
-    children?: React.ReactNode;
+    /** Accessible name of the bar; name the file. Default «Загрузка файла». */
+    "aria-label"?: string;
 };
-declare function FileUploadItemProgress({ value, max, className, children }: FileUploadItemProgressProps): import("react/jsx-runtime").JSX.Element;
+/** Upload progress across the whole row: the kit ProgressBar. */
+declare function FileUploadItemProgress({ value, max, className, "aria-label": ariaLabel, ...rest }: FileUploadItemProgressProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploadItemProgress {
     var displayName: string;
 }
-export type FileUploadRootProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children"> & {
+export type FileUploadRootProps = FieldRootDomProps & Omit<FieldFrameProps, "focusRing"> & {
+    /** Tier. Default: the tier of the surrounding control (a form, a panel), else `m`. */
     size?: ControlSize;
     variant?: FileUploadVariant;
     /** Access to the hidden file input (open the picker programmatically). */
@@ -140,58 +107,36 @@ export type FileUploadRootProps = Omit<React.LabelHTMLAttributes<HTMLLabelElemen
     multiple?: boolean;
     /** Blocks picking and drag-and-drop. */
     disabled?: boolean;
-    /** Invalid state (e.g. a rejected file): danger line and `aria-invalid` on the input. */
+    /** Invalid state: danger line and `aria-invalid`. A non-empty `error` implies it. */
     invalid?: boolean;
-    /** Name of the hidden input inside a form. */
+    /** Name of the file input inside a form. */
     name?: string;
     onFilesChange?: (files: File[]) => void;
-    /** Texts of the built-in body (used when there are no `children`). */
     labels?: Partial<FileUploadLabels>;
-    /** Custom body; replaces the built-in icon, title, hint and browse button. */
+    /** Id of the file input; generated when omitted. */
+    id?: string;
+    /** Custom body (`FileUpload.Body`); replaces the built-in icon, title, description and button. */
     children?: React.ReactNode;
 };
+/**
+ * The field: label · drop zone · hint or error. `className`, `ref` and the rest go to the frame,
+ * `id` and `aria-label` to the hidden file input.
+ */
+declare function FileUploadRoot({ size: sizeProp, variant, inputRef, accept, multiple, disabled, invalid, name, onFilesChange, label, required, optional, hint, error, id, labels: labelsProp, "aria-label": ariaLabel, children, ...rest }: FileUploadRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileUploadRoot {
+    var displayName: string;
+}
 export declare const FileUpload: {
-    Root: React.ForwardRefExoticComponent<Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children"> & {
-        size?: ControlSize;
-        variant?: FileUploadVariant;
-        /** Access to the hidden file input (open the picker programmatically). */
-        inputRef?: React.Ref<HTMLInputElement>;
-        accept?: string;
-        multiple?: boolean;
-        /** Blocks picking and drag-and-drop. */
-        disabled?: boolean;
-        /** Invalid state (e.g. a rejected file): danger line and `aria-invalid` on the input. */
-        invalid?: boolean;
-        /** Name of the hidden input inside a form. */
-        name?: string;
-        onFilesChange?: (files: File[]) => void;
-        /** Texts of the built-in body (used when there are no `children`). */
-        labels?: Partial<FileUploadLabels>;
-        /** Custom body; replaces the built-in icon, title, hint and browse button. */
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLLabelElement>>;
+    Root: typeof FileUploadRoot;
+    Body: typeof FileUploadBody;
     Icon: typeof FileUploadIcon;
     Title: typeof FileUploadTitle;
-    Hint: typeof FileUploadHint;
-    BrowseLabel: typeof FileUploadBrowseLabel;
-    BrowseLink: React.ForwardRefExoticComponent<FileUploadBrowseLinkProps & React.RefAttributes<HTMLButtonElement>>;
-    DropBody: typeof FileUploadDropBody;
-    ActionsRow: typeof FileUploadActionsRow;
-    Chip: React.ForwardRefExoticComponent<FileUploadChipProps & React.RefAttributes<HTMLButtonElement>>;
-    ChipLabel: typeof FileUploadChipLabel;
-    FormatBadge: typeof FileUploadFormatBadge;
+    Description: typeof FileUploadDescription;
     Item: typeof FileUploadItem;
-    ItemRow: typeof FileUploadItemRow;
-    ItemMain: typeof FileUploadItemMain;
-    ItemStack: typeof FileUploadItemStack;
-    ItemTextGroup: typeof FileUploadItemTextGroup;
-    ItemTryAgain: React.ForwardRefExoticComponent<FileUploadItemTryAgainProps & React.RefAttributes<HTMLButtonElement>>;
+    FormatBadge: typeof FileUploadFormatBadge;
     ItemName: typeof FileUploadItemName;
-    ItemMeta: typeof FileUploadItemMeta;
-    ItemMetaSep: typeof FileUploadItemMetaSep;
+    ItemDescription: typeof FileUploadItemDescription;
     ItemActions: typeof FileUploadItemActions;
-    ItemFooter: typeof FileUploadItemFooter;
     ItemProgress: typeof FileUploadItemProgress;
 };
 export {};
-//# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/hint/Hint.d.ts

@@ -1,23 +1,23 @@
 import type * as React from "react";
 import type { ControlSize } from "@/internal/states";
-export type HintRootProps = {
+export type HintRootProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    /** Tier of the paired field. */
     size?: ControlSize;
-    /** Error message styling (`danger-text`). */
+    /** Error message styling (`danger-text`); the message drops in. */
     invalid?: boolean;
     /** Dimmed text next to a disabled control. */
     disabled?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLParagraphElement>;
+    ref?: React.Ref<HTMLParagraphElement>;
+};
 declare function HintRoot({ className, size, invalid, disabled, children, ...rest }: HintRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HintRoot {
     var displayName: string;
 }
-export type HintIconProps = {
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLSpanElement>;
-declare function HintIcon({ className, children, ...rest }: HintIconProps): import("react/jsx-runtime").JSX.Element;
+export type HintIconProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** Leading icon centred on the first line; decorative. */
+declare function HintIcon({ className, ...rest }: HintIconProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HintIcon {
     var displayName: string;
 }
@@ -26,4 +26,3 @@ export declare const Hint: {
     Icon: typeof HintIcon;
 };
 export {};
-//# sourceMappingURL=Hint.d.ts.map

package/dist/components/index.d.ts

@@ -1,102 +1,118 @@
 export type { ControlSizeProviderProps } from "../internal/ControlSizeContext";
 export { ControlSizeProvider, useOptionalControlSize } from "../internal/ControlSizeContext";
-export type { OverlayPortalLayer, OverlayPortalLayerProviderProps, } from "../internal/OverlayPortalLayerContext";
-export { OverlayPortalLayerProvider, useOverlayPortalLayer, } from "../internal/OverlayPortalLayerContext";
+export type { ProgressSegment } from "../internal/progressSegments";
 export * from "../layout";
-export type { AccordionArrowProps, AccordionContentProps, AccordionHeaderProps, AccordionIconProps, AccordionItemProps, AccordionMultipleProps, AccordionRootProps, AccordionSingleProps, AccordionTriggerProps, } from "./accordion/Accordion";
+export type { AccordionContentProps, AccordionHeaderProps, AccordionIconProps, AccordionItemProps, AccordionMultipleProps, AccordionRootProps, AccordionSingleProps, AccordionTriggerProps, } from "./accordion/Accordion";
 export { Accordion } from "./accordion/Accordion";
-export type { AvatarFallbackProps, AvatarGroupOverflowProps, AvatarGroupRootProps, AvatarImageProps, AvatarImageStatus, AvatarPresence, AvatarRootProps, AvatarSize, AvatarStatusLabels, AvatarStatusProps, } from "./avatar/Avatar";
+export type { AvatarFallbackProps, AvatarGroupProps, AvatarImageProps, AvatarOverflowProps, AvatarPresence, AvatarRootProps, AvatarSize, AvatarStatusLabels, AvatarStatusProps, } from "./avatar/Avatar";
 export { Avatar } from "./avatar/Avatar";
 export * from "./badge/Badge";
-export type { BannerActionsProps, BannerCloseButtonProps, BannerContentProps, BannerDescriptionProps, BannerIconProps, BannerLabels, BannerRootProps, BannerTitleProps, } from "./banner/Banner";
+export type { BannerActionsProps, BannerContentProps, BannerDescriptionProps, BannerIconProps, BannerLabels, BannerRootProps, BannerTitleProps, } from "./banner/Banner";
 export { Banner } from "./banner/Banner";
-export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLabels, BreadcrumbRootProps, BreadcrumbSeparatorProps, } from "./breadcrumb/Breadcrumb";
+export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLabels, BreadcrumbRootProps, } from "./breadcrumb/Breadcrumb";
 export { Breadcrumb } from "./breadcrumb/Breadcrumb";
-export type { ButtonIconProps, ButtonRootProps, ButtonSpinnerProps, } from "./button/Button";
+export type { ButtonIconProps, ButtonRootProps } from "./button/Button";
 export { Button } from "./button/Button";
 export type { ButtonGroupIconProps, ButtonGroupItemProps, ButtonGroupOrientation, ButtonGroupRootProps, } from "./button-group/ButtonGroup";
 export { ButtonGroup } from "./button-group/ButtonGroup";
-export type { CardActionsProps, CardBodyProps, CardChartProps, CardCoverProps, CardCtaBodyProps, CardDeltaProps, CardDescriptionProps, CardHeaderRowProps, CardHeadingLevel, CardIconBoxProps, CardLabelProps, CardLeadProps, CardListHeaderProps, CardListItemProps, CardListProps, CardMediaProps, CardRootProps, CardSectionHeaderProps, CardSectionTitleProps, CardSectionTrailingProps, CardSplitCellProps, CardSplitProps, CardStackProps, CardTitleProps, CardValueProps, } from "./card/Card";
+export type { CardBodyProps, CardDeltaProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardHeadingLevel, CardIconProps, CardLabelProps, CardListItemProps, CardListProps, CardMediaProps, CardRootProps, CardTitleProps, CardValueProps, CardVariant, } from "./card/Card";
 export { Card } from "./card/Card";
-export type { CheckboxErrorProps, CheckboxHintProps, CheckboxLabelProps, CheckboxRootProps, } from "./checkbox/Checkbox";
+export type { CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, } from "./checkbox/Checkbox";
 export { Checkbox } from "./checkbox/Checkbox";
-export type { CodeBlockColorScheme, CodeBlockRootProps, CodeBlockVariant, } from "./code-block/CodeBlock";
+export type { CodeBlockColorScheme, CodeBlockProps, CodeBlockVariant, } from "./code-block/CodeBlock";
 export { CodeBlock } from "./code-block/CodeBlock";
-export type { ColorPickerAreaProps, ColorPickerChannelStripProps, ColorPickerColorValue, ColorPickerEyeDropperButtonProps, ColorPickerFieldProps, ColorPickerHexInputProps, ColorPickerLabels, ColorPickerPanelProps, ColorPickerRootProps, ColorPickerSliderProps, ColorPickerSwatchPickerItemProps, ColorPickerSwatchPickerProps, ColorPickerTriggerSwatchProps, ColorValueFormat, } from "./color-picker/ColorPicker";
-export { ColorPicker, parseColor } from "./color-picker/ColorPicker";
 export type { ColorPreset, ColorPresetsContentProps, ColorPresetsLabels, ColorPresetsRootProps, ColorPresetsSwatchProps, ColorPresetsTriggerProps, } from "./color-picker/ColorPresets";
 export { COLOR_PRESETS, ColorPresets } from "./color-picker/ColorPresets";
-export type { CommandMenuDialogProps, CommandMenuEmptyProps, CommandMenuFooterHintProps, CommandMenuFooterKeyBoxProps, CommandMenuFooterProps, CommandMenuGroupProps, CommandMenuInputProps, CommandMenuInputRowProps, CommandMenuItemIconProps, CommandMenuItemProps, CommandMenuItemShortcutProps, CommandMenuItemTextProps, CommandMenuLabels, CommandMenuListProps, CommandMenuTagRowProps, CommandMenuTagSectionLabelProps, CommandMenuTagSectionProps, } from "./command-menu/CommandMenu";
+export type { ColorSwatchesLabels, ColorSwatchesProps } from "./color-swatches/ColorSwatches";
+export { ColorSwatches } from "./color-swatches/ColorSwatches";
+export type { CommandMenuDescriptionProps, CommandMenuEmptyProps, CommandMenuFooterHintProps, CommandMenuFooterProps, CommandMenuGroupProps, CommandMenuInputProps, CommandMenuItemIconProps, CommandMenuItemProps, CommandMenuItemShortcutProps, CommandMenuItemTextProps, CommandMenuLabels, CommandMenuListProps, CommandMenuRootProps, CommandMenuTitleProps, } from "./command-menu/CommandMenu";
 export { CommandMenu } from "./command-menu/CommandMenu";
-export type { DataTableColumn, DataTableLabels, DataTableOrder, DataTableRootProps, DataTableSortState, } from "./data-table/DataTable";
+export type { CrossfadeProps } from "./crossfade/Crossfade";
+export { Crossfade } from "./crossfade/Crossfade";
+export type { DataTableColumn, DataTableLabels, DataTableOrder, DataTableProps, DataTableSortState, } from "./data-table/DataTable";
 export { DataTable } from "./data-table/DataTable";
-export type { DatepickerBadgeProps, DatepickerLabels, DatepickerPanelProps, DatepickerPreset, DatepickerRange, DatepickerRootProps, WeekStart, } from "./datepicker/Datepicker";
+export type { DatepickerLabels, DatepickerPanelProps, DatepickerPreset, DatepickerRange, DatepickerRootProps, WeekStart, } from "./datepicker/Datepicker";
 export { Datepicker, DEFAULT_DATEPICKER_PRESETS, datepickerPresets, formatDatepickerValue, YEARLESS_YEAR, } from "./datepicker/Datepicker";
-export type { DigitInputLabels, DigitInputRootProps } from "./digit-input/DigitInput";
+export type { DigitInputLabels, DigitInputProps } from "./digit-input/DigitInput";
 export { DigitInput } from "./digit-input/DigitInput";
-export type { DividerAlign, DividerOrientation, DividerRootProps } from "./divider/Divider";
+export type { DividerAlign, DividerOrientation, DividerProps } from "./divider/Divider";
 export { Divider } from "./divider/Divider";
+export type { DndDraggableProps, DndDropZoneProps, DndHandleProps, DndLabels, DndReorderResult, DndRootProps, DndSortableItemProps, DndSortableProps, DragItem, DragOutcome, } from "./dnd/Dnd";
+export { Dnd } from "./dnd/Dnd";
+export { moveBefore } from "./dnd/useSortableList";
 export * from "./drawer/Drawer";
-export type { DropdownBlockProps, DropdownContentProps, DropdownGroupLabelProps, DropdownGroupProps, DropdownHeaderDescriptionProps, DropdownHeaderLeadingProps, DropdownHeaderMainProps, DropdownHeaderProps, DropdownHeaderRowProps, DropdownHeaderTitleProps, DropdownHeaderTrailingProps, DropdownItemIconProps, DropdownItemProps, DropdownItemShortcutProps, DropdownRootProps, DropdownSeparatorProps, DropdownTriggerProps, } from "./dropdown/Dropdown";
+export type { DropdownCheckboxItemProps, DropdownContentProps, DropdownDescriptionProps, DropdownGroupProps, DropdownHeaderProps, DropdownItemIconProps, DropdownItemProps, DropdownItemShortcutProps, DropdownRootProps, DropdownSeparatorProps, DropdownTitleProps, DropdownTriggerProps, } from "./dropdown/Dropdown";
 export { Dropdown } from "./dropdown/Dropdown";
 export type { EmptyPageActionsProps, EmptyPageDescriptionProps, EmptyPageIconProps, EmptyPageRootProps, EmptyPageTitleProps, } from "./empty-page/EmptyPage";
 export { EmptyPage } from "./empty-page/EmptyPage";
-export type { ExampleFrameLabels, ExampleFramePreviewLayout, ExampleFrameRootProps, ExampleFrameStageProps, ExampleFrameViewport, } from "./example-frame/ExampleFrame";
+export type { ExampleFrameLabels, ExampleFramePreviewLayout, ExampleFrameProps, ExampleFrameViewport, } from "./example-frame/ExampleFrame";
 export { ExampleFrame } from "./example-frame/ExampleFrame";
-export type { FileUploadActionsRowProps, FileUploadBrowseLabelProps, FileUploadBrowseLinkProps, FileUploadChipLabelProps, FileUploadChipProps, FileUploadDropBodyProps, FileUploadFormatBadgeProps, FileUploadHintProps, FileUploadIconProps, FileUploadItemActionsProps, FileUploadItemFooterProps, FileUploadItemMainProps, FileUploadItemMetaProps, FileUploadItemMetaSepProps, FileUploadItemNameProps, FileUploadItemProgressProps, FileUploadItemProps, FileUploadItemRowProps, FileUploadItemStackProps, FileUploadItemTextGroupProps, FileUploadItemTryAgainProps, FileUploadLabels, FileUploadRootProps, FileUploadTitleProps, FileUploadVariant, } from "./file-upload/FileUpload";
+export type { FileUploadBodyProps, FileUploadDescriptionProps, FileUploadFormatBadgeProps, FileUploadIconProps, FileUploadItemActionsProps, FileUploadItemDescriptionProps, FileUploadItemNameProps, FileUploadItemProgressProps, FileUploadItemProps, FileUploadLabels, FileUploadRootProps, FileUploadTitleProps, FileUploadVariant, } from "./file-upload/FileUpload";
 export { FileUpload } from "./file-upload/FileUpload";
 export type { HintIconProps, HintRootProps } from "./hint/Hint";
 export { Hint } from "./hint/Hint";
-export type { InputAffixProps, InputBadgeProps, InputClearButtonProps, InputCounterProps, InputFieldProps, InputIconProps, InputInlineAffixProps, InputLabels, InputRootProps, InputWrapperProps, } from "./input/Input";
+export type { InputAffixProps, InputClearButtonProps, InputCounterProps, InputFieldProps, InputIconProps, InputInlineAffixProps, InputLabels, InputRootProps, InputWrapperProps, } from "./input/Input";
 export { Input } from "./input/Input";
-export type { KbdRootProps } from "./kbd/Kbd";
+export type { KanbanColumn, KanbanItemBadgesProps, KanbanItemCountProps, KanbanItemDescriptionProps, KanbanItemFooterProps, KanbanItemProps, KanbanItemTitleProps, KanbanLabels, KanbanMove, KanbanRootProps, KanbanValue, } from "./kanban/Kanban";
+export { Kanban } from "./kanban/Kanban";
+export type { KbdProps } from "./kbd/Kbd";
 export { Kbd } from "./kbd/Kbd";
-export type { LabelLabels, LabelRootProps } from "./label/Label";
+export type { LabelDescriptionProps, LabelIconProps, LabelLabels, LabelRootProps, } from "./label/Label";
 export { Label } from "./label/Label";
-export type { LinkButtonRootProps } from "./link-button/LinkButton";
+export type { LinkButtonProps } from "./link-button/LinkButton";
 export { LinkButton } from "./link-button/LinkButton";
+export type { LoginFormActionsProps, LoginFormBodyProps, LoginFormDescriptionProps, LoginFormFooterProps, LoginFormFormProps, LoginFormHeaderProps, LoginFormLogoProps, LoginFormRootProps, LoginFormTitleProps, } from "./login-form/LoginForm";
+export { LoginForm } from "./login-form/LoginForm";
 export type { ModalBodyProps, ModalCloseProps, ModalConfirmProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalHeaderProps, ModalIconProps, ModalLabels, ModalRootProps, ModalTitleProps, ModalTriggerProps, } from "./modal/Modal";
 export { Modal } from "./modal/Modal";
-export type { NotificationAction, NotificationCardProps, NotificationLabels, NotificationOptions, NotificationPosition, NotificationRecord, } from "./notification/Notification";
+export type { NativeSelectLabels, NativeSelectProps } from "./native-select/NativeSelect";
+export { NativeSelect } from "./native-select/NativeSelect";
+export type { NotificationAction, NotificationCardProps, NotificationLabels, NotificationOptions, NotificationPosition, NotificationRecord, NotificationTone, } from "./notification/Notification";
 export { NotificationCard } from "./notification/Notification";
 export type { NotificationProviderProps } from "./notification/NotificationStore";
 export { NotificationProvider, useNotifications, } from "./notification/NotificationStore";
 export type { PageContentActionsProps, PageContentBodyProps, PageContentDescriptionMeasure, PageContentDescriptionProps, PageContentHeaderProps, PageContentMaxWidth, PageContentRootProps, PageContentSectionProps, PageContentTitleProps, } from "./page-content/PageContent";
 export { PageContent } from "./page-content/PageContent";
-export type { PaginationLabels, PaginationRootProps, } from "./pagination/Pagination";
+export type { PageToolbarActionsProps, PageToolbarChipsProps, PageToolbarRootProps, PageToolbarSectionsProps, PageToolbarToolsProps, PageToolbarViewProps, } from "./page-toolbar/PageToolbar";
+export { PageToolbar } from "./page-toolbar/PageToolbar";
+export type { PaginationLabels, PaginationProps } from "./pagination/Pagination";
 export { Pagination } from "./pagination/Pagination";
-export type { PopoverActionsProps, PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverInsetGap, PopoverInsetPadding, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, } from "./popover/Popover";
+export type { PopoverActionsProps, PopoverAnchorProps, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, } from "./popover/Popover";
 export { Popover } from "./popover/Popover";
-export type { ProgressBarRootProps } from "./progress-bar/ProgressBar";
+export type { ProgressBarLabels, ProgressBarProps } from "./progress-bar/ProgressBar";
 export { ProgressBar } from "./progress-bar/ProgressBar";
-export type { ProgressCircleRootProps } from "./progress-circle/ProgressCircle";
+export type { ProgressCircleLabels, ProgressCircleProps, } from "./progress-circle/ProgressCircle";
 export { ProgressCircle } from "./progress-circle/ProgressCircle";
-export type { RadioErrorProps, RadioGroupProps, RadioHintProps, RadioLabelProps, RadioRootProps, } from "./radio/Radio";
+export type { RadioGroupLabels, RadioGroupProps, RadioLabelProps, RadioRootProps, } from "./radio/Radio";
 export { Radio } from "./radio/Radio";
 export type { ScrollContainerAxis, ScrollContainerProps } from "./scroll-container/ScrollContainer";
 export { ScrollContainer } from "./scroll-container/ScrollContainer";
 export type { SegmentedControlCountProps, SegmentedControlDescriptionProps, SegmentedControlIconProps, SegmentedControlItemProps, SegmentedControlLabelProps, SegmentedControlRootProps, } from "./segmented-control/SegmentedControl";
 export { SegmentedControl } from "./segmented-control/SegmentedControl";
-export type { SegmentedProgressBarLabels, SegmentedProgressBarRootProps, SegmentedProgressSegment, } from "./segmented-progress-bar/SegmentedProgressBar";
-export { SegmentedProgressBar } from "./segmented-progress-bar/SegmentedProgressBar";
-export type { SelectBadgeProps, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemDescriptionProps, SelectItemIconProps, SelectItemMediaProps, SelectItemMetaProps, SelectItemProps, SelectItemTextProps, SelectLabels, SelectRootProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueItem, SelectValueProps, } from "./select/Select";
+export type { SelectContentProps, SelectGroupProps, SelectItemDescriptionProps, SelectItemIconProps, SelectItemMetaProps, SelectItemProps, SelectItemTextProps, SelectLabels, SelectRootProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueItem, SelectValueProps, } from "./select/Select";
 export { Select } from "./select/Select";
-export type { SliderRootProps } from "./slider/Slider";
+export type { SkeletonProps, SkeletonShape } from "./skeleton/Skeleton";
+export { Skeleton } from "./skeleton/Skeleton";
+export type { SliderLabels, SliderProps } from "./slider/Slider";
 export { Slider } from "./slider/Slider";
-export type { StepperArrowProps, StepperContentProps, StepperDescriptionProps, StepperIndicatorProps, StepperRootProps, StepperStepProps, StepperStepStatus, StepperTitleProps, } from "./stepper/Stepper";
+export type { SmartFilterChipsProps, SmartFilterField, SmartFilterLabels, SmartFilterMode, SmartFilterOption, SmartFilterRootProps, SmartFilterSelection, SmartFilterToolbarProps, SmartFilterValue, } from "./smart-filter/SmartFilter";
+export { matchesSmartFilter, resolveSmartFilterValues, SmartFilter, } from "./smart-filter/SmartFilter";
+export type { SpinnerLabels, SpinnerProps } from "./spinner/Spinner";
+export { Spinner } from "./spinner/Spinner";
+export type { StepperArrowProps, StepperContentProps, StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperItemStatus, StepperRootProps, StepperTitleProps, } from "./stepper/Stepper";
 export { Stepper } from "./stepper/Stepper";
-export type { SwitchErrorProps, SwitchHintProps, SwitchLabelProps, SwitchRootProps, } from "./switch/Switch";
+export type { SwitchLabelProps, SwitchRootProps, } from "./switch/Switch";
 export { Switch } from "./switch/Switch";
 export * from "./tabs/Tabs";
-export * from "./tag/Tag";
-export type { TagSelectLabels, TagSelectOption, TagSelectOptionUpdate, TagSelectRootProps, } from "./tag-select/TagSelect";
+export type { TagSelectLabels, TagSelectOption, TagSelectOptionUpdate, TagSelectProps, } from "./tag-select/TagSelect";
 export { TagSelect } from "./tag-select/TagSelect";
 export type { TextareaCounterProps, TextareaLabels, TextareaRootProps, } from "./textarea/Textarea";
 export { Textarea } from "./textarea/Textarea";
-export type { TimelineGapProps, TimelineGroupProps, TimelineItemProps, TimelineMetaPrimaryProps, TimelineMetaProps, TimelineRootProps, TimelineTitleProps, TimelineValueMetaProps, TimelineValueProps, } from "./timeline/Timeline";
+export type { ThumbnailFallbackProps, ThumbnailImageProps, ThumbnailRatio, ThumbnailRootProps, } from "./thumbnail/Thumbnail";
+export { Thumbnail } from "./thumbnail/Thumbnail";
+export type { TimelineGapMetaProps, TimelineGapProps, TimelineGroupProps, TimelineItemProps, TimelineMetaPrimaryProps, TimelineMetaProps, TimelineRootProps, TimelineTitleProps, TimelineValueMetaProps, TimelineValueProps, } from "./timeline/Timeline";
 export { Timeline } from "./timeline/Timeline";
-export type { TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipSide, TooltipTriggerProps, } from "./tooltip/Tooltip";
+export type { TooltipAlign, TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipSide, TooltipTriggerProps, } from "./tooltip/Tooltip";
 export { Tooltip } from "./tooltip/Tooltip";
-export type { TypographyAs, TypographyRole, TypographyRootProps, TypographyTracking, TypographyWeight, } from "./typography/Typography";
+export type { TypographyAs, TypographyProps, TypographyRole, TypographyTracking, TypographyWeight, } from "./typography/Typography";
 export { Typography } from "./typography/Typography";
-//# sourceMappingURL=index.d.ts.map