mainbase-ui 1.2.5 → 3.36.0

package/dist/esm/hooks/use-overlay.js

@@ -0,0 +1,156 @@
+import * as React from 'react';
+import { omit } from '../utils/omit.js';
+import '../utils/unit.js';
+
+const shallowEqualEntries = (a, b) => {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i].id !== b[i].id) return false;
+    const aKeys = Object.keys(a[i].props);
+    const bKeys = Object.keys(b[i].props);
+    if (aKeys.length !== bKeys.length) return false;
+    for (const key of aKeys) {
+      if (!Object.is(a[i].props[key], b[i].props[key])) return false;
+    }
+  }
+  return true;
+};
+function createOverlay(Component, options) {
+  const map = /* @__PURE__ */ new Map();
+  const exitPromises = /* @__PURE__ */ new Map();
+  const subscribers = /* @__PURE__ */ new Set();
+  const subscribe = (callback) => {
+    subscribers.add(callback);
+    return () => subscribers.delete(callback);
+  };
+  const publish = () => {
+    for (const callback of subscribers) {
+      callback(getSnapshot());
+    }
+  };
+  let lastSnapshotWithIds = [];
+  let lastSnapshotProps = [];
+  const getSnapshotForStore = () => {
+    const nextSnapshot = Array.from(
+      map.entries()
+    ).map(([id, props]) => ({ id, props }));
+    if (shallowEqualEntries(lastSnapshotWithIds, nextSnapshot)) {
+      return lastSnapshotWithIds;
+    }
+    lastSnapshotWithIds = nextSnapshot;
+    lastSnapshotProps = nextSnapshot.map((e) => e.props);
+    return lastSnapshotWithIds;
+  };
+  const getSnapshot = () => {
+    getSnapshotForStore();
+    return lastSnapshotProps;
+  };
+  const waitForExit = (id) => {
+    return exitPromises.get(id) || Promise.resolve();
+  };
+  const open = (id, props) => {
+    const overlayProps = {
+      ...options?.props,
+      ...props,
+      open: true,
+      onOpenChange: (e) => {
+        if (!e.open) close(id);
+      },
+      onExitComplete: () => {
+        const overlay = get(id);
+        if (overlay.setExitComplete) {
+          overlay.setExitComplete();
+          overlay.setExitComplete = void 0;
+        }
+        remove(id);
+      },
+      setReturnValue: void 0,
+      setExitComplete: void 0
+    };
+    map.set(id, overlayProps);
+    const prom = new Promise((resolve) => {
+      map.set(id, {
+        ...overlayProps,
+        setReturnValue: resolve
+      });
+    });
+    publish();
+    return prom;
+  };
+  const close = (id, value) => {
+    const prevProps = get(id);
+    map.set(id, { ...prevProps, open: false });
+    if (prevProps.setReturnValue) {
+      prevProps.setReturnValue(value);
+      prevProps.setReturnValue = void 0;
+    }
+    publish();
+    const exitPromise = new Promise((resolve) => {
+      const overlay = get(id);
+      map.set(id, {
+        ...overlay,
+        setExitComplete: resolve
+      });
+    });
+    exitPromises.set(id, exitPromise);
+    return exitPromise;
+  };
+  const remove = (id) => {
+    map.delete(id);
+    exitPromises.delete(id);
+    publish();
+  };
+  const update = (id, props) => {
+    const prevProps = get(id);
+    map.set(id, {
+      ...prevProps,
+      ...omit(props, ["open", "onOpenChange", "onExitComplete"])
+    });
+    publish();
+  };
+  const get = (id) => {
+    const overlay = map.get(id);
+    if (!overlay) {
+      throw new Error(`[mainbase-ui] Overlay with id ${id} not found`);
+    }
+    return overlay;
+  };
+  function has(id) {
+    return map.has(id);
+  }
+  const removeAll = () => {
+    map.clear();
+    exitPromises.clear();
+    publish();
+  };
+  function OverlayViewportItem(props) {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+      setMounted(true);
+    }, []);
+    const open2 = mounted ? props.open ?? false : false;
+    return /* @__PURE__ */ React.createElement(Component, { ...props, open: open2 });
+  }
+  function Viewport() {
+    const overlays = React.useSyncExternalStore(
+      subscribe,
+      getSnapshotForStore,
+      getSnapshotForStore
+    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, overlays.map(({ id, props }) => /* @__PURE__ */ React.createElement(OverlayViewportItem, { key: id, ...props })));
+  }
+  return {
+    Viewport,
+    open,
+    close,
+    update,
+    remove,
+    removeAll,
+    get,
+    has,
+    getSnapshot,
+    waitForExit
+  };
+}
+
+export { createOverlay };

package/dist/esm/hooks/use-previous.js

@@ -0,0 +1,14 @@
+"use client";
+import { useState } from 'react';
+
+function usePrevious(value) {
+  const [current, setCurrent] = useState(value);
+  const [previous, setPrevious] = useState();
+  if (!Object.is(value, current)) {
+    setPrevious(current);
+    setCurrent(value);
+  }
+  return previous;
+}
+
+export { usePrevious };

package/dist/esm/hooks/use-safe-layout-effect.js

@@ -0,0 +1,6 @@
+"use client";
+import { useLayoutEffect, useEffect } from 'react';
+
+const useSafeLayoutEffect = typeof globalThis?.document !== "undefined" ? useLayoutEffect : useEffect;
+
+export { useSafeLayoutEffect };

package/dist/esm/hooks/use-update-effect.js

@@ -0,0 +1,23 @@
+"use client";
+import { useRef, useEffect } from 'react';
+
+const useUpdateEffect = (effect, deps) => {
+  const renderCycleRef = useRef(false);
+  const effectCycleRef = useRef(false);
+  useEffect(() => {
+    const isMounted = renderCycleRef.current;
+    const shouldRun = isMounted && effectCycleRef.current;
+    if (shouldRun) {
+      return effect();
+    }
+    effectCycleRef.current = true;
+  }, deps);
+  useEffect(() => {
+    renderCycleRef.current = true;
+    return () => {
+      renderCycleRef.current = false;
+    };
+  }, []);
+};
+
+export { useUpdateEffect };

package/dist/esm/index.js

@@ -0,0 +1,320 @@
+export { AbsoluteCenter } from './components/absolute-center/absolute-center.js';
+export { AccordionContext, AccordionItem, AccordionItemBody, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionPropsProvider, AccordionRoot, AccordionRootProvider, useAccordionStyles } from './components/accordion/accordion.js';
+export { useAccordion, useAccordionContext, useAccordionItemContext } from '@ark-ui/react/accordion';
+import * as namespace from './components/accordion/namespace.js';
+export { namespace as Accordion };
+export { ActionBarCloseTrigger, ActionBarContent, ActionBarContext, ActionBarPositioner, ActionBarPropsProvider, ActionBarRoot, ActionBarRootProvider, ActionBarSelectionTrigger, ActionBarSeparator, useActionBarStyles } from './components/action-bar/action-bar.js';
+export { usePopover as useActionBar, usePopoverContext as useActionBarContext, usePopover, usePopoverContext } from '@ark-ui/react/popover';
+import * as namespace$1 from './components/action-bar/namespace.js';
+export { namespace$1 as ActionBar };
+export { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertTitle, useAlertStyles } from './components/alert/alert.js';
+import * as namespace$2 from './components/alert/namespace.js';
+export { namespace$2 as Alert };
+export { AspectRatio } from './components/aspect-ratio/aspect-ratio.js';
+export { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles } from './components/avatar/avatar.js';
+export { useAvatar, useAvatarContext } from '@ark-ui/react/avatar';
+import * as namespace$3 from './components/avatar/namespace.js';
+export { namespace$3 as Avatar };
+export { Badge, BadgePropsProvider } from './components/badge/badge.js';
+export { Bleed } from './components/bleed/bleed.js';
+export { BlockquoteCaption, BlockquoteContent, BlockquoteIcon, BlockquotePropsProvider, BlockquoteRoot, useBlockquoteStyles } from './components/blockquote/blockquote.js';
+import * as namespace$4 from './components/blockquote/namespace.js';
+export { namespace$4 as Blockquote };
+export { Box } from './components/box/index.js';
+export { BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPropsProvider, BreadcrumbRoot, BreadcrumbSeparator, useBreadcrumbStyles } from './components/breadcrumb/breadcrumb.js';
+import * as namespace$5 from './components/breadcrumb/namespace.js';
+export { namespace$5 as Breadcrumb };
+export { Button, ButtonPropsProvider } from './components/button/button.js';
+export { IconButton } from './components/button/icon-button.js';
+export { ButtonGroup } from './components/button/button-group.js';
+export { CloseButton } from './components/button/close-button.js';
+export { CardBody, CardDescription, CardFooter, CardHeader, CardPropsProvider, CardRoot, CardTitle, useCardStyles } from './components/card/card.js';
+import * as namespace$6 from './components/card/namespace.js';
+export { namespace$6 as Card };
+export { CarouselAutoplayIndicator, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicators, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselProgressText, CarouselPropsProvider, CarouselRoot, CarouselRootProvider, useCarouselStyles } from './components/carousel/carousel.js';
+export { useCarousel, useCarouselContext } from '@ark-ui/react/carousel';
+import * as namespace$7 from './components/carousel/namespace.js';
+export { namespace$7 as Carousel };
+export { Center } from './components/center/center.js';
+export { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles } from './components/checkbox/checkbox.js';
+export { useCheckbox, useCheckbox as useCheckboxCard, useCheckboxContext as useCheckboxCardContext, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '@ark-ui/react/checkbox';
+import * as namespace$8 from './components/checkbox/namespace.js';
+export { namespace$8 as Checkbox };
+export { CheckboxCardAddon, CheckboxCardContent, CheckboxCardContext, CheckboxCardControl, CheckboxCardDescription, CheckboxCardHiddenInput, CheckboxCardIndicator, CheckboxCardLabel, CheckboxCardRoot, CheckboxCardRootPropsProvider, CheckboxCardRootProvider, useCheckboxCardStyles } from './components/checkbox-card/checkbox-card.js';
+import * as namespace$9 from './components/checkbox-card/namespace.js';
+export { namespace$9 as CheckboxCard };
+export { Checkmark } from './components/checkmark/checkmark.js';
+export { Circle } from './components/circle/index.js';
+export { ClientOnly } from './components/client-only/client-only.js';
+export { ClipboardContext, ClipboardControl, ClipboardCopyText, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardPropsProvider, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, useClipboardStyles } from './components/clipboard/clipboard.js';
+export { useClipboard, useClipboardContext } from '@ark-ui/react/clipboard';
+import * as namespace$a from './components/clipboard/namespace.js';
+export { namespace$a as Clipboard };
+export { Code, CodePropsProvider } from './components/code/code.js';
+export { CodeBlockAdapterProvider } from './components/code-block/code-block-adapter-provider.js';
+export { CodeBlockCode, CodeBlockCodeText, CodeBlockCollapseIndicator, CodeBlockCollapseText, CodeBlockCollapseTrigger, CodeBlockContent, CodeBlockContext, CodeBlockControl, CodeBlockCopyIndicator, CodeBlockCopyTrigger, CodeBlockFooter, CodeBlockHeader, CodeBlockOverlay, CodeBlockRoot, CodeBlockTitle } from './components/code-block/code-block.js';
+export { createHighlightJsAdapter, createShikiAdapter, plainTextAdapter } from './components/code-block/adapters.js';
+import * as namespace$b from './components/code-block/namespace.js';
+export { namespace$b as CodeBlock };
+export { CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsiblePropsProvider, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, useCollapsibleStyles } from './components/collapsible/collapsible.js';
+export { useCollapsible, useCollapsibleContext } from '@ark-ui/react/collapsible';
+import * as namespace$c from './components/collapsible/namespace.js';
+export { namespace$c as Collapsible };
+export { ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerChannelText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropper, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerPropsProvider, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSliders, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, getColorChannels, useColorPickerStyles } from './components/color-picker/color-picker.js';
+export { parseColor, useColorPicker, useColorPickerContext } from '@ark-ui/react/color-picker';
+import * as namespace$d from './components/color-picker/namespace.js';
+export { namespace$d as ColorPicker };
+export { ColorSwatch, ColorSwatchMix, ColorSwatchPropsProvider } from './components/color-swatch/index.js';
+export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxIndicatorGroup, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxPropsProvider, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, useComboboxStyles } from './components/combobox/combobox.js';
+export { useCombobox, useComboboxContext, useComboboxItemContext } from '@ark-ui/react/combobox';
+import * as namespace$e from './components/combobox/namespace.js';
+export { namespace$e as Combobox };
+export { Container, ContainerPropsProvider } from './components/container/container.js';
+export { DataListItem, DataListItemLabel, DataListItemValue, DataListPropsProvider, DataListRoot, useDataListStyles } from './components/data-list/data-list.js';
+import * as namespace$f from './components/data-list/namespace.js';
+export { namespace$f as DataList };
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerDayTable, DatePickerHeader, DatePickerIndicatorGroup, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerMonthTable, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerPropsProvider, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerWeekNumberCell, DatePickerWeekNumberCellText, DatePickerWeekNumberHeaderCell, DatePickerYearSelect, DatePickerYearTable, useDatePickerStyles } from './components/date-picker/date-picker.js';
+export { DatePickerContext, parseDate, useDatePicker, useDatePickerContext } from '@ark-ui/react/date-picker';
+import * as namespace$g from './components/date-picker/namespace.js';
+export { namespace$g as DatePicker };
+export { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles } from './components/dialog/dialog.js';
+export { useDialog, useDialogContext, useDialog as useDrawer, useDialogContext as useDrawerContext } from '@ark-ui/react/dialog';
+import * as namespace$h from './components/dialog/namespace.js';
+export { namespace$h as Dialog };
+export { DownloadTrigger } from './components/download-trigger/index.js';
+export { DrawerActionTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPositioner, DrawerRoot, DrawerRootPropsProvider, DrawerRootProvider, DrawerTitle, DrawerTrigger, useDrawerStyles } from './components/drawer/drawer.js';
+import * as namespace$i from './components/drawer/namespace.js';
+export { namespace$i as Drawer };
+export { EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditablePreview, EditablePropsProvider, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EditableTextarea, useEditableStyles } from './components/editable/editable.js';
+export { useEditable, useEditableContext } from '@ark-ui/react/editable';
+import * as namespace$j from './components/editable/namespace.js';
+export { namespace$j as Editable };
+export { Em } from './components/em/index.js';
+export { EmptyStateContent, EmptyStateDescription, EmptyStateIndicator, EmptyStatePropsProvider, EmptyStateRoot, EmptyStateTitle, useEmptyStateStyles } from './components/empty-state/empty-state.js';
+import * as namespace$k from './components/empty-state/namespace.js';
+export { namespace$k as EmptyState };
+export { EnvironmentProvider, useEnvironmentContext } from '@ark-ui/react/environment';
+export { FieldErrorIcon, FieldErrorText, FieldHelperText, FieldLabel, FieldPropsProvider, FieldRequiredIndicator, FieldRoot, useFieldStyles } from './components/field/field.js';
+export { FieldContext, FieldItem, useFieldContext } from '@ark-ui/react/field';
+import * as namespace$l from './components/field/namespace.js';
+export { namespace$l as Field };
+export { FieldsetContent, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot } from './components/fieldset/fieldset.js';
+export { useFieldsetContext } from '@ark-ui/react/fieldset';
+import * as namespace$m from './components/fieldset/namespace.js';
+export { namespace$m as Fieldset };
+export { FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadDropzoneContent, FileUploadFileText, FileUploadHiddenInput, FileUploadItem, FileUploadItemContent, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadItems, FileUploadLabel, FileUploadList, FileUploadPropsProvider, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, useFileUploadStyles } from './components/file-upload/file-upload.js';
+export { useFileUpload, useFileUploadContext } from '@ark-ui/react/file-upload';
+import * as namespace$n from './components/file-upload/namespace.js';
+export { namespace$n as FileUpload };
+export { Flex } from './components/flex/flex.js';
+export { Float } from './components/float/float.js';
+export { FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelPropsProvider, FloatingPanelResizeTrigger, FloatingPanelResizeTriggers, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, useFloatingPanelStyles } from './components/floating-panel/floating-panel.js';
+export { FloatingPanelContext, useFloatingPanel, useFloatingPanelContext } from '@ark-ui/react/floating-panel';
+import * as namespace$o from './components/floating-panel/namespace.js';
+export { namespace$o as FloatingPanel };
+export { FocusTrap } from './components/focus-trap/focus-trap.js';
+export { For } from './components/for/for.js';
+export { FormatByte, FormatNumber } from './components/format/index.js';
+export { Grid } from './components/grid/grid.js';
+export { GridItem } from './components/grid/grid-item.js';
+export { Group } from './components/group/group.js';
+export { Heading, HeadingPropsProvider } from './components/heading/index.js';
+export { Highlight } from './components/highlight/highlight.js';
+export { useHighlight } from '@ark-ui/react/highlight';
+export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles } from './components/hover-card/hover-card.js';
+import * as namespace$p from './components/hover-card/namespace.js';
+export { namespace$p as HoverCard };
+export { useHoverCard, useHoverCardContext } from '@ark-ui/react/hover-card';
+export { Icon, IconPropsProvider } from './components/icon/icon.js';
+export { createIcon } from './components/icon/create-icon.js';
+export { Image } from './components/image/image.js';
+export { Input, InputPropsProvider } from './components/input/input.js';
+export { InputAddon } from './components/input-addon/input-addon.js';
+export { InputElement } from './components/input-element/input-element.js';
+export { InputGroup } from './components/input-group/input-group.js';
+export { Kbd } from './components/kbd/kbd.js';
+export { Link, LinkPropsProvider } from './components/link/link.js';
+export { LinkBox, LinkOverlay } from './components/link/link-box.js';
+export { ListIndicator, ListItem, ListRoot, ListRootPropsProvider, useListStyles } from './components/list/list.js';
+import * as namespace$q from './components/list/namespace.js';
+export { namespace$q as List };
+export { ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxPropsProvider, ListboxRoot, ListboxRootProvider, ListboxValueText, useListboxStyles } from './components/listbox/listbox.js';
+export { useListbox, useListboxContext, useListboxItemContext } from '@ark-ui/react/listbox';
+import * as namespace$r from './components/listbox/namespace.js';
+export { namespace$r as Listbox };
+export { Loader } from './components/loader/loader.js';
+export { LoaderOverlay } from './components/loader/loader-overlay.js';
+export { LocaleProvider, useFilter, useLocaleContext } from '@ark-ui/react/locale';
+export { Mark, MarkPropsProvider } from './components/mark/index.js';
+export { MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemCommand, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuPropsProvider, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuStyles } from './components/menu/menu.js';
+export { useMenu, useMenuContext, useMenuItemContext } from '@ark-ui/react/menu';
+import * as namespace$t from './components/menu/namespace.js';
+export { namespace$t as Menu };
+export { NativeSelectField, NativeSelectIndicator, NativeSelectPropsProvider, NativeSelectRoot, useNativeSelectStyles } from './components/native-select/native-select.js';
+import * as namespace$u from './components/native-select/namespace.js';
+export { namespace$u as NativeSelect };
+export { NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputPropsProvider, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, useNumberInputStyles } from './components/number-input/number-input.js';
+export { useNumberInput, useNumberInputContext } from '@ark-ui/react/number-input';
+import * as namespace$v from './components/number-input/namespace.js';
+export { namespace$v as NumberInput };
+export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPageText, PaginationPrevTrigger, PaginationPropsProvider, PaginationRoot, PaginationRootProvider, usePaginationStyles } from './components/pagination/pagination.js';
+export { usePagination, usePaginationContext } from '@ark-ui/react/pagination';
+import * as namespace$w from './components/pagination/namespace.js';
+export { namespace$w as Pagination };
+export { PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputPropsProvider, PinInputRoot, PinInputRootProvider, usePinInputStyles } from './components/pin-input/pin-input.js';
+import * as namespace$x from './components/pin-input/namespace.js';
+export { namespace$x as PinInput };
+export { usePinInput, usePinInputContext } from '@ark-ui/react/pin-input';
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles } from './components/popover/popover.js';
+import * as namespace$y from './components/popover/namespace.js';
+export { namespace$y as Popover };
+export { Portal } from '@ark-ui/react/portal';
+export { Presence } from './components/presence/index.js';
+export { ProgressContext, ProgressLabel, ProgressPropsProvider, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, useProgressStyles } from './components/progress/progress.js';
+import * as namespace$z from './components/progress/namespace.js';
+export { namespace$z as Progress };
+export { useProgress, useProgressContext } from '@ark-ui/react/progress';
+export { ProgressCircleCircle, ProgressCircleContext, ProgressCircleLabel, ProgressCirclePropsProvider, ProgressCircleRange, ProgressCircleRoot, ProgressCircleRootProvider, ProgressCircleTrack, ProgressCircleValueText, useProgressCircleStyles } from './components/progress-circle/progress-circle.js';
+import * as namespace$A from './components/progress-circle/namespace.js';
+export { namespace$A as ProgressCircle };
+export { QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodePropsProvider, QrCodeRoot, QrCodeRootProvider, useQrCodeStyles } from './components/qr-code/qr-code.js';
+export { useQrCode, useQrCodeContext } from '@ark-ui/react/qr-code';
+import * as namespace$B from './components/qr-code/namespace.js';
+export { namespace$B as QrCode };
+export { Quote } from './components/quote/index.js';
+export { RadioCardContext, RadioCardItem, RadioCardItemAddon, RadioCardItemContent, RadioCardItemControl, RadioCardItemDescription, RadioCardItemHiddenInput, RadioCardItemIndicator, RadioCardItemText, RadioCardLabel, RadioCardPropsProvider, RadioCardRoot, RadioCardRootProvider, useRadioCardStyles } from './components/radio-card/radio-card.js';
+export { useRadioGroupContext as useRadioCardContext, useRadioGroup as useRadioCardGroup, useRadioGroupItemContext as useRadioCardItemContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext } from '@ark-ui/react/radio-group';
+import * as namespace$C from './components/radio-card/namespace.js';
+export { namespace$C as RadioCard };
+export { RadioGroupContext, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles } from './components/radio-group/radio-group.js';
+import * as namespace$D from './components/radio-group/namespace.js';
+export { namespace$D as RadioGroup };
+export { Radiomark } from './components/radiomark/radiomark.js';
+export { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupItemIndicator, RatingGroupItems, RatingGroupLabel, RatingGroupPropsProvider, RatingGroupRoot, RatingGroupRootProvider, useRatingGroupStyles } from './components/rating-group/rating-group.js';
+export { useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from '@ark-ui/react/rating-group';
+import * as namespace$E from './components/rating-group/namespace.js';
+export { namespace$E as RatingGroup };
+export { ScrollAreaContent, ScrollAreaContext, ScrollAreaCorner, ScrollAreaPropsProvider, ScrollAreaRoot, ScrollAreaRootProvider, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, useScrollAreaStyles } from './components/scroll-area/scroll-area.js';
+export { useScrollArea, useScrollAreaContext } from '@ark-ui/react/scroll-area';
+import * as namespace$F from './components/scroll-area/namespace.js';
+export { namespace$F as ScrollArea };
+export { SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupItems, SegmentGroupPropsProvider, SegmentGroupRoot, SegmentGroupRootProvider, useSegmentGroupStyles } from './components/segment-group/segment-group.js';
+export { useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext } from '@ark-ui/react/segment-group';
+import * as namespace$G from './components/segment-group/namespace.js';
+export { namespace$G as SegmentGroup };
+export { SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectIndicatorGroup, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectPropsProvider, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, useSelectStyles } from './components/select/select.js';
+export { useSelect, useSelectContext, useSelectItemContext } from '@ark-ui/react/select';
+import * as namespace$H from './components/select/namespace.js';
+export { namespace$H as Select };
+export { Separator, SeparatorPropsProvider } from './components/separator/separator.js';
+export { Show } from './components/show/show.js';
+export { SimpleGrid } from './components/simple-grid/simple-grid.js';
+export { Skeleton, SkeletonCircle, SkeletonPropsProvider, SkeletonText } from './components/skeleton/skeleton.js';
+export { SkipNavLink } from './components/skip-nav/skip-nav-link.js';
+export { SkipNavContent } from './components/skip-nav/skip-nav-content.js';
+export { SliderContext, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderMarkerLabel, SliderPropsProvider, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, useSliderStyles } from './components/slider/slider.js';
+export { useSlider, useSliderContext } from '@ark-ui/react/slider';
+import * as namespace$I from './components/slider/namespace.js';
+export { namespace$I as Slider };
+export { Spacer } from './components/spacer/spacer.js';
+export { SplitterContext, SplitterPanel, SplitterPropsProvider, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterResizeTriggerSeparator, SplitterRoot, SplitterRootProvider, useSplitterStyles } from './components/splitter/splitter.js';
+export { createSplitterRegistry, getSplitterLayout, useSplitter, useSplitterContext } from '@ark-ui/react/splitter';
+import * as namespace$J from './components/splitter/namespace.js';
+export { namespace$J as Splitter };
+export { Span } from './components/span/index.js';
+export { Spinner, SpinnerPropsProvider } from './components/spinner/spinner.js';
+export { Square } from './components/square/index.js';
+export { HStack } from './components/stack/h-stack.js';
+export { VStack } from './components/stack/v-stack.js';
+export { Stack } from './components/stack/stack.js';
+export { StackSeparator } from './components/stack/stack-separator.js';
+export { StatDownIndicator, StatGroup, StatHelpText, StatLabel, StatPropsProvider, StatRoot, StatUpIndicator, StatValueText, StatValueUnit, useStatStyles } from './components/stat/stat.js';
+import * as namespace$K from './components/stat/namespace.js';
+export { namespace$K as Stat };
+import * as namespace$L from './components/status/namespace.js';
+export { namespace$L as Status };
+export { StatusIndicator, StatusPropsProvider, StatusRoot, useStatusStyles } from './components/status/status.js';
+export { StepsCompletedContent, StepsContent, StepsContext, StepsDescription, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsNumber, StepsPrevTrigger, StepsPropsProvider, StepsRoot, StepsRootProvider, StepsSeparator, StepsStatus, StepsTitle, StepsTrigger, useStepsStyles } from './components/steps/steps.js';
+export { useSteps, useStepsContext, useStepsItemContext } from '@ark-ui/react/steps';
+import * as namespace$M from './components/steps/namespace.js';
+export { namespace$M as Steps };
+export { Sticky } from './components/sticky/index.js';
+export { Strong } from './components/strong/index.js';
+export { SwitchContext, SwitchControl, SwitchHiddenInput, SwitchIndicator, SwitchLabel, SwitchPropsProvider, SwitchRoot, SwitchRootProvider, SwitchThumb, SwitchThumbIndicator, useSwitchStyles } from './components/switch/switch.js';
+export { useSwitch, useSwitchContext } from '@ark-ui/react/switch';
+import * as namespace$N from './components/switch/namespace.js';
+export { namespace$N as Switch };
+export { TableBody, TableCaption, TableCell, TableColumn, TableColumnGroup, TableColumnHeader, TableFooter, TableHeader, TableRoot, TableRootPropsProvider, TableRow, TableScrollArea, useTableStyles } from './components/table/table.js';
+import * as namespace$O from './components/table/namespace.js';
+export { namespace$O as Table };
+export { TabsContent, TabsContentGroup, TabsIndicator, TabsList, TabsPropsProvider, TabsRoot, TabsRootProvider, TabsTrigger, useTabsStyles } from './components/tabs/tabs.js';
+export { TabsContext, useTabs, useTabsContext } from '@ark-ui/react/tabs';
+import * as namespace$P from './components/tabs/namespace.js';
+export { namespace$P as Tabs };
+export { TagCloseTrigger, TagEndElement, TagLabel, TagRoot, TagRootPropsProvider, TagStartElement, useTagStyles } from './components/tag/tag.js';
+import * as namespace$Q from './components/tag/namespace.js';
+export { namespace$Q as Tag };
+export { TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemText, TagsInputItems, TagsInputLabel, TagsInputPropsProvider, TagsInputRoot, TagsInputRootProvider, useTagsInputStyles } from './components/tags-input/tags-input.js';
+export { useTagsInput, useTagsInputContext, useTagsInputItemContext } from '@ark-ui/react/tags-input';
+import * as namespace$R from './components/tags-input/namespace.js';
+export { namespace$R as TagsInput };
+export { Text, TextPropsProvider } from './components/text/index.js';
+export { Textarea, TextareaPropsProvider } from './components/textarea/textarea.js';
+export { Theme } from './components/theme.js';
+export { TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineRoot, TimelineRootPropsProvider, TimelineSeparator, TimelineTitle, useTimelineStyles } from './components/timeline/timeline.js';
+import * as namespace$S from './components/timeline/namespace.js';
+export { namespace$S as Timeline };
+export { ToastActionTrigger, ToastCloseTrigger, ToastDescription, ToastIndicator, ToastRoot, ToastTitle, Toaster, useToastStyles } from './components/toast/toast.js';
+import * as namespace$T from './components/toast/namespace.js';
+export { namespace$T as Toast };
+export { ToggleContext, ToggleIndicator, TogglePropsProvider, ToggleRoot, useToggleStyles } from './components/toggle/toggle.js';
+export { useToggle, useToggleContext } from '@ark-ui/react/toggle';
+import * as namespace$U from './components/toggle/namespace.js';
+export { namespace$U as Toggle };
+export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipPropsProvider, TooltipRoot, TooltipRootProvider, TooltipTrigger, useTooltipStyles } from './components/tooltip/tooltip.js';
+import * as namespace$V from './components/tooltip/namespace.js';
+export { namespace$V as Tooltip };
+export { useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndentGuide, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewNodeCheckbox, TreeViewRoot, TreeViewRootProvider, TreeViewTree, useTreeViewStyles } from './components/tree-view/tree-view.js';
+import * as namespace$W from './components/tree-view/namespace.js';
+export { namespace$W as TreeView };
+export { TreeViewContext, TreeViewNodeCheckboxIndicator, TreeViewNodeContext, TreeViewNodeProvider, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/react/tree-view';
+export { VisuallyHidden, visuallyHiddenStyle } from './components/visually-hidden/visually-hidden.js';
+export { Wrap, WrapItem } from './components/wrap/wrap.js';
+export { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueePropsProvider, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, useMarqueeStyles } from './components/marquee/marquee.js';
+import * as namespace$s from './components/marquee/namespace.js';
+export { namespace$s as Marquee };
+export { useMarquee, useMarqueeContext } from '@ark-ui/react/marquee';
+export { createContext } from './create-context.js';
+export { useBreakpoint, useBreakpointValue } from './hooks/use-breakpoint.js';
+export { useCallbackRef } from './hooks/use-callback-ref.js';
+export { useConst } from './hooks/use-const.js';
+export { useControllableProp, useControllableState } from './hooks/use-controllable-state.js';
+export { useDisclosure } from './hooks/use-disclosure.js';
+export { useElementRect } from './hooks/use-element-rect.js';
+export { useForceUpdate } from './hooks/use-force-update.js';
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useListCollection } from '@ark-ui/react/collection';
+export { useLiveRef } from './hooks/use-live-ref.js';
+export { useMediaQuery } from './hooks/use-media-query.js';
+export { createOverlay } from './hooks/use-overlay.js';
+export { usePrevious } from './hooks/use-previous.js';
+export { useSafeLayoutEffect } from './hooks/use-safe-layout-effect.js';
+export { useUpdateEffect } from './hooks/use-update-effect.js';
+export { mergeProps } from './merge-props.js';
+export { mergeRefs } from './merge-refs.js';
+export { defaultConfig, defaultSystem } from './preset.js';
+export { defaultBaseConfig } from './preset-base.js';
+export { defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens } from './styled-system/config.js';
+export { createRecipeContext } from './styled-system/create-recipe-context.js';
+export { createSlotRecipeContext } from './styled-system/create-slot-recipe-context.js';
+export { EMPTY_SLOT_STYLES, EMPTY_STYLES } from './styled-system/empty.js';
+export { mainbase } from './styled-system/factory.js';
+export { MainbaseProvider, useMainbaseContext } from './styled-system/provider.js';
+export { RecipePropsProvider, useParentRecipeProps } from './styled-system/recipe-props.js';
+export { createSystem, isValidSystem } from './styled-system/system.js';
+export { useRecipe } from './styled-system/use-recipe.js';
+export { useSlotRecipe } from './styled-system/use-slot-recipe.js';
+export { useToken } from './styled-system/use-token.js';
+export { createToaster } from '@ark-ui/react/toast';
+export { mergeConfigs } from './styled-system/merge-config.js';
+export { useDownload } from '@ark-ui/react/download-trigger';

package/dist/esm/merge-props.js

@@ -0,0 +1,34 @@
+import { callAll } from './utils/call-all.js';
+import 'react';
+import './utils/unit.js';
+
+const clsx = (...args) => args.map((str) => str?.trim?.()).filter(Boolean).join(" ");
+const eventRegex = /^on[A-Z]/;
+function mergeProps(...args) {
+  let result = {};
+  for (let props of args) {
+    for (let key in result) {
+      if (eventRegex.test(key) && typeof result[key] === "function" && typeof props[key] === "function") {
+        result[key] = callAll(result[key], props[key]);
+        continue;
+      }
+      if (key === "className" || key === "class") {
+        result[key] = clsx(result[key], props[key]);
+        continue;
+      }
+      if (key === "style") {
+        result[key] = Object.assign({}, result[key] ?? {}, props[key] ?? {});
+        continue;
+      }
+      result[key] = props[key] !== void 0 ? props[key] : result[key];
+    }
+    for (let key in props) {
+      if (result[key] === void 0) {
+        result[key] = props[key];
+      }
+    }
+  }
+  return result;
+}
+
+export { mergeProps };

package/dist/esm/merge-refs.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+const majorVersion = parseInt(React.version.split(".")[0], 10);
+const shouldReturnCleanup = majorVersion >= 19;
+function assignRef(ref, value) {
+  if (ref == null) return;
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  try {
+    ref.current = value;
+  } catch (error) {
+    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+  }
+}
+function mergeRefs(...refs) {
+  const availableRefs = refs.filter((ref) => ref != null);
+  if (shouldReturnCleanup) {
+    const cleanupMap = /* @__PURE__ */ new Map();
+    return (node) => {
+      availableRefs.forEach((ref) => {
+        const cleanup = assignRef(ref, node);
+        if (cleanup) {
+          cleanupMap.set(ref, cleanup);
+        }
+      });
+      return () => {
+        availableRefs.forEach((ref) => {
+          const cleanup = cleanupMap.get(ref);
+          if (cleanup && typeof cleanup === "function") {
+            cleanup();
+          } else {
+            assignRef(ref, null);
+          }
+        });
+        cleanupMap.clear();
+      };
+    };
+  } else {
+    return (node) => {
+      availableRefs.forEach((ref) => {
+        assignRef(ref, node);
+      });
+    };
+  }
+}
+
+export { assignRef, mergeRefs };