@nice2dev/ui 1.0.12 → 1.0.14

package/dist/navigation.mjs

@@ -1,9 +1,9 @@
-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 Be, G as Pe, H as Le, I as Re, J as We, K as Ke, L as Oe, M as Fe, O as He, P as je, S as ze } from "./NiceModuleLifecyclePanel-D-xBAp1_.js";
+import { D as ae, a as ie, b as ce, c as se, d as le, e as te, N as re, 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 we, w as Me, x as Ce, y as De, z as Se, A as Ee, B as Ie, C as Te, E as Ae, F as Be, G as Pe, H as Le, I as Re, J as We, K as Ke, L as Oe, M as Fe, O as He, P as je, Q as ze, S as Ue } from "./NiceModuleLifecyclePanel-CCFHxKIu.js";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { S as E, B as I, $ as W } from "./core-ClmvtMVZ.js";
+import { S as E, B as I, $ as W } from "./core-BJ_UNMlX.js";
 import { forwardRef as T, useState as B, useCallback as P, useEffect as z } from "react";
-import { f as Ve } from "./NiceTabs-DlsCMth_.js";
-import { N as Je } from "./NicePagination-DDFkSRr9.js";
+import { f as qe } from "./NiceTabs-B-9_mzpc.js";
+import { N as Qe } from "./NicePagination-BVkkePJU.js";
 const U = T(
   ({
     items: b,
@@ -20,25 +20,25 @@ const U = T(
     style: $,
     id: y,
     accessMode: x,
-    ...M
+    ...w
   }, N) => {
-    const i = E(y), t = I(x, y), [s, u] = B(/* @__PURE__ */ new Set()), r = P((n) => {
+    const i = E(y), r = I(x, y), [s, u] = B(/* @__PURE__ */ new Set()), t = P((n) => {
       u((D) => {
         const a = new Set(D);
         return a.has(n) ? a.delete(n) : a.add(n), a;
       });
     }, []);
-    if (t === "hidden")
+    if (r === "hidden")
       return null;
     const h = (n, D = 0) => {
-      const a = n.children && n.children.length > 0, A = s.has(n.key), w = n.key === m;
+      const a = n.children && n.children.length > 0, A = s.has(n.key), M = n.key === m;
       return /* @__PURE__ */ o("li", { className: "nice-sidebar-menu__item", children: [
         /* @__PURE__ */ o(
           "button",
           {
-            className: `nice-sidebar-menu__btn ${w ? "nice-sidebar-menu__btn--active" : ""} ${n.disabled ? "nice-sidebar-menu__btn--disabled" : ""}`,
+            className: `nice-sidebar-menu__btn ${M ? "nice-sidebar-menu__btn--active" : ""} ${n.disabled ? "nice-sidebar-menu__btn--disabled" : ""}`,
             style: { paddingLeft: c ? void 0 : 12 + D * 16 },
-            onClick: () => a ? r(n.key) : v?.(n),
+            onClick: () => a ? t(n.key) : v?.(n),
             disabled: n.disabled,
             title: c ? n.text : void 0,
             type: "button",
@@ -60,7 +60,7 @@ const U = T(
         id: i,
         className: `nice-sidebar-menu nice-sidebar-menu--${_} ${c ? "nice-sidebar-menu--collapsed" : ""} ${g ?? ""}`,
         style: { ...$, width: c ? l : p },
-        ...M,
+        ...w,
         children: [
           k && /* @__PURE__ */ e("div", { className: "nice-sidebar-menu__header", children: k }),
           /* @__PURE__ */ e("ul", { className: "nice-sidebar-menu__list", role: "list", children: b.map((n) => h(n)) }),
@@ -85,7 +85,7 @@ const V = T(
     accessMode: _,
     ...g
   }, $) => {
-    const y = E(d), x = I(_, d), [M, N] = B(null);
+    const y = E(d), x = I(_, d), [w, N] = B(null);
     return x === "hidden" ? null : /* @__PURE__ */ o(
       "nav",
       {
@@ -97,32 +97,32 @@ const V = T(
         children: [
           p && /* @__PURE__ */ e("div", { className: "nice-top-menu__brand", children: p }),
           /* @__PURE__ */ e("ul", { className: "nice-top-menu__items", role: "menubar", children: b.map((i) => {
-            const t = i.children && i.children.length > 0, s = M === i.key;
+            const r = i.children && i.children.length > 0, s = w === i.key;
             return /* @__PURE__ */ o(
               "li",
               {
                 className: "nice-top-menu__item",
-                onMouseEnter: () => t && N(i.key),
-                onMouseLeave: () => t && N(null),
+                onMouseEnter: () => r && N(i.key),
+                onMouseLeave: () => r && N(null),
                 children: [
                   /* @__PURE__ */ o(
                     "button",
                     {
                       className: `nice-top-menu__btn ${i.key === m ? "nice-top-menu__btn--active" : ""}`,
-                      onClick: () => t ? N(s ? null : i.key) : c?.(i),
+                      onClick: () => r ? N(s ? null : i.key) : c?.(i),
                       role: "menuitem",
-                      "aria-haspopup": t,
+                      "aria-haspopup": r,
                       "aria-expanded": s,
                       disabled: i.disabled,
                       type: "button",
                       children: [
                         i.icon && /* @__PURE__ */ e("span", { children: i.icon }),
                         /* @__PURE__ */ e("span", { children: i.text }),
-                        t && /* @__PURE__ */ e("span", { className: "nice-top-menu__chevron", children: "▾" })
+                        r && /* @__PURE__ */ e("span", { className: "nice-top-menu__chevron", children: "▾" })
                       ]
                     }
                   ),
-                  t && s && /* @__PURE__ */ e("ul", { className: "nice-top-menu__dropdown", role: "menu", children: i.children.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+                  r && s && /* @__PURE__ */ e("ul", { className: "nice-top-menu__dropdown", role: "menu", children: i.children.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
                     "button",
                     {
                       className: `nice-top-menu__dropdown-btn ${u.key === m ? "nice-top-menu__dropdown-btn--active" : ""}`,
@@ -166,13 +166,13 @@ const q = T(
     accessMode: g,
     ...$
   }, y) => {
-    const x = E(_), M = I(g, _), [N, i] = B(m ?? b[0]?.key), t = m ?? N, s = b.find((r) => r.key === t), u = P(
-      (r) => {
-        i(r), c?.(r);
+    const x = E(_), w = I(g, _), [N, i] = B(m ?? b[0]?.key), r = m ?? N, s = b.find((t) => t.key === r), u = P(
+      (t) => {
+        i(t), c?.(t);
       },
       [c]
     );
-    return M === "hidden" ? null : /* @__PURE__ */ o(
+    return w === "hidden" ? null : /* @__PURE__ */ o(
       "div",
       {
         ref: y,
@@ -182,17 +182,17 @@ const q = T(
         ...$,
         children: [
           /* @__PURE__ */ o("div", { className: "nice-ribbon-menu__tabs", role: "tablist", children: [
-            b.map((r) => /* @__PURE__ */ e(
+            b.map((t) => /* @__PURE__ */ e(
               "button",
               {
-                className: `nice-ribbon-menu__tab ${r.key === t ? "nice-ribbon-menu__tab--active" : ""}`,
-                onClick: () => u(r.key),
+                className: `nice-ribbon-menu__tab ${t.key === r ? "nice-ribbon-menu__tab--active" : ""}`,
+                onClick: () => u(t.key),
                 role: "tab",
-                "aria-selected": r.key === t,
+                "aria-selected": t.key === r,
                 type: "button",
-                children: r.label
+                children: t.label
               },
-              r.key
+              t.key
             )),
             /* @__PURE__ */ e(
               "button",
@@ -205,8 +205,8 @@ const q = T(
               }
             )
           ] }),
-          !l && s && /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__panel", role: "tabpanel", children: s.groups.map((r, h) => /* @__PURE__ */ o("div", { className: "nice-ribbon-menu__group", children: [
-            /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__group-items", children: r.items.map((n) => /* @__PURE__ */ o(
+          !l && s && /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__panel", role: "tabpanel", children: s.groups.map((t, h) => /* @__PURE__ */ o("div", { className: "nice-ribbon-menu__group", children: [
+            /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__group-items", children: t.items.map((n) => /* @__PURE__ */ o(
               "button",
               {
                 className: "nice-ribbon-menu__item",
@@ -220,7 +220,7 @@ const q = T(
               },
               n.key
             )) }),
-            /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__group-label", children: r.label })
+            /* @__PURE__ */ e("div", { className: "nice-ribbon-menu__group-label", children: t.label })
           ] }, h)) })
         ]
       }
@@ -243,13 +243,13 @@ const J = T(
     accessMode: g,
     ...$
   }, y) => {
-    const x = E(_), M = I(g, _), [N, i] = B(!1), t = !l || N;
-    return M === "hidden" ? null : /* @__PURE__ */ e(
+    const x = E(_), w = I(g, _), [N, i] = B(!1), r = !l || N;
+    return w === "hidden" ? null : /* @__PURE__ */ e(
       "div",
       {
         ref: y,
         id: x,
-        className: `nice-dock-menu nice-dock-menu--${p} nice-dock-menu--${C} ${l && !t ? "nice-dock-menu--hidden" : ""} ${k ?? ""}`,
+        className: `nice-dock-menu nice-dock-menu--${p} nice-dock-menu--${C} ${l && !r ? "nice-dock-menu--hidden" : ""} ${k ?? ""}`,
         style: d,
         onMouseEnter: () => i(!0),
         onMouseLeave: () => i(!1),
@@ -291,25 +291,25 @@ const Q = T(
     style: $,
     id: y,
     accessMode: x,
-    ...M
+    ...w
   }, N) => {
-    const i = E(y), t = I(x, y), { t: s } = W(), [u, r] = B(!1), h = p ?? u, n = P(() => {
+    const i = E(y), r = I(x, y), { t: s } = W(), [u, t] = B(!1), h = p ?? u, n = P(() => {
       const a = !h;
-      r(a), l?.(a);
+      t(a), l?.(a);
     }, [h, l]), D = P(
       (a) => {
-        c?.(a), r(!1), l?.(!1);
+        c?.(a), t(!1), l?.(!1);
       },
       [c, l]
     );
-    return t === "hidden" ? null : /* @__PURE__ */ o(
+    return r === "hidden" ? null : /* @__PURE__ */ o(
       "div",
       {
         ref: N,
         id: i,
         className: `nice-hamburger-menu nice-hamburger-menu--${_} ${g ?? ""}`,
         style: $,
-        ...M,
+        ...w,
         children: [
           /* @__PURE__ */ e(
             "button",
@@ -381,17 +381,17 @@ const X = T(
     variant: $ = "default",
     tooltipPosition: y = "bottom",
     backIcon: x,
-    forwardIcon: M,
+    forwardIcon: w,
     refreshIcon: N,
     stopIcon: i,
-    className: t,
+    className: r,
     style: s,
     id: u,
-    accessMode: r,
+    accessMode: t,
     disabled: h,
     ...n
   }, D) => {
-    const a = E(u), A = I(r, u), { t: w } = W();
+    const a = E(u), A = I(t, u), { t: M } = W();
     if (z(() => {
       if (!v || h)
         return;
@@ -423,7 +423,7 @@ const X = T(
         strokeWidth: "2",
         children: /* @__PURE__ */ e("polyline", { points: "15 18 9 12 15 6" })
       }
-    ), O = M ?? /* @__PURE__ */ e(
+    ), O = w ?? /* @__PURE__ */ e(
       "svg",
       {
         width: "16",
@@ -468,10 +468,10 @@ const X = T(
       {
         ref: D,
         id: a,
-        className: `nice-nav-controls nice-nav-controls--${g} nice-nav-controls--${$}${S ? " nice-nav-controls--disabled" : ""}${t ? ` ${t}` : ""}`,
+        className: `nice-nav-controls nice-nav-controls--${g} nice-nav-controls--${$}${S ? " nice-nav-controls--disabled" : ""}${r ? ` ${r}` : ""}`,
         style: s,
         role: "navigation",
-        "aria-label": w("nav.controls", "Navigation controls"),
+        "aria-label": M("nav.controls", "Navigation controls"),
         ...n,
         children: [
           /* @__PURE__ */ e(
@@ -481,8 +481,8 @@ const X = T(
               className: `nice-nav-controls__btn nice-nav-controls__btn--back${b ? "" : " nice-nav-controls__btn--disabled"}`,
               onClick: c,
               disabled: S || !b,
-              "aria-label": w("nav.back", "Back"),
-              title: `${w("nav.back", "Back")} (Alt+←)`,
+              "aria-label": M("nav.back", "Back"),
+              title: `${M("nav.back", "Back")} (Alt+←)`,
               children: K
             }
           ),
@@ -493,8 +493,8 @@ const X = T(
               className: `nice-nav-controls__btn nice-nav-controls__btn--forward${m ? "" : " nice-nav-controls__btn--disabled"}`,
               onClick: p,
               disabled: S || !m,
-              "aria-label": w("nav.forward", "Forward"),
-              title: `${w("nav.forward", "Forward")} (Alt+→)`,
+              "aria-label": M("nav.forward", "Forward"),
+              title: `${M("nav.forward", "Forward")} (Alt+→)`,
               children: O
             }
           ),
@@ -505,8 +505,8 @@ const X = T(
               className: "nice-nav-controls__btn nice-nav-controls__btn--stop nice-nav-controls__btn--loading",
               onClick: _,
               disabled: S,
-              "aria-label": w("nav.stop", "Stop"),
-              title: `${w("nav.stop", "Stop")} (Esc)`,
+              "aria-label": M("nav.stop", "Stop"),
+              title: `${M("nav.stop", "Stop")} (Esc)`,
               children: H
             }
           ) : /* @__PURE__ */ e(
@@ -516,8 +516,8 @@ const X = T(
               className: "nice-nav-controls__btn nice-nav-controls__btn--refresh",
               onClick: l,
               disabled: S,
-              "aria-label": w("nav.refresh", "Refresh"),
-              title: `${w("nav.refresh", "Refresh")} (F5)`,
+              "aria-label": M("nav.refresh", "Refresh"),
+              title: `${M("nav.refresh", "Refresh")} (F5)`,
               children: F
             }
           ))
@@ -533,50 +533,51 @@ export {
   ce as DesktopGrid,
   se as DesktopStartMenu,
   le as DesktopSystemTray,
-  re as DesktopTaskbar,
-  te as NiceAccordion,
+  te as DesktopTaskbar,
+  re as NiceAccordion,
   oe as NiceAppLayout,
-  de as NiceBottomNavigation,
-  ue as NiceBreadcrumb,
-  be as NiceCard,
-  me as NiceClassicShell,
-  _e as NiceCompactShell,
-  he as NiceConsole,
-  pe as NiceContextMenu,
-  Ne as NiceDashboardLayout,
-  ve as NiceDashboardShell,
-  ke as NiceDesktop,
-  ye as NiceDock,
+  de as NiceAuthButtons,
+  ue as NiceBottomNavigation,
+  be as NiceBreadcrumb,
+  me as NiceCard,
+  _e as NiceClassicShell,
+  he as NiceCompactShell,
+  pe as NiceConsole,
+  Ne as NiceContextMenu,
+  ve as NiceDashboardLayout,
+  ke as NiceDashboardShell,
+  ye as NiceDesktop,
+  fe as NiceDock,
   J as NiceDockMenu,
-  fe as NiceDynamicSidebar,
+  ge as NiceDynamicSidebar,
   Q as NiceHamburgerMenu,
-  ge as NiceHybridShell,
-  $e as NiceKioskShell,
-  xe as NiceMdiWorkspace,
-  Me as NiceMegaMenu,
-  we as NiceMenu,
+  $e as NiceHybridShell,
+  xe as NiceKioskShell,
+  we as NiceMdiWorkspace,
+  Me as NiceMenu,
   Ce as NiceMinimalShell,
   De as NiceModeSelector,
   Se as NiceModernShell,
   Ee as NiceModuleLifecyclePanel,
   Ie as NiceMultiView,
-  Te as NiceNavbar,
+  Te as NiceNavMenu,
+  Ae as NiceNavbar,
   X as NiceNavigationControls,
-  Ae as NiceOnboardingWizard,
-  Be as NiceOrganizationProfileForm,
-  Je as NicePagination,
-  Pe as NicePwaShell,
+  Be as NiceOnboardingWizard,
+  Pe as NiceOrganizationProfileForm,
+  Qe as NicePagination,
+  Le as NicePwaShell,
   q as NiceRibbonMenu,
-  Le as NiceSetupWizard,
+  Re as NiceSetupWizard,
   U as NiceSidebarMenu,
-  Re as NiceSidebarNav,
-  We as NiceSplitter,
-  Ke as NiceTabPanel,
-  Ve as NiceTabs,
-  Oe as NiceTenantSwitcher,
-  Fe as NiceToolbar,
+  We as NiceSidebarNav,
+  Ke as NiceSplitter,
+  Oe as NiceTabPanel,
+  qe as NiceTabs,
+  Fe as NiceTenantSwitcher,
+  He as NiceToolbar,
   V as NiceTopMenu,
-  He as NiceUserMenu,
-  je as NiceWizard,
-  ze as SIDEBAR_MODE_META
+  je as NiceUserMenu,
+  ze as NiceWizard,
+  Ue as SIDEBAR_MODE_META
 };

package/dist/overlays.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./NiceWindow-CbzJmurQ.cjs"),r=require("react/jsx-runtime"),M=require("./core-CSfXTICE.cjs"),e=require("react"),I=require("react-dom");function B(){const t=e.useContext(M.tr);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 N=e.useRef(null);M.ks(N,t&&!u);const y=B();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 I.createPortal(r.jsx("div",{className:"nice-modal__overlay",style:{zIndex:_},onClick:f,role:"presentation",children:r.jsx("div",{ref:N,className:`nice-modal ${i} ${p||""}`,role:"dialog","aria-modal":"true","aria-label":a,style:C,tabIndex:-1,children:v})}),y)},X=({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"})})})]}),O=({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 N=e.useRef(null),[y,f]=e.useState(!1),[i,n]=e.useState(0);M.ks(N,t);const x=B();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]),D=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.Hr("light"),s()),n(0),f(!1)},[a,s]),{ref:P}=M.Xs({enabled:j&&t,onPanStart:()=>f(!0),onPan:h,onPanEnd:D}),$=e.useCallback(o=>{d&&o.target===o.currentTarget&&s()},[d,s]);if(!t)return null;const S=a==="left"||a==="right",L=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 I.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=>{N.current=o,P.current=o},className:`nice-drawer nice-drawer--${a} ${t?"nice-drawer--open":""} ${p||""}`,style:{...L,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:N,style:y})=>{const f=e.useRef(null),i=e.useRef(null),[n,x]=e.useState(d),[h,D]=e.useState(!1),[P,$]=e.useState(0),S=e.useRef(0);e.useEffect(()=>{t&&(x(d),$(0))},[t,d]),M.ks(f,t);const L=B();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"),H=i.current,Y=!H||H.scrollTop<=0;!b&&!Y||(D(!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,H=m*.15;b>H&&u&&n<l.length-1?(x(n+1),p&&M.Hr("selection")):b<-H&&(n>0?(x(n-1),p&&M.Hr("selection")):(p&&M.Hr("light"),s())),D(!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 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:E}),r.jsxs("div",{ref:f,className:`nice-bottom-sheet ${t?"nice-bottom-sheet--open":""} ${N||""}`,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})]})]}),L)},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),N=e.useRef(null),y=e.useRef(null),f=e.useRef(null),i=B(),n=g!==void 0,x=n?g:p,h=e.useCallback(c=>{n||C(c),l?.(c)},[n,l]);M.ws(y,()=>{a!=="manual"&&x&&h(!1)});const D=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,L]=e.useState({top:0,left:0});return e.useEffect(()=>{if(!x||!N.current||!y.current)return;const c=N.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)),L({top:R,left:T})},[x,v,u]),r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:N,className:"nice-popover__trigger",onClick:D,onMouseEnter:P,onMouseLeave:$,style:{display:"inline-block"},children:t}),x&&I.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=B();M.ws(_,()=>{l&&(d(!1),a?.())});const N=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:N,style:{display:"contents"},children:s}),l&&I.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=w.NiceActionSheet;exports.NiceBlockUI=w.NiceBlockUI;exports.NiceBox=w.NiceBox;exports.NiceCommandPaletteProvider=w.NiceCommandPaletteProvider;exports.NiceLoadPanel=w.NiceLoadPanel;exports.NicePopover=w.NicePopover;exports.NiceResizable=w.NiceResizable;exports.NiceResponsiveBox=w.NiceResponsiveBox;exports.NiceScrollView=w.NiceScrollView;exports.NiceTutorial=w.NiceTutorial;exports.NiceTutorialProvider=w.NiceTutorialProvider;exports.NiceWindow=w.NiceWindow;exports.NiceWindowManager=w.NiceWindowManager;exports.useCommandPalette=w.useCommandPalette;exports.useRegisterCommands=w.useRegisterCommands;exports.NiceBottomSheet=F;exports.NiceContextMenu=A;exports.NiceDrawer=K;exports.NiceModal=W;exports.NiceModalBody=O;exports.NiceModalFooter=q;exports.NiceModalHeader=X;exports.NiceOverlayPopover=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./NiceWindow-HhPIzPzs.cjs"),r=require("react/jsx-runtime"),M=require("./core-B-tu8l9M.cjs"),e=require("react"),I=require("react-dom");function B(){const t=e.useContext(M.tr);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 N=e.useRef(null);M.ks(N,t&&!u);const y=B();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 I.createPortal(r.jsx("div",{className:"nice-modal__overlay",style:{zIndex:_},onClick:f,role:"presentation",children:r.jsx("div",{ref:N,className:`nice-modal ${i} ${p||""}`,role:"dialog","aria-modal":"true","aria-label":a,style:C,tabIndex:-1,children:v})}),y)},X=({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"})})})]}),O=({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 N=e.useRef(null),[y,f]=e.useState(!1),[i,n]=e.useState(0);M.ks(N,t);const x=B();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]),D=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.Hr("light"),s()),n(0),f(!1)},[a,s]),{ref:P}=M.Xs({enabled:j&&t,onPanStart:()=>f(!0),onPan:h,onPanEnd:D}),$=e.useCallback(o=>{d&&o.target===o.currentTarget&&s()},[d,s]);if(!t)return null;const S=a==="left"||a==="right",L=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 I.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=>{N.current=o,P.current=o},className:`nice-drawer nice-drawer--${a} ${t?"nice-drawer--open":""} ${p||""}`,style:{...L,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:N,style:y})=>{const f=e.useRef(null),i=e.useRef(null),[n,x]=e.useState(d),[h,D]=e.useState(!1),[P,$]=e.useState(0),S=e.useRef(0);e.useEffect(()=>{t&&(x(d),$(0))},[t,d]),M.ks(f,t);const L=B();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"),H=i.current,Y=!H||H.scrollTop<=0;!b&&!Y||(D(!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,H=m*.15;b>H&&u&&n<l.length-1?(x(n+1),p&&M.Hr("selection")):b<-H&&(n>0?(x(n-1),p&&M.Hr("selection")):(p&&M.Hr("light"),s())),D(!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 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:E}),r.jsxs("div",{ref:f,className:`nice-bottom-sheet ${t?"nice-bottom-sheet--open":""} ${N||""}`,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})]})]}),L)},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),N=e.useRef(null),y=e.useRef(null),f=e.useRef(null),i=B(),n=g!==void 0,x=n?g:p,h=e.useCallback(c=>{n||C(c),l?.(c)},[n,l]);M.ws(y,()=>{a!=="manual"&&x&&h(!1)});const D=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,L]=e.useState({top:0,left:0});return e.useEffect(()=>{if(!x||!N.current||!y.current)return;const c=N.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)),L({top:R,left:T})},[x,v,u]),r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:N,className:"nice-popover__trigger",onClick:D,onMouseEnter:P,onMouseLeave:$,style:{display:"inline-block"},children:t}),x&&I.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=B();M.ws(_,()=>{l&&(d(!1),a?.())});const N=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:N,style:{display:"contents"},children:s}),l&&I.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=w.NiceActionSheet;exports.NiceBlockUI=w.NiceBlockUI;exports.NiceBox=w.NiceBox;exports.NiceCommandPaletteProvider=w.NiceCommandPaletteProvider;exports.NiceLoadPanel=w.NiceLoadPanel;exports.NicePopover=w.NicePopover;exports.NiceResizable=w.NiceResizable;exports.NiceResponsiveBox=w.NiceResponsiveBox;exports.NiceScrollView=w.NiceScrollView;exports.NiceTutorial=w.NiceTutorial;exports.NiceTutorialProvider=w.NiceTutorialProvider;exports.NiceWindow=w.NiceWindow;exports.NiceWindowManager=w.NiceWindowManager;exports.useCommandPalette=w.useCommandPalette;exports.useRegisterCommands=w.useRegisterCommands;exports.NiceBottomSheet=F;exports.NiceContextMenu=A;exports.NiceDrawer=K;exports.NiceModal=W;exports.NiceModalBody=O;exports.NiceModalFooter=q;exports.NiceModalHeader=X;exports.NiceOverlayPopover=z;

package/dist/overlays.mjs

@@ -1,6 +1,6 @@
-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-BNrA5Dxq.js";
+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-BxGVzUs2.js";
 import { jsxs as H, Fragment as O, jsx as a } from "react/jsx-runtime";
-import { k as j, H as K, b as z, X as U, t as V } from "./core-ClmvtMVZ.js";
+import { k as j, H as K, b as z, X as U, t as V } from "./core-BJ_UNMlX.js";
 import { useRef as E, useState as D, useEffect as Y, useCallback as b, useContext as q } from "react";
 import { createPortal as C } from "react-dom";
 function W() {

package/dist/style.css

@@ -0,0 +1,7 @@
+/* Auto-generated by scripts/postbuild-style.mjs — do not edit */
+@import './index.css';
+@import './charts.css';
+@import './NiceForm.css';
+@import './NiceModuleLifecyclePanel.css';
+@import './NicePinCodeInput.css';
+@import './NiceSavedQueryPanel.css';

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@nice2dev/ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Nice2Dev UI — Universal, themeable, i18n-ready React component library",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "style": "dist/style.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -62,10 +63,13 @@
       "import": "./dist/data-branching.mjs",
       "require": "./dist/data-branching.cjs"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./css/legacy-bg-text-aliases.css": "./css/legacy-bg-text-aliases.css"
   },
   "files": [
     "dist",
+    "css",
     "LICENSE",
     "CHANGELOG.md",
     "README.md"
@@ -75,7 +79,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "tsc -p tsconfig.build.json && vite build && node scripts/postbuild-style.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
@@ -95,8 +99,8 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@nice2dev/i18n": "^1.0.12",
-    "@nice2dev/ui-core": "^1.0.12",
+    "@nice2dev/i18n": "^1.0.14",
+    "@nice2dev/ui-core": "^1.0.14",
     "country-flag-icons": "^1.6.17"
   },
   "devDependencies": {