@nice2dev/ui 1.0.10 → 1.0.11

package/dist/navigation.mjs

@@ -1,10 +1,10 @@
-import { D as ae, a as ie, b as ce, c as se, d as le, e as re, N as te, f as oe, g as de, h as ue, i as be, j as me, k as _e, l as he, m as pe, n as Ne, o as ve, p as ke, q as ye, r as fe, s as ge, t as $e, u as xe, v as Me, w as we, x as Ce, y as De, z as Se, A as Ee, B as Ie, C as Te, E as Ae, F as We, G as Le, H as Pe, I as Re, J as Be, K as Ke, L as Oe, M as Fe, O as He, P as je, S as ze } from "./NiceModuleLifecyclePanel-CMrPbSw9.js";
+import { D as ae, a as ie, b as ce, c as se, d as le, e as re, N as te, f as oe, g as de, h as ue, i as be, j as me, k as _e, l as he, m as pe, n as Ne, o as ve, p as ke, q as ye, r as fe, s as ge, t as $e, u as xe, v as Me, w as we, x as Ce, y as De, z as Se, A as Ee, B as Ie, C as Te, E as Ae, F as We, G as Le, H as Pe, I as Re, J as Be, K as Ke, L as Oe, M as Fe, O as He, P as je, S as ze } from "./NiceModuleLifecyclePanel-D3azLDdj.js";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as E, useState as W, useCallback as L, useEffect as z } from "react";
-import { b as I, h as T, W as B } from "./core-Da43q-pO.js";
-import { f as Ve } from "./NiceTabs-DzLHzwuA.js";
-import { N as Je } from "./NicePagination-DbE-uOkl.js";
-const U = E(
+import { c as E, N as I, W as B } from "./core-B4b1BmHt.js";
+import { forwardRef as T, useState as W, useCallback as L, useEffect as z } from "react";
+import { f as Ve } from "./NiceTabs-BeaxZzAO.js";
+import { N as Je } from "./NicePagination-CbB5P1N_.js";
+const U = T(
   ({
     items: b,
     activeKey: m,
@@ -22,7 +22,7 @@ const U = E(
     accessMode: x,
     ...M
   }, N) => {
-    const i = I(y), t = T(x, y), [s, u] = W(/* @__PURE__ */ new Set()), r = L((n) => {
+    const i = E(y), t = I(x, y), [s, u] = W(/* @__PURE__ */ new Set()), r = L((n) => {
       u((D) => {
         const a = new Set(D);
         return a.has(n) ? a.delete(n) : a.add(n), a;
@@ -71,7 +71,7 @@ const U = E(
   }
 );
 U.displayName = "NiceSidebarMenu";
-const V = E(
+const V = T(
   ({
     items: b,
     activeKey: m,
@@ -85,7 +85,7 @@ const V = E(
     accessMode: _,
     ...g
   }, $) => {
-    const y = I(d), x = T(_, d), [M, N] = W(null);
+    const y = E(d), x = I(_, d), [M, N] = W(null);
     return x === "hidden" ? null : /* @__PURE__ */ o(
       "nav",
       {
@@ -151,7 +151,7 @@ const V = E(
   }
 );
 V.displayName = "NiceTopMenu";
-const q = E(
+const q = T(
   ({
     tabs: b,
     activeTab: m,
@@ -166,7 +166,7 @@ const q = E(
     accessMode: g,
     ...$
   }, y) => {
-    const x = I(_), M = T(g, _), [N, i] = W(m ?? b[0]?.key), t = m ?? N, s = b.find((r) => r.key === t), u = L(
+    const x = E(_), M = I(g, _), [N, i] = W(m ?? b[0]?.key), t = m ?? N, s = b.find((r) => r.key === t), u = L(
       (r) => {
         i(r), c?.(r);
       },
@@ -228,7 +228,7 @@ const q = E(
   }
 );
 q.displayName = "NiceRibbonMenu";
-const J = E(
+const J = T(
   ({
     items: b,
     activeKey: m,
@@ -243,7 +243,7 @@ const J = E(
     accessMode: g,
     ...$
   }, y) => {
-    const x = I(_), M = T(g, _), [N, i] = W(!1), t = !l || N;
+    const x = E(_), M = I(g, _), [N, i] = W(!1), t = !l || N;
     return M === "hidden" ? null : /* @__PURE__ */ e(
       "div",
       {
@@ -275,7 +275,7 @@ const J = E(
   }
 );
 J.displayName = "NiceDockMenu";
-const Q = E(
+const Q = T(
   ({
     items: b,
     activeKey: m,
@@ -293,7 +293,7 @@ const Q = E(
     accessMode: x,
     ...M
   }, N) => {
-    const i = I(y), t = T(x, y), { t: s } = B(), [u, r] = W(!1), h = p ?? u, n = L(() => {
+    const i = E(y), t = I(x, y), { t: s } = B(), [u, r] = W(!1), h = p ?? u, n = L(() => {
       const a = !h;
       r(a), l?.(a);
     }, [h, l]), D = L(
@@ -365,7 +365,7 @@ const Q = E(
   }
 );
 Q.displayName = "NiceHamburgerMenu";
-const X = E(
+const X = T(
   ({
     canGoBack: b = !1,
     canGoForward: m = !1,
@@ -391,7 +391,7 @@ const X = E(
     disabled: h,
     ...n
   }, D) => {
-    const a = I(u), A = T(r, u), { t: w } = B();
+    const a = E(u), A = I(r, u), { t: w } = B();
     if (z(() => {
       if (!v || h)
         return;

package/dist/overlays.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./NiceWindow-CVgkxcCz.cjs"),r=require("react/jsx-runtime"),e=require("react"),I=require("react-dom"),M=require("./core-C2ZmWe_u.cjs");function B(){const t=e.useContext(M.NiceThemeContext);return t?.portalTarget?t.portalTarget:typeof document<"u"?document.body:null}const O=({open:t,onClose:i,children:v,title:o,size:g="md",closeOnBackdropClick:l=!0,closeOnEscape:d=!0,disableFocusTrap:u=!1,disableBodyScroll:T=!0,zIndex:p=1e3,className:_,style:C})=>{const w=e.useRef(null);M.useFocusTrap(w,t&&!u);const y=B();e.useEffect(()=>{if(!T&&t){const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=n}}},[t,T]),e.useEffect(()=>{if(!d||!t)return;const n=x=>{x.key==="Escape"&&(x.preventDefault(),i())};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[d,t,i]);const f=e.useCallback(n=>{l&&n.target===n.currentTarget&&i()},[l,i]);if(!t)return null;const s={sm:"nice-modal--sm",md:"nice-modal--md",lg:"nice-modal--lg",xl:"nice-modal--xl",full:"nice-modal--full"}[g];return I.createPortal(r.jsx("div",{className:"nice-modal__overlay",style:{zIndex:p},onClick:f,role:"presentation",children:r.jsx("div",{ref:w,className:`nice-modal ${s} ${_||""}`,role:"dialog","aria-modal":"true","aria-label":o,style:C,tabIndex:-1,children:v})}),y)},W=({children:t,showClose:i=!0,onClose:v,className:o})=>r.jsxs("div",{className:`nice-modal__header ${o||""}`,children:[r.jsx("div",{className:"nice-modal__title",children:t}),i&&v&&r.jsx("button",{type:"button",className:"nice-modal__close",onClick:v,"aria-label":"Close",children:r.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("path",{d:"M4 4l12 12M4 16L16 4"})})})]}),F=({children:t,className:i})=>r.jsx("div",{className:`nice-modal__body ${i||""}`,children:t}),X=({children:t,className:i})=>r.jsx("div",{className:`nice-modal__footer ${i||""}`,children:t}),q=({open:t,onClose:i,children:v,position:o="right",size:g=320,title:l,closeOnBackdropClick:d=!0,closeOnEscape:u=!0,swipeToClose:T=!0,zIndex:p=1e3,className:_,style:C})=>{const w=e.useRef(null),[y,f]=e.useState(!1),[s,n]=e.useState(0);M.useFocusTrap(w,t);const x=B();e.useEffect(()=>{if(!u||!t)return;const a=k=>{k.key==="Escape"&&(k.preventDefault(),i())};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[u,t,i]);const h=e.useCallback(a=>{let k=0;switch(o){case"left":k=Math.min(0,a.deltaX);break;case"right":k=Math.max(0,a.deltaX);break;case"top":k=Math.min(0,a.deltaY);break;case"bottom":k=Math.max(0,a.deltaY);break}n(k)},[o]),D=e.useCallback(a=>{let P=!1;switch(o){case"left":P=a.deltaX<-100;break;case"right":P=a.deltaX>100;break;case"top":P=a.deltaY<-100;break;case"bottom":P=a.deltaY>100;break}P&&(M.triggerHaptic("light"),i()),n(0),f(!1)},[o,i]),{ref:E}=M.usePan({enabled:T&&t,onPanStart:()=>f(!0),onPan:h,onPanEnd:D}),$=e.useCallback(a=>{d&&a.target===a.currentTarget&&i()},[d,i]);if(!t)return null;const S=o==="left"||o==="right",L=S?{width:typeof g=="number"?`${g}px`:g}:{height:typeof g=="number"?`${g}px`:g},c=()=>{if(y)return S?`translateX(${s}px)`:`translateY(${s}px)`};return I.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`nice-drawer__overlay ${t?"nice-drawer__overlay--visible":""}`,style:{zIndex:p},onClick:$}),r.jsx("div",{ref:a=>{w.current=a,E.current=a},className:`nice-drawer nice-drawer--${o} ${t?"nice-drawer--open":""} ${_||""}`,style:{...L,zIndex:p+1,transform:c(),transition:y?"none":void 0,...C},role:"dialog","aria-modal":"true","aria-label":l,tabIndex:-1,children:v})]}),x)},K=({open:t,onClose:i,children:v,title:o,showHandle:g=!0,snapPoints:l=[.5,.9],initialSnap:d=0,expandable:u=!0,closeOnBackdropClick:T=!0,closeOnEscape:p=!0,hapticFeedback:_=!0,zIndex:C=1e3,className:w,style:y})=>{const f=e.useRef(null),s=e.useRef(null),[n,x]=e.useState(d),[h,D]=e.useState(!1),[E,$]=e.useState(0),S=e.useRef(0);e.useEffect(()=>{t&&(x(d),$(0))},[t,d]),M.useFocusTrap(f,t);const L=B();e.useEffect(()=>{if(!p||!t)return;const m=b=>{b.key==="Escape"&&(b.preventDefault(),i())};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[p,t,i]),e.useEffect(()=>{if(t){const m=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=m}}},[t]);const c=e.useCallback(m=>{const b=m.target.closest(".nice-bottom-sheet__handle"),H=s.current,Y=!H||H.scrollTop<=0;!b&&!Y||(D(!0),S.current=m.touches[0].clientY)},[]),a=e.useCallback(m=>{if(!h)return;const b=m.touches[0].clientY-S.current;(b>0||n<l.length-1)&&$(b)},[h,n,l.length]),k=e.useCallback(()=>{if(!h)return;const m=window.innerHeight;l[n]*m;const b=-E,H=m*.15;b>H&&u&&n<l.length-1?(x(n+1),_&&M.triggerHaptic("selection")):b<-H&&(n>0?(x(n-1),_&&M.triggerHaptic("selection")):(_&&M.triggerHaptic("light"),i())),D(!1),$(0)},[h,E,n,l,u,_,i]),P=e.useCallback(()=>{T&&i()},[T,i]);if(!t)return null;const j=l[n]*100,R=h?E:0;return I.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`nice-bottom-sheet__overlay ${t?"nice-bottom-sheet__overlay--visible":""}`,style:{zIndex:C},onClick:P}),r.jsxs("div",{ref:f,className:`nice-bottom-sheet ${t?"nice-bottom-sheet--open":""} ${w||""}`,style:{zIndex:C+1,height:`${j}vh`,transform:`translateY(${Math.max(0,R)}px)`,transition:h?"none":"transform 0.3s ease-out, height 0.3s ease-out",...y},role:"dialog","aria-modal":"true","aria-label":o,tabIndex:-1,onTouchStart:c,onTouchMove:a,onTouchEnd:k,children:[g&&r.jsx("div",{className:"nice-bottom-sheet__handle","aria-hidden":"true"}),o&&r.jsx("div",{className:"nice-bottom-sheet__title",children:o}),r.jsx("div",{ref:s,className:"nice-bottom-sheet__content",children:v})]})]}),L)},z=({trigger:t,children:i,placement:v="bottom",triggerMode:o="click",open:g,onOpenChange:l,hoverDelay:d=200,offset:u=8,className:T,showArrow:p=!0})=>{const[_,C]=e.useState(!1),w=e.useRef(null),y=e.useRef(null),f=e.useRef(null),s=B(),n=g!==void 0,x=n?g:_,h=e.useCallback(c=>{n||C(c),l?.(c)},[n,l]);M.useClickOutside(y,()=>{o!=="manual"&&x&&h(!1)});const D=e.useCallback(()=>{o==="click"&&h(!x)},[o,x,h]),E=e.useCallback(()=>{o==="hover"&&(f.current&&window.clearTimeout(f.current),f.current=window.setTimeout(()=>h(!0),d))},[o,d,h]),$=e.useCallback(()=>{o==="hover"&&(f.current&&window.clearTimeout(f.current),f.current=window.setTimeout(()=>h(!1),d))},[o,d,h]),[S,L]=e.useState({top:0,left:0});return e.useEffect(()=>{if(!x||!w.current||!y.current)return;const c=w.current.getBoundingClientRect(),a=y.current.getBoundingClientRect(),k=window.innerWidth,P=window.innerHeight;let j=0,R=0;const[m,b="center"]=v.split("-");switch(m){case"top":j=c.top-a.height-u,R=c.left+(c.width-a.width)/2;break;case"bottom":j=c.bottom+u,R=c.left+(c.width-a.width)/2;break;case"left":j=c.top+(c.height-a.height)/2,R=c.left-a.width-u;break;case"right":j=c.top+(c.height-a.height)/2,R=c.right+u;break}m==="top"||m==="bottom"?(b==="start"&&(R=c.left),b==="end"&&(R=c.right-a.width)):(b==="start"&&(j=c.top),b==="end"&&(j=c.bottom-a.height)),R=Math.max(8,Math.min(k-a.width-8,R)),j=Math.max(8,Math.min(P-a.height-8,j)),L({top:j,left:R})},[x,v,u]),r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:w,className:"nice-popover__trigger",onClick:D,onMouseEnter:E,onMouseLeave:$,style:{display:"inline-block"},children:t}),x&&I.createPortal(r.jsxs("div",{ref:y,className:`nice-popover nice-popover--${v} ${T||""}`,style:{position:"fixed",top:S.top,left:S.left,zIndex:1100},onMouseEnter:E,onMouseLeave:$,role:"tooltip",children:[p&&r.jsx("div",{className:"nice-popover__arrow"}),r.jsx("div",{className:"nice-popover__content",children:i})]}),s)]})},A=({items:t,children:i,onOpen:v,onClose:o,className:g})=>{const[l,d]=e.useState(!1),[u,T]=e.useState({x:0,y:0}),p=e.useRef(null),_=e.useRef(null),C=B();M.useClickOutside(p,()=>{l&&(d(!1),o?.())});const w=e.useCallback(s=>{s.preventDefault(),T({x:s.clientX,y:s.clientY}),d(!0),v?.()},[v]),y=e.useCallback(s=>{!s.disabled&&s.onClick&&(s.onClick(),d(!1),o?.())},[o]);e.useEffect(()=>{if(!l)return;const s=n=>{n.key==="Escape"&&(d(!1),o?.())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,o]);const f=s=>r.jsx("ul",{className:"nice-context-menu__list",role:"menu",children:s.map(n=>n.divider?r.jsx("li",{className:"nice-context-menu__divider",role:"separator"},n.key):r.jsx("li",{role:"presentation",children:r.jsxs("button",{type:"button",className:`nice-context-menu__item ${n.disabled?"nice-context-menu__item--disabled":""} ${n.danger?"nice-context-menu__item--danger":""}`,role:"menuitem",disabled:n.disabled,onClick:()=>y(n),children:[n.icon&&r.jsx("span",{className:"nice-context-menu__icon",children:n.icon}),r.jsx("span",{className:"nice-context-menu__label",children:n.label})]})},n.key))});return r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:_,onContextMenu:w,style:{display:"contents"},children:i}),l&&I.createPortal(r.jsx("div",{ref:p,className:`nice-context-menu ${g||""}`,style:{position:"fixed",left:u.x,top:u.y,zIndex:1200},role:"menu",children:f(t)}),C)]})};exports.NiceActionSheet=N.NiceActionSheet;exports.NiceBlockUI=N.NiceBlockUI;exports.NiceBox=N.NiceBox;exports.NiceCommandPaletteProvider=N.NiceCommandPaletteProvider;exports.NiceLoadPanel=N.NiceLoadPanel;exports.NicePopover=N.NicePopover;exports.NiceResizable=N.NiceResizable;exports.NiceResponsiveBox=N.NiceResponsiveBox;exports.NiceScrollView=N.NiceScrollView;exports.NiceTutorial=N.NiceTutorial;exports.NiceTutorialProvider=N.NiceTutorialProvider;exports.NiceWindow=N.NiceWindow;exports.NiceWindowManager=N.NiceWindowManager;exports.useCommandPalette=N.useCommandPalette;exports.useRegisterCommands=N.useRegisterCommands;exports.NiceBottomSheet=K;exports.NiceContextMenu=A;exports.NiceDrawer=q;exports.NiceModal=O;exports.NiceModalBody=F;exports.NiceModalFooter=X;exports.NiceModalHeader=W;exports.NiceOverlayPopover=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./NiceWindow-CxWTj5xH.cjs"),r=require("react/jsx-runtime"),M=require("./core-CjmLbclt.cjs"),e=require("react"),B=require("react-dom");function Y(){const t=e.useContext(M.Qt);return t?.portalTarget?t.portalTarget:typeof document<"u"?document.body:null}const W=({open:t,onClose:s,children:v,title:a,size:g="md",closeOnBackdropClick:l=!0,closeOnEscape:d=!0,disableFocusTrap:u=!1,disableBodyScroll:j=!0,zIndex:_=1e3,className:p,style:C})=>{const w=e.useRef(null);M.fs(w,t&&!u);const y=Y();e.useEffect(()=>{if(!j&&t){const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=n}}},[t,j]),e.useEffect(()=>{if(!d||!t)return;const n=x=>{x.key==="Escape"&&(x.preventDefault(),s())};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[d,t,s]);const f=e.useCallback(n=>{l&&n.target===n.currentTarget&&s()},[l,s]);if(!t)return null;const i={sm:"nice-modal--sm",md:"nice-modal--md",lg:"nice-modal--lg",xl:"nice-modal--xl",full:"nice-modal--full"}[g];return B.createPortal(r.jsx("div",{className:"nice-modal__overlay",style:{zIndex:_},onClick:f,role:"presentation",children:r.jsx("div",{ref:w,className:`nice-modal ${i} ${p||""}`,role:"dialog","aria-modal":"true","aria-label":a,style:C,tabIndex:-1,children:v})}),y)},O=({children:t,showClose:s=!0,onClose:v,className:a})=>r.jsxs("div",{className:`nice-modal__header ${a||""}`,children:[r.jsx("div",{className:"nice-modal__title",children:t}),s&&v&&r.jsx("button",{type:"button",className:"nice-modal__close",onClick:v,"aria-label":"Close",children:r.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("path",{d:"M4 4l12 12M4 16L16 4"})})})]}),X=({children:t,className:s})=>r.jsx("div",{className:`nice-modal__body ${s||""}`,children:t}),q=({children:t,className:s})=>r.jsx("div",{className:`nice-modal__footer ${s||""}`,children:t}),K=({open:t,onClose:s,children:v,position:a="right",size:g=320,title:l,closeOnBackdropClick:d=!0,closeOnEscape:u=!0,swipeToClose:j=!0,zIndex:_=1e3,className:p,style:C})=>{const w=e.useRef(null),[y,f]=e.useState(!1),[i,n]=e.useState(0);M.fs(w,t);const x=Y();e.useEffect(()=>{if(!u||!t)return;const o=k=>{k.key==="Escape"&&(k.preventDefault(),s())};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[u,t,s]);const h=e.useCallback(o=>{let k=0;switch(a){case"left":k=Math.min(0,o.deltaX);break;case"right":k=Math.max(0,o.deltaX);break;case"top":k=Math.min(0,o.deltaY);break;case"bottom":k=Math.max(0,o.deltaY);break}n(k)},[a]),L=e.useCallback(o=>{let E=!1;switch(a){case"left":E=o.deltaX<-100;break;case"right":E=o.deltaX>100;break;case"top":E=o.deltaY<-100;break;case"bottom":E=o.deltaY>100;break}E&&(M.Lr("light"),s()),n(0),f(!1)},[a,s]),{ref:P}=M.Ts({enabled:j&&t,onPanStart:()=>f(!0),onPan:h,onPanEnd:L}),$=e.useCallback(o=>{d&&o.target===o.currentTarget&&s()},[d,s]);if(!t)return null;const S=a==="left"||a==="right",D=S?{width:typeof g=="number"?`${g}px`:g}:{height:typeof g=="number"?`${g}px`:g},c=()=>{if(y)return S?`translateX(${i}px)`:`translateY(${i}px)`};return B.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`nice-drawer__overlay ${t?"nice-drawer__overlay--visible":""}`,style:{zIndex:_},onClick:$}),r.jsx("div",{ref:o=>{w.current=o,P.current=o},className:`nice-drawer nice-drawer--${a} ${t?"nice-drawer--open":""} ${p||""}`,style:{...D,zIndex:_+1,transform:c(),transition:y?"none":void 0,...C},role:"dialog","aria-modal":"true","aria-label":l,tabIndex:-1,children:v})]}),x)},F=({open:t,onClose:s,children:v,title:a,showHandle:g=!0,snapPoints:l=[.5,.9],initialSnap:d=0,expandable:u=!0,closeOnBackdropClick:j=!0,closeOnEscape:_=!0,hapticFeedback:p=!0,zIndex:C=1e3,className:w,style:y})=>{const f=e.useRef(null),i=e.useRef(null),[n,x]=e.useState(d),[h,L]=e.useState(!1),[P,$]=e.useState(0),S=e.useRef(0);e.useEffect(()=>{t&&(x(d),$(0))},[t,d]),M.fs(f,t);const D=Y();e.useEffect(()=>{if(!_||!t)return;const m=b=>{b.key==="Escape"&&(b.preventDefault(),s())};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[_,t,s]),e.useEffect(()=>{if(t){const m=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=m}}},[t]);const c=e.useCallback(m=>{const b=m.target.closest(".nice-bottom-sheet__handle"),I=i.current,H=!I||I.scrollTop<=0;!b&&!H||(L(!0),S.current=m.touches[0].clientY)},[]),o=e.useCallback(m=>{if(!h)return;const b=m.touches[0].clientY-S.current;(b>0||n<l.length-1)&&$(b)},[h,n,l.length]),k=e.useCallback(()=>{if(!h)return;const m=window.innerHeight;l[n]*m;const b=-P,I=m*.15;b>I&&u&&n<l.length-1?(x(n+1),p&&M.Lr("selection")):b<-I&&(n>0?(x(n-1),p&&M.Lr("selection")):(p&&M.Lr("light"),s())),L(!1),$(0)},[h,P,n,l,u,p,s]),E=e.useCallback(()=>{j&&s()},[j,s]);if(!t)return null;const R=l[n]*100,T=h?P:0;return B.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`nice-bottom-sheet__overlay ${t?"nice-bottom-sheet__overlay--visible":""}`,style:{zIndex:C},onClick:E}),r.jsxs("div",{ref:f,className:`nice-bottom-sheet ${t?"nice-bottom-sheet--open":""} ${w||""}`,style:{zIndex:C+1,height:`${R}vh`,transform:`translateY(${Math.max(0,T)}px)`,transition:h?"none":"transform 0.3s ease-out, height 0.3s ease-out",...y},role:"dialog","aria-modal":"true","aria-label":a,tabIndex:-1,onTouchStart:c,onTouchMove:o,onTouchEnd:k,children:[g&&r.jsx("div",{className:"nice-bottom-sheet__handle","aria-hidden":"true"}),a&&r.jsx("div",{className:"nice-bottom-sheet__title",children:a}),r.jsx("div",{ref:i,className:"nice-bottom-sheet__content",children:v})]})]}),D)},z=({trigger:t,children:s,placement:v="bottom",triggerMode:a="click",open:g,onOpenChange:l,hoverDelay:d=200,offset:u=8,className:j,showArrow:_=!0})=>{const[p,C]=e.useState(!1),w=e.useRef(null),y=e.useRef(null),f=e.useRef(null),i=Y(),n=g!==void 0,x=n?g:p,h=e.useCallback(c=>{n||C(c),l?.(c)},[n,l]);M.ds(y,()=>{a!=="manual"&&x&&h(!1)});const L=e.useCallback(()=>{a==="click"&&h(!x)},[a,x,h]),P=e.useCallback(()=>{a==="hover"&&(f.current&&window.clearTimeout(f.current),f.current=window.setTimeout(()=>h(!0),d))},[a,d,h]),$=e.useCallback(()=>{a==="hover"&&(f.current&&window.clearTimeout(f.current),f.current=window.setTimeout(()=>h(!1),d))},[a,d,h]),[S,D]=e.useState({top:0,left:0});return e.useEffect(()=>{if(!x||!w.current||!y.current)return;const c=w.current.getBoundingClientRect(),o=y.current.getBoundingClientRect(),k=window.innerWidth,E=window.innerHeight;let R=0,T=0;const[m,b="center"]=v.split("-");switch(m){case"top":R=c.top-o.height-u,T=c.left+(c.width-o.width)/2;break;case"bottom":R=c.bottom+u,T=c.left+(c.width-o.width)/2;break;case"left":R=c.top+(c.height-o.height)/2,T=c.left-o.width-u;break;case"right":R=c.top+(c.height-o.height)/2,T=c.right+u;break}m==="top"||m==="bottom"?(b==="start"&&(T=c.left),b==="end"&&(T=c.right-o.width)):(b==="start"&&(R=c.top),b==="end"&&(R=c.bottom-o.height)),T=Math.max(8,Math.min(k-o.width-8,T)),R=Math.max(8,Math.min(E-o.height-8,R)),D({top:R,left:T})},[x,v,u]),r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:w,className:"nice-popover__trigger",onClick:L,onMouseEnter:P,onMouseLeave:$,style:{display:"inline-block"},children:t}),x&&B.createPortal(r.jsxs("div",{ref:y,className:`nice-popover nice-popover--${v} ${j||""}`,style:{position:"fixed",top:S.top,left:S.left,zIndex:1100},onMouseEnter:P,onMouseLeave:$,role:"tooltip",children:[_&&r.jsx("div",{className:"nice-popover__arrow"}),r.jsx("div",{className:"nice-popover__content",children:s})]}),i)]})},A=({items:t,children:s,onOpen:v,onClose:a,className:g})=>{const[l,d]=e.useState(!1),[u,j]=e.useState({x:0,y:0}),_=e.useRef(null),p=e.useRef(null),C=Y();M.ds(_,()=>{l&&(d(!1),a?.())});const w=e.useCallback(i=>{i.preventDefault(),j({x:i.clientX,y:i.clientY}),d(!0),v?.()},[v]),y=e.useCallback(i=>{!i.disabled&&i.onClick&&(i.onClick(),d(!1),a?.())},[a]);e.useEffect(()=>{if(!l)return;const i=n=>{n.key==="Escape"&&(d(!1),a?.())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[l,a]);const f=i=>r.jsx("ul",{className:"nice-context-menu__list",role:"menu",children:i.map(n=>n.divider?r.jsx("li",{className:"nice-context-menu__divider",role:"separator"},n.key):r.jsx("li",{role:"presentation",children:r.jsxs("button",{type:"button",className:`nice-context-menu__item ${n.disabled?"nice-context-menu__item--disabled":""} ${n.danger?"nice-context-menu__item--danger":""}`,role:"menuitem",disabled:n.disabled,onClick:()=>y(n),children:[n.icon&&r.jsx("span",{className:"nice-context-menu__icon",children:n.icon}),r.jsx("span",{className:"nice-context-menu__label",children:n.label})]})},n.key))});return r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:p,onContextMenu:w,style:{display:"contents"},children:s}),l&&B.createPortal(r.jsx("div",{ref:_,className:`nice-context-menu ${g||""}`,style:{position:"fixed",left:u.x,top:u.y,zIndex:1200},role:"menu",children:f(t)}),C)]})};exports.NiceActionSheet=N.NiceActionSheet;exports.NiceBlockUI=N.NiceBlockUI;exports.NiceBox=N.NiceBox;exports.NiceCommandPaletteProvider=N.NiceCommandPaletteProvider;exports.NiceLoadPanel=N.NiceLoadPanel;exports.NicePopover=N.NicePopover;exports.NiceResizable=N.NiceResizable;exports.NiceResponsiveBox=N.NiceResponsiveBox;exports.NiceScrollView=N.NiceScrollView;exports.NiceTutorial=N.NiceTutorial;exports.NiceTutorialProvider=N.NiceTutorialProvider;exports.NiceWindow=N.NiceWindow;exports.NiceWindowManager=N.NiceWindowManager;exports.useCommandPalette=N.useCommandPalette;exports.useRegisterCommands=N.useRegisterCommands;exports.NiceBottomSheet=F;exports.NiceContextMenu=A;exports.NiceDrawer=K;exports.NiceModal=W;exports.NiceModalBody=X;exports.NiceModalFooter=q;exports.NiceModalHeader=O;exports.NiceOverlayPopover=z;

package/dist/overlays.mjs

@@ -1,13 +1,13 @@
-import { N as se, a as de, b as ue, c as he, d as fe, e as me, f as ve, g as ge, h as we, i as be, j as ye, k as pe, l as Ne, u as _e, m as ke } from "./NiceWindow-DeC83yfE.js";
-import { jsxs as C, Fragment as K, jsx as a } from "react/jsx-runtime";
-import { useRef as E, useState as P, useEffect as Y, useCallback as b, useContext as U } from "react";
+import { N as se, a as de, b as ue, c as he, d as fe, e as me, f as ve, g as ge, h as we, i as be, j as ye, k as pe, l as _e, u as Ne, m as ke } from "./NiceWindow-Bga9fOkg.js";
+import { jsxs as H, Fragment as O, jsx as a } from "react/jsx-runtime";
+import { f as j, L as K, a as Q, T as A, Q as U } from "./core-B4b1BmHt.js";
+import { useRef as E, useState as L, useEffect as Y, useCallback as b, useContext as V } from "react";
 import { createPortal as X } from "react-dom";
-import { e as j, t as W, f as z, g as V, N as q } from "./core-Da43q-pO.js";
-function O() {
-  const e = U(q);
+function W() {
+  const e = V(U);
   return e?.portalTarget ? e.portalTarget : typeof document < "u" ? document.body : null;
 }
-const Z = ({
+const F = ({
   open: e,
   onClose: o,
   children: m,
@@ -17,13 +17,13 @@ const Z = ({
   closeOnEscape: s = !0,
   disableFocusTrap: d = !1,
   disableBodyScroll: x = !0,
-  zIndex: _ = 1e3,
+  zIndex: N = 1e3,
   className: k,
   style: M
 }) => {
   const y = E(null);
   j(y, e && !d);
-  const p = O();
+  const p = W();
   Y(() => {
     if (!x && e) {
       const t = document.body.style.overflow;
@@ -59,7 +59,7 @@ const Z = ({
       "div",
       {
         className: "nice-modal__overlay",
-        style: { zIndex: _ },
+        style: { zIndex: N },
         onClick: u,
         role: "presentation",
         children: /* @__PURE__ */ a(
@@ -84,7 +84,7 @@ const Z = ({
   showClose: o = !0,
   onClose: m,
   className: r
-}) => /* @__PURE__ */ C("div", { className: `nice-modal__header ${r || ""}`, children: [
+}) => /* @__PURE__ */ H("div", { className: `nice-modal__header ${r || ""}`, children: [
   /* @__PURE__ */ a("div", { className: "nice-modal__title", children: e }),
   o && m && /* @__PURE__ */ a("button", { type: "button", className: "nice-modal__close", onClick: m, "aria-label": "Close", children: /* @__PURE__ */ a(
     "svg",
@@ -108,42 +108,42 @@ const Z = ({
   closeOnBackdropClick: s = !0,
   closeOnEscape: d = !0,
   swipeToClose: x = !0,
-  zIndex: _ = 1e3,
+  zIndex: N = 1e3,
   className: k,
   style: M
 }) => {
-  const y = E(null), [p, u] = P(!1), [c, t] = P(0);
+  const y = E(null), [p, u] = L(!1), [c, t] = L(0);
   j(y, e);
-  const g = O();
+  const g = W();
   Y(() => {
     if (!d || !e)
       return;
-    const n = (N) => {
-      N.key === "Escape" && (N.preventDefault(), o());
+    const n = (_) => {
+      _.key === "Escape" && (_.preventDefault(), o());
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, [d, e, o]);
   const h = b(
     (n) => {
-      let N = 0;
+      let _ = 0;
       switch (r) {
         case "left":
-          N = Math.min(0, n.deltaX);
+          _ = Math.min(0, n.deltaX);
           break;
         case "right":
-          N = Math.max(0, n.deltaX);
+          _ = Math.max(0, n.deltaX);
           break;
         case "top":
-          N = Math.min(0, n.deltaY);
+          _ = Math.min(0, n.deltaY);
           break;
         case "bottom":
-          N = Math.max(0, n.deltaY);
+          _ = Math.max(0, n.deltaY);
           break;
       }
-      t(N);
+      t(_);
     },
     [r]
-  ), H = b(
+  ), S = b(
     (n) => {
       let R = !1;
       switch (r) {
@@ -160,15 +160,15 @@ const Z = ({
           R = n.deltaY > 100;
           break;
       }
-      R && (W("light"), o()), t(0), u(!1);
+      R && (K("light"), o()), t(0), u(!1);
     },
     [r, o]
-  ), { ref: D } = V({
+  ), { ref: D } = A({
     enabled: x && e,
     onPanStart: () => u(!0),
     onPan: h,
-    onPanEnd: H
-  }), L = b(
+    onPanEnd: S
+  }), P = b(
     (n) => {
       s && n.target === n.currentTarget && o();
     },
@@ -176,18 +176,18 @@ const Z = ({
   );
   if (!e)
     return null;
-  const I = r === "left" || r === "right", S = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
+  const I = r === "left" || r === "right", B = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
     if (p)
       return I ? `translateX(${c}px)` : `translateY(${c}px)`;
   };
   return X(
-    /* @__PURE__ */ C(K, { children: [
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: `nice-drawer__overlay ${e ? "nice-drawer__overlay--visible" : ""}`,
-          style: { zIndex: _ },
-          onClick: L
+          style: { zIndex: N },
+          onClick: P
         }
       ),
       /* @__PURE__ */ a(
@@ -198,8 +198,8 @@ const Z = ({
           },
           className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${k || ""}`,
           style: {
-            ...S,
-            zIndex: _ + 1,
+            ...B,
+            zIndex: N + 1,
             transform: i(),
             transition: p ? "none" : void 0,
             ...M
@@ -224,25 +224,25 @@ const Z = ({
   initialSnap: s = 0,
   expandable: d = !0,
   closeOnBackdropClick: x = !0,
-  closeOnEscape: _ = !0,
+  closeOnEscape: N = !0,
   hapticFeedback: k = !0,
   zIndex: M = 1e3,
   className: y,
   style: p
 }) => {
-  const u = E(null), c = E(null), [t, g] = P(s), [h, H] = P(!1), [D, L] = P(0), I = E(0);
+  const u = E(null), c = E(null), [t, g] = L(s), [h, S] = L(!1), [D, P] = L(0), I = E(0);
   Y(() => {
-    e && (g(s), L(0));
+    e && (g(s), P(0));
   }, [e, s]), j(u, e);
-  const S = O();
+  const B = W();
   Y(() => {
-    if (!_ || !e)
+    if (!N || !e)
       return;
     const f = (w) => {
       w.key === "Escape" && (w.preventDefault(), o());
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [_, e, o]), Y(() => {
+  }, [N, e, o]), Y(() => {
     if (e) {
       const f = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
@@ -251,23 +251,23 @@ const Z = ({
     }
   }, [e]);
   const i = b((f) => {
-    const w = f.target.closest(".nice-bottom-sheet__handle"), B = c.current, A = !B || B.scrollTop <= 0;
-    !w && !A || (H(!0), I.current = f.touches[0].clientY);
+    const w = f.target.closest(".nice-bottom-sheet__handle"), C = c.current, z = !C || C.scrollTop <= 0;
+    !w && !z || (S(!0), I.current = f.touches[0].clientY);
   }, []), n = b(
     (f) => {
       if (!h)
         return;
       const w = f.touches[0].clientY - I.current;
-      (w > 0 || t < l.length - 1) && L(w);
+      (w > 0 || t < l.length - 1) && P(w);
     },
     [h, t, l.length]
-  ), N = b(() => {
+  ), _ = b(() => {
     if (!h)
       return;
     const f = window.innerHeight;
     l[t] * f;
-    const w = -D, B = f * 0.15;
-    w > B && d && t < l.length - 1 ? (g(t + 1), k && W("selection")) : w < -B && (t > 0 ? (g(t - 1), k && W("selection")) : (k && W("light"), o())), H(!1), L(0);
+    const w = -D, C = f * 0.15;
+    w > C && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -C && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), S(!1), P(0);
   }, [h, D, t, l, d, k, o]), R = b(() => {
     x && o();
   }, [x, o]);
@@ -275,7 +275,7 @@ const Z = ({
     return null;
   const T = l[t] * 100, $ = h ? D : 0;
   return X(
-    /* @__PURE__ */ C(K, { children: [
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -284,7 +284,7 @@ const Z = ({
           onClick: R
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ H(
         "div",
         {
           ref: u,
@@ -302,7 +302,7 @@ const Z = ({
           tabIndex: -1,
           onTouchStart: i,
           onTouchMove: n,
-          onTouchEnd: N,
+          onTouchEnd: _,
           children: [
             v && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__handle", "aria-hidden": "true" }),
             r && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__title", children: r }),
@@ -311,7 +311,7 @@ const Z = ({
         }
       )
     ] }),
-    S
+    B
   );
 }, ae = ({
   trigger: e,
@@ -323,28 +323,28 @@ const Z = ({
   hoverDelay: s = 200,
   offset: d = 8,
   className: x,
-  showArrow: _ = !0
+  showArrow: N = !0
 }) => {
-  const [k, M] = P(!1), y = E(null), p = E(null), u = E(null), c = O(), t = v !== void 0, g = t ? v : k, h = b(
+  const [k, M] = L(!1), y = E(null), p = E(null), u = E(null), c = W(), t = v !== void 0, g = t ? v : k, h = b(
     (i) => {
       t || M(i), l?.(i);
     },
     [t, l]
   );
-  z(p, () => {
+  Q(p, () => {
     r !== "manual" && g && h(!1);
   });
-  const H = b(() => {
+  const S = b(() => {
     r === "click" && h(!g);
   }, [r, g, h]), D = b(() => {
     r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!0), s));
-  }, [r, s, h]), L = b(() => {
+  }, [r, s, h]), P = b(() => {
     r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!1), s));
-  }, [r, s, h]), [I, S] = P({ top: 0, left: 0 });
+  }, [r, s, h]), [I, B] = L({ top: 0, left: 0 });
   return Y(() => {
     if (!g || !y.current || !p.current)
       return;
-    const i = y.current.getBoundingClientRect(), n = p.current.getBoundingClientRect(), N = window.innerWidth, R = window.innerHeight;
+    const i = y.current.getBoundingClientRect(), n = p.current.getBoundingClientRect(), _ = window.innerWidth, R = window.innerHeight;
     let T = 0, $ = 0;
     const [f, w = "center"] = m.split("-");
     switch (f) {
@@ -361,22 +361,22 @@ const Z = ({
         T = i.top + (i.height - n.height) / 2, $ = i.right + d;
         break;
     }
-    f === "top" || f === "bottom" ? (w === "start" && ($ = i.left), w === "end" && ($ = i.right - n.width)) : (w === "start" && (T = i.top), w === "end" && (T = i.bottom - n.height)), $ = Math.max(8, Math.min(N - n.width - 8, $)), T = Math.max(8, Math.min(R - n.height - 8, T)), S({ top: T, left: $ });
-  }, [g, m, d]), /* @__PURE__ */ C(K, { children: [
+    f === "top" || f === "bottom" ? (w === "start" && ($ = i.left), w === "end" && ($ = i.right - n.width)) : (w === "start" && (T = i.top), w === "end" && (T = i.bottom - n.height)), $ = Math.max(8, Math.min(_ - n.width - 8, $)), T = Math.max(8, Math.min(R - n.height - 8, T)), B({ top: T, left: $ });
+  }, [g, m, d]), /* @__PURE__ */ H(O, { children: [
     /* @__PURE__ */ a(
       "div",
       {
         ref: y,
         className: "nice-popover__trigger",
-        onClick: H,
+        onClick: S,
         onMouseEnter: D,
-        onMouseLeave: L,
+        onMouseLeave: P,
         style: { display: "inline-block" },
         children: e
       }
     ),
     g && X(
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ H(
         "div",
         {
           ref: p,
@@ -388,10 +388,10 @@ const Z = ({
             zIndex: 1100
           },
           onMouseEnter: D,
-          onMouseLeave: L,
+          onMouseLeave: P,
           role: "tooltip",
           children: [
-            _ && /* @__PURE__ */ a("div", { className: "nice-popover__arrow" }),
+            N && /* @__PURE__ */ a("div", { className: "nice-popover__arrow" }),
             /* @__PURE__ */ a("div", { className: "nice-popover__content", children: o })
           ]
         }
@@ -406,8 +406,8 @@ const Z = ({
   onClose: r,
   className: v
 }) => {
-  const [l, s] = P(!1), [d, x] = P({ x: 0, y: 0 }), _ = E(null), k = E(null), M = O();
-  z(_, () => {
+  const [l, s] = L(!1), [d, x] = L({ x: 0, y: 0 }), N = E(null), k = E(null), M = W();
+  Q(N, () => {
     l && (s(!1), r?.());
   });
   const y = b(
@@ -429,7 +429,7 @@ const Z = ({
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [l, r]);
-  const u = (c) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: c.map((t) => t.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, t.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ C(
+  const u = (c) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: c.map((t) => t.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, t.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ H(
     "button",
     {
       type: "button",
@@ -443,13 +443,13 @@ const Z = ({
       ]
     }
   ) }, t.key)) });
-  return /* @__PURE__ */ C(K, { children: [
+  return /* @__PURE__ */ H(O, { children: [
     /* @__PURE__ */ a("div", { ref: k, onContextMenu: y, style: { display: "contents" }, children: o }),
     l && X(
       /* @__PURE__ */ a(
         "div",
         {
-          ref: _,
+          ref: N,
           className: `nice-context-menu ${v || ""}`,
           style: {
             position: "fixed",
@@ -474,7 +474,7 @@ export {
   ie as NiceContextMenu,
   re as NiceDrawer,
   fe as NiceLoadPanel,
-  Z as NiceModal,
+  F as NiceModal,
   te as NiceModalBody,
   ne as NiceModalFooter,
   ee as NiceModalHeader,
@@ -486,7 +486,7 @@ export {
   be as NiceTutorial,
   ye as NiceTutorialProvider,
   pe as NiceWindow,
-  Ne as NiceWindowManager,
-  _e as useCommandPalette,
+  _e as NiceWindowManager,
+  Ne as useCommandPalette,
   ke as useRegisterCommands
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nice2dev/ui",
-  "version": "1.0.10",
-  "description": "Nice2Dev UI — Universal, themeable, i18n-ready React component library",
+  "version": "1.0.11",
+  "description": "Nice2Dev UI — Universal, themeable, i18n-ready React component library",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -95,8 +95,8 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@nice2dev/i18n": "^1.0.10",
-    "@nice2dev/ui-core": "^1.0.10"
+    "@nice2dev/i18n": "1.0.11",
+    "@nice2dev/ui-core": "1.0.11"
   },
   "devDependencies": {
     "@playwright/test": "^1.49.0",