@ark-ui/react 5.5.0 → 5.6.0

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

@@ -0,0 +1,17 @@
+'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 FloatingPanelDragTrigger = forwardRef(
+  (props, ref) => {
+    const floatingPanel = useFloatingPanelContext();
+    const mergedProps = mergeProps(floatingPanel.getDragTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+FloatingPanelDragTrigger.displayName = "FloatingPanelDragTrigger";
+
+export { FloatingPanelDragTrigger };

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

@@ -0,0 +1,21 @@
+'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 FloatingPanelHeader = react.forwardRef(
+  (props, ref) => {
+    const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+    const mergedProps = react$1.mergeProps(floatingPanel.getHeaderProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+FloatingPanelHeader.displayName = "FloatingPanelHeader";
+
+exports.FloatingPanelHeader = FloatingPanelHeader;

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

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

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

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

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

@@ -0,0 +1,17 @@
+'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 FloatingPanelHeader = forwardRef(
+  (props, ref) => {
+    const floatingPanel = useFloatingPanelContext();
+    const mergedProps = mergeProps(floatingPanel.getHeaderProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+FloatingPanelHeader.displayName = "FloatingPanelHeader";
+
+export { FloatingPanelHeader };

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

@@ -0,0 +1,26 @@
+'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 usePresenceContext = require('../presence/use-presence-context.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelPositioner = react.forwardRef(
+  (props, ref) => {
+    const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+    const mergedProps = react$1.mergeProps(floatingPanel.getPositionerProps(), props);
+    const presence = usePresenceContext.usePresenceContext();
+    if (presence.unmounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+FloatingPanelPositioner.displayName = "FloatingPanelPositioner";
+
+exports.FloatingPanelPositioner = FloatingPanelPositioner;

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

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

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

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

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

@@ -0,0 +1,22 @@
+'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 { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelPositioner = forwardRef(
+  (props, ref) => {
+    const floatingPanel = useFloatingPanelContext();
+    const mergedProps = mergeProps(floatingPanel.getPositionerProps(), props);
+    const presence = usePresenceContext();
+    if (presence.unmounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+FloatingPanelPositioner.displayName = "FloatingPanelPositioner";
+
+export { FloatingPanelPositioner };

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

@@ -0,0 +1,21 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelResizeTrigger = react.forwardRef((props, ref) => {
+  const [resizeProps, localProps] = createSplitProps.createSplitProps()(props, ["axis"]);
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";
+
+exports.FloatingPanelResizeTrigger = FloatingPanelResizeTrigger;

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

@@ -0,0 +1,8 @@
+import { ResizeTriggerProps } from '@zag-js/floating-panel';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {
+}
+export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {
+}
+export declare const FloatingPanelResizeTrigger: ForwardRefExoticComponent<FloatingPanelResizeTriggerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { ResizeTriggerProps } from '@zag-js/floating-panel';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {
+}
+export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {
+}
+export declare const FloatingPanelResizeTrigger: ForwardRefExoticComponent<FloatingPanelResizeTriggerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelResizeTrigger = forwardRef((props, ref) => {
+  const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+  const floatingPanel = useFloatingPanelContext();
+  const mergedProps = mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";
+
+export { FloatingPanelResizeTrigger };

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

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelRootProvider = (props) => {
+  const [presenceProps, baseProps] = splitPresenceProps.splitPresenceProps(props);
+  const [{ value: floatingPanel }, localProps] = createSplitProps.createSplitProps()(baseProps, ["value"]);
+  const presence = usePresence.usePresence(react.mergeProps({ present: floatingPanel.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useFloatingPanelContext.FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: localProps.children }) });
+};
+
+exports.FloatingPanelRootProvider = FloatingPanelRootProvider;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseFloatingPanelReturn } from './use-floating-panel';
+interface RootProviderProps {
+    value: UseFloatingPanelReturn;
+}
+export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, 'present'> {
+}
+export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+    children?: ReactNode;
+}
+export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseFloatingPanelReturn } from './use-floating-panel';
+interface RootProviderProps {
+    value: UseFloatingPanelReturn;
+}
+export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, 'present'> {
+}
+export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+    children?: ReactNode;
+}
+export declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { FloatingPanelProvider } from './use-floating-panel-context.js';
+
+const FloatingPanelRootProvider = (props) => {
+  const [presenceProps, baseProps] = splitPresenceProps(props);
+  const [{ value: floatingPanel }, localProps] = createSplitProps()(baseProps, ["value"]);
+  const presence = usePresence(mergeProps({ present: floatingPanel.open }, presenceProps));
+  return /* @__PURE__ */ jsx(FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: localProps.children }) });
+};
+
+export { FloatingPanelRootProvider };

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

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useFloatingPanel = require('./use-floating-panel.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelRoot = (props) => {
+  const [presenceProps, otherProps] = splitPresenceProps.splitPresenceProps(props);
+  const [useFloatingPanelProps, localProps] = createSplitProps.createSplitProps()(otherProps, [
+    "allowOverflow",
+    "closeOnEscape",
+    "defaultOpen",
+    "defaultPosition",
+    "defaultSize",
+    "dir",
+    "disabled",
+    "draggable",
+    "getAnchorPosition",
+    "getBoundaryEl",
+    "gridSize",
+    "id",
+    "ids",
+    "lockAspectRatio",
+    "maxSize",
+    "minSize",
+    "onOpenChange",
+    "onPositionChange",
+    "onPositionChangeEnd",
+    "onSizeChange",
+    "onSizeChangeEnd",
+    "onStageChange",
+    "open",
+    "persistRect",
+    "position",
+    "resizable",
+    "size",
+    "strategy",
+    "translations"
+  ]);
+  const floatingPanel = useFloatingPanel.useFloatingPanel(useFloatingPanelProps);
+  const usePresenceProps = react.mergeProps({ present: floatingPanel.open }, presenceProps);
+  const presence = usePresence.usePresence(usePresenceProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFloatingPanelContext.FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: localProps.children }) });
+};
+
+exports.FloatingPanelRoot = FloatingPanelRoot;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseFloatingPanelProps } from './use-floating-panel';
+export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {
+}
+export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+    children?: ReactNode;
+}
+export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseFloatingPanelProps } from './use-floating-panel';
+export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {
+}
+export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+    children?: ReactNode;
+}
+export declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { useFloatingPanel } from './use-floating-panel.js';
+import { FloatingPanelProvider } from './use-floating-panel-context.js';
+
+const FloatingPanelRoot = (props) => {
+  const [presenceProps, otherProps] = splitPresenceProps(props);
+  const [useFloatingPanelProps, localProps] = createSplitProps()(otherProps, [
+    "allowOverflow",
+    "closeOnEscape",
+    "defaultOpen",
+    "defaultPosition",
+    "defaultSize",
+    "dir",
+    "disabled",
+    "draggable",
+    "getAnchorPosition",
+    "getBoundaryEl",
+    "gridSize",
+    "id",
+    "ids",
+    "lockAspectRatio",
+    "maxSize",
+    "minSize",
+    "onOpenChange",
+    "onPositionChange",
+    "onPositionChangeEnd",
+    "onSizeChange",
+    "onSizeChangeEnd",
+    "onStageChange",
+    "open",
+    "persistRect",
+    "position",
+    "resizable",
+    "size",
+    "strategy",
+    "translations"
+  ]);
+  const floatingPanel = useFloatingPanel(useFloatingPanelProps);
+  const usePresenceProps = mergeProps({ present: floatingPanel.open }, presenceProps);
+  const presence = usePresence(usePresenceProps);
+  return /* @__PURE__ */ jsx(FloatingPanelProvider, { value: floatingPanel, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: localProps.children }) });
+};
+
+export { FloatingPanelRoot };

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

@@ -0,0 +1,21 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelStageTrigger = react.forwardRef((props, ref) => {
+  const [stage, localProps] = createSplitProps.createSplitProps()(props, ["stage"]);
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";
+
+exports.FloatingPanelStageTrigger = FloatingPanelStageTrigger;

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

@@ -0,0 +1,8 @@
+import { StageTriggerProps } from '@zag-js/floating-panel';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {
+}
+export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {
+}
+export declare const FloatingPanelStageTrigger: ForwardRefExoticComponent<FloatingPanelStageTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,8 @@
+import { StageTriggerProps } from '@zag-js/floating-panel';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {
+}
+export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {
+}
+export declare const FloatingPanelStageTrigger: ForwardRefExoticComponent<FloatingPanelStageTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelStageTrigger = forwardRef((props, ref) => {
+  const [stage, localProps] = createSplitProps()(props, ["stage"]);
+  const floatingPanel = useFloatingPanelContext();
+  const mergedProps = mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";
+
+export { FloatingPanelStageTrigger };

package/dist/components/floating-panel/floating-panel-title.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 FloatingPanelTitle = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const mergedProps = react$1.mergeProps(floatingPanel.getTitleProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.h2, { ...mergedProps, ref });
+});
+FloatingPanelTitle.displayName = "FloatingPanelTitle";
+
+exports.FloatingPanelTitle = FloatingPanelTitle;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelTitleBaseProps extends PolymorphicProps {
+}
+export interface FloatingPanelTitleProps extends HTMLProps<'h2'>, FloatingPanelTitleBaseProps {
+}
+export declare const FloatingPanelTitle: ForwardRefExoticComponent<FloatingPanelTitleProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface FloatingPanelTitleBaseProps extends PolymorphicProps {
+}
+export interface FloatingPanelTitleProps extends HTMLProps<'h2'>, FloatingPanelTitleBaseProps {
+}
+export declare const FloatingPanelTitle: ForwardRefExoticComponent<FloatingPanelTitleProps & RefAttributes<HTMLDivElement>>;

package/dist/components/floating-panel/floating-panel-title.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 FloatingPanelTitle = forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext();
+  const mergedProps = mergeProps(floatingPanel.getTitleProps(), props);
+  return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref });
+});
+FloatingPanelTitle.displayName = "FloatingPanelTitle";
+
+export { FloatingPanelTitle };

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

@@ -0,0 +1,28 @@
+'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 usePresenceContext = require('../presence/use-presence-context.cjs');
+const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
+
+const FloatingPanelTrigger = react.forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext.useFloatingPanelContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const triggerProps = floatingPanel.getTriggerProps();
+  const mergedProps = react$1.mergeProps(
+    {
+      ...triggerProps,
+      "aria-controls": presence.unmounted ? void 0 : triggerProps["aria-controls"]
+    },
+    props
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+FloatingPanelTrigger.displayName = "FloatingPanelTrigger";
+
+exports.FloatingPanelTrigger = FloatingPanelTrigger;

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

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

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

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

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

@@ -0,0 +1,24 @@
+'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 { useFloatingPanelContext } from './use-floating-panel-context.js';
+
+const FloatingPanelTrigger = forwardRef((props, ref) => {
+  const floatingPanel = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const triggerProps = floatingPanel.getTriggerProps();
+  const mergedProps = mergeProps(
+    {
+      ...triggerProps,
+      "aria-controls": presence.unmounted ? void 0 : triggerProps["aria-controls"]
+    },
+    props
+  );
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+FloatingPanelTrigger.displayName = "FloatingPanelTrigger";
+
+export { FloatingPanelTrigger };

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

@@ -0,0 +1 @@
+export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

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

@@ -0,0 +1 @@
+export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const floatingPanelBody = require('./floating-panel-body.cjs');
+const floatingPanelCloseTrigger = require('./floating-panel-close-trigger.cjs');
+const floatingPanelContent = require('./floating-panel-content.cjs');
+const floatingPanelContext = require('./floating-panel-context.cjs');
+const floatingPanelControl = require('./floating-panel-control.cjs');
+const floatingPanelDragTrigger = require('./floating-panel-drag-trigger.cjs');
+const floatingPanelHeader = require('./floating-panel-header.cjs');
+const floatingPanelPositioner = require('./floating-panel-positioner.cjs');
+const floatingPanelResizeTrigger = require('./floating-panel-resize-trigger.cjs');
+const floatingPanelRoot = require('./floating-panel-root.cjs');
+const floatingPanelRootProvider = require('./floating-panel-root-provider.cjs');
+const floatingPanelStageTrigger = require('./floating-panel-stage-trigger.cjs');
+const floatingPanelTitle = require('./floating-panel-title.cjs');
+const floatingPanelTrigger = require('./floating-panel-trigger.cjs');
+
+
+
+exports.Body = floatingPanelBody.FloatingPanelBody;
+exports.CloseTrigger = floatingPanelCloseTrigger.FloatingPanelCloseTrigger;
+exports.Content = floatingPanelContent.FloatingPanelContent;
+exports.Context = floatingPanelContext.FloatingPanelContext;
+exports.Control = floatingPanelControl.FloatingPanelControl;
+exports.DragTrigger = floatingPanelDragTrigger.FloatingPanelDragTrigger;
+exports.Header = floatingPanelHeader.FloatingPanelHeader;
+exports.Positioner = floatingPanelPositioner.FloatingPanelPositioner;
+exports.ResizeTrigger = floatingPanelResizeTrigger.FloatingPanelResizeTrigger;
+exports.Root = floatingPanelRoot.FloatingPanelRoot;
+exports.RootProvider = floatingPanelRootProvider.FloatingPanelRootProvider;
+exports.StageTrigger = floatingPanelStageTrigger.FloatingPanelStageTrigger;
+exports.Title = floatingPanelTitle.FloatingPanelTitle;
+exports.Trigger = floatingPanelTrigger.FloatingPanelTrigger;