@imfusion/web-ui 0.5.1-dev.7.ga571658e → 0.6.0

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

@@ -0,0 +1,104 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+type UpstreamRoot = React.ComponentProps<typeof FieldPrimitive.Root>;
+type UpstreamItem = React.ComponentProps<typeof FieldPrimitive.Item>;
+type UpstreamLabel = React.ComponentProps<typeof FieldPrimitive.Label>;
+type UpstreamDescription = React.ComponentProps<typeof FieldPrimitive.Description>;
+type UpstreamControl = React.ComponentProps<typeof FieldPrimitive.Control>;
+type UpstreamError = React.ComponentProps<typeof FieldPrimitive.Error>;
+type UpstreamValidity = React.ComponentProps<typeof FieldPrimitive.Validity>;
+type RootProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
+    name?: string;
+    actionsRef?: UpstreamRoot["actionsRef"];
+    dirty?: boolean;
+    touched?: boolean;
+    /** @default false */
+    disabled?: boolean;
+    invalid?: boolean;
+    validate?: UpstreamRoot["validate"];
+    /** @default "onSubmit" */
+    validationMode?: UpstreamRoot["validationMode"];
+    /** @default 0 */
+    validationDebounceTime?: number;
+    className?: UpstreamRoot["className"];
+    style?: UpstreamRoot["style"];
+    render?: UpstreamRoot["render"];
+};
+/**
+ * Field.Root — groups a label, control, validation state, and supporting copy.
+ *
+ * @doc https://base-ui.com/react/components/field
+ * @llm https://base-ui.com/react/components/field.md
+ */
+export declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+    var displayName: string;
+}
+type ItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
+    /** @default false */
+    disabled?: boolean;
+    className?: UpstreamItem["className"];
+    style?: UpstreamItem["style"];
+    render?: UpstreamItem["render"];
+};
+/** Field.Item — groups one checkable option with its label and description. */
+export declare function Item({ className, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+type LabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "className" | "style"> & {
+    /** @default true */
+    nativeLabel?: boolean;
+    className?: UpstreamLabel["className"];
+    style?: UpstreamLabel["style"];
+    render?: UpstreamLabel["render"];
+};
+/** Field.Label — an accessible label automatically associated with the control. */
+export declare function Label({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
+type DescriptionProps = Omit<React.HTMLAttributes<HTMLParagraphElement>, "className" | "style"> & {
+    className?: UpstreamDescription["className"];
+    style?: UpstreamDescription["style"];
+    render?: UpstreamDescription["render"];
+};
+/** Field.Description — supporting information for a field. */
+export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Description {
+    var displayName: string;
+}
+type ControlProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "defaultValue"> & {
+    defaultValue?: UpstreamControl["defaultValue"];
+    onValueChange?: UpstreamControl["onValueChange"];
+    className?: UpstreamControl["className"];
+    style?: UpstreamControl["style"];
+    render?: UpstreamControl["render"];
+};
+/** Field.Control — a native input control with Field labeling and validation. */
+export declare function Control({ className, ...props }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Control {
+    var displayName: string;
+}
+type ErrorProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
+    match?: UpstreamError["match"];
+    className?: UpstreamError["className"];
+    style?: UpstreamError["style"];
+    render?: UpstreamError["render"];
+};
+/** Field.Error — an inline validation message shown when its match condition fails. */
+export declare function Error({ className, ...props }: ErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Error {
+    var displayName: string;
+}
+type ValidityProps = {
+    children: UpstreamValidity["children"];
+};
+/**
+ * Field.Validity — renderless access to the field validity data for custom messages.
+ * Its function child owns the rendered element and therefore its identity and styling.
+ */
+export declare function Validity({ children }: ValidityProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Validity {
+    var displayName: string;
+}
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export * as Field from './field';
+export { fieldMeta } from './field.meta';

package/dist/components/fieldset/fieldset.d.ts

@@ -0,0 +1,29 @@
+import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
+type UpstreamRoot = React.ComponentProps<typeof FieldsetPrimitive.Root>;
+type UpstreamLegend = React.ComponentProps<typeof FieldsetPrimitive.Legend>;
+type RootProps = Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style"> & {
+    className?: UpstreamRoot["className"];
+    style?: UpstreamRoot["style"];
+    render?: UpstreamRoot["render"];
+};
+/**
+ * Fieldset.Root — semantic grouping for related form controls and a shared legend.
+ *
+ * @doc https://base-ui.com/react/components/fieldset
+ * @llm https://base-ui.com/react/components/fieldset.md
+ */
+export declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+    var displayName: string;
+}
+type LegendProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
+    className?: UpstreamLegend["className"];
+    style?: UpstreamLegend["style"];
+    render?: UpstreamLegend["render"];
+};
+/** Fieldset.Legend — the accessible label for its related controls. */
+export declare function Legend({ className, ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Legend {
+    var displayName: string;
+}
+export {};

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

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

package/dist/components/fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export * as Fieldset from './fieldset';
+export { fieldsetMeta } from './fieldset.meta';

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { IconComponent } from './types';
+export declare const ICON_VARIANTS: readonly ["inherit", "main", "support", "minor", "brand", "primary", "positive", "negative", "warning", "info", "oncolor", "accent-1", "accent-2", "accent-3"];
+export type IconVariant = (typeof ICON_VARIANTS)[number];
+declare const icon: (props?: ({
+    variant?: "primary" | "positive" | "negative" | "main" | "inherit" | "support" | "minor" | "brand" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type Props = Omit<React.ComponentProps<IconComponent>, "color"> & VariantProps<typeof icon> & {
+    /** Icon component imported from `@imfusion/web-ui/icons`. */
+    glyph: IconComponent;
+    /** Sets both SVG dimensions unless `width` or `height` is provided. */
+    size?: React.SVGProps<SVGSVGElement>["width"];
+};
+/** Icon — renders an icon component with a semantic Web UI foreground color. */
+export declare function Icon({ glyph: Glyph, variant, size, width, height, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/components/icon/index.d.ts

@@ -0,0 +1,4 @@
+export { Icon, ICON_VARIANTS } from './icon';
+export { iconMeta } from './icon.meta';
+export type { IconComponent } from './types';
+export type { IconVariant } from './icon';

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

@@ -0,0 +1,2 @@
+import type * as React from "react";
+export type IconComponent = React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/input/input.d.ts

@@ -9,6 +9,8 @@ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "st
     value?: UpstreamInput["value"];
     defaultValue?: UpstreamInput["defaultValue"];
     onValueChange?: UpstreamInput["onValueChange"];
+    /** Called when the search input's clear button is pressed. */
+    onClear?: () => void;
     className?: UpstreamInput["className"];
     style?: UpstreamInput["style"];
     render?: UpstreamInput["render"];
@@ -21,5 +23,5 @@ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "st
  * @see https://base-ui.com/react/components/input
  * @llm https://base-ui.com/react/components/input.md
  */
-export declare function Input({ variant, size, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ variant, size, type, value, defaultValue, onValueChange, onClear, disabled, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { Code } from '../code';
 declare const typo: (props?: ({
-    variant?: "primary" | "positive" | "negative" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | "oncolor" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const spacingVariants: (props?: ({
     spacing?: "none" | "default" | null | undefined;
@@ -82,7 +82,7 @@ export declare function Highlight({ variant, className, ...props }: InlineProps)
 export declare namespace Highlight {
     var displayName: string;
 }
-/** Typo.Link — inline anchor. Auto-appends a directional icon (Lucide `ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links. */
+/** Typo.Link — inline anchor. Auto-appends a local Web UI directional icon (`ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links. */
 export declare function Link({ variant, kind, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Link {
     var displayName: string;

package/dist/docgen/component-sources.d.ts

@@ -0,0 +1,7 @@
+/** A public component source shared by the docgen and LLM index generators. */
+export type ComponentSource = {
+    key: string;
+    componentFile: string;
+    metaFile: string;
+};
+export declare function publicComponentSources(srcDir: string): ComponentSource[];

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export type { UseClipboardOptions } from './use-clipboard';
 export { useColorScheme } from './use-color-scheme';
 export { useMediaQuery } from './use-media-query';
 export type { UseMediaQueryOptions } from './use-media-query';
+export { useResizeObserver } from './use-resize-observer';

package/dist/hooks/use-resize-observer.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useResizeObserver<T extends Element>(callback: ResizeObserverCallback, enabled?: boolean): RefObject<T | null>;