@ark-ui/solid 2.1.0 → 2.2.0

package/esm/index.js

@@ -1,12 +1,14 @@
 import { createComponent, Dynamic, mergeProps, memo, use, template, spread, insert, effect } from 'solid-js/web';
-import { createContext as createContext$1, useContext, splitProps, createSignal, createMemo, createEffect, Show, createUniqueId, Index, children, onCleanup } from 'solid-js';
+import { createContext as createContext$1, useContext, splitProps, createSignal, createMemo, createEffect, Show, createUniqueId, children, Index, onCleanup } from 'solid-js';
 import { useMachine, normalizeProps, mergeProps as mergeProps$1, useActor } from '@zag-js/solid';
 import * as presence from '@zag-js/presence';
 import * as accordion$1 from '@zag-js/accordion';
 import * as avatar$1 from '@zag-js/avatar';
-import { carouselAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy, treeViewAnatomy } from '@ark-ui/anatomy';
+import { carouselAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy } from '@ark-ui/anatomy';
 import * as carousel$1 from '@zag-js/carousel';
 import * as checkbox$1 from '@zag-js/checkbox';
+import * as clipboard$1 from '@zag-js/clipboard';
+import * as collapsible$1 from '@zag-js/collapsible';
 import * as colorPicker$1 from '@zag-js/color-picker';
 import * as combobox$1 from '@zag-js/combobox';
 import * as datePicker$1 from '@zag-js/date-picker';
@@ -14,6 +16,7 @@ import * as dialog$1 from '@zag-js/dialog';
 import * as editable$1 from '@zag-js/editable';
 import * as fileUpload$1 from '@zag-js/file-upload';
 import * as hoverCard$1 from '@zag-js/hover-card';
+import { trackLocale, isRTL } from '@zag-js/i18n-utils';
 import * as menu$1 from '@zag-js/menu';
 import * as numberInput$1 from '@zag-js/number-input';
 import * as pagination$1 from '@zag-js/pagination';
@@ -92,15 +95,19 @@ function jsxFactory() {
 }
 const ark = jsxFactory();
 
-function splitPresenceProps(props) {
-  return createSplitProps()(props, ['lazyMount', 'onExitComplete', 'present', 'unmountOnExit']);
-}
+const splitPresenceProps = props => createSplitProps()(props, ['lazyMount', 'onExitComplete', 'present', 'unmountOnExit']);
+
+const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
+  hookName: 'useRenderStrategyContext',
+  providerName: '<RenderStrategyProvider />'
+});
+const splitRenderStrategyProps = props => createSplitProps()(props, ['lazyMount', 'unmountOnExit']);
 
 const usePresence = props => {
-  const [localProps, machineProps] = splitProps(props, ['lazyMount', 'unmountOnExit']);
+  const [renderStrategyProps, context] = splitRenderStrategyProps(props);
   const [wasEverPresent, setWasEverPresent] = createSignal(false);
-  const [state, send] = useMachine(presence.machine(machineProps), {
-    context: machineProps
+  const [state, send] = useMachine(presence.machine(context), {
+    context
   });
   const api = createMemo(() => presence.connect(state, send, normalizeProps));
   createEffect(() => {
@@ -108,12 +115,12 @@ const usePresence = props => {
     if (isPresent) setWasEverPresent(true);
   });
   return createMemo(() => ({
-    isUnmounted: !api().isPresent && !wasEverPresent() && localProps.lazyMount || localProps.unmountOnExit && !api().isPresent && wasEverPresent(),
+    isUnmounted: !api().isPresent && !wasEverPresent() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().isPresent && wasEverPresent(),
     isPresent: api().isPresent,
     presenceProps: {
       ref: api().setNode,
       hidden: !api().isPresent,
-      'data-state': machineProps.present ? 'open' : 'closed'
+      'data-state': context.present ? 'open' : 'closed'
     }
   }));
 };
@@ -140,11 +147,6 @@ const [PresenceProvider, usePresenceContext] = createContext({
   providerName: '<PresenceProvider />'
 });
 
-const [PresencePropsProvider, usePresencePropsContext] = createContext({
-  hookName: 'usePresencePropsContext',
-  providerName: '<PresencePropsProvider />'
-});
-
 const isFunction = value => typeof value === 'function';
 const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
 
@@ -156,8 +158,8 @@ const [AccordionItemProvider, useAccordionItemContext] = createContext({
 const AccordionItem = props => {
   const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
   const api = useAccordionContext();
-  const presenceProps = usePresencePropsContext();
-  const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps$1(renderStrategyProps, () => ({
     present: api().getItemState(itemProps).isOpen
   })));
   const mergedProps = mergeProps$1(() => api().getItemProps(itemProps), localProps);
@@ -250,15 +252,15 @@ const useAccordion = props => {
 };
 
 const AccordionRoot = props => {
-  const [presenceProps, accordionProps] = splitPresenceProps(props);
+  const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
   const [useAccordionProps, localProps] = createSplitProps()(accordionProps, ['collapsible', 'dir', 'disabled', 'getRootNode', 'id', 'ids', 'multiple', 'onFocusChange', 'onValueChange', 'orientation', 'value']);
   const api = useAccordion(useAccordionProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(AccordionProvider, {
     value: api,
     get children() {
-      return createComponent(PresencePropsProvider, {
-        value: presenceProps,
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
         get children() {
           return createComponent(ark.div, mergedProps);
         }
@@ -485,6 +487,167 @@ var checkbox = /*#__PURE__*/Object.freeze({
   Root: CheckboxRoot
 });
 
+const [ClipboardProvider, useClipboardContext] = createContext({
+  hookName: 'useClipboardContext',
+  providerName: '<ClipboardProvider />'
+});
+
+const ClipboardControl = props => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps$1(() => api().controlProps, props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const ClipboardIndicator = props => {
+  const [indicatorProps, localProps] = createSplitProps()(props, ['copied']);
+  const api = useClipboardContext();
+  const mergedProps = mergeProps$1(api().getIndicatorProps({
+    copied: api().isCopied
+  }), localProps);
+  const getChildren = children(() => localProps.children);
+  return createComponent(ark.div, mergeProps(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return api().isCopied;
+        },
+        get fallback() {
+          return getChildren();
+        },
+        get children() {
+          return indicatorProps.copied;
+        }
+      });
+    }
+  }));
+};
+
+const ClipboardInput = props => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps$1(() => api().inputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
+const ClipboardLabel = props => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps$1(() => api().labelProps, props);
+  return createComponent(ark.label, mergedProps);
+};
+
+const useClipboard = props => {
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps$1({
+    id: createUniqueId(),
+    getRootNode
+  }, props);
+  const [state, send] = useMachine(clipboard$1.machine(context), {
+    context
+  });
+  return createMemo(() => clipboard$1.connect(state, send, normalizeProps));
+};
+
+const ClipboardRoot = props => {
+  const [useClipboardProps, localProps] = createSplitProps()(props, ['getRootNode', 'id', 'ids', 'value', 'timeout', 'onCopyStatusChange']);
+  const api = useClipboard(useClipboardProps);
+  const mergedProps = mergeProps$1(() => api().rootProps, localProps);
+  const getChildren = () => runIfFn(localProps.children, api);
+  return createComponent(ClipboardProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergeProps(mergedProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
+    }
+  });
+};
+
+const ClipboardTrigger = props => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps$1(() => api().triggerProps, props);
+  return createComponent(ark.button, mergedProps);
+};
+
+var clipboard = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Control: ClipboardControl,
+  Indicator: ClipboardIndicator,
+  Input: ClipboardInput,
+  Label: ClipboardLabel,
+  Root: ClipboardRoot,
+  Trigger: ClipboardTrigger
+});
+
+const [CollapsibleProvider, useCollapsibleContext] = createContext({
+  hookName: 'useCollapsibleContext',
+  providerName: '<CollapsibleProvider />'
+});
+
+const CollapsibleContent = props => {
+  const api = useCollapsibleContext();
+  const mergedProps = mergeProps$1(() => api().contentProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !api().isUnmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const useCollapsible = props => {
+  const getRootNode = useEnvironmentContext();
+  const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
+  const context = mergeProps$1({
+    id: createUniqueId(),
+    getRootNode
+  }, collapsibleProps);
+  const [state, send] = useMachine(collapsible$1.machine(context), {
+    context
+  });
+  const [wasVisible, setWasVisible] = createSignal(false);
+  createEffect(() => {
+    const isPresent = api().isVisible;
+    if (isPresent) setWasVisible(true);
+  });
+  const api = createMemo(() => collapsible$1.connect(state, send, normalizeProps));
+  return createMemo(() => ({
+    ...api(),
+    isUnmounted: !api().isVisible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().isVisible && wasVisible()
+  }));
+};
+
+const CollapsibleRoot = props => {
+  const [params, localProps] = createSplitProps()(props, ['dir', 'disabled', 'getRootNode', 'id', 'ids', 'lazyMount', 'onExitComplete', 'onOpenChange', 'open', 'unmountOnExit']);
+  const api = useCollapsible(params);
+  const mergedProps = mergeProps$1(() => api().rootProps, localProps);
+  return createComponent(CollapsibleProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const CollapsibleTrigger = props => {
+  const api = useCollapsibleContext();
+  const mergedProps = () => mergeProps$1(api().triggerProps, props);
+  return createComponent(ark.button, mergeProps(mergedProps, {
+    get children() {
+      return props.children;
+    }
+  }));
+};
+
+var collapsible = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Content: CollapsibleContent,
+  Root: CollapsibleRoot,
+  Trigger: CollapsibleTrigger
+});
+
 const [ColorPickerAreaProvider, useColorPickerAreaContext] = createContext({
   hookName: 'useColorPickerAreaContext',
   providerName: '<ColorPickerAreaProvider />'
@@ -637,8 +800,7 @@ const useColorPicker = props => {
   const context = mergeProps$1(() => ({
     id: createUniqueId(),
     getRootNode,
-    value: local.value ? colorPicker$1.parse(local.value) : undefined,
-    'open.controlled': props.open !== undefined
+    value: local.value ? colorPicker$1.parse(local.value) : undefined
   }), rest);
   const [state, send] = useMachine(colorPicker$1.machine(context), {
     context
@@ -1074,8 +1236,7 @@ const useDatePicker = props => {
     id: createUniqueId(),
     getRootNode,
     focusedValue: local.focusedValue ? datePicker$1.parse(local.focusedValue) : undefined,
-    value: local.value ? datePicker$1.parse(local.value) : undefined,
-    'open.controlled': props.open !== undefined
+    value: local.value ? datePicker$1.parse(local.value) : undefined
   }), rest);
   const [state, send] = useMachine(datePicker$1.machine(context), {
     context
@@ -1301,8 +1462,8 @@ const [DialogProvider, useDialogContext] = createContext({
 
 const DialogBackdrop = props => {
   const api = useDialogContext();
-  const presenceProps = usePresencePropsContext();
-  const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps$1(renderStrategyProps, () => ({
     present: api().isOpen
   })));
   const mergedProps = mergeProps$1(() => api().backdropProps, () => presenceApi().presenceProps, props);
@@ -1360,8 +1521,7 @@ const useDialog = props => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode,
-    'open.controlled': props.open !== undefined
+    getRootNode
   }, props);
   const [state, send] = useMachine(dialog$1.machine(context), {
     context
@@ -1371,6 +1531,7 @@ const useDialog = props => {
 
 const DialogRoot = props => {
   const [presenceProps, dialogProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
   const [useDialogProps, localProps] = createSplitProps()(dialogProps, ['aria-label', 'closeOnEscapeKeyDown', 'closeOnInteractOutside', 'dir', 'finalFocusEl', 'getRootNode', 'id', 'ids', 'initialFocusEl', 'modal', 'onEscapeKeyDown', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'open', 'preventScroll', 'restoreFocus', 'role', 'trapFocus']);
   const api = useDialog(useDialogProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
@@ -1380,8 +1541,8 @@ const DialogRoot = props => {
   return createComponent(DialogProvider, {
     value: api,
     get children() {
-      return createComponent(PresencePropsProvider, {
-        value: presenceProps,
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
         get children() {
           return createComponent(PresenceProvider, {
             value: apiPresence,
@@ -1722,8 +1883,7 @@ const useHoverCard = props => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode,
-    'open.controlled': props.open !== undefined
+    getRootNode
   }, props);
   const [state, send] = useMachine(hoverCard$1.machine(context), {
     context
@@ -1768,6 +1928,42 @@ var hoverCard = /*#__PURE__*/Object.freeze({
   Trigger: HoverCardTrigger
 });
 
+const [LocaleContextProvider, useLocaleContext] = createContext({
+  hookName: 'useEnvironmentContext',
+  providerName: '<EnvironmentProvider />',
+  strict: false,
+  defaultValue: () => ({
+    dir: 'ltr',
+    locale: 'en-US'
+  })
+});
+
+const LocaleProvider = props => {
+  const [localeProps, restProps] = splitProps(props, ['locale', 'defaultLocale']);
+  const [locale, setLocale] = createSignal(localeProps.defaultLocale || localeProps.locale || 'en-US');
+  const getRootNode = useEnvironmentContext();
+  createEffect(() => {
+    const cleanup = trackLocale({
+      locale: localeProps.locale,
+      getRootNode,
+      onLocaleChange(locale) {
+        setLocale(locale.locale);
+      }
+    });
+    onCleanup(cleanup);
+  });
+  const context = createMemo(() => ({
+    locale: locale(),
+    dir: isRTL(locale()) ? 'rtl' : 'ltr'
+  }));
+  return createComponent(LocaleContextProvider, {
+    value: context,
+    get children() {
+      return restProps.children;
+    }
+  });
+};
+
 const [MenuProvider, useMenuContext] = createContext({
   hookName: 'useMenuContext',
   providerName: '<MenuProvider />',
@@ -1870,8 +2066,7 @@ const useMenu = props => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode,
-    'open.controlled': props.open !== undefined
+    getRootNode
   }, props);
   const [state, send, machine] = useMachine(menu$1.machine(context), {
     context
@@ -2246,8 +2441,7 @@ const usePopover = props => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode,
-    'open.controlled': props.open !== undefined
+    getRootNode
   }, props);
   const [state, send] = useMachine(popover$1.machine(context), {
     context
@@ -2819,8 +3013,7 @@ const useSelect = props => {
   const context = () => mergeProps$1({
     id: createUniqueId(),
     getRootNode,
-    collection: collection(),
-    'open.controlled': props.open !== undefined
+    collection: collection()
   }, rest);
   const [state, send] = useMachine(select$1.machine(context()), {
     context
@@ -3022,7 +3215,7 @@ const useSplitter = props => {
 };
 
 const SplitterRoot = props => {
-  const [splitterParams, localProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onSizeChange', 'onSizeChangeEnd', 'onSizeChangeStart', 'orientation', 'size']);
+  const [splitterParams, localProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onSizeChange', 'onSizeChangeEnd', 'orientation', 'size']);
   const api = useSplitter(splitterParams);
   const getChildren = () => runIfFn(localProps.children, api);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
@@ -3118,8 +3311,8 @@ const [TabsProvider, useTabsContext] = createContext({
 const TabContent = props => {
   const [contentProps, localProps] = createSplitProps()(props, ['value']);
   const api = useTabsContext();
-  const presenceProps = usePresencePropsContext();
-  const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps$1(renderStrategyProps, () => ({
     present: api().value === contentProps.value
   })));
   const mergedProps = mergeProps$1(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
@@ -3170,15 +3363,15 @@ const useTabs = props => {
 };
 
 const TabsRoot = props => {
-  const [presenceProps, tabsProps] = splitPresenceProps(props);
+  const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
   const [tabsParams, restProps] = createSplitProps()(tabsProps, ['activationMode', 'dir', 'getRootNode', 'id', 'ids', 'loop', 'onFocusChange', 'onValueChange', 'orientation', 'translations', 'value']);
   const api = useTabs(tabsParams);
   const mergedProps = mergeProps$1(() => api().rootProps, restProps);
   return createComponent(TabsProvider, {
     value: api,
     get children() {
-      return createComponent(PresencePropsProvider, {
-        value: presenceProps,
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
         get children() {
           return createComponent(ark.div, mergedProps);
         }
@@ -3502,8 +3695,7 @@ const useTooltip = props => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode,
-    'open.controlled': props.open !== undefined
+    getRootNode
   }, props);
   const [state, send] = useMachine(tooltip$1.machine(context), {
     context
@@ -3606,9 +3798,7 @@ const TreeViewBranchControl = props => {
 const TreeViewBranchIndicator = props => {
   const api = useTreeViewContext();
   const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps$1(() => api().getBranchProps(branchProps),
-  // TODO use api.getBranchIndicatorProps() when available
-  treeViewAnatomy.build().branchIndicator.attrs, props);
+  const mergedProps = mergeProps$1(() => api().getBranchIndicatorProps(branchProps), props);
   return createComponent(ark.div, mergedProps);
 };
 
@@ -3728,5 +3918,5 @@ var treeView = /*#__PURE__*/Object.freeze({
   Tree: TreeViewTree
 });
 
-export { accordion as Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, avatar as Avatar, AvatarFallback, AvatarImage, AvatarRoot, carousel as Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, checkbox as Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, fileUpload as FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, menu as Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, pagination as Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, pinInput as PinInput, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresencePropsProvider, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, ratingGroup as RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, segmentGroup as SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, select as Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, slider as Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterPanel, SplitterResizeTrigger, SplitterRoot, _switch as Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsRoot, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, toast as Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle, toggleGroup as ToggleGroup, ToggleGroupItem, ToggleGroupRoot, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, useComboboxContext, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useMenuContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, usePresencePropsContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, withAsProp };
+export { accordion as Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, avatar as Avatar, AvatarFallback, AvatarImage, AvatarRoot, carousel as Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, checkbox as Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, clipboard as Clipboard, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, fileUpload as FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, pagination as Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, pinInput as PinInput, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, ratingGroup as RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, segmentGroup as SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, select as Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, slider as Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterPanel, SplitterResizeTrigger, SplitterRoot, _switch as Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsRoot, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, toast as Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle, toggleGroup as ToggleGroup, ToggleGroupItem, ToggleGroupRoot, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useClipboardContext, useCollapsibleContext, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, useComboboxContext, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useLocaleContext, useMenuContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, withAsProp };
 //# sourceMappingURL=index.js.map