@nice2dev/ui 1.0.22 → 1.0.24

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:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, var(--bg-primary, #ffffff));cursor:pointer;text-align:left;font-size:inherit;color:var(--text-primary, var(--text-primary, #0f172a));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(--color-primary, #6366f1)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.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(--text-secondary, #475569);font-size:.9em;flex-shrink:0}.nice-country-picker__code{color:var(--text-secondary, #475569);font-size:.85em;font-variant:tabular-nums;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--text-muted, #94a3b8)}.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(--text-secondary, #475569);background:var(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--color-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--text-secondary, #475569);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(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, color-mix(in srgb, var(--text-primary, #000) 15%, transparent));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(--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(--border-color, #e5e7eb));border-radius:var(--nice-radius-sm, 4px);font-size:inherit;background:var(--bg-primary, var(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a))}.nice-country-picker__search-input:focus{outline:none;border-color:var(--color-primary, var(--color-primary, #6366f1));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, var(--color-primary, #6366f1)) 18%,transparent)}.nice-country-picker__search-input::placeholder{color:var(--text-muted, var(--text-muted, #94a3b8))}.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(--text-primary, #0f172a))}.nice-country-picker__option--selected{background:color-mix(in srgb,var(--color-primary, #3b82f6) 22%,transparent);color:var(--text-primary, var(--text-primary, #0f172a));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(--text-secondary, #475569)}.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(--border-color, #e5e7eb);border-radius:var(--nice-radius-sm, 4px)}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #475569)}.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(--text-secondary, #475569);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(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));color:var(--color-primary, #6366f1);border-color:var(--border-color, #e5e7eb)}.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(--border-color, #e5e7eb));background:transparent;color:var(--color-primary, var(--color-primary, #6366f1));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(--color-primary, #6366f1)) 14%,transparent)}.nice-theme-picker__add-btn--top{border-top:none;border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb))}.nice-country-picker--ghost{display:inline-block;width:auto}.nice-country-picker--ghost .nice-country-picker__trigger{background:transparent;border:0;padding:var(--nice-space-1, 4px);box-shadow:none;border-radius:var(--nice-radius-md, 6px);min-width:0}.nice-country-picker--ghost .nice-country-picker__trigger:hover:not(:disabled),.nice-country-picker--ghost .nice-country-picker__trigger:focus-visible{background:transparent;border:0;box-shadow:none}.nice-country-picker--ghost.nice-country-picker--open .nice-country-picker__trigger{background:transparent;border:0;box-shadow:none}
+.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(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, var(--bg-primary, #ffffff));cursor:pointer;text-align:left;font-size:inherit;color:var(--text-primary, var(--text-primary, #0f172a));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(--color-primary, #6366f1)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary, #6366f1) )}.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(--text-secondary, #475569);font-size:.9em;flex-shrink:0}.nice-country-picker__code{color:var(--text-secondary, #475569);font-size:.85em;font-variant:tabular-nums;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--text-muted, #94a3b8)}.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(--text-secondary, #475569);background:var(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--color-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--text-secondary, #475569);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(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, color-mix(in srgb, var(--text-primary, #000) 15%, transparent));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(--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(--border-color, #e5e7eb));border-radius:var(--nice-radius-sm, 4px);font-size:inherit;background:var(--bg-primary, var(--bg-primary, #ffffff));color:var(--text-primary, var(--text-primary, #0f172a))}.nice-country-picker__search-input:focus{outline:none;border-color:var(--color-primary, var(--color-primary, #6366f1));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary, var(--color-primary, #6366f1)) 18%,transparent)}.nice-country-picker__search-input::placeholder{color:var(--text-muted, var(--text-muted, #94a3b8))}.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(--text-primary, #0f172a))}.nice-country-picker__option--selected{background:color-mix(in srgb,var(--color-primary, #3b82f6) 22%,transparent);color:var(--text-primary, var(--text-primary, #0f172a));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(--text-secondary, #475569)}.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(--border-color, #e5e7eb);border-radius:var(--nice-radius-sm, 4px)}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #475569)}.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;min-height:32px;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);gap:var(--nice-space-1, 4px)}.nice-country-picker--compact .nice-country-picker__flag{display:inline-flex;align-items:center;justify-content:center;line-height:1}.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(--text-secondary, #475569);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(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));color:var(--color-primary, #6366f1);border-color:var(--border-color, #e5e7eb)}.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(--border-color, #e5e7eb));background:transparent;color:var(--color-primary, var(--color-primary, #6366f1));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(--color-primary, #6366f1)) 14%,transparent)}.nice-theme-picker__add-btn--top{border-top:none;border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb))}.nice-country-picker--ghost{display:inline-block;width:auto}.nice-country-picker--ghost .nice-country-picker__trigger{background:transparent;border:0;padding:var(--nice-space-1, 4px);box-shadow:none;border-radius:var(--nice-radius-md, 6px);min-width:0}.nice-country-picker--ghost .nice-country-picker__trigger:hover:not(:disabled),.nice-country-picker--ghost .nice-country-picker__trigger:focus-visible{background:transparent;border:0;box-shadow:none}.nice-country-picker--ghost.nice-country-picker--open .nice-country-picker__trigger{background:transparent;border:0;box-shadow:none}

package/dist/NiceModal-4DLpDmAl.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Z as L, u as g, N as j, E as F, j as $ } from "./core-CT5vpy5U.js";
+import { useContext as M, useRef as P, useState as R, useEffect as u } from "react";
+import { createPortal as Z } from "react-dom";
+const z = ({
+  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: N,
+  displayStyle: i
+}) => {
+  const { t: b } = L(), k = M(g), m = P(null), [r, p] = R(!1), w = j("modal", i), x = F("modal", i);
+  if ($(m, l), u(() => {
+    if (!l || !d)
+      return;
+    const a = (E) => {
+      E.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, ...N },
+          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": b("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 Z(C, k?.portalTarget ?? document.body);
+};
+export {
+  z as N
+};

package/dist/NiceModal-D2xJTZZf.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./core-CZE5v34h.cjs"),a=require("react"),L=require("react-dom"),g=({open:l,onClose:c,title:n,size:f="md",children:h,footer:r,closeOnOverlay:v=!0,closeOnEscape:d=!0,fullscreenable:y,zIndex:i,className:x,style:_,displayStyle:u})=>{const{t:j}=t.Zt(),b=a.useContext(t.ur),m=a.useRef(null),[o,N]=a.useState(!1),k=t.Ns("modal",u),w=t.Es("modal",u);if(t.js(m,l),a.useEffect(()=>{if(!l||!d)return;const s=E=>{E.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--${o?"full":f} nice-modal--ds-${w} ${x||""}`,style:{...k,..._},role:"dialog","aria-modal":"true","aria-label":n,onClick:s=>s.stopPropagation(),children:[n&&e.jsxs("div",{className:"nice-modal__header",children:[e.jsx("h2",{className:"nice-modal__title",children:n}),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":o?"Exit fullscreen":"Fullscreen",children:o?"⇲":"⇱"}),e.jsx("button",{type:"button",className:"nice-modal__close",onClick:c,"aria-label":j("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 L.createPortal(C,b?.portalTarget??document.body)};exports.NiceModal=g;