@logicplanes/kaeso-ui 0.4.0 → 0.4.2

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

@@ -37,23 +37,23 @@ export declare const KAESO_BUTTON_VARIANTS: {
     };
     readonly size: {
         readonly xs: {
-            readonly classes: "h-24 px-10 gap-4 text-caption font-medium";
+            readonly classes: "h-24 px-10 gap-4 text-caption font-medium ghost-end:-mr-10 ghost-start:-ml-10";
             readonly description: "24px: chips inside rows and tables only";
         };
         readonly sm: {
-            readonly classes: "h-32 px-12 gap-6 text-body font-medium";
+            readonly classes: "h-32 px-12 gap-6 text-body font-medium ghost-end:-mr-12 ghost-start:-ml-12";
             readonly description: "32px: toolbars, headers, settings rows";
         };
         readonly md: {
-            readonly classes: "h-36 px-16 gap-6 text-body font-medium";
+            readonly classes: "h-36 px-16 gap-6 text-body font-medium ghost-end:-mr-16 ghost-start:-ml-16";
             readonly description: "36px: the default";
         };
         readonly lg: {
-            readonly classes: "h-40 px-18 gap-8 text-body font-medium";
+            readonly classes: "h-40 px-18 gap-8 text-body font-medium ghost-end:-mr-18 ghost-start:-ml-18";
             readonly description: "40px: prominent actions";
         };
         readonly xl: {
-            readonly classes: "h-48 px-22 gap-8 text-body-lg font-medium";
+            readonly classes: "h-48 px-22 gap-8 text-body-lg font-medium ghost-end:-mr-22 ghost-start:-ml-22";
             readonly description: "48px: sign-in and setup forms, empty-state actions";
         };
     };
@@ -63,7 +63,7 @@ export declare const KAESO_BUTTON_VARIANTS: {
             readonly description: "Every button is a pill";
         };
         readonly circle: {
-            readonly classes: "rounded-pill p-0 justify-center";
+            readonly classes: "rounded-pill p-0 justify-center ghost-end:mr-0 ghost-start:ml-0";
             readonly description: "Icon-only: a circle of the same height";
         };
     };

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

@@ -26,7 +26,7 @@ export interface CalendarProps {
     disabled?: ((date: Date) => boolean) | undefined;
     className?: string | undefined;
 }
-export declare function Calendar({ mode, selected, onSelect, month, defaultMonth, onMonthChange, numberOfMonths, weekStartsOn, disabled, className, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar({ mode, selected, onSelect, month, defaultMonth, onMonthChange, numberOfMonths, weekStartsOn, disabled, className, }: CalendarProps): import("react").JSX.Element;
 export declare namespace Calendar {
     var displayName: string;
 }

package/dist/types/components/charts/core.d.ts

@@ -43,7 +43,7 @@ export declare function ChartFrame({ label, height, children, table, legend, sta
     state?: ChartState | undefined;
     className?: string | undefined;
     toggle?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export interface LegendItem {
     id: string;
     label: ReactNode;
@@ -54,7 +54,7 @@ export declare function Swatch({ color, shape, off }: {
     color: string;
     shape?: "square" | "line" | undefined;
     off?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare namespace Swatch {
     var displayName: string;
 }
@@ -86,7 +86,7 @@ export declare function Legend({ items, hidden, onToggle, onHover, shape, }: {
     onToggle?: ((id: string) => void) | undefined;
     onHover?: ((id: string | null) => void) | undefined;
     shape?: "square" | "line" | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare namespace Legend {
     var displayName: string;
 }
@@ -105,7 +105,7 @@ export declare function ChartTooltip({ x, xLeft, y, width, heading, rows, visibl
     heading: ReactNode;
     rows: TooltipRow[];
     visible: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare namespace ChartTooltip {
     var displayName: string;
 }
@@ -157,7 +157,7 @@ export declare function useChartKeys(count: number, options?: {
 };
 export declare function ChartLive({ children }: {
     children?: ReactNode | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare namespace ChartLive {
     var displayName: string;
 }

package/dist/types/components/code-block/code-block.d.ts

@@ -32,7 +32,7 @@ export interface CodeBlockProps {
     collapseAfter?: number | undefined;
     surface?: keyof typeof KAESO_CODE_BLOCK_VARIANTS.surface | undefined;
     copy?: boolean | undefined;
-    wrap?: boolean | undefined;
+    wrap?: boolean | "phone" | undefined;
     className?: string | undefined;
 }
 export declare const CodeBlock: import("react").ForwardRefExoticComponent<CodeBlockProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/code-block/indent.d.ts

@@ -0,0 +1,3 @@
+import type { CodeToken } from "./highlighter.js";
+export declare const INDENT: RegExp;
+export declare function dropIndent(tokens: CodeToken[], n: number): CodeToken[];

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

@@ -36,7 +36,7 @@ export interface ComboboxOption {
 export declare function Highlight({ text, query }: {
     text: string;
     query: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 interface BaseProps extends FieldWrapProps {
     options: ComboboxOption[];
     placeholder?: string | undefined;

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

@@ -74,6 +74,7 @@ export interface CommandListProps {
     onEscape?: (() => void) | undefined;
     escapeClears?: boolean | undefined;
     match?: ((item: CommandListItem, query: string) => number) | undefined;
+    counts?: boolean | undefined;
     inputProps?: {
         [attribute: `data-${string}`]: string;
     } | undefined;

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

@@ -2,6 +2,7 @@ export declare const docs: {
     CommandList: {
         description: string;
         props: {
+            counts: string;
             "aria-label": string;
             autoFocus: string;
             defaultQuery: string;

package/dist/types/components/command-list/picker-popover.d.ts

@@ -28,7 +28,7 @@ export interface PickerPopoverProps {
     align?: "start" | "end" | undefined;
     children: ReactNode;
 }
-export declare function PickerPopover({ trigger, title, open, onOpenChange, width, align, children }: PickerPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerPopover({ trigger, title, open, onOpenChange, width, align, children }: PickerPopoverProps): import("react").JSX.Element;
 export declare namespace PickerPopover {
     var displayName: string;
 }

package/dist/types/components/command-palette/command-palette.d.ts

@@ -38,8 +38,9 @@ export interface CommandPaletteProps {
     inline?: boolean | undefined;
     defaultQuery?: string | undefined;
     query?: string | undefined;
+    counts?: boolean | undefined;
 }
-export declare function CommandPalette(props: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPalette(props: CommandPaletteProps): import("react").JSX.Element;
 export declare namespace CommandPalette {
     var displayName: string;
 }

package/dist/types/components/command-palette/docs.d.ts

@@ -2,6 +2,7 @@ export declare const docs: {
     CommandPalette: {
         description: string;
         props: {
+            counts: string;
             defaultQuery: string;
             emptyText: string;
             groups: string;

package/dist/types/components/data-table/data-table.d.ts

@@ -74,7 +74,7 @@ export declare function fitColumns(columns: FitColumn[], width: number, reserve?
     tight: boolean;
     overflow: boolean;
 };
-declare function DataTableInner<T>({ data, columns: userColumns, getRowId, density, onRowClick, rowMenu, selectable, selection, onSelectionChange, sorting: sortingProp, onSortingChange, manualSorting, loading, error, onRetry, empty, hasMore, loadingMore, onLoadMore, stickyFirstColumn, virtualizeAbove, className, activeRowId, freshRowIds, onHiddenColumnsChange, "aria-label": ariaLabel, }: DataTableProps<T>, ref: React.Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableInner<T>({ data, columns: userColumns, getRowId, density, onRowClick, rowMenu, selectable, selection, onSelectionChange, sorting: sortingProp, onSortingChange, manualSorting, loading, error, onRetry, empty, hasMore, loadingMore, onLoadMore, stickyFirstColumn, virtualizeAbove, className, activeRowId, freshRowIds, onHiddenColumnsChange, "aria-label": ariaLabel, }: DataTableProps<T>, ref: React.Ref<HTMLDivElement>): React.JSX.Element;
 export declare const DataTable: <T>(p: DataTableProps<T> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }) => ReturnType<typeof DataTableInner>;

package/dist/types/components/date-picker/date-popup.d.ts

@@ -6,4 +6,4 @@ export interface DatePopupProps {
     weekStartsOn: CalendarProps["weekStartsOn"];
     disabledDays: ((date: Date) => boolean) | undefined;
 }
-export declare function DatePopup({ date, onDateChange, onClose, weekStartsOn, disabledDays }: DatePopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePopup({ date, onDateChange, onClose, weekStartsOn, disabledDays }: DatePopupProps): import("react").JSX.Element;

package/dist/types/components/date-picker/iso-field.d.ts

@@ -2,4 +2,4 @@ export declare function IsoField({ label, value, onCommit }: {
     label: string;
     value: Date | undefined;
     onCommit: (d: Date) => boolean | void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/date-picker/range-popup.d.ts

@@ -10,4 +10,4 @@ export interface RangePopupProps {
     weekStartsOn: CalendarProps["weekStartsOn"];
     disabledDays: ((date: Date) => boolean) | undefined;
 }
-export declare function RangePopup({ range, preset, presets, onPick, onClose, weekStartsOn, disabledDays }: RangePopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RangePopup({ range, preset, presets, onPick, onClose, weekStartsOn, disabledDays }: RangePopupProps): import("react").JSX.Element;

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

@@ -52,7 +52,7 @@ declare function Close({ children }: {
     children: ReactElement<{
         disabled?: boolean | undefined;
     }>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Close {
     var displayName: string;
 }
@@ -93,7 +93,7 @@ export interface AlertDialogProps {
     loading?: boolean | undefined;
     inline?: boolean | undefined;
 }
-export declare function AlertDialog(props: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element;
 export declare namespace AlertDialog {
     var displayName: string;
 }
@@ -138,7 +138,7 @@ export interface LayerDialogProps extends Omit<DialogProps, "title" | "descripti
     layer?: number | undefined;
     onLayerChange?: ((layer: number) => void) | undefined;
 }
-export declare function LayerDialog({ layers, layer, onLayerChange, ...props }: LayerDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function LayerDialog({ layers, layer, onLayerChange, ...props }: LayerDialogProps): import("react").JSX.Element | null;
 export declare namespace LayerDialog {
     var displayName: string;
 }

package/dist/types/components/dialog/scope.d.ts

@@ -3,7 +3,7 @@ export interface DialogScopeProps {
     open: boolean;
     children: ReactNode;
 }
-export declare function DialogScope({ open, children }: DialogScopeProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogScope({ open, children }: DialogScopeProps): import("react").JSX.Element | null;
 export declare namespace DialogScope {
     var displayName: string;
 }

package/dist/types/components/dialog/step-dialog.d.ts

@@ -28,7 +28,7 @@ export interface StepDialogProps {
     defaultStep?: number | undefined;
     result?: StepDialogResult | undefined;
 }
-export declare function StepDialog({ open, onOpenChange, title, steps, submitLabel, onSubmit, submitting, tone, size, inline, defaultStep, result, }: StepDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepDialog({ open, onOpenChange, title, steps, submitLabel, onSubmit, submitting, tone, size, inline, defaultStep, result, }: StepDialogProps): import("react").JSX.Element;
 export declare namespace StepDialog {
     var displayName: string;
 }

package/dist/types/components/display-options/display-options.d.ts

@@ -50,7 +50,7 @@ export interface DisplayOptionsProps {
     inline?: boolean | undefined;
     footer?: ReactNode | undefined;
 }
-export declare function DisplayOptions({ trigger, inline, ...props }: DisplayOptionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DisplayOptions({ trigger, inline, ...props }: DisplayOptionsProps): import("react").JSX.Element;
 export declare namespace DisplayOptions {
     var displayName: string;
 }

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

@@ -75,4 +75,4 @@ export declare function withField(props: FieldWrapProps & {
     disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     className?: string | undefined;
-}, control: ReactNode): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}, control: ReactNode): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;

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

@@ -0,0 +1,12 @@
+export declare const docs: {
+    Figure: {
+        description: string;
+        props: {
+            caption: string;
+            children: string;
+            focus: string;
+            label: string;
+            surface: string;
+        };
+    };
+};

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

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+export declare const KAESO_FIGURE_VARIANTS: {
+    readonly surface: {
+        readonly well: {
+            readonly classes: "rounded-well bg-fill-1";
+            readonly description: "A well like a code block's: radius 14, fill, no ring (default)";
+        };
+        readonly plain: {
+            readonly classes: "";
+            readonly description: "No surface, for a figure that brings its own";
+        };
+    };
+};
+export declare const KAESO_FIGURE_DEFAULT_VARIANTS: {
+    readonly surface: "well";
+};
+export interface FigureProps {
+    children: ReactNode;
+    label: string;
+    caption?: ReactNode | undefined;
+    surface?: keyof typeof KAESO_FIGURE_VARIANTS.surface | undefined;
+    focus?: number | undefined;
+    className?: string | undefined;
+}
+export declare const Figure: import("react").ForwardRefExoticComponent<FigureProps & import("react").RefAttributes<HTMLElement>>;

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

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

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

@@ -114,7 +114,7 @@ export declare function SelectionAction({ children, onClick, icon, danger, }: {
     onClick?: (() => void) | undefined;
     icon?: IconData | undefined;
     danger?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare namespace SelectionAction {
     var displayName: string;
 }

package/dist/types/components/list/row-checkbox.d.ts

@@ -2,4 +2,4 @@ export declare function RowCheckbox({ checked, onToggle, "aria-label": ariaLabel
     checked: boolean;
     onToggle: () => void;
     "aria-label": string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/list/virtual-rows.d.ts

@@ -7,4 +7,4 @@ export interface VirtualRowsProps {
     row: (index: number) => ReactNode;
     measure?: boolean | undefined;
 }
-export declare function VirtualRows({ count, estimateSize, getScrollElement, scrollTo, row, measure }: VirtualRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare function VirtualRows({ count, estimateSize, getScrollElement, scrollTo, row, measure }: VirtualRowsProps): import("react").JSX.Element;

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

@@ -46,14 +46,14 @@ export interface MenuProps {
     onOpenChange?: ((open: boolean) => void) | undefined;
     modal?: boolean | undefined;
 }
-declare function Root({ open, defaultOpen, onOpenChange, modal, children }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ open, defaultOpen, onOpenChange, modal, children }: MenuProps): import("react").JSX.Element;
 declare namespace Root {
     var displayName: string;
 }
 declare function Trigger({ children, openOnHover }: {
     children: ReactElement;
     openOnHover?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Trigger {
     var displayName: string;
 }
@@ -91,7 +91,7 @@ export interface MenuCheckboxItemProps extends Omit<MenuItemProps, "variant" | "
     defaultChecked?: boolean | undefined;
     onCheckedChange?: ((checked: boolean) => void) | undefined;
 }
-declare function Separator(): import("react/jsx-runtime").JSX.Element;
+declare function Separator(): import("react").JSX.Element;
 declare namespace Separator {
     var displayName: string;
 }
@@ -99,7 +99,7 @@ declare function Header({ avatar, name, email }: {
     avatar?: ReactNode | undefined;
     name: ReactNode;
     email?: ReactNode | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Header {
     var displayName: string;
 }
@@ -107,7 +107,7 @@ declare function Sub({ children, open, onOpenChange }: {
     children: ReactNode;
     open?: boolean | undefined;
     onOpenChange?: ((o: boolean) => void) | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Sub {
     var displayName: string;
 }
@@ -139,14 +139,14 @@ export declare const Menu: typeof Root & {
 declare function ContextRoot({ children, onOpenChange }: {
     children: ReactNode;
     onOpenChange?: ((o: boolean) => void) | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ContextRoot {
     var displayName: string;
 }
 declare function ContextTrigger({ children, className }: {
     children: ReactNode;
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ContextTrigger {
     var displayName: string;
 }
@@ -178,7 +178,7 @@ declare function MenubarRoot({ children, className, "aria-label": ariaLabel, }:
     children: ReactNode;
     className?: string | undefined;
     "aria-label"?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace MenubarRoot {
     var displayName: string;
 }

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

@@ -4,12 +4,12 @@ import { type Capability } from "../kaeso/identity.js";
 export declare const KAESO_MODEL_PICKER_VARIANTS: {
     readonly appearance: {
         readonly ghost: {
-            readonly classes: "material-ghost text-fg";
+            readonly classes: "material-ghost focus-ring text-fg";
             readonly description: "Transparent until hovered: a column header (default)";
         };
         readonly default: {
-            readonly classes: "material-secondary";
-            readonly description: "A raised pill with a ring: a form or toolbar";
+            readonly classes: "material-selector";
+            readonly description: "A pill with a text input's ring: a form or toolbar";
         };
     };
 };

package/dist/types/components/playground/parameter-panel.d.ts

@@ -46,7 +46,7 @@ export interface ParameterPopoverProps extends Omit<ParameterPanelProps, "layout
     side?: "top" | "bottom" | "left" | "right" | undefined;
     align?: "start" | "center" | "end" | undefined;
 }
-export declare function ParameterPopover({ trigger, title: titleProp, open, defaultOpen, onOpenChange, side, align, ...panel }: ParameterPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterPopover({ trigger, title: titleProp, open, defaultOpen, onOpenChange, side, align, ...panel }: ParameterPopoverProps): import("react").JSX.Element;
 export declare namespace ParameterPopover {
     var displayName: string;
 }

package/dist/types/components/popover/hover-card.d.ts

@@ -6,14 +6,14 @@ export interface HoverCardProps {
     defaultOpen?: boolean | undefined;
     onOpenChange?: ((open: boolean) => void) | undefined;
 }
-declare function HoverRoot({ children, open, defaultOpen, onOpenChange }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+declare function HoverRoot({ children, open, defaultOpen, onOpenChange }: HoverCardProps): import("react").JSX.Element;
 declare namespace HoverRoot {
     var displayName: string;
 }
 declare function HoverTrigger({ children, delay }: {
     children: ReactElement;
     delay?: number | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare namespace HoverTrigger {
     var displayName: string;
 }

package/dist/types/components/popover/popover-root.d.ts

@@ -6,19 +6,19 @@ export interface PopoverProps {
     onOpenChange?: ((open: boolean) => void) | undefined;
     trapFocus?: boolean | undefined;
 }
-export declare function PopoverRoot({ open, defaultOpen, onOpenChange, trapFocus, children }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverRoot({ open, defaultOpen, onOpenChange, trapFocus, children }: PopoverProps): import("react").JSX.Element;
 export declare namespace PopoverRoot {
     var displayName: string;
 }
 export declare function PopoverTrigger({ children }: {
     children: ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare namespace PopoverTrigger {
     var displayName: string;
 }
 export declare function PopoverClose({ children }: {
     children: ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare namespace PopoverClose {
     var displayName: string;
 }

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

@@ -45,7 +45,7 @@ export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps
     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 function RadioCards(props: Omit<RadioGroupProps, "variant">): import("react").JSX.Element;
 export declare namespace RadioCards {
     var displayName: string;
 }

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

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

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

@@ -4,15 +4,15 @@ 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 classes: "material-selector";
+            readonly description: "A pill with the same ring, hover and focus as a text input (default)";
         };
         readonly ghost: {
-            readonly classes: "material-ghost text-fg-secondary hover:text-fg open:text-fg";
+            readonly classes: "material-ghost focus-ring 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 classes: "material-ghost focus-ring text-fg";
             readonly description: "Transparent until hovered, in full text colour: a column header's model";
         };
     };

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

@@ -16,12 +16,12 @@ export declare const KAESO_SHEET_VARIANTS: {
     };
     readonly side: {
         readonly right: {
-            readonly classes: "top-8 right-8 bottom-8 sheet-limits-x";
-            readonly description: "From the right (default)";
+            readonly classes: "top-8 right-8 bottom-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none";
+            readonly description: "From the right (default); fills a phone's screen";
         };
         readonly left: {
-            readonly classes: "top-8 bottom-8 left-8 sheet-limits-x";
-            readonly description: "From the left: the mobile sidebar";
+            readonly classes: "top-8 bottom-8 left-8 sheet-limits-x max-sm:inset-0 max-sm:w-auto max-sm:max-w-none max-sm:rounded-none";
+            readonly description: "From the left: the mobile sidebar; fills a phone's screen";
         };
         readonly bottom: {
             readonly classes: "right-8 bottom-8 left-8 sheet-limits-y";

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

@@ -9,7 +9,7 @@ export interface SidebarMenuRootProps {
     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 function SidebarMenuRoot({ open, onOpenChange, triggerProps, side, header, footer, children }: SidebarMenuRootProps): import("react").JSX.Element;
 export declare namespace SidebarMenuRoot {
     var displayName: string;
 }

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

@@ -62,7 +62,7 @@ export interface SidebarProviderProps {
     defaultRail?: boolean | undefined;
     shortcut?: boolean | undefined;
 }
-declare function Provider({ children, storageKey, defaultRail, shortcut }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function Provider({ children, storageKey, defaultRail, shortcut }: SidebarProviderProps): React.JSX.Element;
 declare namespace Provider {
     var displayName: string;
 }
@@ -81,7 +81,7 @@ export interface SidebarBrandProps {
 export declare function BrandWordmark({ href, label }: {
     href?: string | undefined;
     label?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare namespace BrandWordmark {
     var displayName: string;
 }
@@ -98,7 +98,7 @@ export interface SidebarSwitcherProps {
     className?: string | undefined;
     "data-force"?: string | undefined;
 }
-declare function Switcher({ avatar, label, trailing, caption, captionTone, children, header, footer, "aria-label": ariaLabel, className, "data-force": force, }: SidebarSwitcherProps): import("react/jsx-runtime").JSX.Element;
+declare function Switcher({ avatar, label, trailing, caption, captionTone, children, header, footer, "aria-label": ariaLabel, className, "data-force": force, }: SidebarSwitcherProps): React.JSX.Element;
 declare namespace Switcher {
     var displayName: string;
 }
@@ -113,7 +113,7 @@ export interface SidebarPlaceProps {
     className?: string | undefined;
     "data-force"?: string | undefined;
 }
-declare function Place({ avatar, label, children, href, header, footer, "aria-label": ariaLabel, className, "data-force": force }: SidebarPlaceProps): import("react/jsx-runtime").JSX.Element;
+declare function Place({ avatar, label, children, href, header, footer, "aria-label": ariaLabel, className, "data-force": force }: SidebarPlaceProps): React.JSX.Element;
 declare namespace Place {
     var displayName: string;
 }
@@ -141,19 +141,19 @@ export interface SidebarItemProps {
 }
 declare function Loading({ rows }: {
     rows?: number | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace Loading {
     var displayName: string;
 }
 declare function CollapseToggle({ className }: {
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace CollapseToggle {
     var displayName: string;
 }
 declare function RailToggle({ className }: {
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace RailToggle {
     var displayName: string;
 }

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

@@ -1,6 +1,8 @@
 export declare const docs: {
     Table: {
         description: string;
-        props: {};
+        props: {
+            density: string;
+        };
     };
 };