@ark-ui/react 5.25.0 → 5.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/components/anatomy.cjs +5 -0
  2. package/dist/components/anatomy.d.cts +1 -0
  3. package/dist/components/anatomy.d.ts +1 -0
  4. package/dist/components/anatomy.js +1 -0
  5. package/dist/components/bottom-sheet/bottom-sheet-backdrop.cjs +27 -0
  6. package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.cts +7 -0
  7. package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.ts +7 -0
  8. package/dist/components/bottom-sheet/bottom-sheet-backdrop.js +23 -0
  9. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.cjs +19 -0
  10. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.cts +7 -0
  11. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.ts +7 -0
  12. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.js +15 -0
  13. package/dist/components/bottom-sheet/bottom-sheet-content.cjs +31 -0
  14. package/dist/components/bottom-sheet/bottom-sheet-content.d.cts +8 -0
  15. package/dist/components/bottom-sheet/bottom-sheet-content.d.ts +8 -0
  16. package/dist/components/bottom-sheet/bottom-sheet-content.js +27 -0
  17. package/dist/components/bottom-sheet/bottom-sheet-context.cjs +10 -0
  18. package/dist/components/bottom-sheet/bottom-sheet-context.d.cts +6 -0
  19. package/dist/components/bottom-sheet/bottom-sheet-context.d.ts +6 -0
  20. package/dist/components/bottom-sheet/bottom-sheet-context.js +6 -0
  21. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.cjs +21 -0
  22. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.cts +7 -0
  23. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts +7 -0
  24. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.js +17 -0
  25. package/dist/components/bottom-sheet/bottom-sheet-grabber.cjs +19 -0
  26. package/dist/components/bottom-sheet/bottom-sheet-grabber.d.cts +7 -0
  27. package/dist/components/bottom-sheet/bottom-sheet-grabber.d.ts +7 -0
  28. package/dist/components/bottom-sheet/bottom-sheet-grabber.js +15 -0
  29. package/dist/components/bottom-sheet/bottom-sheet-root-provider.cjs +21 -0
  30. package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.cts +14 -0
  31. package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.ts +14 -0
  32. package/dist/components/bottom-sheet/bottom-sheet-root-provider.js +17 -0
  33. package/dist/components/bottom-sheet/bottom-sheet-root.cjs +23 -0
  34. package/dist/components/bottom-sheet/bottom-sheet-root.d.cts +9 -0
  35. package/dist/components/bottom-sheet/bottom-sheet-root.d.ts +9 -0
  36. package/dist/components/bottom-sheet/bottom-sheet-root.js +19 -0
  37. package/dist/components/bottom-sheet/bottom-sheet-title.cjs +19 -0
  38. package/dist/components/bottom-sheet/bottom-sheet-title.d.cts +7 -0
  39. package/dist/components/bottom-sheet/bottom-sheet-title.d.ts +7 -0
  40. package/dist/components/bottom-sheet/bottom-sheet-title.js +15 -0
  41. package/dist/components/bottom-sheet/bottom-sheet-trigger.cjs +27 -0
  42. package/dist/components/bottom-sheet/bottom-sheet-trigger.d.cts +7 -0
  43. package/dist/components/bottom-sheet/bottom-sheet-trigger.d.ts +7 -0
  44. package/dist/components/bottom-sheet/bottom-sheet-trigger.js +23 -0
  45. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.cts +1 -0
  46. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts +1 -0
  47. package/dist/components/bottom-sheet/bottom-sheet.cjs +27 -0
  48. package/dist/components/bottom-sheet/bottom-sheet.d.cts +11 -0
  49. package/dist/components/bottom-sheet/bottom-sheet.d.ts +11 -0
  50. package/dist/components/bottom-sheet/bottom-sheet.js +10 -0
  51. package/dist/components/bottom-sheet/index.cjs +38 -0
  52. package/dist/components/bottom-sheet/index.d.cts +15 -0
  53. package/dist/components/bottom-sheet/index.d.ts +15 -0
  54. package/dist/components/bottom-sheet/index.js +15 -0
  55. package/dist/components/bottom-sheet/use-bottom-sheet-context.cjs +15 -0
  56. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.cts +5 -0
  57. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts +5 -0
  58. package/dist/components/bottom-sheet/use-bottom-sheet-context.js +10 -0
  59. package/dist/components/bottom-sheet/use-bottom-sheet.cjs +45 -0
  60. package/dist/components/bottom-sheet/use-bottom-sheet.d.cts +8 -0
  61. package/dist/components/bottom-sheet/use-bottom-sheet.d.ts +8 -0
  62. package/dist/components/bottom-sheet/use-bottom-sheet.js +22 -0
  63. package/dist/components/format/format-byte.d.cts +4 -0
  64. package/dist/components/format/format-byte.d.ts +4 -0
  65. package/dist/components/index.cjs +31 -0
  66. package/dist/components/index.d.cts +1 -0
  67. package/dist/components/index.d.ts +1 -0
  68. package/dist/components/index.js +15 -0
  69. package/dist/index.cjs +31 -0
  70. package/dist/index.js +15 -0
  71. package/package.json +67 -66
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface BottomSheetTriggerBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetTriggerProps extends HTMLProps<'button'>, BottomSheetTriggerBaseProps {
6
+ }
7
+ export declare const BottomSheetTrigger: ForwardRefExoticComponent<BottomSheetTriggerProps & RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,7 @@
1
+ import { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+ export interface BottomSheetTriggerBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetTriggerProps extends HTMLProps<'button'>, BottomSheetTriggerBaseProps {
6
+ }
7
+ export declare const BottomSheetTrigger: ForwardRefExoticComponent<BottomSheetTriggerProps & RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,23 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { ark } from '../factory.js';
6
+ import { usePresenceContext } from '../presence/use-presence-context.js';
7
+ import { useBottomSheetContext } from './use-bottom-sheet-context.js';
8
+
9
+ const BottomSheetTrigger = forwardRef((props, ref) => {
10
+ const bottomSheet = useBottomSheetContext();
11
+ const presence = usePresenceContext();
12
+ const mergedProps = mergeProps(
13
+ {
14
+ ...bottomSheet.getTriggerProps(),
15
+ "aria-controls": presence.unmounted ? void 0 : bottomSheet.getTriggerProps()["aria-controls"]
16
+ },
17
+ props
18
+ );
19
+ return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
20
+ });
21
+ BottomSheetTrigger.displayName = "BottomSheetTrigger";
22
+
23
+ export { BottomSheetTrigger };
@@ -0,0 +1 @@
1
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
@@ -0,0 +1 @@
1
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const bottomSheetBackdrop = require('./bottom-sheet-backdrop.cjs');
6
+ const bottomSheetCloseTrigger = require('./bottom-sheet-close-trigger.cjs');
7
+ const bottomSheetContent = require('./bottom-sheet-content.cjs');
8
+ const bottomSheetContext = require('./bottom-sheet-context.cjs');
9
+ const bottomSheetGrabber = require('./bottom-sheet-grabber.cjs');
10
+ const bottomSheetGrabberIndicator = require('./bottom-sheet-grabber-indicator.cjs');
11
+ const bottomSheetRoot = require('./bottom-sheet-root.cjs');
12
+ const bottomSheetRootProvider = require('./bottom-sheet-root-provider.cjs');
13
+ const bottomSheetTitle = require('./bottom-sheet-title.cjs');
14
+ const bottomSheetTrigger = require('./bottom-sheet-trigger.cjs');
15
+
16
+
17
+
18
+ exports.Backdrop = bottomSheetBackdrop.BottomSheetBackdrop;
19
+ exports.CloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
20
+ exports.Content = bottomSheetContent.BottomSheetContent;
21
+ exports.Context = bottomSheetContext.BottomSheetContext;
22
+ exports.Grabber = bottomSheetGrabber.BottomSheetGrabber;
23
+ exports.GrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
24
+ exports.Root = bottomSheetRoot.BottomSheetRoot;
25
+ exports.RootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
26
+ exports.Title = bottomSheetTitle.BottomSheetTitle;
27
+ exports.Trigger = bottomSheetTrigger.BottomSheetTrigger;
@@ -0,0 +1,11 @@
1
+ export type { OpenChangeDetails } from '@zag-js/bottom-sheet';
2
+ export { BottomSheetBackdrop as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from './bottom-sheet-backdrop';
3
+ export { BottomSheetCloseTrigger as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from './bottom-sheet-close-trigger';
4
+ export { BottomSheetContent as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from './bottom-sheet-content';
5
+ export { BottomSheetContext as Context, type BottomSheetContextProps as ContextProps } from './bottom-sheet-context';
6
+ export { BottomSheetGrabber as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from './bottom-sheet-grabber';
7
+ export { BottomSheetGrabberIndicator as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
8
+ export { BottomSheetRoot as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from './bottom-sheet-root';
9
+ export { BottomSheetRootProvider as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from './bottom-sheet-root-provider';
10
+ export { BottomSheetTitle as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from './bottom-sheet-title';
11
+ export { BottomSheetTrigger as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from './bottom-sheet-trigger';
@@ -0,0 +1,11 @@
1
+ export type { OpenChangeDetails } from '@zag-js/bottom-sheet';
2
+ export { BottomSheetBackdrop as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from './bottom-sheet-backdrop';
3
+ export { BottomSheetCloseTrigger as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from './bottom-sheet-close-trigger';
4
+ export { BottomSheetContent as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from './bottom-sheet-content';
5
+ export { BottomSheetContext as Context, type BottomSheetContextProps as ContextProps } from './bottom-sheet-context';
6
+ export { BottomSheetGrabber as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from './bottom-sheet-grabber';
7
+ export { BottomSheetGrabberIndicator as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
8
+ export { BottomSheetRoot as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from './bottom-sheet-root';
9
+ export { BottomSheetRootProvider as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from './bottom-sheet-root-provider';
10
+ export { BottomSheetTitle as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from './bottom-sheet-title';
11
+ export { BottomSheetTrigger as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from './bottom-sheet-trigger';
@@ -0,0 +1,10 @@
1
+ export { BottomSheetBackdrop as Backdrop } from './bottom-sheet-backdrop.js';
2
+ export { BottomSheetCloseTrigger as CloseTrigger } from './bottom-sheet-close-trigger.js';
3
+ export { BottomSheetContent as Content } from './bottom-sheet-content.js';
4
+ export { BottomSheetContext as Context } from './bottom-sheet-context.js';
5
+ export { BottomSheetGrabber as Grabber } from './bottom-sheet-grabber.js';
6
+ export { BottomSheetGrabberIndicator as GrabberIndicator } from './bottom-sheet-grabber-indicator.js';
7
+ export { BottomSheetRoot as Root } from './bottom-sheet-root.js';
8
+ export { BottomSheetRootProvider as RootProvider } from './bottom-sheet-root-provider.js';
9
+ export { BottomSheetTitle as Title } from './bottom-sheet-title.js';
10
+ export { BottomSheetTrigger as Trigger } from './bottom-sheet-trigger.js';
@@ -0,0 +1,38 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const bottomSheetBackdrop = require('./bottom-sheet-backdrop.cjs');
6
+ const bottomSheetCloseTrigger = require('./bottom-sheet-close-trigger.cjs');
7
+ const bottomSheetContent = require('./bottom-sheet-content.cjs');
8
+ const bottomSheetContext = require('./bottom-sheet-context.cjs');
9
+ const bottomSheetGrabber = require('./bottom-sheet-grabber.cjs');
10
+ const bottomSheetGrabberIndicator = require('./bottom-sheet-grabber-indicator.cjs');
11
+ const bottomSheetRoot = require('./bottom-sheet-root.cjs');
12
+ const bottomSheetRootProvider = require('./bottom-sheet-root-provider.cjs');
13
+ const bottomSheetTitle = require('./bottom-sheet-title.cjs');
14
+ const bottomSheetTrigger = require('./bottom-sheet-trigger.cjs');
15
+ const useBottomSheet = require('./use-bottom-sheet.cjs');
16
+ const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
17
+ const bottomSheet$1 = require('./bottom-sheet.cjs');
18
+ const bottomSheet = require('@zag-js/bottom-sheet');
19
+
20
+
21
+
22
+ exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
23
+ exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
24
+ exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
25
+ exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
26
+ exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
27
+ exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
28
+ exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
29
+ exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
30
+ exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
31
+ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
32
+ exports.useBottomSheet = useBottomSheet.useBottomSheet;
33
+ exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
34
+ exports.BottomSheet = bottomSheet$1;
35
+ Object.defineProperty(exports, "bottomSheetAnatomy", {
36
+ enumerable: true,
37
+ get: () => bottomSheet.anatomy
38
+ });
@@ -0,0 +1,15 @@
1
+ export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
2
+ export { BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop';
3
+ export { BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger';
4
+ export { BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content';
5
+ export { BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context';
6
+ export { BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber';
7
+ export { BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
8
+ export { BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps } from './bottom-sheet-root';
9
+ export { BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider';
10
+ export { BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps } from './bottom-sheet-title';
11
+ export { BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger';
12
+ export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
13
+ export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
14
+ export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
15
+ export * as BottomSheet from './bottom-sheet';
@@ -0,0 +1,15 @@
1
+ export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
2
+ export { BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop';
3
+ export { BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger';
4
+ export { BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content';
5
+ export { BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context';
6
+ export { BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber';
7
+ export { BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
8
+ export { BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps } from './bottom-sheet-root';
9
+ export { BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider';
10
+ export { BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps } from './bottom-sheet-title';
11
+ export { BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger';
12
+ export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
13
+ export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
14
+ export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
15
+ export * as BottomSheet from './bottom-sheet';
@@ -0,0 +1,15 @@
1
+ export { BottomSheetBackdrop } from './bottom-sheet-backdrop.js';
2
+ export { BottomSheetCloseTrigger } from './bottom-sheet-close-trigger.js';
3
+ export { BottomSheetContent } from './bottom-sheet-content.js';
4
+ export { BottomSheetContext } from './bottom-sheet-context.js';
5
+ export { BottomSheetGrabber } from './bottom-sheet-grabber.js';
6
+ export { BottomSheetGrabberIndicator } from './bottom-sheet-grabber-indicator.js';
7
+ export { BottomSheetRoot } from './bottom-sheet-root.js';
8
+ export { BottomSheetRootProvider } from './bottom-sheet-root-provider.js';
9
+ export { BottomSheetTitle } from './bottom-sheet-title.js';
10
+ export { BottomSheetTrigger } from './bottom-sheet-trigger.js';
11
+ export { useBottomSheet } from './use-bottom-sheet.js';
12
+ export { useBottomSheetContext } from './use-bottom-sheet-context.js';
13
+ import * as bottomSheet from './bottom-sheet.js';
14
+ export { bottomSheet as BottomSheet };
15
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const createContext = require('../../utils/create-context.cjs');
7
+
8
+ const [BottomSheetProvider, useBottomSheetContext] = createContext.createContext({
9
+ name: "BottomSheetContext",
10
+ hookName: "useBottomSheetContext",
11
+ providerName: "<BottomSheetProvider />"
12
+ });
13
+
14
+ exports.BottomSheetProvider = BottomSheetProvider;
15
+ exports.useBottomSheetContext = useBottomSheetContext;
@@ -0,0 +1,5 @@
1
+ import { UseBottomSheetReturn } from './use-bottom-sheet';
2
+ import { Provider } from 'react';
3
+ export interface UseBottomSheetContext extends UseBottomSheetReturn {
4
+ }
5
+ export declare const BottomSheetProvider: Provider<UseBottomSheetContext>, useBottomSheetContext: () => UseBottomSheetContext;
@@ -0,0 +1,5 @@
1
+ import { UseBottomSheetReturn } from './use-bottom-sheet';
2
+ import { Provider } from 'react';
3
+ export interface UseBottomSheetContext extends UseBottomSheetReturn {
4
+ }
5
+ export declare const BottomSheetProvider: Provider<UseBottomSheetContext>, useBottomSheetContext: () => UseBottomSheetContext;
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { createContext } from '../../utils/create-context.js';
3
+
4
+ const [BottomSheetProvider, useBottomSheetContext] = createContext({
5
+ name: "BottomSheetContext",
6
+ hookName: "useBottomSheetContext",
7
+ providerName: "<BottomSheetProvider />"
8
+ });
9
+
10
+ export { BottomSheetProvider, useBottomSheetContext };
@@ -0,0 +1,45 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const bottomSheet = require('@zag-js/bottom-sheet');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
10
+ const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
11
+
12
+ function _interopNamespaceDefault(e) {
13
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
14
+ if (e) {
15
+ for (const k in e) {
16
+ if (k !== 'default') {
17
+ const d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: () => e[k]
21
+ });
22
+ }
23
+ }
24
+ }
25
+ n.default = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ const bottomSheet__namespace = /*#__PURE__*/_interopNamespaceDefault(bottomSheet);
30
+
31
+ const useBottomSheet = (props) => {
32
+ const id = react.useId();
33
+ const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
34
+ const { dir } = useLocaleContext.useLocaleContext();
35
+ const context = {
36
+ id,
37
+ dir,
38
+ getRootNode,
39
+ ...props
40
+ };
41
+ const service = react$1.useMachine(bottomSheet__namespace.machine, context);
42
+ return bottomSheet__namespace.connect(service, react$1.normalizeProps);
43
+ };
44
+
45
+ exports.useBottomSheet = useBottomSheet;
@@ -0,0 +1,8 @@
1
+ import { PropTypes } from '@zag-js/react';
2
+ import { Optional } from '../../types';
3
+ import * as bottomSheet from '@zag-js/bottom-sheet';
4
+ export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
5
+ }
6
+ export interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {
7
+ }
8
+ export declare const useBottomSheet: (props?: UseBottomSheetProps) => UseBottomSheetReturn;
@@ -0,0 +1,8 @@
1
+ import { PropTypes } from '@zag-js/react';
2
+ import { Optional } from '../../types';
3
+ import * as bottomSheet from '@zag-js/bottom-sheet';
4
+ export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
5
+ }
6
+ export interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {
7
+ }
8
+ export declare const useBottomSheet: (props?: UseBottomSheetProps) => UseBottomSheetReturn;
@@ -0,0 +1,22 @@
1
+ 'use client';
2
+ import * as bottomSheet from '@zag-js/bottom-sheet';
3
+ import { useMachine, normalizeProps } from '@zag-js/react';
4
+ import { useId } from 'react';
5
+ import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
6
+ import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
7
+
8
+ const useBottomSheet = (props) => {
9
+ const id = useId();
10
+ const { getRootNode } = useEnvironmentContext();
11
+ const { dir } = useLocaleContext();
12
+ const context = {
13
+ id,
14
+ dir,
15
+ getRootNode,
16
+ ...props
17
+ };
18
+ const service = useMachine(bottomSheet.machine, context);
19
+ return bottomSheet.connect(service, normalizeProps);
20
+ };
21
+
22
+ export { useBottomSheet };
@@ -7,6 +7,10 @@ export interface FormatByteProps {
7
7
  * The unit display
8
8
  */
9
9
  unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
10
+ /**
11
+ * The unit system to use for formatting
12
+ */
13
+ unitSystem?: 'decimal' | 'binary' | undefined;
10
14
  /**
11
15
  * The byte size to format
12
16
  */
@@ -7,6 +7,10 @@ export interface FormatByteProps {
7
7
  * The unit display
8
8
  */
9
9
  unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
10
+ /**
11
+ * The unit system to use for formatting
12
+ */
13
+ unitSystem?: 'decimal' | 'binary' | undefined;
10
14
  /**
11
15
  * The byte size to format
12
16
  */
@@ -35,6 +35,19 @@ const avatarRootProvider = require('./avatar/avatar-root-provider.cjs');
35
35
  const useAvatar = require('./avatar/use-avatar.cjs');
36
36
  const useAvatarContext = require('./avatar/use-avatar-context.cjs');
37
37
  const avatar$1 = require('./avatar/avatar.cjs');
38
+ const bottomSheetBackdrop = require('./bottom-sheet/bottom-sheet-backdrop.cjs');
39
+ const bottomSheetCloseTrigger = require('./bottom-sheet/bottom-sheet-close-trigger.cjs');
40
+ const bottomSheetContent = require('./bottom-sheet/bottom-sheet-content.cjs');
41
+ const bottomSheetContext = require('./bottom-sheet/bottom-sheet-context.cjs');
42
+ const bottomSheetGrabber = require('./bottom-sheet/bottom-sheet-grabber.cjs');
43
+ const bottomSheetGrabberIndicator = require('./bottom-sheet/bottom-sheet-grabber-indicator.cjs');
44
+ const bottomSheetRoot = require('./bottom-sheet/bottom-sheet-root.cjs');
45
+ const bottomSheetRootProvider = require('./bottom-sheet/bottom-sheet-root-provider.cjs');
46
+ const bottomSheetTitle = require('./bottom-sheet/bottom-sheet-title.cjs');
47
+ const bottomSheetTrigger = require('./bottom-sheet/bottom-sheet-trigger.cjs');
48
+ const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
49
+ const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
50
+ const bottomSheet$1 = require('./bottom-sheet/bottom-sheet.cjs');
38
51
  const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
39
52
  const carouselContext = require('./carousel/carousel-context.cjs');
40
53
  const carouselControl = require('./carousel/carousel-control.cjs');
@@ -680,6 +693,7 @@ const treeView$1 = require('./tree-view/tree-view.cjs');
680
693
  const accordion = require('@zag-js/accordion');
681
694
  const angleSlider = require('@zag-js/angle-slider');
682
695
  const avatar = require('@zag-js/avatar');
696
+ const bottomSheet = require('@zag-js/bottom-sheet');
683
697
  const carousel = require('@zag-js/carousel');
684
698
  const clipboard = require('@zag-js/clipboard');
685
699
  const collapsible = require('@zag-js/collapsible');
@@ -748,6 +762,19 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
748
762
  exports.useAvatar = useAvatar.useAvatar;
749
763
  exports.useAvatarContext = useAvatarContext.useAvatarContext;
750
764
  exports.Avatar = avatar$1;
765
+ exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
766
+ exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
767
+ exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
768
+ exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
769
+ exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
770
+ exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
771
+ exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
772
+ exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
773
+ exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
774
+ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
775
+ exports.useBottomSheet = useBottomSheet.useBottomSheet;
776
+ exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
777
+ exports.BottomSheet = bottomSheet$1;
751
778
  exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
752
779
  exports.CarouselContext = carouselContext.CarouselContext;
753
780
  exports.CarouselControl = carouselControl.CarouselControl;
@@ -1411,6 +1438,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
1411
1438
  enumerable: true,
1412
1439
  get: () => avatar.anatomy
1413
1440
  });
1441
+ Object.defineProperty(exports, "bottomSheetAnatomy", {
1442
+ enumerable: true,
1443
+ get: () => bottomSheet.anatomy
1444
+ });
1414
1445
  Object.defineProperty(exports, "carouselAnatomy", {
1415
1446
  enumerable: true,
1416
1447
  get: () => carousel.anatomy
@@ -1,6 +1,7 @@
1
1
  export * from './accordion';
2
2
  export * from './angle-slider';
3
3
  export * from './avatar';
4
+ export * from './bottom-sheet';
4
5
  export * from './carousel';
5
6
  export * from './checkbox';
6
7
  export * from './client-only';
@@ -1,6 +1,7 @@
1
1
  export * from './accordion';
2
2
  export * from './angle-slider';
3
3
  export * from './avatar';
4
+ export * from './bottom-sheet';
4
5
  export * from './carousel';
5
6
  export * from './checkbox';
6
7
  export * from './client-only';
@@ -34,6 +34,20 @@ export { useAvatar } from './avatar/use-avatar.js';
34
34
  export { useAvatarContext } from './avatar/use-avatar-context.js';
35
35
  import * as avatar from './avatar/avatar.js';
36
36
  export { avatar as Avatar };
37
+ export { BottomSheetBackdrop } from './bottom-sheet/bottom-sheet-backdrop.js';
38
+ export { BottomSheetCloseTrigger } from './bottom-sheet/bottom-sheet-close-trigger.js';
39
+ export { BottomSheetContent } from './bottom-sheet/bottom-sheet-content.js';
40
+ export { BottomSheetContext } from './bottom-sheet/bottom-sheet-context.js';
41
+ export { BottomSheetGrabber } from './bottom-sheet/bottom-sheet-grabber.js';
42
+ export { BottomSheetGrabberIndicator } from './bottom-sheet/bottom-sheet-grabber-indicator.js';
43
+ export { BottomSheetRoot } from './bottom-sheet/bottom-sheet-root.js';
44
+ export { BottomSheetRootProvider } from './bottom-sheet/bottom-sheet-root-provider.js';
45
+ export { BottomSheetTitle } from './bottom-sheet/bottom-sheet-title.js';
46
+ export { BottomSheetTrigger } from './bottom-sheet/bottom-sheet-trigger.js';
47
+ export { useBottomSheet } from './bottom-sheet/use-bottom-sheet.js';
48
+ export { useBottomSheetContext } from './bottom-sheet/use-bottom-sheet-context.js';
49
+ import * as bottomSheet from './bottom-sheet/bottom-sheet.js';
50
+ export { bottomSheet as BottomSheet };
37
51
  export { CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.js';
38
52
  export { CarouselContext } from './carousel/carousel-context.js';
39
53
  export { CarouselControl } from './carousel/carousel-control.js';
@@ -723,6 +737,7 @@ export { treeView as TreeView };
723
737
  export { anatomy as accordionAnatomy } from '@zag-js/accordion';
724
738
  export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
725
739
  export { anatomy as avatarAnatomy } from '@zag-js/avatar';
740
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
726
741
  export { anatomy as carouselAnatomy } from '@zag-js/carousel';
727
742
  export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
728
743
  export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
package/dist/index.cjs CHANGED
@@ -35,6 +35,19 @@ const avatarRootProvider = require('./components/avatar/avatar-root-provider.cjs
35
35
  const useAvatar = require('./components/avatar/use-avatar.cjs');
36
36
  const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
37
37
  const avatar$1 = require('./components/avatar/avatar.cjs');
38
+ const bottomSheetBackdrop = require('./components/bottom-sheet/bottom-sheet-backdrop.cjs');
39
+ const bottomSheetCloseTrigger = require('./components/bottom-sheet/bottom-sheet-close-trigger.cjs');
40
+ const bottomSheetContent = require('./components/bottom-sheet/bottom-sheet-content.cjs');
41
+ const bottomSheetContext = require('./components/bottom-sheet/bottom-sheet-context.cjs');
42
+ const bottomSheetGrabber = require('./components/bottom-sheet/bottom-sheet-grabber.cjs');
43
+ const bottomSheetGrabberIndicator = require('./components/bottom-sheet/bottom-sheet-grabber-indicator.cjs');
44
+ const bottomSheetRoot = require('./components/bottom-sheet/bottom-sheet-root.cjs');
45
+ const bottomSheetRootProvider = require('./components/bottom-sheet/bottom-sheet-root-provider.cjs');
46
+ const bottomSheetTitle = require('./components/bottom-sheet/bottom-sheet-title.cjs');
47
+ const bottomSheetTrigger = require('./components/bottom-sheet/bottom-sheet-trigger.cjs');
48
+ const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
49
+ const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
50
+ const bottomSheet$1 = require('./components/bottom-sheet/bottom-sheet.cjs');
38
51
  const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
39
52
  const carouselContext = require('./components/carousel/carousel-context.cjs');
40
53
  const carouselControl = require('./components/carousel/carousel-control.cjs');
@@ -688,6 +701,7 @@ const core = require('@zag-js/core');
688
701
  const accordion = require('@zag-js/accordion');
689
702
  const angleSlider = require('@zag-js/angle-slider');
690
703
  const avatar = require('@zag-js/avatar');
704
+ const bottomSheet = require('@zag-js/bottom-sheet');
691
705
  const carousel = require('@zag-js/carousel');
692
706
  const clipboard = require('@zag-js/clipboard');
693
707
  const collapsible = require('@zag-js/collapsible');
@@ -756,6 +770,19 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
756
770
  exports.useAvatar = useAvatar.useAvatar;
757
771
  exports.useAvatarContext = useAvatarContext.useAvatarContext;
758
772
  exports.Avatar = avatar$1;
773
+ exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
774
+ exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
775
+ exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
776
+ exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
777
+ exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
778
+ exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
779
+ exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
780
+ exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
781
+ exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
782
+ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
783
+ exports.useBottomSheet = useBottomSheet.useBottomSheet;
784
+ exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
785
+ exports.BottomSheet = bottomSheet$1;
759
786
  exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
760
787
  exports.CarouselContext = carouselContext.CarouselContext;
761
788
  exports.CarouselControl = carouselControl.CarouselControl;
@@ -1430,6 +1457,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
1430
1457
  enumerable: true,
1431
1458
  get: () => avatar.anatomy
1432
1459
  });
1460
+ Object.defineProperty(exports, "bottomSheetAnatomy", {
1461
+ enumerable: true,
1462
+ get: () => bottomSheet.anatomy
1463
+ });
1433
1464
  Object.defineProperty(exports, "carouselAnatomy", {
1434
1465
  enumerable: true,
1435
1466
  get: () => carousel.anatomy
package/dist/index.js CHANGED
@@ -34,6 +34,20 @@ export { useAvatar } from './components/avatar/use-avatar.js';
34
34
  export { useAvatarContext } from './components/avatar/use-avatar-context.js';
35
35
  import * as avatar from './components/avatar/avatar.js';
36
36
  export { avatar as Avatar };
37
+ export { BottomSheetBackdrop } from './components/bottom-sheet/bottom-sheet-backdrop.js';
38
+ export { BottomSheetCloseTrigger } from './components/bottom-sheet/bottom-sheet-close-trigger.js';
39
+ export { BottomSheetContent } from './components/bottom-sheet/bottom-sheet-content.js';
40
+ export { BottomSheetContext } from './components/bottom-sheet/bottom-sheet-context.js';
41
+ export { BottomSheetGrabber } from './components/bottom-sheet/bottom-sheet-grabber.js';
42
+ export { BottomSheetGrabberIndicator } from './components/bottom-sheet/bottom-sheet-grabber-indicator.js';
43
+ export { BottomSheetRoot } from './components/bottom-sheet/bottom-sheet-root.js';
44
+ export { BottomSheetRootProvider } from './components/bottom-sheet/bottom-sheet-root-provider.js';
45
+ export { BottomSheetTitle } from './components/bottom-sheet/bottom-sheet-title.js';
46
+ export { BottomSheetTrigger } from './components/bottom-sheet/bottom-sheet-trigger.js';
47
+ export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
48
+ export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
49
+ import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
50
+ export { bottomSheet as BottomSheet };
37
51
  export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
38
52
  export { CarouselContext } from './components/carousel/carousel-context.js';
39
53
  export { CarouselControl } from './components/carousel/carousel-control.js';
@@ -731,6 +745,7 @@ export { mergeProps } from '@zag-js/core';
731
745
  export { anatomy as accordionAnatomy } from '@zag-js/accordion';
732
746
  export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
733
747
  export { anatomy as avatarAnatomy } from '@zag-js/avatar';
748
+ export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
734
749
  export { anatomy as carouselAnatomy } from '@zag-js/carousel';
735
750
  export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
736
751
  export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';