@versini/ui-panel 9.0.0 → 9.0.1

package/dist/index.js

@@ -1,10 +1,10 @@
 /*!
-  @versini/ui-panel v9.0.0
+  @versini/ui-panel v9.0.1
   © 2025 gizmette.com
 */
 
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cloneElement, createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { cloneElement, createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { FloatingFocusManager, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
 import clsx from "clsx";
 
@@ -129,7 +129,7 @@ function ModalComponent({ children, ...options }) {
         ...props
     });
 /* v8 ignore stop */ }
-const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props, propRef) {
+function ModalContent({ ref: propRef, overlayBackground, ...rest }) {
     const { context: floatingContext, nodeId, ...context } = useModalContext();
     const ref = useMergeRefs([
         context.refs.setFloating,
@@ -138,8 +138,7 @@ const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props,
     /* v8 ignore start */ if (!floatingContext.open) {
         return null;
     }
-    /* v8 ignore stop */ const { overlayBackground, ...rest } = props;
-    const overlayClass = clsx("grid place-items-center", {
+    /* v8 ignore stop */ const overlayClass = clsx("grid place-items-center", {
         "bg-black sm:bg-black/80": !overlayBackground
     });
     return /*#__PURE__*/ jsx(FloatingNode, {
@@ -162,8 +161,8 @@ const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props,
             })
         })
     });
-});
-const Modal_ModalHeading = /*#__PURE__*/ forwardRef(function ModalHeading({ children, ...props }, ref) {
+}
+function ModalHeading({ children, ref, ...props }) {
     const { setLabelId } = useModalContext();
     const id = useId();
     // Only sets `aria-labelledby` on the Modal root element
@@ -181,8 +180,8 @@ const Modal_ModalHeading = /*#__PURE__*/ forwardRef(function ModalHeading({ chil
         id: id,
         children: children
     });
-});
-const Modal_ModalDescription = /*#__PURE__*/ forwardRef(function ModalDescription({ children, ...props }, ref) {
+}
+function ModalDescription({ children, ref, ...props }) {
     const { setDescriptionId } = useModalContext();
     const id = useId();
     // Only sets `aria-describedby` on the Modal root element
@@ -200,10 +199,9 @@ const Modal_ModalDescription = /*#__PURE__*/ forwardRef(function ModalDescriptio
         id: id,
         children: children
     });
-});
-const Modal_ModalClose = /*#__PURE__*/ forwardRef(function ModalClose(props, ref) {
+}
+function ModalClose({ ref, trigger, className, ...rest }) {
     const { setOpen } = useModalContext();
-    const { trigger, className, ...rest } = props;
     const handleClose = useCallback(()=>setOpen(false), [
         setOpen
     ]);
@@ -215,7 +213,7 @@ const Modal_ModalClose = /*#__PURE__*/ forwardRef(function ModalClose(props, ref
             ...rest
         })
     });
-});
+}
 
 ;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
 
@@ -367,18 +365,18 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
             open: open,
             onOpenChange: onOpenChange,
             initialFocus: initialFocus,
-            children: /*#__PURE__*/ jsx(Modal_ModalContent, {
+            children: /*#__PURE__*/ jsx(ModalContent, {
                 className: panelClassName.outerWrapper,
                 style: {
                     ...animationStyles
                 },
-                children: /*#__PURE__*/ jsxs(Modal_ModalDescription, {
+                children: /*#__PURE__*/ jsxs(ModalDescription, {
                     className: panelClassName.innerWrapper,
                     children: [
                         /*#__PURE__*/ jsxs("div", {
                             className: panelClassName.header,
                             children: [
-                                /*#__PURE__*/ jsx(Modal_ModalClose, {
+                                /*#__PURE__*/ jsx(ModalClose, {
                                     className: panelClassName.closeWrapper,
                                     trigger: /*#__PURE__*/ jsx("button", {
                                         className: panelClassName.closeButton,
@@ -401,7 +399,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
                                         })
                                     })
                                 }),
-                                /*#__PURE__*/ jsx(Modal_ModalHeading, {
+                                /*#__PURE__*/ jsx(ModalHeading, {
                                     className: panelClassName.title,
                                     children: title
                                 })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "9.0.0",
+	"version": "9.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -43,7 +43,7 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-types": "8.1.1"
+		"@versini/ui-types": "8.2.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
@@ -56,5 +56,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "6c08c752fd230a10f88c1bf315be99d714d55b08"
+	"gitHead": "5cc3c9aaf61ca3843f16a3d6b322a92f7fb210ca"
 }