@neoptocom/neopto-ui 0.9.8 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs +2 -1
  2. package/dist/index.js +2 -1
  3. package/package.json +1 -1
  4. package/src/components/Modal.tsx +2 -1
package/dist/index.cjs CHANGED
@@ -301,7 +301,8 @@ function Modal({
301
301
  }, [open, onClose]);
302
302
  if (!mounted) return null;
303
303
  const hasMaxWidth = className?.includes("max-w-");
304
- const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${className || ""}`.trim();
304
+ const hasMaxHeight = className?.includes("max-h-");
305
+ const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${!hasMaxHeight ? "max-h-[80vh]" : ""} ${className || ""}`.trim();
305
306
  const modal = /* @__PURE__ */ jsxRuntime.jsx("div", { className: isDark ? "dark" : "", children: /* @__PURE__ */ jsxRuntime.jsx(
306
307
  BackgroundBlur,
307
308
  {
package/dist/index.js CHANGED
@@ -280,7 +280,8 @@ function Modal({
280
280
  }, [open, onClose]);
281
281
  if (!mounted) return null;
282
282
  const hasMaxWidth = className?.includes("max-w-");
283
- const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${className || ""}`.trim();
283
+ const hasMaxHeight = className?.includes("max-h-");
284
+ const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${!hasMaxHeight ? "max-h-[80vh]" : ""} ${className || ""}`.trim();
284
285
  const modal = /* @__PURE__ */ jsx("div", { className: isDark ? "dark" : "", children: /* @__PURE__ */ jsx(
285
286
  BackgroundBlur,
286
287
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neoptocom/neopto-ui",
3
- "version": "0.9.8",
3
+ "version": "0.9.9",
4
4
  "private": false,
5
5
  "description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
6
6
  "keywords": [
package/src/components/Modal.tsx CHANGED
@@ -84,7 +84,8 @@ export function Modal({
84
84
 
85
85
  // Smart class merging: only add defaults if not provided
86
86
  const hasMaxWidth = className?.includes("max-w-");
87
- const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${className || ""}`.trim();
87
+ const hasMaxHeight = className?.includes("max-h-");
88
+ const modalClasses = `w-full ${!hasMaxWidth ? "max-w-lg" : ""} ${!hasMaxHeight ? "max-h-[80vh]" : ""} ${className || ""}`.trim();
88
89
 
89
90
  const modal = (
90
91
  <div className={isDark ? "dark" : ""}>