@nice2dev/ui 1.0.6 → 1.0.8

package/dist/no-code.mjs

@@ -0,0 +1,13 @@
+import { N as i, a as s, b as c, c as o, d as r, e as t, f as N, g as d, h as n, i as p } from "./no-code-TL7PyulA.js";
+export {
+  i as NiceAPIFlow,
+  s as NiceCodePreview,
+  c as NiceCodeTemplate,
+  o as NiceComponentDesigner,
+  r as NiceDataMapper,
+  t as NiceEventOrchestrator,
+  N as NiceLowCodeStudio,
+  d as NicePageBuilder,
+  n as NiceStateDesigner,
+  p as NiceTestBuilder
+};

package/dist/overlays.cjs

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

package/dist/overlays.mjs

@@ -1,26 +1,482 @@
-import { N as i, a as o, b as s, c, d as N, e as r, f as t, g as d, h as l, i as n, j as m, k as v, l as P, m as u, n as M, o as p, p as B, q as w, r as x, s as C, t as g, u as h, v as R } from "./NiceWindow-D1awkyFl.js";
+import { N as ie, a as ae, b as ce, c as le, d as se, e as de, f as ue, g as he, h as me, i as fe, j as ve, k as ge, l as be, u as we, m as ye } from "./NiceWindow-SiCaREbq.js";
+import { jsxs as Y, Fragment as W, jsx as a } from "react/jsx-runtime";
+import { useRef as E, useState as L, useEffect as I, useCallback as g } from "react";
+import { createPortal as C } from "react-dom";
+import { c as K, t as X, d as O, e as z } from "./core-BpghV7Ls.js";
+const F = ({
+  open: e,
+  onClose: o,
+  children: m,
+  title: r,
+  size: f = "md",
+  closeOnBackdropClick: s = !0,
+  closeOnEscape: d = !0,
+  disableFocusTrap: u = !1,
+  disableBodyScroll: k = !0,
+  zIndex: N = 1e3,
+  className: p,
+  style: M
+}) => {
+  const b = E(null);
+  K(b, e && !u), I(() => {
+    if (!k && e) {
+      const n = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = n;
+      };
+    }
+  }, [e, k]), I(() => {
+    if (!d || !e)
+      return;
+    const n = (l) => {
+      l.key === "Escape" && (l.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [d, e, o]);
+  const w = g(
+    (n) => {
+      s && n.target === n.currentTarget && o();
+    },
+    [s, o]
+  );
+  if (!e)
+    return null;
+  const i = {
+    sm: "nice-modal--sm",
+    md: "nice-modal--md",
+    lg: "nice-modal--lg",
+    xl: "nice-modal--xl",
+    full: "nice-modal--full"
+  }[f];
+  return C(
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "nice-modal__overlay",
+        style: { zIndex: N },
+        onClick: w,
+        role: "presentation",
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: b,
+            className: `nice-modal ${i} ${p || ""}`,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": r,
+            style: M,
+            tabIndex: -1,
+            children: m
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}, G = ({
+  children: e,
+  showClose: o = !0,
+  onClose: m,
+  className: r
+}) => /* @__PURE__ */ Y("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",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: /* @__PURE__ */ a("path", { d: "M4 4l12 12M4 16L16 4" })
+    }
+  ) })
+] }), J = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__body ${o || ""}`, children: e }), Q = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__footer ${o || ""}`, children: e }), Z = ({
+  open: e,
+  onClose: o,
+  children: m,
+  position: r = "right",
+  size: f = 320,
+  title: s,
+  closeOnBackdropClick: d = !0,
+  closeOnEscape: u = !0,
+  swipeToClose: k = !0,
+  zIndex: N = 1e3,
+  className: p,
+  style: M
+}) => {
+  const b = E(null), [w, i] = L(!1), [n, l] = L(0);
+  K(b, e), I(() => {
+    if (!u || !e)
+      return;
+    const t = (_) => {
+      _.key === "Escape" && (_.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [u, e, o]);
+  const y = g(
+    (t) => {
+      let _ = 0;
+      switch (r) {
+        case "left":
+          _ = Math.min(0, t.deltaX);
+          break;
+        case "right":
+          _ = Math.max(0, t.deltaX);
+          break;
+        case "top":
+          _ = Math.min(0, t.deltaY);
+          break;
+        case "bottom":
+          _ = Math.max(0, t.deltaY);
+          break;
+      }
+      l(_);
+    },
+    [r]
+  ), T = g(
+    (t) => {
+      let D = !1;
+      switch (r) {
+        case "left":
+          D = t.deltaX < -100;
+          break;
+        case "right":
+          D = t.deltaX > 100;
+          break;
+        case "top":
+          D = t.deltaY < -100;
+          break;
+        case "bottom":
+          D = t.deltaY > 100;
+          break;
+      }
+      D && (X("light"), o()), l(0), i(!1);
+    },
+    [r, o]
+  ), { ref: H } = z({
+    enabled: k && e,
+    onPanStart: () => i(!0),
+    onPan: y,
+    onPanEnd: T
+  }), P = g(
+    (t) => {
+      d && t.target === t.currentTarget && o();
+    },
+    [d, o]
+  );
+  if (!e)
+    return null;
+  const R = r === "left" || r === "right", S = R ? { width: typeof f == "number" ? `${f}px` : f } : { height: typeof f == "number" ? `${f}px` : f }, c = () => {
+    if (w)
+      return R ? `translateX(${n}px)` : `translateY(${n}px)`;
+  };
+  return C(
+    /* @__PURE__ */ Y(W, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `nice-drawer__overlay ${e ? "nice-drawer__overlay--visible" : ""}`,
+          style: { zIndex: N },
+          onClick: P
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: (t) => {
+            b.current = t, H.current = t;
+          },
+          className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${p || ""}`,
+          style: {
+            ...S,
+            zIndex: N + 1,
+            transform: c(),
+            transition: w ? "none" : void 0,
+            ...M
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": s,
+          tabIndex: -1,
+          children: m
+        }
+      )
+    ] }),
+    document.body
+  );
+}, ee = ({
+  open: e,
+  onClose: o,
+  children: m,
+  title: r,
+  showHandle: f = !0,
+  snapPoints: s = [0.5, 0.9],
+  initialSnap: d = 0,
+  expandable: u = !0,
+  closeOnBackdropClick: k = !0,
+  closeOnEscape: N = !0,
+  hapticFeedback: p = !0,
+  zIndex: M = 1e3,
+  className: b,
+  style: w
+}) => {
+  const i = E(null), n = E(null), [l, y] = L(d), [T, H] = L(!1), [P, R] = L(0), S = E(0);
+  I(() => {
+    e && (y(d), R(0));
+  }, [e, d]), K(i, e), I(() => {
+    if (!N || !e)
+      return;
+    const h = (v) => {
+      v.key === "Escape" && (v.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [N, e, o]), I(() => {
+    if (e) {
+      const h = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = h;
+      };
+    }
+  }, [e]);
+  const c = g((h) => {
+    const v = h.target.closest(".nice-bottom-sheet__handle"), B = n.current, j = !B || B.scrollTop <= 0;
+    !v && !j || (H(!0), S.current = h.touches[0].clientY);
+  }, []), t = g(
+    (h) => {
+      if (!T)
+        return;
+      const v = h.touches[0].clientY - S.current;
+      (v > 0 || l < s.length - 1) && R(v);
+    },
+    [T, l, s.length]
+  ), _ = g(() => {
+    if (!T)
+      return;
+    const h = window.innerHeight;
+    s[l] * h;
+    const v = -P, B = h * 0.15;
+    v > B && u && l < s.length - 1 ? (y(l + 1), p && X("selection")) : v < -B && (l > 0 ? (y(l - 1), p && X("selection")) : (p && X("light"), o())), H(!1), R(0);
+  }, [T, P, l, s, u, p, o]), D = g(() => {
+    k && o();
+  }, [k, o]);
+  if (!e)
+    return null;
+  const x = s[l] * 100, $ = T ? P : 0;
+  return C(
+    /* @__PURE__ */ Y(W, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `nice-bottom-sheet__overlay ${e ? "nice-bottom-sheet__overlay--visible" : ""}`,
+          style: { zIndex: M },
+          onClick: D
+        }
+      ),
+      /* @__PURE__ */ Y(
+        "div",
+        {
+          ref: i,
+          className: `nice-bottom-sheet ${e ? "nice-bottom-sheet--open" : ""} ${b || ""}`,
+          style: {
+            zIndex: M + 1,
+            height: `${x}vh`,
+            transform: `translateY(${Math.max(0, $)}px)`,
+            transition: T ? "none" : "transform 0.3s ease-out, height 0.3s ease-out",
+            ...w
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": r,
+          tabIndex: -1,
+          onTouchStart: c,
+          onTouchMove: t,
+          onTouchEnd: _,
+          children: [
+            f && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__handle", "aria-hidden": "true" }),
+            r && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__title", children: r }),
+            /* @__PURE__ */ a("div", { ref: n, className: "nice-bottom-sheet__content", children: m })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}, te = ({
+  trigger: e,
+  children: o,
+  placement: m = "bottom",
+  triggerMode: r = "click",
+  open: f,
+  onOpenChange: s,
+  hoverDelay: d = 200,
+  offset: u = 8,
+  className: k,
+  showArrow: N = !0
+}) => {
+  const [p, M] = L(!1), b = E(null), w = E(null), i = E(null), n = f !== void 0, l = n ? f : p, y = g(
+    (c) => {
+      n || M(c), s?.(c);
+    },
+    [n, s]
+  );
+  O(w, () => {
+    r !== "manual" && l && y(!1);
+  });
+  const T = g(() => {
+    r === "click" && y(!l);
+  }, [r, l, y]), H = g(() => {
+    r === "hover" && (i.current && window.clearTimeout(i.current), i.current = window.setTimeout(() => y(!0), d));
+  }, [r, d, y]), P = g(() => {
+    r === "hover" && (i.current && window.clearTimeout(i.current), i.current = window.setTimeout(() => y(!1), d));
+  }, [r, d, y]), [R, S] = L({ top: 0, left: 0 });
+  return I(() => {
+    if (!l || !b.current || !w.current)
+      return;
+    const c = b.current.getBoundingClientRect(), t = w.current.getBoundingClientRect(), _ = window.innerWidth, D = window.innerHeight;
+    let x = 0, $ = 0;
+    const [h, v = "center"] = m.split("-");
+    switch (h) {
+      case "top":
+        x = c.top - t.height - u, $ = c.left + (c.width - t.width) / 2;
+        break;
+      case "bottom":
+        x = c.bottom + u, $ = c.left + (c.width - t.width) / 2;
+        break;
+      case "left":
+        x = c.top + (c.height - t.height) / 2, $ = c.left - t.width - u;
+        break;
+      case "right":
+        x = c.top + (c.height - t.height) / 2, $ = c.right + u;
+        break;
+    }
+    h === "top" || h === "bottom" ? (v === "start" && ($ = c.left), v === "end" && ($ = c.right - t.width)) : (v === "start" && (x = c.top), v === "end" && (x = c.bottom - t.height)), $ = Math.max(8, Math.min(_ - t.width - 8, $)), x = Math.max(8, Math.min(D - t.height - 8, x)), S({ top: x, left: $ });
+  }, [l, m, u]), /* @__PURE__ */ Y(W, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: b,
+        className: "nice-popover__trigger",
+        onClick: T,
+        onMouseEnter: H,
+        onMouseLeave: P,
+        style: { display: "inline-block" },
+        children: e
+      }
+    ),
+    l && C(
+      /* @__PURE__ */ Y(
+        "div",
+        {
+          ref: w,
+          className: `nice-popover nice-popover--${m} ${k || ""}`,
+          style: {
+            position: "fixed",
+            top: R.top,
+            left: R.left,
+            zIndex: 1100
+          },
+          onMouseEnter: H,
+          onMouseLeave: P,
+          role: "tooltip",
+          children: [
+            N && /* @__PURE__ */ a("div", { className: "nice-popover__arrow" }),
+            /* @__PURE__ */ a("div", { className: "nice-popover__content", children: o })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}, ne = ({
+  items: e,
+  children: o,
+  onOpen: m,
+  onClose: r,
+  className: f
+}) => {
+  const [s, d] = L(!1), [u, k] = L({ x: 0, y: 0 }), N = E(null), p = E(null);
+  O(N, () => {
+    s && (d(!1), r?.());
+  });
+  const M = g(
+    (i) => {
+      i.preventDefault(), k({ x: i.clientX, y: i.clientY }), d(!0), m?.();
+    },
+    [m]
+  ), b = g(
+    (i) => {
+      !i.disabled && i.onClick && (i.onClick(), d(!1), r?.());
+    },
+    [r]
+  );
+  I(() => {
+    if (!s)
+      return;
+    const i = (n) => {
+      n.key === "Escape" && (d(!1), r?.());
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [s, r]);
+  const w = (i) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: i.map((n) => n.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, n.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ Y(
+    "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: () => b(n),
+      children: [
+        n.icon && /* @__PURE__ */ a("span", { className: "nice-context-menu__icon", children: n.icon }),
+        /* @__PURE__ */ a("span", { className: "nice-context-menu__label", children: n.label })
+      ]
+    }
+  ) }, n.key)) });
+  return /* @__PURE__ */ Y(W, { children: [
+    /* @__PURE__ */ a("div", { ref: p, onContextMenu: M, style: { display: "contents" }, children: o }),
+    s && C(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: N,
+          className: `nice-context-menu ${f || ""}`,
+          style: {
+            position: "fixed",
+            left: u.x,
+            top: u.y,
+            zIndex: 1200
+          },
+          role: "menu",
+          children: w(e)
+        }
+      ),
+      document.body
+    )
+  ] });
+};
 export {
-  i as NiceActionSheet,
-  o as NiceBlockUI,
-  s as NiceBottomSheet,
-  c as NiceBox,
-  N as NiceCommandPaletteProvider,
-  r as NiceContextMenu,
-  t as NiceDrawer,
-  d as NiceLoadPanel,
-  l as NiceModal,
-  n as NiceModalBody,
-  m as NiceModalFooter,
-  v as NiceModalHeader,
-  P as NiceOverlayPopover,
-  u as NicePopover,
-  M as NiceResizable,
-  p as NiceResponsiveBox,
-  B as NiceScrollView,
-  w as NiceTutorial,
-  x as NiceTutorialProvider,
-  C as NiceWindow,
-  g as NiceWindowManager,
-  h as useCommandPalette,
-  R as useRegisterCommands
+  ie as NiceActionSheet,
+  ae as NiceBlockUI,
+  ee as NiceBottomSheet,
+  ce as NiceBox,
+  le as NiceCommandPaletteProvider,
+  ne as NiceContextMenu,
+  Z as NiceDrawer,
+  se as NiceLoadPanel,
+  F as NiceModal,
+  J as NiceModalBody,
+  Q as NiceModalFooter,
+  G as NiceModalHeader,
+  te as NiceOverlayPopover,
+  de as NicePopover,
+  ue as NiceResizable,
+  he as NiceResponsiveBox,
+  me as NiceScrollView,
+  fe as NiceTutorial,
+  ve as NiceTutorialProvider,
+  ge as NiceWindow,
+  be as NiceWindowManager,
+  we as useCommandPalette,
+  ye as useRegisterCommands
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/ui",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Nice2Dev UI — Universal, themeable, i18n-ready React component library",
   "type": "module",
   "main": "dist/index.cjs",
@@ -42,6 +42,26 @@
       "import": "./dist/overlays.mjs",
       "require": "./dist/overlays.cjs"
     },
+    "./lazy": {
+      "types": "./dist/lazy.d.ts",
+      "import": "./dist/lazy.mjs",
+      "require": "./dist/lazy.cjs"
+    },
+    "./devops": {
+      "types": "./dist/devops.d.ts",
+      "import": "./dist/devops.mjs",
+      "require": "./dist/devops.cjs"
+    },
+    "./no-code": {
+      "types": "./dist/no-code.d.ts",
+      "import": "./dist/no-code.mjs",
+      "require": "./dist/no-code.cjs"
+    },
+    "./data-branching": {
+      "types": "./dist/data-branching.d.ts",
+      "import": "./dist/data-branching.mjs",
+      "require": "./dist/data-branching.cjs"
+    },
     "./style.css": "./dist/style.css"
   },
   "files": [