@pathscale/ui 2.1.0 → 2.2.0

package/dist/components/vocabulary.d.ts

@@ -0,0 +1,267 @@
+import type { JSX } from "solid-js";
+/**
+ * The shared parameter vocabulary.
+ *
+ * A name in here means the same thing on every component, or it does not
+ * belong in here. Derived from the 2026-08-14 fleet inventory (13 apps, 199
+ * components, every call site parsed); see `UI-2.2-API.md`.
+ *
+ * The split between `State` and `Variant` is the point. The old
+ * `ComponentColor` mixed meanings (`primary`, `success`) with a shape
+ * (`ghost`), which is why a second axis grew beside it: across the fleet
+ * `Button.variant` carried `ghost` 275 times and `primary` 99 times, while
+ * `Button.color` carried `primary` 116 times and `ghost` 34. One axis was
+ * answering two questions.
+ */
+/**
+ * A styling preference: a named look, resolved somewhere else.
+ *
+ * `primary` is not a state — nothing is ever "in the primary state" — it is a
+ * choice about prominence and brand. That is why `state="primary"` had no
+ * honest call site.
+ *
+ * Deliberately **open**. `color` was the obvious industry name and was
+ * rejected for it: `color` promises a literal, and someone will eventually
+ * write `color="#f00"` and be annoyed. `flavor` promises a name that resolves
+ * elsewhere, so a theme can define `flavor="hip"` and style
+ * `[data-flavor="hip"]` in its own stylesheet, with no library change.
+ *
+ * The built-ins are listed for autocomplete; `(string & {})` keeps that
+ * working while still accepting anything.
+ */
+export type Flavor = "neutral" | "primary" | "secondary" | "accent" | "destructive" | "success" | "warning" | "info" | (string & {});
+/**
+ * What is happening to this component right now.
+ *
+ * Transient, and one at a time. `isDisabled`, `isLoading`, `isInvalid` and
+ * friends were a bag of booleans pretending to be independent dimensions —
+ * nothing stopped `isLoading && isHidden`, which is not a thing a component
+ * can be. A dialog is `loading`, then `hidden`, then it unmounts; that is one
+ * lifecycle, so it is one prop.
+ *
+ * Closed on purpose. Which conditions a component can be in is the library's
+ * to define; which *looks* exist is the theme's, and that is `Flavor`.
+ *
+ * They form a priority chain — hidden, disabled, loading, error, invalid,
+ * default — which is what lets them share one prop.
+ *
+ * `error` and `invalid` are different failures and both are needed.
+ * `invalid` means the value broke a rule we know about and the user can fix
+ * it. `error` means something we do not understand went wrong: the options
+ * never loaded, the stream dropped, the submit handler threw. The case that
+ * forces the distinction is async validation that cannot reach the server —
+ * the value is not invalid, its validity is *unknown*, and showing it red
+ * saying "too short" would be a lie.
+ *
+ * `error` beats `invalid` for the same reason: if the validator could not
+ * run, whatever `issues` still holds is stale and must not be trusted.
+ *
+ * `invalid` is **derived by default and settable when you need it**, which is
+ * the same controlled/uncontrolled shape as `value` elsewhere in this
+ * vocabulary: leave `state` alone and a field goes invalid because it has
+ * error-severity issues; set it and yours wins.
+ *
+ * An earlier draft split this into a settable `State` and a rendered
+ * `ResolvedState`. That was two types for one axis — the duplication this
+ * release exists to remove — and it was asymmetric, since `data-state`
+ * reported a value the prop would not accept.
+ *
+ * `hidden` pairs with `keepMounted`: with it, `display: none`; without it,
+ * the content unmounts.
+ */
+export type State = "default" | "loading" | "error" | "invalid" | "disabled" | "hidden";
+/** How much emphasis, and what shape. */
+export type Variant = "solid" | "soft" | "outline" | "ghost" | "plain";
+/** One scale, everywhere. */
+export type Size = "xs" | "sm" | "md" | "lg" | "xl";
+export type Radius = "none" | "sm" | "md" | "lg" | "full";
+/** Spacing scale, shared by `gap` and every `padding*`. */
+export type Space = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Named sizing, so `w-full` stops being written by hand. It appears at 384
+ * call sites across 9 of 13 apps today, which is this type missing.
+ */
+export type Width = "auto" | "full" | "fit" | "screen";
+export type Height = Width;
+export type MaxWidth = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "prose";
+export type Align = "start" | "center" | "end" | "baseline" | "stretch";
+export type Justify = "start" | "center" | "end" | "between" | "around";
+export type Direction = "row" | "col";
+/**
+ * Base props every component accepts.
+ *
+ * `className` is deliberately absent: it appeared at 7 call sites fleet-wide
+ * against 302 for `class` on Button alone, so carrying both bought nothing
+ * but a coin flip at the call site.
+ */
+export interface UIBaseProps {
+    dataTheme?: string;
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+/** Icon slots. Never `leftIcon`/`rightIcon`; Input shipped both, 20 sites against 13. */
+export interface IconSlotProps {
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+}
+/**
+ * The controlled/uncontrolled triple, in one shape.
+ *
+ * `onChange` receives the value, not the event. Dialog carried three competing
+ * pairs for this (`open`/`isOpen`, `onClose`/`onOpenChange`,
+ * `closeOnEsc`/`shouldCloseOnEsc`) across ten total call sites.
+ */
+/**
+ * Why a value changed, or why a disclosure opened or closed.
+ *
+ * Optional and last, so `onOpenChange={(open) => …}` is unaffected. It exists
+ * because the library already drew this distinction — Drawer shipped
+ * `DrawerCloseReason` — and collapsing `onClose` into `onOpenChange(boolean)`
+ * would have thrown it away. Whether a dialog closed by Escape or by a
+ * backdrop click is exactly what a caller needs to decide whether to warn
+ * about unsaved work.
+ */
+/**
+ * Something went wrong that is not the user's fault.
+ *
+ * Distinct from validation on purpose: `onChange` carries a value the user
+ * chose, this carries a thing that was thrown. A caller wants to retry, log or
+ * surface a toast, none of which is what you do with a validation issue.
+ */
+export type ErrorHandler = (error: unknown, context?: {
+    retry?: () => void;
+}) => void;
+export type OpenChangeReason = "escape" | "backdrop" | "trigger" | "api" | "select" | "submit";
+export type ChangeReason = "input" | "paste" | "clear" | "step" | "select" | "api";
+/**
+ * A validation result, not a validation message.
+ *
+ * `passwordRules.ts` had the right idea and the wrong shape: a structured
+ * `key` beside a `message` hardcoded in English inside the library, so every
+ * non-English app either showed English or rebuilt the result. And a single
+ * message cannot say that a password is both too short and missing a digit.
+ *
+ * `code` is stable and translatable; `params` interpolate into it from i18n
+ * context. "password too short" is `{ code: "too_small", params: { minimum: 8 } }`.
+ *
+ * `severity` exists because not every issue blocks submission: "weak" is a
+ * warning, "too short" is an error, and a field can show both.
+ *
+ * Compatible with Standard Schema, which `createForm` already uses through
+ * TanStack Form: its issues carry `message` and `path`, and Zod adds `code`.
+ */
+export interface Issue {
+    code: string;
+    params?: Record<string, unknown>;
+    /** Skips the i18n lookup when supplied. */
+    message?: JSX.Element;
+    severity?: "error" | "warning";
+    path?: (string | number)[];
+}
+/**
+ * A rule shown to the user *before* they break it.
+ *
+ * The counterpart to `Issue`, and the same rule at a different moment. "At
+ * least 8 characters" is a constraint while it is unmet and neutral, and an
+ * issue only once the user has been given a fair chance to satisfy it.
+ *
+ * Constraints render live from the first keystroke, because ticking a
+ * requirement off as you type is help, whereas "too short" flashed at you
+ * mid-word is nagging.
+ */
+export interface Constraint {
+    code: string;
+    params?: Record<string, unknown>;
+    label?: JSX.Element;
+    /** Recomputed on every change. */
+    satisfied: boolean;
+}
+/**
+ * When issues become visible.
+ *
+ * The default is `touched`, which is the only timing that is not hostile:
+ * say nothing while the user is first typing, surface issues when they leave
+ * the field, and from then on revalidate on every keystroke so they can see
+ * themselves fixing it. Reward early, punish late.
+ *
+ *   change   every keystroke, from the start. Rarely right; nags.
+ *   blur     only on leaving the field. Misses the correction feedback.
+ *   touched  blur, then live once the field has errored once. The default.
+ *   submit   only when the form is submitted.
+ */
+export type ValidateOn = "change" | "blur" | "touched" | "submit";
+export type Validate<T> = (value: T) => Issue[] | Promise<Issue[]>;
+/**
+ * The validation surface every input-capable component carries.
+ *
+ * `issues` is controlled: a parent form or a server response can put issues on
+ * a field directly, and they merge with whatever `validate` produces. That is
+ * what makes a server-side "these credentials do not match" land in the same
+ * place as a client-side "too short", instead of in a separate banner.
+ */
+export interface Validatable<T> {
+    validate?: Validate<T>;
+    validateOn?: ValidateOn;
+    /** Controlled issues — from a form, or from the server. Merged with `validate`. */
+    issues?: Issue[];
+    /** Live, positive requirements. Shown while unmet rather than after failure. */
+    constraints?: Constraint[];
+    showConstraints?: "always" | "focus" | "unsatisfied" | "never";
+    /** Shorthand for a single issue. Sugar for `issues={[{ code: "custom", message }]}`. */
+    errorMessage?: JSX.Element;
+}
+export interface Controlled<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T, reason?: ChangeReason) => void;
+}
+export interface Disclosable {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, reason?: OpenChangeReason) => void;
+}
+/**
+ * Capabilities, not conditions.
+ *
+ * What remains after the `is*` audit: these say what a component *can* do,
+ * which is not something `state` can express. `required` and `readonly` are
+ * deliberately absent — they are native HTML attributes and pass straight
+ * through, which is what should have happened instead of inventing
+ * `isRequired` and `isReadOnly`.
+ */
+export interface CapabilityProps {
+    /** Can be activated by click or keyboard. */
+    isInteractive?: boolean;
+    /** Can be dismissed by the user. */
+    isDismissable?: boolean;
+    /** Keep content in the DOM when `state="hidden"` rather than unmounting. */
+    keepMounted?: boolean;
+}
+/** The built-in flavors. A theme may define more; these are the ones the library styles. */
+export declare const FLAVORS: readonly ["neutral", "primary", "secondary", "accent", "destructive", "success", "warning", "info"];
+export declare const STATES: readonly State[];
+/**
+ * Is this field invalid? Derived, never set.
+ *
+ * Warnings deliberately do not count: "weak password" colours the message
+ * without reddening the field or blocking submission.
+ */
+export declare const isInvalid: (issues: Issue[] | undefined) => boolean;
+/**
+ * Resolve what the component renders as, and write it to `data-state`.
+ *
+ * An explicit `state` always wins — a caller who says `disabled` means it,
+ * even while issues exist, because you cannot fix what you cannot edit. With
+ * nothing set, error-severity issues make it `invalid`.
+ *
+ * So "what state is an input with invalid input?" has one answer: `invalid`,
+ * on the same prop and readable from `data-state`.
+ */
+export declare const resolveState: (state: State | undefined, issues?: Issue[]) => State;
+/** Components that do async work expose this alongside `state="error"`. */
+export interface Failable {
+    onError?: ErrorHandler;
+}
+export declare const VARIANTS: readonly Variant[];
+export declare const SIZES: readonly Size[];
+export declare const SPACES: readonly Space[];

package/dist/components/vocabulary.js

@@ -0,0 +1,46 @@
+const FLAVORS = [
+    "neutral",
+    "primary",
+    "secondary",
+    "accent",
+    "destructive",
+    "success",
+    "warning",
+    "info"
+];
+const STATES = [
+    "default",
+    "loading",
+    "error",
+    "invalid",
+    "disabled",
+    "hidden"
+];
+const isInvalid = (issues)=>Boolean(issues?.some((i)=>"warning" !== i.severity));
+const resolveState = (state, issues)=>{
+    if (state) return state;
+    return isInvalid(issues) ? "invalid" : "default";
+};
+const VARIANTS = [
+    "solid",
+    "soft",
+    "outline",
+    "ghost",
+    "plain"
+];
+const SIZES = [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+const SPACES = [
+    "none",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+export { FLAVORS, SIZES, SPACES, STATES, VARIANTS, isInvalid, resolveState };

package/dist/index.css

@@ -1,7 +1,6 @@
 @import "./styles/base/index.css";
 @import "./styles/themes/dark.css";
 @import "./styles/themes/light.css";
-@import "./styles/icons/generated-icons.css";
 
 @theme {
   --color-light: var(--color-zinc-100);

package/dist/index.d.ts

@@ -1,85 +1,51 @@
-export { default as Accordion, AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent, AccordionIndicator, } from "./components/accordion";
+export { default as Accordion, AccordionItem, AccordionTrigger, AccordionContent, AccordionIndicator, } from "./components/accordion";
 export type { AccordionProps, AccordionRootProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionIndicatorProps, AccordionSelectionMode, AccordionVariant, AccordionValue, } from "./components/accordion";
-export { default as Alert, AlertRoot, AlertIndicator, AlertContent, AlertTitle, AlertDescription, } from "./components/alert";
-export type { AlertStatus, AlertRootProps, AlertIndicatorProps, AlertContentProps, AlertTitleProps, AlertDescriptionProps, } from "./components/alert";
-export { default as Avatar, AvatarRoot, AvatarImage, AvatarFallback, } from "./components/avatar";
-export type { AvatarSize, AvatarColor, AvatarVariant, AvatarRootProps, AvatarImageProps, AvatarFallbackProps, } from "./components/avatar";
+export { Alert } from "./components/alert";
+export type { AlertProps, AlertPlacement } from "./components/alert";
+export { default as Avatar, AvatarImage, AvatarFallback, } from "./components/avatar";
+export type { AvatarSize, AvatarVariant, AvatarRootProps, AvatarImageProps, AvatarFallbackProps, } from "./components/avatar";
 export { default as Badge } from "./components/badge";
-export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsItem, } from "./components/breadcrumbs";
-export type { BreadcrumbsRootProps, BreadcrumbsItemProps, } from "./components/breadcrumbs";
+export { Breadcrumb, BreadcrumbItem, } from "./components/breadcrumb";
+export type { BreadcrumbRootProps, BreadcrumbItemProps, } from "./components/breadcrumb";
+export { default as Address } from "./components/address";
+export type { AddressProps, AddressTruncate, TruncateOptions } from "./components/address";
+export { truncateAddress, copyAddress } from "./components/address";
 export { default as Button } from "./components/button";
-export { default as ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, } from "./components/button-group";
-export type { ButtonGroupProps, ButtonGroupRootProps, ButtonGroupSeparatorProps, ButtonGroupOrientation, } from "./components/button-group";
 export { default as Calendar, type CalendarProps, type CalendarWeekdayFormat, type CalendarSelectionMode, type CalendarDaySelectHandler, type CalendarDayHoverHandler, } from "./components/calendar";
-export { default as Card } from "./components/card";
-export type { CardVariant, CardProps, CardRootProps, CardHeaderProps, CardBodyProps, CardFooterProps, } from "./components/card";
-export { default as ChatBubble } from "./components/chatbubble";
+export { default as Card, Card as CardRoot, CardHeader, CardBody, CardFooter } from "./components/card";
+export type { CardProps, CardSectionProps, CardMaterial, CardElevation } from "./components/card";
 export { default as Checkbox } from "./components/checkbox";
-export { default as CheckboxGroup } from "./components/checkbox-group";
-export type { CheckboxGroupProps, CheckboxGroupVariant, } from "./components/checkbox-group";
 export { default as Chip } from "./components/chip";
+export { default as Composer } from "./components/composer";
+export type { ComposerProps } from "./components/composer";
+export { autosize, boundsFromRows, isSubmittable, shouldSubmit, } from "./components/composer";
 export type { ChipProps, ChipRootProps, ChipLabelProps, ChipVariant, ChipColor, ChipSize, } from "./components/chip";
-export { default as CloseButton } from "./components/close-button";
-export type { CloseButtonProps, CloseButtonVariant, } from "./components/close-button";
-export { default as ComboBox, ComboBoxRoot, ComboBoxInputGroup, ComboBoxInput, ComboBoxTrigger, ComboBoxPopover, ComboBoxList, } from "./components/combo-box";
-export type { ComboBoxProps, ComboBoxRootProps, ComboBoxInputGroupProps, ComboBoxInputProps, ComboBoxTriggerProps, ComboBoxPopoverProps, ComboBoxListProps, ComboBoxListRenderItem, ComboBoxVariant, ComboBoxMenuTrigger, ComboBoxItem, ComboBoxKey, } from "./components/combo-box";
-export { default as ColorArea } from "./components/color-area";
-export type { ColorAreaProps, ColorAreaValue } from "./components/color-area";
-export { default as ColorField } from "./components/color-field";
-export type { ColorFieldProps, ColorFieldFormat, } from "./components/color-field";
-export { default as ColorSlider } from "./components/color-slider";
-export type { ColorSliderProps, ColorSliderType, } from "./components/color-slider";
-export { default as ColorSwatch } from "./components/color-swatch";
-export type { ColorSwatchProps, ColorSwatchShape, ColorSwatchSize, } from "./components/color-swatch";
-export { default as ColorSwatchPicker } from "./components/color-swatch-picker";
-export type { ColorSwatchPickerProps } from "./components/color-swatch-picker";
-export { default as ColorPicker } from "./components/color-picker";
-export type { ColorPickerProps, ColorPickerAreaProps, ColorPickerSliderProps, ColorPickerFieldProps, } from "./components/color-picker";
-export { ColorWheelFlower } from "./components/color-wheel-flower";
-export { COLOR_WHEEL_FLOWER_COLOR_COUNT, COLOR_WHEEL_FLOWER_PALETTES, resolveColorWheelFlowerPalette, } from "./components/color-wheel-flower";
-export type { ColorWheelFlowerMode, ColorWheelFlowerProps, } from "./components/color-wheel-flower";
-export { default as Description, DescriptionRoot, } from "./components/description";
-export type { DescriptionProps, DescriptionRootProps, } from "./components/description";
-export { default as DateField, DateFieldRoot, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldSegment, DateFieldPrefix, DateFieldSuffix, } from "./components/date-field";
-export type { DateFieldProps, DateFieldRootProps, DateFieldGroupProps, DateFieldInputProps, DateFieldInputContainerProps, DateFieldSegmentProps, DateFieldPrefixProps, DateFieldSuffixProps, DateFieldVariant, DateFieldRenderProps, DateFieldSegmentValue, } from "./components/date-field";
-export { default as DatePicker, type DatePickerProps, } from "./components/date-picker";
-export { default as DateRangePicker, type DateRangePickerProps, type DateRangeValue, } from "./components/date-range-picker";
-export { default as RangeCalendar, type RangeCalendarProps, type RangeCalendarValue, } from "./components/range-calendar";
-export { default as Drawer, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, } from "./components/drawer";
+export { default as Drawer, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, } from "./components/drawer";
 export type { DrawerPlacement, DrawerSize, DrawerBackdropVariant, DrawerDialogSide, DrawerScrollBehavior, DrawerRootProps, DrawerTriggerProps, DrawerBackdropProps, DrawerContentProps, DrawerDialogProps, DrawerHeaderProps, DrawerHeadingProps, DrawerBodyProps, DrawerFooterProps, DrawerHandleProps, DrawerCloseTriggerProps, DrawerCloseProps, } from "./components/drawer";
 export { default as Dropdown } from "./components/dropdown";
-export { default as Disclosure } from "./components/disclosure";
-export type { DisclosureProps, DisclosureRootProps, DisclosureHeadingProps, DisclosureTriggerProps, DisclosureContentProps, DisclosureBodyProps, DisclosureIndicatorProps, } from "./components/disclosure";
-export { default as DisclosureGroup, useDisclosureGroupNavigation, } from "./components/disclosure-group";
-export type { DisclosureGroupProps, DisclosureGroupRootProps, UseDisclosureGroupNavigationProps, UseDisclosureGroupNavigationReturn, } from "./components/disclosure-group";
-export { EmptyState, type EmptyStateProps } from "./components/empty-state";
-export { default as ErrorMessage, ErrorMessageRoot, } from "./components/error-message";
-export type { ErrorMessageProps, ErrorMessageRootProps, } from "./components/error-message";
-export { default as FieldError, FieldErrorRoot, } from "./components/field-error";
-export type { FieldErrorProps, FieldErrorRootProps, FieldErrorRenderProps, } from "./components/field-error";
-export { default as FloatingDock } from "./components/floating-dock";
-export type { FloatingDockProps, FloatingDockItem, FloatingDockDirection, } from "./components/floating-dock";
+export { default as Collapsible } from "./components/collapsible";
+export type { CollapsibleProps, CollapsibleRootProps, CollapsibleHeadingProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleBodyProps, CollapsibleIndicatorProps, } from "./components/collapsible";
+export { Empty, type EmptyProps } from "./components/empty";
+export { default as Dock } from "./components/dock";
+export type { DockProps, DockItem, DockDirection, } from "./components/dock";
 export { default as Flex } from "./components/flex";
-export { default as GlassPanel } from "./components/glass-panel";
 export { GlowCard, type GlowCardProps } from "./components/glow-card";
-export type { GlassPanelProps } from "./components/glass-panel";
 export { MetalBorder, type MetalBorderProps } from "./components/metal-border";
 export type { MetalBorderKind, MetalBorderPreset, MetalBorderResolvedTheme, MetalBorderTheme, } from "./components/metal-border";
 export { default as Footer } from "./components/footer";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
-export { default as Fieldset, FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions, } from "./components/fieldset";
+export { default as Fieldset, FieldsetLegend, FieldGroup, FieldsetActions, } from "./components/fieldset";
 export type { FieldsetProps, FieldsetRootProps, FieldsetLegendProps, FieldGroupProps, FieldsetActionsProps, } from "./components/fieldset";
-export { default as Form, FormRoot, FormWithContext, } from "./components/form";
-export { FormField, FormSubmitButton, FieldErrorMessage, } from "./components/form";
+export { default as Form, FormWithContext, } from "./components/form";
+export { FormField, FormSubmitButton, } from "./components/form";
 export { useDesktop } from "./hooks/layout";
 export type { FormProps, FormRootProps, FormWithContextProps, FormFieldProps, FormSubmitButtonProps, FieldErrorMessageProps, } from "./components/form";
 export { AuthCard, type AuthCardProps } from "./components/auth-card";
-export { AuthForm, type AuthFormProps } from "./components/auth-form";
 export { AuthFieldGroup, type AuthFieldGroupProps } from "./components/auth-field-group";
 export { PasswordField, type PasswordFieldProps } from "./components/password-field";
 export { PasswordRequirements, type PasswordRequirementsProps } from "./components/password-requirements";
-export { AuthErrorMessage, type AuthErrorMessageProps } from "./components/auth-error-message";
-export { AuthSuccessMessage, type AuthSuccessMessageProps } from "./components/auth-success-message";
+export { AuthMessage } from "./components/auth-message";
+export type { AuthMessageProps } from "./components/auth-message";
 export { AuthSubmitButton, type AuthSubmitButtonProps } from "./components/auth-submit-button";
 export { AuthFooterLinks, type AuthFooterLinksProps, type AuthFooterLinkItem } from "./components/auth-footer-links";
 export { AuthPoweredBy, type AuthPoweredByProps } from "./components/auth-powered-by";
@@ -87,102 +53,76 @@ export { evaluatePasswordRules, matchPasswordConfirmation, type PasswordRuleConf
 export { createForm, useFormContext, useField, getFirstFieldError, FormContext, } from "./hooks/form";
 export type { CreateFormOptions, FormApi, AnyFormApi, UseFieldResult, } from "./hooks/form";
 export { default as Grid } from "./components/grid";
-export { default as Header, HeaderRoot } from "./components/header";
+export { default as Header } from "./components/header";
 export type { HeaderProps, HeaderRootProps } from "./components/header";
 export { default as Icon } from "./components/icon";
 export { default as ImmersiveLanding, useImmersiveLanding, useImmersiveLandingContext, ImmersiveLandingContext, CookieConsent, PWAInstallPrompt, FirefoxPWABanner, } from "./components/immersive-landing";
 export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, CookieConsentProps, CookieConsentTexts, CookieConsentStorageKeys, PWAInstallPromptProps, PWAInstallPromptTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, } from "./components/immersive-landing";
 export { default as Input } from "./components/input";
-export { default as InputGroup, InputGroupRoot, InputGroupInput, InputGroupTextArea, InputGroupPrefix, InputGroupSuffix, } from "./components/input-group";
-export type { InputGroupProps, InputGroupRootProps, InputGroupInputProps, InputGroupTextAreaProps, InputGroupPrefixProps, InputGroupSuffixProps, InputGroupVariant, } from "./components/input-group";
-export { default as InputOTP, InputOTPRoot, InputOTPGroup, InputOTPSlot, InputOTPSeparator, REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "./components/input-otp";
-export type { InputOTPProps, InputOTPRootProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, InputOTPVariant, } from "./components/input-otp";
-export { default as Join } from "./components/join";
-export { default as Kbd, KbdRoot, KbdAbbr, KbdContent, kbdKeysMap, kbdKeysLabelMap, } from "./components/kbd";
-export type { KbdProps, KbdRootProps, KbdAbbrProps, KbdContentProps, KbdVariant, KbdKey, } from "./components/kbd";
-export { default as Label, LabelRoot } from "./components/label";
+export { default as Label } from "./components/label";
 export type { LabelProps, LabelRootProps } from "./components/label";
-export { default as Link, LinkRoot, LinkIcon } from "./components/link";
+export { default as Link, LinkIcon } from "./components/link";
 export type { LinkProps, LinkRootProps, LinkIconProps, LinkVariant, LinkUnderline, } from "./components/link";
-export { default as ListBox, ListBoxRoot, ListBoxItem, ListBoxItemRoot, ListBoxItemIndicator, ListBoxSection, ListBoxSectionRoot, } from "./components/list-box";
-export type { ListBoxProps, ListBoxRootProps, ListBoxSelectionMode, ListBoxVariant, ListBoxItemProps, ListBoxItemRootProps, ListBoxItemIndicatorProps, ListBoxItemRenderProps, ListBoxSectionProps, ListBoxSectionRootProps, } from "./components/list-box";
 export { LiveChatBubble, LiveChatPanel } from "./components/live-chat";
 export type { LiveChatBubbleProps, LiveChatPanelProps, ChatMessage, SendMessagePayload, SendMessageResponse, } from "./components/live-chat";
 export { default as Spinner } from "./components/spinner";
-export { Spinner as Loading } from "./components/spinner";
-export type { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerVariant, } from "./components/spinner";
+export type { SpinnerProps, SpinnerShape } from "./components/spinner";
 export { LanguageSwitcher, createI18n, I18nProvider, I18nContext, useI18n, } from "./components/language-switcher";
 export type { LanguageSwitcherProps, I18nStore, I18nOptions, I18nContextValue, I18nProviderProps, Language, } from "./components/language-switcher";
-export { default as Menu, MenuRoot, MenuItem, MenuItemRoot, MenuItemIndicator, MenuItemSubmenuIndicator, MenuSection, MenuSectionRoot, } from "./components/menu";
-export type { MenuProps, MenuRootProps, MenuSelectionMode, MenuItemProps, MenuItemRootProps, MenuItemIndicatorProps, MenuItemSubmenuIndicatorProps, MenuItemRenderProps, MenuItemVariant, MenuSectionProps, MenuSectionRootProps, } from "./components/menu";
-export { default as Modal, ModalRoot, ModalTrigger, ModalBackdrop, ModalContent, ModalHeader, ModalHeading, ModalIcon, ModalBody, ModalFooter, ModalCloseTrigger, } from "./components/modal";
-export type { ModalProps, DialogProps, ModalPlacement, ModalSize, ModalBackdropVariant, ModalScrollBehavior, ModalRootProps, ModalTriggerProps, ModalBackdropProps, ModalContentProps, ModalHeaderProps, ModalHeadingProps, ModalIconProps, ModalBodyProps, ModalFooterProps, ModalCloseTriggerProps, } from "./components/modal";
-export { default as Meter, MeterRoot, MeterOutput, MeterTrack, MeterFill, } from "./components/meter";
-export type { MeterProps, MeterRootProps, MeterOutputProps, MeterTrackProps, MeterFillProps, MeterSize, MeterColor, MeterRenderState, } from "./components/meter";
+export { default as Dialog, DialogTrigger, DialogBackdrop, DialogContent, DialogHeader, DialogHeading, DialogIcon, DialogBody, DialogFooter, DialogCloseTrigger, } from "./components/dialog";
+export type { DialogProps, DialogPanelProps, DialogPlacement, DialogSize, DialogBackdropVariant, DialogScrollBehavior, DialogRootProps, DialogTriggerProps, DialogBackdropProps, DialogContentProps, DialogHeaderProps, DialogHeadingProps, DialogIconProps, DialogBodyProps, DialogFooterProps, DialogCloseTriggerProps, } from "./components/dialog";
 export { default as Navbar } from "./components/navbar";
 export type { NavbarProps } from "./components/navbar";
 export type { NavbarStackProps } from "./components/navbar/NavbarStack.generated";
 export type { NavbarRowProps } from "./components/navbar/NavbarRow.generated";
-export { default as NumberField, NumberFieldRoot, NumberFieldGroup, NumberFieldInput, NumberFieldIncrementButton, NumberFieldDecrementButton, } from "./components/number-field";
-export type { NumberFieldProps, NumberFieldRootProps, NumberFieldGroupProps, NumberFieldInputProps, NumberFieldIncrementButtonProps, NumberFieldDecrementButtonProps, NumberFieldVariant, NumberFieldRenderProps, } from "./components/number-field";
-export { default as NoiseBackground } from "./components/noise-background";
-export type { NoiseBackgroundProps } from "./components/noise-background";
 export { default as Pagination } from "./components/pagination";
 export type { PaginationProps } from "./components/pagination";
-export { default as ProgressBar } from "./components/progress-bar";
-export type { ProgressBarProps, ProgressBarSize, ProgressBarColor, } from "./components/progress-bar";
-export { default as ProgressCircle } from "./components/progress-circle";
-export type { ProgressCircleProps, ProgressCircleSize, ProgressCircleColor, } from "./components/progress-circle";
+export { default as Progress } from "./components/progress";
+export type { ProgressProps, ProgressSize, ProgressColor, } from "./components/progress";
 export { default as Popover } from "./components/popover";
 export type { PopoverProps, PopoverRootProps, PopoverTriggerProps, PopoverContentProps, PopoverDialogProps, PopoverArrowProps, PopoverHeadingProps, } from "./components/popover";
 export { default as Radio } from "./components/radio";
 export { RadioGroup, type RadioGroupProps, type RadioGroupOrientation, type RadioGroupVariant, } from "./components/radio-group";
 export { default as Select } from "./components/select";
-export { default as SearchField, SearchFieldRoot, SearchFieldGroup, SearchFieldInput, SearchFieldSearchIcon, SearchFieldClearButton, } from "./components/search-field";
-export type { SearchFieldProps, SearchFieldRootProps, SearchFieldGroupProps, SearchFieldInputProps, SearchFieldSearchIconProps, SearchFieldClearButtonProps, SearchFieldVariant, SearchFieldRenderProps, } from "./components/search-field";
-export { default as ScrollShadow } from "./components/scroll-shadow";
-export type { ScrollShadowProps, ScrollShadowVisibility, ScrollShadowOrientation, ScrollShadowVariant, } from "./components/scroll-shadow";
+export { default as ScrollArea } from "./components/scroll-area";
+export type { ScrollAreaProps, ScrollAreaVisibility, ScrollAreaOrientation, ScrollAreaVariant, } from "./components/scroll-area";
 export { default as Separator } from "./components/separator";
 export type { SeparatorProps, SeparatorOrientation, SeparatorVariant, } from "./components/separator";
 export { default as Slider } from "./components/slider";
 export type { SliderProps, SliderSize } from "./components/slider";
 export { default as Skeleton } from "./components/skeleton";
-export { default as Surface } from "./components/surface";
-export type { SurfaceVariant, SurfaceVariants, SurfaceProps, } from "./components/surface";
 export { default as Table } from "./components/table";
 export { SortIcon as TableSortIcon, ExpandToggle as TableExpandToggle, VirtualSpacerRow as TableVirtualSpacerRow, MobileListView as TableMobileListView, InlineConfirm as TableInlineConfirm, } from "./components/table";
 export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, SortIconProps as TableSortIconProps, SortIconState as TableSortIconState, ExpandToggleProps as TableExpandToggleProps, VirtualSpacerRowProps as TableVirtualSpacerRowProps, MobileListViewProps as TableMobileListViewProps, InlineConfirmProps as TableInlineConfirmProps, InlineConfirmVariant as TableInlineConfirmVariant, } from "./components/table";
 export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks/table";
 export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks/table";
-export { default as Tag } from "./components/tag";
-export type { TagProps, TagRootProps, TagRemoveButtonProps, TagSize, TagVariant, } from "./components/tag";
-export { default as TagGroup, TagGroupRoot, TagGroupList, } from "./components/tag-group";
-export type { TagGroupProps, TagGroupRootProps, TagGroupListProps, TagSelectionMode, } from "./components/tag-group";
 export { default as Tabs } from "./components/tabs";
 export type { TabsRootProps, TabListContainerProps, TabListProps, TabProps, TabIndicatorProps, TabSeparatorProps, TabPanelProps, } from "./components/tabs";
-export { default as Text, TextRoot } from "./components/text";
+export { default as Text } from "./components/text";
 export type { TextProps, TextRootProps, TextSize, TextVariant, TextWeight, TextTransform, TextTracking, TextLeading, TextFamily, } from "./components/text";
-export { default as TextField, TextFieldRoot, TextFieldContext, } from "./components/text-field";
-export type { TextFieldProps, TextFieldRootProps, TextFieldVariant, TextFieldRenderProps, TextFieldContextValue, } from "./components/text-field";
-export { default as TextArea, TextAreaRoot } from "./components/text-area";
-export type { TextAreaProps, TextAreaRootProps, TextAreaVariant, } from "./components/text-area";
 export { default as Textarea } from "./components/textarea";
-export { default as TimeField, TimeFieldRoot, TimeFieldGroup, TimeFieldInput, TimeFieldInputContainer, TimeFieldSegment, TimeFieldPrefix, TimeFieldSuffix, } from "./components/time-field";
-export type { TimeFieldProps, TimeFieldRootProps, TimeFieldGroupProps, TimeFieldInputProps, TimeFieldInputContainerProps, TimeFieldSegmentProps, TimeFieldPrefixProps, TimeFieldSuffixProps, TimeFieldVariant, TimeFieldRenderProps, TimeFieldSegmentValue, } from "./components/time-field";
-export { SizePicker, createSizeStore, getDefaultSizeStore, } from "./components/size-picker";
-export type { SizePickerProps, SizeStore, SizePreset, } from "./components/size-picker";
-export { default as Toolbar, ToolbarRoot, } from "./components/toolbar";
-export type { ToolbarProps, ToolbarRootProps, ToolbarOrientation, } from "./components/toolbar";
+export type { TextareaProps, TextareaRootProps, TextareaVariant, } from "./components/textarea";
 export { ThemeColorPicker, createHueShiftStore, getDefaultHueShiftStore, resetHueShift, } from "./components/theme-color-picker";
 export type { ThemeColorPickerProps, HueShiftStore, } from "./components/theme-color-picker";
-export { default as Toast, ToastRoot, ToastProvider, ToastContent, ToastIndicator, ToastTitle, ToastDescription, ToastActionButton, ToastCloseButton, ToastQueue, toast, toastQueue, DEFAULT_GAP as DEFAULT_TOAST_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR as DEFAULT_TOAST_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, } from "./components/toast";
+export { default as Toast, ToastProvider, ToastContent, ToastIndicator, ToastTitle, ToastDescription, ToastActionButton, ToastCloseButton, ToastQueue, toast, toastQueue, DEFAULT_GAP as DEFAULT_TOAST_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR as DEFAULT_TOAST_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, } from "./components/toast";
 export type { ToastPlacement, ToastVariant, ToastActionProps, ToastContentValue, ToastQueueAddOptions, ToastQueueItem, ToastQueueOptions, ToastRenderFn, ToastRootProps, ToastProviderProps, ToastContentProps, ToastIndicatorProps, ToastTitleProps, ToastDescriptionProps, ToastActionButtonProps, ToastCloseButtonProps, HeroUIToastOptions, ToastPromiseOptions, ToastFunction, } from "./components/toast";
-export { default as Toggle } from "./components/toggle";
-export { default as Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, } from "./components/tooltip";
+export { default as Switch } from "./components/switch";
+export { default as Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, } from "./components/tooltip";
 export type { TooltipPlacement, TooltipRootProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps, } from "./components/tooltip";
-export { VideoPreview, type VideoPreviewProps, } from "./components/video-preview";
 export * from "./motion";
 export { useVirtualRows } from "./primitives/virtualizer";
 export type { UseVirtualRowsOptions, UseVirtualRowsResult, VirtualRowsRange, } from "./primitives/virtualizer";
 export { useStreamingBuffer, useStreamingSubscription, } from "./primitives/streaming";
 export type { StreamingBufferStrategy, StreamingSubscribeFn, StreamingSubscriptionObserver, UseStreamingBufferOptions, UseStreamingBufferResult, UseStreamingSubscriptionOptions, UseStreamingSubscriptionResult, } from "./primitives/streaming";
+export type { Flavor, State, Variant, Size, Radius, Space, Width, Height, MaxWidth, Align, Justify, Direction, UIBaseProps, IconSlotProps, Controlled, Issue, ErrorHandler, Failable, Constraint, Validate, ValidateOn, Validatable, OpenChangeReason, ChangeReason, Disclosable, CapabilityProps, } from "./components/vocabulary";
+export { isInvalid, resolveState } from "./components/vocabulary";
+export { FLAVORS, STATES, VARIANTS, SIZES, SPACES } from "./components/vocabulary";
+export { default as InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "./components/input-otp";
+export type { InputOTPProps, InputOTPRootProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, InputOTPVariant, } from "./components/input-otp";
+export { default as ListBox, ListBoxItem, ListBoxItemIndicator, ListBoxSection, } from "./components/list-box";
+export type { ListBoxProps, ListBoxRootProps, ListBoxSelectionMode, ListBoxVariant, ListBoxItemProps, ListBoxItemRootProps, ListBoxItemIndicatorProps, ListBoxItemRenderProps, ListBoxSectionProps, ListBoxSectionRootProps, } from "./components/list-box";
+export { default as ColorSwatch } from "./components/color-swatch";
+export type { ColorSwatchProps, ColorSwatchShape, ColorSwatchSize, } from "./components/color-swatch";
+export { default as ChatBubble } from "./components/chatbubble";
+export { summarizeStatus, diffStatus } from "./components/status";
+export type { Health, Quality, StatusItem, StatusSummary, StatusTransition } from "./components/status";