@optiaxiom/react 3.0.0-next.4 → 3.0.1

package/dist/unstable.d.ts

@@ -1,20 +1,14 @@
-import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-BbA7fUoA.js';
-export { e as Calendar, C as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-BbA7fUoA.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CellContext } from '@tanstack/table-core';
-import * as react from 'react';
-import { ReactNode, ComponentPropsWithRef, ReactElement, ComponentPropsWithoutRef, RefAttributes } from 'react';
-import { Header } from '@tanstack/react-table';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
-import { unstable_useSurfaceContext } from '@optiaxiom/globals';
-export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
-import * as RadixVisuallyHidden from '@radix-ui/react-visually-hidden';
-import 'react-day-picker';
-import '@radix-ui/react-dialog';
+import { At as MenuOption, Dt as MenuContent, Ga as Sprinkles, Ha as BoxProps, La as Alert, Lr as Calendar, Ot as MenuContentProps, Pa as ButtonProps, Rr as CalendarProps, Tt as MenuTrigger, Va as Box, Xa as ExcludeProps, Zr as TableHeaderCell, aa as dialogkit, ia as createDialogKit, jt as MenuProps, kt as Menu, xa as Group, za as RecipeVariants } from "./index-CFyyI6Hr.js";
+import { ComponentPropsWithRef, ComponentPropsWithoutRef, ReactElement, ReactNode, RefAttributes } from "react";
+import { unstable_SurfaceProvider as SurfaceProvider, unstable_useSurfaceContext } from "@optiaxiom/globals";
+import { CellContext } from "@tanstack/table-core";
+import { Header } from "@tanstack/react-table";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+import * as RadixVisuallyHidden from "@radix-ui/react-visually-hidden";
 
+//#region src/data-table/DataTableExpandableCell.d.ts
 type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> & {
-    children?: ReactNode;
+  children?: ReactNode;
 };
 /**
  * Table cell component with expandable row functionality.
@@ -22,13 +16,18 @@ type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> &
  * @group DataTable
  * @experimental
  */
-declare function DataTableExpandableCell<TData, TValue>({ children, getValue, row, }: DataTableExpandableCellProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTableExpandableCell<TData, TValue>({
+  children,
+  getValue,
+  row
+}: DataTableExpandableCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTableExpandableCell {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/data-table/DataTableExpandableHeader.d.ts
 type DataTableExpandableHeaderProps = {
-    children?: ReactNode;
+  children?: ReactNode;
 };
 /**
  * Table header component for expandable columns.
@@ -36,16 +35,19 @@ type DataTableExpandableHeaderProps = {
  * @group DataTable
  * @experimental
  */
-declare function DataTableExpandableHeader({ children, }: DataTableExpandableHeaderProps): react_jsx_runtime.JSX.Element;
+declare function DataTableExpandableHeader({
+  children
+}: DataTableExpandableHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTableExpandableHeader {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/data-table/DataTableHeaderCell.d.ts
 type DataTableHeaderCellProps = BoxProps<typeof TableHeaderCell, {
-    /**
-     * The Header instance to render.
-     */
-    header: Header<unknown, unknown>;
+  /**
+   * The Header instance to render.
+   */
+  header: Header<unknown, unknown>;
 }>;
 /**
  * Table header cell with sorting and resizing functionality.
@@ -53,21 +55,22 @@ type DataTableHeaderCellProps = BoxProps<typeof TableHeaderCell, {
  * @group DataTable
  * @experimental
  */
-declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
-    /**
-     * The Header instance to render.
-     */
-    header: Header<unknown, unknown>;
+declare const DataTableHeaderCell: import("react").ForwardRefExoticComponent<{
+  /**
+   * The Header instance to render.
+   */
+  header: Header<unknown, unknown>;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
+  asChild?: boolean;
+  className?: string;
 }>, never> & Omit<Omit<{
-    pinned?: boolean | undefined;
+  pinned?: boolean | undefined;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLTableCellElement>, "ref">, "alignItems" | "alignSelf" | "animation" | "asChild" | "backgroundImage" | "bg" | "border" | "borderB" | "borderColor" | "borderL" | "borderR" | "borderT" | "className" | "color" | "cursor" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "justifyContent" | "justifyItems" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "textAlign" | "textTransform" | "transition" | "w" | "whiteSpace" | "z"> & import("react").RefAttributes<HTMLTableCellElement>>;
+//#endregion
+//#region src/details-panel/DetailsPanel.d.ts
 type DetailsPanelProps = BoxProps<"aside">;
 /**
  * Panel for showing additional content on the right side of the page.
@@ -77,101 +80,106 @@ type DetailsPanelProps = BoxProps<"aside">;
  * @experimental
  * @category container
  */
-declare const DetailsPanel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
-
+declare const DetailsPanel: import("react").ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/details-panel/DetailsPanelBody.d.ts
 type DetailsPanelBodyProps = ComponentPropsWithRef<typeof Box>;
 /**
  * @group DetailsPanel
  */
-declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const DetailsPanelBody: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/details-panel/DetailsPanelFooter.d.ts
 type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group DetailsPanel
  */
-declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<{
-    alignItems?: BoxProps["alignItems"];
-    flexDirection?: BoxProps["flexDirection"];
+declare const DetailsPanelFooter: import("react").ForwardRefExoticComponent<Omit<Omit<{
+  alignItems?: BoxProps["alignItems"];
+  flexDirection?: BoxProps["flexDirection"];
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "alignItems" | "flexDirection"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/details-panel/DetailsPanelHeader.d.ts
 type DetailsPanelHeaderProps = BoxProps<"div", {
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
+  /**
+   * Display content inside the header after `children`.
+   */
+  addonAfter?: ReactNode;
+  /**
+   * Display content inside the header before `children`.
+   */
+  addonBefore?: ReactNode;
+  /**
+   * Add secondary text after the primary title.
+   */
+  description?: ReactNode;
 }>;
 /**
  * @group DetailsPanel
  */
-declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
+declare const DetailsPanelHeader: import("react").ForwardRefExoticComponent<{
+  /**
+   * Display content inside the header after `children`.
+   */
+  addonAfter?: ReactNode;
+  /**
+   * Display content inside the header before `children`.
+   */
+  addonBefore?: ReactNode;
+  /**
+   * Add secondary text after the primary title.
+   */
+  description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/dialog-kit/useDialogKit.d.ts
 /**
  * Hook to access the dialog kit context.
  *
  * @experimental
  */
 declare function useDialogKit(): {
-    /**
-     * The ID of the managed dialog item in the current context.
-     */
-    id: string;
+  /**
+   * The ID of the managed dialog item in the current context.
+   */
+  id: string;
 };
-
+//#endregion
+//#region src/file-upload/FileUpload.d.ts
 type FileUploadProps = BoxProps<"div", {
-    /**
-     * File types to accept for upload. An array of strings of the MIME type
-     * and/or file extensions to accept.
-     *
-     * @example
-     * ["image/*"]
-     * [".png", ".jpg"]
-     */
-    accept?: string[];
-    /**
-     * Whether the file uploader is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Callback function called when files are dropped or selected
-     */
-    onFilesDrop?: (files: File[]) => void;
+  /**
+   * File types to accept for upload. An array of strings of the MIME type
+   * and/or file extensions to accept.
+   *
+   * @example
+   * ["image/*"]
+   * [".png", ".jpg"]
+   */
+  accept?: string[];
+  /**
+   * Whether the file uploader is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Callback function called when files are dropped or selected
+   */
+  onFilesDrop?: (files: File[]) => void;
 }>;
 /**
  * Capture file input from users with drag and drop.
@@ -180,147 +188,153 @@ type FileUploadProps = BoxProps<"div", {
  * @since 1.6.0
  * @experimental
  */
-declare const FileUpload: react.ForwardRefExoticComponent<{
-    /**
-     * File types to accept for upload. An array of strings of the MIME type
-     * and/or file extensions to accept.
-     *
-     * @example
-     * ["image/*"]
-     * [".png", ".jpg"]
-     */
-    accept?: string[];
-    /**
-     * Whether the file uploader is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Callback function called when files are dropped or selected
-     */
-    onFilesDrop?: (files: File[]) => void;
+declare const FileUpload: import("react").ForwardRefExoticComponent<{
+  /**
+   * File types to accept for upload. An array of strings of the MIME type
+   * and/or file extensions to accept.
+   *
+   * @example
+   * ["image/*"]
+   * [".png", ".jpg"]
+   */
+  accept?: string[];
+  /**
+   * Whether the file uploader is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Callback function called when files are dropped or selected
+   */
+  onFilesDrop?: (files: File[]) => void;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/file-upload/FileUploadDropzone.d.ts
 type FileUploadDropzoneProps = BoxProps<"div", {
-    /**
-     * Add secondary text after the primary label.
-     */
-    description?: string;
-    /**
-     * The label of the dropzone.
-     */
-    label?: string;
-    /**
-     * Whether to place the dropzone as an overlay fully covering the parent
-     * container and only visible when user is dragging a file into the browser.
-     */
-    overlay?: boolean;
+  /**
+   * Add secondary text after the primary label.
+   */
+  description?: string;
+  /**
+   * The label of the dropzone.
+   */
+  label?: string;
+  /**
+   * Whether to place the dropzone as an overlay fully covering the parent
+   * container and only visible when user is dragging a file into the browser.
+   */
+  overlay?: boolean;
 }>;
 /**
  * @group FileUpload
  */
-declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
-    /**
-     * Add secondary text after the primary label.
-     */
-    description?: string;
-    /**
-     * The label of the dropzone.
-     */
-    label?: string;
-    /**
-     * Whether to place the dropzone as an overlay fully covering the parent
-     * container and only visible when user is dragging a file into the browser.
-     */
-    overlay?: boolean;
+declare const FileUploadDropzone: import("react").ForwardRefExoticComponent<{
+  /**
+   * Add secondary text after the primary label.
+   */
+  description?: string;
+  /**
+   * The label of the dropzone.
+   */
+  label?: string;
+  /**
+   * Whether to place the dropzone as an overlay fully covering the parent
+   * container and only visible when user is dragging a file into the browser.
+   */
+  overlay?: boolean;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/file-upload/FileUploadListItem.d.ts
 type FileUploadListItemProps = BoxProps<"div"> & {
+  /**
+   * The file item to be previewed in the list item.
+   */
+  item: {
     /**
-     * The file item to be previewed in the list item.
+     * The file object to be previewed.
      */
-    item: {
-        /**
-         * The file object to be previewed.
-         */
-        file: File;
-        /**
-         * The current upload status of the file.
-         */
-        status: "complete" | "error" | "uploading";
-    };
+    file: File;
     /**
-     * Callback function called when the remove button is clicked
+     * The current upload status of the file.
      */
-    onRemove?: () => void;
+    status: "complete" | "error" | "uploading";
+  };
+  /**
+   * Callback function called when the remove button is clicked
+   */
+  onRemove?: () => void;
 };
-
+//#endregion
+//#region src/file-upload/FileUploadList.d.ts
 type FileUploadListProps = BoxProps<"div"> & {
-    /**
-     * The list of file items to be previewed.
-     */
-    items: FileUploadListItemProps["item"][];
-    /**
-     * Callback function called when a file is removed
-     */
-    onRemove?: (item: FileUploadListItemProps["item"]) => void;
+  /**
+   * The list of file items to be previewed.
+   */
+  items: FileUploadListItemProps["item"][];
+  /**
+   * Callback function called when a file is removed
+   */
+  onRemove?: (item: FileUploadListItemProps["item"]) => void;
 };
-declare const FileUploadList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & {
-    /**
-     * The list of file items to be previewed.
-     */
-    items: FileUploadListItemProps["item"][];
-    /**
-     * Callback function called when a file is removed
-     */
-    onRemove?: (item: FileUploadListItemProps["item"]) => void;
-} & react.RefAttributes<HTMLDivElement>>;
-
+declare const FileUploadList: import("react").ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & {
+  /**
+   * The list of file items to be previewed.
+   */
+  items: FileUploadListItemProps["item"][];
+  /**
+   * Callback function called when a file is removed
+   */
+  onRemove?: (item: FileUploadListItemProps["item"]) => void;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/file-upload/FileUploadTrigger.d.ts
 type FileUploadTriggerProps = ButtonProps;
 /**
  * @group FileUpload
  * @extends Button
  */
-declare const FileUploadTrigger: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+declare const FileUploadTrigger: import("react").ForwardRefExoticComponent<Omit<{
+  addonAfter?: import("react").ReactNode;
+  addonBefore?: import("react").ReactNode;
+  icon?: import("react").ReactNode;
+  iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+  intent?: "danger" | "neutral" | "primary" | undefined;
+  size?: "lg" | "md" | "sm" | undefined;
+  square?: boolean | undefined;
+  variant?: "outline" | "outline-opal" | "strong" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "button" | "reset" | "submit" | undefined;
+  appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  disabled?: boolean;
+  loading?: boolean;
+  type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "color" | "disabled" | "type"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/file-upload/useFileUploadTrigger.d.ts
 declare const useFileUploadTrigger: () => () => void;
-
+//#endregion
+//#region src/highlight/Highlight.d.ts
 type HighlightProps = BoxProps<"div", {
-    children?: (chunk: ReactElement) => ReactNode;
-    /**
-     * The string content to display and highlight terms.
-     */
-    content?: string;
-    /**
-     * The query terms to highlight in the text.
-     */
-    query?: RegExp | RegExp[] | string | string[];
+  children?: (chunk: ReactElement) => ReactNode;
+  /**
+   * The string content to display and highlight terms.
+   */
+  content?: string;
+  /**
+   * The query terms to highlight in the text.
+   */
+  query?: RegExp | RegExp[] | string | string[];
 }>;
 /**
  * Highlight query terms within text content.
@@ -328,21 +342,22 @@ type HighlightProps = BoxProps<"div", {
  * @category data-display
  * @experimental
  */
-declare const Highlight: react.ForwardRefExoticComponent<{
-    children?: (chunk: ReactElement) => ReactNode;
-    /**
-     * The string content to display and highlight terms.
-     */
-    content?: string;
-    /**
-     * The query terms to highlight in the text.
-     */
-    query?: RegExp | RegExp[] | string | string[];
+declare const Highlight: import("react").ForwardRefExoticComponent<{
+  children?: (chunk: ReactElement) => ReactNode;
+  /**
+   * The string content to display and highlight terms.
+   */
+  content?: string;
+  /**
+   * The query terms to highlight in the text.
+   */
+  query?: RegExp | RegExp[] | string | string[];
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "className" | "color" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/hover-card/HoverCard.d.ts
 type HoverCardProps = ComponentPropsWithoutRef<typeof RadixHoverCard.Root>;
 /**
  * Display helpful text or previews inside a dialog when hovering over a link or button.
@@ -352,55 +367,65 @@ type HoverCardProps = ComponentPropsWithoutRef<typeof RadixHoverCard.Root>;
  * @since 1.7.6
  * @experimental
  */
-declare function HoverCard({ children, defaultOpen, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare function HoverCard({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  openDelay,
+  ...props
+}: HoverCardProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HoverCard {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/hover-card/HoverCardContent.d.ts
 type HoverCardContentProps = ExcludeProps<BoxProps<typeof RadixHoverCard.Content>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
 /**
  * @group HoverCard
  */
-declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
-
+declare const HoverCardContent: import("react").ForwardRefExoticComponent<HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/hover-card/HoverCardTrigger.d.ts
 type HoverCardTriggerProps = BoxProps<typeof RadixHoverCard.Trigger>;
 /**
  * @group HoverCard
  */
-declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
-
+declare const HoverCardTrigger: import("react").ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "className" | "color"> & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+//#region src/inline-input/InlineInput.d.ts
 type InlineInputProps = BoxProps<"div", {
-    /**
-     * The initial input value in uncontrolled mode.
-     */
-    defaultValue?: string;
-    /**
-     * Whether the input is disabled and in read only mode.
-     */
-    disabled?: boolean;
-    /**
-     * The label and placeholder of the input.
-     */
-    label: string;
-    /**
-     * Whether to allow multiple lines of text.
-     */
-    multiline?: boolean;
-    /**
-     * Handler that is called when the input value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Provide a custom placeholder instead of using the label when input has no value.
-     */
-    placeholder?: string;
-    /**
-     * The input value in controlled mode.
-     */
-    value?: string;
+  /**
+   * The initial input value in uncontrolled mode.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the input is disabled and in read only mode.
+   */
+  disabled?: boolean;
+  /**
+   * The label and placeholder of the input.
+   */
+  label: string;
+  /**
+   * Whether to allow multiple lines of text.
+   */
+  multiline?: boolean;
+  /**
+   * Handler that is called when the input value changes.
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Provide a custom placeholder instead of using the label when input has no value.
+   */
+  placeholder?: string;
+  /**
+   * The input value in controlled mode.
+   */
+  value?: string;
 }>;
 /**
  * Seamless textbox for capturing user input with completely customizable visual styles.
@@ -409,64 +434,66 @@ type InlineInputProps = BoxProps<"div", {
  * @since 0.6.0
  * @experimental
  */
-declare const InlineInput: react.ForwardRefExoticComponent<{
-    /**
-     * The initial input value in uncontrolled mode.
-     */
-    defaultValue?: string;
-    /**
-     * Whether the input is disabled and in read only mode.
-     */
-    disabled?: boolean;
-    /**
-     * The label and placeholder of the input.
-     */
-    label: string;
-    /**
-     * Whether to allow multiple lines of text.
-     */
-    multiline?: boolean;
-    /**
-     * Handler that is called when the input value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Provide a custom placeholder instead of using the label when input has no value.
-     */
-    placeholder?: string;
-    /**
-     * The input value in controlled mode.
-     */
-    value?: string;
+declare const InlineInput: import("react").ForwardRefExoticComponent<{
+  /**
+   * The initial input value in uncontrolled mode.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the input is disabled and in read only mode.
+   */
+  disabled?: boolean;
+  /**
+   * The label and placeholder of the input.
+   */
+  label: string;
+  /**
+   * Whether to allow multiple lines of text.
+   */
+  multiline?: boolean;
+  /**
+   * Handler that is called when the input value changes.
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Provide a custom placeholder instead of using the label when input has no value.
+   */
+  placeholder?: string;
+  /**
+   * The input value in controlled mode.
+   */
+  value?: string;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color" | "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/layout/Layout.css.d.ts
 declare const layout: (props?: {
-    size?: "full" | "screen" | undefined;
+  size?: "full" | "screen" | undefined;
 } | undefined, className?: string) => {
-    className: string;
+  className: string;
 };
 type LayoutVariants = RecipeVariants<typeof layout>;
-
+//#endregion
+//#region src/layout/Layout.d.ts
 type LayoutProps = BoxProps<"div", LayoutVariants & {
-    /**
-     * Content for the details panel area of the layout.
-     */
-    detailsPanel?: ReactNode;
-    /**
-     * Content for the header area of the layout.
-     */
-    header?: ReactNode;
-    /**
-     * Whether to enable resizable panels for the details panel area.
-     */
-    resizable?: boolean;
-    /**
-     * Content for the sidebar area of the layout.
-     */
-    sidebar?: ReactNode;
+  /**
+   * Content for the details panel area of the layout.
+   */
+  detailsPanel?: ReactNode;
+  /**
+   * Content for the header area of the layout.
+   */
+  header?: ReactNode;
+  /**
+   * Whether to enable resizable panels for the details panel area.
+   */
+  resizable?: boolean;
+  /**
+   * Content for the sidebar area of the layout.
+   */
+  sidebar?: ReactNode;
 }>;
 /**
  * Implement a basic page layout with multiple content areas.
@@ -475,58 +502,61 @@ type LayoutProps = BoxProps<"div", LayoutVariants & {
  * @since 1.6.0
  * @experimental
  */
-declare const Layout: react.ForwardRefExoticComponent<{
-    size?: "full" | "screen" | undefined;
+declare const Layout: import("react").ForwardRefExoticComponent<{
+  size?: "full" | "screen" | undefined;
 } & {
-    /**
-     * Content for the details panel area of the layout.
-     */
-    detailsPanel?: ReactNode;
-    /**
-     * Content for the header area of the layout.
-     */
-    header?: ReactNode;
-    /**
-     * Whether to enable resizable panels for the details panel area.
-     */
-    resizable?: boolean;
-    /**
-     * Content for the sidebar area of the layout.
-     */
-    sidebar?: ReactNode;
+  /**
+   * Content for the details panel area of the layout.
+   */
+  detailsPanel?: ReactNode;
+  /**
+   * Content for the header area of the layout.
+   */
+  header?: ReactNode;
+  /**
+   * Whether to enable resizable panels for the details panel area.
+   */
+  resizable?: boolean;
+  /**
+   * Content for the sidebar area of the layout.
+   */
+  sidebar?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/layout/LayoutContent.d.ts
 type LayoutContentProps = BoxProps<"div">;
 /**
  * @group Layout
  */
-declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const LayoutContent: import("react").ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/pill/Pill.css.d.ts
 declare const pill: (props?: {
-    interactive?: boolean | undefined;
-    size?: "xs" | "sm" | undefined;
+  interactive?: boolean | undefined;
+  size?: "sm" | "xs" | undefined;
 } | undefined, className?: string) => {
-    className: string;
+  className: string;
 };
 type PillVariants = Omit<NonNullable<RecipeVariants<typeof pill>>, "interactive">;
-
+//#endregion
+//#region src/pill/Pill.d.ts
 type PillProps = BoxProps<"button", PillVariants & {
-    /**
-     * Show a close button inside the pill and invoke this callback when the pill is clicked.
-     */
-    onDismiss?: () => void;
-    /**
-     * When true, the pill is rendered as a non-interactive span element instead
-     * of a button. Use this for display-only pills that don't respond to
-     * clicks.
-     */
-    readOnly?: boolean;
+  /**
+   * Show a close button inside the pill and invoke this callback when the pill is clicked.
+   */
+  onDismiss?: () => void;
+  /**
+   * When true, the pill is rendered as a non-interactive span element instead
+   * of a button. Use this for display-only pills that don't respond to
+   * clicks.
+   */
+  readOnly?: boolean;
 }>;
 /**
  * A pill is a visual representation of an attribute, usually representing tags or metrics.
@@ -535,37 +565,48 @@ type PillProps = BoxProps<"button", PillVariants & {
  * @since 0.12.4
  * @experimental
  */
-declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
-    /**
-     * Show a close button inside the pill and invoke this callback when the pill is clicked.
-     */
-    onDismiss?: () => void;
-    /**
-     * When true, the pill is rendered as a non-interactive span element instead
-     * of a button. Use this for display-only pills that don't respond to
-     * clicks.
-     */
-    readOnly?: boolean;
+declare const Pill: import("react").ForwardRefExoticComponent<PillVariants & {
+  /**
+   * Show a close button inside the pill and invoke this callback when the pill is clicked.
+   */
+  onDismiss?: () => void;
+  /**
+   * When true, the pill is rendered as a non-interactive span element instead
+   * of a button. Use this for display-only pills that don't respond to
+   * clicks.
+   */
+  readOnly?: boolean;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/pill/PillGroup.d.ts
 type PillGroupProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group Pill
  */
-declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<{
-    alignItems?: BoxProps["alignItems"];
-    flexDirection?: BoxProps["flexDirection"];
+declare const PillGroup: import("react").ForwardRefExoticComponent<Omit<Omit<{
+  alignItems?: BoxProps["alignItems"];
+  flexDirection?: BoxProps["flexDirection"];
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
+  asChild?: boolean;
+  className?: string;
+}>, "alignItems" | "flexDirection"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/pill-menu/PillMenu.d.ts
+type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "placeholder"> & {
+  /**
+   * The candidate options shown in the popup. Defaults to `value` when omitted.
+   */
+  options?: MenuOption[];
+  /**
+   * The currently selected options rendered as pills in the trigger.
+   */
+  value: MenuOption[];
+}>;
 /**
  * Dropdown menu for making selection with pills showing the selected items.
  *
@@ -575,104 +616,118 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const PillMenu: import("react").ForwardRefExoticComponent<Pick<MenuProps, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "placeholder"> & {
+  /**
+   * The candidate options shown in the popup. Defaults to `value` when omitted.
+   */
+  options?: MenuOption[];
+  /**
+   * The currently selected options rendered as pills in the trigger.
+   */
+  value: MenuOption[];
+} & Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/pill-menu/PillMenuContent.d.ts
 type PillMenuContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
 /**
  * @group PillMenu
  */
-declare const PillMenuContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const PillMenuContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/pill-menu/PillMenuTrigger.css.d.ts
 declare const root$1: (props?: {
-    size?: "md" | "lg" | undefined;
+  size?: "lg" | "md" | undefined;
 } | undefined, className?: string) => {
-    className: string;
+  className: string;
 };
 type RootVariants = RecipeVariants<typeof root$1>;
-
+//#endregion
+//#region src/pill-menu/PillMenuTrigger.d.ts
 type PillMenuTriggerProps = BoxProps<"div", RootVariants & {
-    /**
-     * Whether the button is disabled.
-     */
-    readOnly?: boolean;
+  /**
+   * Whether the button is disabled.
+   */
+  readOnly?: boolean;
 }>;
 /**
  * @group PillMenu
  * @extends PillGroup
  */
-declare const PillMenuTrigger: react.ForwardRefExoticComponent<{
-    size?: "md" | "lg" | undefined;
+declare const PillMenuTrigger: import("react").ForwardRefExoticComponent<{
+  size?: "lg" | "md" | undefined;
 } & {
-    /**
-     * Whether the button is disabled.
-     */
-    readOnly?: boolean;
+  /**
+   * Whether the button is disabled.
+   */
+  readOnly?: boolean;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/range/Range.css.d.ts
 declare const root: (props?: {
-    marks?: boolean | undefined;
-    size?: "md" | "lg" | undefined;
+  marks?: boolean | undefined;
+  size?: "lg" | "md" | undefined;
 } | undefined, className?: string) => {
-    className: string;
+  className: string;
 };
 type RangeVariants = RecipeVariants<typeof root>;
-
+//#endregion
+//#region src/range/Range.d.ts
 type RangeProps = BoxProps<"input", Omit<NonNullable<RangeVariants>, "marks"> & {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: number;
-    /**
-     * Whether the input is disabled and in read only mode.
+  /**
+   * The initial selected value in uncontrolled mode.
+   */
+  defaultValue?: number;
+  /**
+   * Whether the input is disabled and in read only mode.
+   */
+  disabled?: boolean;
+  /**
+   * Function to format the label for each value.
+   */
+  getLabel?: (value: number) => string;
+  /**
+   * The marks to display on the range steps.
+   */
+  marks?: Array<number | {
+    /**
+     * The label for the mark.
      */
-    disabled?: boolean;
-    /**
-     * Function to format the label for each value.
-     */
-    getLabel?: (value: number) => string;
-    /**
-     * The marks to display on the range steps.
-     */
-    marks?: Array<number | {
-        /**
-         * The label for the mark.
-         */
-        label: string;
-        /**
-         * The value for the mark.
-         */
-        value: number;
-    }>;
-    /**
-     * The maximum value for the range.
-     */
-    max?: number;
-    /**
-     * The minimum value for the range.
-     */
-    min?: number;
-    /**
-     * Handler that is called when the value changes.
-     */
-    onValueChange?: (value: number) => void;
-    /**
-     * Whether to show a tooltip with the current value above the thumb.
-     */
-    showTooltip?: boolean;
-    /**
-     * The stepping interval for the range.
-     */
-    step?: number;
+    label: string;
     /**
-     * The selected value in controlled mode.
-     */
-    value?: number;
+     * The value for the mark.
+     */
+    value: number;
+  }>;
+  /**
+   * The maximum value for the range.
+   */
+  max?: number;
+  /**
+   * The minimum value for the range.
+   */
+  min?: number;
+  /**
+   * Handler that is called when the value changes.
+   */
+  onValueChange?: (value: number) => void;
+  /**
+   * Whether to show a tooltip with the current value above the thumb.
+   */
+  showTooltip?: boolean;
+  /**
+   * The stepping interval for the range.
+   */
+  step?: number;
+  /**
+   * The selected value in controlled mode.
+   */
+  value?: number;
 }>;
 /**
  * Allow users to select a numeric value within a range.
@@ -681,87 +736,88 @@ type RangeProps = BoxProps<"input", Omit<NonNullable<RangeVariants>, "marks"> &
  * @since 1.7.12
  * @experimental
  */
-declare const Range: react.ForwardRefExoticComponent<Omit<{
-    marks?: boolean | undefined;
-    size?: "md" | "lg" | undefined;
+declare const Range: import("react").ForwardRefExoticComponent<Omit<{
+  marks?: boolean | undefined;
+  size?: "lg" | "md" | undefined;
 }, "marks"> & {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: number;
-    /**
-     * Whether the input is disabled and in read only mode.
-     */
-    disabled?: boolean;
-    /**
-     * Function to format the label for each value.
+  /**
+   * The initial selected value in uncontrolled mode.
+   */
+  defaultValue?: number;
+  /**
+   * Whether the input is disabled and in read only mode.
+   */
+  disabled?: boolean;
+  /**
+   * Function to format the label for each value.
+   */
+  getLabel?: (value: number) => string;
+  /**
+   * The marks to display on the range steps.
+   */
+  marks?: Array<number | {
+    /**
+     * The label for the mark.
      */
-    getLabel?: (value: number) => string;
-    /**
-     * The marks to display on the range steps.
-     */
-    marks?: Array<number | {
-        /**
-         * The label for the mark.
-         */
-        label: string;
-        /**
-         * The value for the mark.
-         */
-        value: number;
-    }>;
-    /**
-     * The maximum value for the range.
-     */
-    max?: number;
-    /**
-     * The minimum value for the range.
-     */
-    min?: number;
-    /**
-     * Handler that is called when the value changes.
-     */
-    onValueChange?: (value: number) => void;
-    /**
-     * Whether to show a tooltip with the current value above the thumb.
-     */
-    showTooltip?: boolean;
-    /**
-     * The stepping interval for the range.
-     */
-    step?: number;
+    label: string;
     /**
-     * The selected value in controlled mode.
-     */
-    value?: number;
+     * The value for the mark.
+     */
+    value: number;
+  }>;
+  /**
+   * The maximum value for the range.
+   */
+  max?: number;
+  /**
+   * The minimum value for the range.
+   */
+  min?: number;
+  /**
+   * Handler that is called when the value changes.
+   */
+  onValueChange?: (value: number) => void;
+  /**
+   * Whether to show a tooltip with the current value above the thumb.
+   */
+  showTooltip?: boolean;
+  /**
+   * The stepping interval for the range.
+   */
+  step?: number;
+  /**
+   * The selected value in controlled mode.
+   */
+  value?: number;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "max" | "min" | "className" | "defaultValue" | "value" | "step"> & react.RefAttributes<HTMLInputElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "color" | "defaultValue" | "disabled" | "max" | "min" | "size" | "step" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/sortable/Sortable.d.ts
 type SortableProps<T extends Items> = BoxProps<"div", {
-    children?: (items: T) => ReactNode;
-    /**
-     * An array of item IDs in controlled mode.
+  children?: (items: T) => ReactNode;
+  /**
+   * An array of item IDs in controlled mode.
+   */
+  items: T;
+  /**
+   * Event handler that is called when items are re-sorted with full information about the event.
+   */
+  onChange?: (data: {
+    /**
+     * The re-sorted item IDs.
      */
     items: T;
     /**
-     * Event handler that is called when items are re-sorted with full information about the event.
-     */
-    onChange?: (data: {
-        /**
-         * The re-sorted item IDs.
-         */
-        items: T;
-        /**
-         * ID of the item that was being dragged.
-         */
-        source: string;
-    }) => void;
-    /**
-     * Handler that is called when the item IDs are re-sorted.
+     * ID of the item that was being dragged.
      */
-    onItemsChange?: (value: T) => void;
+    source: string;
+  }) => void;
+  /**
+   * Handler that is called when the item IDs are re-sorted.
+   */
+  onItemsChange?: (value: T) => void;
 }>;
 type Items = Record<string, string[]> | string[];
 /**
@@ -773,183 +829,197 @@ type Items = Record<string, string[]> | string[];
  * @experimental
  */
 declare const Sortable: (<T extends Items>(props: RefAttributes<HTMLDivElement> & SortableProps<T>) => null | ReactElement) & {
-    displayName: string;
+  displayName: string;
 };
-
+//#endregion
+//#region src/sortable/SortableGroup.d.ts
 type SortableGroupProps = BoxProps<"div", {
-    children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
-    /**
-     * ID of the group that is being rendered.
-     */
-    group: string;
-    /**
-     * Array index of the group that is being rendered.
-     */
-    index: number;
+  children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
+  /**
+   * ID of the group that is being rendered.
+   */
+  group: string;
+  /**
+   * Array index of the group that is being rendered.
+   */
+  index: number;
 }>;
 /**
  * @group Sortable
  */
-declare const SortableGroup: react.ForwardRefExoticComponent<{
-    children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
-    /**
-     * ID of the group that is being rendered.
-     */
-    group: string;
-    /**
-     * Array index of the group that is being rendered.
-     */
-    index: number;
+declare const SortableGroup: import("react").ForwardRefExoticComponent<{
+  children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
+  /**
+   * ID of the group that is being rendered.
+   */
+  group: string;
+  /**
+   * Array index of the group that is being rendered.
+   */
+  index: number;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/sortable/SortableHandle.d.ts
 type SortableHandleProps = BoxProps;
 /**
  * @group Sortable
  */
-declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const SortableHandle: import("react").ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/sortable/SortableItem.d.ts
 type SortableItemProps = BoxProps<"div", {
-    /**
-     * Array index of the item that is being rendered.
-     */
-    index: number;
-    /**
-     * ID of the item that is being rendered.
-     */
-    item: string;
+  /**
+   * Array index of the item that is being rendered.
+   */
+  index: number;
+  /**
+   * ID of the item that is being rendered.
+   */
+  item: string;
 }>;
 /**
  * @group Sortable
  */
-declare const SortableItem: react.ForwardRefExoticComponent<{
-    /**
-     * Array index of the item that is being rendered.
-     */
-    index: number;
-    /**
-     * ID of the item that is being rendered.
-     */
-    item: string;
+declare const SortableItem: import("react").ForwardRefExoticComponent<{
+  /**
+   * Array index of the item that is being rendered.
+   */
+  index: number;
+  /**
+   * ID of the item that is being rendered.
+   */
+  item: string;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/spotlight/Spotlight.d.ts
 type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "inputVisible" | "size">;
 /**
  * Command menu for search and application navigation.
  *
  * @experimental
  */
-declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
+declare function Spotlight({
+  children,
+  ...props
+}: SpotlightProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Spotlight {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/spotlight/SpotlightContent.d.ts
 type SpotlightContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
 /**
  * @group Spotlight
  */
-declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
+declare const SpotlightContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/spotlight/SpotlightTrigger.d.ts
 type SpotlightTriggerProps = ButtonProps<typeof MenuTrigger>;
 /**
  * @group Spotlight
  */
-declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+declare const SpotlightTrigger: import("react").ForwardRefExoticComponent<Omit<{
+  addonAfter?: import("react").ReactNode;
+  addonBefore?: import("react").ReactNode;
+  icon?: import("react").ReactNode;
+  iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+  intent?: "danger" | "neutral" | "primary" | undefined;
+  size?: "lg" | "md" | "sm" | undefined;
+  square?: boolean | undefined;
+  variant?: "outline" | "outline-opal" | "strong" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "button" | "reset" | "submit" | undefined;
+  appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  disabled?: boolean;
+  loading?: boolean;
+  type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
+  asChild?: boolean;
+  className?: string;
 }>, "size"> & Omit<Omit<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+  addonAfter?: import("react").ReactNode;
+  addonBefore?: import("react").ReactNode;
+  icon?: import("react").ReactNode;
+  iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+  intent?: "danger" | "neutral" | "primary" | undefined;
+  size?: "lg" | "md" | "sm" | undefined;
+  square?: boolean | undefined;
+  variant?: "outline" | "outline-opal" | "strong" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "button" | "reset" | "submit" | undefined;
+  appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  disabled?: boolean;
+  loading?: boolean;
+  type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "type" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "className" | "color" | "disabled" | "type"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "addonAfter" | "addonBefore" | "alignItems" | "alignSelf" | "animation" | "appearance" | "asChild" | "backgroundImage" | "bg" | "border" | "borderB" | "borderColor" | "borderL" | "borderR" | "borderT" | "className" | "color" | "cursor" | "disabled" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "icon" | "iconPosition" | "justifyContent" | "justifyItems" | "loading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "square" | "textAlign" | "textTransform" | "transition" | "type" | "w" | "whiteSpace" | "z"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/suggestion/SuggestionAlert.d.ts
 type SuggestionAlertProps = ComponentPropsWithoutRef<typeof Alert>;
 /**
  * @experimental
  */
-declare function SuggestionAlert({ ...props }: SuggestionAlertProps): react_jsx_runtime.JSX.Element | null;
+declare function SuggestionAlert({
+  ...props
+}: SuggestionAlertProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace SuggestionAlert {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/suggestion/SuggestionPopover.d.ts
 /**
  * @experimental
  */
-declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+declare const SuggestionPopover: import("react").ForwardRefExoticComponent<Omit<{
+  addonAfter?: import("react").ReactNode;
+  addonBefore?: import("react").ReactNode;
+  icon?: import("react").ReactNode;
+  iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+  intent?: "danger" | "neutral" | "primary" | undefined;
+  size?: "lg" | "md" | "sm" | undefined;
+  square?: boolean | undefined;
+  variant?: "outline" | "outline-opal" | "strong" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "button" | "reset" | "submit" | undefined;
+  appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  disabled?: boolean;
+  loading?: boolean;
+  type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
+  asChild?: boolean;
+  className?: string;
 }>, "size"> & Omit<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+  addonAfter?: import("react").ReactNode;
+  addonBefore?: import("react").ReactNode;
+  icon?: import("react").ReactNode;
+  iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+  intent?: "danger" | "neutral" | "primary" | undefined;
+  size?: "lg" | "md" | "sm" | undefined;
+  square?: boolean | undefined;
+  variant?: "outline" | "outline-opal" | "strong" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "button" | "reset" | "submit" | undefined;
+  appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  disabled?: boolean;
+  loading?: boolean;
+  type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "square" | "appearance" | "loading" | "type" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, "size"> & Omit<Omit<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "className" | "color" | "disabled" | "type"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "addonAfter" | "addonBefore" | "alignItems" | "alignSelf" | "animation" | "appearance" | "asChild" | "backgroundImage" | "bg" | "border" | "borderB" | "borderColor" | "borderL" | "borderR" | "borderT" | "className" | "color" | "cursor" | "disabled" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "icon" | "iconPosition" | "justifyContent" | "justifyItems" | "loading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "square" | "textAlign" | "textTransform" | "transition" | "type" | "w" | "whiteSpace" | "z"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/surface/useSurface.d.ts
 /**
  * Hook to access Surface context with optional type filtering.
  *
@@ -965,102 +1035,103 @@ declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
  * const surface = useSurface();
  */
 declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSurfaceContext>>["type"]): {
-    accept: (suggestionId: string) => void;
-    executeTool: (name: string, parameters: unknown) => Promise<void> | void;
-    manualSuggestion?: boolean;
-    metadata: Record<string, Omit<{
-        data?: Record<string, unknown>;
-        name: string;
-        type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
-        value?: unknown;
-    }, "name">>;
+  accept: (suggestionId: string) => void;
+  executeTool: (name: string, parameters: unknown) => Promise<void> | void;
+  manualSuggestion?: boolean;
+  metadata: Record<string, Omit<{
+    data?: Record<string, unknown>;
     name: string;
-    pageViewId: string | undefined;
-    path: string;
-    reject: (suggestionId: string) => void;
-    renderSuggestionValue?: ((value: unknown) => React.ReactNode) | undefined;
-    suggestionAlert: {
-        register: () => () => void;
-        registered: boolean;
-    };
-    suggestionPopover: {
-        register: () => () => void;
-        registered: boolean;
+    type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
+    value?: unknown;
+  }, "name">>;
+  name: string;
+  pageViewId: string | undefined;
+  path: string;
+  reject: (suggestionId: string) => void;
+  renderSuggestionValue?: ((value: unknown) => React.ReactNode) | undefined;
+  suggestionAlert: {
+    register: () => () => void;
+    registered: boolean;
+  };
+  suggestionPopover: {
+    register: () => () => void;
+    registered: boolean;
+  };
+  suggestions: ({
+    createdAt: string;
+    id: string;
+    page: string;
+    surface: string;
+  } & ({
+    cards: Array<{
+      data: unknown;
+      id: string;
+      name: string;
+      reason: string;
+    }>;
+    type: "cards";
+  } | {
+    reason: string;
+    type: "value";
+    value: unknown;
+  } | {
+    text: string;
+    tool?: {
+      name: string;
+      parameters: unknown;
     };
-    suggestions: ({
-        createdAt: string;
-        id: string;
-        page: string;
-        surface: string;
-    } & ({
-        cards: Array<{
-            data: unknown;
-            id: string;
-            name: string;
-            reason: string;
-        }>;
-        type: "cards";
-    } | {
-        reason: string;
-        type: "value";
-        value: unknown;
-    } | {
-        text: string;
-        tool?: {
-            name: string;
-            parameters: unknown;
-        };
-        type: "message";
-    }))[];
-    track: (interaction: {
-        id?: string;
-    } & ({
-        checked: boolean;
-        name: "toggled";
-    } | {
-        name: "added";
-        value: unknown;
-    } | {
-        name: "blurred";
-    } | {
-        name: "changed";
-        previousValue?: unknown;
-        value: unknown;
-    } | {
-        name: "focused";
-    } | {
-        name: "invoked";
-    } | {
-        name: "removed";
-        value: unknown;
-    } | {
-        name: "requested";
-        value: unknown;
-    } | {
-        name: "viewed";
-    }), surfaces?: {
-        data?: Record<string, unknown>;
-        name: string;
-        type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
-        value?: unknown;
-    }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
+    type: "message";
+  }))[];
+  track: (interaction: {
+    id?: string;
+  } & ({
+    checked: boolean;
+    name: "toggled";
+  } | {
+    name: "added";
+    value: unknown;
+  } | {
+    name: "blurred";
+  } | {
+    name: "changed";
+    previousValue?: unknown;
+    value: unknown;
+  } | {
+    name: "focused";
+  } | {
+    name: "invoked";
+  } | {
+    name: "removed";
+    value: unknown;
+  } | {
+    name: "requested";
+    value: unknown;
+  } | {
+    name: "viewed";
+  }), surfaces?: {
+    data?: Record<string, unknown>;
+    name: string;
+    type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
     value?: unknown;
+  }[]) => void;
+  type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
+  value?: unknown;
 } | undefined;
-
+//#endregion
+//#region src/time/Time.d.ts
 type TimeProps = BoxProps<"time", {
-    /**
-     * The date to display. Can be a `Date` object or an ISO 8601 string.
-     */
-    date: Date | string;
-    /**
-     * Whether to show the date part of the value. Defaults to `true`.
-     */
-    showDate?: boolean;
-    /**
-     * Whether to show the time part of the value. Defaults to `false`.
-     */
-    showTime?: boolean;
+  /**
+   * The date to display. Can be a `Date` object or an ISO 8601 string.
+   */
+  date: Date | string;
+  /**
+   * Whether to show the date part of the value. Defaults to `true`.
+   */
+  showDate?: boolean;
+  /**
+   * Whether to show the time part of the value. Defaults to `false`.
+   */
+  showTime?: boolean;
 }>;
 /**
  * A flexbox layout component for grouping items horizontally or vertically.
@@ -1068,36 +1139,36 @@ type TimeProps = BoxProps<"time", {
  * @category data-display
  * @experimental
  */
-declare const Time: react.ForwardRefExoticComponent<{
-    /**
-     * The date to display. Can be a `Date` object or an ISO 8601 string.
-     */
-    date: Date | string;
-    /**
-     * Whether to show the date part of the value. Defaults to `true`.
-     */
-    showDate?: boolean;
-    /**
-     * Whether to show the time part of the value. Defaults to `false`.
-     */
-    showTime?: boolean;
+declare const Time: import("react").ForwardRefExoticComponent<{
+  /**
+   * The date to display. Can be a `Date` object or an ISO 8601 string.
+   */
+  date: Date | string;
+  /**
+   * Whether to show the date part of the value. Defaults to `true`.
+   */
+  showDate?: boolean;
+  /**
+   * Whether to show the time part of the value. Defaults to `false`.
+   */
+  showTime?: boolean;
 } & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTimeElement>>;
-
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">, "className" | "color"> & import("react").RefAttributes<HTMLTimeElement>>;
+//#endregion
+//#region src/visually-hidden/VisuallyHidden.d.ts
 type VisuallyHiddenProps = ComponentPropsWithoutRef<typeof RadixVisuallyHidden.Root> & {
-    /**
-     * Set to true to hide the content.
-     */
-    disabled?: boolean;
+  /**
+   * Set to true to hide the content.
+   */
+  disabled?: boolean;
 };
-declare const VisuallyHidden: react.ForwardRefExoticComponent<Omit<RadixVisuallyHidden.VisuallyHiddenProps & react.RefAttributes<HTMLSpanElement>, "ref"> & {
-    /**
-     * Set to true to hide the content.
-     */
-    disabled?: boolean;
-} & react.RefAttributes<HTMLSpanElement>>;
-
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadList, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, Time, VisuallyHidden, useDialogKit, useFileUploadTrigger, useSurface };
-export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadListProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps, TimeProps, VisuallyHiddenProps };
+declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Omit<RadixVisuallyHidden.VisuallyHiddenProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+  /**
+   * Set to true to hide the content.
+   */
+  disabled?: boolean;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Calendar, CalendarProps, DataTableExpandableCell, DataTableExpandableCellProps, DataTableExpandableHeader, DataTableExpandableHeaderProps, DataTableHeaderCell, DataTableHeaderCellProps, DetailsPanel, DetailsPanelBody, DetailsPanelBodyProps, DetailsPanelFooter, DetailsPanelFooterProps, DetailsPanelHeader, DetailsPanelHeaderProps, DetailsPanelProps, FileUpload, FileUploadDropzone, FileUploadDropzoneProps, FileUploadList, FileUploadListProps, FileUploadProps, FileUploadTrigger, FileUploadTriggerProps, Highlight, HighlightProps, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, InlineInput, InlineInputProps, Layout, LayoutContent, LayoutContentProps, LayoutProps, Pill, PillGroup, PillGroupProps, PillMenu, PillMenuContent, PillMenuContentProps, PillMenuProps, PillMenuTrigger, PillMenuTriggerProps, PillProps, Range, RangeProps, Sortable, SortableGroup, SortableGroupProps, SortableHandle, SortableHandleProps, SortableItem, SortableItemProps, SortableProps, Spotlight, SpotlightContent, SpotlightContentProps, SpotlightProps, SpotlightTrigger, SpotlightTriggerProps, SuggestionAlert, SuggestionPopover, SurfaceProvider, Time, TimeProps, VisuallyHidden, VisuallyHiddenProps, createDialogKit, dialogkit, useDialogKit, useFileUploadTrigger, useSurface };