@imfusion/web-ui 0.5.1-dev.20.g9170acaf → 0.5.1-dev.23.g913f03e6

package/README.md

@@ -53,15 +53,16 @@ the directories it already installed into, without asking again — `--reconfigu
 
 **Available consumer skills - `/imf-web-ui-*`**
 
-| Skill                              | What it does                                                                  |
-| ---------------------------------- | ----------------------------------------------------------------------------- |
-| `/imf-web-ui`                      | The router: decides whether guidance is needed, then which companion to open. |
-| `/imf-web-ui-library-setup`        | One-time wiring in a consumer project — the styles import and the provider.   |
-| `/imf-web-ui-components`           | Component reference — what exists and how it's meant to be used.              |
-| `/imf-web-ui-ux`                   | UX guidance for building interfaces with the library.                         |
-| `/imf-web-ui-frontend-conventions` | The frontend conventions baseline, including the sanctioned styling seams.    |
-| `/imf-web-ui-frontend-setup`       | Set up or audit an ImFusion frontend's tooling against the house baseline.    |
-| `/imf-web-ui-agent-setup`          | Install or update the vendored skills, agent hooks, and TanStack Intent.      |
+| Skill                              | What it does                                                                   |
+| ---------------------------------- | ------------------------------------------------------------------------------ |
+| `/imf-web-ui`                      | The router: decides whether guidance is needed, then which companion to open.  |
+| `/imf-web-ui-library-setup`        | One-time wiring in a consumer project — the styles import and the provider.    |
+| `/imf-web-ui-components`           | Component reference — what exists and how it's meant to be used.               |
+| `/imf-web-ui-ux`                   | UX guidance for building interfaces with the library.                          |
+| `/imf-web-ui-frontend-conventions` | The frontend conventions baseline, including the sanctioned styling seams.     |
+| `/imf-web-ui-frontend-setup`       | Set up or audit an ImFusion frontend's tooling against the house baseline.     |
+| `/imf-web-ui-agent-setup`          | Install or update the vendored skills, agent hooks, and TanStack Intent.       |
+| `/imf-web-ui-update`               | Update the library, skills, and optional hooks, then verify before committing. |
 
 Start at `/imf-web-ui` — it routes to the rest. Storybook's **User Guide → AI Agents** page covers the whole family.
 

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/index.d.ts

@@ -2,6 +2,8 @@ export { Button, buttonMeta } from './components/button';
 export { ChipLink, chipLinkMeta } from './components/chip-link';
 export { CopyButton, copyButtonMeta } from './components/copy-button';
 export { Checkbox, checkboxMeta } from './components/checkbox';
+export { Field, fieldMeta } from './components/field';
+export { Fieldset, fieldsetMeta } from './components/fieldset';
 export { Input, inputMeta } from './components/input';
 export { Select, selectMeta } from './components/select';
 export { Slider, sliderMeta } from './components/slider';