@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/types/components/kaeso/docs.d.ts

@@ -32,6 +32,7 @@ export declare const docs: {
             copy: string;
             redacted: string;
             state: string;
+            stateBadge: string;
         };
     };
     LimitMeter: {
@@ -52,19 +53,28 @@ export declare const docs: {
         description: string;
         props: {
             capabilities: string;
+            mark: string;
             model: string;
             name: string;
             provider: string;
+            providerName: string;
         };
     };
     ProviderBadge: {
         description: string;
         props: {
+            name: string;
             provider: string;
             size: string;
             withName: string;
         };
     };
+    CapabilityIcons: {
+        description: string;
+        props: {
+            capabilities: string;
+        };
+    };
     ProviderCard: {
         description: string;
         props: {
@@ -72,10 +82,34 @@ export declare const docs: {
             connected: string;
             detail: string;
             keyLabel: string;
+            name: string;
             provider: string;
             status: string;
         };
     };
+    ProviderPicker: {
+        description: string;
+        props: {
+            description: string;
+            label: string;
+            layout: string;
+            optional: string;
+            required: string;
+            allLabel: string;
+            appearance: string;
+            "aria-label": string;
+            autoFocus: string;
+            disabled: string;
+            onValueChange: string;
+            placeholder: string;
+            providers: string;
+            size: string;
+            value: string;
+        };
+        deprecated: {
+            error: string;
+        };
+    };
     RequestTimeline: {
         description: string;
         props: {

package/dist/types/components/kaeso/identity.d.ts

@@ -22,9 +22,10 @@ export declare const KAESO_IDENTITY_VARIANTS: {
 export declare const KAESO_IDENTITY_DEFAULT_VARIANTS: {
     readonly provider: "md";
 };
-export declare const providerName: (id: string) => string;
+export declare const providerName: (id: string, name?: string | undefined) => string;
 export declare const ProviderBadge: import("react").ForwardRefExoticComponent<{
     provider: string;
+    name?: string | undefined;
     size?: keyof typeof KAESO_IDENTITY_VARIANTS.provider | undefined;
     withName?: boolean | undefined;
     className?: string | undefined;
@@ -32,12 +33,18 @@ export declare const ProviderBadge: import("react").ForwardRefExoticComponent<{
 export type Capability = "tools" | "reasoning" | "vision" | "pdf" | "structuredOutput";
 export interface ModelLabelProps {
     provider: string;
+    providerName?: string | undefined;
     model: string;
     name?: string | undefined;
     capabilities?: Capability[] | undefined;
+    mark?: boolean | undefined;
     className?: string | undefined;
 }
 export declare const ModelLabel: import("react").ForwardRefExoticComponent<ModelLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const CapabilityIcons: import("react").ForwardRefExoticComponent<{
+    capabilities: Capability[];
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLSpanElement>>;
 export type KeyState = "active" | "disabled" | "expired" | "archived";
 export interface KeyDisplayProps {
     redacted: string;
@@ -45,6 +52,7 @@ export interface KeyDisplayProps {
     access?: "inference" | "platform" | "both" | undefined;
     copy?: boolean | undefined;
     className?: string | undefined;
+    stateBadge?: boolean | undefined;
 }
 export declare const KeyDisplay: import("react").ForwardRefExoticComponent<KeyDisplayProps & import("react").RefAttributes<HTMLSpanElement>>;
 export declare const StatusCode: import("react").ForwardRefExoticComponent<{
@@ -60,6 +68,7 @@ export declare const RequestTimeline: import("react").ForwardRefExoticComponent<
 } & import("react").RefAttributes<HTMLDivElement>>;
 export interface ProviderCardProps {
     provider: string;
+    name?: string | undefined;
     connected: boolean;
     status: ReactNode;
     keyLabel?: ReactNode | undefined;

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

@@ -6,3 +6,4 @@ export * from "./rights.js";
 export * from "./rights-logic.js";
 export * from "./role-picker.js";
 export * from "./effective-access.js";
+export * from "./provider-picker.js";

package/dist/types/components/kaeso/provider-marks.d.ts

@@ -1 +1,5 @@
-export declare const PROVIDER_MARKS: Record<string, string>;
+export interface ProviderMark {
+    d: string;
+    color: string;
+}
+export declare const PROVIDER_MARKS: Record<string, ProviderMark>;

package/dist/types/components/kaeso/provider-picker.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode } from "react";
+import { type CommandListGroup } from "../command-list/command-list.js";
+import { type FieldWrapProps } from "../field/field.js";
+export declare const KAESO_PROVIDER_PICKER_VARIANTS: {
+    readonly appearance: {
+        readonly list: {
+            readonly classes: "";
+            readonly description: "A search field over every provider, always open: a dialog step (default)";
+        };
+        readonly select: {
+            readonly classes: "";
+            readonly description: "A pill that opens the searchable list: forms and toolbars";
+        };
+    };
+};
+export declare const KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS: {
+    readonly appearance: "list";
+};
+export interface ProviderPickerOption {
+    id: string;
+    name?: string | undefined;
+    connected?: boolean | undefined;
+    hint?: ReactNode | undefined;
+    keywords?: readonly string[] | undefined;
+    disabled?: boolean | undefined;
+}
+export interface ProviderPickerProps extends FieldWrapProps {
+    providers: ProviderPickerOption[];
+    value?: string | null | undefined;
+    onValueChange?: ((id: string | null) => void) | undefined;
+    appearance?: keyof typeof KAESO_PROVIDER_PICKER_VARIANTS.appearance | undefined;
+    allLabel?: string | undefined;
+    placeholder?: string | undefined;
+    size?: "sm" | "md" | undefined;
+    disabled?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    "aria-label"?: string | undefined;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export declare function useProviderGroups(providers: ProviderPickerOption[], allLabel?: string | undefined): CommandListGroup[];
+export declare const ProviderPicker: import("react").ForwardRefExoticComponent<ProviderPickerProps & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/list/docs.d.ts

@@ -33,6 +33,7 @@ export declare const docs: {
             selected: string;
             selectionActions: string;
             selectionBar: string;
+            wrapSubtitle: string;
             virtualizeAbove: string;
         };
     };
@@ -53,6 +54,7 @@ export declare const docs: {
             selectable: string;
             selected: string;
             selecting: string;
+            wrapSubtitle: string;
         };
     };
     SelectionAction: {

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

@@ -49,6 +49,7 @@ export interface ListProps {
     onSelectedChange?: ((selected: Set<string>) => void) | undefined;
     idWidth?: 48 | 64 | 80 | 96 | 120 | undefined;
     density?: keyof typeof KAESO_LIST_VARIANTS.density | undefined;
+    wrapSubtitle?: boolean | undefined;
     virtualizeAbove?: number | undefined;
     selectionActions?: ReactNode | undefined;
     selectionBar?: boolean | undefined;
@@ -73,6 +74,7 @@ export interface ListRowProps {
     lastChild?: boolean | undefined;
     idWidth?: keyof typeof ID_W | undefined;
     density?: keyof typeof KAESO_LIST_VARIANTS.density | undefined;
+    wrapSubtitle?: boolean | undefined;
     narrow?: boolean | undefined;
     active?: boolean | undefined;
     selected?: boolean | undefined;

package/dist/types/components/menu/styles.d.ts

@@ -4,4 +4,4 @@ export declare const MENU_ICON = "text-fg-secondary group-data-highlighted/item:
 export declare const MENU_DANGER = "text-danger-text highlighted:bg-danger-tint";
 export declare const MENU_LABEL = "flex h-28 items-center px-10 text-caption font-medium text-fg-secondary";
 export declare const MENU_SEPARATOR = "mx-10 my-4 h-1 shrink-0 bg-line-subtle";
-export declare const MENU_HINT = "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular";
+export declare const MENU_HINT = "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular group-data-highlighted/item:text-fg-secondary";

package/dist/types/components/playground/docs.d.ts

@@ -39,17 +39,33 @@ export declare const docs: {
     ModelPicker: {
         description: string;
         props: {
+            description: string;
+            label: string;
+            layout: string;
+            optional: string;
+            required: string;
+            allLabel: string;
             appearance: string;
             "aria-label": string;
             defaultValue: string;
             disabled: string;
+            fullWidth: string;
             groupByProvider: string;
+            invalid: string;
+            multiple: string;
+            onOpenChange: string;
             onValueChange: string;
+            open: string;
             options: string;
             placeholder: string;
+            providers: string;
+            recent: string;
             size: string;
             value: string;
         };
+        deprecated: {
+            error: string;
+        };
     };
     ParameterPanel: {
         description: string;
@@ -94,6 +110,20 @@ export declare const docs: {
             suggestions: string;
         };
     };
+    Reasoning: {
+        description: string;
+        props: {
+            children: string;
+            defaultOpen: string;
+            duration: string;
+            hint: string;
+            live: string;
+            onOpenChange: string;
+            open: string;
+            text: string;
+            title: string;
+        };
+    };
     ResponseMetrics: {
         description: string;
         props: {
@@ -114,7 +144,9 @@ export declare const docs: {
         props: {
             "aria-label": string;
             defaultReasoningOpen: string;
+            error: string;
             footer: string;
+            incompleteReason: string;
             onReasoningOpenChange: string;
             onRetry: string;
             reasoning: string;

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

@@ -1,6 +1,7 @@
 export * from "./composer.js";
 export * from "./compare-grid.js";
 export * from "./response-view.js";
+export * from "./reasoning.js";
 export * from "./response-metrics.js";
 export * from "./parameter-panel.js";
 export * from "./model-picker.js";

package/dist/types/components/playground/model-picker.d.ts

@@ -1,3 +1,6 @@
+import { type CommandListGroup } from "../command-list/command-list.js";
+import { type FieldWrapProps } from "../field/field.js";
+import { type Capability } from "../kaeso/identity.js";
 export declare const KAESO_MODEL_PICKER_VARIANTS: {
     readonly appearance: {
         readonly ghost: {
@@ -18,20 +21,52 @@ export interface ModelPickerOption {
     provider: string;
     model?: string | undefined;
     name?: string | undefined;
+    capabilities?: Capability[] | undefined;
+    context?: number | undefined;
+    price?: string | undefined;
+    note?: string | undefined;
+    deprecated?: boolean | undefined;
     disabled?: boolean | undefined;
 }
-export interface ModelPickerProps {
+export interface ModelPickerProvider {
+    id: string;
+    name?: string | undefined;
+    connected?: boolean | undefined;
+}
+interface BaseProps extends FieldWrapProps {
     options: ModelPickerOption[];
-    value?: string | null | undefined;
-    defaultValue?: string | null | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
+    providers?: ModelPickerProvider[] | undefined;
+    recent?: readonly string[] | undefined;
     groupByProvider?: boolean | undefined;
     placeholder?: string | undefined;
     "aria-label"?: string | undefined;
     appearance?: keyof typeof KAESO_MODEL_PICKER_VARIANTS.appearance | undefined;
     size?: "sm" | "md" | undefined;
+    fullWidth?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    open?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     "data-force"?: string | undefined;
     className?: string | undefined;
 }
+export interface SingleModelPickerProps extends BaseProps {
+    multiple?: false | undefined;
+    allLabel?: string | undefined;
+    value?: string | null | undefined;
+    defaultValue?: string | null | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+}
+export interface MultiModelPickerProps extends BaseProps {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onValueChange?: ((value: string[]) => void) | undefined;
+}
+export type ModelPickerProps = SingleModelPickerProps | MultiModelPickerProps;
+export declare function useModelGroups(options: ModelPickerOption[], { providers, groupByProvider }?: {
+    providers?: ModelPickerProvider[] | undefined;
+    groupByProvider?: boolean | undefined;
+}): CommandListGroup[];
 export declare const ModelPicker: import("react").ForwardRefExoticComponent<ModelPickerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/playground/reasoning.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+export declare const KAESO_REASONING_VARIANTS: {
+    readonly state: {
+        readonly done: {
+            readonly classes: "";
+            readonly description: "Finished: “Thought for 4.2 s”, closed until opened (default)";
+        };
+        readonly live: {
+            readonly classes: "";
+            readonly description: "Still reasoning: “Thinking” pulses quietly and the latest line shows beside it";
+        };
+    };
+};
+export declare const KAESO_REASONING_DEFAULT_VARIANTS: {
+    readonly state: "done";
+};
+export interface ReasoningProps {
+    text?: string | undefined;
+    live?: boolean | undefined;
+    duration?: number | undefined;
+    title?: ReactNode | undefined;
+    hint?: ReactNode | undefined;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    children?: ReactNode | undefined;
+    className?: string | undefined;
+}
+export declare const Reasoning: import("react").ForwardRefExoticComponent<ReasoningProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/playground/response-view.d.ts

@@ -17,9 +17,13 @@ export declare const KAESO_RESPONSE_VIEW_VARIANTS: {
             readonly classes: "";
             readonly description: "Stopped by the person: the text so far and “Stopped”";
         };
+        readonly incomplete: {
+            readonly classes: "";
+            readonly description: "Cut off by the model: the text so far and why, such as “Stopped at the output limit”";
+        };
         readonly error: {
             readonly classes: "";
-            readonly description: "Failed: “No response” and Retry. The error itself is a toast";
+            readonly description: "Failed: the error in place of the response, and Retry";
         };
     };
 };
@@ -35,6 +39,8 @@ export interface ResponseViewProps {
     reasoningOpen?: boolean | undefined;
     defaultReasoningOpen?: boolean | undefined;
     onReasoningOpenChange?: ((open: boolean) => void) | undefined;
+    incompleteReason?: string | undefined;
+    error?: string | undefined;
     onRetry?: (() => void) | undefined;
     footer?: ReactNode | undefined;
     "aria-label"?: string | undefined;

package/dist/types/components/release-art/docs.d.ts

@@ -0,0 +1,13 @@
+export declare const docs: {
+    ReleaseArt: {
+        description: string;
+        props: {
+            seed: string;
+            art: string;
+            label: string;
+            title: string;
+            eyebrow: string;
+            shape: string;
+        };
+    };
+};

package/dist/types/components/release-art/drawing.d.ts

@@ -0,0 +1,48 @@
+export declare const RELEASE_ART_STYLES: readonly ["bauhaus", "albers", "stripes", "waves", "truchet", "arcs", "phyllotaxis", "spiro"];
+export type ReleaseArtStyle = (typeof RELEASE_ART_STYLES)[number];
+export interface ReleaseArtSpec {
+    version: 1;
+    seed: number;
+    style: ReleaseArtStyle;
+    palette: number;
+}
+export interface ArtNode {
+    tag: string;
+    attrs: Record<string, string | number>;
+    children?: ArtNode[] | undefined;
+    text?: string | undefined;
+}
+export declare const RELEASE_ART_VIEW: {
+    readonly banner: {
+        readonly w: 640;
+        readonly h: 360;
+    };
+    readonly wide: {
+        readonly w: 840;
+        readonly h: 360;
+    };
+};
+export type ReleaseArtShape = keyof typeof RELEASE_ART_VIEW;
+export declare function isReleaseArtSpec(value: unknown): value is ReleaseArtSpec;
+export declare function randomReleaseArt(next?: () => number): ReleaseArtSpec;
+export declare function nextReleaseArt(previous: readonly ReleaseArtSpec[], next?: () => number): ReleaseArtSpec;
+export declare function releaseArtFor(text: string): ReleaseArtSpec;
+export interface DrawOptions {
+    shape?: ReleaseArtShape | undefined;
+    title?: string | undefined;
+    eyebrow?: string | undefined;
+    idPrefix?: string | undefined;
+}
+export declare function releaseArtText(spec: ReleaseArtSpec): {
+    color: "#f7f5f0" | "#141414";
+    eyebrow: {
+        x: number;
+        bottom: number;
+    };
+    title: {
+        x: number;
+        bottom: number;
+    };
+};
+export declare function drawReleaseArt(spec: ReleaseArtSpec, options?: DrawOptions): ArtNode;
+export declare function serializeArt(n: ArtNode): string;

package/dist/types/components/release-art/index.d.ts

@@ -0,0 +1 @@
+export * from "./release-art.js";

package/dist/types/components/release-art/release-art.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+import { type ReleaseArtSpec } from "./drawing.js";
+export { RELEASE_ART_STYLES, isReleaseArtSpec, nextReleaseArt, randomReleaseArt, releaseArtFor, type ReleaseArtSpec, type ReleaseArtStyle } from "./drawing.js";
+export declare const KAESO_RELEASE_ART_VARIANTS: {
+    readonly shape: {
+        readonly banner: {
+            readonly classes: "aspect-video";
+            readonly description: "16:9: the head of a dialog or a card (default)";
+        };
+        readonly wide: {
+            readonly classes: "aspect-21/9";
+            readonly description: "21:9: a wide strip above a page's content";
+        };
+    };
+};
+export declare const KAESO_RELEASE_ART_DEFAULT_VARIANTS: {
+    readonly shape: "banner";
+};
+export interface ReleaseArtProps {
+    seed: string;
+    label: string;
+    art?: ReleaseArtSpec | undefined;
+    title?: ReactNode | undefined;
+    eyebrow?: ReactNode | undefined;
+    shape?: keyof typeof KAESO_RELEASE_ART_VARIANTS.shape | undefined;
+    className?: string | undefined;
+}
+export declare const ReleaseArt: import("react").ForwardRefExoticComponent<ReleaseArtProps & import("react").RefAttributes<SVGSVGElement>>;
+export interface ReleaseArtSvgOptions {
+    seed: string;
+    label: string;
+    art?: ReleaseArtSpec | undefined;
+    title?: string | undefined;
+    eyebrow?: string | undefined;
+    shape?: keyof typeof KAESO_RELEASE_ART_VARIANTS.shape | undefined;
+}
+export declare function releaseArtSvg({ seed, label, art, title, eyebrow, shape }: ReleaseArtSvgOptions): string;

package/dist/types/components/select/docs.d.ts

@@ -24,8 +24,6 @@ export declare const docs: {
             required: string;
             size: string;
             value: string;
-        };
-        deprecated: {
             error: string;
         };
     };

package/dist/types/components/select/option-checkbox.d.ts

@@ -0,0 +1 @@
+export declare function OptionCheckbox(): import("react/jsx-runtime").JSX.Element;

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

@@ -47,6 +47,7 @@ interface SidebarCtx {
     setPeeking: (v: boolean) => void;
     width: number;
     setWidth: (v: number) => void;
+    previewWidth: (v: number | null) => void;
     storageKey: string | undefined;
 }
 export declare const useSidebar: () => SidebarCtx;

package/dist/types/components/stat/docs.d.ts

@@ -27,6 +27,7 @@ export declare const docs: {
             change: string;
             detail: string;
             label: string;
+            loading: string;
             trend: string;
             trendColor: string;
             value: string;

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

@@ -39,6 +39,7 @@ export interface StatTileProps {
     detail?: ReactNode | undefined;
     trend?: number[] | undefined;
     trendColor?: string | undefined;
+    loading?: boolean | undefined;
     className?: string | undefined;
 }
 export declare const STAT_VALUE_STEPS: readonly [{

package/dist/types/components/status-dot/docs.d.ts

@@ -3,6 +3,7 @@ export declare const docs: {
         description: string;
         props: {
             children: string;
+            icon: string;
             size: string;
             tone: string;
         };
@@ -11,6 +12,7 @@ export declare const docs: {
         description: string;
         props: {
             children: string;
+            icon: string;
             size: string;
             tone: string;
         };

package/dist/types/components/status-dot/status-dot.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
 export declare const KAESO_STATUS_DOT_VARIANTS: {
     readonly tone: {
         readonly success: {
@@ -30,6 +31,7 @@ export interface StatusDotProps {
     tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;
     children?: ReactNode | undefined;
     size?: "sm" | "md" | undefined;
+    icon?: IconData | undefined;
     className?: string | undefined;
 }
 export declare const StatusDot: import("react").ForwardRefExoticComponent<StatusDotProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/format/index.d.ts

@@ -1,17 +1,25 @@
 export declare function setFormatLocale(locale: string, messages?: Readonly<Record<string, string>>): void;
 export declare function formatLocale(): string;
+export declare function setFormatTimeZone(timeZone: string | undefined): void;
+export declare function formatTimeZone(): string | undefined;
 export declare function formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
 export declare function formatTokens(value: number): string;
+/** A model's context or output limit as models are named: a multiple of 1,024 in binary thousands ("128K" for 131,072, "1M" for 1,048,576), anything else in decimal ones ("128K" for 128,000, "200K"). */
+export declare function formatContext(tokens: number): string;
 export declare function formatBytes(bytes: number): string;
 export declare function formatPercent(ratio: number, digits?: number): string;
 export declare function formatUSD(amount: string, options?: {
     significant?: number;
     decimals?: number;
 }): string;
+/** A price per million tokens, exactly as set: at least two decimals and up to six ("$0.075", "$4.00", "$1.25"). */
+export declare function formatPrice(amount: string): string;
 export declare function formatDuration(ms: number, options?: {
     precise?: boolean | undefined;
 }): string;
 type DateInput = Date | string | number;
+/** A cached date formatter in the format locale. English writes the day first with three-letter months ("20 Sep 2026", "Mon 21 Sep"), the console's English everywhere. */
+export declare function dateFormatter(options: Intl.DateTimeFormatOptions, locale?: string): (value: DateInput) => string;
 export declare function formatDate(value: DateInput, options?: {
     time?: boolean;
     utc?: boolean;

package/dist/types/index.d.ts

@@ -50,6 +50,7 @@ export * from "./components/display-options/index.js";
 export * from "./components/dialog/index.js";
 export * from "./components/sheet/index.js";
 export * from "./components/command-palette/index.js";
+export * from "./components/command-list/index.js";
 export * from "./components/toast/index.js";
 export * from "./components/pagination/index.js";
 export * from "./components/toc/index.js";
@@ -66,6 +67,7 @@ export * from "./components/avatar/index.js";
 export * from "./components/stat/index.js";
 export * from "./components/key-value/index.js";
 export * from "./components/qr-code/index.js";
+export * from "./components/release-art/index.js";
 export * from "./components/collapsible/index.js";
 export * from "./components/timeline/index.js";
 export * from "./components/flow/index.js";

package/dist/types/utils/index.d.ts

@@ -4,5 +4,5 @@ export { devWarn, warnStylingClassName, warnMissingName, warnControlled } from "
 export { LinkProvider, useLinkComponent, isExternalHref, type LinkComponent, type LinkComponentProps } from "./link-provider.js";
 export { useControllable } from "./use-controllable.js";
 export { PortalContainer, usePortalContainer, pageBoundary } from "./portal-context.js";
-export { InsetContent, useInset } from "./inset.js";
+export { GutterContent, InsetContent, useGutterPadded, useInset } from "./inset.js";
 export type { StatusTone } from "./tone.js";

package/dist/types/utils/inset.d.ts

@@ -4,3 +4,8 @@ export declare function InsetContent({ children, inset }: {
     inset?: boolean | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useInset(): boolean;
+export declare function GutterContent({ children, padded }: {
+    children: ReactNode;
+    padded?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useGutterPadded(): boolean;

package/dist/types/utils/over-sheet.d.ts

@@ -0,0 +1 @@
+export declare const OverNonModalSheet: import("react").Context<boolean>;

package/dist/types/utils/restore-focus.d.ts

@@ -1,4 +1,4 @@
 export declare function useRestoreFocus(open: boolean | undefined, first?: () => HTMLElement | boolean): {
     initialFocus: () => boolean | HTMLElement;
-    finalFocus: () => true | HTMLElement;
+    finalFocus: () => boolean | HTMLElement;
 };