@pathscale/ui 1.1.56 → 1.1.58

package/dist/hooks/form/createForm.d.ts

@@ -0,0 +1,70 @@
+import type { StandardSchemaV1 } from "@standard-schema/spec";
+type AnyValues = Record<string, unknown>;
+export type AsyncValidatorFn<TValues extends AnyValues> = (context: {
+    value: TValues;
+}) => Promise<Partial<Record<keyof TValues, string>> | undefined>;
+export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
+    /**
+     * Initial values for every field. Used to infer the form's value type and
+     * to determine whether a field is "dirty".
+     */
+    defaultValues: TValues;
+    /**
+     * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, …).
+     * Applied as `validators.onBlur` and `validators.onSubmit` by default.
+     */
+    schema?: StandardSchemaV1<TValues>;
+    /**
+     * Additional async validators for fields that need server-side validation
+     * (e.g. username availability). These run *after* the synchronous schema.
+     */
+    asyncValidators?: {
+        onBlur?: AsyncValidatorFn<TValues>;
+        onSubmit?: AsyncValidatorFn<TValues>;
+    };
+    /**
+     * Called when the form is submitted and all validators pass.
+     */
+    onSubmit?: (value: TValues) => void | Promise<void>;
+};
+/**
+ * The form API returned by `createForm`.
+ *
+ * Consumers should use `<Form form={api}>` to wire it into the component tree.
+ * For advanced use, access the raw TanStack Form instance via `api._tsForm`.
+ */
+export type FormApi<TValues extends AnyValues = AnyValues> = {
+    /**
+     * Raw TanStack Form instance. Intended as an escape hatch for cases not
+     * covered by the library's abstractions (custom field rendering, `<form.Subscribe>`, etc.).
+     * Prefixed with `_` to signal that it's an internal detail.
+     *
+     * TanStack Form's type has 12 generic parameters — we intentionally erase
+     * them here to keep the public API simple. Use `form._tsForm` to access the
+     * full typed instance in advanced scenarios.
+     */
+    _tsForm: any;
+    /** Phantom field: preserves TValues for type inference in consuming hooks. */
+    _values?: TValues;
+};
+/**
+ * Creates a new form instance backed by TanStack Form.
+ *
+ * ```tsx
+ * const form = createForm({
+ *   defaultValues: { email: "", password: "" },
+ *   schema: loginSchema,          // Zod or Valibot — both work
+ *   onSubmit: async (values) => { await login(values); },
+ * });
+ *
+ * return (
+ *   <Form form={form}>
+ *     <FormField name="email" label="Email" />
+ *     <FormField name="password" label="Password" inputProps={{ type: "password" }} />
+ *     <FormSubmitButton>Log in</FormSubmitButton>
+ *   </Form>
+ * );
+ * ```
+ */
+export declare const createForm: <TValues extends AnyValues = AnyValues>(options: CreateFormOptions<TValues>) => FormApi<TValues>;
+export {};

package/dist/hooks/form/createForm.js

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__ from "@tanstack/solid-form";
+const createForm = (options)=>{
+    const tsForm = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__.createForm)(()=>({
+            defaultValues: options.defaultValues,
+            validators: options.schema ? {
+                onBlur: options.schema,
+                onSubmit: options.schema
+            } : void 0,
+            onSubmit: async ({ value })=>{
+                await options.onSubmit?.(value);
+            }
+        }));
+    return {
+        _tsForm: tsForm
+    };
+};
+export { createForm };

package/dist/hooks/form/getFirstFieldError.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalizes a TanStack Form `ValidationError[]` into the first displayable
+ * error string.
+ *
+ * TanStack Form stores errors as `(string | ZodIssue | ValibotIssue | ...)[]`
+ * depending on the schema library in use. This function collapses that union
+ * to a single `string | undefined` for display in field error components.
+ */
+export declare const getFirstFieldError: (errors: unknown[]) => string | undefined;

package/dist/hooks/form/getFirstFieldError.js

@@ -0,0 +1,19 @@
+const getFirstFieldError = (errors)=>{
+    if (!errors || 0 === errors.length) return;
+    for (const error of errors)if (error) {
+        if ("string" == typeof error) {
+            const trimmed = error.trim();
+            if (trimmed.length > 0) return trimmed;
+            continue;
+        }
+        if ("object" == typeof error) {
+            const maybeMessage = error.message;
+            if ("string" == typeof maybeMessage) {
+                const trimmed = maybeMessage.trim();
+                if (trimmed.length > 0) return trimmed;
+            }
+            continue;
+        }
+    }
+};
+export { getFirstFieldError };

package/dist/hooks/form/index.d.ts

@@ -0,0 +1,4 @@
+export { createForm, type CreateFormOptions, type FormApi } from "./createForm";
+export { FormContext, useFormContext, type AnyFormApi } from "./FormContext";
+export { useField, type UseFieldResult } from "./useFieldNew";
+export { getFirstFieldError } from "./getFirstFieldError";

package/dist/hooks/form/index.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__ from "./createForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__ from "./useFieldNew.js";
+import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
+var __webpack_exports__FormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.FormContext;
+var __webpack_exports__createForm = __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__.createForm;
+var __webpack_exports__getFirstFieldError = __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError;
+var __webpack_exports__useField = __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__.useField;
+var __webpack_exports__useFormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext;
+export { __webpack_exports__FormContext as FormContext, __webpack_exports__createForm as createForm, __webpack_exports__getFirstFieldError as getFirstFieldError, __webpack_exports__useField as useField, __webpack_exports__useFormContext as useFormContext };

package/dist/hooks/form/useFieldNew.d.ts

@@ -0,0 +1,35 @@
+import { type Accessor } from "solid-js";
+export type UseFieldResult = {
+    /** Current field value as an unknown (cast as needed). */
+    value: Accessor<unknown>;
+    /** Normalized first error string, gated by `isTouched`. `undefined` if clean. */
+    error: Accessor<string | undefined>;
+    /** Whether the field has been blurred at least once. */
+    touched: Accessor<boolean>;
+    /** `true` when `error()` is non-empty. */
+    invalid: Accessor<boolean>;
+    /** Call when the field value changes (accepts the new value directly). */
+    handleChange: (value: unknown) => void;
+    /** Call when the field loses focus. */
+    handleBlur: () => void;
+};
+/**
+ * Reads live field state for `name` from the nearest `<Form>` context.
+ *
+ * Must be called **inside** a `<Form form={...}>` descendant component.
+ * For fields that need fine-grained rendering, prefer using `form._tsForm.Field`
+ * render prop directly.
+ *
+ * ```tsx
+ * // Inside a child of <Form form={form}>
+ * const email = useField("email");
+ *
+ * <Input
+ *   value={String(email.value() ?? "")}
+ *   onInput={(e) => email.handleChange(e.currentTarget.value)}
+ *   onBlur={email.handleBlur}
+ *   aria-invalid={email.invalid()}
+ * />
+ * ```
+ */
+export declare const useField: (name: string) => UseFieldResult;

package/dist/hooks/form/useFieldNew.js

@@ -0,0 +1,31 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
+const useField = (name)=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext)();
+    const tsForm = form._tsForm;
+    const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldValue(name));
+    const meta = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldMeta(name));
+    const touched = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(meta()?.isTouched));
+    const error = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const m = meta();
+        if (!m?.isTouched) return;
+        return (0, __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError)(m.errors ?? []);
+    });
+    const invalid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(error()));
+    const handleChange = (value)=>{
+        tsForm.setFieldValue(name, value);
+    };
+    const handleBlur = ()=>{
+        tsForm.validateField(name, "blur");
+    };
+    return {
+        value,
+        error,
+        touched,
+        invalid,
+        handleChange,
+        handleBlur
+    };
+};
+export { useField };

package/dist/hooks/layout/index.d.ts

@@ -0,0 +1 @@
+export { useDesktop } from "./useDesktop";

package/dist/hooks/layout/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__ from "./useDesktop.js";
+var __webpack_exports__useDesktop = __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__.useDesktop;
+export { __webpack_exports__useDesktop as useDesktop };

package/dist/hooks/layout/useDesktop.d.ts

@@ -0,0 +1 @@
+export declare function useDesktop(breakpoint?: number): import("solid-js").Accessor<boolean>;

package/dist/hooks/layout/useDesktop.js

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+function useDesktop(breakpoint = 1024) {
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkIfDesktop = ()=>{
+        const width = window.innerWidth;
+        setIsDesktop(width >= breakpoint);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        checkIfDesktop();
+        window.addEventListener("resize", checkIfDesktop);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("resize", checkIfDesktop);
+    });
+    return isDesktop;
+}
+export { useDesktop };

package/dist/hooks/table/index.d.ts

@@ -0,0 +1,9 @@
+export { useTableSorting, type UseTableSortingOptions, type UseTableSortingResult, type HookSortDirection, type HookSortDescriptor, } from "./useTableSorting";
+export { useTablePagination, type UseTablePaginationOptions, type UseTablePaginationResult, } from "./useTablePagination";
+export { useTableFiltering, type UseTableFilteringOptions, type UseTableFilteringResult, } from "./useTableFiltering";
+export { useTableSelection, type UseTableSelectionOptions, type UseTableSelectionResult, type TableSelectionState, } from "./useTableSelection";
+export { useTableExpansion, type UseTableExpansionOptions, type UseTableExpansionResult, } from "./useTableExpansion";
+export { useTableModel, type UseTableModelOptions, } from "./useTableModel";
+export { toSortDescriptor, toSortingState } from "./helpers";
+export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";
+export type { UseAnchoredOverlayPositionOptions } from "./useAnchoredOverlayPosition";

package/dist/hooks/table/index.js

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
+var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
+var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
+var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
+var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
+var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
+var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
+var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
+var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
+var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
+export { __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };

package/dist/index.css

@@ -1,7 +1,6 @@
 @import "./styles/base/index.css";
 @import "./styles/themes/dark.css";
 @import "./styles/themes/light.css";
-@import "./components/sidenav/Sidenav.css";
 @import "./styles/icons/generated-icons.css";
 
 @theme {

package/dist/index.d.ts

@@ -1,147 +1,173 @@
-export { default as Accordion } 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 Artboard, type ArtboardProps } from "./components/artboard";
-export { default as Avatar, AvatarRoot, AvatarImage, AvatarFallback } from "./components/avatar";
-export type { AvatarSize, AvatarColor, AvatarVariant, AvatarRootProps, AvatarImageProps, AvatarFallbackProps } from "./components/avatar";
-export { default as Background } from "./components/background";
+export { default as Accordion, AccordionRoot, 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 { default as Badge } from "./components/badge";
-export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsItem } from "./components/breadcrumbs";
-export type { BreadcrumbsRootProps, BreadcrumbsItemProps } from "./components/breadcrumbs";
-export { default as BrowserMockup, type BrowserMockupProps, } from "./components/browsermockup";
-export { default as BottomSheet } from "./components/bottom-sheet/BottomSheet";
-export type { BottomSheetProps } from "./components/bottom-sheet/BottomSheet";
+export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsItem, } from "./components/breadcrumbs";
+export type { BreadcrumbsRootProps, BreadcrumbsItemProps, } from "./components/breadcrumbs";
 export { default as Button } from "./components/button";
-export { default as Calendar, type CalendarProps } from "./components/calendar";
+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 { default as Carousel } from "./components/carousel";
-export type { CarouselItemProps, CarouselProps } from "./components/carousel";
+export type { CardVariant, CardProps, CardRootProps, CardHeaderProps, CardBodyProps, CardFooterProps, } from "./components/card";
 export { default as ChatBubble } from "./components/chatbubble";
 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 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 type { ColorFieldProps, ColorFieldFormat, } from "./components/color-field";
 export { default as ColorSlider } from "./components/color-slider";
-export type { ColorSliderProps, ColorSliderType } 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 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 { default as LegacyColorPicker } from "./components/colorpicker";
-export { AlphaSlider, ColorInput, ColorPickerContext, ColorPickerFlowerSelector, ColorPickerGradientSelector, ColorPickerWheelSelector, ColorPreview, ColorSwatches, ColorWheel, ColorWheelFlower, HueSlider, LightnessSlider, SaturationBrightness, useColorPickerContext, } from "./components/colorpicker";
-export type { AlphaSliderProps, ColorFormat, ColorInputProps, ColorPickerContextType, ColorPickerMode as LegacyColorPickerMode, ColorPickerProps as LegacyColorPickerProps, ColorPreviewProps, ColorSwatchesProps, ColorValue, ColorWheelFlowerProps, ColorWheelProps, HueSliderProps, LightnessSliderProps, SaturationBrightnessProps, } from "./components/colorpicker";
-export { CodeMockup, CodeMockupLine } from "./components/codemockup";
-export { Collapse, CollapseContent, CollapseDetails, CollapseTitle, Summary, } from "./components/collapse";
-export { ConfirmDialog, type ConfirmDialogProps } from "./components/confirm-dialog";
-export { default as ConnectionStatus } from "./components/connectionstatus";
-export type { ConnectionState, ConnectionStatusProps, } from "./components/connectionstatus";
-export { default as CopyButton } from "./components/copy-button";
-export { default as Countdown } from "./components/countdown";
-export { default as Diff } from "./components/diff";
-export { default as Divider } from "./components/divider";
-export { default as Dock } from "./components/dock";
-export { default as Drawer, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose } from "./components/drawer";
-export type { DrawerPlacement, DrawerBackdropVariant, DrawerRootProps, DrawerTriggerProps, DrawerBackdropProps, DrawerContentProps, DrawerDialogProps, DrawerHeaderProps, DrawerHeadingProps, DrawerBodyProps, DrawerFooterProps, DrawerHandleProps, DrawerCloseTriggerProps } from "./components/drawer";
+export type { ColorPickerProps, ColorPickerAreaProps, ColorPickerSliderProps, ColorPickerFieldProps, } from "./components/color-picker";
+export { ColorWheelFlower } from "./components/color-wheel-flower";
+export type { 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 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 { DropdownSelect, type DropdownSelectProps, type DropdownSelectOption } from "./components/dropdown-select";
+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 FileInput } from "./components/fileinput";
+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 type { FloatingDockProps, FloatingDockItem, FloatingDockDirection, } from "./components/floating-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, GlassPanelBlur } from "./components/glass-panel";
 export { default as Footer } from "./components/footer";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
-export { FormActions, type FormActionsProps } from "./components/form-actions";
-export { Fieldset, type FieldsetProps } from "./components/fieldset";
-export { default as Form, useFormValidation } from "./components/form";
-export { useDesktop } from "./components/utils";
-export type { FormProps, LabelProps, ValidatedFormProps, } from "./components/form";
+export { default as Fieldset, FieldsetRoot, 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 { useDesktop } from "./hooks/layout";
+export type { FormProps, FormRootProps, FormWithContextProps, FormFieldProps, FormSubmitButtonProps, FieldErrorMessageProps, } from "./components/form";
+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 Hero } from "./components/hero";
-export type { HeroContentProps, HeroOverlayProps, HeroProps, } from "./components/hero";
+export { default as Header, HeaderRoot } 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 Indicator } from "./components/indicator";
 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 } from "./components/kbd";
-export { default as Link } from "./components/link";
-export { LiveChatBubble, LiveChatPanel, } from "./components/live-chat";
+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 type { LabelProps, LabelRootProps } from "./components/label";
+export { default as Link, LinkRoot, 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 Loading } from "./components/loading";
+export { default as Spinner } from "./components/spinner";
+export { Spinner as Loading } from "./components/spinner";
+export type { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerVariant, } 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 Mask } from "./components/mask";
-export { Menu } from "./components/menu";
-export { default as Modal } from "./components/modal";
+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 Navbar } from "./components/navbar";
 export type { NavbarProps } from "./components/navbar";
 export type { NavbarStackProps } from "./components/navbar/NavbarStack";
 export type { NavbarRowProps } from "./components/navbar/NavbarRow";
+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 PhoneMockup, type PhoneMockupProps, } from "./components/phonemockup";
-export { default as Progress, ProgressRoot, ProgressOutput, ProgressTrack, ProgressFill } from "./components/progress";
-export type { ProgressSize, ProgressColor, ProgressRootProps, ProgressOutputProps, ProgressTrackProps, ProgressFillProps } from "./components/progress";
-export { PropsTable } from "./components/props-table";
-export { default as RadialProgress } from "./components/radialprogress";
+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 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 Range } from "./components/range";
-export { SliderField, type SliderFieldProps } from "./components/range-slider";
-export { Rating } from "./components/rating";
-export type { RatingHiddenProps, RatingItemProps, RatingProps, } from "./components/rating";
+export { RadioGroup, type RadioGroupProps, type RadioGroupOrientation, type RadioGroupVariant, } from "./components/radio-group";
 export { default as Select } from "./components/select";
-export { ShowcaseSection } from "./components/showcase-section";
-export { default as ShowcaseBlock } from "./components/showcase/ShowcaseBlock";
-export { Sidenav, SidenavMenu, SidenavItem, SidenavGroup, SidenavLink, SidenavButton, } from "./components/sidenav";
+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 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 { SkipLink, type SkipLinkProps } from "./components/skip-link";
-export { default as Stack } from "./components/stack";
-export { default as StatCard } from "./components/stat-card";
-export { default as Stats } from "./components/stats";
-export { Status } from "./components/status";
-export type { StatusProps } from "./components/status";
-export { default as Steps } from "./components/steps";
-export { SvgBackground, type SvgBackgroundProps, } from "./components/svgbackground";
-export { default as Swap } from "./components/swap";
-export { default as Table, EnhancedTable } from "./components/table";
-export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./components/table";
-export type { EnhancedTableProps } from "./components/table/EnhancedTable";
-export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./components/table";
-export { StreamingTable } from "./components/streaming-table";
-export type { StreamingTableProps } from "./components/streaming-table";
-export type { StreamingColumnDef, StreamingConfig, } from "./components/streaming-table";
-export { createStreamingTableStore } from "./components/streaming-table";
-export type { StreamingTableStore } from "./components/streaming-table";
+export { default as Surface } from "./components/surface";
+export type { SurfaceVariant, SurfaceVariants, SurfaceProps, } from "./components/surface";
+export { default as Table } from "./components/table";
+export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } 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 type { TextProps, TextRootProps, TextSize, TextVariant, } 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 { ThemeColorPicker, createHueShiftStore, getDefaultHueShiftStore, resetHueShift, } from "./components/theme-color-picker";
 export type { ThemeColorPickerProps, HueShiftStore, } from "./components/theme-color-picker";
-export { Timeline, TimelineEnd, TimelineItem, TimelineMiddle, TimelineStart, } from "./components/timeline";
-export { default as Toast } from "./components/toast";
-export { ToastContainer, ToastStack } from "./components/toastcontainer";
-export type { ToastRenderer, ToastStackProps, } from "./components/toastcontainer";
+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 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 { SwitchField, type SwitchFieldProps } from "./components/switch-field";
-export { default as Tooltip, TooltipRoot, 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 { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";
-export * from "./stores";
+export { default as Tooltip, TooltipRoot, 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 { default } from "./components/connectionstatus";
+export { useStreamingBuffer, useStreamingSubscription, } from "./primitives/streaming";
+export type { StreamingBufferStrategy, StreamingSubscribeFn, StreamingSubscriptionObserver, UseStreamingBufferOptions, UseStreamingBufferResult, UseStreamingSubscriptionOptions, UseStreamingSubscriptionResult, } from "./primitives/streaming";