@nice2dev/admin 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# Changelog
+
+All notable changes to **@nice2dev/admin** will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.1.0] — 2025-06-01
+
+### Added
+- `NiceAdminDashboard` — admin dashboard with configurable widget grid
+- `NiceAdminUsers` — user management table with CRUD and role assignment
+- `NiceAdminRoles` — role management with permission matrix
+- `NiceAdminAuditLog` — audit log viewer with search and filtering
+- `NiceAdminSettings` — system settings editor with sections and validation
+- `NiceAdminNotifications` — notification management panel
+- `NiceFeatureFlags` — feature flag management with environments
+- `NiceImportExport` — data import/export with format selection and mapping

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 NiceToDev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,64 @@
+# @nice2dev/admin
+
+Administration panel components for React applications — dashboard, user management, roles, audit log, settings, feature flags, and data import/export.
+
+[![npm](https://img.shields.io/npm/v/@nice2dev/admin)](https://www.npmjs.com/package/@nice2dev/admin)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.x-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
+
+---
+
+## Installation
+
+```bash
+npm install @nice2dev/admin
+```
+
+**Peer dependencies:** `react >= 17.0.0`, `react-dom >= 17.0.0`
+
+## Components
+
+| Component | Description |
+|---|---|
+| `NiceAdminDashboard` | Admin dashboard with configurable widget grid |
+| `NiceAdminUsers` | User management table with CRUD and role assignment |
+| `NiceAdminRoles` | Role management with permission matrix |
+| `NiceAdminAuditLog` | Audit log viewer with search and filtering |
+| `NiceAdminSettings` | System settings editor with sections |
+| `NiceAdminNotifications` | Notification management panel |
+| `NiceFeatureFlags` | Feature flag management with environments |
+| `NiceImportExport` | Data import/export with format selection and mapping |
+
+## Usage
+
+```tsx
+import { NiceAdminDashboard, NiceAdminUsers, NiceFeatureFlags } from '@nice2dev/admin';
+
+function AdminPage() {
+  return (
+    <>
+      <NiceAdminDashboard
+        widgets={[
+          { id: 'users', title: 'Active Users', type: 'stat', value: 1250 },
+          { id: 'events', title: 'Events Today', type: 'stat', value: 42 },
+        ]}
+      />
+      <NiceAdminUsers
+        onSave={(user) => api.updateUser(user)}
+        onDelete={(id) => api.deleteUser(id)}
+      />
+      <NiceFeatureFlags
+        onToggle={(flag, env) => api.toggleFlag(flag, env)}
+      />
+    </>
+  );
+}
+```
+
+## Types
+
+Key TypeScript types exported: `AdminWidget`, `AdminUser`, `AdminRole`, `PermissionAction`, `PermissionResource`, `AuditLogEntry`, `SettingItem`, `FeatureFlag`, `ImportExportJob`, `ColumnMapping`.
+
+## License
+
+MIT © NiceToDev

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),D=a.forwardRef(function(C,y){const{widgets:u,columns:g=4,title:p="Dashboard",headerActions:j,onWidgetClick:h,className:N,style:v}=C;return e.jsxs("div",{ref:y,className:`nice-admin-dashboard ${N??""}`,style:v,children:[e.jsxs("div",{className:"nice-admin-dashboard__header",children:[e.jsx("h2",{children:p}),j&&e.jsx("div",{className:"nice-admin-dashboard__actions",children:j})]}),e.jsx("div",{className:"nice-admin-dashboard__grid",style:{display:"grid",gridTemplateColumns:`repeat(${g}, 1fr)`,gap:16},children:u.map(l=>e.jsxs("div",{className:`nice-admin-dashboard__widget nice-admin-dashboard__widget--${l.type}`,style:{gridColumn:l.colSpan?`span ${l.colSpan}`:void 0,gridRow:l.rowSpan?`span ${l.rowSpan}`:void 0},onClick:()=>h==null?void 0:h(l),role:h?"button":void 0,tabIndex:h?0:void 0,children:[e.jsxs("div",{className:"nice-admin-dashboard__widget-header",children:[l.icon&&e.jsx("span",{className:"nice-admin-dashboard__widget-icon",children:l.icon}),e.jsx("span",{className:"nice-admin-dashboard__widget-title",children:l.title})]}),l.type==="stat"&&e.jsxs("div",{className:"nice-admin-dashboard__stat",children:[e.jsx("span",{className:"nice-admin-dashboard__stat-value",children:l.value}),l.change&&e.jsx("span",{className:`nice-admin-dashboard__stat-change ${l.changePositive?"nice-admin-dashboard__stat-change--positive":"nice-admin-dashboard__stat-change--negative"}`,children:l.change})]}),l.type==="custom"&&l.render&&e.jsx("div",{className:"nice-admin-dashboard__custom",children:l.render()}),(l.type==="chart"||l.type==="table"||l.type==="list")&&l.render&&e.jsx("div",{className:"nice-admin-dashboard__content",children:l.render()})]},l.id))})]})}),I={active:"#22c55e",inactive:"#9ca3af",suspended:"#ef4444",pending:"#eab308"},$=a.forwardRef(function(C,y){const{users:u,availableRoles:g=[],onCreate:p,onEdit:j,onDelete:h,onToggleStatus:N,onChangeRoles:v,searchable:l=!0,title:S="User Management",className:b,style:x}=C,[_,f]=a.useState(""),[i,s]=a.useState(""),n=a.useMemo(()=>{let t=u;if(i&&(t=t.filter(m=>m.status===i)),_.trim()){const m=_.toLowerCase();t=t.filter(A=>A.name.toLowerCase().includes(m)||A.email.toLowerCase().includes(m)||A.roles.some(L=>L.toLowerCase().includes(m)))}return t},[u,i,_]),o=a.useCallback(t=>{if(!N)return;const m=t.status==="active"?"suspended":"active";N(t.id,m)},[N]);return e.jsxs("div",{ref:y,className:`nice-admin-users ${b??""}`,style:x,children:[e.jsxs("div",{className:"nice-admin-users__header",children:[e.jsx("h3",{children:S}),e.jsxs("span",{className:"nice-admin-users__count",children:[u.length," users"]}),p&&e.jsx("button",{className:"nice-admin-users__create-btn",onClick:p,children:"+ Add User"})]}),e.jsxs("div",{className:"nice-admin-users__toolbar",children:[l&&e.jsx("input",{type:"text",value:_,onChange:t=>f(t.target.value),placeholder:"Search users…",className:"nice-admin-users__search"}),e.jsxs("select",{value:i,onChange:t=>s(t.target.value),className:"nice-admin-users__status-filter",children:[e.jsx("option",{value:"",children:"All statuses"}),e.jsx("option",{value:"active",children:"Active"}),e.jsx("option",{value:"inactive",children:"Inactive"}),e.jsx("option",{value:"suspended",children:"Suspended"}),e.jsx("option",{value:"pending",children:"Pending"})]})]}),n.length===0?e.jsx("p",{className:"nice-admin-users__empty",children:"No users found."}):e.jsxs("table",{className:"nice-admin-users__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"User"}),e.jsx("th",{children:"Email"}),e.jsx("th",{children:"Roles"}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Created"}),e.jsx("th",{children:"Last Login"}),e.jsx("th",{children:"Actions"})]})}),e.jsx("tbody",{children:n.map(t=>e.jsxs("tr",{children:[e.jsxs("td",{className:"nice-admin-users__user-cell",children:[t.avatarUrl&&e.jsx("img",{src:t.avatarUrl,alt:"",className:"nice-admin-users__avatar"}),e.jsx("span",{children:t.name})]}),e.jsx("td",{children:t.email}),e.jsx("td",{children:v?e.jsx("select",{multiple:!0,value:t.roles,onChange:m=>{const A=Array.from(m.target.selectedOptions,L=>L.value);v(t.id,A)},className:"nice-admin-users__roles-select",children:g.map(m=>e.jsx("option",{value:m,children:m},m))}):t.roles.join(", ")}),e.jsx("td",{children:e.jsx("span",{className:"nice-admin-users__status-badge",style:{backgroundColor:I[t.status]},onClick:()=>o(t),role:N?"button":void 0,children:t.status})}),e.jsx("td",{children:t.createdAt}),e.jsx("td",{children:t.lastLoginAt??"—"}),e.jsxs("td",{className:"nice-admin-users__actions",children:[j&&e.jsx("button",{onClick:()=>j(t),children:"Edit"}),h&&e.jsx("button",{onClick:()=>h(t.id),children:"Delete"})]})]},t.id))})]})]})}),M=a.forwardRef(function(C,y){var d;const{roles:u,actions:g,resources:p,onPermissionChange:j,onCreate:h,onDelete:N,onRename:v,title:l="Role Management",className:S,style:b}=C,[x,_]=a.useState(((d=u[0])==null?void 0:d.id)??null),[f,i]=a.useState(!1),[s,n]=a.useState(""),[o,t]=a.useState(""),m=u.find(r=>r.id===x),A=a.useCallback(()=>{!s.trim()||!h||(h(s.trim(),o.trim()),n(""),t(""),i(!1))},[s,o,h]),L=(r,c,k)=>{var R;return((R=r.permissions[c])==null?void 0:R.includes(k))??!1};return e.jsxs("div",{ref:y,className:`nice-admin-roles ${S??""}`,style:b,children:[e.jsxs("div",{className:"nice-admin-roles__header",children:[e.jsx("h3",{children:l}),h&&e.jsx("button",{onClick:()=>i(!f),children:"+ New Role"})]}),f&&e.jsxs("div",{className:"nice-admin-roles__create-form",children:[e.jsx("input",{type:"text",value:s,onChange:r=>n(r.target.value),placeholder:"Role name"}),e.jsx("input",{type:"text",value:o,onChange:r=>t(r.target.value),placeholder:"Description"}),e.jsx("button",{onClick:A,disabled:!s.trim(),children:"Create"}),e.jsx("button",{onClick:()=>i(!1),children:"Cancel"})]}),e.jsx("div",{className:"nice-admin-roles__tabs",children:u.map(r=>e.jsxs("button",{className:`nice-admin-roles__tab ${r.id===x?"nice-admin-roles__tab--active":""}`,onClick:()=>_(r.id),style:r.color?{borderColor:r.color}:void 0,children:[r.name,r.userCount!=null&&e.jsxs("span",{className:"nice-admin-roles__tab-count",children:["(",r.userCount,")"]}),r.isSystem&&e.jsx("span",{className:"nice-admin-roles__tab-system",children:"🔒"})]},r.id))}),m&&e.jsxs("div",{className:"nice-admin-roles__matrix-wrap",children:[m.description&&e.jsx("p",{className:"nice-admin-roles__description",children:m.description}),e.jsxs("table",{className:"nice-admin-roles__matrix",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Resource"}),g.map(r=>e.jsx("th",{title:r.description,children:r.label},r.id))]})}),e.jsx("tbody",{children:p.map(r=>e.jsxs("tr",{children:[e.jsx("td",{children:r.label}),g.map(c=>{const k=L(m,r.id,c.id);return e.jsx("td",{children:e.jsx("input",{type:"checkbox",checked:k,onChange:()=>j==null?void 0:j(m.id,r.id,c.id,!k),disabled:m.isSystem})},c.id)})]},r.id))})]}),!m.isSystem&&e.jsxs("div",{className:"nice-admin-roles__role-actions",children:[v&&e.jsx("button",{onClick:()=>{const r=prompt("New role name:",m.name);r&&v(m.id,r)},children:"Rename"}),N&&e.jsx("button",{onClick:()=>N(m.id),children:"Delete Role"})]})]})]})}),T={info:{color:"#3b82f6",label:"INFO"},warning:{color:"#eab308",label:"WARN"},error:{color:"#ef4444",label:"ERROR"},critical:{color:"#dc2626",label:"CRIT"}},U=a.forwardRef(function(C,y){const{entries:u,onEntryClick:g,onLoadMore:p,hasMore:j=!1,searchable:h=!0,showSeverityFilter:N=!0,title:v="Audit Log",className:l,style:S}=C,[b,x]=a.useState(""),[_,f]=a.useState(""),i=a.useMemo(()=>{let s=u;if(_&&(s=s.filter(n=>n.severity===_)),b.trim()){const n=b.toLowerCase();s=s.filter(o=>{var t;return o.actorName.toLowerCase().includes(n)||o.action.toLowerCase().includes(n)||o.resource.toLowerCase().includes(n)||((t=o.details)==null?void 0:t.toLowerCase().includes(n))})}return s},[u,_,b]);return e.jsxs("div",{ref:y,className:`nice-admin-audit-log ${l??""}`,style:S,children:[e.jsxs("div",{className:"nice-admin-audit-log__header",children:[e.jsx("h3",{children:v}),e.jsxs("span",{className:"nice-admin-audit-log__count",children:[u.length," entries"]})]}),e.jsxs("div",{className:"nice-admin-audit-log__toolbar",children:[h&&e.jsx("input",{type:"text",value:b,onChange:s=>x(s.target.value),placeholder:"Search audit log…",className:"nice-admin-audit-log__search"}),N&&e.jsxs("select",{value:_,onChange:s=>f(s.target.value),className:"nice-admin-audit-log__severity-filter",children:[e.jsx("option",{value:"",children:"All severities"}),e.jsx("option",{value:"info",children:"Info"}),e.jsx("option",{value:"warning",children:"Warning"}),e.jsx("option",{value:"error",children:"Error"}),e.jsx("option",{value:"critical",children:"Critical"})]})]}),i.length===0?e.jsx("p",{className:"nice-admin-audit-log__empty",children:"No audit log entries found."}):e.jsxs("table",{className:"nice-admin-audit-log__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Timestamp"}),e.jsx("th",{children:"Severity"}),e.jsx("th",{children:"Actor"}),e.jsx("th",{children:"Action"}),e.jsx("th",{children:"Resource"}),e.jsx("th",{children:"IP"}),e.jsx("th",{children:"Details"})]})}),e.jsx("tbody",{children:i.map(s=>{const n=T[s.severity];return e.jsxs("tr",{className:"nice-admin-audit-log__row",onClick:()=>g==null?void 0:g(s),role:g?"button":void 0,tabIndex:g?0:void 0,children:[e.jsx("td",{children:s.timestamp}),e.jsx("td",{children:e.jsx("span",{className:"nice-admin-audit-log__severity",style:{color:n.color},children:n.label})}),e.jsx("td",{children:s.actorName}),e.jsx("td",{children:s.action}),e.jsxs("td",{children:[s.resource,s.resourceId?` #${s.resourceId}`:""]}),e.jsx("td",{children:s.ipAddress??"—"}),e.jsx("td",{className:"nice-admin-audit-log__details",children:s.details??"—"})]},s.id)})})]}),j&&p&&e.jsx("button",{className:"nice-admin-audit-log__load-more",onClick:p,children:"Load more"})]})}),q=a.forwardRef(function(C,y){const{settings:u,onSave:g,onChange:p,onReset:j,saving:h=!1,title:N="Settings",className:v,style:l}=C,[S,b]=a.useState(()=>{const s={};for(const n of u)s[n.key]=n.value;return s}),x=a.useCallback((s,n)=>{b(o=>({...o,[s]:n})),p==null||p(s,n)},[p]),_=a.useCallback(()=>{g==null||g(S)},[g,S]),f=new Map;for(const s of u){const n=s.section??"General";f.has(n)||f.set(n,[]),f.get(n).push(s)}const i=s=>{var o;const n=S[s.key];switch(s.type){case"boolean":return e.jsxs("label",{className:"nice-admin-settings__toggle",children:[e.jsx("input",{type:"checkbox",checked:!!n,onChange:t=>x(s.key,t.target.checked)}),s.label]});case"select":return e.jsx("select",{value:String(n??""),onChange:t=>x(s.key,t.target.value),className:"nice-admin-settings__select",children:(o=s.options)==null?void 0:o.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))});case"textarea":return e.jsx("textarea",{value:String(n??""),onChange:t=>x(s.key,t.target.value),placeholder:s.placeholder,className:"nice-admin-settings__textarea",rows:4});case"number":return e.jsx("input",{type:"number",value:n!=null?Number(n):"",onChange:t=>x(s.key,parseFloat(t.target.value)||0),placeholder:s.placeholder,className:"nice-admin-settings__input"});case"color":return e.jsx("input",{type:"color",value:String(n??"#000000"),onChange:t=>x(s.key,t.target.value),className:"nice-admin-settings__color"});case"password":return e.jsx("input",{type:"password",value:String(n??""),onChange:t=>x(s.key,t.target.value),placeholder:s.placeholder,className:"nice-admin-settings__input",autoComplete:"new-password"});default:return e.jsx("input",{type:"text",value:String(n??""),onChange:t=>x(s.key,t.target.value),placeholder:s.placeholder,className:"nice-admin-settings__input"})}};return e.jsxs("div",{ref:y,className:`nice-admin-settings ${v??""}`,style:l,children:[e.jsx("div",{className:"nice-admin-settings__header",children:e.jsx("h3",{children:N})}),Array.from(f.entries()).map(([s,n])=>e.jsxs("fieldset",{className:"nice-admin-settings__section",children:[e.jsx("legend",{children:s}),n.map(o=>e.jsxs("div",{className:"nice-admin-settings__field",children:[o.type!=="boolean"&&e.jsxs("label",{className:"nice-admin-settings__label",children:[o.label,o.required&&e.jsx("span",{className:"nice-admin-settings__required",children:"*"})]}),o.description&&e.jsx("p",{className:"nice-admin-settings__description",children:o.description}),i(o)]},o.key))]},s)),e.jsxs("div",{className:"nice-admin-settings__actions",children:[e.jsx("button",{className:"nice-admin-settings__save-btn",onClick:_,disabled:h,children:h?"Saving…":"Save Settings"}),j&&e.jsx("button",{className:"nice-admin-settings__reset-btn",onClick:j,children:"Reset to Defaults"})]})]})}),O=a.forwardRef(function(C,y){const{notifications:u,availableChannels:g=["email","push","sms","in-app","webhook"],onToggle:p,onEdit:j,onTest:h,onCreate:N,onDelete:v,title:l="Notification Management",className:S,style:b}=C,[x,_]=a.useState(""),f=a.useMemo(()=>{if(!x.trim())return u;const i=x.toLowerCase();return u.filter(s=>{var n;return s.name.toLowerCase().includes(i)||s.event.toLowerCase().includes(i)||((n=s.description)==null?void 0:n.toLowerCase().includes(i))})},[u,x]);return e.jsxs("div",{ref:y,className:`nice-admin-notifications ${S??""}`,style:b,children:[e.jsxs("div",{className:"nice-admin-notifications__header",children:[e.jsx("h3",{children:l}),N&&e.jsx("button",{onClick:N,children:"+ New Notification"})]}),e.jsx("input",{type:"text",value:x,onChange:i=>_(i.target.value),placeholder:"Search notifications…",className:"nice-admin-notifications__search"}),f.length===0?e.jsx("p",{className:"nice-admin-notifications__empty",children:"No notifications found."}):e.jsxs("table",{className:"nice-admin-notifications__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Enabled"}),e.jsx("th",{children:"Name"}),e.jsx("th",{children:"Event"}),e.jsx("th",{children:"Channels"}),e.jsx("th",{children:"Last Sent"}),e.jsx("th",{children:"Sent"}),e.jsx("th",{children:"Actions"})]})}),e.jsx("tbody",{children:f.map(i=>e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("input",{type:"checkbox",checked:i.enabled,onChange:()=>p==null?void 0:p(i.id,!i.enabled)})}),e.jsxs("td",{children:[e.jsx("strong",{children:i.name}),i.description&&e.jsx("br",{}),i.description&&e.jsx("small",{children:i.description})]}),e.jsx("td",{children:e.jsx("code",{children:i.event})}),e.jsx("td",{children:i.channels.join(", ")}),e.jsx("td",{children:i.lastSentAt??"—"}),e.jsx("td",{children:i.sentCount??0}),e.jsxs("td",{className:"nice-admin-notifications__actions",children:[j&&e.jsx("button",{onClick:()=>j(i),children:"Edit"}),h&&e.jsx("button",{onClick:()=>h(i.id),children:"Test"}),v&&e.jsx("button",{onClick:()=>v(i.id),children:"Delete"})]})]},i.id))})]})]})}),P=a.forwardRef(function(C,y){const{flags:u,environmentNames:g=["development","staging","production"],onToggle:p,onPercentageChange:j,onCreate:h,onDelete:N,onEdit:v,title:l="Feature Flags",className:S,style:b}=C,[x,_]=a.useState(""),[f,i]=a.useState(!1),[s,n]=a.useState(""),[o,t]=a.useState(""),[m,A]=a.useState(""),L=a.useMemo(()=>{if(!x.trim())return u;const c=x.toLowerCase();return u.filter(k=>{var R,w;return k.key.toLowerCase().includes(c)||k.name.toLowerCase().includes(c)||((R=k.description)==null?void 0:R.toLowerCase().includes(c))||((w=k.tags)==null?void 0:w.some(F=>F.toLowerCase().includes(c)))})},[u,x]),d=a.useCallback(()=>{!s.trim()||!o.trim()||!h||(h(s.trim(),o.trim(),m.trim()),n(""),t(""),A(""),i(!1))},[s,o,m,h]),r=(c,k)=>c.environments.find(R=>R.name===k);return e.jsxs("div",{ref:y,className:`nice-feature-flags ${S??""}`,style:b,children:[e.jsxs("div",{className:"nice-feature-flags__header",children:[e.jsx("h3",{children:l}),e.jsxs("span",{className:"nice-feature-flags__count",children:[u.length," flags"]}),h&&e.jsx("button",{onClick:()=>i(!f),children:"+ New Flag"})]}),f&&e.jsxs("div",{className:"nice-feature-flags__create-form",children:[e.jsx("input",{type:"text",value:s,onChange:c=>n(c.target.value),placeholder:"flag_key"}),e.jsx("input",{type:"text",value:o,onChange:c=>t(c.target.value),placeholder:"Display name"}),e.jsx("input",{type:"text",value:m,onChange:c=>A(c.target.value),placeholder:"Description"}),e.jsx("button",{onClick:d,disabled:!s.trim()||!o.trim(),children:"Create"}),e.jsx("button",{onClick:()=>i(!1),children:"Cancel"})]}),e.jsx("input",{type:"text",value:x,onChange:c=>_(c.target.value),placeholder:"Search flags…",className:"nice-feature-flags__search"}),L.length===0?e.jsx("p",{className:"nice-feature-flags__empty",children:"No feature flags found."}):e.jsxs("table",{className:"nice-feature-flags__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Flag"}),g.map(c=>e.jsx("th",{children:c},c)),e.jsx("th",{children:"Tags"}),e.jsx("th",{children:"Updated"}),e.jsx("th",{children:"Actions"})]})}),e.jsx("tbody",{children:L.map(c=>{var k;return e.jsxs("tr",{children:[e.jsx("td",{children:e.jsxs("div",{className:"nice-feature-flags__flag-info",children:[e.jsx("strong",{children:c.name}),e.jsx("code",{className:"nice-feature-flags__key",children:c.key}),c.description&&e.jsx("small",{children:c.description})]})}),g.map(R=>{const w=r(c,R);return e.jsxs("td",{className:"nice-feature-flags__env-cell",children:[e.jsx("input",{type:"checkbox",checked:(w==null?void 0:w.enabled)??!1,onChange:()=>p==null?void 0:p(c.id,R,!((w==null?void 0:w.enabled)??!1))}),(w==null?void 0:w.percentage)!=null&&e.jsx("input",{type:"number",min:0,max:100,value:w.percentage,onChange:F=>j==null?void 0:j(c.id,R,parseInt(F.target.value,10)||0),className:"nice-feature-flags__percentage",title:"Rollout %"})]},R)}),e.jsx("td",{children:((k=c.tags)==null?void 0:k.join(", "))||"—"}),e.jsx("td",{children:c.updatedAt??c.createdAt}),e.jsxs("td",{className:"nice-feature-flags__actions",children:[v&&e.jsx("button",{onClick:()=>v(c),children:"Edit"}),N&&e.jsx("button",{onClick:()=>N(c.id),children:"Delete"})]})]},c.id)})})]})]})}),G=a.forwardRef(function(C,y){var L;const{entities:u,formats:g=["json","csv","xlsx"],jobs:p=[],onImport:j,onExport:h,onDownload:N,title:v="Import / Export",className:l,style:S}=C,[b,x]=a.useState("export"),[_,f]=a.useState(((L=u[0])==null?void 0:L.id)??""),[i,s]=a.useState(g[0]??"json"),[n,o]=a.useState(null),t=a.useCallback(()=>{!j||!n||!_||(j(_,i,n),o(null))},[j,_,i,n]),m=a.useCallback(()=>{!h||!_||h(_,i)},[h,_,i]),A=d=>{var r;o(((r=d.target.files)==null?void 0:r[0])??null)};return e.jsxs("div",{ref:y,className:`nice-import-export ${l??""}`,style:S,children:[e.jsx("div",{className:"nice-import-export__header",children:e.jsx("h3",{children:v})}),e.jsxs("div",{className:"nice-import-export__tabs",children:[e.jsx("button",{className:`nice-import-export__tab ${b==="import"?"nice-import-export__tab--active":""}`,onClick:()=>x("import"),children:"Import"}),e.jsx("button",{className:`nice-import-export__tab ${b==="export"?"nice-import-export__tab--active":""}`,onClick:()=>x("export"),children:"Export"})]}),e.jsxs("div",{className:"nice-import-export__form",children:[e.jsxs("label",{children:["Entity",e.jsx("select",{value:_,onChange:d=>f(d.target.value),children:u.map(d=>e.jsx("option",{value:d.id,children:d.label},d.id))})]}),e.jsxs("label",{children:["Format",e.jsx("select",{value:i,onChange:d=>s(d.target.value),children:g.map(d=>e.jsx("option",{value:d,children:d.toUpperCase()},d))})]}),b==="import"&&e.jsxs(e.Fragment,{children:[e.jsxs("label",{children:["File",e.jsx("input",{type:"file",onChange:A,accept:`.${i}`})]}),e.jsx("button",{className:"nice-import-export__action-btn",onClick:t,disabled:!n,children:"Start Import"})]}),b==="export"&&e.jsx("button",{className:"nice-import-export__action-btn",onClick:m,children:"Start Export"})]}),p.length>0&&e.jsxs("div",{className:"nice-import-export__jobs",children:[e.jsx("h4",{children:"Recent Jobs"}),e.jsxs("table",{className:"nice-import-export__jobs-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Type"}),e.jsx("th",{children:"Format"}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Progress"}),e.jsx("th",{children:"Errors"}),e.jsx("th",{children:"Created"}),e.jsx("th",{})]})}),e.jsx("tbody",{children:p.map(d=>e.jsxs("tr",{children:[e.jsx("td",{children:d.type}),e.jsx("td",{children:d.format.toUpperCase()}),e.jsx("td",{children:e.jsx("span",{className:`nice-import-export__status nice-import-export__status--${d.status}`,children:d.status})}),e.jsx("td",{children:d.processedRows!=null&&d.totalRows?`${d.processedRows} / ${d.totalRows}`:"—"}),e.jsx("td",{children:d.errorCount??0}),e.jsx("td",{children:d.createdAt}),e.jsx("td",{children:d.type==="export"&&d.status==="completed"&&N&&e.jsx("button",{onClick:()=>N(d.id),children:"Download"})})]},d.id))})]})]})]})});exports.NiceAdminAuditLog=U;exports.NiceAdminDashboard=D;exports.NiceAdminNotifications=O;exports.NiceAdminRoles=M;exports.NiceAdminSettings=q;exports.NiceAdminUsers=$;exports.NiceFeatureFlags=P;exports.NiceImportExport=G;

package/dist/index.d.ts

@@ -0,0 +1,368 @@
+import { default as default_2 } from 'react';
+
+/** Admin notification template. */
+export declare interface AdminNotification {
+    id: string;
+    name: string;
+    description?: string;
+    event: string;
+    channels: NotificationChannel[];
+    enabled: boolean;
+    template?: string;
+    lastSentAt?: string;
+    sentCount?: number;
+}
+
+/** Role definition. */
+export declare interface AdminRole {
+    id: string;
+    name: string;
+    description?: string;
+    color?: string;
+    isSystem?: boolean;
+    /** Map of resourceId → actionId[] granted. */
+    permissions: Record<string, string[]>;
+    userCount?: number;
+}
+
+/** Admin user entry. */
+export declare interface AdminUser {
+    id: string;
+    name: string;
+    email: string;
+    avatarUrl?: string;
+    roles: string[];
+    status: 'active' | 'inactive' | 'suspended' | 'pending';
+    createdAt: string;
+    lastLoginAt?: string;
+}
+
+/** Dashboard widget definition. */
+export declare interface AdminWidget {
+    id: string;
+    title: string;
+    type: 'stat' | 'chart' | 'table' | 'list' | 'custom';
+    /** Grid column span (1–4). */
+    colSpan?: number;
+    /** Grid row span. */
+    rowSpan?: number;
+    /** Widget value for stat type. */
+    value?: string | number;
+    /** Change indicator (e.g. "+12%"). */
+    change?: string;
+    /** Whether change is positive. */
+    changePositive?: boolean;
+    /** Icon/emoji. */
+    icon?: string;
+    /** Custom render function. */
+    render?: () => default_2.ReactNode;
+}
+
+/** Audit log entry. */
+export declare interface AuditLogEntry {
+    id: string;
+    timestamp: string;
+    actorName: string;
+    actorId?: string;
+    action: string;
+    resource: string;
+    resourceId?: string;
+    severity: AuditSeverity;
+    details?: string;
+    ipAddress?: string;
+    metadata?: Record<string, unknown>;
+}
+
+/** Audit log severity. */
+export declare type AuditSeverity = 'info' | 'warning' | 'error' | 'critical';
+
+/** Column mapping for import. */
+export declare interface ColumnMapping {
+    sourceColumn: string;
+    targetField: string;
+    transform?: string;
+}
+
+/** Supported import/export format. */
+export declare type DataFormat = 'json' | 'csv' | 'xlsx' | 'xml' | 'yaml';
+
+/** Feature flag definition. */
+export declare interface FeatureFlag {
+    id: string;
+    key: string;
+    name: string;
+    description?: string;
+    environments: FlagEnvironment[];
+    createdAt: string;
+    updatedAt?: string;
+    tags?: string[];
+}
+
+/** Feature flag environment. */
+export declare interface FlagEnvironment {
+    name: string;
+    enabled: boolean;
+    percentage?: number;
+}
+
+/** Import/export job status. */
+export declare interface ImportExportJob {
+    id: string;
+    type: 'import' | 'export';
+    format: DataFormat;
+    status: 'pending' | 'running' | 'completed' | 'failed';
+    fileName?: string;
+    totalRows?: number;
+    processedRows?: number;
+    errorCount?: number;
+    createdAt: string;
+    completedAt?: string;
+    errorMessage?: string;
+}
+
+/**
+ * {@link NiceAdminAuditLog} — Audit log viewer with search and severity filtering.
+ */
+export declare const NiceAdminAuditLog: default_2.ForwardRefExoticComponent<NiceAdminAuditLogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminAuditLog}. */
+export declare interface NiceAdminAuditLogProps {
+    /** Log entries. */
+    entries: AuditLogEntry[];
+    /** Called when an entry is clicked for details. */
+    onEntryClick?: (entry: AuditLogEntry) => void;
+    /** Called when requesting more entries. */
+    onLoadMore?: () => void;
+    /** Whether more entries are available. */
+    hasMore?: boolean;
+    /** Whether to show search. */
+    searchable?: boolean;
+    /** Whether to show severity filter. */
+    showSeverityFilter?: boolean;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceAdminDashboard} — Admin dashboard with configurable widget grid.
+ */
+export declare const NiceAdminDashboard: default_2.ForwardRefExoticComponent<NiceAdminDashboardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminDashboard}. */
+export declare interface NiceAdminDashboardProps {
+    /** Dashboard widgets. */
+    widgets: AdminWidget[];
+    /** Number of grid columns (default 4). */
+    columns?: number;
+    /** Title. */
+    title?: string;
+    /** Header action buttons. */
+    headerActions?: default_2.ReactNode;
+    /** Called when a widget is clicked. */
+    onWidgetClick?: (widget: AdminWidget) => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceAdminNotifications} — Notification management panel.
+ */
+export declare const NiceAdminNotifications: default_2.ForwardRefExoticComponent<NiceAdminNotificationsProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminNotifications}. */
+export declare interface NiceAdminNotificationsProps {
+    /** Notification definitions. */
+    notifications: AdminNotification[];
+    /** Available channels. */
+    availableChannels?: NotificationChannel[];
+    /** Called when toggling enabled. */
+    onToggle?: (id: string, enabled: boolean) => void;
+    /** Called when editing a notification. */
+    onEdit?: (notification: AdminNotification) => void;
+    /** Called when testing a notification. */
+    onTest?: (id: string) => void;
+    /** Called when creating a notification. */
+    onCreate?: () => void;
+    /** Called when deleting a notification. */
+    onDelete?: (id: string) => void;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceAdminRoles} — Role management with permission matrix grid.
+ */
+export declare const NiceAdminRoles: default_2.ForwardRefExoticComponent<NiceAdminRolesProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminRoles}. */
+export declare interface NiceAdminRolesProps {
+    /** Roles. */
+    roles: AdminRole[];
+    /** Available permission actions. */
+    actions: PermissionAction[];
+    /** Available permission resources. */
+    resources: PermissionResource[];
+    /** Called when role permissions change. */
+    onPermissionChange?: (roleId: string, resourceId: string, actionId: string, granted: boolean) => void;
+    /** Called when creating a role. */
+    onCreate?: (name: string, description: string) => void;
+    /** Called when deleting a role. */
+    onDelete?: (roleId: string) => void;
+    /** Called when renaming a role. */
+    onRename?: (roleId: string, name: string) => void;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceAdminSettings} — System settings editor with sections and validation.
+ */
+export declare const NiceAdminSettings: default_2.ForwardRefExoticComponent<NiceAdminSettingsProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminSettings}. */
+export declare interface NiceAdminSettingsProps {
+    /** Settings items. */
+    settings: SettingItem[];
+    /** Called when saving. */
+    onSave?: (values: Record<string, unknown>) => void;
+    /** Called when a single setting changes. */
+    onChange?: (key: string, value: unknown) => void;
+    /** Called to reset to defaults. */
+    onReset?: () => void;
+    /** Whether save button is loading. */
+    saving?: boolean;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceAdminUsers} — User management table with CRUD and role assignment.
+ */
+export declare const NiceAdminUsers: default_2.ForwardRefExoticComponent<NiceAdminUsersProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceAdminUsers}. */
+export declare interface NiceAdminUsersProps {
+    /** Users to display. */
+    users: AdminUser[];
+    /** Available roles for assignment. */
+    availableRoles?: string[];
+    /** Called when creating a user. */
+    onCreate?: () => void;
+    /** Called when editing a user. */
+    onEdit?: (user: AdminUser) => void;
+    /** Called when deleting a user. */
+    onDelete?: (userId: string) => void;
+    /** Called when toggling user status. */
+    onToggleStatus?: (userId: string, status: AdminUser['status']) => void;
+    /** Called when changing user roles. */
+    onChangeRoles?: (userId: string, roles: string[]) => void;
+    /** Whether to show search. */
+    searchable?: boolean;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceFeatureFlags} — Feature flag management with environment toggles and rollout percentages.
+ */
+export declare const NiceFeatureFlags: default_2.ForwardRefExoticComponent<NiceFeatureFlagsProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceFeatureFlags}. */
+export declare interface NiceFeatureFlagsProps {
+    /** Feature flags. */
+    flags: FeatureFlag[];
+    /** Available environment names. */
+    environmentNames?: string[];
+    /** Called when toggling a flag in an environment. */
+    onToggle?: (flagId: string, envName: string, enabled: boolean) => void;
+    /** Called when changing rollout percentage. */
+    onPercentageChange?: (flagId: string, envName: string, percentage: number) => void;
+    /** Called when creating a new flag. */
+    onCreate?: (key: string, name: string, description: string) => void;
+    /** Called when deleting a flag. */
+    onDelete?: (flagId: string) => void;
+    /** Called when editing a flag. */
+    onEdit?: (flag: FeatureFlag) => void;
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/**
+ * {@link NiceImportExport} — Data import/export with format selection, file upload, and job tracking.
+ */
+export declare const NiceImportExport: default_2.ForwardRefExoticComponent<NiceImportExportProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for {@link NiceImportExport}. */
+export declare interface NiceImportExportProps {
+    /** Available target entities (e.g. "users", "products"). */
+    entities: Array<{
+        id: string;
+        label: string;
+    }>;
+    /** Available formats. */
+    formats?: DataFormat[];
+    /** Recent jobs. */
+    jobs?: ImportExportJob[];
+    /** Called when starting an import. */
+    onImport?: (entityId: string, format: DataFormat, file: File, mappings?: ColumnMapping[]) => void;
+    /** Called when starting an export. */
+    onExport?: (entityId: string, format: DataFormat) => void;
+    /** Called when downloading a completed export. */
+    onDownload?: (jobId: string) => void;
+    /** Available target fields for mapping. */
+    targetFields?: string[];
+    /** Title. */
+    title?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+/** Notification channel. */
+export declare type NotificationChannel = 'email' | 'push' | 'sms' | 'in-app' | 'webhook';
+
+/** Permission action. */
+export declare interface PermissionAction {
+    id: string;
+    label: string;
+    description?: string;
+}
+
+/** Permission resource. */
+export declare interface PermissionResource {
+    id: string;
+    label: string;
+    category?: string;
+}
+
+/** A single setting item. */
+export declare interface SettingItem {
+    key: string;
+    label: string;
+    description?: string;
+    type: SettingType;
+    value: unknown;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    required?: boolean;
+    section?: string;
+    placeholder?: string;
+}
+
+/** Setting value type. */
+export declare type SettingType = 'text' | 'number' | 'boolean' | 'select' | 'textarea' | 'color' | 'password';
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,758 @@
+import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as D, useState as x, useMemo as T, useCallback as $ } from "react";
+const P = D(function(S, k) {
+  const {
+    widgets: u,
+    columns: v = 4,
+    title: _ = "Dashboard",
+    headerActions: g,
+    onWidgetClick: h,
+    className: b,
+    style: f
+  } = S;
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-dashboard ${b ?? ""}`, style: f, children: [
+    /* @__PURE__ */ n("div", { className: "nice-admin-dashboard__header", children: [
+      /* @__PURE__ */ e("h2", { children: _ }),
+      g && /* @__PURE__ */ e("div", { className: "nice-admin-dashboard__actions", children: g })
+    ] }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "nice-admin-dashboard__grid",
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${v}, 1fr)`,
+          gap: 16
+        },
+        children: u.map((c) => /* @__PURE__ */ n(
+          "div",
+          {
+            className: `nice-admin-dashboard__widget nice-admin-dashboard__widget--${c.type}`,
+            style: {
+              gridColumn: c.colSpan ? `span ${c.colSpan}` : void 0,
+              gridRow: c.rowSpan ? `span ${c.rowSpan}` : void 0
+            },
+            onClick: () => h == null ? void 0 : h(c),
+            role: h ? "button" : void 0,
+            tabIndex: h ? 0 : void 0,
+            children: [
+              /* @__PURE__ */ n("div", { className: "nice-admin-dashboard__widget-header", children: [
+                c.icon && /* @__PURE__ */ e("span", { className: "nice-admin-dashboard__widget-icon", children: c.icon }),
+                /* @__PURE__ */ e("span", { className: "nice-admin-dashboard__widget-title", children: c.title })
+              ] }),
+              c.type === "stat" && /* @__PURE__ */ n("div", { className: "nice-admin-dashboard__stat", children: [
+                /* @__PURE__ */ e("span", { className: "nice-admin-dashboard__stat-value", children: c.value }),
+                c.change && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `nice-admin-dashboard__stat-change ${c.changePositive ? "nice-admin-dashboard__stat-change--positive" : "nice-admin-dashboard__stat-change--negative"}`,
+                    children: c.change
+                  }
+                )
+              ] }),
+              c.type === "custom" && c.render && /* @__PURE__ */ e("div", { className: "nice-admin-dashboard__custom", children: c.render() }),
+              (c.type === "chart" || c.type === "table" || c.type === "list") && c.render && /* @__PURE__ */ e("div", { className: "nice-admin-dashboard__content", children: c.render() })
+            ]
+          },
+          c.id
+        ))
+      }
+    )
+  ] });
+}), q = {
+  active: "#22c55e",
+  inactive: "#9ca3af",
+  suspended: "#ef4444",
+  pending: "#eab308"
+}, V = D(function(S, k) {
+  const {
+    users: u,
+    availableRoles: v = [],
+    onCreate: _,
+    onEdit: g,
+    onDelete: h,
+    onToggleStatus: b,
+    onChangeRoles: f,
+    searchable: c = !0,
+    title: w = "User Management",
+    className: C,
+    style: p
+  } = S, [N, y] = x(""), [l, t] = x(""), a = T(() => {
+    let i = u;
+    if (l && (i = i.filter((m) => m.status === l)), N.trim()) {
+      const m = N.toLowerCase();
+      i = i.filter(
+        (L) => L.name.toLowerCase().includes(m) || L.email.toLowerCase().includes(m) || L.roles.some((F) => F.toLowerCase().includes(m))
+      );
+    }
+    return i;
+  }, [u, l, N]), o = $((i) => {
+    if (!b) return;
+    const m = i.status === "active" ? "suspended" : "active";
+    b(i.id, m);
+  }, [b]);
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-users ${C ?? ""}`, style: p, children: [
+    /* @__PURE__ */ n("div", { className: "nice-admin-users__header", children: [
+      /* @__PURE__ */ e("h3", { children: w }),
+      /* @__PURE__ */ n("span", { className: "nice-admin-users__count", children: [
+        u.length,
+        " users"
+      ] }),
+      _ && /* @__PURE__ */ e("button", { className: "nice-admin-users__create-btn", onClick: _, children: "+ Add User" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "nice-admin-users__toolbar", children: [
+      c && /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: N,
+          onChange: (i) => y(i.target.value),
+          placeholder: "Search users…",
+          className: "nice-admin-users__search"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "select",
+        {
+          value: l,
+          onChange: (i) => t(i.target.value),
+          className: "nice-admin-users__status-filter",
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: "All statuses" }),
+            /* @__PURE__ */ e("option", { value: "active", children: "Active" }),
+            /* @__PURE__ */ e("option", { value: "inactive", children: "Inactive" }),
+            /* @__PURE__ */ e("option", { value: "suspended", children: "Suspended" }),
+            /* @__PURE__ */ e("option", { value: "pending", children: "Pending" })
+          ]
+        }
+      )
+    ] }),
+    a.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-admin-users__empty", children: "No users found." }) : /* @__PURE__ */ n("table", { className: "nice-admin-users__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "User" }),
+        /* @__PURE__ */ e("th", { children: "Email" }),
+        /* @__PURE__ */ e("th", { children: "Roles" }),
+        /* @__PURE__ */ e("th", { children: "Status" }),
+        /* @__PURE__ */ e("th", { children: "Created" }),
+        /* @__PURE__ */ e("th", { children: "Last Login" }),
+        /* @__PURE__ */ e("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((i) => /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ n("td", { className: "nice-admin-users__user-cell", children: [
+          i.avatarUrl && /* @__PURE__ */ e("img", { src: i.avatarUrl, alt: "", className: "nice-admin-users__avatar" }),
+          /* @__PURE__ */ e("span", { children: i.name })
+        ] }),
+        /* @__PURE__ */ e("td", { children: i.email }),
+        /* @__PURE__ */ e("td", { children: f ? /* @__PURE__ */ e(
+          "select",
+          {
+            multiple: !0,
+            value: i.roles,
+            onChange: (m) => {
+              const L = Array.from(m.target.selectedOptions, (F) => F.value);
+              f(i.id, L);
+            },
+            className: "nice-admin-users__roles-select",
+            children: v.map((m) => /* @__PURE__ */ e("option", { value: m, children: m }, m))
+          }
+        ) : i.roles.join(", ") }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: "nice-admin-users__status-badge",
+            style: { backgroundColor: q[i.status] },
+            onClick: () => o(i),
+            role: b ? "button" : void 0,
+            children: i.status
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: i.createdAt }),
+        /* @__PURE__ */ e("td", { children: i.lastLoginAt ?? "—" }),
+        /* @__PURE__ */ n("td", { className: "nice-admin-users__actions", children: [
+          g && /* @__PURE__ */ e("button", { onClick: () => g(i), children: "Edit" }),
+          h && /* @__PURE__ */ e("button", { onClick: () => h(i.id), children: "Delete" })
+        ] })
+      ] }, i.id)) })
+    ] })
+  ] });
+}), Y = D(function(S, k) {
+  var d;
+  const {
+    roles: u,
+    actions: v,
+    resources: _,
+    onPermissionChange: g,
+    onCreate: h,
+    onDelete: b,
+    onRename: f,
+    title: c = "Role Management",
+    className: w,
+    style: C
+  } = S, [p, N] = x(((d = u[0]) == null ? void 0 : d.id) ?? null), [y, l] = x(!1), [t, a] = x(""), [o, i] = x(""), m = u.find((r) => r.id === p), L = $(() => {
+    !t.trim() || !h || (h(t.trim(), o.trim()), a(""), i(""), l(!1));
+  }, [t, o, h]), F = (r, s, A) => {
+    var E;
+    return ((E = r.permissions[s]) == null ? void 0 : E.includes(A)) ?? !1;
+  };
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-roles ${w ?? ""}`, style: C, children: [
+    /* @__PURE__ */ n("div", { className: "nice-admin-roles__header", children: [
+      /* @__PURE__ */ e("h3", { children: c }),
+      h && /* @__PURE__ */ e("button", { onClick: () => l(!y), children: "+ New Role" })
+    ] }),
+    y && /* @__PURE__ */ n("div", { className: "nice-admin-roles__create-form", children: [
+      /* @__PURE__ */ e("input", { type: "text", value: t, onChange: (r) => a(r.target.value), placeholder: "Role name" }),
+      /* @__PURE__ */ e("input", { type: "text", value: o, onChange: (r) => i(r.target.value), placeholder: "Description" }),
+      /* @__PURE__ */ e("button", { onClick: L, disabled: !t.trim(), children: "Create" }),
+      /* @__PURE__ */ e("button", { onClick: () => l(!1), children: "Cancel" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "nice-admin-roles__tabs", children: u.map((r) => /* @__PURE__ */ n(
+      "button",
+      {
+        className: `nice-admin-roles__tab ${r.id === p ? "nice-admin-roles__tab--active" : ""}`,
+        onClick: () => N(r.id),
+        style: r.color ? { borderColor: r.color } : void 0,
+        children: [
+          r.name,
+          r.userCount != null && /* @__PURE__ */ n("span", { className: "nice-admin-roles__tab-count", children: [
+            "(",
+            r.userCount,
+            ")"
+          ] }),
+          r.isSystem && /* @__PURE__ */ e("span", { className: "nice-admin-roles__tab-system", children: "🔒" })
+        ]
+      },
+      r.id
+    )) }),
+    m && /* @__PURE__ */ n("div", { className: "nice-admin-roles__matrix-wrap", children: [
+      m.description && /* @__PURE__ */ e("p", { className: "nice-admin-roles__description", children: m.description }),
+      /* @__PURE__ */ n("table", { className: "nice-admin-roles__matrix", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Resource" }),
+          v.map((r) => /* @__PURE__ */ e("th", { title: r.description, children: r.label }, r.id))
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: _.map((r) => /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("td", { children: r.label }),
+          v.map((s) => {
+            const A = F(m, r.id, s.id);
+            return /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: A,
+                onChange: () => g == null ? void 0 : g(m.id, r.id, s.id, !A),
+                disabled: m.isSystem
+              }
+            ) }, s.id);
+          })
+        ] }, r.id)) })
+      ] }),
+      !m.isSystem && /* @__PURE__ */ n("div", { className: "nice-admin-roles__role-actions", children: [
+        f && /* @__PURE__ */ e("button", { onClick: () => {
+          const r = prompt("New role name:", m.name);
+          r && f(m.id, r);
+        }, children: "Rename" }),
+        b && /* @__PURE__ */ e("button", { onClick: () => b(m.id), children: "Delete Role" })
+      ] })
+    ] })
+  ] });
+}), O = {
+  info: { color: "#3b82f6", label: "INFO" },
+  warning: { color: "#eab308", label: "WARN" },
+  error: { color: "#ef4444", label: "ERROR" },
+  critical: { color: "#dc2626", label: "CRIT" }
+}, J = D(function(S, k) {
+  const {
+    entries: u,
+    onEntryClick: v,
+    onLoadMore: _,
+    hasMore: g = !1,
+    searchable: h = !0,
+    showSeverityFilter: b = !0,
+    title: f = "Audit Log",
+    className: c,
+    style: w
+  } = S, [C, p] = x(""), [N, y] = x(""), l = T(() => {
+    let t = u;
+    if (N && (t = t.filter((a) => a.severity === N)), C.trim()) {
+      const a = C.toLowerCase();
+      t = t.filter(
+        (o) => {
+          var i;
+          return o.actorName.toLowerCase().includes(a) || o.action.toLowerCase().includes(a) || o.resource.toLowerCase().includes(a) || ((i = o.details) == null ? void 0 : i.toLowerCase().includes(a));
+        }
+      );
+    }
+    return t;
+  }, [u, N, C]);
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-audit-log ${c ?? ""}`, style: w, children: [
+    /* @__PURE__ */ n("div", { className: "nice-admin-audit-log__header", children: [
+      /* @__PURE__ */ e("h3", { children: f }),
+      /* @__PURE__ */ n("span", { className: "nice-admin-audit-log__count", children: [
+        u.length,
+        " entries"
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "nice-admin-audit-log__toolbar", children: [
+      h && /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: C,
+          onChange: (t) => p(t.target.value),
+          placeholder: "Search audit log…",
+          className: "nice-admin-audit-log__search"
+        }
+      ),
+      b && /* @__PURE__ */ n(
+        "select",
+        {
+          value: N,
+          onChange: (t) => y(t.target.value),
+          className: "nice-admin-audit-log__severity-filter",
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: "All severities" }),
+            /* @__PURE__ */ e("option", { value: "info", children: "Info" }),
+            /* @__PURE__ */ e("option", { value: "warning", children: "Warning" }),
+            /* @__PURE__ */ e("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ e("option", { value: "critical", children: "Critical" })
+          ]
+        }
+      )
+    ] }),
+    l.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-admin-audit-log__empty", children: "No audit log entries found." }) : /* @__PURE__ */ n("table", { className: "nice-admin-audit-log__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Timestamp" }),
+        /* @__PURE__ */ e("th", { children: "Severity" }),
+        /* @__PURE__ */ e("th", { children: "Actor" }),
+        /* @__PURE__ */ e("th", { children: "Action" }),
+        /* @__PURE__ */ e("th", { children: "Resource" }),
+        /* @__PURE__ */ e("th", { children: "IP" }),
+        /* @__PURE__ */ e("th", { children: "Details" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: l.map((t) => {
+        const a = O[t.severity];
+        return /* @__PURE__ */ n(
+          "tr",
+          {
+            className: "nice-admin-audit-log__row",
+            onClick: () => v == null ? void 0 : v(t),
+            role: v ? "button" : void 0,
+            tabIndex: v ? 0 : void 0,
+            children: [
+              /* @__PURE__ */ e("td", { children: t.timestamp }),
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: "nice-admin-audit-log__severity", style: { color: a.color }, children: a.label }) }),
+              /* @__PURE__ */ e("td", { children: t.actorName }),
+              /* @__PURE__ */ e("td", { children: t.action }),
+              /* @__PURE__ */ n("td", { children: [
+                t.resource,
+                t.resourceId ? ` #${t.resourceId}` : ""
+              ] }),
+              /* @__PURE__ */ e("td", { children: t.ipAddress ?? "—" }),
+              /* @__PURE__ */ e("td", { className: "nice-admin-audit-log__details", children: t.details ?? "—" })
+            ]
+          },
+          t.id
+        );
+      }) })
+    ] }),
+    g && _ && /* @__PURE__ */ e("button", { className: "nice-admin-audit-log__load-more", onClick: _, children: "Load more" })
+  ] });
+}), W = D(function(S, k) {
+  const {
+    settings: u,
+    onSave: v,
+    onChange: _,
+    onReset: g,
+    saving: h = !1,
+    title: b = "Settings",
+    className: f,
+    style: c
+  } = S, [w, C] = x(() => {
+    const t = {};
+    for (const a of u) t[a.key] = a.value;
+    return t;
+  }), p = $((t, a) => {
+    C((o) => ({ ...o, [t]: a })), _ == null || _(t, a);
+  }, [_]), N = $(() => {
+    v == null || v(w);
+  }, [v, w]), y = /* @__PURE__ */ new Map();
+  for (const t of u) {
+    const a = t.section ?? "General";
+    y.has(a) || y.set(a, []), y.get(a).push(t);
+  }
+  const l = (t) => {
+    var o;
+    const a = w[t.key];
+    switch (t.type) {
+      case "boolean":
+        return /* @__PURE__ */ n("label", { className: "nice-admin-settings__toggle", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: !!a,
+              onChange: (i) => p(t.key, i.target.checked)
+            }
+          ),
+          t.label
+        ] });
+      case "select":
+        return /* @__PURE__ */ e(
+          "select",
+          {
+            value: String(a ?? ""),
+            onChange: (i) => p(t.key, i.target.value),
+            className: "nice-admin-settings__select",
+            children: (o = t.options) == null ? void 0 : o.map((i) => /* @__PURE__ */ e("option", { value: i.value, children: i.label }, i.value))
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: String(a ?? ""),
+            onChange: (i) => p(t.key, i.target.value),
+            placeholder: t.placeholder,
+            className: "nice-admin-settings__textarea",
+            rows: 4
+          }
+        );
+      case "number":
+        return /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a != null ? Number(a) : "",
+            onChange: (i) => p(t.key, parseFloat(i.target.value) || 0),
+            placeholder: t.placeholder,
+            className: "nice-admin-settings__input"
+          }
+        );
+      case "color":
+        return /* @__PURE__ */ e(
+          "input",
+          {
+            type: "color",
+            value: String(a ?? "#000000"),
+            onChange: (i) => p(t.key, i.target.value),
+            className: "nice-admin-settings__color"
+          }
+        );
+      case "password":
+        return /* @__PURE__ */ e(
+          "input",
+          {
+            type: "password",
+            value: String(a ?? ""),
+            onChange: (i) => p(t.key, i.target.value),
+            placeholder: t.placeholder,
+            className: "nice-admin-settings__input",
+            autoComplete: "new-password"
+          }
+        );
+      default:
+        return /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: String(a ?? ""),
+            onChange: (i) => p(t.key, i.target.value),
+            placeholder: t.placeholder,
+            className: "nice-admin-settings__input"
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-settings ${f ?? ""}`, style: c, children: [
+    /* @__PURE__ */ e("div", { className: "nice-admin-settings__header", children: /* @__PURE__ */ e("h3", { children: b }) }),
+    Array.from(y.entries()).map(([t, a]) => /* @__PURE__ */ n("fieldset", { className: "nice-admin-settings__section", children: [
+      /* @__PURE__ */ e("legend", { children: t }),
+      a.map((o) => /* @__PURE__ */ n("div", { className: "nice-admin-settings__field", children: [
+        o.type !== "boolean" && /* @__PURE__ */ n("label", { className: "nice-admin-settings__label", children: [
+          o.label,
+          o.required && /* @__PURE__ */ e("span", { className: "nice-admin-settings__required", children: "*" })
+        ] }),
+        o.description && /* @__PURE__ */ e("p", { className: "nice-admin-settings__description", children: o.description }),
+        l(o)
+      ] }, o.key))
+    ] }, t)),
+    /* @__PURE__ */ n("div", { className: "nice-admin-settings__actions", children: [
+      /* @__PURE__ */ e("button", { className: "nice-admin-settings__save-btn", onClick: N, disabled: h, children: h ? "Saving…" : "Save Settings" }),
+      g && /* @__PURE__ */ e("button", { className: "nice-admin-settings__reset-btn", onClick: g, children: "Reset to Defaults" })
+    ] })
+  ] });
+}), z = D(function(S, k) {
+  const {
+    notifications: u,
+    availableChannels: v = ["email", "push", "sms", "in-app", "webhook"],
+    onToggle: _,
+    onEdit: g,
+    onTest: h,
+    onCreate: b,
+    onDelete: f,
+    title: c = "Notification Management",
+    className: w,
+    style: C
+  } = S, [p, N] = x(""), y = T(() => {
+    if (!p.trim()) return u;
+    const l = p.toLowerCase();
+    return u.filter(
+      (t) => {
+        var a;
+        return t.name.toLowerCase().includes(l) || t.event.toLowerCase().includes(l) || ((a = t.description) == null ? void 0 : a.toLowerCase().includes(l));
+      }
+    );
+  }, [u, p]);
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-admin-notifications ${w ?? ""}`, style: C, children: [
+    /* @__PURE__ */ n("div", { className: "nice-admin-notifications__header", children: [
+      /* @__PURE__ */ e("h3", { children: c }),
+      b && /* @__PURE__ */ e("button", { onClick: b, children: "+ New Notification" })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: p,
+        onChange: (l) => N(l.target.value),
+        placeholder: "Search notifications…",
+        className: "nice-admin-notifications__search"
+      }
+    ),
+    y.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-admin-notifications__empty", children: "No notifications found." }) : /* @__PURE__ */ n("table", { className: "nice-admin-notifications__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Enabled" }),
+        /* @__PURE__ */ e("th", { children: "Name" }),
+        /* @__PURE__ */ e("th", { children: "Event" }),
+        /* @__PURE__ */ e("th", { children: "Channels" }),
+        /* @__PURE__ */ e("th", { children: "Last Sent" }),
+        /* @__PURE__ */ e("th", { children: "Sent" }),
+        /* @__PURE__ */ e("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: y.map((l) => /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: l.enabled,
+            onChange: () => _ == null ? void 0 : _(l.id, !l.enabled)
+          }
+        ) }),
+        /* @__PURE__ */ n("td", { children: [
+          /* @__PURE__ */ e("strong", { children: l.name }),
+          l.description && /* @__PURE__ */ e("br", {}),
+          l.description && /* @__PURE__ */ e("small", { children: l.description })
+        ] }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("code", { children: l.event }) }),
+        /* @__PURE__ */ e("td", { children: l.channels.join(", ") }),
+        /* @__PURE__ */ e("td", { children: l.lastSentAt ?? "—" }),
+        /* @__PURE__ */ e("td", { children: l.sentCount ?? 0 }),
+        /* @__PURE__ */ n("td", { className: "nice-admin-notifications__actions", children: [
+          g && /* @__PURE__ */ e("button", { onClick: () => g(l), children: "Edit" }),
+          h && /* @__PURE__ */ e("button", { onClick: () => h(l.id), children: "Test" }),
+          f && /* @__PURE__ */ e("button", { onClick: () => f(l.id), children: "Delete" })
+        ] })
+      ] }, l.id)) })
+    ] })
+  ] });
+}), B = D(function(S, k) {
+  const {
+    flags: u,
+    environmentNames: v = ["development", "staging", "production"],
+    onToggle: _,
+    onPercentageChange: g,
+    onCreate: h,
+    onDelete: b,
+    onEdit: f,
+    title: c = "Feature Flags",
+    className: w,
+    style: C
+  } = S, [p, N] = x(""), [y, l] = x(!1), [t, a] = x(""), [o, i] = x(""), [m, L] = x(""), F = T(() => {
+    if (!p.trim()) return u;
+    const s = p.toLowerCase();
+    return u.filter(
+      (A) => {
+        var E, R;
+        return A.key.toLowerCase().includes(s) || A.name.toLowerCase().includes(s) || ((E = A.description) == null ? void 0 : E.toLowerCase().includes(s)) || ((R = A.tags) == null ? void 0 : R.some((U) => U.toLowerCase().includes(s)));
+      }
+    );
+  }, [u, p]), d = $(() => {
+    !t.trim() || !o.trim() || !h || (h(t.trim(), o.trim(), m.trim()), a(""), i(""), L(""), l(!1));
+  }, [t, o, m, h]), r = (s, A) => s.environments.find((E) => E.name === A);
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-feature-flags ${w ?? ""}`, style: C, children: [
+    /* @__PURE__ */ n("div", { className: "nice-feature-flags__header", children: [
+      /* @__PURE__ */ e("h3", { children: c }),
+      /* @__PURE__ */ n("span", { className: "nice-feature-flags__count", children: [
+        u.length,
+        " flags"
+      ] }),
+      h && /* @__PURE__ */ e("button", { onClick: () => l(!y), children: "+ New Flag" })
+    ] }),
+    y && /* @__PURE__ */ n("div", { className: "nice-feature-flags__create-form", children: [
+      /* @__PURE__ */ e("input", { type: "text", value: t, onChange: (s) => a(s.target.value), placeholder: "flag_key" }),
+      /* @__PURE__ */ e("input", { type: "text", value: o, onChange: (s) => i(s.target.value), placeholder: "Display name" }),
+      /* @__PURE__ */ e("input", { type: "text", value: m, onChange: (s) => L(s.target.value), placeholder: "Description" }),
+      /* @__PURE__ */ e("button", { onClick: d, disabled: !t.trim() || !o.trim(), children: "Create" }),
+      /* @__PURE__ */ e("button", { onClick: () => l(!1), children: "Cancel" })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: p,
+        onChange: (s) => N(s.target.value),
+        placeholder: "Search flags…",
+        className: "nice-feature-flags__search"
+      }
+    ),
+    F.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-feature-flags__empty", children: "No feature flags found." }) : /* @__PURE__ */ n("table", { className: "nice-feature-flags__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Flag" }),
+        v.map((s) => /* @__PURE__ */ e("th", { children: s }, s)),
+        /* @__PURE__ */ e("th", { children: "Tags" }),
+        /* @__PURE__ */ e("th", { children: "Updated" }),
+        /* @__PURE__ */ e("th", { children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: F.map((s) => {
+        var A;
+        return /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className: "nice-feature-flags__flag-info", children: [
+            /* @__PURE__ */ e("strong", { children: s.name }),
+            /* @__PURE__ */ e("code", { className: "nice-feature-flags__key", children: s.key }),
+            s.description && /* @__PURE__ */ e("small", { children: s.description })
+          ] }) }),
+          v.map((E) => {
+            const R = r(s, E);
+            return /* @__PURE__ */ n("td", { className: "nice-feature-flags__env-cell", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: (R == null ? void 0 : R.enabled) ?? !1,
+                  onChange: () => _ == null ? void 0 : _(s.id, E, !((R == null ? void 0 : R.enabled) ?? !1))
+                }
+              ),
+              (R == null ? void 0 : R.percentage) != null && /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "number",
+                  min: 0,
+                  max: 100,
+                  value: R.percentage,
+                  onChange: (U) => g == null ? void 0 : g(s.id, E, parseInt(U.target.value, 10) || 0),
+                  className: "nice-feature-flags__percentage",
+                  title: "Rollout %"
+                }
+              )
+            ] }, E);
+          }),
+          /* @__PURE__ */ e("td", { children: ((A = s.tags) == null ? void 0 : A.join(", ")) || "—" }),
+          /* @__PURE__ */ e("td", { children: s.updatedAt ?? s.createdAt }),
+          /* @__PURE__ */ n("td", { className: "nice-feature-flags__actions", children: [
+            f && /* @__PURE__ */ e("button", { onClick: () => f(s), children: "Edit" }),
+            b && /* @__PURE__ */ e("button", { onClick: () => b(s.id), children: "Delete" })
+          ] })
+        ] }, s.id);
+      }) })
+    ] })
+  ] });
+}), H = D(function(S, k) {
+  var F;
+  const {
+    entities: u,
+    formats: v = ["json", "csv", "xlsx"],
+    jobs: _ = [],
+    onImport: g,
+    onExport: h,
+    onDownload: b,
+    title: f = "Import / Export",
+    className: c,
+    style: w
+  } = S, [C, p] = x("export"), [N, y] = x(((F = u[0]) == null ? void 0 : F.id) ?? ""), [l, t] = x(v[0] ?? "json"), [a, o] = x(null), i = $(() => {
+    !g || !a || !N || (g(N, l, a), o(null));
+  }, [g, N, l, a]), m = $(() => {
+    !h || !N || h(N, l);
+  }, [h, N, l]), L = (d) => {
+    var r;
+    o(((r = d.target.files) == null ? void 0 : r[0]) ?? null);
+  };
+  return /* @__PURE__ */ n("div", { ref: k, className: `nice-import-export ${c ?? ""}`, style: w, children: [
+    /* @__PURE__ */ e("div", { className: "nice-import-export__header", children: /* @__PURE__ */ e("h3", { children: f }) }),
+    /* @__PURE__ */ n("div", { className: "nice-import-export__tabs", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-import-export__tab ${C === "import" ? "nice-import-export__tab--active" : ""}`,
+          onClick: () => p("import"),
+          children: "Import"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-import-export__tab ${C === "export" ? "nice-import-export__tab--active" : ""}`,
+          onClick: () => p("export"),
+          children: "Export"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "nice-import-export__form", children: [
+      /* @__PURE__ */ n("label", { children: [
+        "Entity",
+        /* @__PURE__ */ e("select", { value: N, onChange: (d) => y(d.target.value), children: u.map((d) => /* @__PURE__ */ e("option", { value: d.id, children: d.label }, d.id)) })
+      ] }),
+      /* @__PURE__ */ n("label", { children: [
+        "Format",
+        /* @__PURE__ */ e("select", { value: l, onChange: (d) => t(d.target.value), children: v.map((d) => /* @__PURE__ */ e("option", { value: d, children: d.toUpperCase() }, d)) })
+      ] }),
+      C === "import" && /* @__PURE__ */ n(M, { children: [
+        /* @__PURE__ */ n("label", { children: [
+          "File",
+          /* @__PURE__ */ e("input", { type: "file", onChange: L, accept: `.${l}` })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-import-export__action-btn",
+            onClick: i,
+            disabled: !a,
+            children: "Start Import"
+          }
+        )
+      ] }),
+      C === "export" && /* @__PURE__ */ e("button", { className: "nice-import-export__action-btn", onClick: m, children: "Start Export" })
+    ] }),
+    _.length > 0 && /* @__PURE__ */ n("div", { className: "nice-import-export__jobs", children: [
+      /* @__PURE__ */ e("h4", { children: "Recent Jobs" }),
+      /* @__PURE__ */ n("table", { className: "nice-import-export__jobs-table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Type" }),
+          /* @__PURE__ */ e("th", { children: "Format" }),
+          /* @__PURE__ */ e("th", { children: "Status" }),
+          /* @__PURE__ */ e("th", { children: "Progress" }),
+          /* @__PURE__ */ e("th", { children: "Errors" }),
+          /* @__PURE__ */ e("th", { children: "Created" }),
+          /* @__PURE__ */ e("th", {})
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: _.map((d) => /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("td", { children: d.type }),
+          /* @__PURE__ */ e("td", { children: d.format.toUpperCase() }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `nice-import-export__status nice-import-export__status--${d.status}`, children: d.status }) }),
+          /* @__PURE__ */ e("td", { children: d.processedRows != null && d.totalRows ? `${d.processedRows} / ${d.totalRows}` : "—" }),
+          /* @__PURE__ */ e("td", { children: d.errorCount ?? 0 }),
+          /* @__PURE__ */ e("td", { children: d.createdAt }),
+          /* @__PURE__ */ e("td", { children: d.type === "export" && d.status === "completed" && b && /* @__PURE__ */ e("button", { onClick: () => b(d.id), children: "Download" }) })
+        ] }, d.id)) })
+      ] })
+    ] })
+  ] });
+});
+export {
+  J as NiceAdminAuditLog,
+  P as NiceAdminDashboard,
+  z as NiceAdminNotifications,
+  Y as NiceAdminRoles,
+  W as NiceAdminSettings,
+  V as NiceAdminUsers,
+  B as NiceFeatureFlags,
+  H as NiceImportExport
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@nice2dev/admin",
+  "version": "0.1.0",
+  "description": "Nice2Dev Admin — Dashboard, user management, roles, audit log, settings, feature flags, import/export for React",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": ["dist", "LICENSE", "CHANGELOG.md", "README.md"],
+  "sideEffects": ["*.css"],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.build.json && vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "test:coverage": "vitest run --config vitest.config.ts --coverage",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react", "admin", "dashboard", "users", "roles", "audit", "settings",
+    "feature-flags", "import", "export", "nicetodev"
+  ],
+  "author": "NiceToDev <contact@nicetodev.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NiceToDev/NiceToDev.UI.git",
+    "directory": "nice2dev-admin"
+  },
+  "homepage": "https://github.com/NiceToDev/NiceToDev.UI#readme",
+  "bugs": {
+    "url": "https://github.com/NiceToDev/NiceToDev.UI/issues"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.3.0",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.0"
+  }
+}