@inf-monkeys-tech/monkeys-design 0.4.56 → 0.4.59-canary.17.1.3e501ac

package/dist/components/base/index.d.mts

@@ -1,5 +1,5 @@
-export { B as BaseAccordion, a as BaseAspectRatio, b as BaseAvatar, c as BaseBadge, d as BaseBreadcrumb, e as BaseButton, f as BaseCheckbox, g as BaseCode, h as BaseContainer, i as BaseContextMenu, j as BaseContextMenuCheckboxItem, k as BaseContextMenuContent, l as BaseContextMenuItem, m as BaseContextMenuLabel, n as BaseContextMenuRadioGroup, o as BaseContextMenuRadioItem, p as BaseContextMenuSeparator, q as BaseContextMenuSub, r as BaseContextMenuSubContent, s as BaseContextMenuSubTrigger, t as BaseContextMenuTrigger, u as BaseDescriptionList, v as BaseDialog, w as BaseDivider, x as BaseDropdownMenu, y as BaseEmptyState, z as BaseField, A as BaseFieldset, C as BaseGrid, D as BaseHeading, G as BaseInline, E as BaseInput, F as BaseInputGroup, H as BaseKbd, I as BaseLayout, J as BaseLayoutPane, K as BaseLayoutResizeHandle, L as BaseLayoutSplit, N as BaseLink, O as BaseList, P as BaseListItem, M as BaseLoadingState, Q as BaseMultiSelect, S as BaseNotice, R as BaseNumberInput, V as BasePagination, T as BasePanel, U as BasePasswordInput, W as BasePortal, X as BaseProgress, Y as BaseRadioGroup, Z as BaseScrollArea, $ as BaseSectionHeader, a0 as BaseSegmentedControl, _ as BaseSelect, a1 as BaseSkeleton, a2 as BaseSpinner, a3 as BaseStack, a4 as BaseSteps, a5 as BaseSwitch, a6 as BaseTable, a7 as BaseTableBody, a8 as BaseTableCaption, a9 as BaseTableCell, aa as BaseTableContainer, ab as BaseTableEmpty, ac as BaseTableFooter, ad as BaseTableFooterBar, ae as BaseTableHead, af as BaseTableHeader, ag as BaseTableLoading, ah as BaseTableRow, ai as BaseTabs, ak as BaseText, aj as BaseTextarea, am as BaseToolbar, al as BaseTooltip, an as BaseVisuallyHidden, ao as getBaseBadgeToneClassName, ap as getBaseButtonToneClassName, aq as getBaseMenuItemToneClassName, ar as getBaseNoticeToneClassName, as as resolveBaseAppearance } from '../../theme-CJlW1TtA.mjs';
-export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAspectRatioClassNames, e as BaseAspectRatioProps, f as BaseAvatarClassNames, g as BaseAvatarProps, h as BaseBackground, i as BaseBadgeClassNames, j as BaseBadgeProps, k as BaseBorder, l as BaseBreadcrumbClassNames, m as BaseBreadcrumbItem, n as BaseBreadcrumbProps, o as BaseButtonClassNames, p as BaseButtonProps, q as BaseCheckboxClassNames, r as BaseCheckboxProps, s as BaseCodeClassNames, t as BaseCodeDisplay, u as BaseCodeProps, v as BaseContainerClassNames, w as BaseContainerProps, A as BaseContextMenuCheckboxItemProps, C as BaseContextMenuClassNames, D as BaseContextMenuContentClassNames, E as BaseContextMenuContentProps, F as BaseContextMenuItemClassNames, G as BaseContextMenuItemProps, H as BaseContextMenuLabelProps, I as BaseContextMenuProps, J as BaseContextMenuRadioGroupProps, K as BaseContextMenuRadioItemProps, L as BaseContextMenuSeparatorProps, M as BaseContextMenuSubContentProps, N as BaseContextMenuSubProps, O as BaseContextMenuSubTriggerProps, P as BaseContextMenuTriggerProps, y as BaseControlClassNames, x as BaseControlSize, z as BaseControlTone, Q as BaseDensity, R as BaseDescriptionListClassNames, S as BaseDescriptionListItem, T as BaseDescriptionListProps, U as BaseDialogClassNames, V as BaseDialogProps, W as BaseDividerClassNames, X as BaseDividerProps, Y as BaseDropdownMenuClassNames, Z as BaseDropdownMenuItem, _ as BaseDropdownMenuPlacement, $ as BaseDropdownMenuProps, a0 as BaseEmptyStateProps, a1 as BaseFieldClassNames, a2 as BaseFieldControlProps, a3 as BaseFieldProps, a4 as BaseFieldsetClassNames, a5 as BaseFieldsetProps, a6 as BaseGridClassNames, a7 as BaseGridColumns, a8 as BaseGridProps, a9 as BaseHeadingClassNames, aa as BaseHeadingLevel, ab as BaseHeadingProps, ac as BaseHeadingSize, ag as BaseInlineClassNames, ah as BaseInlineProps, ae as BaseInputGroupClassNames, af as BaseInputGroupProps, ad as BaseInputProps, ai as BaseKbdClassNames, aj as BaseKbdProps, al as BaseLayoutAlign, ak as BaseLayoutClassNames, am as BaseLayoutGap, an as BaseLayoutJustify, ao as BaseLayoutLength, ap as BaseLayoutOrientation, aq as BaseLayoutPaneClassNames, ar as BaseLayoutPaneProps, as as BaseLayoutPaneSurface, at as BaseLayoutProps, au as BaseLayoutResizeHandleClassNames, av as BaseLayoutResizeHandleProps, aw as BaseLayoutSize, ax as BaseLayoutSplitClassNames, ay as BaseLayoutSplitProps, aA as BaseLinkClassNames, aB as BaseLinkProps, aC as BaseListClassNames, aD as BaseListItemClassNames, aE as BaseListItemProps, aF as BaseListMarker, aG as BaseListProps, aH as BaseListSpacing, az as BaseLoadingStateProps, aI as BaseMultiSelectClassNames, aJ as BaseMultiSelectOption, aK as BaseMultiSelectProps, aP as BaseNoticeClassNames, aQ as BaseNoticeProps, aL as BaseNumberInputChangeReason, aM as BaseNumberInputClassNames, aN as BaseNumberInputProps, aO as BaseNumberInputValueChangeDetails, aV as BasePaginationClassNames, aW as BasePaginationProps, aR as BasePanelClassNames, aS as BasePanelProps, aT as BasePasswordInputClassNames, aU as BasePasswordInputProps, aX as BasePortalContainer, aY as BasePortalProps, aZ as BaseProgressClassNames, a_ as BaseProgressProps, b0 as BaseRadioGroupClassNames, b1 as BaseRadioGroupProps, b2 as BaseRadioOption, a$ as BaseRadius, b3 as BaseResolvedTheme, b4 as BaseScrollAreaAxis, b5 as BaseScrollAreaClassNames, b6 as BaseScrollAreaProps, b7 as BaseSectionHeaderClassNames, b8 as BaseSectionHeaderProps, bb as BaseSegmentedControlClassNames, bc as BaseSegmentedControlOption, bd as BaseSegmentedControlProps, b9 as BaseSelectOption, ba as BaseSelectProps, be as BaseSkeletonClassNames, bf as BaseSkeletonProps, bg as BaseSpinnerClassNames, bh as BaseSpinnerProps, bi as BaseStackClassNames, bj as BaseStackProps, bp as BaseStateClassNames, bk as BaseStepItem, bo as BaseStepStatus, bl as BaseStepsClassNames, bm as BaseStepsProps, bn as BaseStepsStatusLabels, bq as BaseSwitchClassNames, br as BaseSwitchProps, bs as BaseTableAlign, bt as BaseTableBodyProps, bu as BaseTableCaptionClassNames, bv as BaseTableCaptionProps, bw as BaseTableCellClassNames, bx as BaseTableCellProps, by as BaseTableClassNames, ca as BaseTableColumnDefinition, bz as BaseTableColumnInteractionOptions, bA as BaseTableColumnOrderChangeDetail, bB as BaseTableColumnSizeChangeDetail, bC as BaseTableColumnSizes, bD as BaseTableContainerClassNames, bE as BaseTableContainerProps, bF as BaseTableEmptyClassNames, bG as BaseTableEmptyProps, bH as BaseTableFooterBarClassNames, bI as BaseTableFooterBarProps, bJ as BaseTableFooterProps, bL as BaseTableHeadClassNames, bM as BaseTableHeadProps, bK as BaseTableHeaderProps, cb as BaseTableLayout, bN as BaseTableLoadingClassNames, bO as BaseTableLoadingProps, bP as BaseTableProps, bQ as BaseTableRowClassNames, bR as BaseTableRowProps, bS as BaseTableSectionClassNames, bT as BaseTableSortDirection, cc as BaseTableVerticalAlign, bU as BaseTabsClassNames, bV as BaseTabsItem, bW as BaseTabsProps, bY as BaseTextClassNames, bZ as BaseTextProps, bX as BaseTextareaProps, c3 as BaseThemePresetId, c4 as BaseThemeSlots, c5 as BaseThemeStyles, c1 as BaseToolbarClassNames, c2 as BaseToolbarProps, b_ as BaseTooltipClassNames, b$ as BaseTooltipPlacement, c0 as BaseTooltipProps, c6 as BaseTypographySize, c7 as BaseTypographyTone, c8 as BaseVisuallyHiddenClassNames, c9 as BaseVisuallyHiddenProps } from '../../types-DvHvN4RJ.mjs';
+export { B as BaseAccordion, a as BaseAspectRatio, b as BaseAvatar, c as BaseBadge, d as BaseBreadcrumb, e as BaseButton, f as BaseCheckbox, g as BaseCode, h as BaseContainer, i as BaseContextMenu, j as BaseContextMenuCheckboxItem, k as BaseContextMenuContent, l as BaseContextMenuItem, m as BaseContextMenuLabel, n as BaseContextMenuRadioGroup, o as BaseContextMenuRadioItem, p as BaseContextMenuSeparator, q as BaseContextMenuSub, r as BaseContextMenuSubContent, s as BaseContextMenuSubTrigger, t as BaseContextMenuTrigger, u as BaseDescriptionList, v as BaseDialog, w as BaseDivider, x as BaseDropdownMenu, y as BaseEmptyState, z as BaseField, A as BaseFieldset, C as BaseGrid, D as BaseHeading, G as BaseInline, E as BaseInput, F as BaseInputGroup, H as BaseKbd, I as BaseLayout, J as BaseLayoutPane, K as BaseLayoutResizeHandle, L as BaseLayoutSplit, N as BaseLink, O as BaseList, P as BaseListItem, M as BaseLoadingState, Q as BaseMultiSelect, S as BaseNotice, R as BaseNumberInput, V as BasePagination, T as BasePanel, U as BasePasswordInput, W as BasePortal, X as BaseProgress, Y as BaseRadioGroup, Z as BaseScrollArea, $ as BaseSectionHeader, a0 as BaseSegmentedControl, _ as BaseSelect, a1 as BaseSkeleton, a2 as BaseSpinner, a3 as BaseStack, a4 as BaseSteps, a5 as BaseSwitch, a6 as BaseTable, a7 as BaseTableBody, a8 as BaseTableCaption, a9 as BaseTableCell, aa as BaseTableContainer, ab as BaseTableEmpty, ac as BaseTableFooter, ad as BaseTableFooterBar, ae as BaseTableHead, af as BaseTableHeader, ag as BaseTableLoading, ah as BaseTableRow, ai as BaseTabs, ak as BaseText, aj as BaseTextarea, am as BaseToolbar, al as BaseTooltip, an as BaseVisuallyHidden, ao as getBaseBadgeToneClassName, ap as getBaseButtonToneClassName, aq as getBaseMenuItemToneClassName, ar as getBaseNoticeToneClassName, as as resolveBaseAppearance } from '../../theme-DS9cFgze.mjs';
+export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAspectRatioClassNames, e as BaseAspectRatioProps, f as BaseAvatarClassNames, g as BaseAvatarProps, h as BaseBackground, i as BaseBadgeClassNames, j as BaseBadgeProps, k as BaseBorder, l as BaseBreadcrumbClassNames, m as BaseBreadcrumbItem, n as BaseBreadcrumbProps, o as BaseButtonClassNames, p as BaseButtonProps, q as BaseCheckboxClassNames, r as BaseCheckboxProps, s as BaseCodeClassNames, t as BaseCodeDisplay, u as BaseCodeProps, v as BaseContainerClassNames, w as BaseContainerProps, A as BaseContextMenuCheckboxItemProps, C as BaseContextMenuClassNames, D as BaseContextMenuContentClassNames, E as BaseContextMenuContentProps, F as BaseContextMenuItemClassNames, G as BaseContextMenuItemProps, H as BaseContextMenuLabelProps, I as BaseContextMenuProps, J as BaseContextMenuRadioGroupProps, K as BaseContextMenuRadioItemProps, L as BaseContextMenuSeparatorProps, M as BaseContextMenuSubContentProps, N as BaseContextMenuSubProps, O as BaseContextMenuSubTriggerProps, P as BaseContextMenuTriggerProps, y as BaseControlClassNames, x as BaseControlSize, z as BaseControlTone, Q as BaseDensity, R as BaseDescriptionListClassNames, S as BaseDescriptionListItem, T as BaseDescriptionListProps, U as BaseDialogClassNames, V as BaseDialogProps, W as BaseDividerClassNames, X as BaseDividerProps, Y as BaseDropdownMenuClassNames, Z as BaseDropdownMenuItem, _ as BaseDropdownMenuPlacement, $ as BaseDropdownMenuProps, a0 as BaseEmptyStateProps, a1 as BaseFieldClassNames, a2 as BaseFieldControlProps, a3 as BaseFieldProps, a4 as BaseFieldValidate, a5 as BaseFieldValidationMode, a6 as BaseFieldValidationResult, a7 as BaseFieldsetClassNames, a8 as BaseFieldsetProps, a9 as BaseGridClassNames, aa as BaseGridColumns, ab as BaseGridProps, ac as BaseHeadingClassNames, ad as BaseHeadingLevel, ae as BaseHeadingProps, af as BaseHeadingSize, aj as BaseInlineClassNames, ak as BaseInlineProps, ah as BaseInputGroupClassNames, ai as BaseInputGroupProps, ag as BaseInputProps, al as BaseKbdClassNames, am as BaseKbdProps, ao as BaseLayoutAlign, an as BaseLayoutClassNames, ap as BaseLayoutGap, aq as BaseLayoutJustify, ar as BaseLayoutLength, as as BaseLayoutOrientation, at as BaseLayoutPaneClassNames, au as BaseLayoutPaneProps, av as BaseLayoutPaneSurface, aw as BaseLayoutProps, ax as BaseLayoutResizeHandleClassNames, ay as BaseLayoutResizeHandleProps, az as BaseLayoutSize, aA as BaseLayoutSplitClassNames, aB as BaseLayoutSplitProps, aD as BaseLinkClassNames, aE as BaseLinkProps, aF as BaseListClassNames, aG as BaseListItemClassNames, aH as BaseListItemProps, aI as BaseListMarker, aJ as BaseListProps, aK as BaseListSpacing, aC as BaseLoadingStateProps, aL as BaseMultiSelectClassNames, aM as BaseMultiSelectOption, aN as BaseMultiSelectProps, aS as BaseNoticeClassNames, aT as BaseNoticeProps, aO as BaseNumberInputChangeReason, aP as BaseNumberInputClassNames, aQ as BaseNumberInputProps, aR as BaseNumberInputValueChangeDetails, aY as BasePaginationClassNames, aZ as BasePaginationProps, aU as BasePanelClassNames, aV as BasePanelProps, aW as BasePasswordInputClassNames, aX as BasePasswordInputProps, a_ as BasePortalContainer, a$ as BasePortalProps, b0 as BaseProgressClassNames, b1 as BaseProgressProps, b3 as BaseRadioGroupClassNames, b4 as BaseRadioGroupProps, b5 as BaseRadioOption, b2 as BaseRadius, b6 as BaseResolvedTheme, b7 as BaseScrollAreaAxis, b8 as BaseScrollAreaClassNames, b9 as BaseScrollAreaProps, ba as BaseSectionHeaderClassNames, bb as BaseSectionHeaderProps, be as BaseSegmentedControlClassNames, bf as BaseSegmentedControlOption, bg as BaseSegmentedControlProps, bc as BaseSelectOption, bd as BaseSelectProps, bh as BaseSkeletonClassNames, bi as BaseSkeletonProps, bj as BaseSpinnerClassNames, bk as BaseSpinnerProps, bl as BaseStackClassNames, bm as BaseStackProps, bs as BaseStateClassNames, bn as BaseStepItem, br as BaseStepStatus, bo as BaseStepsClassNames, bp as BaseStepsProps, bq as BaseStepsStatusLabels, bt as BaseSwitchClassNames, bu as BaseSwitchProps, bv as BaseTableAlign, bw as BaseTableBodyProps, bx as BaseTableCaptionClassNames, by as BaseTableCaptionProps, bz as BaseTableCellClassNames, bA as BaseTableCellProps, bB as BaseTableClassNames, cd as BaseTableColumnDefinition, bC as BaseTableColumnInteractionOptions, bD as BaseTableColumnOrderChangeDetail, bE as BaseTableColumnSizeChangeDetail, bF as BaseTableColumnSizes, bG as BaseTableContainerClassNames, bH as BaseTableContainerProps, bI as BaseTableEmptyClassNames, bJ as BaseTableEmptyProps, bK as BaseTableFooterBarClassNames, bL as BaseTableFooterBarProps, bM as BaseTableFooterProps, bO as BaseTableHeadClassNames, bP as BaseTableHeadProps, bN as BaseTableHeaderProps, ce as BaseTableLayout, bQ as BaseTableLoadingClassNames, bR as BaseTableLoadingProps, bS as BaseTableProps, bT as BaseTableRowClassNames, bU as BaseTableRowProps, bV as BaseTableSectionClassNames, bW as BaseTableSortDirection, cf as BaseTableVerticalAlign, bX as BaseTabsClassNames, bY as BaseTabsItem, bZ as BaseTabsProps, b$ as BaseTextClassNames, c0 as BaseTextProps, b_ as BaseTextareaProps, c6 as BaseThemePresetId, c7 as BaseThemeSlots, c8 as BaseThemeStyles, c4 as BaseToolbarClassNames, c5 as BaseToolbarProps, c1 as BaseTooltipClassNames, c2 as BaseTooltipPlacement, c3 as BaseTooltipProps, c9 as BaseTypographySize, ca as BaseTypographyTone, cb as BaseVisuallyHiddenClassNames, cc as BaseVisuallyHiddenProps } from '../../types-B0i-7zok.mjs';
 import 'react';
 import 'react/jsx-runtime';
 import '@radix-ui/react-context-menu';

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

@@ -1,5 +1,5 @@
-export { B as BaseAccordion, a as BaseAspectRatio, b as BaseAvatar, c as BaseBadge, d as BaseBreadcrumb, e as BaseButton, f as BaseCheckbox, g as BaseCode, h as BaseContainer, i as BaseContextMenu, j as BaseContextMenuCheckboxItem, k as BaseContextMenuContent, l as BaseContextMenuItem, m as BaseContextMenuLabel, n as BaseContextMenuRadioGroup, o as BaseContextMenuRadioItem, p as BaseContextMenuSeparator, q as BaseContextMenuSub, r as BaseContextMenuSubContent, s as BaseContextMenuSubTrigger, t as BaseContextMenuTrigger, u as BaseDescriptionList, v as BaseDialog, w as BaseDivider, x as BaseDropdownMenu, y as BaseEmptyState, z as BaseField, A as BaseFieldset, C as BaseGrid, D as BaseHeading, G as BaseInline, E as BaseInput, F as BaseInputGroup, H as BaseKbd, I as BaseLayout, J as BaseLayoutPane, K as BaseLayoutResizeHandle, L as BaseLayoutSplit, N as BaseLink, O as BaseList, P as BaseListItem, M as BaseLoadingState, Q as BaseMultiSelect, S as BaseNotice, R as BaseNumberInput, V as BasePagination, T as BasePanel, U as BasePasswordInput, W as BasePortal, X as BaseProgress, Y as BaseRadioGroup, Z as BaseScrollArea, $ as BaseSectionHeader, a0 as BaseSegmentedControl, _ as BaseSelect, a1 as BaseSkeleton, a2 as BaseSpinner, a3 as BaseStack, a4 as BaseSteps, a5 as BaseSwitch, a6 as BaseTable, a7 as BaseTableBody, a8 as BaseTableCaption, a9 as BaseTableCell, aa as BaseTableContainer, ab as BaseTableEmpty, ac as BaseTableFooter, ad as BaseTableFooterBar, ae as BaseTableHead, af as BaseTableHeader, ag as BaseTableLoading, ah as BaseTableRow, ai as BaseTabs, ak as BaseText, aj as BaseTextarea, am as BaseToolbar, al as BaseTooltip, an as BaseVisuallyHidden, ao as getBaseBadgeToneClassName, ap as getBaseButtonToneClassName, aq as getBaseMenuItemToneClassName, ar as getBaseNoticeToneClassName, as as resolveBaseAppearance } from '../../theme-r7GYhlCk.js';
-export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAspectRatioClassNames, e as BaseAspectRatioProps, f as BaseAvatarClassNames, g as BaseAvatarProps, h as BaseBackground, i as BaseBadgeClassNames, j as BaseBadgeProps, k as BaseBorder, l as BaseBreadcrumbClassNames, m as BaseBreadcrumbItem, n as BaseBreadcrumbProps, o as BaseButtonClassNames, p as BaseButtonProps, q as BaseCheckboxClassNames, r as BaseCheckboxProps, s as BaseCodeClassNames, t as BaseCodeDisplay, u as BaseCodeProps, v as BaseContainerClassNames, w as BaseContainerProps, A as BaseContextMenuCheckboxItemProps, C as BaseContextMenuClassNames, D as BaseContextMenuContentClassNames, E as BaseContextMenuContentProps, F as BaseContextMenuItemClassNames, G as BaseContextMenuItemProps, H as BaseContextMenuLabelProps, I as BaseContextMenuProps, J as BaseContextMenuRadioGroupProps, K as BaseContextMenuRadioItemProps, L as BaseContextMenuSeparatorProps, M as BaseContextMenuSubContentProps, N as BaseContextMenuSubProps, O as BaseContextMenuSubTriggerProps, P as BaseContextMenuTriggerProps, y as BaseControlClassNames, x as BaseControlSize, z as BaseControlTone, Q as BaseDensity, R as BaseDescriptionListClassNames, S as BaseDescriptionListItem, T as BaseDescriptionListProps, U as BaseDialogClassNames, V as BaseDialogProps, W as BaseDividerClassNames, X as BaseDividerProps, Y as BaseDropdownMenuClassNames, Z as BaseDropdownMenuItem, _ as BaseDropdownMenuPlacement, $ as BaseDropdownMenuProps, a0 as BaseEmptyStateProps, a1 as BaseFieldClassNames, a2 as BaseFieldControlProps, a3 as BaseFieldProps, a4 as BaseFieldsetClassNames, a5 as BaseFieldsetProps, a6 as BaseGridClassNames, a7 as BaseGridColumns, a8 as BaseGridProps, a9 as BaseHeadingClassNames, aa as BaseHeadingLevel, ab as BaseHeadingProps, ac as BaseHeadingSize, ag as BaseInlineClassNames, ah as BaseInlineProps, ae as BaseInputGroupClassNames, af as BaseInputGroupProps, ad as BaseInputProps, ai as BaseKbdClassNames, aj as BaseKbdProps, al as BaseLayoutAlign, ak as BaseLayoutClassNames, am as BaseLayoutGap, an as BaseLayoutJustify, ao as BaseLayoutLength, ap as BaseLayoutOrientation, aq as BaseLayoutPaneClassNames, ar as BaseLayoutPaneProps, as as BaseLayoutPaneSurface, at as BaseLayoutProps, au as BaseLayoutResizeHandleClassNames, av as BaseLayoutResizeHandleProps, aw as BaseLayoutSize, ax as BaseLayoutSplitClassNames, ay as BaseLayoutSplitProps, aA as BaseLinkClassNames, aB as BaseLinkProps, aC as BaseListClassNames, aD as BaseListItemClassNames, aE as BaseListItemProps, aF as BaseListMarker, aG as BaseListProps, aH as BaseListSpacing, az as BaseLoadingStateProps, aI as BaseMultiSelectClassNames, aJ as BaseMultiSelectOption, aK as BaseMultiSelectProps, aP as BaseNoticeClassNames, aQ as BaseNoticeProps, aL as BaseNumberInputChangeReason, aM as BaseNumberInputClassNames, aN as BaseNumberInputProps, aO as BaseNumberInputValueChangeDetails, aV as BasePaginationClassNames, aW as BasePaginationProps, aR as BasePanelClassNames, aS as BasePanelProps, aT as BasePasswordInputClassNames, aU as BasePasswordInputProps, aX as BasePortalContainer, aY as BasePortalProps, aZ as BaseProgressClassNames, a_ as BaseProgressProps, b0 as BaseRadioGroupClassNames, b1 as BaseRadioGroupProps, b2 as BaseRadioOption, a$ as BaseRadius, b3 as BaseResolvedTheme, b4 as BaseScrollAreaAxis, b5 as BaseScrollAreaClassNames, b6 as BaseScrollAreaProps, b7 as BaseSectionHeaderClassNames, b8 as BaseSectionHeaderProps, bb as BaseSegmentedControlClassNames, bc as BaseSegmentedControlOption, bd as BaseSegmentedControlProps, b9 as BaseSelectOption, ba as BaseSelectProps, be as BaseSkeletonClassNames, bf as BaseSkeletonProps, bg as BaseSpinnerClassNames, bh as BaseSpinnerProps, bi as BaseStackClassNames, bj as BaseStackProps, bp as BaseStateClassNames, bk as BaseStepItem, bo as BaseStepStatus, bl as BaseStepsClassNames, bm as BaseStepsProps, bn as BaseStepsStatusLabels, bq as BaseSwitchClassNames, br as BaseSwitchProps, bs as BaseTableAlign, bt as BaseTableBodyProps, bu as BaseTableCaptionClassNames, bv as BaseTableCaptionProps, bw as BaseTableCellClassNames, bx as BaseTableCellProps, by as BaseTableClassNames, ca as BaseTableColumnDefinition, bz as BaseTableColumnInteractionOptions, bA as BaseTableColumnOrderChangeDetail, bB as BaseTableColumnSizeChangeDetail, bC as BaseTableColumnSizes, bD as BaseTableContainerClassNames, bE as BaseTableContainerProps, bF as BaseTableEmptyClassNames, bG as BaseTableEmptyProps, bH as BaseTableFooterBarClassNames, bI as BaseTableFooterBarProps, bJ as BaseTableFooterProps, bL as BaseTableHeadClassNames, bM as BaseTableHeadProps, bK as BaseTableHeaderProps, cb as BaseTableLayout, bN as BaseTableLoadingClassNames, bO as BaseTableLoadingProps, bP as BaseTableProps, bQ as BaseTableRowClassNames, bR as BaseTableRowProps, bS as BaseTableSectionClassNames, bT as BaseTableSortDirection, cc as BaseTableVerticalAlign, bU as BaseTabsClassNames, bV as BaseTabsItem, bW as BaseTabsProps, bY as BaseTextClassNames, bZ as BaseTextProps, bX as BaseTextareaProps, c3 as BaseThemePresetId, c4 as BaseThemeSlots, c5 as BaseThemeStyles, c1 as BaseToolbarClassNames, c2 as BaseToolbarProps, b_ as BaseTooltipClassNames, b$ as BaseTooltipPlacement, c0 as BaseTooltipProps, c6 as BaseTypographySize, c7 as BaseTypographyTone, c8 as BaseVisuallyHiddenClassNames, c9 as BaseVisuallyHiddenProps } from '../../types-DvHvN4RJ.js';
+export { B as BaseAccordion, a as BaseAspectRatio, b as BaseAvatar, c as BaseBadge, d as BaseBreadcrumb, e as BaseButton, f as BaseCheckbox, g as BaseCode, h as BaseContainer, i as BaseContextMenu, j as BaseContextMenuCheckboxItem, k as BaseContextMenuContent, l as BaseContextMenuItem, m as BaseContextMenuLabel, n as BaseContextMenuRadioGroup, o as BaseContextMenuRadioItem, p as BaseContextMenuSeparator, q as BaseContextMenuSub, r as BaseContextMenuSubContent, s as BaseContextMenuSubTrigger, t as BaseContextMenuTrigger, u as BaseDescriptionList, v as BaseDialog, w as BaseDivider, x as BaseDropdownMenu, y as BaseEmptyState, z as BaseField, A as BaseFieldset, C as BaseGrid, D as BaseHeading, G as BaseInline, E as BaseInput, F as BaseInputGroup, H as BaseKbd, I as BaseLayout, J as BaseLayoutPane, K as BaseLayoutResizeHandle, L as BaseLayoutSplit, N as BaseLink, O as BaseList, P as BaseListItem, M as BaseLoadingState, Q as BaseMultiSelect, S as BaseNotice, R as BaseNumberInput, V as BasePagination, T as BasePanel, U as BasePasswordInput, W as BasePortal, X as BaseProgress, Y as BaseRadioGroup, Z as BaseScrollArea, $ as BaseSectionHeader, a0 as BaseSegmentedControl, _ as BaseSelect, a1 as BaseSkeleton, a2 as BaseSpinner, a3 as BaseStack, a4 as BaseSteps, a5 as BaseSwitch, a6 as BaseTable, a7 as BaseTableBody, a8 as BaseTableCaption, a9 as BaseTableCell, aa as BaseTableContainer, ab as BaseTableEmpty, ac as BaseTableFooter, ad as BaseTableFooterBar, ae as BaseTableHead, af as BaseTableHeader, ag as BaseTableLoading, ah as BaseTableRow, ai as BaseTabs, ak as BaseText, aj as BaseTextarea, am as BaseToolbar, al as BaseTooltip, an as BaseVisuallyHidden, ao as getBaseBadgeToneClassName, ap as getBaseButtonToneClassName, aq as getBaseMenuItemToneClassName, ar as getBaseNoticeToneClassName, as as resolveBaseAppearance } from '../../theme-DHmnuHIB.js';
+export { B as BaseAccordionClassNames, a as BaseAccordionItem, b as BaseAccordionProps, c as BaseAppearance, d as BaseAspectRatioClassNames, e as BaseAspectRatioProps, f as BaseAvatarClassNames, g as BaseAvatarProps, h as BaseBackground, i as BaseBadgeClassNames, j as BaseBadgeProps, k as BaseBorder, l as BaseBreadcrumbClassNames, m as BaseBreadcrumbItem, n as BaseBreadcrumbProps, o as BaseButtonClassNames, p as BaseButtonProps, q as BaseCheckboxClassNames, r as BaseCheckboxProps, s as BaseCodeClassNames, t as BaseCodeDisplay, u as BaseCodeProps, v as BaseContainerClassNames, w as BaseContainerProps, A as BaseContextMenuCheckboxItemProps, C as BaseContextMenuClassNames, D as BaseContextMenuContentClassNames, E as BaseContextMenuContentProps, F as BaseContextMenuItemClassNames, G as BaseContextMenuItemProps, H as BaseContextMenuLabelProps, I as BaseContextMenuProps, J as BaseContextMenuRadioGroupProps, K as BaseContextMenuRadioItemProps, L as BaseContextMenuSeparatorProps, M as BaseContextMenuSubContentProps, N as BaseContextMenuSubProps, O as BaseContextMenuSubTriggerProps, P as BaseContextMenuTriggerProps, y as BaseControlClassNames, x as BaseControlSize, z as BaseControlTone, Q as BaseDensity, R as BaseDescriptionListClassNames, S as BaseDescriptionListItem, T as BaseDescriptionListProps, U as BaseDialogClassNames, V as BaseDialogProps, W as BaseDividerClassNames, X as BaseDividerProps, Y as BaseDropdownMenuClassNames, Z as BaseDropdownMenuItem, _ as BaseDropdownMenuPlacement, $ as BaseDropdownMenuProps, a0 as BaseEmptyStateProps, a1 as BaseFieldClassNames, a2 as BaseFieldControlProps, a3 as BaseFieldProps, a4 as BaseFieldValidate, a5 as BaseFieldValidationMode, a6 as BaseFieldValidationResult, a7 as BaseFieldsetClassNames, a8 as BaseFieldsetProps, a9 as BaseGridClassNames, aa as BaseGridColumns, ab as BaseGridProps, ac as BaseHeadingClassNames, ad as BaseHeadingLevel, ae as BaseHeadingProps, af as BaseHeadingSize, aj as BaseInlineClassNames, ak as BaseInlineProps, ah as BaseInputGroupClassNames, ai as BaseInputGroupProps, ag as BaseInputProps, al as BaseKbdClassNames, am as BaseKbdProps, ao as BaseLayoutAlign, an as BaseLayoutClassNames, ap as BaseLayoutGap, aq as BaseLayoutJustify, ar as BaseLayoutLength, as as BaseLayoutOrientation, at as BaseLayoutPaneClassNames, au as BaseLayoutPaneProps, av as BaseLayoutPaneSurface, aw as BaseLayoutProps, ax as BaseLayoutResizeHandleClassNames, ay as BaseLayoutResizeHandleProps, az as BaseLayoutSize, aA as BaseLayoutSplitClassNames, aB as BaseLayoutSplitProps, aD as BaseLinkClassNames, aE as BaseLinkProps, aF as BaseListClassNames, aG as BaseListItemClassNames, aH as BaseListItemProps, aI as BaseListMarker, aJ as BaseListProps, aK as BaseListSpacing, aC as BaseLoadingStateProps, aL as BaseMultiSelectClassNames, aM as BaseMultiSelectOption, aN as BaseMultiSelectProps, aS as BaseNoticeClassNames, aT as BaseNoticeProps, aO as BaseNumberInputChangeReason, aP as BaseNumberInputClassNames, aQ as BaseNumberInputProps, aR as BaseNumberInputValueChangeDetails, aY as BasePaginationClassNames, aZ as BasePaginationProps, aU as BasePanelClassNames, aV as BasePanelProps, aW as BasePasswordInputClassNames, aX as BasePasswordInputProps, a_ as BasePortalContainer, a$ as BasePortalProps, b0 as BaseProgressClassNames, b1 as BaseProgressProps, b3 as BaseRadioGroupClassNames, b4 as BaseRadioGroupProps, b5 as BaseRadioOption, b2 as BaseRadius, b6 as BaseResolvedTheme, b7 as BaseScrollAreaAxis, b8 as BaseScrollAreaClassNames, b9 as BaseScrollAreaProps, ba as BaseSectionHeaderClassNames, bb as BaseSectionHeaderProps, be as BaseSegmentedControlClassNames, bf as BaseSegmentedControlOption, bg as BaseSegmentedControlProps, bc as BaseSelectOption, bd as BaseSelectProps, bh as BaseSkeletonClassNames, bi as BaseSkeletonProps, bj as BaseSpinnerClassNames, bk as BaseSpinnerProps, bl as BaseStackClassNames, bm as BaseStackProps, bs as BaseStateClassNames, bn as BaseStepItem, br as BaseStepStatus, bo as BaseStepsClassNames, bp as BaseStepsProps, bq as BaseStepsStatusLabels, bt as BaseSwitchClassNames, bu as BaseSwitchProps, bv as BaseTableAlign, bw as BaseTableBodyProps, bx as BaseTableCaptionClassNames, by as BaseTableCaptionProps, bz as BaseTableCellClassNames, bA as BaseTableCellProps, bB as BaseTableClassNames, cd as BaseTableColumnDefinition, bC as BaseTableColumnInteractionOptions, bD as BaseTableColumnOrderChangeDetail, bE as BaseTableColumnSizeChangeDetail, bF as BaseTableColumnSizes, bG as BaseTableContainerClassNames, bH as BaseTableContainerProps, bI as BaseTableEmptyClassNames, bJ as BaseTableEmptyProps, bK as BaseTableFooterBarClassNames, bL as BaseTableFooterBarProps, bM as BaseTableFooterProps, bO as BaseTableHeadClassNames, bP as BaseTableHeadProps, bN as BaseTableHeaderProps, ce as BaseTableLayout, bQ as BaseTableLoadingClassNames, bR as BaseTableLoadingProps, bS as BaseTableProps, bT as BaseTableRowClassNames, bU as BaseTableRowProps, bV as BaseTableSectionClassNames, bW as BaseTableSortDirection, cf as BaseTableVerticalAlign, bX as BaseTabsClassNames, bY as BaseTabsItem, bZ as BaseTabsProps, b$ as BaseTextClassNames, c0 as BaseTextProps, b_ as BaseTextareaProps, c6 as BaseThemePresetId, c7 as BaseThemeSlots, c8 as BaseThemeStyles, c4 as BaseToolbarClassNames, c5 as BaseToolbarProps, c1 as BaseTooltipClassNames, c2 as BaseTooltipPlacement, c3 as BaseTooltipProps, c9 as BaseTypographySize, ca as BaseTypographyTone, cb as BaseVisuallyHiddenClassNames, cc as BaseVisuallyHiddenProps } from '../../types-B0i-7zok.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@radix-ui/react-context-menu';

package/dist/components/base/index.js

@@ -242,6 +242,10 @@ function cn(...parts) {
 function hasRenderableNode(node) {
   return node !== void 0 && node !== null && typeof node !== "boolean";
 }
+function hasNonEmptyRenderableNode(node) {
+  if (typeof node === "string") return node.trim().length > 0;
+  return hasRenderableNode(node);
+}
 
 // src/components/base/theme.ts
 var emptyStyles = {};
@@ -2690,6 +2694,41 @@ var BaseButton = react.forwardRef(
     );
   }
 );
+function resolveBaseFieldValidationResult(result) {
+  if (result === null) return null;
+  if (typeof result === "string" && result.trim().length > 0) return result;
+  throw new TypeError(
+    "BaseField validate must return a non-empty error string or null."
+  );
+}
+var BaseFieldContext = react.createContext(
+  null
+);
+function useBaseFieldControl() {
+  const context = react.useContext(BaseFieldContext);
+  const controlKeyRef = react.useRef(null);
+  if (controlKeyRef.current === null) {
+    controlKeyRef.current = /* @__PURE__ */ Symbol("BaseFieldControl");
+  }
+  const registerControl = context?.registerControl;
+  react.useEffect(() => {
+    if (!registerControl || controlKeyRef.current === null) return void 0;
+    return registerControl(controlKeyRef.current);
+  }, [registerControl]);
+  const notifyBlur = context?.notifyBlur;
+  const notifyChange = context?.notifyChange;
+  return {
+    invalid: context?.invalid ?? false,
+    notifyBlur: react.useCallback(
+      (value) => notifyBlur?.(value),
+      [notifyBlur]
+    ),
+    notifyChange: react.useCallback(
+      (value) => notifyChange?.(value),
+      [notifyChange]
+    )
+  };
+}
 var boxSizeClassNames = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -2724,6 +2763,7 @@ var BaseCheckbox = react.forwardRef(
     style,
     checked,
     defaultChecked,
+    onBlur,
     onChange,
     "aria-invalid": nativeAriaInvalid,
     ...checkboxProps
@@ -2745,6 +2785,10 @@ var BaseCheckbox = react.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
+    const fieldControl = useBaseFieldControl();
+    const resolvedInvalid = invalid || fieldControl.invalid;
+    const hasLabel = hasRenderableNode(label);
+    const hasDescription = hasNonEmptyRenderableNode(description);
     const inputRef = react.useRef(null);
     const indeterminateRef = react.useRef(indeterminate);
     indeterminateRef.current = indeterminate;
@@ -2774,6 +2818,7 @@ var BaseCheckbox = react.forwardRef(
         setUncontrolledChecked(event.currentTarget.checked);
       }
       onChange?.(event);
+      fieldControl.notifyChange(event.currentTarget.checked);
       if (inputRef.current) {
         inputRef.current.indeterminate = indeterminate;
       }
@@ -2786,10 +2831,11 @@ var BaseCheckbox = react.forwardRef(
         "data-slot": "root",
         "data-state": state,
         "data-size": controlSize,
-        "data-invalid": invalid || void 0,
+        "data-invalid": resolvedInvalid || void 0,
         "data-disabled": disabled || void 0,
         className: cn(
           theme.slots.checkboxRoot,
+          !hasDescription && "items-center",
           disabled && theme.slots.checkboxDisabled,
           classNames?.root,
           className
@@ -2807,8 +2853,9 @@ var BaseCheckbox = react.forwardRef(
               "data-size": controlSize,
               className: cn(
                 theme.slots.checkboxBox,
+                !hasDescription && "mt-0",
                 active && theme.slots.checkboxBoxChecked,
-                invalid && theme.slots.checkboxBoxInvalid,
+                resolvedInvalid && theme.slots.checkboxBoxInvalid,
                 controlSize && boxSizeClassNames[controlSize],
                 classNames?.box
               ),
@@ -2825,14 +2872,18 @@ var BaseCheckbox = react.forwardRef(
                     disabled,
                     checked,
                     defaultChecked,
-                    "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
+                    "aria-invalid": nativeAriaInvalid ?? (resolvedInvalid || void 0),
                     "aria-checked": indeterminate ? "mixed" : resolvedChecked,
                     "data-slot": "input",
                     "data-state": state,
                     "data-size": controlSize,
-                    "data-invalid": invalid || void 0,
+                    "data-invalid": resolvedInvalid || void 0,
                     "data-disabled": disabled || void 0,
                     className: cn(theme.slots.checkboxInput, classNames?.input),
+                    onBlur: (event) => {
+                      onBlur?.(event);
+                      fieldControl.notifyBlur(event.currentTarget.checked);
+                    },
                     onChange: handleChange
                   }
                 ),
@@ -2854,13 +2905,13 @@ var BaseCheckbox = react.forwardRef(
               ]
             }
           ),
-          hasRenderableNode(label) || hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsxs(
+          hasLabel || hasDescription ? /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
               "data-slot": "content",
               className: cn(theme.slots.checkboxContent, classNames?.content),
               children: [
-                hasRenderableNode(label) ? /* @__PURE__ */ jsxRuntime.jsx(
+                hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-slot": "label",
@@ -2868,7 +2919,7 @@ var BaseCheckbox = react.forwardRef(
                     children: label
                   }
                 ) : null,
-                hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+                hasDescription ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-slot": "description",
@@ -4693,6 +4744,8 @@ var BaseField = react.forwardRef(
     descriptionId,
     messageId,
     errorId,
+    validate,
+    validationMode = "onBlur",
     children,
     appearance,
     className,
@@ -4708,14 +4761,80 @@ var BaseField = react.forwardRef(
         throw new TypeError(`BaseField ${name} must be a boolean.`);
       }
     }
+    if (validate !== void 0 && typeof validate !== "function") {
+      throw new TypeError("BaseField validate must be a function.");
+    }
+    if (validationMode !== "onBlur" && validationMode !== "onChange") {
+      throw new TypeError(
+        'BaseField validationMode must be "onBlur" or "onChange".'
+      );
+    }
     const generatedId = react.useId();
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
     const hasDescription = hasRenderableNode(description);
-    const hasError = hasRenderableNode(error);
+    const [internalError, setInternalError] = react.useState(null);
+    const registeredControlsRef = react.useRef(/* @__PURE__ */ new Set());
+    const validateRef = react.useRef(validate);
+    const validationModeRef = react.useRef(validationMode);
+    const disabledRef = react.useRef(disabled);
+    validateRef.current = validate;
+    validationModeRef.current = validationMode;
+    disabledRef.current = disabled;
+    const hasValidator = validate !== void 0;
+    react.useEffect(() => {
+      if (!hasValidator || disabled) {
+        setInternalError(null);
+      }
+    }, [disabled, hasValidator]);
+    react.useEffect(() => {
+      if (hasValidator && registeredControlsRef.current.size !== 1) {
+        throw new TypeError(
+          "BaseField with validate must contain exactly one compatible Base control."
+        );
+      }
+    }, [hasValidator]);
+    const registerControl = react.useCallback((controlKey) => {
+      const registeredControls = registeredControlsRef.current;
+      if (validateRef.current !== void 0 && !registeredControls.has(controlKey) && registeredControls.size > 0) {
+        throw new TypeError(
+          "BaseField with validate supports exactly one compatible Base control. Use BaseFieldset for control groups."
+        );
+      }
+      registeredControls.add(controlKey);
+      return () => {
+        registeredControls.delete(controlKey);
+      };
+    }, []);
+    const runValidation = react.useCallback(
+      (mode, value) => {
+        const currentValidate = validateRef.current;
+        if (disabledRef.current || currentValidate === void 0 || validationModeRef.current !== mode) {
+          return;
+        }
+        const result = resolveBaseFieldValidationResult(currentValidate(value));
+        if (result === null) {
+          setInternalError(null);
+          return;
+        }
+        setInternalError(result);
+      },
+      []
+    );
+    const notifyBlur = react.useCallback(
+      (value) => runValidation("onBlur", value),
+      [runValidation]
+    );
+    const notifyChange = react.useCallback(
+      (value) => runValidation("onChange", value),
+      [runValidation]
+    );
+    const hasExternalError = hasRenderableNode(error);
+    const resolvedError = hasExternalError ? error : internalError;
+    const hasError = hasRenderableNode(resolvedError);
     const hasMessage = !hasError && hasRenderableNode(message);
-    const resolvedMessage = hasError ? error : message;
+    const resolvedMessage = hasError ? resolvedError : message;
     const resolvedControlId = htmlFor ?? `${generatedId}-control`;
     const resolvedDescriptionId = hasDescription ? resolveOptionalId(
       descriptionId,
@@ -4737,6 +4856,15 @@ var BaseField = react.forwardRef(
       disabled: disabled || void 0
     };
     const renderedChildren = typeof children === "function" ? children(controlProps) : children;
+    const fieldContextValue = react.useMemo(
+      () => ({
+        invalid: hasError,
+        registerControl,
+        notifyBlur,
+        notifyChange
+      }),
+      [hasError, notifyBlur, notifyChange, registerControl]
+    );
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -4811,7 +4939,7 @@ var BaseField = react.forwardRef(
               "data-slot": "control",
               className: cn(theme.slots.fieldControl, classNames?.control),
               style: theme.styles.fieldControl,
-              children: renderedChildren
+              children: /* @__PURE__ */ jsxRuntime.jsx(BaseFieldContext.Provider, { value: fieldContextValue, children: renderedChildren })
             }
           ) : null,
           hasRenderableNode(resolvedMessage) ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -5054,6 +5182,8 @@ var BaseInput = react.forwardRef(
     classNames,
     style,
     "aria-invalid": nativeAriaInvalid,
+    onBlur,
+    onChange,
     ...inputProps
   }, ref) {
     for (const [name, value] of [
@@ -5071,6 +5201,8 @@ var BaseInput = react.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
+    const fieldControl = useBaseFieldControl();
+    const resolvedInvalid = invalid || fieldControl.invalid;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -5078,12 +5210,12 @@ var BaseInput = react.forwardRef(
         "data-monkeys-component": "input",
         "data-slot": "root",
         "data-size": controlSize,
-        "data-invalid": invalid || void 0,
+        "data-invalid": resolvedInvalid || void 0,
         "data-disabled": disabled || void 0,
         "data-readonly": readOnly || void 0,
         className: cn(
           theme.slots.controlWrapper,
-          invalid && theme.slots.controlInvalid,
+          resolvedInvalid && theme.slots.controlInvalid,
           disabled && theme.slots.controlDisabled,
           readOnly && theme.slots.controlReadOnly,
           classNames?.root,
@@ -5091,7 +5223,7 @@ var BaseInput = react.forwardRef(
         ),
         style: {
           ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
+          ...resolvedInvalid ? theme.styles.controlInvalid : void 0,
           ...disabled ? theme.styles.controlDisabled : void 0,
           ...style
         },
@@ -5111,10 +5243,10 @@ var BaseInput = react.forwardRef(
               ref,
               disabled,
               readOnly,
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
+              "aria-invalid": nativeAriaInvalid ?? (resolvedInvalid || void 0),
               "data-slot": "control",
               "data-size": controlSize,
-              "data-invalid": invalid || void 0,
+              "data-invalid": resolvedInvalid || void 0,
               "data-disabled": disabled || void 0,
               "data-readonly": readOnly || void 0,
               className: cn(
@@ -5122,7 +5254,15 @@ var BaseInput = react.forwardRef(
                 theme.slots.controlInput,
                 controlSize && controlSizeClassNames[controlSize],
                 classNames?.control
-              )
+              ),
+              onBlur: (event) => {
+                onBlur?.(event);
+                fieldControl.notifyBlur(event.currentTarget.value);
+              },
+              onChange: (event) => {
+                onChange?.(event);
+                fieldControl.notifyChange(event.currentTarget.value);
+              }
             }
           ),
           hasRenderableNode(trailing) ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -8072,8 +8212,6 @@ var BaseScrollArea = react.forwardRef(
   }
 );
 var typeaheadResetDelay2 = 500;
-function noop() {
-}
 function validateSelectProps({
   options,
   value,
@@ -8188,6 +8326,7 @@ var BaseSelect = react.forwardRef(
     children,
     value,
     defaultValue,
+    onBlur,
     onChange,
     onFocus,
     onInvalid,
@@ -8214,6 +8353,8 @@ var BaseSelect = react.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
+    const fieldControl = useBaseFieldControl();
+    const resolvedInvalid = invalid || fieldControl.invalid;
     const generatedId = react.useId();
     const selectId = id ?? generatedId;
     const triggerId = `${selectId}-button`;
@@ -8246,7 +8387,7 @@ var BaseSelect = react.forwardRef(
     const visibleLabel = selectedOption?.label ?? placeholder;
     const isPlaceholder = !selectedOption;
     const layerDirection = selectProps.dir ?? componentAttributes.dir;
-    const rootState = disabled ? "disabled" : invalid ? "invalid" : open ? "open" : "closed";
+    const rootState = disabled ? "disabled" : resolvedInvalid ? "invalid" : open ? "open" : "closed";
     const setSelectRef = (node) => {
       selectRef.current = node;
       if (typeof ref === "function") {
@@ -8255,6 +8396,14 @@ var BaseSelect = react.forwardRef(
         ref.current = node;
       }
     };
+    const handleNativeBlur = (event) => {
+      onBlur?.(event);
+      fieldControl.notifyBlur(event.currentTarget.value);
+    };
+    const handleNativeChange = (event) => {
+      onChange?.(event);
+      fieldControl.notifyChange(event.currentTarget.value);
+    };
     const resetActiveIndex = () => {
       setActiveIndex(getInitialActiveIndex(optionList, selectedValue));
     };
@@ -8458,14 +8607,14 @@ var BaseSelect = react.forwardRef(
           "data-native": "true",
           className: cn(
             theme.slots.controlWrapper,
-            invalid && theme.slots.controlInvalid,
+            resolvedInvalid && theme.slots.controlInvalid,
             disabled && theme.slots.controlDisabled,
             classNames?.root,
             className
           ),
           style: {
             ...theme.styles.control,
-            ...invalid ? theme.styles.controlInvalid : void 0,
+            ...resolvedInvalid ? theme.styles.controlInvalid : void 0,
             ...disabled ? theme.styles.controlDisabled : void 0,
             ...style
           },
@@ -8483,7 +8632,7 @@ var BaseSelect = react.forwardRef(
                 defaultValue,
                 required,
                 disabled,
-                "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
+                "aria-invalid": nativeAriaInvalid ?? (resolvedInvalid || void 0),
                 "aria-label": nativeAriaLabel,
                 "aria-labelledby": nativeAriaLabelledBy,
                 "aria-describedby": nativeAriaDescribedBy,
@@ -8493,9 +8642,10 @@ var BaseSelect = react.forwardRef(
                 "data-slot": "native",
                 "data-state": rootState,
                 "data-native": "true",
+                onBlur: handleNativeBlur,
                 onFocus,
                 onInvalid,
-                onChange,
+                onChange: handleNativeChange,
                 className: cn(
                   theme.slots.controlBase,
                   theme.slots.controlSelect,
@@ -8526,14 +8676,14 @@ var BaseSelect = react.forwardRef(
           theme.slots.controlWrapper,
           "overflow-visible",
           open && "z-50",
-          invalid && theme.slots.controlInvalid,
+          resolvedInvalid && theme.slots.controlInvalid,
           disabled && theme.slots.controlDisabled,
           classNames?.root,
           className
         ),
         style: {
           ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
+          ...resolvedInvalid ? theme.styles.controlInvalid : void 0,
           ...disabled ? theme.styles.controlDisabled : void 0,
           ...style
         },
@@ -8554,7 +8704,7 @@ var BaseSelect = react.forwardRef(
               "aria-controls": listboxId,
               "aria-activedescendant": open && resolvedActiveIndex >= 0 ? optionIds[resolvedActiveIndex] : void 0,
               "aria-autocomplete": "none",
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
+              "aria-invalid": nativeAriaInvalid ?? (resolvedInvalid || void 0),
               "aria-label": nativeAriaLabel,
               "aria-labelledby": nativeAriaLabelledBy,
               "aria-describedby": nativeAriaDescribedBy,
@@ -8576,6 +8726,7 @@ var BaseSelect = react.forwardRef(
               onBlur: (event) => {
                 if (!rootRef.current?.contains(event.relatedTarget)) {
                   cancelAndClose();
+                  fieldControl.notifyBlur(selectedValue);
                 }
               },
               onCompositionStart: () => {
@@ -8626,9 +8777,10 @@ var BaseSelect = react.forwardRef(
               "data-state": rootState,
               "data-native": "false",
               className: theme.slots.selectNative,
+              onBlur,
               onFocus: handleCustomFocus,
               onInvalid: handleCustomInvalid,
-              onChange: onChange ?? noop,
+              onChange: handleNativeChange,
               children: [
                 hasRenderableNode(placeholder) ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder }) : null,
                 optionList.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -9375,6 +9527,8 @@ var BaseSwitch = react.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
+    const hasLabel = hasRenderableNode(label);
+    const hasDescription = hasNonEmptyRenderableNode(description);
     const [uncontrolledChecked, setUncontrolledChecked] = react.useState(
       defaultChecked ?? false
     );
@@ -9400,6 +9554,7 @@ var BaseSwitch = react.forwardRef(
         "data-disabled": disabled || void 0,
         className: cn(
           theme.slots.switchRoot,
+          !hasDescription && "items-center",
           disabled && theme.slots.switchDisabled,
           classNames?.root,
           className
@@ -9417,6 +9572,7 @@ var BaseSwitch = react.forwardRef(
               "data-size": controlSize,
               className: cn(
                 theme.slots.switchTrack,
+                !hasDescription && "mt-0",
                 resolvedChecked && theme.slots.switchChecked,
                 controlSize && trackSizeClassNames[controlSize],
                 classNames?.track
@@ -9461,13 +9617,13 @@ var BaseSwitch = react.forwardRef(
               ]
             }
           ),
-          hasRenderableNode(label) || hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsxs(
+          hasLabel || hasDescription ? /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
               "data-slot": "content",
               className: cn(theme.slots.switchContent, classNames?.content),
               children: [
-                hasRenderableNode(label) ? /* @__PURE__ */ jsxRuntime.jsx(
+                hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-slot": "label",
@@ -9475,7 +9631,7 @@ var BaseSwitch = react.forwardRef(
                     children: label
                   }
                 ) : null,
-                hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+                hasDescription ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-slot": "description",
@@ -11046,6 +11202,8 @@ var BaseTextarea = react.forwardRef(
     classNames,
     style,
     "aria-invalid": nativeAriaInvalid,
+    onBlur,
+    onChange,
     ...textareaProps
   }, ref) {
     for (const [name, value] of [
@@ -11065,6 +11223,8 @@ var BaseTextarea = react.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
+    const fieldControl = useBaseFieldControl();
+    const resolvedInvalid = invalid || fieldControl.invalid;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
@@ -11073,18 +11233,18 @@ var BaseTextarea = react.forwardRef(
         ref,
         disabled,
         readOnly,
-        "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
+        "aria-invalid": nativeAriaInvalid ?? (resolvedInvalid || void 0),
         "data-monkeys-component": "textarea",
         "data-slot": "control",
         "data-size": controlSize,
-        "data-invalid": invalid || void 0,
+        "data-invalid": resolvedInvalid || void 0,
         "data-disabled": disabled || void 0,
         "data-readonly": readOnly || void 0,
         className: cn(
           theme.slots.controlWrapper,
           theme.slots.controlBase,
           theme.slots.controlTextarea,
-          invalid && theme.slots.controlInvalid,
+          resolvedInvalid && theme.slots.controlInvalid,
           disabled && theme.slots.controlDisabled,
           readOnly && theme.slots.controlReadOnly,
           controlSize && controlSizeClassNames2[controlSize],
@@ -11093,9 +11253,17 @@ var BaseTextarea = react.forwardRef(
         ),
         style: {
           ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
+          ...resolvedInvalid ? theme.styles.controlInvalid : void 0,
           ...disabled ? theme.styles.controlDisabled : void 0,
           ...style
+        },
+        onBlur: (event) => {
+          onBlur?.(event);
+          fieldControl.notifyBlur(event.currentTarget.value);
+        },
+        onChange: (event) => {
+          onChange?.(event);
+          fieldControl.notifyChange(event.currentTarget.value);
         }
       }
     );