@avento-space/ts-ui 1.2.2 → 1.2.3

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from '../card.wc-pFLgjfwm.js';
+export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from '../card.wc-CLzyZAbJ.js';
 import { U as UElement } from '../element-DHtonJNX.js';
 import '../types-DWglFa91.js';
 

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import '../chunk-T7QLIHHU.js';
-export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-RQZ7KDYP.js';
-import '../chunk-ICB6OBEZ.js';
+export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-PIXJHFME.js';
+import '../chunk-2UKGVIH2.js';
 import '../chunk-Q5RCPPCF.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/define.js

@@ -1,7 +1,7 @@
-import { defineComponents } from './chunk-QTANS5ZS.js';
-import './chunk-RQZ7KDYP.js';
-import './chunk-RATTHYIP.js';
-import './chunk-ICB6OBEZ.js';
+import { defineComponents } from './chunk-NUMML2ZR.js';
+import './chunk-PIXJHFME.js';
+import './chunk-NJHLJNRI.js';
+import './chunk-2UKGVIH2.js';
 import './chunk-Q5RCPPCF.js';
 
 // src/define.ts

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import '../chunk-RAWESWNC.js';
-export { UIcon, iconRegistry } from '../chunk-RATTHYIP.js';
-import '../chunk-ICB6OBEZ.js';
+export { UIcon, iconRegistry } from '../chunk-NJHLJNRI.js';
+import '../chunk-2UKGVIH2.js';
 import '../chunk-Q5RCPPCF.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { R as ReadonlySignal, S as Signal, W as WritableSignal, a as Store, P as Plugin } from './types-DWglFa91.js';
 export { b as PluginAPI } from './types-DWglFa91.js';
-export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from './card.wc-pFLgjfwm.js';
+export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from './card.wc-CLzyZAbJ.js';
 export { SlotProps, USlot } from './components/index.js';
 export { IconData, UIcon, UIconProps, iconRegistry } from './icons/index.js';
 import './element-DHtonJNX.js';

package/dist/index.js

@@ -1,9 +1,9 @@
-export { defineComponents } from './chunk-QTANS5ZS.js';
+export { defineComponents } from './chunk-NUMML2ZR.js';
 import './chunk-T7QLIHHU.js';
-export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-RQZ7KDYP.js';
+export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-PIXJHFME.js';
 import './chunk-RAWESWNC.js';
-export { UIcon, iconRegistry } from './chunk-RATTHYIP.js';
-import './chunk-ICB6OBEZ.js';
+export { UIcon, iconRegistry } from './chunk-NJHLJNRI.js';
+import './chunk-2UKGVIH2.js';
 export { getPlugin, hasPlugin, registerPlugin, runPluginHook, unregisterPlugin } from './chunk-U4WYCYL6.js';
 import { signal, batch, destroySignal } from './chunk-Q5RCPPCF.js';
 export { batch, computed, effect, hydrateSignals, isBatching, isSignal, scheduleMicrotask, signal, untrack } from './chunk-Q5RCPPCF.js';

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { A as AccordionProps, a as AnimateProps, B as BadgeProps, b as BoxProps, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, e as CardProps, f as CheckboxProps, g as CollectionProps, h as ComboboxProps, i as CommandPaletteProps, j as ContainerProps, k as ContextMenuProps, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, S as StackProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, w as PopperProps, x as PortalProps, y as PresenceProps, z as PressableProps, R as RadioGroupProps, E as RouterViewProps, J as SelectProps, N as SortableProps, Q as SpacerProps, T as SwitchProps, U as TableProps, V as TabsProps, W as TextProps, X as TextareaProps, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, $ as TreeProps, a0 as VirtualListProps, a1 as VisuallyHiddenProps } from '../card.wc-pFLgjfwm.js';
+import { A as AccordionProps, a as AnimateProps, B as BadgeProps, b as BoxProps, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, e as CardProps, f as CheckboxProps, g as CollectionProps, h as ComboboxProps, i as CommandPaletteProps, j as ContainerProps, k as ContextMenuProps, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, S as StackProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, w as PopperProps, x as PortalProps, y as PresenceProps, z as PressableProps, R as RadioGroupProps, E as RouterViewProps, J as SelectProps, N as SortableProps, Q as SpacerProps, T as SwitchProps, U as TableProps, V as TabsProps, W as TextProps, X as TextareaProps, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, $ as TreeProps, a0 as VirtualListProps, a1 as VisuallyHiddenProps } from '../card.wc-CLzyZAbJ.js';
 import '../element-DHtonJNX.js';
 import '../types-DWglFa91.js';
 
@@ -1234,7 +1234,9 @@ declare const TooltipRoot: react.ForwardRefExoticComponent<Omit<TooltipRootProps
 declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
-declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps & ReactProps & {
+    htmlFor?: string;
+}, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Collection: react.ForwardRefExoticComponent<Omit<CollectionProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Tree: react.ForwardRefExoticComponent<Omit<TreeProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Table: react.ForwardRefExoticComponent<Omit<TableProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;

package/dist/react/index.js

@@ -1202,8 +1202,40 @@ var Button = forwardRef((props, ref) => {
   const { children, ...rest } = props;
   return createElement("u-button", { ...rest, ref }, children);
 });
-var Input = forwardRef((props, ref) => {
-  return createElement("u-input", { ...props, ref });
+var Input = forwardRef(({ onChange, onInput, onFocus, onBlur, ...props }, ref) => {
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const onInputRef = useRef(onInput);
+  onInputRef.current = onInput;
+  const onFocusRef = useRef(onFocus);
+  onFocusRef.current = onFocus;
+  const onBlurRef = useRef(onBlur);
+  onBlurRef.current = onBlur;
+  const elRef = useRef(null);
+  const setRef = useCallback((el) => {
+    if (typeof ref === "function") ref(el);
+    else if (ref) ref.current = el;
+    elRef.current = el;
+  }, [ref]);
+  useEffect(() => {
+    const el = elRef.current;
+    if (!el) return;
+    const changeHandler = (e) => onChangeRef.current?.(e.detail.value);
+    const inputHandler = (e) => onInputRef.current?.(e.detail.value);
+    const focusHandler = () => onFocusRef.current?.();
+    const blurHandler = () => onBlurRef.current?.();
+    el.addEventListener("u-change", changeHandler);
+    el.addEventListener("u-input", inputHandler);
+    el.addEventListener("u-focus", focusHandler);
+    el.addEventListener("u-blur", blurHandler);
+    return () => {
+      el.removeEventListener("u-change", changeHandler);
+      el.removeEventListener("u-input", inputHandler);
+      el.removeEventListener("u-focus", focusHandler);
+      el.removeEventListener("u-blur", blurHandler);
+    };
+  }, [elRef.current]);
+  return createElement("u-input", { ...props, ref: setRef });
 });
 var Box = forwardRef((props, ref) => {
   const { children, ...rest } = props;
@@ -1312,9 +1344,8 @@ var RadioGroup = forwardRef((props, ref) => {
 var Switch = forwardRef((props, ref) => {
   return createElement("u-switch", { ...props, ref });
 });
-var Label = forwardRef((props, ref) => {
-  const { children, ...rest } = props;
-  return createElement("u-label", { ...rest, ref }, children);
+var Label = forwardRef(({ htmlFor, children, ...rest }, ref) => {
+  return createElement("u-label", { ...rest, for: htmlFor, ref }, children);
 });
 var Collection = forwardRef((props, ref) => {
   const { children, ...rest } = props;
@@ -1437,9 +1468,36 @@ var Sortable = forwardRef((props, ref) => {
   const { children, ...rest } = props;
   return createElement("u-sortable", { ...rest, ref }, children);
 });
-var Form = forwardRef((props, ref) => {
-  const { children, ...rest } = props;
-  return createElement("u-form", { ...rest, ref }, children);
+var Form = forwardRef(({ onSubmit, onError, children, ...rest }, ref) => {
+  const onSubmitRef = useRef(onSubmit);
+  onSubmitRef.current = onSubmit;
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const elRef = useRef(null);
+  const setRef = useCallback((el) => {
+    if (typeof ref === "function") ref(el);
+    else if (ref) ref.current = el;
+    elRef.current = el;
+  }, [ref]);
+  useEffect(() => {
+    const el = elRef.current;
+    if (!el) return;
+    const submitHandler = (e) => {
+      const detail = e.detail;
+      onSubmitRef.current?.(detail.data);
+    };
+    const errorHandler = (e) => {
+      const detail = e.detail;
+      onErrorRef.current?.(detail.errors);
+    };
+    el.addEventListener("u-form-submit", submitHandler);
+    el.addEventListener("u-form-error", errorHandler);
+    return () => {
+      el.removeEventListener("u-form-submit", submitHandler);
+      el.removeEventListener("u-form-error", errorHandler);
+    };
+  }, [elRef.current]);
+  return createElement("u-form", { ...rest, ref: setRef }, children);
 });
 var Badge = forwardRef((props, ref) => {
   const { children, ...rest } = props;