@nice2dev/ui 1.0.6 → 1.0.10

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-D8RJ7lx0.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 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;

package/dist/overlays.d.ts

@@ -1,17 +1,10 @@
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { NiceBaseProps } from '@nice2dev/ui-core';
+import { NiceSize } from '@nice2dev/ui-core';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
-/**
- * Per-component visibility & interaction level used by the access control system.
- * - `'full'` — fully interactive (default)
- * - `'readOnly'` — renders but cannot be edited
- * - `'disabled'` — renders greyed-out
- * - `'hidden'` — not rendered at all
- */
-declare type NiceAccessMode = 'full' | 'readOnly' | 'disabled' | 'hidden';
-
 export declare const NiceActionSheet: default_2.FC<NiceActionSheetProps>;
 
 /** An action item in the {@link NiceActionSheet}. */
@@ -44,28 +37,6 @@ export declare interface NiceActionSheetProps extends NiceBaseProps {
     cancelText?: string;
 }
 
-/** Base props inherited by every NiceToDev component. */
-declare interface NiceBaseProps {
-    /** Additional CSS class name(s). */
-    className?: string;
-    /** Inline style object. */
-    style?: React.CSSProperties;
-    /** HTML `id` attribute. When omitted a stable auto-generated id is used. */
-    id?: string;
-    /** Tooltip text shown on hover. */
-    title?: string;
-    /** Test identifier for integration / e2e test selectors. */
-    'data-testid'?: string;
-    /** Controls component visibility and interaction — see {@link NiceAccessMode}. */
-    accessMode?: NiceAccessMode;
-    /**
-     * Visual presentation style override.
-     * When set, overrides the global `displayStyle` from `NiceThemeProvider`.
-     * @see NiceDisplayStyle
-     */
-    displayStyle?: NiceDisplayStyle;
-}
-
 export declare const NiceBlockUI: default_2.ForwardRefExoticComponent<NiceBlockUIProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Props for the {@link NiceBlockUI} component — an overlay that blocks user interaction on its children. */
@@ -201,13 +172,6 @@ declare interface NiceContextMenuProps {
     className?: string;
 }
 
-/**
- * Cross-component visual presentation style.
- * Each style maps 1:1 to a ThemeVariantConfig preset controlling
- * buttons, inputs, cards, badges, tabs, toggles, tooltips, tables, etc.
- */
-declare type NiceDisplayStyle = 'default' | 'minimal' | 'rounded' | 'sharp' | 'glass' | 'neumorphic' | 'playful' | 'enterprise' | 'modern3d' | 'brutalist' | 'luxe' | 'pill' | 'flat' | 'editorial' | 'dashboard' | 'softCloud' | 'cosmic' | 'corporate' | 'bank' | 'government' | 'military' | 'legal' | 'medical' | 'swiss' | 'scandinavian' | 'bauhaus' | 'notebook' | 'origami' | 'watercolor' | 'monochrome' | 'paper' | 'zen' | 'terminal' | 'hacker' | 'retro8bit' | 'synthwave' | 'cyberpunk' | 'steampunk' | 'vapor' | 'neon' | 'windows95' | 'material' | 'fluent' | 'cupertino' | 'ant' | 'bootstrap' | 'chakra' | 'notion' | 'linear' | 'vercel' | 'candy' | 'bubblegum' | 'cartoon' | 'kawaii' | 'circus' | 'gaming' | 'kiddo' | 'disco' | 'clown';
-
 /**
  * Drawer component that slides in from screen edges.
  * Supports swipe-to-close on touch devices.
@@ -428,9 +392,6 @@ export declare interface NiceScrollViewProps extends NiceBaseProps {
     children?: default_2.ReactNode;
 }
 
-/** T-shirt sizing used across all components for consistent visual density. */
-declare type NiceSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-
 export declare const NiceTutorial: default_2.FC<NiceTutorialProps>;
 
 /** Props for the {@link NiceTutorial} component — a guided walkthrough overlay with step-by-step highlighting. */
@@ -513,8 +474,10 @@ export declare const NiceWindowManager: ForwardRefExoticComponent<NiceWindowMana
 
 /** Props for the {@link NiceWindowManager} component — a multi-window manager with taskbar and z-index stacking. */
 export declare interface NiceWindowManagerProps extends NiceBaseProps {
-    /** Managed window entries. */
-    windows: NiceWindowState_2[];
+    /** Managed window entries. Optional when children (NiceWindow elements) are provided. */
+    windows?: NiceWindowState_2[];
+    /** Window children (NiceWindow elements). Used when `windows` is not provided. */
+    children?: React.ReactNode;
     /** Called when the window list changes (drag, resize, minimize, etc.). */
     onChange?: (windows: NiceWindowState_2[]) => void;
     /** Called when a window is closed. */
@@ -537,8 +500,8 @@ export declare interface NiceWindowPosition {
 
 /** Props for the {@link NiceWindow} component — a draggable, resizable, snappable desktop window with title bar controls. */
 export declare interface NiceWindowProps extends NiceBaseProps {
-    /** Unique window identifier. */
-    windowKey: string;
+    /** Unique window identifier. Auto-generated if not provided. */
+    windowKey?: string;
     /** Window title. */
     title: string;
     /** Icon displayed in title bar */
@@ -551,6 +514,11 @@ export declare interface NiceWindowProps extends NiceBaseProps {
     x?: number;
     /** Initial or controlled y position */
     y?: number;
+    /** Convenience initial position object — alternative to passing `x` and `y` separately. */
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
     /** Initial or controlled width */
     width?: number;
     /** Initial or controlled height */

package/dist/overlays.mjs

@@ -1,26 +1,492 @@
-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 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 { 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);
+  return e?.portalTarget ? e.portalTarget : typeof document < "u" ? document.body : null;
+}
+const Z = ({
+  open: e,
+  onClose: o,
+  children: m,
+  title: r,
+  size: v = "md",
+  closeOnBackdropClick: l = !0,
+  closeOnEscape: s = !0,
+  disableFocusTrap: d = !1,
+  disableBodyScroll: x = !0,
+  zIndex: _ = 1e3,
+  className: k,
+  style: M
+}) => {
+  const y = E(null);
+  j(y, e && !d);
+  const p = O();
+  Y(() => {
+    if (!x && e) {
+      const t = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = t;
+      };
+    }
+  }, [e, x]), Y(() => {
+    if (!s || !e)
+      return;
+    const t = (g) => {
+      g.key === "Escape" && (g.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [s, e, o]);
+  const u = b(
+    (t) => {
+      l && t.target === t.currentTarget && o();
+    },
+    [l, o]
+  );
+  if (!e)
+    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 X(
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "nice-modal__overlay",
+        style: { zIndex: _ },
+        onClick: u,
+        role: "presentation",
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: y,
+            className: `nice-modal ${c} ${k || ""}`,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": r,
+            style: M,
+            tabIndex: -1,
+            children: m
+          }
+        )
+      }
+    ),
+    p
+  );
+}, ee = ({
+  children: e,
+  showClose: o = !0,
+  onClose: m,
+  className: r
+}) => /* @__PURE__ */ C("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" })
+    }
+  ) })
+] }), te = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__body ${o || ""}`, children: e }), ne = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__footer ${o || ""}`, children: e }), re = ({
+  open: e,
+  onClose: o,
+  children: m,
+  position: r = "right",
+  size: v = 320,
+  title: l,
+  closeOnBackdropClick: s = !0,
+  closeOnEscape: d = !0,
+  swipeToClose: x = !0,
+  zIndex: _ = 1e3,
+  className: k,
+  style: M
+}) => {
+  const y = E(null), [p, u] = P(!1), [c, t] = P(0);
+  j(y, e);
+  const g = O();
+  Y(() => {
+    if (!d || !e)
+      return;
+    const n = (N) => {
+      N.key === "Escape" && (N.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [d, e, o]);
+  const h = b(
+    (n) => {
+      let N = 0;
+      switch (r) {
+        case "left":
+          N = Math.min(0, n.deltaX);
+          break;
+        case "right":
+          N = Math.max(0, n.deltaX);
+          break;
+        case "top":
+          N = Math.min(0, n.deltaY);
+          break;
+        case "bottom":
+          N = Math.max(0, n.deltaY);
+          break;
+      }
+      t(N);
+    },
+    [r]
+  ), H = b(
+    (n) => {
+      let R = !1;
+      switch (r) {
+        case "left":
+          R = n.deltaX < -100;
+          break;
+        case "right":
+          R = n.deltaX > 100;
+          break;
+        case "top":
+          R = n.deltaY < -100;
+          break;
+        case "bottom":
+          R = n.deltaY > 100;
+          break;
+      }
+      R && (W("light"), o()), t(0), u(!1);
+    },
+    [r, o]
+  ), { ref: D } = V({
+    enabled: x && e,
+    onPanStart: () => u(!0),
+    onPan: h,
+    onPanEnd: H
+  }), L = b(
+    (n) => {
+      s && n.target === n.currentTarget && o();
+    },
+    [s, o]
+  );
+  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 = () => {
+    if (p)
+      return I ? `translateX(${c}px)` : `translateY(${c}px)`;
+  };
+  return X(
+    /* @__PURE__ */ C(K, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `nice-drawer__overlay ${e ? "nice-drawer__overlay--visible" : ""}`,
+          style: { zIndex: _ },
+          onClick: L
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: (n) => {
+            y.current = n, D.current = n;
+          },
+          className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${k || ""}`,
+          style: {
+            ...S,
+            zIndex: _ + 1,
+            transform: i(),
+            transition: p ? "none" : void 0,
+            ...M
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": l,
+          tabIndex: -1,
+          children: m
+        }
+      )
+    ] }),
+    g
+  );
+}, oe = ({
+  open: e,
+  onClose: o,
+  children: m,
+  title: r,
+  showHandle: v = !0,
+  snapPoints: l = [0.5, 0.9],
+  initialSnap: s = 0,
+  expandable: d = !0,
+  closeOnBackdropClick: x = !0,
+  closeOnEscape: _ = !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);
+  Y(() => {
+    e && (g(s), L(0));
+  }, [e, s]), j(u, e);
+  const S = O();
+  Y(() => {
+    if (!_ || !e)
+      return;
+    const f = (w) => {
+      w.key === "Escape" && (w.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [_, e, o]), Y(() => {
+    if (e) {
+      const f = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = f;
+      };
+    }
+  }, [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);
+  }, []), n = b(
+    (f) => {
+      if (!h)
+        return;
+      const w = f.touches[0].clientY - I.current;
+      (w > 0 || t < l.length - 1) && L(w);
+    },
+    [h, t, l.length]
+  ), N = 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);
+  }, [h, D, t, l, d, k, o]), R = b(() => {
+    x && o();
+  }, [x, o]);
+  if (!e)
+    return null;
+  const T = l[t] * 100, $ = h ? D : 0;
+  return X(
+    /* @__PURE__ */ C(K, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `nice-bottom-sheet__overlay ${e ? "nice-bottom-sheet__overlay--visible" : ""}`,
+          style: { zIndex: M },
+          onClick: R
+        }
+      ),
+      /* @__PURE__ */ C(
+        "div",
+        {
+          ref: u,
+          className: `nice-bottom-sheet ${e ? "nice-bottom-sheet--open" : ""} ${y || ""}`,
+          style: {
+            zIndex: M + 1,
+            height: `${T}vh`,
+            transform: `translateY(${Math.max(0, $)}px)`,
+            transition: h ? "none" : "transform 0.3s ease-out, height 0.3s ease-out",
+            ...p
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": r,
+          tabIndex: -1,
+          onTouchStart: i,
+          onTouchMove: n,
+          onTouchEnd: N,
+          children: [
+            v && /* @__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: c, className: "nice-bottom-sheet__content", children: m })
+          ]
+        }
+      )
+    ] }),
+    S
+  );
+}, ae = ({
+  trigger: e,
+  children: o,
+  placement: m = "bottom",
+  triggerMode: r = "click",
+  open: v,
+  onOpenChange: l,
+  hoverDelay: s = 200,
+  offset: d = 8,
+  className: x,
+  showArrow: _ = !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(
+    (i) => {
+      t || M(i), l?.(i);
+    },
+    [t, l]
+  );
+  z(p, () => {
+    r !== "manual" && g && h(!1);
+  });
+  const H = 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 === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!1), s));
+  }, [r, s, h]), [I, S] = P({ 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;
+    let T = 0, $ = 0;
+    const [f, w = "center"] = m.split("-");
+    switch (f) {
+      case "top":
+        T = i.top - n.height - d, $ = i.left + (i.width - n.width) / 2;
+        break;
+      case "bottom":
+        T = i.bottom + d, $ = i.left + (i.width - n.width) / 2;
+        break;
+      case "left":
+        T = i.top + (i.height - n.height) / 2, $ = i.left - n.width - d;
+        break;
+      case "right":
+        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: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: y,
+        className: "nice-popover__trigger",
+        onClick: H,
+        onMouseEnter: D,
+        onMouseLeave: L,
+        style: { display: "inline-block" },
+        children: e
+      }
+    ),
+    g && X(
+      /* @__PURE__ */ C(
+        "div",
+        {
+          ref: p,
+          className: `nice-popover nice-popover--${m} ${x || ""}`,
+          style: {
+            position: "fixed",
+            top: I.top,
+            left: I.left,
+            zIndex: 1100
+          },
+          onMouseEnter: D,
+          onMouseLeave: L,
+          role: "tooltip",
+          children: [
+            _ && /* @__PURE__ */ a("div", { className: "nice-popover__arrow" }),
+            /* @__PURE__ */ a("div", { className: "nice-popover__content", children: o })
+          ]
+        }
+      ),
+      c
+    )
+  ] });
+}, ie = ({
+  items: e,
+  children: o,
+  onOpen: m,
+  onClose: r,
+  className: v
+}) => {
+  const [l, s] = P(!1), [d, x] = P({ x: 0, y: 0 }), _ = E(null), k = E(null), M = O();
+  z(_, () => {
+    l && (s(!1), r?.());
+  });
+  const y = b(
+    (c) => {
+      c.preventDefault(), x({ x: c.clientX, y: c.clientY }), s(!0), m?.();
+    },
+    [m]
+  ), p = b(
+    (c) => {
+      !c.disabled && c.onClick && (c.onClick(), s(!1), r?.());
+    },
+    [r]
+  );
+  Y(() => {
+    if (!l)
+      return;
+    const c = (t) => {
+      t.key === "Escape" && (s(!1), r?.());
+    };
+    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(
+    "button",
+    {
+      type: "button",
+      className: `nice-context-menu__item ${t.disabled ? "nice-context-menu__item--disabled" : ""} ${t.danger ? "nice-context-menu__item--danger" : ""}`,
+      role: "menuitem",
+      disabled: t.disabled,
+      onClick: () => p(t),
+      children: [
+        t.icon && /* @__PURE__ */ a("span", { className: "nice-context-menu__icon", children: t.icon }),
+        /* @__PURE__ */ a("span", { className: "nice-context-menu__label", children: t.label })
+      ]
+    }
+  ) }, t.key)) });
+  return /* @__PURE__ */ C(K, { children: [
+    /* @__PURE__ */ a("div", { ref: k, onContextMenu: y, style: { display: "contents" }, children: o }),
+    l && X(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: _,
+          className: `nice-context-menu ${v || ""}`,
+          style: {
+            position: "fixed",
+            left: d.x,
+            top: d.y,
+            zIndex: 1200
+          },
+          role: "menu",
+          children: u(e)
+        }
+      ),
+      M
+    )
+  ] });
+};
 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
+  se as NiceActionSheet,
+  de as NiceBlockUI,
+  oe as NiceBottomSheet,
+  ue as NiceBox,
+  he as NiceCommandPaletteProvider,
+  ie as NiceContextMenu,
+  re as NiceDrawer,
+  fe as NiceLoadPanel,
+  Z as NiceModal,
+  te as NiceModalBody,
+  ne as NiceModalFooter,
+  ee as NiceModalHeader,
+  ae as NiceOverlayPopover,
+  me as NicePopover,
+  ve as NiceResizable,
+  ge as NiceResponsiveBox,
+  we as NiceScrollView,
+  be as NiceTutorial,
+  ye as NiceTutorialProvider,
+  pe as NiceWindow,
+  Ne as NiceWindowManager,
+  _e as useCommandPalette,
+  ke as useRegisterCommands
 };