@ark-ui/react 5.31.0 → 5.33.0

package/dist/index.js

@@ -34,20 +34,25 @@ export { useAvatar } from './components/avatar/use-avatar.js';
 export { useAvatarContext } from './components/avatar/use-avatar-context.js';
 import * as avatar from './components/avatar/avatar.js';
 export { avatar as Avatar };
-export { BottomSheetBackdrop } from './components/bottom-sheet/bottom-sheet-backdrop.js';
-export { BottomSheetCloseTrigger } from './components/bottom-sheet/bottom-sheet-close-trigger.js';
-export { BottomSheetContent } from './components/bottom-sheet/bottom-sheet-content.js';
-export { BottomSheetContext } from './components/bottom-sheet/bottom-sheet-context.js';
-export { BottomSheetGrabber } from './components/bottom-sheet/bottom-sheet-grabber.js';
-export { BottomSheetGrabberIndicator } from './components/bottom-sheet/bottom-sheet-grabber-indicator.js';
-export { BottomSheetRoot } from './components/bottom-sheet/bottom-sheet-root.js';
-export { BottomSheetRootProvider } from './components/bottom-sheet/bottom-sheet-root-provider.js';
-export { BottomSheetTitle } from './components/bottom-sheet/bottom-sheet-title.js';
-export { BottomSheetTrigger } from './components/bottom-sheet/bottom-sheet-trigger.js';
-export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
-export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
-import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
-export { bottomSheet as BottomSheet };
+export { DrawerBackdrop } from './components/drawer/drawer-backdrop.js';
+export { DrawerCloseTrigger } from './components/drawer/drawer-close-trigger.js';
+export { DrawerContent } from './components/drawer/drawer-content.js';
+export { DrawerContext } from './components/drawer/drawer-context.js';
+export { DrawerPositioner } from './components/drawer/drawer-positioner.js';
+export { DrawerGrabber } from './components/drawer/drawer-grabber.js';
+export { DrawerGrabberIndicator } from './components/drawer/drawer-grabber-indicator.js';
+export { DrawerRoot } from './components/drawer/drawer-root.js';
+export { DrawerRootProvider } from './components/drawer/drawer-root-provider.js';
+export { DrawerTitle } from './components/drawer/drawer-title.js';
+export { DrawerTrigger } from './components/drawer/drawer-trigger.js';
+export { DrawerIndent } from './components/drawer/drawer-indent.js';
+export { DrawerIndentBackground } from './components/drawer/drawer-indent-background.js';
+export { DrawerStack } from './components/drawer/drawer-stack.js';
+export { useDrawer } from './components/drawer/use-drawer.js';
+export { useDrawerContext } from './components/drawer/use-drawer-context.js';
+export { useDrawerStackContext } from './components/drawer/use-drawer-stack-context.js';
+import * as drawer from './components/drawer/drawer.js';
+export { drawer as Drawer };
 export { CarouselAutoplayIndicator } from './components/carousel/carousel-autoplay-indicator.js';
 export { CarouselProgressText } from './components/carousel/carousel-progress-text.js';
 export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
@@ -190,6 +195,8 @@ export { DatePickerTableCell } from './components/date-picker/date-picker-table-
 export { DatePickerTableCellTrigger } from './components/date-picker/date-picker-table-cell-trigger.js';
 export { DatePickerTableHead } from './components/date-picker/date-picker-table-head.js';
 export { DatePickerTableHeader } from './components/date-picker/date-picker-table-header.js';
+export { DatePickerWeekNumberHeaderCell } from './components/date-picker/date-picker-week-number-header-cell.js';
+export { DatePickerWeekNumberCell } from './components/date-picker/date-picker-week-number-cell.js';
 export { DatePickerTableRow } from './components/date-picker/date-picker-table-row.js';
 export { DatePickerTrigger } from './components/date-picker/date-picker-trigger.js';
 export { DatePickerView } from './components/date-picker/date-picker-view.js';
@@ -646,6 +653,14 @@ export { useStepsContext } from './components/steps/use-steps-context.js';
 export { useStepsItemContext } from './components/steps/use-steps-item-context.js';
 import * as steps from './components/steps/steps.js';
 export { steps as Steps };
+import * as swap from './components/swap/swap.js';
+export { swap as Swap };
+export { SwapIndicator } from './components/swap/swap-indicator.js';
+export { SwapRoot } from './components/swap/swap-root.js';
+export { SwapRootProvider } from './components/swap/swap-root-provider.js';
+export { swapAnatomy } from './components/swap/swap.anatomy.js';
+export { useSwap } from './components/swap/use-swap.js';
+export { useSwapContext } from './components/swap/use-swap-context.js';
 export { SwitchContext } from './components/switch/switch-context.js';
 export { SwitchControl } from './components/switch/switch-control.js';
 export { SwitchHiddenInput } from './components/switch/switch-hidden-input.js';
@@ -789,6 +804,7 @@ export { EnvironmentProvider } from './providers/environment/environment-provide
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useCollator } from './providers/locale/use-collator.js';
+export { useDateFormatter } from './providers/locale/use-date-formatter.js';
 export { useFilter } from './providers/locale/use-filter.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { createContext } from './utils/create-context.js';
@@ -796,10 +812,10 @@ export { mergeProps } from '@zag-js/core';
 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/providers/index.cjs

@@ -6,6 +6,7 @@ const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
 const useCollator = require('./locale/use-collator.cjs');
+const useDateFormatter = require('./locale/use-date-formatter.cjs');
 const useFilter = require('./locale/use-filter.cjs');
 const useLocaleContext = require('./locale/use-locale-context.cjs');
 
@@ -15,5 +16,6 @@ exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
+exports.useDateFormatter = useDateFormatter.useDateFormatter;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/index.js

@@ -2,5 +2,6 @@ export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
 export { LocaleProvider } from './locale/locale-provider.js';
 export { useCollator } from './locale/use-collator.js';
+export { useDateFormatter } from './locale/use-date-formatter.js';
 export { useFilter } from './locale/use-filter.js';
 export { useLocaleContext } from './locale/use-locale-context.js';

package/dist/providers/locale/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const localeProvider = require('./locale-provider.cjs');
 const useCollator = require('./use-collator.cjs');
+const useDateFormatter = require('./use-date-formatter.cjs');
 const useFilter = require('./use-filter.cjs');
 const useLocaleContext = require('./use-locale-context.cjs');
 
@@ -11,5 +12,6 @@ const useLocaleContext = require('./use-locale-context.cjs');
 
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
+exports.useDateFormatter = useDateFormatter.useDateFormatter;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/locale/index.d.cts

@@ -1,4 +1,5 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
 export { useCollator, type UseCollatorProps } from './use-collator';
+export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.d.ts

@@ -1,4 +1,5 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
 export { useCollator, type UseCollatorProps } from './use-collator';
+export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.js

@@ -1,4 +1,5 @@
 export { LocaleProvider } from './locale-provider.js';
 export { useCollator } from './use-collator.js';
+export { useDateFormatter } from './use-date-formatter.js';
 export { useFilter } from './use-filter.js';
 export { useLocaleContext } from './use-locale-context.js';

package/dist/providers/locale/use-date-formatter.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const date = require('@internationalized/date');
+const react = require('react');
+const useLocaleContext = require('./use-locale-context.cjs');
+
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext.useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return react.useMemo(() => {
+    const { locale: _, ...options } = props;
+    return new date.DateFormatter(locale, options);
+  }, [locale, props]);
+}
+
+exports.useDateFormatter = useDateFormatter;

package/dist/providers/locale/use-date-formatter.d.cts

@@ -0,0 +1,5 @@
+import { DateFormatter } from '@internationalized/date';
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): DateFormatter;

package/dist/providers/locale/use-date-formatter.d.ts

@@ -0,0 +1,5 @@
+import { DateFormatter } from '@internationalized/date';
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): DateFormatter;

package/dist/providers/locale/use-date-formatter.js

@@ -0,0 +1,15 @@
+'use client';
+import { DateFormatter } from '@internationalized/date';
+import { useMemo } from 'react';
+import { useLocaleContext } from './use-locale-context.js';
+
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return useMemo(() => {
+    const { locale: _, ...options } = props;
+    return new DateFormatter(locale, options);
+  }, [locale, props]);
+}
+
+export { useDateFormatter };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.31.0",
+  "version": "5.33.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,103 +149,104 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.33.1",
-    "@zag-js/anatomy": "1.33.1",
-    "@zag-js/angle-slider": "1.33.1",
-    "@zag-js/async-list": "1.33.1",
-    "@zag-js/auto-resize": "1.33.1",
-    "@zag-js/avatar": "1.33.1",
-    "@zag-js/bottom-sheet": "1.33.1",
-    "@zag-js/carousel": "1.33.1",
-    "@zag-js/checkbox": "1.33.1",
-    "@zag-js/clipboard": "1.33.1",
-    "@zag-js/collapsible": "1.33.1",
-    "@zag-js/collection": "1.33.1",
-    "@zag-js/color-picker": "1.33.1",
-    "@zag-js/color-utils": "1.33.1",
-    "@zag-js/combobox": "1.33.1",
-    "@zag-js/core": "1.33.1",
-    "@zag-js/date-picker": "1.33.1",
-    "@zag-js/date-utils": "1.33.1",
-    "@zag-js/dialog": "1.33.1",
-    "@zag-js/dom-query": "1.33.1",
-    "@zag-js/editable": "1.33.1",
-    "@zag-js/file-upload": "1.33.1",
-    "@zag-js/file-utils": "1.33.1",
-    "@zag-js/floating-panel": "1.33.1",
-    "@zag-js/focus-trap": "1.33.1",
-    "@zag-js/highlight-word": "1.33.1",
-    "@zag-js/hover-card": "1.33.1",
-    "@zag-js/image-cropper": "1.33.1",
-    "@zag-js/i18n-utils": "1.33.1",
-    "@zag-js/json-tree-utils": "1.33.1",
-    "@zag-js/listbox": "1.33.1",
-    "@zag-js/marquee": "1.33.1",
-    "@zag-js/menu": "1.33.1",
-    "@zag-js/navigation-menu": "1.33.1",
-    "@zag-js/number-input": "1.33.1",
-    "@zag-js/pagination": "1.33.1",
-    "@zag-js/password-input": "1.33.1",
-    "@zag-js/pin-input": "1.33.1",
-    "@zag-js/popover": "1.33.1",
-    "@zag-js/presence": "1.33.1",
-    "@zag-js/progress": "1.33.1",
-    "@zag-js/qr-code": "1.33.1",
-    "@zag-js/radio-group": "1.33.1",
-    "@zag-js/rating-group": "1.33.1",
-    "@zag-js/react": "1.33.1",
-    "@zag-js/scroll-area": "1.33.1",
-    "@zag-js/select": "1.33.1",
-    "@zag-js/signature-pad": "1.33.1",
-    "@zag-js/slider": "1.33.1",
-    "@zag-js/splitter": "1.33.1",
-    "@zag-js/steps": "1.33.1",
-    "@zag-js/switch": "1.33.1",
-    "@zag-js/tabs": "1.33.1",
-    "@zag-js/tags-input": "1.33.1",
-    "@zag-js/timer": "1.33.1",
-    "@zag-js/toast": "1.33.1",
-    "@zag-js/toggle": "1.33.1",
-    "@zag-js/toggle-group": "1.33.1",
-    "@zag-js/tooltip": "1.33.1",
-    "@zag-js/tour": "1.33.1",
-    "@zag-js/tree-view": "1.33.1",
-    "@zag-js/types": "1.33.1",
-    "@zag-js/utils": "1.33.1"
+    "@internationalized/date": "3.11.0",
+    "@zag-js/accordion": "1.35.1",
+    "@zag-js/anatomy": "1.35.1",
+    "@zag-js/angle-slider": "1.35.1",
+    "@zag-js/async-list": "1.35.1",
+    "@zag-js/auto-resize": "1.35.1",
+    "@zag-js/avatar": "1.35.1",
+    "@zag-js/carousel": "1.35.1",
+    "@zag-js/cascade-select": "1.35.1",
+    "@zag-js/checkbox": "1.35.1",
+    "@zag-js/clipboard": "1.35.1",
+    "@zag-js/collapsible": "1.35.1",
+    "@zag-js/collection": "1.35.1",
+    "@zag-js/color-picker": "1.35.1",
+    "@zag-js/color-utils": "1.35.1",
+    "@zag-js/combobox": "1.35.1",
+    "@zag-js/core": "1.35.1",
+    "@zag-js/date-picker": "1.35.1",
+    "@zag-js/date-utils": "1.35.1",
+    "@zag-js/dialog": "1.35.1",
+    "@zag-js/dom-query": "1.35.1",
+    "@zag-js/drawer": "1.35.1",
+    "@zag-js/editable": "1.35.1",
+    "@zag-js/file-upload": "1.35.1",
+    "@zag-js/file-utils": "1.35.1",
+    "@zag-js/floating-panel": "1.35.1",
+    "@zag-js/focus-trap": "1.35.1",
+    "@zag-js/highlight-word": "1.35.1",
+    "@zag-js/hover-card": "1.35.1",
+    "@zag-js/i18n-utils": "1.35.1",
+    "@zag-js/image-cropper": "1.35.1",
+    "@zag-js/json-tree-utils": "1.35.1",
+    "@zag-js/listbox": "1.35.1",
+    "@zag-js/marquee": "1.35.1",
+    "@zag-js/menu": "1.35.1",
+    "@zag-js/navigation-menu": "1.35.1",
+    "@zag-js/number-input": "1.35.1",
+    "@zag-js/pagination": "1.35.1",
+    "@zag-js/password-input": "1.35.1",
+    "@zag-js/pin-input": "1.35.1",
+    "@zag-js/popover": "1.35.1",
+    "@zag-js/presence": "1.35.1",
+    "@zag-js/progress": "1.35.1",
+    "@zag-js/qr-code": "1.35.1",
+    "@zag-js/radio-group": "1.35.1",
+    "@zag-js/rating-group": "1.35.1",
+    "@zag-js/react": "1.35.1",
+    "@zag-js/scroll-area": "1.35.1",
+    "@zag-js/select": "1.35.1",
+    "@zag-js/signature-pad": "1.35.1",
+    "@zag-js/slider": "1.35.1",
+    "@zag-js/splitter": "1.35.1",
+    "@zag-js/steps": "1.35.1",
+    "@zag-js/switch": "1.35.1",
+    "@zag-js/tabs": "1.35.1",
+    "@zag-js/tags-input": "1.35.1",
+    "@zag-js/timer": "1.35.1",
+    "@zag-js/toast": "1.35.1",
+    "@zag-js/toggle": "1.35.1",
+    "@zag-js/toggle-group": "1.35.1",
+    "@zag-js/tooltip": "1.35.1",
+    "@zag-js/tour": "1.35.1",
+    "@zag-js/tree-view": "1.35.1",
+    "@zag-js/types": "1.35.1",
+    "@zag-js/utils": "1.35.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.8",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@biomejs/biome": "2.4.4",
+    "@storybook/addon-a11y": "10.2.10",
+    "@storybook/react-vite": "10.2.10",
     "@tanstack/react-virtual": "3.13.18",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "5.1.1",
+    "@vitejs/plugin-react": "5.1.4",
     "@vitest/coverage-v8": "^4.0.0",
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
-    "globby": "16.1.0",
-    "happy-dom": "20.0.11",
+    "globby": "16.1.1",
+    "happy-dom": "20.7.0",
     "image-conversion": "2.1.1",
-    "lucide-react": "0.555.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
+    "lucide-react": "0.575.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.67.0",
+    "react-hook-form": "7.71.2",
     "react-shadow": "20.6.0",
     "react-use": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "10.1.11",
+    "storybook": "10.2.10",
     "typescript": "5.9.3",
-    "vite": "7.3.0",
+    "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "^4.0.0",
+    "vitest": "^4.0.18",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {

package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.cts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetBackdropBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetBackdropProps extends HTMLProps<'div'>, BottomSheetBackdropBaseProps {
-}
-export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetBackdropProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetBackdropBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetBackdropProps extends HTMLProps<'div'>, BottomSheetBackdropBaseProps {
-}
-export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetBackdropProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.cjs

@@ -1,19 +0,0 @@
-'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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
-
-const BottomSheetCloseTrigger = react.forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
-  const mergedProps = react$1.mergeProps(bottomSheet.getCloseTriggerProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
-BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
-
-exports.BottomSheetCloseTrigger = BottomSheetCloseTrigger;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.cts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetCloseTriggerProps extends HTMLProps<'button'>, BottomSheetCloseTriggerBaseProps {
-}
-export declare const BottomSheetCloseTrigger: ForwardRefExoticComponent<BottomSheetCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetCloseTriggerProps extends HTMLProps<'button'>, BottomSheetCloseTriggerBaseProps {
-}
-export declare const BottomSheetCloseTrigger: ForwardRefExoticComponent<BottomSheetCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
-
-const BottomSheetCloseTrigger = forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext();
-  const mergedProps = mergeProps(bottomSheet.getCloseTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
-BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
-
-export { BottomSheetCloseTrigger };

package/dist/components/bottom-sheet/bottom-sheet-content.d.cts

@@ -1,8 +0,0 @@
-import { ContentProps } from '@zag-js/bottom-sheet';
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {
-}
-export interface BottomSheetContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps {
-}
-export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-content.d.ts

@@ -1,8 +0,0 @@
-import { ContentProps } from '@zag-js/bottom-sheet';
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {
-}
-export interface BottomSheetContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps {
-}
-export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-context.cjs

@@ -1,10 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
-
-const BottomSheetContext = (props) => props.children(useBottomSheetContext.useBottomSheetContext());
-
-exports.BottomSheetContext = BottomSheetContext;

package/dist/components/bottom-sheet/bottom-sheet-context.d.cts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { UseBottomSheetContext } from './use-bottom-sheet-context';
-export interface BottomSheetContextProps {
-    children: (context: UseBottomSheetContext) => ReactNode;
-}
-export declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;

package/dist/components/bottom-sheet/bottom-sheet-context.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { UseBottomSheetContext } from './use-bottom-sheet-context';
-export interface BottomSheetContextProps {
-    children: (context: UseBottomSheetContext) => ReactNode;
-}
-export declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;

package/dist/components/bottom-sheet/bottom-sheet-context.js

@@ -1,6 +0,0 @@
-'use client';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
-
-const BottomSheetContext = (props) => props.children(useBottomSheetContext());
-
-export { BottomSheetContext };

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.cjs

@@ -1,21 +0,0 @@
-'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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
-
-const BottomSheetGrabberIndicator = react.forwardRef(
-  (props, ref) => {
-    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
-    const mergedProps = react$1.mergeProps(bottomSheet.getGrabberIndicatorProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
-BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
-
-exports.BottomSheetGrabberIndicator = BottomSheetGrabberIndicator;

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.cts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetGrabberIndicatorProps extends HTMLProps<'div'>, BottomSheetGrabberIndicatorBaseProps {
-}
-export declare const BottomSheetGrabberIndicator: ForwardRefExoticComponent<BottomSheetGrabberIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetGrabberIndicatorProps extends HTMLProps<'div'>, BottomSheetGrabberIndicatorBaseProps {
-}
-export declare const BottomSheetGrabberIndicator: ForwardRefExoticComponent<BottomSheetGrabberIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
-
-const BottomSheetGrabberIndicator = forwardRef(
-  (props, ref) => {
-    const bottomSheet = useBottomSheetContext();
-    const mergedProps = mergeProps(bottomSheet.getGrabberIndicatorProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
-BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
-
-export { BottomSheetGrabberIndicator };

package/dist/components/bottom-sheet/bottom-sheet-grabber.cjs

@@ -1,19 +0,0 @@
-'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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
-
-const BottomSheetGrabber = react.forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
-  const mergedProps = react$1.mergeProps(bottomSheet.getGrabberProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-BottomSheetGrabber.displayName = "BottomSheetGrabber";
-
-exports.BottomSheetGrabber = BottomSheetGrabber;

package/dist/components/bottom-sheet/bottom-sheet-grabber.d.cts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetGrabberBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetGrabberProps extends HTMLProps<'div'>, BottomSheetGrabberBaseProps {
-}
-export declare const BottomSheetGrabber: ForwardRefExoticComponent<BottomSheetGrabberProps & RefAttributes<HTMLDivElement>>;

package/dist/components/bottom-sheet/bottom-sheet-grabber.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps, PolymorphicProps } from '../factory';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface BottomSheetGrabberBaseProps extends PolymorphicProps {
-}
-export interface BottomSheetGrabberProps extends HTMLProps<'div'>, BottomSheetGrabberBaseProps {
-}
-export declare const BottomSheetGrabber: ForwardRefExoticComponent<BottomSheetGrabberProps & RefAttributes<HTMLDivElement>>;