@ark-ui/react 5.31.0 → 5.32.0

package/dist/components/{bottom-sheet/use-bottom-sheet.js → drawer/use-drawer.js}

@@ -1,22 +1,25 @@
 'use client';
-import * as bottomSheet from '@zag-js/bottom-sheet';
+import * as drawer from '@zag-js/drawer';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useDrawerStackStore } from './use-drawer-stack-store.js';
 
-const useBottomSheet = (props) => {
+const useDrawer = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const stack = useDrawerStackStore();
   const context = {
     id,
     dir,
     getRootNode,
+    stack,
     ...props
   };
-  const service = useMachine(bottomSheet.machine, context);
-  return bottomSheet.connect(service, normalizeProps);
+  const service = useMachine(drawer.machine, context);
+  return drawer.connect(service, normalizeProps);
 };
 
-export { useBottomSheet };
+export { useDrawer };

package/dist/components/index.cjs

@@ -35,19 +35,24 @@ const avatarRootProvider = require('./avatar/avatar-root-provider.cjs');
 const useAvatar = require('./avatar/use-avatar.cjs');
 const useAvatarContext = require('./avatar/use-avatar-context.cjs');
 const avatar = require('./avatar/avatar.cjs');
-const bottomSheetBackdrop = require('./bottom-sheet/bottom-sheet-backdrop.cjs');
-const bottomSheetCloseTrigger = require('./bottom-sheet/bottom-sheet-close-trigger.cjs');
-const bottomSheetContent = require('./bottom-sheet/bottom-sheet-content.cjs');
-const bottomSheetContext = require('./bottom-sheet/bottom-sheet-context.cjs');
-const bottomSheetGrabber = require('./bottom-sheet/bottom-sheet-grabber.cjs');
-const bottomSheetGrabberIndicator = require('./bottom-sheet/bottom-sheet-grabber-indicator.cjs');
-const bottomSheetRoot = require('./bottom-sheet/bottom-sheet-root.cjs');
-const bottomSheetRootProvider = require('./bottom-sheet/bottom-sheet-root-provider.cjs');
-const bottomSheetTitle = require('./bottom-sheet/bottom-sheet-title.cjs');
-const bottomSheetTrigger = require('./bottom-sheet/bottom-sheet-trigger.cjs');
-const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
-const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
-const bottomSheet = require('./bottom-sheet/bottom-sheet.cjs');
+const drawerBackdrop = require('./drawer/drawer-backdrop.cjs');
+const drawerCloseTrigger = require('./drawer/drawer-close-trigger.cjs');
+const drawerContent = require('./drawer/drawer-content.cjs');
+const drawerContext = require('./drawer/drawer-context.cjs');
+const drawerPositioner = require('./drawer/drawer-positioner.cjs');
+const drawerGrabber = require('./drawer/drawer-grabber.cjs');
+const drawerGrabberIndicator = require('./drawer/drawer-grabber-indicator.cjs');
+const drawerRoot = require('./drawer/drawer-root.cjs');
+const drawerRootProvider = require('./drawer/drawer-root-provider.cjs');
+const drawerTitle = require('./drawer/drawer-title.cjs');
+const drawerTrigger = require('./drawer/drawer-trigger.cjs');
+const drawerIndent = require('./drawer/drawer-indent.cjs');
+const drawerIndentBackground = require('./drawer/drawer-indent-background.cjs');
+const drawerStack = require('./drawer/drawer-stack.cjs');
+const useDrawer = require('./drawer/use-drawer.cjs');
+const useDrawerContext = require('./drawer/use-drawer-context.cjs');
+const useDrawerStackContext = require('./drawer/use-drawer-stack-context.cjs');
+const drawer = require('./drawer/drawer.cjs');
 const carouselAutoplayIndicator = require('./carousel/carousel-autoplay-indicator.cjs');
 const carouselProgressText = require('./carousel/carousel-progress-text.cjs');
 const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
@@ -184,6 +189,8 @@ const datePickerTableCell = require('./date-picker/date-picker-table-cell.cjs');
 const datePickerTableCellTrigger = require('./date-picker/date-picker-table-cell-trigger.cjs');
 const datePickerTableHead = require('./date-picker/date-picker-table-head.cjs');
 const datePickerTableHeader = require('./date-picker/date-picker-table-header.cjs');
+const datePickerWeekNumberHeaderCell = require('./date-picker/date-picker-week-number-header-cell.cjs');
+const datePickerWeekNumberCell = require('./date-picker/date-picker-week-number-cell.cjs');
 const datePickerTableRow = require('./date-picker/date-picker-table-row.cjs');
 const datePickerTrigger = require('./date-picker/date-picker-trigger.cjs');
 const datePickerView = require('./date-picker/date-picker-view.cjs');
@@ -609,6 +616,13 @@ const useSteps = require('./steps/use-steps.cjs');
 const useStepsContext = require('./steps/use-steps-context.cjs');
 const useStepsItemContext = require('./steps/use-steps-item-context.cjs');
 const steps = require('./steps/steps.cjs');
+const swap = require('./swap/swap.cjs');
+const swapIndicator = require('./swap/swap-indicator.cjs');
+const swapRoot = require('./swap/swap-root.cjs');
+const swapRootProvider = require('./swap/swap-root-provider.cjs');
+const swap_anatomy = require('./swap/swap.anatomy.cjs');
+const useSwap = require('./swap/use-swap.cjs');
+const useSwapContext = require('./swap/use-swap-context.cjs');
 const switchContext = require('./switch/switch-context.cjs');
 const switchControl = require('./switch/switch-control.cjs');
 const switchHiddenInput = require('./switch/switch-hidden-input.cjs');
@@ -741,10 +755,10 @@ const treeView = require('./tree-view/tree-view.cjs');
 const accordion$1 = require('@zag-js/accordion');
 const angleSlider$1 = require('@zag-js/angle-slider');
 const avatar$1 = require('@zag-js/avatar');
-const bottomSheet$1 = require('@zag-js/bottom-sheet');
 const clipboard$1 = require('@zag-js/clipboard');
 const collapsible$1 = require('@zag-js/collapsible');
 const dialog$1 = require('@zag-js/dialog');
+const drawer$1 = require('@zag-js/drawer');
 const editable$1 = require('@zag-js/editable');
 const fileUpload$1 = require('@zag-js/file-upload');
 const floatingPanel$1 = require('@zag-js/floating-panel');
@@ -811,19 +825,24 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar;
-exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
-exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
-exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
-exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
-exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
-exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
-exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
-exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
-exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
-exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
-exports.useBottomSheet = useBottomSheet.useBottomSheet;
-exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
-exports.BottomSheet = bottomSheet;
+exports.DrawerBackdrop = drawerBackdrop.DrawerBackdrop;
+exports.DrawerCloseTrigger = drawerCloseTrigger.DrawerCloseTrigger;
+exports.DrawerContent = drawerContent.DrawerContent;
+exports.DrawerContext = drawerContext.DrawerContext;
+exports.DrawerPositioner = drawerPositioner.DrawerPositioner;
+exports.DrawerGrabber = drawerGrabber.DrawerGrabber;
+exports.DrawerGrabberIndicator = drawerGrabberIndicator.DrawerGrabberIndicator;
+exports.DrawerRoot = drawerRoot.DrawerRoot;
+exports.DrawerRootProvider = drawerRootProvider.DrawerRootProvider;
+exports.DrawerTitle = drawerTitle.DrawerTitle;
+exports.DrawerTrigger = drawerTrigger.DrawerTrigger;
+exports.DrawerIndent = drawerIndent.DrawerIndent;
+exports.DrawerIndentBackground = drawerIndentBackground.DrawerIndentBackground;
+exports.DrawerStack = drawerStack.DrawerStack;
+exports.useDrawer = useDrawer.useDrawer;
+exports.useDrawerContext = useDrawerContext.useDrawerContext;
+exports.useDrawerStackContext = useDrawerStackContext.useDrawerStackContext;
+exports.Drawer = drawer;
 exports.CarouselAutoplayIndicator = carouselAutoplayIndicator.CarouselAutoplayIndicator;
 exports.CarouselProgressText = carouselProgressText.CarouselProgressText;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
@@ -967,6 +986,8 @@ exports.DatePickerTableCell = datePickerTableCell.DatePickerTableCell;
 exports.DatePickerTableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
 exports.DatePickerTableHead = datePickerTableHead.DatePickerTableHead;
 exports.DatePickerTableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.DatePickerWeekNumberHeaderCell = datePickerWeekNumberHeaderCell.DatePickerWeekNumberHeaderCell;
+exports.DatePickerWeekNumberCell = datePickerWeekNumberCell.DatePickerWeekNumberCell;
 exports.DatePickerTableRow = datePickerTableRow.DatePickerTableRow;
 exports.DatePickerTrigger = datePickerTrigger.DatePickerTrigger;
 exports.DatePickerView = datePickerView.DatePickerView;
@@ -1401,6 +1422,13 @@ exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
 exports.Steps = steps;
+exports.Swap = swap;
+exports.SwapIndicator = swapIndicator.SwapIndicator;
+exports.SwapRoot = swapRoot.SwapRoot;
+exports.SwapRootProvider = swapRootProvider.SwapRootProvider;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;
+exports.useSwap = useSwap.useSwap;
+exports.useSwapContext = useSwapContext.useSwapContext;
 exports.SwitchContext = switchContext.SwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchHiddenInput = switchHiddenInput.SwitchHiddenInput;
@@ -1553,10 +1581,6 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar$1.anatomy
 });
-Object.defineProperty(exports, "bottomSheetAnatomy", {
-	enumerable: true,
-	get: () => bottomSheet$1.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard$1.anatomy
@@ -1569,6 +1593,10 @@ Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog$1.anatomy
 });
+Object.defineProperty(exports, "drawerAnatomy", {
+	enumerable: true,
+	get: () => drawer$1.anatomy
+});
 Object.defineProperty(exports, "editableAnatomy", {
 	enumerable: true,
 	get: () => editable$1.anatomy

package/dist/components/index.d.cts

@@ -1,7 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
-export * from './bottom-sheet';
+export * from './drawer';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';
@@ -47,6 +47,7 @@ export * from './signature-pad';
 export * from './slider';
 export * from './splitter';
 export * from './steps';
+export * from './swap';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
-export * from './bottom-sheet';
+export * from './drawer';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';
@@ -47,6 +47,7 @@ export * from './signature-pad';
 export * from './slider';
 export * from './splitter';
 export * from './steps';
+export * from './swap';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';

package/dist/components/index.js

@@ -34,20 +34,25 @@ export { useAvatar } from './avatar/use-avatar.js';
 export { useAvatarContext } from './avatar/use-avatar-context.js';
 import * as avatar from './avatar/avatar.js';
 export { avatar as Avatar };
-export { BottomSheetBackdrop } from './bottom-sheet/bottom-sheet-backdrop.js';
-export { BottomSheetCloseTrigger } from './bottom-sheet/bottom-sheet-close-trigger.js';
-export { BottomSheetContent } from './bottom-sheet/bottom-sheet-content.js';
-export { BottomSheetContext } from './bottom-sheet/bottom-sheet-context.js';
-export { BottomSheetGrabber } from './bottom-sheet/bottom-sheet-grabber.js';
-export { BottomSheetGrabberIndicator } from './bottom-sheet/bottom-sheet-grabber-indicator.js';
-export { BottomSheetRoot } from './bottom-sheet/bottom-sheet-root.js';
-export { BottomSheetRootProvider } from './bottom-sheet/bottom-sheet-root-provider.js';
-export { BottomSheetTitle } from './bottom-sheet/bottom-sheet-title.js';
-export { BottomSheetTrigger } from './bottom-sheet/bottom-sheet-trigger.js';
-export { useBottomSheet } from './bottom-sheet/use-bottom-sheet.js';
-export { useBottomSheetContext } from './bottom-sheet/use-bottom-sheet-context.js';
-import * as bottomSheet from './bottom-sheet/bottom-sheet.js';
-export { bottomSheet as BottomSheet };
+export { DrawerBackdrop } from './drawer/drawer-backdrop.js';
+export { DrawerCloseTrigger } from './drawer/drawer-close-trigger.js';
+export { DrawerContent } from './drawer/drawer-content.js';
+export { DrawerContext } from './drawer/drawer-context.js';
+export { DrawerPositioner } from './drawer/drawer-positioner.js';
+export { DrawerGrabber } from './drawer/drawer-grabber.js';
+export { DrawerGrabberIndicator } from './drawer/drawer-grabber-indicator.js';
+export { DrawerRoot } from './drawer/drawer-root.js';
+export { DrawerRootProvider } from './drawer/drawer-root-provider.js';
+export { DrawerTitle } from './drawer/drawer-title.js';
+export { DrawerTrigger } from './drawer/drawer-trigger.js';
+export { DrawerIndent } from './drawer/drawer-indent.js';
+export { DrawerIndentBackground } from './drawer/drawer-indent-background.js';
+export { DrawerStack } from './drawer/drawer-stack.js';
+export { useDrawer } from './drawer/use-drawer.js';
+export { useDrawerContext } from './drawer/use-drawer-context.js';
+export { useDrawerStackContext } from './drawer/use-drawer-stack-context.js';
+import * as drawer from './drawer/drawer.js';
+export { drawer as Drawer };
 export { CarouselAutoplayIndicator } from './carousel/carousel-autoplay-indicator.js';
 export { CarouselProgressText } from './carousel/carousel-progress-text.js';
 export { CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.js';
@@ -190,6 +195,8 @@ export { DatePickerTableCell } from './date-picker/date-picker-table-cell.js';
 export { DatePickerTableCellTrigger } from './date-picker/date-picker-table-cell-trigger.js';
 export { DatePickerTableHead } from './date-picker/date-picker-table-head.js';
 export { DatePickerTableHeader } from './date-picker/date-picker-table-header.js';
+export { DatePickerWeekNumberHeaderCell } from './date-picker/date-picker-week-number-header-cell.js';
+export { DatePickerWeekNumberCell } from './date-picker/date-picker-week-number-cell.js';
 export { DatePickerTableRow } from './date-picker/date-picker-table-row.js';
 export { DatePickerTrigger } from './date-picker/date-picker-trigger.js';
 export { DatePickerView } from './date-picker/date-picker-view.js';
@@ -646,6 +653,14 @@ export { useStepsContext } from './steps/use-steps-context.js';
 export { useStepsItemContext } from './steps/use-steps-item-context.js';
 import * as steps from './steps/steps.js';
 export { steps as Steps };
+import * as swap from './swap/swap.js';
+export { swap as Swap };
+export { SwapIndicator } from './swap/swap-indicator.js';
+export { SwapRoot } from './swap/swap-root.js';
+export { SwapRootProvider } from './swap/swap-root-provider.js';
+export { swapAnatomy } from './swap/swap.anatomy.js';
+export { useSwap } from './swap/use-swap.js';
+export { useSwapContext } from './swap/use-swap-context.js';
 export { SwitchContext } from './switch/switch-context.js';
 export { SwitchControl } from './switch/switch-control.js';
 export { SwitchHiddenInput } from './switch/switch-hidden-input.js';
@@ -788,10 +803,10 @@ export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export { anatomy as drawerAnatomy } from '@zag-js/drawer';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

package/dist/components/select/select-root.cjs

@@ -45,6 +45,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "autoComplete",
     "value"
   ]);
   const select = useSelect.useSelect(useSelectProps);

package/dist/components/select/select-root.js

@@ -41,6 +41,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "autoComplete",
     "value"
   ]);
   const select = useSelect(useSelectProps);

package/dist/components/swap/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const swap = require('./swap.cjs');
+const swapIndicator = require('./swap-indicator.cjs');
+const swapRoot = require('./swap-root.cjs');
+const swapRootProvider = require('./swap-root-provider.cjs');
+const swap_anatomy = require('./swap.anatomy.cjs');
+const useSwap = require('./use-swap.cjs');
+const useSwapContext = require('./use-swap-context.cjs');
+
+
+
+exports.Swap = swap;
+exports.SwapIndicator = swapIndicator.SwapIndicator;
+exports.SwapRoot = swapRoot.SwapRoot;
+exports.SwapRootProvider = swapRootProvider.SwapRootProvider;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;
+exports.useSwap = useSwap.useSwap;
+exports.useSwapContext = useSwapContext.useSwapContext;

package/dist/components/swap/index.d.cts

@@ -0,0 +1,7 @@
+export * as Swap from './swap';
+export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator';
+export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root';
+export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';
+export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap';
+export { useSwapContext, type UseSwapContext } from './use-swap-context';

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

@@ -0,0 +1,7 @@
+export * as Swap from './swap';
+export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator';
+export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root';
+export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';
+export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap';
+export { useSwapContext, type UseSwapContext } from './use-swap-context';

package/dist/components/swap/index.js

@@ -0,0 +1,8 @@
+import * as swap from './swap.js';
+export { swap as Swap };
+export { SwapIndicator } from './swap-indicator.js';
+export { SwapRoot } from './swap-root.js';
+export { SwapRootProvider } from './swap-root-provider.js';
+export { swapAnatomy } from './swap.anatomy.js';
+export { useSwap } from './use-swap.js';
+export { useSwapContext } from './use-swap-context.js';

package/dist/components/swap/swap-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const factory = require('../factory.cjs');
+const useSwapContext = require('./use-swap-context.cjs');
+
+const SwapIndicator = react.forwardRef((props, ref) => {
+  const { type, ...restProps } = props;
+  const swap = useSwapContext.useSwapContext();
+  const presence = type === "on" ? swap.onPresence : swap.offPresence;
+  if (presence.unmounted) return null;
+  const mergedProps = react$1.mergeProps(swap.getIndicatorProps({ type }), restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
+SwapIndicator.displayName = "SwapIndicator";
+
+exports.SwapIndicator = SwapIndicator;

package/dist/components/swap/swap-indicator.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapIndicatorBaseProps extends PolymorphicProps {
+    type: 'on' | 'off';
+}
+export interface SwapIndicatorProps extends HTMLProps<'span'>, SwapIndicatorBaseProps {
+}
+export declare const SwapIndicator: ForwardRefExoticComponent<SwapIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-indicator.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapIndicatorBaseProps extends PolymorphicProps {
+    type: 'on' | 'off';
+}
+export interface SwapIndicatorProps extends HTMLProps<'span'>, SwapIndicatorBaseProps {
+}
+export declare const SwapIndicator: ForwardRefExoticComponent<SwapIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-indicator.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { ark } from '../factory.js';
+import { useSwapContext } from './use-swap-context.js';
+
+const SwapIndicator = forwardRef((props, ref) => {
+  const { type, ...restProps } = props;
+  const swap = useSwapContext();
+  const presence = type === "on" ? swap.onPresence : swap.offPresence;
+  if (presence.unmounted) return null;
+  const mergedProps = mergeProps(swap.getIndicatorProps({ type }), restProps);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+SwapIndicator.displayName = "SwapIndicator";
+
+export { SwapIndicator };

package/dist/components/swap/swap-root-provider.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSwapContext = require('./use-swap-context.cjs');
+
+const SwapRootProvider = react.forwardRef((props, ref) => {
+  const { value, children, ...restProps } = props;
+  const mergedProps = react$1.mergeProps(value.getRootProps(), restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+
+exports.SwapRootProvider = SwapRootProvider;

package/dist/components/swap/swap-root-provider.d.cts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapReturn } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootProviderBaseProps extends PolymorphicProps {
+    value: UseSwapReturn;
+}
+export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
+}
+export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root-provider.d.ts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapReturn } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootProviderBaseProps extends PolymorphicProps {
+    value: UseSwapReturn;
+}
+export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
+}
+export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root-provider.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { SwapProvider } from './use-swap-context.js';
+
+const SwapRootProvider = forwardRef((props, ref) => {
+  const { value, children, ...restProps } = props;
+  const mergedProps = mergeProps(value.getRootProps(), restProps);
+  return /* @__PURE__ */ jsx(SwapProvider, { value, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+
+export { SwapRootProvider };

package/dist/components/swap/swap-root.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSwap = require('./use-swap.cjs');
+const useSwapContext = require('./use-swap-context.cjs');
+
+const SwapRoot = react.forwardRef((props, ref) => {
+  const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+  const swap = useSwap.useSwap({ swap: swapProp, lazyMount, unmountOnExit });
+  const mergedProps = react$1.mergeProps(swap.getRootProps(), restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value: swap, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRoot.displayName = "SwapRoot";
+
+exports.SwapRoot = SwapRoot;

package/dist/components/swap/swap-root.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapProps } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
+}
+export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
+}
+export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapProps } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
+}
+export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
+}
+export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSwap } from './use-swap.js';
+import { SwapProvider } from './use-swap-context.js';
+
+const SwapRoot = forwardRef((props, ref) => {
+  const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+  const swap = useSwap({ swap: swapProp, lazyMount, unmountOnExit });
+  const mergedProps = mergeProps(swap.getRootProps(), restProps);
+  return /* @__PURE__ */ jsx(SwapProvider, { value: swap, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRoot.displayName = "SwapRoot";
+
+export { SwapRoot };

package/dist/components/swap/swap.anatomy.cjs

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const anatomy = require('@zag-js/anatomy');
+
+const swapAnatomy = anatomy.createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+
+exports.parts = parts;
+exports.swapAnatomy = swapAnatomy;

package/dist/components/swap/swap.anatomy.d.cts

@@ -0,0 +1,3 @@
+import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
+export declare const swapAnatomy: Anatomy<"root" | "indicator">;
+export declare const parts: Record<"root" | "indicator", AnatomyPart>;

package/dist/components/swap/swap.anatomy.d.ts

@@ -0,0 +1,3 @@
+import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
+export declare const swapAnatomy: Anatomy<"root" | "indicator">;
+export declare const parts: Record<"root" | "indicator", AnatomyPart>;

package/dist/components/swap/swap.anatomy.js

@@ -0,0 +1,7 @@
+'use client';
+import { createAnatomy } from '@zag-js/anatomy';
+
+const swapAnatomy = createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+
+export { parts, swapAnatomy };

package/dist/components/swap/swap.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const swapIndicator = require('./swap-indicator.cjs');
+const swapRoot = require('./swap-root.cjs');
+const swapRootProvider = require('./swap-root-provider.cjs');
+const swap_anatomy = require('./swap.anatomy.cjs');
+
+
+
+exports.Indicator = swapIndicator.SwapIndicator;
+exports.Root = swapRoot.SwapRoot;
+exports.RootProvider = swapRootProvider.SwapRootProvider;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;

package/dist/components/swap/swap.d.cts

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
+export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
+export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';

package/dist/components/swap/swap.d.ts

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
+export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
+export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';

package/dist/components/swap/swap.js

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator } from './swap-indicator.js';
+export { SwapRoot as Root } from './swap-root.js';
+export { SwapRootProvider as RootProvider } from './swap-root-provider.js';
+export { swapAnatomy } from './swap.anatomy.js';