@logicplanes/kaeso-ui 0.1.0

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

@@ -0,0 +1,35 @@
+import { type SVGAttributes } from "react";
+export declare const KAESO_SPINNER_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "size-14";
+            readonly description: "14px: xs controls";
+        };
+        readonly sm: {
+            readonly classes: "size-16";
+            readonly description: "16px: buttons, toasts, labels (default)";
+        };
+        readonly md: {
+            readonly classes: "size-20";
+            readonly description: "20px: xl buttons";
+        };
+        readonly lg: {
+            readonly classes: "size-24";
+            readonly description: "24px: a region loading";
+        };
+        readonly xl: {
+            readonly classes: "size-32";
+            readonly description: "32px: a page loading";
+        };
+    };
+};
+export declare const KAESO_SPINNER_DEFAULT_VARIANTS: {
+    readonly size: "sm";
+};
+export type SpinnerSize = keyof typeof KAESO_SPINNER_VARIANTS.size;
+export interface SpinnerProps extends Omit<SVGAttributes<SVGSVGElement>, "children"> {
+    size?: SpinnerSize | undefined;
+    label?: string | undefined;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare function useDelayedLoading(loading: boolean, delay?: number, minDuration?: number): boolean;

package/dist/types/components/loader/status.d.ts

@@ -0,0 +1,55 @@
+import { type HTMLAttributes } from "react";
+export declare const KAESO_LOADER_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "size-14";
+            readonly description: "14px: xs controls";
+        };
+        readonly sm: {
+            readonly classes: "size-16";
+            readonly description: "16px: buttons, toasts, labels (default)";
+        };
+        readonly md: {
+            readonly classes: "size-20";
+            readonly description: "20px: xl buttons";
+        };
+        readonly lg: {
+            readonly classes: "size-24";
+            readonly description: "24px: a region loading";
+        };
+        readonly xl: {
+            readonly classes: "size-32";
+            readonly description: "32px: a page loading";
+        };
+    };
+    readonly tone: {
+        readonly secondary: {
+            readonly classes: "text-fg-secondary";
+            readonly description: "Secondary text (default)";
+        };
+        readonly tertiary: {
+            readonly classes: "text-fg-tertiary";
+            readonly description: "Tertiary text, the quietest: a page loading";
+        };
+        readonly current: {
+            readonly classes: "";
+            readonly description: "The text color around it";
+        };
+    };
+};
+export declare const KAESO_LOADER_DEFAULT_VARIANTS: {
+    readonly size: "sm";
+    readonly tone: "secondary";
+};
+export type LoaderSize = keyof typeof KAESO_LOADER_VARIANTS.size;
+export type LoaderTone = keyof typeof KAESO_LOADER_VARIANTS.tone;
+export interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {
+    size?: LoaderSize | undefined;
+    tone?: LoaderTone | undefined;
+    label?: string | undefined;
+    hideLabel?: boolean | undefined;
+    loading?: boolean | undefined;
+    delay?: boolean | number | undefined;
+    minDuration?: number | undefined;
+}
+export declare const Loader: import("react").ForwardRefExoticComponent<LoaderProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,10 @@
+export declare const docs: {
+    Logo: {
+        description: string;
+        props: {
+            decorative: string;
+            size: string;
+            title: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,59 @@
+import { type SVGAttributes } from "react";
+export declare const KAESO_LOGO_VARIANTS: {
+    readonly markSize: {
+        readonly sm: {
+            readonly classes: "h-20";
+            readonly description: "20px high: the minimum in interfaces";
+        };
+        readonly md: {
+            readonly classes: "h-24";
+            readonly description: "24px: compact navigation";
+        };
+        readonly lg: {
+            readonly classes: "h-32";
+            readonly description: "32px";
+        };
+        readonly xl: {
+            readonly classes: "h-48";
+            readonly description: "48px: empty and setup screens";
+        };
+    };
+    readonly lockupSize: {
+        readonly sm: {
+            readonly classes: "h-28";
+            readonly description: "28px high (112px wide): the minimum";
+        };
+        readonly md: {
+            readonly classes: "h-32";
+            readonly description: "32px: headers";
+        };
+        readonly lg: {
+            readonly classes: "h-40";
+            readonly description: "40px: auth and setup screens";
+        };
+    };
+};
+export declare const KAESO_LOGO_DEFAULT_VARIANTS: {
+    readonly markSize: "md";
+    readonly lockupSize: "sm";
+};
+interface BaseLogoProps extends Omit<SVGAttributes<SVGSVGElement>, "children"> {
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+}
+export interface LogoMarkProps extends BaseLogoProps {
+    size?: keyof typeof KAESO_LOGO_VARIANTS.markSize | undefined;
+}
+export interface LogoLockupProps extends BaseLogoProps {
+    size?: keyof typeof KAESO_LOGO_VARIANTS.lockupSize | undefined;
+}
+export interface LogoWordmarkProps extends BaseLogoProps {
+    size?: keyof typeof KAESO_LOGO_VARIANTS.lockupSize | "nav" | undefined;
+}
+export declare const Logo: import("react").ForwardRefExoticComponent<LogoLockupProps & import("react").RefAttributes<SVGSVGElement>> & {
+    Mark: import("react").ForwardRefExoticComponent<LogoMarkProps & import("react").RefAttributes<SVGSVGElement>>;
+    Icon: import("react").ForwardRefExoticComponent<LogoMarkProps & import("react").RefAttributes<SVGSVGElement>>;
+    Lockup: import("react").ForwardRefExoticComponent<LogoLockupProps & import("react").RefAttributes<SVGSVGElement>>;
+    Wordmark: import("react").ForwardRefExoticComponent<LogoWordmarkProps & import("react").RefAttributes<SVGSVGElement>>;
+};
+export {};

package/dist/types/components/logo/paths.d.ts

@@ -0,0 +1,16 @@
+export declare const mark: {
+    readonly viewBox: "80.5 79.5 861 643";
+    readonly paths: readonly ["m240 100h162c9 0 13 3 20 9l155 136c27 24 53 38 84 40h253q7 0 7 7v50q0 6-7 6l-403-8c-25-1-44-8-63-25l-212-204c-6-6-4-11 4-11z", "m107 542c45-33 92-65 138-96 62-41 114-60 184-61h484q8 0 8 7v19q0 7-8 7l-354 1c-44 0-73 7-102 29l-202 161q-6 5-14 5h-134q-6 0-6-6v-58q0-5 6-8z", "m307 693 225-202c22-19 49-27 78-28l303-5q8 0 8 8v56q0 5-6 5h-182c-31 0-51 8-72 25l-165 140c-7 6-12 10-23 10h-164c-6 0-7-4-2-9z"];
+};
+export declare const markIcon: {
+    readonly viewBox: "107 90 620 620";
+    readonly paths: readonly ["m240 100h162c9 0 13 3 20 9l155 136c27 24 53 38 84 40h253q7 0 7 7v50q0 6-7 6l-403-8c-25-1-44-8-63-25l-212-204c-6-6-4-11 4-11z", "m107 542c45-33 92-65 138-96 62-41 114-60 184-61h484q8 0 8 7v19q0 7-8 7l-354 1c-44 0-73 7-102 29l-202 161q-6 5-14 5h-134q-6 0-6-6v-58q0-5 6-8z", "m307 693 225-202c22-19 49-27 78-28l303-5q8 0 8 8v56q0 5-6 5h-182c-31 0-51 8-72 25l-165 140c-7 6-12 10-23 10h-164c-6 0-7-4-2-9z"];
+};
+export declare const wordmark: {
+    readonly viewBox: "49.952 47.249 925.995 221.798";
+    readonly paths: readonly ["m72 71.5h34.5v76.1l86-76.1h47.1l-89.6 81.9 90.5 91.8h-46.3l-70.8-70.3-16.9 15.7v54.6h-34.5z", "m330.5 71.5h31.6l80.2 173.7h-38.1l-20.5-43.2h-79.6l-19.5 43.2h-34.5zm14.6 42.6-26.7 59.2h53.6z", "m457.7 71.5h136.4v30.6h-101.4v37.8h87.4v31h-87.4v43.1h102.3v31.2h-137.3z", "m748.1 79.3v31.8c-20.5-7.1-41.8-11-65.4-11-21.7 0-34.7 6.2-34.7 19.8 0 11.5 9.8 16.8 26.4 18.9l21.3 1.7c40.7 2.5 63.3 18.2 63.3 52.2 0 36.1-26.1 54.3-74.8 54.3-24 0-46.4-3.6-66.4-11.7v-32.3c21.3 8.5 40.9 12.9 65.4 12.9 25.9 0 39.9-6.7 39.9-20.3 0-13.3-10.4-19.1-30.2-20.6l-21.4-1.4c-40.2-2.6-60.5-19.1-60.5-50.2 0-33.7 26.8-54.1 69.8-54.1 27.1 0 48.4 3 67.3 10z", "m862.8 69.7c52.3 0 91.1 37.1 91.1 88.8 0 52.4-37.2 88.3-90.9 88.3-53.9 0-92-36.4-92-88 0-51.1 39.4-89.1 91.8-89.1zm0 33.3c-32.7 0-55.3 23.4-55.3 55.8 0 32.5 22.5 55 55.5 55 32.9 0 55-22.8 55-55s-22.7-55.8-55.2-55.8z"];
+};
+export declare const lockup: {
+    readonly viewBox: "42.541 42.142 939.02 234.215";
+    readonly paths: readonly ["m112 64.5h57.5l46.3 42.3c12.3 10.8 23.3 13.3 39.5 13.3h72.9v19.9h-117c-14.8 0-26-1.3-33.6-8.4z", "m64.9 205.1 47.2-29.3c25.2-15.9 44.7-23.9 73.5-23.9h142.6v12.3h-111.6c-17.2 0-24.8 2.2-35.9 10.6l-66.8 51.5h-49z", "m132.9 254 64.8-58.5c13.5-12.4 22.4-16.1 44.1-16.1h86.4v21.6h-60.7c-13.4 0-17.9 2.2-26.9 9.7l-48.8 43.3z", "m383.5 101h22.3v48.6l55.5-48.6h30.1l-57.3 52.2 59.1 58.8h-30.4l-44.8-44-12.2 10.5v33.5h-22.3z", "m498.7 212 52.5-111h19.5l52.1 111h-24.8l-12.3-28h-51.2l-12.9 28zm44.6-46.9h33.7l-16.6-36.4z", "m632.8 101h89v20.2h-65.9v23.8h57.2v20.1h-57.2v26.5h66.9v20.4h-90z", "m823.6 105.5v20.7c-12.9-4.3-24.3-6.6-38.2-6.6-17.3 0-26.8 4.3-26.8 12.5 0 8.7 8 11.1 25.1 11.9 31.6 1.4 46.8 11.3 46.8 33.3 0 24.3-18 35.9-48.5 35.9-17 0-33-2.6-44.5-6.5v-21.2c14.1 5.2 28.6 7.6 43.3 7.6 17.3 0 26.5-4.1 26.5-12.9 0-8.7-6.7-12-25.4-13-31.8-1.5-47.9-10.1-47.9-32.3 0-22.3 17.6-35 47.5-35 15.6 0 30 1.7 42.1 5.6z", "m898.9 100c35.8 0 60.3 23 60.3 56.7s-24.5 56.6-60.3 56.6c-35.7 0-59.9-22.8-59.9-56.6 0-33.7 24.2-56.7 59.9-56.7zm0 21.1c-21.9 0-36.8 14.2-36.8 35.6s14.9 35.5 36.8 35.5c22 0 36.7-14.1 36.7-35.5s-14.7-35.6-36.7-35.6z"];
+};

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

@@ -0,0 +1,15 @@
+export declare const docs: {
+    Markdown: {
+        description: string;
+        props: {
+            collapseAfter: string;
+            headingLevel: string;
+            size: string;
+            streaming: string;
+            text: string;
+            tone: string;
+            trailing: string;
+            wrapCode: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,54 @@
+import { type ReactNode } from "react";
+import { type Token } from "marked";
+import { safeHref } from "../../utils/safe-href.js";
+import type { CodeLang } from "../code-block/highlighter.js";
+export { safeHref };
+export declare const KAESO_MARKDOWN_VARIANTS: {
+    readonly size: {
+        readonly lg: {
+            readonly classes: "gap-16";
+            readonly description: "15/22 text, 16px between blocks: a model's response, for reading";
+        };
+        readonly body: {
+            readonly classes: "gap-12";
+            readonly description: "14/20 text, 12px between blocks: responses and prompts (default)";
+        };
+        readonly small: {
+            readonly classes: "gap-8";
+            readonly description: "13/18 text, 8px between blocks: reasoning, tool results, side notes";
+        };
+    };
+    readonly tone: {
+        readonly default: {
+            readonly classes: "text-fg";
+            readonly description: "Primary text (default)";
+        };
+        readonly secondary: {
+            readonly classes: "text-fg-secondary";
+            readonly description: "Quieter text: reasoning summaries and quotes";
+        };
+    };
+};
+export declare const KAESO_MARKDOWN_DEFAULT_VARIANTS: {
+    readonly size: "body";
+    readonly tone: "default";
+};
+export type MarkdownSize = keyof typeof KAESO_MARKDOWN_VARIANTS.size;
+export type MarkdownTone = keyof typeof KAESO_MARKDOWN_VARIANTS.tone;
+export interface MarkdownProps {
+    text: string;
+    size?: MarkdownSize | undefined;
+    tone?: MarkdownTone | undefined;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    collapseAfter?: number | undefined;
+    streaming?: boolean | undefined;
+    wrapCode?: boolean | undefined;
+    trailing?: ReactNode | undefined;
+    className?: string | undefined;
+}
+export declare function lexMarkdown(text: string, options?: {
+    cache?: boolean | undefined;
+}): Token[];
+export declare function previewMarkdown(text: string, limit: number): string;
+export declare function markdownCodeLang(lang: string | undefined): CodeLang;
+export declare const Markdown: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+export declare const docs: {
+    ContextMenu: {
+        description: string;
+        props: {
+            children: string;
+            defaultOpen: string;
+            modal: string;
+            onOpenChange: string;
+            open: string;
+        };
+    };
+    Menubar: {
+        description: string;
+        props: {
+            children: string;
+            onOpenChange: string;
+        };
+    };
+};

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

@@ -0,0 +1,2 @@
+export * from "./menu.js";
+export * as menuStyles from "./styles.js";

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

@@ -0,0 +1,213 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
+export declare const KAESO_MENU_VARIANTS: {
+    readonly item: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "An action";
+        };
+        readonly danger: {
+            readonly classes: "text-danger-text highlighted:bg-danger-tint";
+            readonly description: "A destructive action: red text, a red tint on highlight";
+        };
+    };
+    readonly width: {
+        readonly auto: {
+            readonly classes: "";
+            readonly description: "220–360px, from its content (default)";
+        };
+        readonly trigger: {
+            readonly classes: "w-anchor";
+            readonly description: "As wide as its trigger";
+        };
+    };
+    readonly description: {
+        readonly secondary: {
+            readonly classes: "text-fg-secondary";
+            readonly description: "The second line of a rich item (default)";
+        };
+        readonly danger: {
+            readonly classes: "text-danger-text";
+            readonly description: "A second line that warns: an organization scheduled for deletion";
+        };
+    };
+};
+export declare const KAESO_MENU_DEFAULT_VARIANTS: {
+    readonly item: "default";
+    readonly width: "auto";
+    readonly description: "secondary";
+};
+type Side = "top" | "bottom" | "left" | "right";
+type Align = "start" | "center" | "end";
+export interface MenuProps {
+    children: ReactNode;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    modal?: boolean | undefined;
+}
+declare function Root({ open, defaultOpen, onOpenChange, modal, children }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+declare function Trigger({ children, openOnHover }: {
+    children: ReactElement;
+    openOnHover?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Trigger {
+    var displayName: string;
+}
+export interface MenuContentProps {
+    children: ReactNode;
+    side?: Side | undefined;
+    align?: Align | undefined;
+    sideOffset?: number | undefined;
+    width?: keyof typeof KAESO_MENU_VARIANTS.width | undefined;
+    className?: string | undefined;
+    header?: ReactNode | undefined;
+    footer?: ReactNode | undefined;
+}
+export interface MenuItemProps {
+    children: ReactNode;
+    icon?: IconData | undefined;
+    leading?: ReactNode | undefined;
+    description?: ReactNode | undefined;
+    descriptionTone?: keyof typeof KAESO_MENU_VARIANTS.description | undefined;
+    shortcut?: string[] | string[][] | undefined;
+    hint?: ReactNode | undefined;
+    variant?: keyof typeof KAESO_MENU_VARIANTS.item | undefined;
+    disabled?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+    closeOnClick?: boolean | undefined;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export interface MenuLinkItemProps extends Pick<MenuItemProps, "icon" | "leading" | "description" | "descriptionTone" | "shortcut" | "hint" | "children" | "className"> {
+    href: string;
+    external?: boolean | undefined;
+}
+export interface MenuCheckboxItemProps extends Omit<MenuItemProps, "variant" | "onClick"> {
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+declare function Separator(): import("react/jsx-runtime").JSX.Element;
+declare namespace Separator {
+    var displayName: string;
+}
+declare function Header({ avatar, name, email }: {
+    avatar?: ReactNode | undefined;
+    name: ReactNode;
+    email?: ReactNode | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Header {
+    var displayName: string;
+}
+declare function Sub({ children, open, onOpenChange }: {
+    children: ReactNode;
+    open?: boolean | undefined;
+    onOpenChange?: ((o: boolean) => void) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Sub {
+    var displayName: string;
+}
+export declare const Menu: typeof Root & {
+    Trigger: typeof Trigger;
+    Content: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    LinkItem: import("react").ForwardRefExoticComponent<MenuLinkItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<{
+        value?: string | undefined;
+        defaultValue?: string | undefined;
+        onValueChange?: ((v: string) => void) | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "variant"> & {
+        value: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<{
+        label?: ReactNode | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: typeof Separator;
+    Header: typeof Header;
+    Sub: typeof Sub;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare function ContextRoot({ children, onOpenChange }: {
+    children: ReactNode;
+    onOpenChange?: ((o: boolean) => void) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextRoot {
+    var displayName: string;
+}
+declare function ContextTrigger({ children, className }: {
+    children: ReactNode;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextTrigger {
+    var displayName: string;
+}
+export declare const ContextMenu: typeof ContextRoot & {
+    Trigger: typeof ContextTrigger;
+    Content: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side" | "sideOffset"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    LinkItem: import("react").ForwardRefExoticComponent<MenuLinkItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<{
+        value?: string | undefined;
+        defaultValue?: string | undefined;
+        onValueChange?: ((v: string) => void) | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "variant"> & {
+        value: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<{
+        label?: ReactNode | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: typeof Separator;
+    Sub: typeof Sub;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare function MenubarRoot({ children, className, "aria-label": ariaLabel, }: {
+    children: ReactNode;
+    className?: string | undefined;
+    "aria-label"?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace MenubarRoot {
+    var displayName: string;
+}
+export declare const Menubar: typeof MenubarRoot & {
+    Menu: typeof Root;
+    Trigger: import("react").ForwardRefExoticComponent<{
+        children: ReactNode;
+        className?: string | undefined;
+        "data-force"?: string | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<{
+        value?: string | undefined;
+        defaultValue?: string | undefined;
+        onValueChange?: ((v: string) => void) | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "variant"> & {
+        value: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<{
+        label?: ReactNode | undefined;
+        children: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: typeof Separator;
+    Sub: typeof Sub;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,7 @@
+export declare const MENU_POPUP = "z-50 flex min-w-220 max-w-360 flex-col overflow-y-auto overscroll-contain rounded-menu bg-raised p-6 text-body text-fg shadow-raised outline-none popup-motion scrollbar-quiet max-h-(--available-height)";
+export declare const MENU_ITEM = "group/item relative flex min-h-34 w-full cursor-default items-center gap-10 rounded-item px-10 text-left text-body font-medium text-fg outline-none select-none coarse:min-h-44 highlighted:bg-item-hover active:bg-item-pressed disabled:pointer-events-none disabled:text-fg-disabled";
+export declare const MENU_ICON = "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled";
+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";

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

@@ -0,0 +1,23 @@
+export declare const docs: {
+    Meter: {
+        description: string;
+        props: {
+            "aria-label": string;
+            caption: string;
+            label: string;
+            leading: string;
+            thresholds: string;
+            tone: string;
+            trailing: string;
+            value: string;
+            valueLabel: string;
+        };
+    };
+    Progress: {
+        description: string;
+        props: {
+            "aria-label": string;
+            value: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,51 @@
+import { type ReactNode } from "react";
+export declare const KAESO_METER_VARIANTS: {
+    readonly tone: {
+        readonly auto: {
+            readonly classes: "";
+            readonly description: "Series 1 until the first alert threshold, warning after, danger at 100% (default)";
+        };
+        readonly neutral: {
+            readonly classes: "bg-fg-secondary";
+            readonly description: "A plain share";
+        };
+    };
+};
+export declare const KAESO_METER_DEFAULT_VARIANTS: {
+    readonly tone: "auto";
+};
+export interface MeterProps {
+    value: number;
+    label?: ReactNode | undefined;
+    valueLabel?: ReactNode | undefined;
+    caption?: ReactNode | undefined;
+    thresholds?: number[] | undefined;
+    tone?: keyof typeof KAESO_METER_VARIANTS.tone | undefined;
+    leading?: ReactNode | undefined;
+    trailing?: ReactNode | undefined;
+    "aria-label"?: string | undefined;
+    className?: string | undefined;
+}
+export declare function meterColor(value: number, thresholds?: number[]): "bg-viz-1" | "bg-warning" | "bg-danger";
+export declare const Meter: import("react").ForwardRefExoticComponent<MeterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const KAESO_PROGRESS_VARIANTS: {
+    readonly kind: {
+        readonly determinate: {
+            readonly classes: "h-6 rounded-pill bg-fill-3";
+            readonly description: "A pill bar with a known amount";
+        };
+        readonly indeterminate: {
+            readonly classes: "h-2 bg-transparent";
+            readonly description: "A 2px line at the top of a container";
+        };
+    };
+};
+export declare const KAESO_PROGRESS_DEFAULT_VARIANTS: {
+    readonly kind: "determinate";
+};
+export interface ProgressProps {
+    value?: number | undefined;
+    "aria-label": string;
+    className?: string | undefined;
+}
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/page-header/docs.d.ts

@@ -0,0 +1,12 @@
+export declare const docs: {
+    PageHeader: {
+        description: string;
+        props: {
+            actions: string;
+            icon: string;
+            start: string;
+            tabs: string;
+            title: string;
+        };
+    };
+};

package/dist/types/components/page-header/index.d.ts

@@ -0,0 +1 @@
+export * from "./page-header.js";

package/dist/types/components/page-header/page-header.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
+export declare const KAESO_PAGE_HEADER_VARIANTS: {
+    readonly size: {
+        readonly md: {
+            readonly classes: "min-h-52 flex-wrap gap-x-12 gap-y-8 px-24 py-10 sm:h-52 sm:flex-nowrap sm:py-0";
+            readonly description: "52px, no bottom line (default); on a phone the tabs take a second row";
+        };
+    };
+};
+export declare const KAESO_PAGE_HEADER_DEFAULT_VARIANTS: {
+    readonly size: "md";
+};
+export interface PageHeaderProps {
+    title?: ReactNode | undefined;
+    icon?: IconData | undefined;
+    tabs?: ReactNode | undefined;
+    actions?: ReactNode | undefined;
+    start?: ReactNode | undefined;
+    className?: string | undefined;
+}
+export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,17 @@
+export declare const docs: {
+    Pagination: {
+        description: string;
+        props: {
+            hasMore: string;
+            hasPrevious: string;
+            loading: string;
+            onLoadMore: string;
+            onNext: string;
+            onPageChange: string;
+            onPrevious: string;
+            page: string;
+            pageCount: string;
+            variant: string;
+        };
+    };
+};

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

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