@imfusion/web-ui 0.8.1-dev.9.gda40b9aa → 0.9.0

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

@@ -1,21 +1,22 @@
-type HeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement>;
+import { useRender } from '@base-ui/react/use-render';
+type HeaderCellProps = React.ComponentProps<"th">;
 /** Table.Root — the `<table>` element. */
-export declare function Root(props: React.TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
 /** Table.Header — the `<thead>` section. */
-export declare function Header(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Header(props: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }
 /** Table.Body — the `<tbody>` section. */
-export declare function Body(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Body(props: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Body {
     var displayName: string;
 }
 /** Table.Row — a `<tr>` in header or body. */
-export declare function Row(props: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Row(props: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Row {
     var displayName: string;
 }
@@ -25,16 +26,24 @@ export declare namespace HeaderCell {
     var displayName: string;
 }
 /** Table.Cell — a `<td>` data cell. */
-export declare function Cell(props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Cell(props: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Cell {
     var displayName: string;
 }
+/**
+ * Table.RowLink — an `<a>` that stands in for its whole row, such as a link to the row's detail page. Reads as row text,
+ * not as a separate link, and wraps anywhere so long values like emails stay inside a narrow table.
+ */
+export declare function RowLink({ render, ...props }: useRender.ComponentProps<"a">): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare namespace RowLink {
+    var displayName: string;
+}
 /**
  * Table.HeaderButton — inline action button for header cells. Generic by
  * design: sorting toggles, filter toggles, column menus all render through it
  * rather than each inventing a button. Icon/indicator goes in `children`.
  */
-export declare function HeaderButton({ type, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderButton({ type, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 export declare namespace HeaderButton {
     var displayName: string;
 }

package/dist/components/tabs/tabs.d.ts

@@ -45,7 +45,7 @@ export declare namespace Indicator {
  * No Base UI equivalent exists; it's surfaced as a named part since its
  * hairline border is what Tabs.Indicator visually fuses into.
  */
-export declare function PanelViewport(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function PanelViewport(props: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export declare namespace PanelViewport {
     var displayName: string;
 }

package/dist/components/toggle/toggle.d.ts

@@ -1,5 +1,11 @@
 import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
 interface Props extends React.ComponentProps<typeof TogglePrimitive> {
+    /**
+     * Key hint shown in the top corner at the end of the line, such as `"P"` or `"Ctrl Z"`. It also sets
+     * `aria-keyshortcuts` in its notation (`Control+Z`), which an explicit
+     * `aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys.
+     */
+    shortcut?: string;
 }
 /**
  * Toggle - a two-state button. Use standalone for a
@@ -9,5 +15,5 @@ interface Props extends React.ComponentProps<typeof TogglePrimitive> {
  * @doc https://base-ui.com/react/components/toggle
  * @llm https://base-ui.com/react/components/toggle.md
  */
-export declare function Toggle({ style, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Toggle({ style, shortcut, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tooltip/tooltip.d.ts

@@ -2,11 +2,11 @@ import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 import { VariantProps } from 'class-variance-authority';
 type UpstreamTrigger = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
 declare const tooltipTrigger: (props?: ({
-    variant?: "primary" | "secondary" | "positive" | "negative" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "secondary" | null | undefined;
     inline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tooltipPopup: (props?: ({
-    variant?: "primary" | "secondary" | "positive" | "negative" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const createHandle: typeof TooltipPrimitive.createHandle;
 /**

package/dist/components/typo/typo.d.ts

@@ -2,17 +2,21 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 import { Code } from '../code';
 declare const typo: (props?: ({
-    variant?: "primary" | "positive" | "negative" | "oncolor" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
+    variant?: "main" | "support" | "minor" | "brand" | "primary" | "positive" | "negative" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type TypoProps = VariantProps<typeof typo>;
+type WeightProps = {
+    /** Font weight. Omit to keep the member's default; `medium` firms up short body text on cards. */
+    weight?: "regular" | "medium" | "strong";
+};
 type HeadingProps = useRender.ComponentProps<"h1"> & TypoProps;
 type LongHeadingProps = HeadingProps & {
     /** Whether lines after the first use a translucent text color. */
     fadeAfterFirstLine?: boolean;
 };
-type ParagraphProps = useRender.ComponentProps<"p"> & TypoProps;
+type ParagraphProps = useRender.ComponentProps<"p"> & TypoProps & WeightProps;
 export type TypoLinkKind = "external" | "internal";
-type LinkProps = useRender.ComponentProps<"a"> & TypoProps & {
+type LinkProps = useRender.ComponentProps<"a"> & TypoProps & WeightProps & {
     /** Link target scope. `"external"` (default) opens in a new tab; `"internal"` stays in the current tab. */
     kind?: TypoLinkKind;
 };
@@ -42,27 +46,32 @@ export declare namespace H4 {
     var displayName: string;
 }
 /** Typo.P — body paragraph. */
-export declare function P({ variant, render, ...props }: ParagraphProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function P({ variant, weight, render, ...props }: ParagraphProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace P {
     var displayName: string;
 }
 /** Typo.Lead — emphasised intro paragraph. */
-export declare function Lead({ variant, render, ...props }: ParagraphProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Lead({ variant, weight, render, ...props }: ParagraphProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Lead {
     var displayName: string;
 }
 /** Typo.Detail — compact UI text, between Small (12px) and P (16px). */
-export declare function Detail({ variant, render, ...props }: useRender.ComponentProps<"p"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Detail({ variant, weight, render, ...props }: useRender.ComponentProps<"p"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Detail {
     var displayName: string;
 }
 /** Typo.Small — fine print. */
-export declare function Small({ variant, render, ...props }: useRender.ComponentProps<"small"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Small({ variant, weight, render, ...props }: useRender.ComponentProps<"small"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Small {
     var displayName: string;
 }
+/** Typo.Eyebrow — short uppercase label above a heading. Also called a kicker or overline. */
+export declare function Eyebrow({ variant, render, ...props }: useRender.ComponentProps<"p"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare namespace Eyebrow {
+    var displayName: string;
+}
 /** Typo.Blockquote — pulled quotation. */
-export declare function Blockquote({ variant, render, ...props }: useRender.ComponentProps<"blockquote"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Blockquote({ variant, weight, render, ...props }: useRender.ComponentProps<"blockquote"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Blockquote {
     var displayName: string;
 }
@@ -75,22 +84,22 @@ export declare namespace InlineCode {
     var displayName: string;
 }
 /** Typo.Highlight — inline mark/highlight. */
-export declare function Highlight({ variant, render, ...props }: useRender.ComponentProps<"mark"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Highlight({ variant, weight, render, ...props }: useRender.ComponentProps<"mark"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Highlight {
     var displayName: string;
 }
 /** Typo.Link — inline anchor with an optional local Web UI directional icon. */
-export declare function Link({ variant, kind, render, ...props }: LinkProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Link({ variant, weight, kind, render, ...props }: LinkProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Link {
     var displayName: string;
 }
 /** Typo.OrderedList — numbered list. */
-export declare function OrderedList({ variant, render, ...props }: useRender.ComponentProps<"ol"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function OrderedList({ variant, weight, render, ...props }: useRender.ComponentProps<"ol"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace OrderedList {
     var displayName: string;
 }
 /** Typo.UnorderedList — bulleted list. */
-export declare function UnorderedList({ variant, render, ...props }: useRender.ComponentProps<"ul"> & TypoProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function UnorderedList({ variant, weight, render, ...props }: useRender.ComponentProps<"ul"> & TypoProps & WeightProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace UnorderedList {
     var displayName: string;
 }