@nice2dev/ui 1.0.11 → 1.0.14

package/dist/NiceForm.css

@@ -1 +1 @@
-.nice-country-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:inherit}.nice-country-picker--sm{font-size:12px}.nice-country-picker--md{font-size:14px}.nice-country-picker--lg{font-size:16px}.nice-country-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:1px solid var(--border-color, var(--nice-border-color, #d1d5db));border-radius:6px;background:var(--bg-primary, var(--nice-bg, #fff));cursor:pointer;text-align:left;font-size:inherit;color:var(--text-primary, var(--nice-text, #1f2937));transition:border-color .2s,box-shadow .2s}.nice-country-picker--sm .nice-country-picker__trigger{padding:6px 10px}.nice-country-picker--lg .nice-country-picker__trigger{padding:10px 14px}.nice-country-picker__trigger:hover:not(:disabled){border-color:var(--nice-primary, #3b82f6)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #f3f4f6);color:var(--nice-disabled-text, #9ca3af);cursor:not-allowed}.nice-country-picker__value{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.nice-country-picker__flag{font-size:1.2em;line-height:1;flex-shrink:0}.nice-country-picker__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-country-picker__dial-code{color:var(--nice-text-secondary, #6b7280);font-size:.9em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-country-picker__icons{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.nice-country-picker__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;color:var(--nice-text-secondary, #6b7280);background:var(--nice-hover-bg, #f3f4f6);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--nice-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--nice-text-secondary, #6b7280);transition:transform .2s}.nice-country-picker__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-primary, var(--nice-bg, #fff));color:var(--text-primary, var(--nice-text, #1f2937));border:1px solid var(--border-color, var(--nice-border-color, #d1d5db));border-radius:6px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.nice-country-picker__search{padding:8px;border-bottom:1px solid var(--nice-border-color, #e5e7eb);flex-shrink:0}.nice-country-picker__search-input{width:100%;padding:8px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:4px;font-size:inherit;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937)}.nice-country-picker__search-input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.nice-country-picker__search-input::placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-country-picker__list{flex:1;overflow-y:auto;padding:4px}.nice-country-picker__option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .15s}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 14%,transparent);color:var(--text-primary, var(--nice-text, #1f2937))}.nice-country-picker__option--selected{background:color-mix(in srgb,var(--color-primary, #3b82f6) 22%,transparent);color:var(--text-primary, var(--nice-text, #1f2937));font-weight:600}.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent)}.nice-country-picker__option .nice-country-picker__dial-code{margin-left:auto}.nice-country-picker__empty{padding:16px;text-align:center;color:var(--nice-text-secondary, #6b7280)}@media(prefers-color-scheme:dark){.nice-country-picker__trigger{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #374151);color:var(--nice-disabled-text, #6b7280)}.nice-country-picker__dropdown{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);box-shadow:0 10px 25px #0006}.nice-country-picker__search{border-color:var(--nice-border-color, #374151)}.nice-country-picker__search-input{background:var(--nice-bg, #111827);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:var(--nice-hover-bg, #374151)}.nice-country-picker__option--selected,.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:var(--nice-primary-dark, #1e3a8a)}.nice-country-picker__clear{background:var(--nice-hover-bg, #374151);color:var(--nice-text-secondary, #9ca3af)}}.nice-country-picker__list::-webkit-scrollbar{width:8px}.nice-country-picker__list::-webkit-scrollbar-track{background:transparent}.nice-country-picker__list::-webkit-scrollbar-thumb{background:var(--nice-border-color, #d1d5db);border-radius:4px}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--nice-text-secondary, #9ca3af)}
+.nice-country-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:inherit}.nice-country-picker--sm{font-size:12px}.nice-country-picker--md{font-size:14px}.nice-country-picker--lg{font-size:16px}.nice-country-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--nice-border-color, #d1d5db));border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, var(--nice-bg, #fff));cursor:pointer;text-align:left;font-size:inherit;color:var(--text-primary, var(--nice-text, #1f2937));transition:border-color .2s,box-shadow .2s}.nice-country-picker--sm .nice-country-picker__trigger{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px)}.nice-country-picker--lg .nice-country-picker__trigger{padding:var(--nice-space-2-5, 10px) var(--nice-space-3-5, 14px)}.nice-country-picker__trigger:hover:not(:disabled){border-color:var(--nice-primary, #3b82f6)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-20, rgba(59, 130, 246, .2))}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px var(--nice-primary-tint-20, rgba(59, 130, 246, .2))}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #f3f4f6);color:var(--nice-disabled-text, #9ca3af);cursor:not-allowed}.nice-country-picker__value{display:flex;align-items:center;gap:var(--nice-space-2, 8px);flex:1;overflow:hidden}.nice-country-picker__flag{font-size:1.2em;line-height:1;flex-shrink:0}.nice-country-picker__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-country-picker__dial-code{color:var(--nice-text-secondary, #6b7280);font-size:.9em;flex-shrink:0}.nice-country-picker__code{color:var(--nice-text-secondary, #6b7280);font-size:.85em;font-variant:tabular-nums;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-country-picker__icons{display:flex;align-items:center;gap:var(--nice-space-1, 4px);margin-left:var(--nice-space-2, 8px);flex-shrink:0}.nice-country-picker__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;color:var(--nice-text-secondary, #6b7280);background:var(--nice-hover-bg, #f3f4f6);border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--nice-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--nice-text-secondary, #6b7280);transition:transform .2s}.nice-country-picker__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--nice-space-1, 4px);background:var(--bg-primary, var(--nice-bg, #fff));color:var(--text-primary, var(--nice-text, #1f2937));border:1px solid var(--border-color, var(--nice-border-color, #d1d5db));border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:1000;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.nice-country-picker__search{padding:var(--nice-space-2, 8px);border-bottom:1px solid var(--border-color, var(--nice-border-color, #e5e7eb));flex-shrink:0;background:transparent}.nice-country-picker__search-input{width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--nice-border-color, #d1d5db));border-radius:var(--nice-radius-sm, 4px);font-size:inherit;background:var(--bg-primary, var(--nice-bg, #fff));color:var(--text-primary, var(--nice-text, #1f2937))}.nice-country-picker__search-input:focus{outline:none;border-color:var(--color-primary, var(--nice-primary, #3b82f6));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, var(--nice-primary, #3b82f6)) 18%,transparent)}.nice-country-picker__search-input::placeholder{color:var(--text-muted, var(--nice-placeholder, #9ca3af))}.nice-country-picker__list{flex:1;overflow-y:auto;padding:var(--nice-space-1, 4px)}.nice-country-picker__option{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);cursor:pointer;border-radius:var(--nice-radius-sm, 4px);transition:background .15s}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 14%,transparent);color:var(--text-primary, var(--nice-text, #1f2937))}.nice-country-picker__option--selected{background:color-mix(in srgb,var(--color-primary, #3b82f6) 22%,transparent);color:var(--text-primary, var(--nice-text, #1f2937));font-weight:600}.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent)}.nice-country-picker__option .nice-country-picker__dial-code{margin-left:auto}.nice-country-picker__empty{padding:var(--nice-space-4, 16px);text-align:center;color:var(--nice-text-secondary, #6b7280)}@media(prefers-color-scheme:dark){.nice-country-picker__trigger{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #374151);color:var(--nice-disabled-text, #6b7280)}.nice-country-picker__dropdown{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);box-shadow:0 10px 25px var(--nice-overlay-40, rgba(0, 0, 0, .4))}.nice-country-picker__search{border-color:var(--nice-border-color, #374151)}.nice-country-picker__search-input{background:var(--nice-bg, #111827);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:var(--nice-hover-bg, #374151)}.nice-country-picker__option--selected,.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:var(--nice-primary-dark, #1e3a8a)}.nice-country-picker__clear{background:var(--nice-hover-bg, #374151);color:var(--nice-text-secondary, #9ca3af)}}.nice-country-picker__list::-webkit-scrollbar{width:8px}.nice-country-picker__list::-webkit-scrollbar-track{background:transparent}.nice-country-picker__list::-webkit-scrollbar-thumb{background:var(--nice-border-color, #d1d5db);border-radius:var(--nice-radius-sm, 4px)}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--nice-text-secondary, #9ca3af)}.nice-country-picker--compact{display:inline-block;width:auto;max-width:none}.nice-country-picker--compact .nice-country-picker__trigger{width:auto;min-width:0;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);gap:var(--nice-space-1, 4px)}.nice-country-picker--compact .nice-country-picker__value{gap:var(--nice-space-1, 4px);flex:0 0 auto}.nice-country-picker--compact .nice-country-picker__icons{margin-left:var(--nice-space-1, 4px)}.nice-country-picker__dropdown--align-left{left:0;right:auto;min-width:100%}.nice-country-picker__dropdown--align-right{right:0;left:auto;min-width:240px}.nice-theme-picker__option{position:relative}.nice-theme-picker__edit-btn{margin-left:auto;background:transparent;border:1px solid transparent;color:var(--nice-text-secondary, #6b7280);cursor:pointer;width:22px;height:22px;border-radius:var(--nice-radius-sm, 4px);display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .15s,background .15s,color .15s}.nice-theme-picker__option:hover .nice-theme-picker__edit-btn,.nice-theme-picker__option--highlighted .nice-theme-picker__edit-btn,.nice-theme-picker__edit-btn:focus{opacity:1}.nice-theme-picker__edit-btn:hover{background:var(--nice-hover-bg, #f3f4f6);color:var(--nice-primary, #3b82f6);border-color:var(--nice-border-color, #d1d5db)}.nice-theme-picker__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--nice-space-1, 4px);width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:none;border-top:1px solid var(--border-color, var(--nice-border-color, #e5e7eb));background:transparent;color:var(--color-primary, var(--nice-primary, #3b82f6));font-size:inherit;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.nice-theme-picker__add-btn:hover{background:color-mix(in srgb,var(--color-primary, var(--nice-primary, #3b82f6)) 14%,transparent)}.nice-theme-picker__add-btn--top{border-top:none;border-bottom:1px solid var(--border-color, var(--nice-border-color, #e5e7eb))}@media(prefers-color-scheme:dark){.nice-theme-picker__add-btn{background:transparent;border-top-color:var(--nice-border-color, #374151)}.nice-theme-picker__add-btn--top{border-bottom-color:var(--nice-border-color, #374151)}.nice-theme-picker__edit-btn:hover{background:var(--nice-hover-bg, #374151)}}

package/dist/NiceModal-C_t2qqZd.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { $ as g, t as $, o as E, a as F, k as j } from "./core-BJ_UNMlX.js";
+import { useContext as M, useRef as P, useState as R, useEffect as u } from "react";
+import { createPortal as B } from "react-dom";
+const A = ({
+  open: l,
+  onClose: o,
+  title: t,
+  size: f = "md",
+  children: h,
+  footer: n,
+  closeOnOverlay: v = !0,
+  closeOnEscape: d = !0,
+  fullscreenable: y,
+  zIndex: c,
+  className: _,
+  style: b,
+  displayStyle: i
+}) => {
+  const { t: N } = g(), k = M($), m = P(null), [r, p] = R(!1), w = E("modal", i), x = F("modal", i);
+  if (j(m, l), u(() => {
+    if (!l || !d)
+      return;
+    const a = (L) => {
+      L.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [l, d, o]), u(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [l]), !l || typeof document > "u")
+    return null;
+  const C = /* @__PURE__ */ e(
+    "div",
+    {
+      className: "nice-modal-overlay",
+      style: c ? { zIndex: c } : void 0,
+      onClick: v ? o : void 0,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: m,
+          className: `nice-modal nice-modal--${r ? "full" : f} nice-modal--ds-${x} ${_ || ""}`,
+          style: { ...w, ...b },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t,
+          onClick: (a) => a.stopPropagation(),
+          children: [
+            t && /* @__PURE__ */ s("div", { className: "nice-modal__header", children: [
+              /* @__PURE__ */ e("h2", { className: "nice-modal__title", children: t }),
+              /* @__PURE__ */ s("div", { className: "nice-modal__header-actions", children: [
+                y && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__fullscreen",
+                    onClick: () => p((a) => !a),
+                    "aria-label": r ? "Exit fullscreen" : "Fullscreen",
+                    children: r ? "⇲" : "⇱"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__close",
+                    onClick: o,
+                    "aria-label": N("controls.close", "Close"),
+                    children: /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 20 20",
+                        fill: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ e("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-modal__body", children: h }),
+            n && /* @__PURE__ */ e("div", { className: "nice-modal__footer", children: n })
+          ]
+        }
+      )
+    }
+  );
+  return B(C, k?.portalTarget ?? document.body);
+};
+export {
+  A as N
+};

package/dist/NiceModal-DQ7u-xVm.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./core-CSfXTICE.cjs"),a=require("react"),g=require("react-dom"),E=({open:l,onClose:c,title:o,size:f="md",children:h,footer:r,closeOnOverlay:v=!0,closeOnEscape:d=!0,fullscreenable:y,zIndex:i,className:x,style:_,displayStyle:u})=>{const{t:b}=t.$o(),j=a.useContext(t.tr),m=a.useRef(null),[n,N]=a.useState(!1),k=t.os("modal",u),w=t.is("modal",u);if(t.ks(m,l),a.useEffect(()=>{if(!l||!d)return;const s=L=>{L.key==="Escape"&&c()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,c]),a.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]),!l||typeof document>"u")return null;const C=e.jsx("div",{className:"nice-modal-overlay",style:i?{zIndex:i}:void 0,onClick:v?c:void 0,children:e.jsxs("div",{ref:m,className:`nice-modal nice-modal--${n?"full":f} nice-modal--ds-${w} ${x||""}`,style:{...k,..._},role:"dialog","aria-modal":"true","aria-label":o,onClick:s=>s.stopPropagation(),children:[o&&e.jsxs("div",{className:"nice-modal__header",children:[e.jsx("h2",{className:"nice-modal__title",children:o}),e.jsxs("div",{className:"nice-modal__header-actions",children:[y&&e.jsx("button",{type:"button",className:"nice-modal__fullscreen",onClick:()=>N(s=>!s),"aria-label":n?"Exit fullscreen":"Fullscreen",children:n?"⇲":"⇱"}),e.jsx("button",{type:"button",className:"nice-modal__close",onClick:c,"aria-label":b("controls.close","Close"),children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})})})]})]}),e.jsx("div",{className:"nice-modal__body",children:h}),r&&e.jsx("div",{className:"nice-modal__footer",children:r})]})});return g.createPortal(C,j?.portalTarget??document.body)};exports.NiceModal=E;

package/dist/NiceModal-FQqBxCij.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./core-B-tu8l9M.cjs"),a=require("react"),g=require("react-dom"),E=({open:l,onClose:c,title:o,size:f="md",children:h,footer:r,closeOnOverlay:v=!0,closeOnEscape:d=!0,fullscreenable:y,zIndex:i,className:x,style:_,displayStyle:u})=>{const{t:b}=t.$o(),j=a.useContext(t.tr),m=a.useRef(null),[n,N]=a.useState(!1),k=t.os("modal",u),w=t.is("modal",u);if(t.ks(m,l),a.useEffect(()=>{if(!l||!d)return;const s=L=>{L.key==="Escape"&&c()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,c]),a.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]),!l||typeof document>"u")return null;const C=e.jsx("div",{className:"nice-modal-overlay",style:i?{zIndex:i}:void 0,onClick:v?c:void 0,children:e.jsxs("div",{ref:m,className:`nice-modal nice-modal--${n?"full":f} nice-modal--ds-${w} ${x||""}`,style:{...k,..._},role:"dialog","aria-modal":"true","aria-label":o,onClick:s=>s.stopPropagation(),children:[o&&e.jsxs("div",{className:"nice-modal__header",children:[e.jsx("h2",{className:"nice-modal__title",children:o}),e.jsxs("div",{className:"nice-modal__header-actions",children:[y&&e.jsx("button",{type:"button",className:"nice-modal__fullscreen",onClick:()=>N(s=>!s),"aria-label":n?"Exit fullscreen":"Fullscreen",children:n?"⇲":"⇱"}),e.jsx("button",{type:"button",className:"nice-modal__close",onClick:c,"aria-label":b("controls.close","Close"),children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})})})]})]}),e.jsx("div",{className:"nice-modal__body",children:h}),r&&e.jsx("div",{className:"nice-modal__footer",children:r})]})});return g.createPortal(C,j?.portalTarget??document.body)};exports.NiceModal=E;

package/dist/NiceModal-IkSunDgK.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { $ as g, t as $, o as E, a as F, k as j } from "./core-ClmvtMVZ.js";
+import { useContext as M, useRef as P, useState as R, useEffect as u } from "react";
+import { createPortal as B } from "react-dom";
+const A = ({
+  open: l,
+  onClose: o,
+  title: t,
+  size: f = "md",
+  children: h,
+  footer: n,
+  closeOnOverlay: v = !0,
+  closeOnEscape: d = !0,
+  fullscreenable: y,
+  zIndex: c,
+  className: _,
+  style: b,
+  displayStyle: i
+}) => {
+  const { t: N } = g(), k = M($), m = P(null), [r, p] = R(!1), w = E("modal", i), x = F("modal", i);
+  if (j(m, l), u(() => {
+    if (!l || !d)
+      return;
+    const a = (L) => {
+      L.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [l, d, o]), u(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [l]), !l || typeof document > "u")
+    return null;
+  const C = /* @__PURE__ */ e(
+    "div",
+    {
+      className: "nice-modal-overlay",
+      style: c ? { zIndex: c } : void 0,
+      onClick: v ? o : void 0,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: m,
+          className: `nice-modal nice-modal--${r ? "full" : f} nice-modal--ds-${x} ${_ || ""}`,
+          style: { ...w, ...b },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t,
+          onClick: (a) => a.stopPropagation(),
+          children: [
+            t && /* @__PURE__ */ s("div", { className: "nice-modal__header", children: [
+              /* @__PURE__ */ e("h2", { className: "nice-modal__title", children: t }),
+              /* @__PURE__ */ s("div", { className: "nice-modal__header-actions", children: [
+                y && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__fullscreen",
+                    onClick: () => p((a) => !a),
+                    "aria-label": r ? "Exit fullscreen" : "Fullscreen",
+                    children: r ? "⇲" : "⇱"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-modal__close",
+                    onClick: o,
+                    "aria-label": N("controls.close", "Close"),
+                    children: /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 20 20",
+                        fill: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ e("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-modal__body", children: h }),
+            n && /* @__PURE__ */ e("div", { className: "nice-modal__footer", children: n })
+          ]
+        }
+      )
+    }
+  );
+  return B(C, k?.portalTarget ?? document.body);
+};
+export {
+  A as N
+};