@moduix/react 2.1.0 → 2.2.4

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

@@ -1,200 +1,209 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import FloatingPanel_module_default from "./FloatingPanel.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingPanel, useFloatingPanel, useFloatingPanelContext } from "@ark-ui/react/floating-panel";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { FloatingPanel, useFloatingPanel, useFloatingPanelContext } from "@ark-ui/react/floating-panel";
-//#region src/components/floating-panel/FloatingPanel.tsx
-const DEFAULT_CLOSE_BUTTON_LABEL = "Close panel";
-const DEFAULT_MINIMIZE_LABEL = "Minimize panel";
-const DEFAULT_MAXIMIZE_LABEL = "Maximize panel";
-const DEFAULT_RESTORE_LABEL = "Restore panel";
+import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import FloatingPanel_module from "./FloatingPanel.module.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close panel';
 const resizeTriggerAxes = [
-	"n",
-	"e",
-	"s",
-	"w",
-	"ne",
-	"se",
-	"sw",
-	"nw"
+    'n',
+    'e',
+    's',
+    'w',
+    'ne',
+    'se',
+    'sw',
+    'nw'
 ];
-function FloatingPanelRoot({ closeOnEscape = true, persistRect = true, portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(FloatingPanel.Root, {
-			closeOnEscape,
-			persistRect,
-			...props
-		})
-	});
+function FloatingPanelRoot({ closeOnEscape = true, lazyMount = true, persistRect = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(FloatingPanel.Root, {
+            closeOnEscape: closeOnEscape,
+            lazyMount: lazyMount,
+            persistRect: persistRect,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-function FloatingPanelRootProvider({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(FloatingPanel.RootProvider, { ...props })
-	});
+function FloatingPanelRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(FloatingPanel.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const FloatingPanelTrigger = forwardRef(function FloatingPanelTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Trigger, {
-		ref,
-		asChild,
-		"data-slot": "floating-panel-trigger",
-		className: clsx(!asChild && FloatingPanel_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "floating-panel-trigger",
+        className: clsx(!asChild && FloatingPanel_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelPositioner = forwardRef(function FloatingPanelPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(FloatingPanel.Positioner, {
-		ref,
-		"data-slot": "floating-panel-positioner",
-		className: clsx(FloatingPanel_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const FloatingPanel_FloatingPanelPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(FloatingPanel.Positioner, {
+            ref: ref,
+            "data-slot": "floating-panel-positioner",
+            className: clsx(FloatingPanel_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const FloatingPanelContent = forwardRef(function FloatingPanelContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Content, {
-		ref,
-		"data-slot": "floating-panel-content",
-		className: clsx(FloatingPanel_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Content, {
+        ref: ref,
+        "data-slot": "floating-panel-content",
+        className: clsx(FloatingPanel_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelDragTrigger = forwardRef(function FloatingPanelDragTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.DragTrigger, {
-		ref,
-		"data-slot": "floating-panel-drag-trigger",
-		className: clsx(FloatingPanel_module_default.dragTrigger, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelDragTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.DragTrigger, {
+        ref: ref,
+        "data-slot": "floating-panel-drag-trigger",
+        className: clsx(FloatingPanel_module.dragTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelHeader = forwardRef(function FloatingPanelHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Header, {
-		ref,
-		"data-slot": "floating-panel-header",
-		className: clsx(FloatingPanel_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Header, {
+        ref: ref,
+        "data-slot": "floating-panel-header",
+        className: clsx(FloatingPanel_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelTitle = forwardRef(function FloatingPanelTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Title, {
-		ref,
-		"data-slot": "floating-panel-title",
-		className: clsx(FloatingPanel_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Title, {
+        ref: ref,
+        "data-slot": "floating-panel-title",
+        className: clsx(FloatingPanel_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelControl = forwardRef(function FloatingPanelControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Control, {
-		ref,
-		"data-slot": "floating-panel-control",
-		className: clsx(FloatingPanel_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Control, {
+        ref: ref,
+        "data-slot": "floating-panel-control",
+        className: clsx(FloatingPanel_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelStageTrigger = forwardRef(function FloatingPanelStageTrigger({ asChild, className, children, stage, "aria-label": ariaLabel, ...props }, ref) {
-	const shouldRenderDefaultIcon = children == null && !asChild;
-	const defaultAriaLabel = shouldRenderDefaultIcon && stage === "minimized" ? DEFAULT_MINIMIZE_LABEL : shouldRenderDefaultIcon && stage === "maximized" ? DEFAULT_MAXIMIZE_LABEL : shouldRenderDefaultIcon && stage === "default" ? DEFAULT_RESTORE_LABEL : void 0;
-	return /* @__PURE__ */ jsxs(FloatingPanel.StageTrigger, {
-		ref,
-		asChild,
-		stage,
-		"data-slot": "floating-panel-stage-trigger",
-		className: clsx(!asChild && FloatingPanel_module_default.controlButton, normalizeClassName(className)),
-		"aria-label": ariaLabel ?? defaultAriaLabel,
-		...props,
-		children: [
-			children,
-			shouldRenderDefaultIcon && stage === "minimized" ? /* @__PURE__ */ jsx(MinusIcon, {}) : null,
-			shouldRenderDefaultIcon && stage === "maximized" ? /* @__PURE__ */ jsx(MaximizeIcon, {}) : null,
-			shouldRenderDefaultIcon && stage === "default" ? /* @__PURE__ */ jsx(RestoreIcon, {}) : null
-		]
-	});
+const FloatingPanel_FloatingPanelStageTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, stage, 'aria-label': ariaLabel, ...props }, ref) {
+    const shouldRenderDefaultIcon = null == children && !asChild;
+    return /*#__PURE__*/ jsxs(FloatingPanel.StageTrigger, {
+        ref: ref,
+        asChild: asChild,
+        stage: stage,
+        "data-slot": "floating-panel-stage-trigger",
+        className: clsx(!asChild && FloatingPanel_module.controlButton, normalizeClassName(className)),
+        "aria-label": ariaLabel,
+        ...props,
+        children: [
+            children,
+            shouldRenderDefaultIcon && 'minimized' === stage ? /*#__PURE__*/ jsx(MinusIcon, {}) : null,
+            shouldRenderDefaultIcon && 'maximized' === stage ? /*#__PURE__*/ jsx(MaximizeIcon, {}) : null,
+            shouldRenderDefaultIcon && 'default' === stage ? /*#__PURE__*/ jsx(RestoreIcon, {}) : null
+        ]
+    });
 });
-const FloatingPanelCloseTrigger = forwardRef(function FloatingPanelCloseTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.CloseTrigger, {
-		ref,
-		asChild,
-		"data-slot": "floating-panel-close-trigger",
-		className: clsx(!asChild && FloatingPanel_module_default.controlButton, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "floating-panel-close-trigger",
+        className: clsx(!asChild && FloatingPanel_module.controlButton, normalizeClassName(className)),
+        ...props
+    });
 });
-const FloatingPanelCloseIcon = forwardRef(function FloatingPanelCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.CloseTrigger, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			"data-slot": "floating-panel-close-icon",
-			"aria-label": ariaLabel,
-			className: clsx(FloatingPanel_module_default.controlButton, normalizeClassName(className)),
-			children
-		})
-	});
+const FloatingPanel_FloatingPanelCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "floating-panel-close-icon",
+            "aria-label": ariaLabel,
+            className: clsx(FloatingPanel_module.controlButton, normalizeClassName(className)),
+            children: children
+        })
+    });
 });
-const FloatingPanelBody = forwardRef(function FloatingPanelBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.Body, {
-		ref,
-		"data-slot": "floating-panel-body",
-		className: clsx(FloatingPanel_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.Body, {
+        ref: ref,
+        "data-slot": "floating-panel-body",
+        className: clsx(FloatingPanel_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
 function FloatingPanelFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "floating-panel-footer",
-		className: clsx(FloatingPanel_module_default.footer, className),
-		...props
-	});
+    const { ['data-minimized']: dataMinimized } = useFloatingPanelContext().getContentProps();
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        "data-slot": "floating-panel-footer",
+        "data-minimized": dataMinimized,
+        className: clsx(FloatingPanel_module.footer, className)
+    });
 }
-const FloatingPanelResizeTrigger = forwardRef(function FloatingPanelResizeTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FloatingPanel.ResizeTrigger, {
-		ref,
-		"data-slot": "floating-panel-resize-trigger",
-		className: clsx(FloatingPanel_module_default.resizeTrigger, normalizeClassName(className)),
-		...props
-	});
+const FloatingPanel_FloatingPanelResizeTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FloatingPanel.ResizeTrigger, {
+        ref: ref,
+        "data-slot": "floating-panel-resize-trigger",
+        className: clsx(FloatingPanel_module.resizeTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
 function FloatingPanelResizeTriggerGroup({ axes = resizeTriggerAxes }) {
-	return /* @__PURE__ */ jsx(Fragment$1, { children: axes.map((axis) => /* @__PURE__ */ jsx(FloatingPanelResizeTrigger, { axis }, axis)) });
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: axes.map((axis)=>/*#__PURE__*/ jsx(FloatingPanel_FloatingPanelResizeTrigger, {
+                axis: axis
+            }, axis))
+    });
 }
-const FloatingPanelDragIndicator = forwardRef(function FloatingPanelDragIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx("span", {
-		ref,
-		"aria-hidden": "true",
-		"data-slot": "floating-panel-drag-indicator",
-		className: clsx(FloatingPanel_module_default.dragIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(GripIcon, {})
-	});
+const FloatingPanel_FloatingPanelDragIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx("span", {
+        ref: ref,
+        "aria-hidden": "true",
+        "data-slot": "floating-panel-drag-indicator",
+        className: clsx(FloatingPanel_module.dragIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(GripIcon, {})
+    });
 });
-const FloatingPanel$1 = Object.assign(FloatingPanelRoot, {
-	Context: FloatingPanel.Context,
-	Root: FloatingPanelRoot,
-	RootProvider: FloatingPanelRootProvider,
-	Trigger: FloatingPanelTrigger,
-	Positioner: FloatingPanelPositioner,
-	Content: FloatingPanelContent,
-	DragTrigger: FloatingPanelDragTrigger,
-	Header: FloatingPanelHeader,
-	Title: FloatingPanelTitle,
-	Control: FloatingPanelControl,
-	StageTrigger: FloatingPanelStageTrigger,
-	CloseTrigger: FloatingPanelCloseTrigger,
-	CloseIcon: FloatingPanelCloseIcon,
-	Body: FloatingPanelBody,
-	Footer: FloatingPanelFooter,
-	ResizeTrigger: FloatingPanelResizeTrigger,
-	ResizeTriggerGroup: FloatingPanelResizeTriggerGroup,
-	DragIndicator: FloatingPanelDragIndicator,
-	useFloatingPanel,
-	useFloatingPanelContext
+const FloatingPanel_FloatingPanel = Object.assign(FloatingPanelRoot, {
+    Context: FloatingPanel.Context,
+    Root: FloatingPanelRoot,
+    RootProvider: FloatingPanelRootProvider,
+    Trigger: FloatingPanel_FloatingPanelTrigger,
+    Positioner: FloatingPanel_FloatingPanelPositioner,
+    Content: FloatingPanel_FloatingPanelContent,
+    DragTrigger: FloatingPanel_FloatingPanelDragTrigger,
+    Header: FloatingPanel_FloatingPanelHeader,
+    Title: FloatingPanel_FloatingPanelTitle,
+    Control: FloatingPanel_FloatingPanelControl,
+    StageTrigger: FloatingPanel_FloatingPanelStageTrigger,
+    CloseTrigger: FloatingPanel_FloatingPanelCloseTrigger,
+    CloseIcon: FloatingPanel_FloatingPanelCloseIcon,
+    Body: FloatingPanel_FloatingPanelBody,
+    Footer: FloatingPanelFooter,
+    ResizeTrigger: FloatingPanel_FloatingPanelResizeTrigger,
+    ResizeTriggerGroup: FloatingPanelResizeTriggerGroup,
+    DragIndicator: FloatingPanel_FloatingPanelDragIndicator,
+    useFloatingPanel: useFloatingPanel,
+    useFloatingPanelContext: useFloatingPanelContext
 });
-//#endregion
-export { FloatingPanel$1 as FloatingPanel, resizeTriggerAxes };
+export { FloatingPanel_FloatingPanel as FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext };

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

@@ -1,20 +1,20 @@
-import './FloatingPanel.css';
-//#region src/components/floating-panel/FloatingPanel.module.css
-var FloatingPanel_module_default = {
-	"body": "L7Dmqq_body",
-	"content": "L7Dmqq_content",
-	"control": "L7Dmqq_control",
-	"controlButton": "L7Dmqq_controlButton",
-	"dragIndicator": "L7Dmqq_dragIndicator",
-	"dragTrigger": "L7Dmqq_dragTrigger",
-	"floating-panel-enter": "L7Dmqq_floating-panel-enter",
-	"floating-panel-exit": "L7Dmqq_floating-panel-exit",
-	"footer": "L7Dmqq_footer",
-	"header": "L7Dmqq_header",
-	"positioner": "L7Dmqq_positioner",
-	"resizeTrigger": "L7Dmqq_resizeTrigger",
-	"title": "L7Dmqq_title",
-	"trigger": "L7Dmqq_trigger"
+import "./FloatingPanel_module.css";
+const FloatingPanel_module = {
+    trigger: "trigger-awuX4X",
+    positioner: "positioner-wbaVAV",
+    content: "content-E0MFTN",
+    "floating-panel-enter": "floating-panel-enter-rrMENh",
+    floatingPanelEnter: "floating-panel-enter-rrMENh",
+    "floating-panel-exit": "floating-panel-exit-OEiiHc",
+    floatingPanelExit: "floating-panel-exit-OEiiHc",
+    dragTrigger: "dragTrigger-RpAl6o",
+    header: "header-an6_mA",
+    title: "title-LhPus2",
+    control: "control-fFWykW",
+    controlButton: "controlButton-E61lzL",
+    dragIndicator: "dragIndicator-Yn6EB9",
+    body: "body-As5cBj",
+    footer: "footer-sMNhjQ",
+    resizeTrigger: "resizeTrigger-ciQngF"
 };
-//#endregion
-export { FloatingPanel_module_default as default };
+export default FloatingPanel_module;