@nice2dev/ui 1.0.6 → 1.0.10

package/dist/NiceModuleLifecyclePanel.css

@@ -0,0 +1 @@
+.nice-multiview{display:flex;flex-direction:column;width:100%;border-radius:var(--nice-radius, 8px);overflow:hidden;outline:none}.nice-multiview__tabs{display:flex;gap:0;border-bottom:2px solid var(--nice-border, #e2e8f0);background:var(--nice-bg-secondary, #f8f9fa)}.nice-multiview__tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--nice-text-secondary, #64748b);position:relative;transition:color .2s,background .2s;white-space:nowrap}.nice-multiview__tab:hover{color:var(--nice-text-primary, #1e293b);background:var(--nice-bg-tertiary, rgba(0, 0, 0, .04))}.nice-multiview__tab--active{color:var(--nice-primary, #3b82f6)}.nice-multiview__tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--nice-primary, #3b82f6);border-radius:2px 2px 0 0}.nice-multiview__tab-icon{font-size:16px;display:flex}.nice-multiview__tab-label{font-size:inherit}.nice-multiview__viewport{position:relative;display:flex;align-items:stretch;min-height:60px;overflow:hidden}.nice-multiview__content{flex:1;min-width:0;padding:16px}.nice-multiview--animated .nice-multiview__content--slide-right{animation:nice-mv-slide-right .25s ease-out}.nice-multiview--animated .nice-multiview__content--slide-left{animation:nice-mv-slide-left .25s ease-out}@keyframes nice-mv-slide-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes nice-mv-slide-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.nice-multiview__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;border:none;background:var(--nice-bg-secondary, #f8f9fa);color:var(--nice-text-secondary, #64748b);font-size:24px;cursor:pointer;transition:background .15s,color .15s;user-select:none}.nice-multiview__arrow:hover{background:var(--nice-bg-tertiary, rgba(0, 0, 0, .06));color:var(--nice-text-primary, #1e293b)}.nice-multiview__dots{display:flex;justify-content:center;gap:8px;padding:10px 0}.nice-multiview__dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--nice-border, #cbd5e1);background:transparent;cursor:pointer;padding:0;transition:background .2s,border-color .2s}.nice-multiview__dot:hover{border-color:var(--nice-primary, #3b82f6)}.nice-multiview__dot--active{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6)}.nice-multiview__counter{text-align:center;font-size:12px;color:var(--nice-text-secondary, #64748b);padding:6px 0}.nice-multiview--sm .nice-multiview__tab{padding:6px 12px;font-size:12px}.nice-multiview--sm .nice-multiview__content{padding:10px}.nice-multiview--sm .nice-multiview__arrow{width:28px;font-size:18px}.nice-multiview--lg .nice-multiview__tab{padding:14px 24px;font-size:16px}.nice-multiview--lg .nice-multiview__content{padding:24px}.nice-multiview--lg .nice-multiview__arrow{width:44px;font-size:28px}.nice-sidebar-nav{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary);color:var(--text-primary);border-right:1px solid var(--border-color);font-family:inherit;font-size:14px;overflow:hidden;transition:width .25s ease;user-select:none;position:relative}.nice-sidebar-nav--collapsed{width:56px!important}.nice-sidebar-nav--collapsed .nice-sidebar-nav__mode-bar{padding:6px 4px;gap:4px;flex-direction:column}.nice-sidebar-nav--collapsed .nice-sidebar-nav__mode-pill-label{display:none}.nice-sidebar-nav--collapsed .nice-sidebar-nav__mode-pill{padding:6px 0;width:36px;height:36px;justify-content:center;border-radius:8px}.nice-sidebar-nav--collapsed .nice-sidebar-nav__source-label,.nice-sidebar-nav--collapsed .nice-sidebar-nav__node-label,.nice-sidebar-nav--collapsed .nice-sidebar-nav__node-badge,.nice-sidebar-nav--collapsed .nice-sidebar-nav__node-actions,.nice-sidebar-nav--collapsed .nice-sidebar-nav__source-actions,.nice-sidebar-nav--collapsed .nice-sidebar-nav__source-header{display:none}.nice-sidebar-nav--collapsed .nice-sidebar-nav__node-content{justify-content:center;padding:8px 4px}.nice-sidebar-nav--collapsed .nice-sidebar-nav__node-row,.nice-sidebar-nav--collapsed .nice-sidebar-nav__node{padding-left:0!important}.nice-sidebar-nav--collapsed .nice-sidebar-nav__children{display:block!important}.nice-sidebar-nav--collapsed .nice-sidebar-nav__collapse-spacer,.nice-sidebar-nav--collapsed .nice-sidebar-nav__footer-toggle-label{display:none}.nice-sidebar-nav__mode-bar{display:flex;flex-wrap:nowrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;overflow:hidden;justify-content:center;align-items:center}.nice-sidebar-nav__mode-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);white-space:nowrap;transition:background .15s,color .15s,border-color .15s;flex:0 0 auto}.nice-sidebar-nav__mode-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--hover-bg)}.nice-sidebar-nav__mode-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.nice-sidebar-nav__mode-pill-icon{font-size:16px;line-height:1}.nice-sidebar-nav__mode-pill-label{display:none}.nice-sidebar-nav__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0}.nice-sidebar-nav__body::-webkit-scrollbar{width:6px}.nice-sidebar-nav__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.nice-sidebar-nav__source-section{margin-bottom:4px}.nice-sidebar-nav__source-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.nice-sidebar-nav__source-icon{font-size:14px;flex-shrink:0}.nice-sidebar-nav__source-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-sidebar-nav__source-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.nice-sidebar-nav__source-header:hover .nice-sidebar-nav__source-actions{opacity:1}.nice-sidebar-nav__tree,.nice-sidebar-nav__children{list-style:none;margin:0;padding:0}.nice-sidebar-nav__node{list-style:none}.nice-sidebar-nav__node-row{display:flex;align-items:center;gap:2px;padding:2px 8px 2px 0;border-radius:6px;transition:background .12s}.nice-sidebar-nav__node-row:hover{background:var(--hover-bg)}.nice-sidebar-nav__node--depth-2 .nice-sidebar-nav__node-row{padding-left:12px}.nice-sidebar-nav__node--depth-3 .nice-sidebar-nav__node-row{padding-left:28px}.nice-sidebar-nav__node--depth-4 .nice-sidebar-nav__node-row{padding-left:44px}.nice-sidebar-nav__node--active>.nice-sidebar-nav__node-row{background:var(--selected-bg)}.nice-sidebar-nav__node--active>.nice-sidebar-nav__node-row .nice-sidebar-nav__node-label{color:var(--color-primary);font-weight:600}.nice-sidebar-nav__collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:12px;flex-shrink:0;border-radius:4px;transition:background .1s,color .1s}.nice-sidebar-nav__collapse-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.nice-sidebar-nav__collapse-spacer{width:20px;flex-shrink:0}.nice-sidebar-nav__node-content{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:4px;border-radius:4px;overflow:hidden;color:var(--text-primary)}.nice-sidebar-nav__node-content--link{cursor:pointer}.nice-sidebar-nav__node-content--link:hover .nice-sidebar-nav__node-label{color:var(--color-primary)}.nice-sidebar-nav__node-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}.nice-sidebar-nav__node-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-primary);transition:color .12s}.nice-sidebar-nav__node-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-error);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.nice-sidebar-nav__node-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.nice-sidebar-nav__node-row:hover .nice-sidebar-nav__node-actions{opacity:1}.nice-sidebar-nav__action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;font-size:12px;border-radius:4px;color:var(--text-muted);transition:background .12s,color .12s}.nice-sidebar-nav__action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.nice-sidebar-nav__action-btn--fav-active{cursor:default;color:var(--color-warning)}.nice-sidebar-nav__action-btn--pin-active{color:var(--color-warning)}.nice-sidebar-nav__empty{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}.nice-sidebar-nav__favorites-list{list-style:none;margin:0;padding:0}.nice-sidebar-nav__fav-item{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;transition:background .12s}.nice-sidebar-nav__fav-item:hover{background:var(--hover-bg)}.nice-sidebar-nav__fav-item--active{background:var(--selected-bg)}.nice-sidebar-nav__fav-content{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:4px;cursor:pointer;color:var(--text-primary)}.nice-sidebar-nav__fav-content:hover .nice-sidebar-nav__fav-label{color:var(--color-primary)}.nice-sidebar-nav__fav-icon{font-size:15px;flex-shrink:0}.nice-sidebar-nav__fav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-primary);transition:color .12s}.nice-sidebar-nav__prefs{padding:12px;color:var(--text-primary)}.nice-sidebar-nav__prefs-title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary)}.nice-sidebar-nav__prefs-section{margin-bottom:16px}.nice-sidebar-nav__prefs-section-title{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.nice-sidebar-nav__prefs-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px;color:var(--text-primary)}.nice-sidebar-nav__prefs-row input[type=checkbox]{accent-color:var(--color-primary)}.nice-sidebar-nav__depth-control{display:flex;align-items:center;gap:6px}.nice-sidebar-nav__depth-control input[type=range]{width:60px;accent-color:var(--color-primary)}.nice-sidebar-nav__depth-value{width:14px;text-align:center;font-size:12px;color:var(--text-secondary)}.nice-sidebar-nav__hidden-list{list-style:none;margin:0;padding:0}.nice-sidebar-nav__hidden-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-primary)}.nice-sidebar-nav__hidden-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-sidebar-nav__hidden-kind{font-size:10px;color:var(--text-muted);margin-right:4px}.nice-sidebar-nav__btn-reset{width:100%;padding:8px 12px;border:1px solid var(--color-error);background:transparent;color:var(--color-error);border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s,color .15s}.nice-sidebar-nav__btn-reset:hover{background:var(--color-error);color:#fff}.nice-sidebar-nav__footer{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;padding:6px}.nice-sidebar-nav__footer-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;width:100%;justify-content:center;transition:background .15s,color .15s,border-color .15s}.nice-sidebar-nav__footer-toggle:hover{background:var(--hover-bg);color:var(--color-primary);border-color:var(--color-primary)}.nice-sidebar-nav__footer-toggle-icon{font-size:14px;line-height:1}.nice-sidebar-nav__footer-toggle-label{font-size:12px}.nice-sidebar-nav--sm{font-size:13px}.nice-sidebar-nav--sm .nice-sidebar-nav__node-label{font-size:12px}.nice-sidebar-nav--sm .nice-sidebar-nav__mode-pill{padding:3px 8px;font-size:11px}.nice-sidebar-nav--lg .nice-sidebar-nav__node-label{font-size:15px}.nice-sidebar-nav--lg .nice-sidebar-nav__mode-pill{padding:6px 12px;font-size:13px}

package/dist/NicePagination-DbE-uOkl.js

@@ -0,0 +1,171 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { b as y } from "./NiceTabs-DzLHzwuA.js";
+function M(i, a, l) {
+  const r = [];
+  if (a <= 1)
+    return a === 1 && r.push(1), r;
+  const s = Math.max(2, i - l), o = Math.min(a - 1, i + l);
+  r.push(1), s > 2 && r.push("dots");
+  for (let c = s; c <= o; c++)
+    r.push(c);
+  return o < a - 1 && r.push("dots"), r.push(a), r;
+}
+const L = ({
+  page: i,
+  totalPages: a,
+  onChange: l,
+  showInfo: r,
+  siblingCount: s = 1,
+  size: o = "md",
+  showFirstLast: c,
+  showJumpInput: m,
+  jumpInputLabel: h,
+  showPageSize: b,
+  pageSizeOptions: d,
+  pageSize: f,
+  onPageSizeChange: N,
+  disabled: t,
+  className: _,
+  style: v
+}) => {
+  const g = M(i, a, s);
+  return /* @__PURE__ */ u(
+    "nav",
+    {
+      className: `nice-pagination nice-pagination--${o} ${_ || ""}`,
+      style: v,
+      "aria-label": "Pagination",
+      children: [
+        c && /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: t || i <= 1,
+            onClick: () => l(1),
+            "aria-label": "First page",
+            title: "First page",
+            children: "⏮"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: t || i <= 1,
+            onClick: () => l(i - 1),
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        ),
+        g.map(
+          (n, p) => n === "dots" ? /* @__PURE__ */ e("span", { className: "nice-pagination__ellipsis", children: "…" }, `dots-${p}`) : /* @__PURE__ */ e(
+            "button",
+            {
+              className: `nice-pagination__btn ${n === i ? "nice-pagination__btn--active" : ""}`,
+              disabled: t,
+              onClick: () => l(n),
+              "aria-current": n === i ? "page" : void 0,
+              children: n
+            },
+            n
+          )
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: t || i >= a,
+            onClick: () => l(i + 1),
+            "aria-label": "Next",
+            children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        ),
+        c && /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: t || i >= a,
+            onClick: () => l(a),
+            "aria-label": "Last page",
+            title: "Last page",
+            children: "⏭"
+          }
+        ),
+        r && /* @__PURE__ */ u("span", { className: "nice-pagination__info", children: [
+          i,
+          " / ",
+          a
+        ] }),
+        m && /* @__PURE__ */ u(
+          "span",
+          {
+            className: "nice-pagination__jump",
+            style: { display: "inline-flex", alignItems: "center", gap: 6, marginLeft: 8 },
+            children: [
+              /* @__PURE__ */ e("span", { style: { fontSize: "0.85rem", color: "var(--text-secondary)" }, children: h ?? "Go to" }),
+              /* @__PURE__ */ e(
+                y,
+                {
+                  size: o === "lg" ? "md" : "sm",
+                  min: 1,
+                  max: a,
+                  step: 1,
+                  value: i,
+                  disabled: t,
+                  onChange: (n) => {
+                    const p = typeof n == "number" ? n : Number(n);
+                    if (!Number.isNaN(p)) {
+                      const x = Math.max(1, Math.min(a, Math.floor(p)));
+                      l(x);
+                    }
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        b && d && d.length > 0 && /* @__PURE__ */ e(
+          "select",
+          {
+            className: "nice-pagination__size",
+            value: f ?? d[0],
+            disabled: t,
+            onChange: (n) => N?.(Number(n.target.value)),
+            style: {
+              marginLeft: 8,
+              padding: "4px 8px",
+              border: "1px solid var(--border-color)",
+              borderRadius: 6,
+              background: "var(--bg-primary)",
+              color: "var(--text-primary)",
+              font: "inherit",
+              fontSize: "0.85rem"
+            },
+            "aria-label": "Rows per page",
+            children: d.map((n) => /* @__PURE__ */ u("option", { value: n, children: [
+              n,
+              " / page"
+            ] }, n))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as N
+};

package/dist/NicePagination-DlealakT.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),g=require("./NiceTabs-DvOmxKyQ.cjs");function v(e,a,l){const r=[];if(a<=1)return a===1&&r.push(1),r;const o=Math.max(2,e-l),c=Math.min(a-1,e+l);r.push(1),o>2&&r.push("dots");for(let s=o;s<=c;s++)r.push(s);return c<a-1&&r.push("dots"),r.push(a),r}const y=({page:e,totalPages:a,onChange:l,showInfo:r,siblingCount:o=1,size:c="md",showFirstLast:s,showJumpInput:p,jumpInputLabel:h,showPageSize:m,pageSizeOptions:d,pageSize:x,onPageSizeChange:b,disabled:t,className:f,style:N})=>{const _=v(e,a,o);return n.jsxs("nav",{className:`nice-pagination nice-pagination--${c} ${f||""}`,style:N,"aria-label":"Pagination",children:[s&&n.jsx("button",{className:"nice-pagination__btn",disabled:t||e<=1,onClick:()=>l(1),"aria-label":"First page",title:"First page",children:"⏮"}),n.jsx("button",{className:"nice-pagination__btn",disabled:t||e<=1,onClick:()=>l(e-1),"aria-label":"Previous",children:n.jsx("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",clipRule:"evenodd"})})}),_.map((i,u)=>i==="dots"?n.jsx("span",{className:"nice-pagination__ellipsis",children:"…"},`dots-${u}`):n.jsx("button",{className:`nice-pagination__btn ${i===e?"nice-pagination__btn--active":""}`,disabled:t,onClick:()=>l(i),"aria-current":i===e?"page":void 0,children:i},i)),n.jsx("button",{className:"nice-pagination__btn",disabled:t||e>=a,onClick:()=>l(e+1),"aria-label":"Next",children:n.jsx("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"currentColor",children:n.jsx("path",{fillRule:"evenodd",d:"M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",clipRule:"evenodd"})})}),s&&n.jsx("button",{className:"nice-pagination__btn",disabled:t||e>=a,onClick:()=>l(a),"aria-label":"Last page",title:"Last page",children:"⏭"}),r&&n.jsxs("span",{className:"nice-pagination__info",children:[e," / ",a]}),p&&n.jsxs("span",{className:"nice-pagination__jump",style:{display:"inline-flex",alignItems:"center",gap:6,marginLeft:8},children:[n.jsx("span",{style:{fontSize:"0.85rem",color:"var(--text-secondary)"},children:h??"Go to"}),n.jsx(g.NiceNumberInput,{size:c==="lg"?"md":"sm",min:1,max:a,step:1,value:e,disabled:t,onChange:i=>{const u=typeof i=="number"?i:Number(i);if(!Number.isNaN(u)){const j=Math.max(1,Math.min(a,Math.floor(u)));l(j)}}})]}),m&&d&&d.length>0&&n.jsx("select",{className:"nice-pagination__size",value:x??d[0],disabled:t,onChange:i=>b?.(Number(i.target.value)),style:{marginLeft:8,padding:"4px 8px",border:"1px solid var(--border-color)",borderRadius:6,background:"var(--bg-primary)",color:"var(--text-primary)",font:"inherit",fontSize:"0.85rem"},"aria-label":"Rows per page",children:d.map(i=>n.jsxs("option",{value:i,children:[i," / page"]},i))})]})};exports.NicePagination=y;