@ark-ui/react 5.39.3 → 6.0.0-next.0

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

@@ -4,8 +4,8 @@ import { ark } from "../factory.js";
 import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-content.tsx
 var FloatingPanelContent = forwardRef((props, ref) => {
@@ -17,7 +17,8 @@ var FloatingPanelContent = forwardRef((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: floatingPanel.getContentState()
 		})
 	});
 });

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-control.tsx
 var FloatingPanelControl = (0, react.forwardRef)((props, ref) => {
@@ -10,7 +10,8 @@ var FloatingPanelControl = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getControlState()
 	});
 });
 FloatingPanelControl.displayName = "FloatingPanelControl";

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ControlState } from '@zag-js/floating-panel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelControlBaseProps extends PolymorphicProps {
+export interface FloatingPanelControlState extends ControlState {
+}
+export interface FloatingPanelControlBaseProps extends PolymorphicProps<FloatingPanelControlState> {
 }
 export interface FloatingPanelControlProps extends HTMLProps<'div'>, FloatingPanelControlBaseProps {
 }

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ControlState } from '@zag-js/floating-panel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelControlBaseProps extends PolymorphicProps {
+export interface FloatingPanelControlState extends ControlState {
+}
+export interface FloatingPanelControlBaseProps extends PolymorphicProps<FloatingPanelControlState> {
 }
 export interface FloatingPanelControlProps extends HTMLProps<'div'>, FloatingPanelControlBaseProps {
 }

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-control.tsx
 var FloatingPanelControl = forwardRef((props, ref) => {
@@ -10,7 +10,8 @@ var FloatingPanelControl = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(floatingPanel.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getControlState()
 	});
 });
 FloatingPanelControl.displayName = "FloatingPanelControl";

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-drag-trigger.tsx
 var FloatingPanelDragTrigger = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-drag-trigger.tsx
 var FloatingPanelDragTrigger = forwardRef((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-header.tsx
 var FloatingPanelHeader = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-header.tsx
 var FloatingPanelHeader = forwardRef((props, ref) => {

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

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-positioner.tsx
 var FloatingPanelPositioner = (0, react.forwardRef)((props, ref) => {

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-positioner.tsx
 var FloatingPanelPositioner = forwardRef((props, ref) => {

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

@@ -1,19 +1,20 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-resize-trigger.tsx
 var splitResizeTriggerProps = require_create_split_props.createSplitProps();
 var FloatingPanelResizeTrigger = (0, react.forwardRef)((props, ref) => {
-	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
+	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["placement"]);
 	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getResizeTriggerState(resizeProps)
 	});
 });
 FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";

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

@@ -1,7 +1,9 @@
-import { ResizeTriggerProps } from '@zag-js/floating-panel';
+import { ResizeTriggerProps, ResizeTriggerState } from '@zag-js/floating-panel';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {
+export interface FloatingPanelResizeTriggerState extends ResizeTriggerState {
+}
+export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<FloatingPanelResizeTriggerState> {
 }
 export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {
 }

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

@@ -1,7 +1,9 @@
-import { ResizeTriggerProps } from '@zag-js/floating-panel';
+import { ResizeTriggerProps, ResizeTriggerState } from '@zag-js/floating-panel';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {
+export interface FloatingPanelResizeTriggerState extends ResizeTriggerState {
+}
+export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<FloatingPanelResizeTriggerState> {
 }
 export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {
 }

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

@@ -1,19 +1,20 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-resize-trigger.tsx
 var splitResizeTriggerProps = createSplitProps();
 var FloatingPanelResizeTrigger = forwardRef((props, ref) => {
-	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
+	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["placement"]);
 	const floatingPanel = useFloatingPanelContext();
 	const mergedProps = mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getResizeTriggerState(resizeProps)
 	});
 });
 FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";

package/dist/components/floating-panel/floating-panel-root-provider.d.cts

@@ -9,5 +9,5 @@ export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, O
 export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import('react').JSX.Element;
+export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react").JSX.Element;
 export {};

package/dist/components/floating-panel/floating-panel-root-provider.d.ts

@@ -9,5 +9,5 @@ export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, O
 export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import('react').JSX.Element;
+export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react").JSX.Element;
 export {};

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

@@ -6,4 +6,4 @@ export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePr
 export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import('react').JSX.Element;
+export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react").JSX.Element;

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

@@ -6,4 +6,4 @@ export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePr
 export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import('react').JSX.Element;
+export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react").JSX.Element;

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

@@ -1,9 +1,9 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-stage-trigger.tsx
 var splitStageTriggerProps = require_create_split_props.createSplitProps();
@@ -13,7 +13,8 @@ var FloatingPanelStageTrigger = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getStageTriggerProps(stage), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getStageTriggerState(stage)
 	});
 });
 FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";

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

@@ -1,7 +1,9 @@
-import { StageTriggerProps } from '@zag-js/floating-panel';
+import { StageTriggerProps, StageTriggerState } from '@zag-js/floating-panel';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {
+export interface FloatingPanelStageTriggerState extends StageTriggerState {
+}
+export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps<FloatingPanelStageTriggerState>, StageTriggerProps {
 }
 export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {
 }

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

@@ -1,7 +1,9 @@
-import { StageTriggerProps } from '@zag-js/floating-panel';
+import { StageTriggerProps, StageTriggerState } from '@zag-js/floating-panel';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {
+export interface FloatingPanelStageTriggerState extends StageTriggerState {
+}
+export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps<FloatingPanelStageTriggerState>, StageTriggerProps {
 }
 export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {
 }

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

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-stage-trigger.tsx
 var splitStageTriggerProps = createSplitProps();
@@ -13,7 +13,8 @@ var FloatingPanelStageTrigger = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getStageTriggerState(stage)
 	});
 });
 FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-title.tsx
 var FloatingPanelTitle = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-title.tsx
 var FloatingPanelTitle = forwardRef((props, ref) => {

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

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_floating_panel_context = require("./use-floating-panel-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-trigger.tsx
 var FloatingPanelTrigger = (0, react.forwardRef)((props, ref) => {
@@ -16,7 +16,8 @@ var FloatingPanelTrigger = (0, react.forwardRef)((props, ref) => {
 	}, props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getTriggerState()
 	});
 });
 FloatingPanelTrigger.displayName = "FloatingPanelTrigger";

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { TriggerState } from '@zag-js/floating-panel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelTriggerBaseProps extends PolymorphicProps {
+export interface FloatingPanelTriggerState extends TriggerState {
+}
+export interface FloatingPanelTriggerBaseProps extends PolymorphicProps<FloatingPanelTriggerState> {
 }
 export interface FloatingPanelTriggerProps extends HTMLProps<'button'>, FloatingPanelTriggerBaseProps {
 }

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { TriggerState } from '@zag-js/floating-panel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FloatingPanelTriggerBaseProps extends PolymorphicProps {
+export interface FloatingPanelTriggerState extends TriggerState {
+}
+export interface FloatingPanelTriggerBaseProps extends PolymorphicProps<FloatingPanelTriggerState> {
 }
 export interface FloatingPanelTriggerProps extends HTMLProps<'button'>, FloatingPanelTriggerBaseProps {
 }

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useFloatingPanelContext } from "./use-floating-panel-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-trigger.tsx
 var FloatingPanelTrigger = forwardRef((props, ref) => {
@@ -16,7 +16,8 @@ var FloatingPanelTrigger = forwardRef((props, ref) => {
 	}, props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: floatingPanel.getTriggerState()
 	});
 });
 FloatingPanelTrigger.displayName = "FloatingPanelTrigger";

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

@@ -30,7 +30,7 @@ var floating_panel_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	StageTrigger: () => require_floating_panel_stage_trigger.FloatingPanelStageTrigger,
 	Title: () => require_floating_panel_title.FloatingPanelTitle,
 	Trigger: () => require_floating_panel_trigger.FloatingPanelTrigger,
-	resizeTriggerAxes: () => _zag_js_floating_panel.resizeTriggerAxes
+	resizeTriggerPlacements: () => _zag_js_floating_panel.resizeTriggerPlacements
 });
 //#endregion
 exports.Body = require_floating_panel_body.FloatingPanelBody;
@@ -53,9 +53,9 @@ Object.defineProperty(exports, "floating_panel_exports", {
 		return floating_panel_exports;
 	}
 });
-Object.defineProperty(exports, "resizeTriggerAxes", {
+Object.defineProperty(exports, "resizeTriggerPlacements", {
 	enumerable: true,
 	get: function() {
-		return _zag_js_floating_panel.resizeTriggerAxes;
+		return _zag_js_floating_panel.resizeTriggerPlacements;
 	}
 });

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

@@ -1,16 +1,16 @@
-export { resizeTriggerAxes } from '@zag-js/floating-panel';
-export type { AnchorPositionDetails, ElementIds, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, ResizeTriggerAxis, Size, SizeChangeDetails, Stage, StageChangeDetails, } from '@zag-js/floating-panel';
+export { resizeTriggerPlacements } from '@zag-js/floating-panel';
+export type { AnchorPositionDetails, ElementIds, HandlePosition, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, Size, SizeChangeDetails, Stage, StageChangeDetails, } from '@zag-js/floating-panel';
 export { FloatingPanelBody as Body, type FloatingPanelBodyBaseProps as BodyBaseProps, type FloatingPanelBodyProps as BodyProps, } from './floating-panel-body.js';
 export { FloatingPanelCloseTrigger as CloseTrigger, type FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, type FloatingPanelCloseTriggerProps as CloseTriggerProps, } from './floating-panel-close-trigger.js';
-export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, } from './floating-panel-content.js';
+export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, type FloatingPanelContentState as ContentState, } from './floating-panel-content.js';
 export { FloatingPanelContext as Context, type FloatingPanelContextProps as ContextProps, } from './floating-panel-context.js';
-export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, } from './floating-panel-control.js';
+export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, type FloatingPanelControlState as ControlState, } from './floating-panel-control.js';
 export { FloatingPanelDragTrigger as DragTrigger, type FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, type FloatingPanelDragTriggerProps as DragTriggerProps, } from './floating-panel-drag-trigger.js';
 export { FloatingPanelHeader as Header, type FloatingPanelHeaderBaseProps as HeaderBaseProps, type FloatingPanelHeaderProps as HeaderProps, } from './floating-panel-header.js';
 export { FloatingPanelPositioner as Positioner, type FloatingPanelPositionerBaseProps as PositionerBaseProps, type FloatingPanelPositionerProps as PositionerProps, } from './floating-panel-positioner.js';
-export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, } from './floating-panel-resize-trigger.js';
+export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, type FloatingPanelResizeTriggerState as ResizeTriggerState, } from './floating-panel-resize-trigger.js';
 export { FloatingPanelRoot as Root, type FloatingPanelRootBaseProps as RootBaseProps, type FloatingPanelRootProps as RootProps, } from './floating-panel-root.js';
 export { FloatingPanelRootProvider as RootProvider, type FloatingPanelRootProviderBaseProps as RootProviderBaseProps, type FloatingPanelRootProviderProps as RootProviderProps, } from './floating-panel-root-provider.js';
-export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, } from './floating-panel-stage-trigger.js';
+export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, type FloatingPanelStageTriggerState as StageTriggerState, } from './floating-panel-stage-trigger.js';
 export { FloatingPanelTitle as Title, type FloatingPanelTitleBaseProps as TitleBaseProps, type FloatingPanelTitleProps as TitleProps, } from './floating-panel-title.js';
-export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, } from './floating-panel-trigger.js';
+export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, type FloatingPanelTriggerState as TriggerState, } from './floating-panel-trigger.js';

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

@@ -1,16 +1,16 @@
-export { resizeTriggerAxes } from '@zag-js/floating-panel';
-export type { AnchorPositionDetails, ElementIds, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, ResizeTriggerAxis, Size, SizeChangeDetails, Stage, StageChangeDetails, } from '@zag-js/floating-panel';
+export { resizeTriggerPlacements } from '@zag-js/floating-panel';
+export type { AnchorPositionDetails, ElementIds, HandlePosition, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, Size, SizeChangeDetails, Stage, StageChangeDetails, } from '@zag-js/floating-panel';
 export { FloatingPanelBody as Body, type FloatingPanelBodyBaseProps as BodyBaseProps, type FloatingPanelBodyProps as BodyProps, } from './floating-panel-body.js';
 export { FloatingPanelCloseTrigger as CloseTrigger, type FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, type FloatingPanelCloseTriggerProps as CloseTriggerProps, } from './floating-panel-close-trigger.js';
-export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, } from './floating-panel-content.js';
+export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, type FloatingPanelContentState as ContentState, } from './floating-panel-content.js';
 export { FloatingPanelContext as Context, type FloatingPanelContextProps as ContextProps, } from './floating-panel-context.js';
-export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, } from './floating-panel-control.js';
+export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, type FloatingPanelControlState as ControlState, } from './floating-panel-control.js';
 export { FloatingPanelDragTrigger as DragTrigger, type FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, type FloatingPanelDragTriggerProps as DragTriggerProps, } from './floating-panel-drag-trigger.js';
 export { FloatingPanelHeader as Header, type FloatingPanelHeaderBaseProps as HeaderBaseProps, type FloatingPanelHeaderProps as HeaderProps, } from './floating-panel-header.js';
 export { FloatingPanelPositioner as Positioner, type FloatingPanelPositionerBaseProps as PositionerBaseProps, type FloatingPanelPositionerProps as PositionerProps, } from './floating-panel-positioner.js';
-export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, } from './floating-panel-resize-trigger.js';
+export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, type FloatingPanelResizeTriggerState as ResizeTriggerState, } from './floating-panel-resize-trigger.js';
 export { FloatingPanelRoot as Root, type FloatingPanelRootBaseProps as RootBaseProps, type FloatingPanelRootProps as RootProps, } from './floating-panel-root.js';
 export { FloatingPanelRootProvider as RootProvider, type FloatingPanelRootProviderBaseProps as RootProviderBaseProps, type FloatingPanelRootProviderProps as RootProviderProps, } from './floating-panel-root-provider.js';
-export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, } from './floating-panel-stage-trigger.js';
+export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, type FloatingPanelStageTriggerState as StageTriggerState, } from './floating-panel-stage-trigger.js';
 export { FloatingPanelTitle as Title, type FloatingPanelTitleBaseProps as TitleBaseProps, type FloatingPanelTitleProps as TitleProps, } from './floating-panel-title.js';
-export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, } from './floating-panel-trigger.js';
+export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, type FloatingPanelTriggerState as TriggerState, } from './floating-panel-trigger.js';

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

@@ -13,7 +13,7 @@ import { FloatingPanelRootProvider } from "./floating-panel-root-provider.js";
 import { FloatingPanelTitle } from "./floating-panel-title.js";
 import { FloatingPanelTrigger } from "./floating-panel-trigger.js";
 import { FloatingPanelControl } from "./floating-panel-control.js";
-import { resizeTriggerAxes } from "@zag-js/floating-panel";
+import { resizeTriggerPlacements } from "@zag-js/floating-panel";
 //#region src/components/floating-panel/floating-panel.ts
 var floating_panel_exports = /* @__PURE__ */ __exportAll({
 	Body: () => FloatingPanelBody,
@@ -30,7 +30,7 @@ var floating_panel_exports = /* @__PURE__ */ __exportAll({
 	StageTrigger: () => FloatingPanelStageTrigger,
 	Title: () => FloatingPanelTitle,
 	Trigger: () => FloatingPanelTrigger,
-	resizeTriggerAxes: () => resizeTriggerAxes
+	resizeTriggerPlacements: () => resizeTriggerPlacements
 });
 //#endregion
-export { FloatingPanelBody as Body, FloatingPanelCloseTrigger as CloseTrigger, FloatingPanelContent as Content, FloatingPanelContext as Context, FloatingPanelControl as Control, FloatingPanelDragTrigger as DragTrigger, FloatingPanelHeader as Header, FloatingPanelPositioner as Positioner, FloatingPanelResizeTrigger as ResizeTrigger, FloatingPanelRoot as Root, FloatingPanelRootProvider as RootProvider, FloatingPanelStageTrigger as StageTrigger, FloatingPanelTitle as Title, FloatingPanelTrigger as Trigger, floating_panel_exports, resizeTriggerAxes };
+export { FloatingPanelBody as Body, FloatingPanelCloseTrigger as CloseTrigger, FloatingPanelContent as Content, FloatingPanelContext as Context, FloatingPanelControl as Control, FloatingPanelDragTrigger as DragTrigger, FloatingPanelHeader as Header, FloatingPanelPositioner as Positioner, FloatingPanelResizeTrigger as ResizeTrigger, FloatingPanelRoot as Root, FloatingPanelRootProvider as RootProvider, FloatingPanelStageTrigger as StageTrigger, FloatingPanelTitle as Title, FloatingPanelTrigger as Trigger, floating_panel_exports, resizeTriggerPlacements };

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

@@ -1,18 +1,18 @@
-export type { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel';
+export type { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, HandlePosition as FloatingPanelHandlePosition, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel';
 export { FloatingPanelBody, type FloatingPanelBodyProps, type FloatingPanelBodyBaseProps, } from './floating-panel-body.js';
 export { FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps, type FloatingPanelCloseTriggerBaseProps, } from './floating-panel-close-trigger.js';
-export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, } from './floating-panel-content.js';
+export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, type FloatingPanelContentState, } from './floating-panel-content.js';
 export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context.js';
 export { FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps, type FloatingPanelDragTriggerBaseProps, } from './floating-panel-drag-trigger.js';
 export { FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelHeaderBaseProps, } from './floating-panel-header.js';
 export { FloatingPanelPositioner, type FloatingPanelPositionerProps, type FloatingPanelPositionerBaseProps, } from './floating-panel-positioner.js';
-export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, } from './floating-panel-resize-trigger.js';
-export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, } from './floating-panel-stage-trigger.js';
+export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, type FloatingPanelResizeTriggerState, } from './floating-panel-resize-trigger.js';
+export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, type FloatingPanelStageTriggerState, } from './floating-panel-stage-trigger.js';
 export { FloatingPanelRoot, type FloatingPanelRootProps, type FloatingPanelRootBaseProps, } from './floating-panel-root.js';
 export { FloatingPanelRootProvider, type FloatingPanelRootProviderProps, type FloatingPanelRootProviderBaseProps, } from './floating-panel-root-provider.js';
 export { FloatingPanelTitle, type FloatingPanelTitleProps, type FloatingPanelTitleBaseProps, } from './floating-panel-title.js';
-export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, } from './floating-panel-trigger.js';
-export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, } from './floating-panel-control.js';
+export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, type FloatingPanelTriggerState, } from './floating-panel-trigger.js';
+export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, type FloatingPanelControlState, } from './floating-panel-control.js';
 export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel.js';
 export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context.js';
 export { floatingPanelAnatomy } from './floating-panel.anatomy.js';

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

@@ -1,18 +1,18 @@
-export type { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel';
+export type { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, HandlePosition as FloatingPanelHandlePosition, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel';
 export { FloatingPanelBody, type FloatingPanelBodyProps, type FloatingPanelBodyBaseProps, } from './floating-panel-body.js';
 export { FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps, type FloatingPanelCloseTriggerBaseProps, } from './floating-panel-close-trigger.js';
-export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, } from './floating-panel-content.js';
+export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, type FloatingPanelContentState, } from './floating-panel-content.js';
 export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context.js';
 export { FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps, type FloatingPanelDragTriggerBaseProps, } from './floating-panel-drag-trigger.js';
 export { FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelHeaderBaseProps, } from './floating-panel-header.js';
 export { FloatingPanelPositioner, type FloatingPanelPositionerProps, type FloatingPanelPositionerBaseProps, } from './floating-panel-positioner.js';
-export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, } from './floating-panel-resize-trigger.js';
-export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, } from './floating-panel-stage-trigger.js';
+export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, type FloatingPanelResizeTriggerState, } from './floating-panel-resize-trigger.js';
+export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, type FloatingPanelStageTriggerState, } from './floating-panel-stage-trigger.js';
 export { FloatingPanelRoot, type FloatingPanelRootProps, type FloatingPanelRootBaseProps, } from './floating-panel-root.js';
 export { FloatingPanelRootProvider, type FloatingPanelRootProviderProps, type FloatingPanelRootProviderBaseProps, } from './floating-panel-root-provider.js';
 export { FloatingPanelTitle, type FloatingPanelTitleProps, type FloatingPanelTitleBaseProps, } from './floating-panel-title.js';
-export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, } from './floating-panel-trigger.js';
-export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, } from './floating-panel-control.js';
+export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, type FloatingPanelTriggerState, } from './floating-panel-trigger.js';
+export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, type FloatingPanelControlState, } from './floating-panel-control.js';
 export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel.js';
 export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context.js';
 export { floatingPanelAnatomy } from './floating-panel.anatomy.js';

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

@@ -4,8 +4,8 @@ const require_use_environment_context = require("../../providers/environment/use
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
 let _zag_js_floating_panel = require("@zag-js/floating-panel");
 _zag_js_floating_panel = require_runtime.__toESM(_zag_js_floating_panel, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/floating-panel/use-floating-panel.ts
 var useFloatingPanel = (props = {}) => {
 	const { getRootNode } = require_use_environment_context.useEnvironmentContext();

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

@@ -2,8 +2,8 @@
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import * as floatingPanel from "@zag-js/floating-panel";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/floating-panel/use-floating-panel.ts
 var useFloatingPanel = (props = {}) => {
 	const { getRootNode } = useEnvironmentContext();