@logicplanes/kaeso-ui 0.1.0

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

@@ -0,0 +1,42 @@
+export declare const docs: {
+    Radio: {
+        description: string;
+        props: {
+            "aria-describedby": string;
+            "aria-label": string;
+            "aria-labelledby": string;
+            description: string;
+            disabled: string;
+            id: string;
+            label: string;
+            value: string;
+        };
+    };
+    "Radio.Circle": {
+        description: string;
+        props: {
+            "aria-describedby": string;
+            "aria-label": string;
+            "aria-labelledby": string;
+            description: string;
+            disabled: string;
+            id: string;
+            label: string;
+            value: string;
+        };
+    };
+    RadioCards: {
+        description: string;
+        props: {
+            "aria-label": string;
+            "aria-labelledby": string;
+            children: string;
+            defaultValue: string;
+            disabled: string;
+            name: string;
+            onValueChange: string;
+            orientation: string;
+            value: string;
+        };
+    };
+};

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

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

package/dist/types/components/radio/labelled.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export declare function labelled(id: string, label: ReactNode, description: ReactNode, own: {
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+}): {
+    labelId: string;
+    descriptionId: string;
+    aria: {
+        "aria-describedby"?: string;
+        "aria-labelledby"?: string;
+    };
+};

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

@@ -0,0 +1,51 @@
+import { type ReactNode } from "react";
+export declare const KAESO_RADIO_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "flex flex-col";
+            readonly description: "A list of radios with labels (default)";
+        };
+        readonly cards: {
+            readonly classes: "flex flex-col overflow-hidden rounded-group bg-raised shadow-xs";
+            readonly description: "Rows inside a settings group with the radio at the end, for choices with descriptions";
+        };
+    };
+};
+export declare const KAESO_RADIO_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export interface RadioGroupProps {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    variant?: keyof typeof KAESO_RADIO_VARIANTS.variant | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    className?: string | undefined;
+    children: ReactNode;
+}
+export interface RadioProps {
+    value: string;
+    label?: ReactNode | undefined;
+    description?: ReactNode | undefined;
+    disabled?: boolean | undefined;
+    id?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export declare const RadioCircle: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>> & {
+    Group: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Circle: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function RadioCards(props: Omit<RadioGroupProps, "variant">): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioCards {
+    var displayName: string;
+}

package/dist/types/components/scroll-area/docs.d.ts

@@ -0,0 +1,11 @@
+export declare const docs: {
+    ScrollArea: {
+        description: string;
+        props: {
+            "aria-label": string;
+            children: string;
+            orientation: string;
+            viewportClassName: string;
+        };
+    };
+};

package/dist/types/components/scroll-area/index.d.ts

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

package/dist/types/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+export declare const KAESO_SCROLL_AREA_VARIANTS: {
+    readonly orientation: {
+        readonly vertical: {
+            readonly classes: "scroll-fade-y";
+            readonly description: "Scrolls up and down; the content fades at an edge with more to scroll to (default)";
+        };
+        readonly horizontal: {
+            readonly classes: "scroll-fade-x";
+            readonly description: "Scrolls sideways";
+        };
+        readonly both: {
+            readonly classes: "";
+            readonly description: "Both directions";
+        };
+    };
+};
+export declare const KAESO_SCROLL_AREA_DEFAULT_VARIANTS: {
+    readonly orientation: "vertical";
+};
+export interface ScrollAreaProps {
+    children: ReactNode;
+    orientation?: keyof typeof KAESO_SCROLL_AREA_VARIANTS.orientation | undefined;
+    className?: string | undefined;
+    viewportClassName?: string | undefined;
+    "aria-label"?: string | undefined;
+}
+export declare const ScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+export declare const docs: {
+    AuthLayout: {
+        description: string;
+        props: {
+            children: string;
+            description: string;
+            footer: string;
+            title: string;
+        };
+    };
+    Section: {
+        description: string;
+        props: {
+            actions: string;
+            children: string;
+            description: string;
+            spacing: string;
+            title: string;
+        };
+    };
+    SplitView: {
+        description: string;
+        props: {
+            aside: string;
+            children: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+export declare const KAESO_SECTION_VARIANTS: {
+    readonly spacing: {
+        readonly default: {
+            readonly classes: "mt-48 first:mt-0";
+            readonly description: "48px between sections (default)";
+        };
+        readonly none: {
+            readonly classes: "";
+            readonly description: "No outer spacing";
+        };
+    };
+};
+export declare const KAESO_SECTION_DEFAULT_VARIANTS: {
+    readonly spacing: "default";
+};
+export interface SectionProps {
+    title?: ReactNode | undefined;
+    description?: ReactNode | undefined;
+    actions?: ReactNode | undefined;
+    spacing?: keyof typeof KAESO_SECTION_VARIANTS.spacing | undefined;
+    children: ReactNode;
+    className?: string | undefined;
+}
+export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SplitView: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+    aside: ReactNode;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AuthLayout: import("react").ForwardRefExoticComponent<{
+    title: ReactNode;
+    description?: ReactNode | undefined;
+    children: ReactNode;
+    footer?: ReactNode | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+export declare const docs: {
+    Segmented: {
+        description: string;
+        props: {
+            "aria-label": string;
+            defaultValue: string;
+            disabled: string;
+            fullWidth: string;
+            onValueChange: string;
+            options: string;
+            size: string;
+            value: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
+export declare const KAESO_SEGMENTED_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "h-32 p-2 gap-2";
+            readonly description: "32px track, 28px items: toolbars and popovers";
+        };
+        readonly md: {
+            readonly classes: "h-36 p-2 gap-2";
+            readonly description: "36px track, 32px items (default)";
+        };
+    };
+};
+export declare const KAESO_SEGMENTED_DEFAULT_VARIANTS: {
+    readonly size: "md";
+};
+export interface SegmentedOption {
+    value: string;
+    label?: ReactNode | undefined;
+    icon?: IconData | undefined;
+    "aria-label"?: string | undefined;
+    disabled?: boolean | undefined;
+}
+export interface SegmentedProps {
+    options: SegmentedOption[];
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    size?: keyof typeof KAESO_SEGMENTED_VARIANTS.size | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    "aria-label": string;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,32 @@
+export declare const docs: {
+    Select: {
+        description: string;
+        props: {
+            appearance: string;
+            "aria-label": string;
+            defaultValue: string;
+            description: string;
+            disabled: string;
+            fullWidth: string;
+            icon: string;
+            id: string;
+            invalid: string;
+            label: string;
+            layout: string;
+            multiple: string;
+            name: string;
+            onOpenChange: string;
+            onValueChange: string;
+            open: string;
+            optional: string;
+            options: string;
+            placeholder: string;
+            required: string;
+            size: string;
+            value: string;
+        };
+        deprecated: {
+            error: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,82 @@
+import { type ReactNode } from "react";
+import { type FieldWrapProps } from "../field/field.js";
+import { type IconData } from "../icon/icon.js";
+export declare const KAESO_SELECT_VARIANTS: {
+    readonly appearance: {
+        readonly default: {
+            readonly classes: "material-secondary";
+            readonly description: "A raised pill with a ring (default)";
+        };
+        readonly ghost: {
+            readonly classes: "material-ghost text-fg-secondary hover:text-fg open:text-fg";
+            readonly description: "Inline in settings rows: “GPT-5 mini (default) ⌄”";
+        };
+        readonly header: {
+            readonly classes: "material-ghost text-fg";
+            readonly description: "Transparent until hovered, in full text colour: a column header's model";
+        };
+    };
+    readonly size: {
+        readonly sm: {
+            readonly classes: "h-32 pl-12 pr-10 gap-6 text-body";
+            readonly description: "32px: settings rows and toolbars";
+        };
+        readonly md: {
+            readonly classes: "h-36 pl-16 pr-12 gap-8 text-body";
+            readonly description: "36px (default)";
+        };
+        readonly lg: {
+            readonly classes: "h-40 pl-18 pr-14 gap-8 text-body";
+            readonly description: "40px";
+        };
+        readonly xl: {
+            readonly classes: "h-48 pl-22 pr-18 gap-8 text-body-lg";
+            readonly description: "48px: sign-in and setup forms";
+        };
+    };
+};
+export declare const KAESO_SELECT_DEFAULT_VARIANTS: {
+    readonly appearance: "default";
+    readonly size: "md";
+};
+export interface SelectOption {
+    value: string;
+    label: ReactNode;
+    textValue?: string | undefined;
+    description?: ReactNode | undefined;
+    icon?: IconData | undefined;
+    group?: string | undefined;
+    disabled?: boolean | undefined;
+}
+interface BaseProps extends FieldWrapProps {
+    options: SelectOption[];
+    placeholder?: ReactNode | undefined;
+    size?: keyof typeof KAESO_SELECT_VARIANTS.size | undefined;
+    appearance?: keyof typeof KAESO_SELECT_VARIANTS.appearance | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    open?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    invalid?: boolean | undefined;
+    icon?: IconData | undefined;
+    fullWidth?: boolean | undefined;
+    "aria-label"?: string | undefined;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export interface SingleSelectProps extends BaseProps {
+    multiple?: false | undefined;
+    value?: string | null | undefined;
+    defaultValue?: string | null | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+}
+export interface MultiSelectProps extends BaseProps {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onValueChange?: ((value: string[]) => void) | undefined;
+}
+export type SelectProps = SingleSelectProps | MultiSelectProps;
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,10 @@
+export declare const docs: {
+    Separator: {
+        description: string;
+        props: {
+            label: string;
+            orientation: string;
+            tone: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,33 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export declare const KAESO_SEPARATOR_VARIANTS: {
+    readonly orientation: {
+        readonly horizontal: {
+            readonly classes: "h-1 w-full";
+            readonly description: "A 1px line across";
+        };
+        readonly vertical: {
+            readonly classes: "w-1 self-stretch";
+            readonly description: "A 1px line down";
+        };
+    };
+    readonly tone: {
+        readonly subtle: {
+            readonly classes: "bg-line-subtle";
+            readonly description: "Inside groups and tables (default)";
+        };
+        readonly default: {
+            readonly classes: "bg-line";
+            readonly description: "Between regions that tone and space cannot separate";
+        };
+    };
+};
+export declare const KAESO_SEPARATOR_DEFAULT_VARIANTS: {
+    readonly orientation: "horizontal";
+    readonly tone: "subtle";
+};
+export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: keyof typeof KAESO_SEPARATOR_VARIANTS.orientation | undefined;
+    tone?: keyof typeof KAESO_SEPARATOR_VARIANTS.tone | undefined;
+    label?: ReactNode | undefined;
+}
+export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,32 @@
+export declare const docs: {
+    SettingsGroup: {
+        description: string;
+        props: {
+            "aria-label": string;
+            children: string;
+        };
+    };
+    SettingsRow: {
+        description: string;
+        props: {
+            control: string;
+            danger: string;
+            description: string;
+            href: string;
+            icon: string;
+            id: string;
+            onClick: string;
+            title: string;
+            value: string;
+        };
+    };
+    SettingsSection: {
+        description: string;
+        props: {
+            actions: string;
+            children: string;
+            description: string;
+            title: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,45 @@
+import type * as React from "react";
+import { type MouseEvent, type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
+export declare const KAESO_SETTINGS_VARIANTS: {
+    readonly row: {
+        readonly default: {
+            readonly classes: "min-h-64 py-12";
+            readonly description: "Title and description: at least 64px";
+        };
+        readonly single: {
+            readonly classes: "min-h-56 py-10";
+            readonly description: "One line: 56px";
+        };
+    };
+};
+export declare const KAESO_SETTINGS_DEFAULT_VARIANTS: {
+    readonly row: "default";
+};
+export interface SettingsSectionProps {
+    title?: ReactNode | undefined;
+    description?: ReactNode | undefined;
+    actions?: ReactNode | undefined;
+    children: ReactNode;
+    className?: string | undefined;
+}
+export declare const SettingsSection: React.ForwardRefExoticComponent<SettingsSectionProps & React.RefAttributes<HTMLElement>>;
+export declare const SettingsGroup: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+    className?: string | undefined;
+    "aria-label"?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export interface SettingsRowProps {
+    title: ReactNode;
+    description?: ReactNode | undefined;
+    icon?: IconData | undefined;
+    control?: ReactNode | undefined;
+    value?: ReactNode | undefined;
+    href?: string | undefined;
+    onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;
+    id?: string | undefined;
+    danger?: boolean | undefined;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export declare const SettingsRow: React.ForwardRefExoticComponent<SettingsRowProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+export declare const docs: {
+    Sheet: {
+        description: string;
+        props: {
+            actions: string;
+            children: string;
+            defaultOpen: string;
+            footer: string;
+            inline: string;
+            modal: string;
+            onOpenChange: string;
+            open: string;
+            side: string;
+            size: string;
+            subtitle: string;
+            title: string;
+            trigger: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,51 @@
+import { type ReactElement, type ReactNode } from "react";
+export declare const KAESO_SHEET_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "w-480";
+            readonly description: "480px (default)";
+        };
+        readonly md: {
+            readonly classes: "w-640";
+            readonly description: "640px: the request inspector";
+        };
+        readonly lg: {
+            readonly classes: "w-800";
+            readonly description: "800px";
+        };
+    };
+    readonly side: {
+        readonly right: {
+            readonly classes: "top-8 right-8 bottom-8 sheet-limits-x";
+            readonly description: "From the right (default)";
+        };
+        readonly left: {
+            readonly classes: "top-8 bottom-8 left-8 sheet-limits-x";
+            readonly description: "From the left: the mobile sidebar";
+        };
+        readonly bottom: {
+            readonly classes: "right-8 bottom-8 left-8 sheet-limits-y";
+            readonly description: "From the bottom: mobile menus";
+        };
+    };
+};
+export declare const KAESO_SHEET_DEFAULT_VARIANTS: {
+    readonly size: "sm";
+    readonly side: "right";
+};
+export interface SheetProps {
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    trigger?: ReactElement | undefined;
+    title: ReactNode;
+    subtitle?: ReactNode | undefined;
+    actions?: ReactNode | undefined;
+    size?: keyof typeof KAESO_SHEET_VARIANTS.size | undefined;
+    side?: keyof typeof KAESO_SHEET_VARIANTS.side | undefined;
+    modal?: boolean | undefined;
+    children: ReactNode;
+    footer?: ReactNode | undefined;
+    inline?: boolean | undefined;
+}
+export declare const Sheet: import("react").ForwardRefExoticComponent<SheetProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+export declare const docs: {
+    BrandWordmark: {
+        description: string;
+        props: {
+            href: string;
+            label: string;
+        };
+    };
+    Sidebar: {
+        description: string;
+        props: {
+            "aria-label": string;
+            resizable: string;
+        };
+    };
+    "Sidebar.Provider": {
+        description: string;
+        props: {};
+    };
+};

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

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

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

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { TriggerProps, TriggerPropsStore } from "../tooltip/trigger-props.js";
+export interface SidebarMenuRootProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    triggerProps: TriggerPropsStore;
+    side: "top" | "bottom";
+    header?: ReactNode | undefined;
+    footer?: ReactNode | undefined;
+    children: ReactNode;
+}
+export declare function SidebarMenuRoot({ open, onOpenChange, triggerProps, side, header, footer, children }: SidebarMenuRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SidebarMenuRoot {
+    var displayName: string;
+}
+export declare function mergeTriggerProps(given: TriggerProps, own: object): object;