@imfusion/web-ui 0.8.1-dev.5.gee230289 → 0.8.1-dev.52.g0818e1db

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,47 @@
+import { useRender } from '@base-ui/react/use-render';
+type RootProps = useRender.ComponentProps<"div"> & {
+    /** Announced once through a visually hidden status. Pass `""` when something else already speaks for the region. */
+    label: string;
+    /** `none` holds every bone inside still. */
+    animation?: "shimmer" | "none";
+};
+/**
+ * Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. Sets
+ * `aria-busy` and announces `label` once, however many bones it holds.
+ */
+declare function Root({ label, animation, render, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+type TextProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** Width of the bar, capped at the container width. */
+    width?: React.CSSProperties["width"];
+    /** Number of stacked lines. The last of several is 60% wide. */
+    lines?: number;
+};
+/**
+ * Skeleton.Text — a text bar exactly one line of the parent's font tall. Place it inside the real Typo element so the
+ * row keeps the loaded row's height.
+ */
+declare function Text({ width, lines, style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Text {
+    var displayName: string;
+}
+type BlockProps = React.HTMLAttributes<HTMLSpanElement> & ({
+    /** `circle` takes its size from `width`, for avatars. */
+    shape?: "rect";
+    /** Width of the block, capped at the container width. A circle uses it for both sides. */
+    width?: React.CSSProperties["width"];
+    /** Height of the block. */
+    height: React.CSSProperties["height"];
+} | {
+    shape: "circle";
+    width: React.CSSProperties["width"];
+    height?: never;
+});
+/** Skeleton.Block — a sized placeholder for a shaped element such as a meter, chip, or avatar. */
+declare function Block({ width, shape, height, style, ...props }: BlockProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Block {
+    var displayName: string;
+}
+export { Root, Text, Block };

package/dist/components/skeleton/skeleton.meta.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../types/meta';
+export declare const skeletonMeta: ComponentMeta;

package/dist/components/slider/slider.d.ts

@@ -1,11 +1,20 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import { VariantProps } from 'class-variance-authority';
+declare const sliderRoot: (props?: ({
+    variant?: "default" | "position" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface RootProps extends React.ComponentProps<typeof SliderPrimitive.Root>, VariantProps<typeof sliderRoot> {
+}
 /**
  * Slider.Root — value selector along a continuous or stepped track.
  *
+ * `variant="position"` draws a scrollbar-like trough and bar thumb for picking one position
+ * between `min` and `max`, such as a slice or frame; `onValueChange` reports the position.
+ *
  * @doc https://base-ui.com/react/components/slider
  * @llm https://base-ui.com/react/components/slider.md
  */
-export declare function Root({ value, defaultValue, onValueChange, onValueCommitted, min, max, step, largeStep, minStepsBetweenValues, disabled, orientation, name, form, locale, thumbAlignment, thumbCollisionBehavior, format, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ variant, value, defaultValue, onValueChange, onValueCommitted, min, max, step, largeStep, minStepsBetweenValues, disabled, orientation, name, form, locale, thumbAlignment, thumbCollisionBehavior, format, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
@@ -39,3 +48,4 @@ export declare function Thumb({ index, ...props }: React.ComponentProps<typeof S
 export declare namespace Thumb {
     var displayName: string;
 }
+export {};

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

@@ -1,3 +1,4 @@
+import { useRender } from '@base-ui/react/use-render';
 type HeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement>;
 /** Table.Root — the `<table>` element. */
 export declare function Root(props: React.TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
@@ -29,6 +30,14 @@ export declare function Cell(props: React.TdHTMLAttributes<HTMLTableCellElement>
 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

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

@@ -5,14 +5,18 @@ declare const typo: (props?: ({
     variant?: "primary" | "positive" | "negative" | "oncolor" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "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;
 }