@ark-ui/react 5.5.0 → 5.7.0

package/dist/components/angle-slider/angle-slider.d.ts

@@ -0,0 +1,10 @@
+export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context';
+export { AngleSliderRoot as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, } from './angle-slider-root';
+export { AngleSliderRootProvider as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, } from './angle-slider-root-provider';
+export { AngleSliderLabel as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, } from './angle-slider-label';
+export { AngleSliderControl as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, } from './angle-slider-control';
+export { AngleSliderThumb as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, } from './angle-slider-thumb';
+export { AngleSliderMarkerGroup as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, } from './angle-slider-marker-group';
+export { AngleSliderMarker as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, } from './angle-slider-marker';
+export { AngleSliderValueText as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, } from './angle-slider-value-text';
+export { AngleSliderHiddenInput as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, } from './angle-slider-hidden-input';

package/dist/components/angle-slider/angle-slider.js

@@ -0,0 +1,10 @@
+export { AngleSliderContext as Context } from './angle-slider-context.js';
+export { AngleSliderRoot as Root } from './angle-slider-root.js';
+export { AngleSliderRootProvider as RootProvider } from './angle-slider-root-provider.js';
+export { AngleSliderLabel as Label } from './angle-slider-label.js';
+export { AngleSliderControl as Control } from './angle-slider-control.js';
+export { AngleSliderThumb as Thumb } from './angle-slider-thumb.js';
+export { AngleSliderMarkerGroup as MarkerGroup } from './angle-slider-marker-group.js';
+export { AngleSliderMarker as Marker } from './angle-slider-marker.js';
+export { AngleSliderValueText as ValueText } from './angle-slider-value-text.js';
+export { AngleSliderHiddenInput as HiddenInput } from './angle-slider-hidden-input.js';

package/dist/components/angle-slider/index.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const angleSliderContext = require('./angle-slider-context.cjs');
+const angleSliderControl = require('./angle-slider-control.cjs');
+const angleSliderHiddenInput = require('./angle-slider-hidden-input.cjs');
+const angleSliderLabel = require('./angle-slider-label.cjs');
+const angleSliderMarker = require('./angle-slider-marker.cjs');
+const angleSliderMarkerGroup = require('./angle-slider-marker-group.cjs');
+const angleSliderRoot = require('./angle-slider-root.cjs');
+const angleSliderRootProvider = require('./angle-slider-root-provider.cjs');
+const angleSliderThumb = require('./angle-slider-thumb.cjs');
+const angleSliderValueText = require('./angle-slider-value-text.cjs');
+const useAngleSlider = require('./use-angle-slider.cjs');
+const useAngleSliderContext = require('./use-angle-slider-context.cjs');
+const angleSlider$1 = require('./angle-slider.cjs');
+const angleSlider = require('@zag-js/angle-slider');
+
+
+
+exports.AngleSliderContext = angleSliderContext.AngleSliderContext;
+exports.AngleSliderControl = angleSliderControl.AngleSliderControl;
+exports.AngleSliderHiddenInput = angleSliderHiddenInput.AngleSliderHiddenInput;
+exports.AngleSliderLabel = angleSliderLabel.AngleSliderLabel;
+exports.AngleSliderMarker = angleSliderMarker.AngleSliderMarker;
+exports.AngleSliderMarkerGroup = angleSliderMarkerGroup.AngleSliderMarkerGroup;
+exports.AngleSliderRoot = angleSliderRoot.AngleSliderRoot;
+exports.AngleSliderRootProvider = angleSliderRootProvider.AngleSliderRootProvider;
+exports.AngleSliderThumb = angleSliderThumb.AngleSliderThumb;
+exports.AngleSliderValueText = angleSliderValueText.AngleSliderValueText;
+exports.useAngleSlider = useAngleSlider.useAngleSlider;
+exports.useAngleSliderContext = useAngleSliderContext.useAngleSliderContext;
+exports.AngleSlider = angleSlider$1;
+Object.defineProperty(exports, "angleSliderAnatomy", {
+  enumerable: true,
+  get: () => angleSlider.anatomy
+});

package/dist/components/angle-slider/index.d.cts

@@ -0,0 +1,14 @@
+export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context';
+export { AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, } from './angle-slider-control';
+export { AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, } from './angle-slider-hidden-input';
+export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label';
+export { AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps } from './angle-slider-marker';
+export { AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, } from './angle-slider-marker-group';
+export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root';
+export { AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, } from './angle-slider-root-provider';
+export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb';
+export { AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, } from './angle-slider-value-text';
+export { angleSliderAnatomy } from './angle-slider.anatomy';
+export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider';
+export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context';
+export * as AngleSlider from './angle-slider';

package/dist/components/angle-slider/index.d.ts

@@ -0,0 +1,14 @@
+export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context';
+export { AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, } from './angle-slider-control';
+export { AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, } from './angle-slider-hidden-input';
+export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label';
+export { AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps } from './angle-slider-marker';
+export { AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, } from './angle-slider-marker-group';
+export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root';
+export { AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, } from './angle-slider-root-provider';
+export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb';
+export { AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, } from './angle-slider-value-text';
+export { angleSliderAnatomy } from './angle-slider.anatomy';
+export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider';
+export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context';
+export * as AngleSlider from './angle-slider';

package/dist/components/angle-slider/index.js

@@ -0,0 +1,15 @@
+export { AngleSliderContext } from './angle-slider-context.js';
+export { AngleSliderControl } from './angle-slider-control.js';
+export { AngleSliderHiddenInput } from './angle-slider-hidden-input.js';
+export { AngleSliderLabel } from './angle-slider-label.js';
+export { AngleSliderMarker } from './angle-slider-marker.js';
+export { AngleSliderMarkerGroup } from './angle-slider-marker-group.js';
+export { AngleSliderRoot } from './angle-slider-root.js';
+export { AngleSliderRootProvider } from './angle-slider-root-provider.js';
+export { AngleSliderThumb } from './angle-slider-thumb.js';
+export { AngleSliderValueText } from './angle-slider-value-text.js';
+export { useAngleSlider } from './use-angle-slider.js';
+export { useAngleSliderContext } from './use-angle-slider-context.js';
+import * as angleSlider from './angle-slider.js';
+export { angleSlider as AngleSlider };
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/components/angle-slider/use-angle-slider-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 [AngleSliderProvider, useAngleSliderContext] = createContext.createContext({
+  name: "AngleSliderContext",
+  hookName: "useAngleSliderContext",
+  providerName: "<AngleSliderProvider />"
+});
+
+exports.AngleSliderProvider = AngleSliderProvider;
+exports.useAngleSliderContext = useAngleSliderContext;

package/dist/components/angle-slider/use-angle-slider-context.d.cts

@@ -0,0 +1,5 @@
+import { UseAngleSliderReturn } from './use-angle-slider';
+import { Provider } from 'react';
+export interface UseAngleSliderContext extends UseAngleSliderReturn {
+}
+export declare const AngleSliderProvider: Provider<UseAngleSliderContext>, useAngleSliderContext: () => UseAngleSliderContext;

package/dist/components/angle-slider/use-angle-slider-context.d.ts

@@ -0,0 +1,5 @@
+import { UseAngleSliderReturn } from './use-angle-slider';
+import { Provider } from 'react';
+export interface UseAngleSliderContext extends UseAngleSliderReturn {
+}
+export declare const AngleSliderProvider: Provider<UseAngleSliderContext>, useAngleSliderContext: () => UseAngleSliderContext;

package/dist/components/angle-slider/use-angle-slider-context.js

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

package/dist/components/angle-slider/use-angle-slider.cjs

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const angleSlider = require('@zag-js/angle-slider');
+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 angleSlider__namespace = /*#__PURE__*/_interopNamespaceDefault(angleSlider);
+
+const useAngleSlider = (props) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(angleSlider__namespace.machine, machineProps);
+  return angleSlider__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useAngleSlider = useAngleSlider;

package/dist/components/angle-slider/use-angle-slider.d.cts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as angleSlider from '@zag-js/angle-slider';
+export interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {
+}
+export declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;

package/dist/components/angle-slider/use-angle-slider.d.ts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as angleSlider from '@zag-js/angle-slider';
+export interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {
+}
+export declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;

package/dist/components/angle-slider/use-angle-slider.js

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

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "group" | "indicator" | "control">;
+export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "group" | "indicator" | "control">;
+export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;

package/dist/components/collection.d.cts

@@ -1,5 +1,5 @@
 import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
-export type { CollectionItem, ListCollection } from '@zag-js/collection';
+export type { CollectionItem, ListCollection, SelectionMode } from '@zag-js/collection';
 export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
 export type { TreeCollection, TreeNode } from '@zag-js/collection';
 export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;

package/dist/components/collection.d.ts

@@ -1,5 +1,5 @@
 import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
-export type { CollectionItem, ListCollection } from '@zag-js/collection';
+export type { CollectionItem, ListCollection, SelectionMode } from '@zag-js/collection';
 export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
 export type { TreeCollection, TreeNode } from '@zag-js/collection';
 export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;

package/dist/components/color-picker/color-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/date-picker/date-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;

package/dist/components/floating-panel/floating-panel-body.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelBody = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getBodyProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+FloatingPanelBody.displayName = "FloatingPanelBody";
+
+exports.FloatingPanelBody = FloatingPanelBody;

package/dist/components/floating-panel/floating-panel-body.d.cts

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

package/dist/components/floating-panel/floating-panel-body.d.ts

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

package/dist/components/floating-panel/floating-panel-body.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelBody = forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext();
+  const mergedProps = mergeProps(floatingPanel.getBodyProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+FloatingPanelBody.displayName = "FloatingPanelBody";
+
+export { FloatingPanelBody };

package/dist/components/floating-panel/floating-panel-close-trigger.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelCloseTrigger = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+FloatingPanelCloseTrigger.displayName = "FloatingPanelCloseTrigger";
+
+exports.FloatingPanelCloseTrigger = FloatingPanelCloseTrigger;

package/dist/components/floating-panel/floating-panel-close-trigger.d.cts

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

package/dist/components/floating-panel/floating-panel-close-trigger.d.ts

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

package/dist/components/floating-panel/floating-panel-close-trigger.js

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

package/dist/components/floating-panel/floating-panel-content.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const factory = require('../factory.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelContent = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
+FloatingPanelContent.displayName = "FloatingPanelContent";
+
+exports.FloatingPanelContent = FloatingPanelContent;

package/dist/components/floating-panel/floating-panel-content.d.cts

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

package/dist/components/floating-panel/floating-panel-content.d.ts

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

package/dist/components/floating-panel/floating-panel-content.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelContent = forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(floatingPanel.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+FloatingPanelContent.displayName = "FloatingPanelContent";
+
+export { FloatingPanelContent };

package/dist/components/floating-panel/floating-panel-context.cjs

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

package/dist/components/floating-panel/floating-panel-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseFloatingPanelContext } from './use-floating-panel-context';
+export interface FloatingPanelContextProps {
+    children: (context: UseFloatingPanelContext) => ReactNode;
+}
+export declare const FloatingPanelContext: (props: FloatingPanelContextProps) => ReactNode;

package/dist/components/floating-panel/floating-panel-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseFloatingPanelContext } from './use-floating-panel-context';
+export interface FloatingPanelContextProps {
+    children: (context: UseFloatingPanelContext) => ReactNode;
+}
+export declare const FloatingPanelContext: (props: FloatingPanelContextProps) => ReactNode;

package/dist/components/floating-panel/floating-panel-context.js

@@ -0,0 +1,6 @@
+'use client';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+
+export { FloatingPanelContext };

package/dist/components/floating-panel/floating-panel-control.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelControl = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getControlProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+FloatingPanelControl.displayName = "FloatingPanelControl";
+
+exports.FloatingPanelControl = FloatingPanelControl;

package/dist/components/floating-panel/floating-panel-control.d.cts

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

package/dist/components/floating-panel/floating-panel-control.d.ts

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

package/dist/components/floating-panel/floating-panel-control.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelControl = forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext();
+  const mergedProps = mergeProps(floatingPanel.getControlProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+FloatingPanelControl.displayName = "FloatingPanelControl";
+
+export { FloatingPanelControl };

package/dist/components/floating-panel/floating-panel-drag-trigger.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelDragTrigger = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getDragTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+FloatingPanelDragTrigger.displayName = "FloatingPanelDragTrigger";
+
+exports.FloatingPanelDragTrigger = FloatingPanelDragTrigger;

package/dist/components/floating-panel/floating-panel-drag-trigger.d.cts

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

package/dist/components/floating-panel/floating-panel-drag-trigger.d.ts

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