@versini/ui-panel 9.0.5 → 10.0.1

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export declare const PANEL_CLASSNAME = "av-panel";
 
 declare type PanelProps = {
     /**
-     * Class name to apply to the Panel - this will ONLY override the default width styles.
+     * Class name to apply to the Panel.
      */
     className?: string;
     /**

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-panel v9.0.5
+  @versini/ui-panel v10.0.1
   © 2026 gizmette.com
 */
 
@@ -8,7 +8,6 @@ import { cloneElement, createContext, useCallback, useContext, useEffect, useId,
 import { FloatingFocusManager, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
 import clsx from "clsx";
 
-;// CONCATENATED MODULE: ./src/common/constants.ts
 const MESSAGEBOX_CLASSNAME = "av-messagebox";
 const PANEL_CLASSNAME = "av-panel";
 const TYPE_PANEL = "panel";
@@ -20,19 +19,13 @@ const MEDIUM = "medium";
 const LARGE = "large";
 const NONE = "none";
 
-;// CONCATENATED MODULE: external "react/jsx-runtime"
 
-;// CONCATENATED MODULE: external "react"
 
-;// CONCATENATED MODULE: external "@floating-ui/react"
 
-;// CONCATENATED MODULE: external "clsx"
 
-;// CONCATENATED MODULE: ./src/components/Modal/ModalContext.tsx
 
 const ModalContext = /*#__PURE__*/ createContext(null);
 
-;// CONCATENATED MODULE: ./src/components/Modal/ModalHooks.tsx
 
 
 
@@ -96,7 +89,6 @@ const useModalContext = ()=>{
     /* v8 ignore stop */ return context;
 };
 
-;// CONCATENATED MODULE: ./src/components/Modal/Modal.tsx
 
 
 
@@ -215,7 +207,6 @@ function ModalClose({ ref, trigger, className, ...rest }) {
     });
 }
 
-;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
 
 
 const getFooterAndHeaderCommonClasses = ({ blurEffect })=>{
@@ -235,10 +226,10 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
 				 * Panel styles
 				 */ [`${PANEL_CLASSNAME} sm:rounded-3xl sm:border`]: kind === /* inlined export .TYPE_PANEL */ ("panel"),
             /**
-				 * Widths and max widths for Panel when no className is provided
-				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .SMALL */ ("small"),
-            ["w-full sm:w-[95%] md:max-w-3xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .MEDIUM */ ("medium"),
-            ["w-full sm:w-[95%] md:max-w-4xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .LARGE */ ("large"),
+				 * Widths and max widths for Panel
+				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .SMALL */ ("small"),
+            ["w-full sm:w-[95%] md:max-w-3xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .MEDIUM */ ("medium"),
+            ["w-full sm:w-[95%] md:max-w-4xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .LARGE */ ("large"),
             /**
 				 * Heights and max heights for Panel
 				 * Mobile: full height, Desktop: clamp between min and max to allow flexible sizing
@@ -253,8 +244,8 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
 				 * Messagebox styles
 				 */ [`${MESSAGEBOX_CLASSNAME} rounded-3xl border`]: kind === TYPE_MESSAGEBOX,
             /**
-				 * Widths and max widths for Messagebox when no className is provided
-				 */ ["w-[95%] sm:w-[50%] md:max-w-2xl"]: kind === TYPE_MESSAGEBOX && !className,
+				 * Widths and max widths for Messagebox
+				 */ ["w-[95%] sm:w-[50%] md:max-w-2xl"]: kind === TYPE_MESSAGEBOX,
             /**
 				 * Heights and max heights for Messagebox
 				 */ "h-64": kind === TYPE_MESSAGEBOX && effectiveMaxHeight === /* inlined export .SMALL */ ("small"),
@@ -263,9 +254,8 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
             /**
 				 * Messagebox border colors
 				 */ "border-border-dark": borderMode === "dark" && kind === TYPE_MESSAGEBOX,
-            "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
-            [`${className}`]: !!className
-        }),
+            "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX
+        }, className),
         innerWrapper: "content flex flex-col rounded-[inherit] relative min-h-full",
         scrollableContent: clsx("flex-1 overflow-y-auto overflow-x-hidden", "pt-12", {
             "pb-12": hasFooter
@@ -291,7 +281,6 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
     };
 };
 
-;// CONCATENATED MODULE: ./src/components/Panel/Panel.tsx
 
 
 
@@ -423,16 +412,15 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
     });
 };
 
-;// CONCATENATED MODULE: ./src/components/index.ts
 // @v8-ignore-start
 
 
 
-var __webpack_exports__ANIMATION_FADE = /* inlined export .ANIMATION_FADE */ ("fade");
-var __webpack_exports__ANIMATION_SLIDE = /* inlined export .ANIMATION_SLIDE */ ("slide");
-var __webpack_exports__LARGE = /* inlined export .LARGE */ ("large");
-var __webpack_exports__MEDIUM = /* inlined export .MEDIUM */ ("medium");
-var __webpack_exports__NONE = /* inlined export .NONE */ ("none");
-var __webpack_exports__SMALL = /* inlined export .SMALL */ ("small");
-var __webpack_exports__TYPE_PANEL = /* inlined export .TYPE_PANEL */ ("panel");
-export { MESSAGEBOX_CLASSNAME, PANEL_CLASSNAME, Panel, TYPE_MESSAGEBOX, __webpack_exports__ANIMATION_FADE as ANIMATION_FADE, __webpack_exports__ANIMATION_SLIDE as ANIMATION_SLIDE, __webpack_exports__LARGE as LARGE, __webpack_exports__MEDIUM as MEDIUM, __webpack_exports__NONE as NONE, __webpack_exports__SMALL as SMALL, __webpack_exports__TYPE_PANEL as TYPE_PANEL };
+var components_ANIMATION_FADE = /* inlined export .ANIMATION_FADE */ ("fade");
+var components_ANIMATION_SLIDE = /* inlined export .ANIMATION_SLIDE */ ("slide");
+var components_LARGE = /* inlined export .LARGE */ ("large");
+var components_MEDIUM = /* inlined export .MEDIUM */ ("medium");
+var components_NONE = /* inlined export .NONE */ ("none");
+var components_SMALL = /* inlined export .SMALL */ ("small");
+var components_TYPE_PANEL = /* inlined export .TYPE_PANEL */ ("panel");
+export { MESSAGEBOX_CLASSNAME, PANEL_CLASSNAME, Panel, TYPE_MESSAGEBOX, components_ANIMATION_FADE as ANIMATION_FADE, components_ANIMATION_SLIDE as ANIMATION_SLIDE, components_LARGE as LARGE, components_MEDIUM as MEDIUM, components_NONE as NONE, components_SMALL as SMALL, components_TYPE_PANEL as TYPE_PANEL };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "9.0.5",
+	"version": "10.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -43,7 +43,7 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-button": "11.3.2",
+		"@versini/ui-button": "11.3.3",
 		"@versini/ui-system": "6.0.2",
 		"@versini/ui-types": "8.3.0"
 	},
@@ -58,5 +58,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "27ca83a7144c6e8bd79fb6c4a0112943ddf73c7b"
+	"gitHead": "b46abc9c2e87588d6c9b438f70e68a4ffd05c28c"
 }