@ark-ui/react 5.25.0 → 5.26.0

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

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

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetTrigger = forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(
+    {
+      ...bottomSheet.getTriggerProps(),
+      "aria-controls": presence.unmounted ? void 0 : bottomSheet.getTriggerProps()["aria-controls"]
+    },
+    props
+  );
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+export { BottomSheetTrigger };

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

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

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

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheetBackdrop = require('./bottom-sheet-backdrop.cjs');
+const bottomSheetCloseTrigger = require('./bottom-sheet-close-trigger.cjs');
+const bottomSheetContent = require('./bottom-sheet-content.cjs');
+const bottomSheetContext = require('./bottom-sheet-context.cjs');
+const bottomSheetGrabber = require('./bottom-sheet-grabber.cjs');
+const bottomSheetGrabberIndicator = require('./bottom-sheet-grabber-indicator.cjs');
+const bottomSheetRoot = require('./bottom-sheet-root.cjs');
+const bottomSheetRootProvider = require('./bottom-sheet-root-provider.cjs');
+const bottomSheetTitle = require('./bottom-sheet-title.cjs');
+const bottomSheetTrigger = require('./bottom-sheet-trigger.cjs');
+
+
+
+exports.Backdrop = bottomSheetBackdrop.BottomSheetBackdrop;
+exports.CloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
+exports.Content = bottomSheetContent.BottomSheetContent;
+exports.Context = bottomSheetContext.BottomSheetContext;
+exports.Grabber = bottomSheetGrabber.BottomSheetGrabber;
+exports.GrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
+exports.Root = bottomSheetRoot.BottomSheetRoot;
+exports.RootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
+exports.Title = bottomSheetTitle.BottomSheetTitle;
+exports.Trigger = bottomSheetTrigger.BottomSheetTrigger;

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

@@ -0,0 +1,11 @@
+export type { OpenChangeDetails } from '@zag-js/bottom-sheet';
+export { BottomSheetBackdrop as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from './bottom-sheet-backdrop';
+export { BottomSheetCloseTrigger as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from './bottom-sheet-close-trigger';
+export { BottomSheetContent as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from './bottom-sheet-content';
+export { BottomSheetContext as Context, type BottomSheetContextProps as ContextProps } from './bottom-sheet-context';
+export { BottomSheetGrabber as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from './bottom-sheet-grabber';
+export { BottomSheetGrabberIndicator as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
+export { BottomSheetRoot as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from './bottom-sheet-root';
+export { BottomSheetRootProvider as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from './bottom-sheet-root-provider';
+export { BottomSheetTitle as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from './bottom-sheet-title';
+export { BottomSheetTrigger as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from './bottom-sheet-trigger';

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

@@ -0,0 +1,11 @@
+export type { OpenChangeDetails } from '@zag-js/bottom-sheet';
+export { BottomSheetBackdrop as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from './bottom-sheet-backdrop';
+export { BottomSheetCloseTrigger as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from './bottom-sheet-close-trigger';
+export { BottomSheetContent as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from './bottom-sheet-content';
+export { BottomSheetContext as Context, type BottomSheetContextProps as ContextProps } from './bottom-sheet-context';
+export { BottomSheetGrabber as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from './bottom-sheet-grabber';
+export { BottomSheetGrabberIndicator as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
+export { BottomSheetRoot as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from './bottom-sheet-root';
+export { BottomSheetRootProvider as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from './bottom-sheet-root-provider';
+export { BottomSheetTitle as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from './bottom-sheet-title';
+export { BottomSheetTrigger as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from './bottom-sheet-trigger';

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

@@ -0,0 +1,10 @@
+export { BottomSheetBackdrop as Backdrop } from './bottom-sheet-backdrop.js';
+export { BottomSheetCloseTrigger as CloseTrigger } from './bottom-sheet-close-trigger.js';
+export { BottomSheetContent as Content } from './bottom-sheet-content.js';
+export { BottomSheetContext as Context } from './bottom-sheet-context.js';
+export { BottomSheetGrabber as Grabber } from './bottom-sheet-grabber.js';
+export { BottomSheetGrabberIndicator as GrabberIndicator } from './bottom-sheet-grabber-indicator.js';
+export { BottomSheetRoot as Root } from './bottom-sheet-root.js';
+export { BottomSheetRootProvider as RootProvider } from './bottom-sheet-root-provider.js';
+export { BottomSheetTitle as Title } from './bottom-sheet-title.js';
+export { BottomSheetTrigger as Trigger } from './bottom-sheet-trigger.js';

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheetBackdrop = require('./bottom-sheet-backdrop.cjs');
+const bottomSheetCloseTrigger = require('./bottom-sheet-close-trigger.cjs');
+const bottomSheetContent = require('./bottom-sheet-content.cjs');
+const bottomSheetContext = require('./bottom-sheet-context.cjs');
+const bottomSheetGrabber = require('./bottom-sheet-grabber.cjs');
+const bottomSheetGrabberIndicator = require('./bottom-sheet-grabber-indicator.cjs');
+const bottomSheetRoot = require('./bottom-sheet-root.cjs');
+const bottomSheetRootProvider = require('./bottom-sheet-root-provider.cjs');
+const bottomSheetTitle = require('./bottom-sheet-title.cjs');
+const bottomSheetTrigger = require('./bottom-sheet-trigger.cjs');
+const useBottomSheet = require('./use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const bottomSheet$1 = require('./bottom-sheet.cjs');
+const bottomSheet = require('@zag-js/bottom-sheet');
+
+
+
+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$1;
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+  enumerable: true,
+  get: () => bottomSheet.anatomy
+});

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
+export { BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop';
+export { BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger';
+export { BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content';
+export { BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context';
+export { BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber';
+export { BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
+export { BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps } from './bottom-sheet-root';
+export { BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider';
+export { BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps } from './bottom-sheet-title';
+export { BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
+export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
+export * as BottomSheet from './bottom-sheet';

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
+export { BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop';
+export { BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger';
+export { BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content';
+export { BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context';
+export { BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber';
+export { BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator';
+export { BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps } from './bottom-sheet-root';
+export { BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider';
+export { BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps } from './bottom-sheet-title';
+export { BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
+export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
+export * as BottomSheet from './bottom-sheet';

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

@@ -0,0 +1,15 @@
+export { BottomSheetBackdrop } from './bottom-sheet-backdrop.js';
+export { BottomSheetCloseTrigger } from './bottom-sheet-close-trigger.js';
+export { BottomSheetContent } from './bottom-sheet-content.js';
+export { BottomSheetContext } from './bottom-sheet-context.js';
+export { BottomSheetGrabber } from './bottom-sheet-grabber.js';
+export { BottomSheetGrabberIndicator } from './bottom-sheet-grabber-indicator.js';
+export { BottomSheetRoot } from './bottom-sheet-root.js';
+export { BottomSheetRootProvider } from './bottom-sheet-root-provider.js';
+export { BottomSheetTitle } from './bottom-sheet-title.js';
+export { BottomSheetTrigger } from './bottom-sheet-trigger.js';
+export { useBottomSheet } from './use-bottom-sheet.js';
+export { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import * as bottomSheet from './bottom-sheet.js';
+export { bottomSheet as BottomSheet };
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [BottomSheetProvider, useBottomSheetContext] = createContext.createContext({
+  name: "BottomSheetContext",
+  hookName: "useBottomSheetContext",
+  providerName: "<BottomSheetProvider />"
+});
+
+exports.BottomSheetProvider = BottomSheetProvider;
+exports.useBottomSheetContext = useBottomSheetContext;

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

@@ -0,0 +1,5 @@
+import { UseBottomSheetReturn } from './use-bottom-sheet';
+import { Provider } from 'react';
+export interface UseBottomSheetContext extends UseBottomSheetReturn {
+}
+export declare const BottomSheetProvider: Provider<UseBottomSheetContext>, useBottomSheetContext: () => UseBottomSheetContext;

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

@@ -0,0 +1,5 @@
+import { UseBottomSheetReturn } from './use-bottom-sheet';
+import { Provider } from 'react';
+export interface UseBottomSheetContext extends UseBottomSheetReturn {
+}
+export declare const BottomSheetProvider: Provider<UseBottomSheetContext>, useBottomSheetContext: () => UseBottomSheetContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [BottomSheetProvider, useBottomSheetContext] = createContext({
+  name: "BottomSheetContext",
+  hookName: "useBottomSheetContext",
+  providerName: "<BottomSheetProvider />"
+});
+
+export { BottomSheetProvider, useBottomSheetContext };

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheet = require('@zag-js/bottom-sheet');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const bottomSheet__namespace = /*#__PURE__*/_interopNamespaceDefault(bottomSheet);
+
+const useBottomSheet = (props) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const context = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(bottomSheet__namespace.machine, context);
+  return bottomSheet__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useBottomSheet = useBottomSheet;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {
+}
+export declare const useBottomSheet: (props?: UseBottomSheetProps) => UseBottomSheetReturn;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {
+}
+export declare const useBottomSheet: (props?: UseBottomSheetProps) => UseBottomSheetReturn;

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

@@ -0,0 +1,22 @@
+'use client';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+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';
+
+const useBottomSheet = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const context = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(bottomSheet.machine, context);
+  return bottomSheet.connect(service, normalizeProps);
+};
+
+export { useBottomSheet };

package/dist/components/collapsible/split-collapsible-props.cjs

@@ -6,6 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const createSplitProps = require('../../utils/create-split-props.cjs');
 
 const splitCollapsibleProps = (props) => createSplitProps.createSplitProps()(props, [
+  "collapsedHeight",
+  "collapsedWidth",
   "defaultOpen",
   "disabled",
   "id",

package/dist/components/collapsible/split-collapsible-props.d.cts

@@ -1,2 +1,2 @@
 import { UseCollapsibleProps } from './use-collapsible';
-export declare const splitCollapsibleProps: <T extends UseCollapsibleProps>(props: T) => [UseCollapsibleProps, Omit<T, "open" | "ids" | "disabled" | "id" | "lazyMount" | "unmountOnExit" | "defaultOpen" | "onOpenChange" | "onExitComplete">];
+export declare const splitCollapsibleProps: <T extends UseCollapsibleProps>(props: T) => [UseCollapsibleProps, Omit<T, "open" | "ids" | "disabled" | "id" | "lazyMount" | "unmountOnExit" | "defaultOpen" | "onOpenChange" | "onExitComplete" | "collapsedHeight" | "collapsedWidth">];

package/dist/components/collapsible/split-collapsible-props.d.ts

@@ -1,2 +1,2 @@
 import { UseCollapsibleProps } from './use-collapsible';
-export declare const splitCollapsibleProps: <T extends UseCollapsibleProps>(props: T) => [UseCollapsibleProps, Omit<T, "open" | "ids" | "disabled" | "id" | "lazyMount" | "unmountOnExit" | "defaultOpen" | "onOpenChange" | "onExitComplete">];
+export declare const splitCollapsibleProps: <T extends UseCollapsibleProps>(props: T) => [UseCollapsibleProps, Omit<T, "open" | "ids" | "disabled" | "id" | "lazyMount" | "unmountOnExit" | "defaultOpen" | "onOpenChange" | "onExitComplete" | "collapsedHeight" | "collapsedWidth">];

package/dist/components/collapsible/split-collapsible-props.js

@@ -2,6 +2,8 @@
 import { createSplitProps } from '../../utils/create-split-props.js';
 
 const splitCollapsibleProps = (props) => createSplitProps()(props, [
+  "collapsedHeight",
+  "collapsedWidth",
   "defaultOpen",
   "disabled",
   "id",

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

@@ -8,5 +8,6 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export type ComboboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: ComboboxRootComponentProps<T, P>) => JSX.Element;
 export declare const ComboboxRoot: ComboboxRootComponent;

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

@@ -8,5 +8,6 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export type ComboboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: ComboboxRootComponentProps<T, P>) => JSX.Element;
 export declare const ComboboxRoot: ComboboxRootComponent;

package/dist/components/combobox/combobox.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
 const comboboxContent = require('./combobox-content.cjs');
-const comboboxEmpty = require('./combobox-empty.cjs');
 const comboboxContext = require('./combobox-context.cjs');
 const comboboxControl = require('./combobox-control.cjs');
+const comboboxEmpty = require('./combobox-empty.cjs');
 const comboboxInput = require('./combobox-input.cjs');
 const comboboxItem = require('./combobox-item.cjs');
 const comboboxItemContext = require('./combobox-item-context.cjs');
@@ -25,9 +25,9 @@ const comboboxTrigger = require('./combobox-trigger.cjs');
 
 exports.ClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.Content = comboboxContent.ComboboxContent;
-exports.Empty = comboboxEmpty.ComboboxEmpty;
 exports.Context = comboboxContext.ComboboxContext;
 exports.Control = comboboxControl.ComboboxControl;
+exports.Empty = comboboxEmpty.ComboboxEmpty;
 exports.Input = comboboxInput.ComboboxInput;
 exports.Item = comboboxItem.ComboboxItem;
 exports.ItemContext = comboboxItemContext.ComboboxItemContext;

package/dist/components/combobox/combobox.d.cts

@@ -1,10 +1,10 @@
-export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
+export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export type { CollectionItem } from '../collection';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content';
-export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control';
+export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input';
 export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, } from './combobox-item';
 export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context';
@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

package/dist/components/combobox/combobox.d.ts

@@ -1,10 +1,10 @@
-export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
+export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export type { CollectionItem } from '../collection';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content';
-export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control';
+export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input';
 export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, } from './combobox-item';
 export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context';
@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

package/dist/components/combobox/combobox.js

@@ -1,8 +1,8 @@
 export { ComboboxClearTrigger as ClearTrigger } from './combobox-clear-trigger.js';
 export { ComboboxContent as Content } from './combobox-content.js';
-export { ComboboxEmpty as Empty } from './combobox-empty.js';
 export { ComboboxContext as Context } from './combobox-context.js';
 export { ComboboxControl as Control } from './combobox-control.js';
+export { ComboboxEmpty as Empty } from './combobox-empty.js';
 export { ComboboxInput as Input } from './combobox-input.js';
 export { ComboboxItem as Item } from './combobox-item.js';
 export { ComboboxItemContext as ItemContext } from './combobox-item-context.js';

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

@@ -15,7 +15,7 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, } from './combobox-root';
 export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';

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

@@ -15,7 +15,7 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, } from './combobox-root';
 export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';

package/dist/components/format/format-byte.d.cts

@@ -7,6 +7,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary' | undefined;
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.d.ts

@@ -7,6 +7,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow' | undefined;
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary' | undefined;
     /**
      * The byte size to format
      */

package/dist/components/index.cjs

@@ -35,6 +35,19 @@ 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$1 = 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$1 = require('./bottom-sheet/bottom-sheet.cjs');
 const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./carousel/carousel-context.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
@@ -673,6 +686,7 @@ const treeViewRootProvider = require('./tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view/tree-view-tree.cjs');
 const treeViewNodeCheckbox = require('./tree-view/tree-view-node-checkbox.cjs');
 const treeViewNodeCheckboxIndicator = require('./tree-view/tree-view-node-checkbox-indicator.cjs');
+const treeViewNodeRenameInput = require('./tree-view/tree-view-node-rename-input.cjs');
 const useTreeView = require('./tree-view/use-tree-view.cjs');
 const useTreeViewContext = require('./tree-view/use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./tree-view/use-tree-view-node-context.cjs');
@@ -680,6 +694,7 @@ const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
+const bottomSheet = require('@zag-js/bottom-sheet');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
@@ -748,6 +763,19 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar$1;
+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$1;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
@@ -1395,6 +1423,7 @@ exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.TreeViewNodeCheckbox = treeViewNodeCheckbox.TreeViewNodeCheckbox;
 exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator.TreeViewNodeCheckboxIndicator;
+exports.TreeViewNodeRenameInput = treeViewNodeRenameInput.TreeViewNodeRenameInput;
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
@@ -1411,6 +1440,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+	enumerable: true,
+	get: () => bottomSheet.anatomy
+});
 Object.defineProperty(exports, "carouselAnatomy", {
 	enumerable: true,
 	get: () => carousel.anatomy

package/dist/components/index.d.cts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';