@nice2dev/ui 1.0.17 → 1.0.19

package/dist/NiceForm.css

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

package/dist/NiceGestureHandler.doc-9GGvVnM5.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",n="NiceGestureHandler",t="Gesture handler for touch interactions like pinch, rotate, swipe.",o="mobile",i="1.0.0",a="planned",c=[{name:"children",type:"React.ReactNode",required:!0,description:"Content to handle"},{name:"onPinch",type:"(scale: number) => void",description:"Pinch callback"},{name:"onRotate",type:"(angle: number) => void",description:"Rotate callback"},{name:"onSwipe",type:"(direction: SwipeDirection) => void",description:"Swipe callback"},{name:"onPan",type:"(delta: { x: number; y: number }) => void",description:"Pan callback"},{name:"onDoubleTap",type:"() => void",description:"Double tap callback"},{name:"onLongPress",type:"() => void",description:"Long press callback"},{name:"enabled",type:"GestureType[]",description:"Enabled gesture types"}],s=[{title:"Gesture Handler",description:"Handle gestures",code:`<NiceGestureHandler
+  onPinch={handleZoom}
+  onSwipe={handleSwipe}
+  onDoubleTap={resetZoom}
+  enabled={['pinch', 'swipe', 'doubleTap']}
+>
+  <ImageViewer />
+</NiceGestureHandler>`}],r={keyboard:["Keyboard alternatives for gestures"],aria:[]},l=["NiceSwipeCard","NicePinchZoom"],d={$schema:e,name:n,description:t,category:o,since:i,status:a,props:c,examples:s,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=o;exports.default=d;exports.description=t;exports.examples=s;exports.name=n;exports.props=c;exports.seeAlso=l;exports.since=i;exports.status=a;

package/dist/NiceGestureHandler.doc-BduQU3SA.js

@@ -0,0 +1,32 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceGestureHandler", o = "Gesture handler for touch interactions like pinch, rotate, swipe.", t = "mobile", a = "1.0.0", c = "planned", i = [{ name: "children", type: "React.ReactNode", required: !0, description: "Content to handle" }, { name: "onPinch", type: "(scale: number) => void", description: "Pinch callback" }, { name: "onRotate", type: "(angle: number) => void", description: "Rotate callback" }, { name: "onSwipe", type: "(direction: SwipeDirection) => void", description: "Swipe callback" }, { name: "onPan", type: "(delta: { x: number; y: number }) => void", description: "Pan callback" }, { name: "onDoubleTap", type: "() => void", description: "Double tap callback" }, { name: "onLongPress", type: "() => void", description: "Long press callback" }, { name: "enabled", type: "GestureType[]", description: "Enabled gesture types" }], s = [{ title: "Gesture Handler", description: "Handle gestures", code: `<NiceGestureHandler
+  onPinch={handleZoom}
+  onSwipe={handleSwipe}
+  onDoubleTap={resetZoom}
+  enabled={['pinch', 'swipe', 'doubleTap']}
+>
+  <ImageViewer />
+</NiceGestureHandler>` }], r = { keyboard: ["Keyboard alternatives for gestures"], aria: [] }, d = ["NiceSwipeCard", "NicePinchZoom"], l = {
+  $schema: e,
+  name: n,
+  description: o,
+  category: t,
+  since: a,
+  status: c,
+  props: i,
+  examples: s,
+  accessibility: r,
+  seeAlso: d
+};
+export {
+  e as $schema,
+  r as accessibility,
+  t as category,
+  l as default,
+  o as description,
+  s as examples,
+  n as name,
+  i as props,
+  d as seeAlso,
+  a as since,
+  c as status
+};

package/dist/NiceHeader.doc-Cxoy_f_k.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceHeader",a="Page header section.",c="layout",o="1.0.0",n="planned",i=[{name:"children",type:"React.ReactNode",description:"Header content"},{name:"title",type:"React.ReactNode",description:"Page title"},{name:"subtitle",type:"React.ReactNode",description:"Subtitle text"},{name:"breadcrumb",type:"BreadcrumbProps",description:"Breadcrumb config"},{name:"extra",type:"React.ReactNode",description:"Extra actions"},{name:"onBack",type:"() => void",description:"Back button callback"},{name:"sticky",type:"boolean",default:"false",description:"Sticky header"}],s=[{title:"Header",description:"Page header",code:`<NiceHeader
+  title="Products"
+  subtitle="Manage your product catalog"
+  onBack={() => navigate(-1)}
+  extra={<NiceButton>Add Product</NiceButton>}
+/>`}],r={keyboard:["Tab to back button"],aria:["Banner landmark","Heading level"]},d=["NiceLayout","NicePageHeader"],l={$schema:e,name:t,description:a,category:c,since:o,status:n,props:i,examples:s,accessibility:r,seeAlso:d};exports.$schema=e;exports.accessibility=r;exports.category=c;exports.default=l;exports.description=a;exports.examples=s;exports.name=t;exports.props=i;exports.seeAlso=d;exports.since=o;exports.status=n;

package/dist/NiceHeader.doc-DjAVl-T4.js

@@ -0,0 +1,30 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceHeader", a = "Page header section.", c = "layout", n = "1.0.0", o = "planned", i = [{ name: "children", type: "React.ReactNode", description: "Header content" }, { name: "title", type: "React.ReactNode", description: "Page title" }, { name: "subtitle", type: "React.ReactNode", description: "Subtitle text" }, { name: "breadcrumb", type: "BreadcrumbProps", description: "Breadcrumb config" }, { name: "extra", type: "React.ReactNode", description: "Extra actions" }, { name: "onBack", type: "() => void", description: "Back button callback" }, { name: "sticky", type: "boolean", default: "false", description: "Sticky header" }], s = [{ title: "Header", description: "Page header", code: `<NiceHeader
+  title="Products"
+  subtitle="Manage your product catalog"
+  onBack={() => navigate(-1)}
+  extra={<NiceButton>Add Product</NiceButton>}
+/>` }], d = { keyboard: ["Tab to back button"], aria: ["Banner landmark", "Heading level"] }, r = ["NiceLayout", "NicePageHeader"], p = {
+  $schema: e,
+  name: t,
+  description: a,
+  category: c,
+  since: n,
+  status: o,
+  props: i,
+  examples: s,
+  accessibility: d,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  d as accessibility,
+  c as category,
+  p as default,
+  a as description,
+  s as examples,
+  t as name,
+  i as props,
+  r as seeAlso,
+  n as since,
+  o as status
+};

package/dist/NiceImage.doc-COy4iVy1.js

@@ -0,0 +1,34 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceImage", a = "Image component with loading, error states, and optimization.", n = "display", i = "1.0.0", o = "planned", c = [{ name: "src", type: "string", required: !0, description: "Image source" }, { name: "alt", type: "string", required: !0, description: "Alt text" }, { name: "width", type: "number | string", description: "Image width" }, { name: "height", type: "number | string", description: "Image height" }, { name: "fallback", type: "string | React.ReactNode", description: "Fallback on error" }, { name: "placeholder", type: "'blur' | 'empty' | React.ReactNode", default: "'empty'", description: "Loading placeholder" }, { name: "lazy", type: "boolean", default: "true", description: "Lazy load" }, { name: "objectFit", type: "'cover' | 'contain' | 'fill' | 'none'", default: "'cover'", description: "Object fit" }, { name: "preview", type: "boolean", default: "false", description: "Enable preview on click" }], r = [{ title: "Image", description: "Optimized image", code: `<NiceImage
+  src="/photo.jpg"
+  alt="Description"
+  width={400}
+  height={300}
+  fallback="/placeholder.jpg"
+  placeholder="blur"
+  lazy
+  preview
+/>` }], s = { keyboard: ["Tab to preview button"], aria: ["Image with alt text", "Loading state"] }, p = ["NiceAvatar", "NiceGallery"], l = {
+  $schema: e,
+  name: t,
+  description: a,
+  category: n,
+  since: i,
+  status: o,
+  props: c,
+  examples: r,
+  accessibility: s,
+  seeAlso: p
+};
+export {
+  e as $schema,
+  s as accessibility,
+  n as category,
+  l as default,
+  a as description,
+  r as examples,
+  t as name,
+  c as props,
+  p as seeAlso,
+  i as since,
+  o as status
+};

package/dist/NiceImage.doc-CvnaTRj8.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceImage",a="Image component with loading, error states, and optimization.",i="display",n="1.0.0",o="planned",c=[{name:"src",type:"string",required:!0,description:"Image source"},{name:"alt",type:"string",required:!0,description:"Alt text"},{name:"width",type:"number | string",description:"Image width"},{name:"height",type:"number | string",description:"Image height"},{name:"fallback",type:"string | React.ReactNode",description:"Fallback on error"},{name:"placeholder",type:"'blur' | 'empty' | React.ReactNode",default:"'empty'",description:"Loading placeholder"},{name:"lazy",type:"boolean",default:"true",description:"Lazy load"},{name:"objectFit",type:"'cover' | 'contain' | 'fill' | 'none'",default:"'cover'",description:"Object fit"},{name:"preview",type:"boolean",default:"false",description:"Enable preview on click"}],s=[{title:"Image",description:"Optimized image",code:`<NiceImage
+  src="/photo.jpg"
+  alt="Description"
+  width={400}
+  height={300}
+  fallback="/placeholder.jpg"
+  placeholder="blur"
+  lazy
+  preview
+/>`}],r={keyboard:["Tab to preview button"],aria:["Image with alt text","Loading state"]},l=["NiceAvatar","NiceGallery"],p={$schema:e,name:t,description:a,category:i,since:n,status:o,props:c,examples:s,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=i;exports.default=p;exports.description=a;exports.examples=s;exports.name=t;exports.props=c;exports.seeAlso=l;exports.since=n;exports.status=o;

package/dist/NiceInPlaceEditor.doc-8nC6Kqvn.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceInPlaceEditor",c="Inline/in-place editing component.",n="input",i="1.0.0",a="planned",o=[{name:"value",type:"string",required:!0,description:"Current value"},{name:"onSave",type:"(value: string) => void",required:!0,description:"Save callback"},{name:"onCancel",type:"() => void",description:"Cancel callback"},{name:"activateOn",type:"'click' | 'dblclick'",default:"'click'",description:"Activation trigger"}],s=[{title:"In-Place Editor",code:"<NiceInPlaceEditor value={title} onSave={updateTitle} />"}],l={keyboard:["Enter to save","Escape to cancel"],aria:["Editable"]},r=["NiceInput","NiceTextarea"],d={$schema:e,name:t,description:c,category:n,since:i,status:a,props:o,examples:s,accessibility:l,seeAlso:r};exports.$schema=e;exports.accessibility=l;exports.category=n;exports.default=d;exports.description=c;exports.examples=s;exports.name=t;exports.props=o;exports.seeAlso=r;exports.since=i;exports.status=a;

package/dist/NiceInPlaceEditor.doc-gF1XPyu5.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceInPlaceEditor", c = "Inline/in-place editing component.", n = "input", i = "1.0.0", a = "planned", o = [{ name: "value", type: "string", required: !0, description: "Current value" }, { name: "onSave", type: "(value: string) => void", required: !0, description: "Save callback" }, { name: "onCancel", type: "() => void", description: "Cancel callback" }, { name: "activateOn", type: "'click' | 'dblclick'", default: "'click'", description: "Activation trigger" }], s = [{ title: "In-Place Editor", code: "<NiceInPlaceEditor value={title} onSave={updateTitle} />" }], l = { keyboard: ["Enter to save", "Escape to cancel"], aria: ["Editable"] }, r = ["NiceInput", "NiceTextarea"], d = {
+  $schema: e,
+  name: t,
+  description: c,
+  category: n,
+  since: i,
+  status: a,
+  props: o,
+  examples: s,
+  accessibility: l,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  l as accessibility,
+  n as category,
+  d as default,
+  c as description,
+  s as examples,
+  t as name,
+  o as props,
+  r as seeAlso,
+  i as since,
+  a as status
+};

package/dist/NiceInteractiveTimeline.doc-BTeASFR4.js

@@ -0,0 +1,50 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceInteractiveTimeline", t = "Interactive Timeline", i = "1.0.0", o = "planned", a = "planning", s = "timeline", r = "Interactive zoomable timeline (hour→year) with groups, markers, and minimap.", m = "1.0.0", l = ["web", "desktop"], c = ["timeline", "interactive", "zoom", "events", "minimap"], d = [{ name: "events", type: "TimelineEvent[]", required: !0, description: "Events (id, title, start, end, type, group)." }, { name: "groups", type: "TimelineGroup[]", required: !1, description: "Swimlane groups." }, { name: "markers", type: "TimelineMarker[]", required: !1, description: "Milestone lines." }, { name: "initialZoom", type: "'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year'", required: !1, default: "'day'", description: "Initial zoom level." }, { name: "width", type: "number | string", required: !1, description: "Timeline width." }, { name: "height", type: "number | string", required: !1, description: "Timeline height." }, { name: "showToday", type: "boolean", required: !1, default: "true", description: "Show today marker." }, { name: "showZoomControls", type: "boolean", required: !1, default: "true", description: "Show zoom buttons." }, { name: "showNavControls", type: "boolean", required: !1, description: "Show navigation arrows." }, { name: "showMinimap", type: "boolean", required: !1, description: "Show minimap overview." }, { name: "renderEvent", type: "(event) => ReactNode", required: !1, description: "Custom event renderer." }, { name: "locale", type: "string", required: !1, description: "Date locale." }], p = [{ name: "onEventClick", parameters: [{ name: "event", type: "TimelineEvent" }], description: "Called when event clicked." }, { name: "onEventHover", parameters: [{ name: "event", type: "TimelineEvent | null" }], description: "Called on event hover." }, { name: "onDateChange", parameters: [{ name: "date", type: "Date" }], description: "Called when visible date changes." }, { name: "onZoomChange", parameters: [{ name: "zoom", type: "string" }], description: "Called when zoom level changes." }], v = [{ name: "goToDate", signature: "(date: Date) => void", description: "Navigate to specific date." }, { name: "zoomIn", signature: "() => void", description: "Zoom in one level." }, { name: "zoomOut", signature: "() => void", description: "Zoom out one level." }, { name: "setZoom", signature: "(zoom: ZoomLevel) => void", description: "Set specific zoom level." }], u = [], h = [{ title: "Project Timeline", code: `const timelineRef = useRef<NiceTimelineRef>(null);
+
+<NiceInteractiveTimeline
+  ref={timelineRef}
+  events={projectEvents}
+  groups={teams}
+  initialZoom="week"
+  showMinimap
+  showZoomControls
+  onEventClick={handleEventClick}
+/>`, language: "tsx" }], g = [{ name: "NiceTimeline", relationship: "simple" }, { name: "NiceGantt", relationship: "tasks" }], y = {
+  $schema: e,
+  name: n,
+  displayName: t,
+  version: i,
+  status: o,
+  category: a,
+  subcategory: s,
+  package: "@nicetoDev/ui",
+  description: r,
+  since: m,
+  platforms: l,
+  keywords: c,
+  props: d,
+  events: p,
+  methods: v,
+  cssVariables: u,
+  examples: h,
+  related: g
+};
+export {
+  e as $schema,
+  a as category,
+  u as cssVariables,
+  y as default,
+  r as description,
+  t as displayName,
+  p as events,
+  h as examples,
+  c as keywords,
+  v as methods,
+  n as name,
+  l as platforms,
+  d as props,
+  g as related,
+  m as since,
+  o as status,
+  s as subcategory,
+  i as version
+};

package/dist/NiceInteractiveTimeline.doc-WMOVQhMe.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",n="NiceInteractiveTimeline",t="Interactive Timeline",i="1.0.0",o="planned",a="planning",s="timeline",r="Interactive zoomable timeline (hour→year) with groups, markers, and minimap.",l="1.0.0",m=["web","desktop"],c=["timeline","interactive","zoom","events","minimap"],d=[{name:"events",type:"TimelineEvent[]",required:!0,description:"Events (id, title, start, end, type, group)."},{name:"groups",type:"TimelineGroup[]",required:!1,description:"Swimlane groups."},{name:"markers",type:"TimelineMarker[]",required:!1,description:"Milestone lines."},{name:"initialZoom",type:"'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year'",required:!1,default:"'day'",description:"Initial zoom level."},{name:"width",type:"number | string",required:!1,description:"Timeline width."},{name:"height",type:"number | string",required:!1,description:"Timeline height."},{name:"showToday",type:"boolean",required:!1,default:"true",description:"Show today marker."},{name:"showZoomControls",type:"boolean",required:!1,default:"true",description:"Show zoom buttons."},{name:"showNavControls",type:"boolean",required:!1,description:"Show navigation arrows."},{name:"showMinimap",type:"boolean",required:!1,description:"Show minimap overview."},{name:"renderEvent",type:"(event) => ReactNode",required:!1,description:"Custom event renderer."},{name:"locale",type:"string",required:!1,description:"Date locale."}],p=[{name:"onEventClick",parameters:[{name:"event",type:"TimelineEvent"}],description:"Called when event clicked."},{name:"onEventHover",parameters:[{name:"event",type:"TimelineEvent | null"}],description:"Called on event hover."},{name:"onDateChange",parameters:[{name:"date",type:"Date"}],description:"Called when visible date changes."},{name:"onZoomChange",parameters:[{name:"zoom",type:"string"}],description:"Called when zoom level changes."}],v=[{name:"goToDate",signature:"(date: Date) => void",description:"Navigate to specific date."},{name:"zoomIn",signature:"() => void",description:"Zoom in one level."},{name:"zoomOut",signature:"() => void",description:"Zoom out one level."},{name:"setZoom",signature:"(zoom: ZoomLevel) => void",description:"Set specific zoom level."}],u=[],h=[{title:"Project Timeline",code:`const timelineRef = useRef<NiceTimelineRef>(null);
+
+<NiceInteractiveTimeline
+  ref={timelineRef}
+  events={projectEvents}
+  groups={teams}
+  initialZoom="week"
+  showMinimap
+  showZoomControls
+  onEventClick={handleEventClick}
+/>`,language:"tsx"}],y=[{name:"NiceTimeline",relationship:"simple"},{name:"NiceGantt",relationship:"tasks"}],g={$schema:e,name:n,displayName:t,version:i,status:o,category:a,subcategory:s,package:"@nicetoDev/ui",description:r,since:l,platforms:m,keywords:c,props:d,events:p,methods:v,cssVariables:u,examples:h,related:y};exports.$schema=e;exports.category=a;exports.cssVariables=u;exports.default=g;exports.description=r;exports.displayName=t;exports.events=p;exports.examples=h;exports.keywords=c;exports.methods=v;exports.name=n;exports.platforms=m;exports.props=d;exports.related=y;exports.since=l;exports.status=o;exports.subcategory=s;exports.version=i;

package/dist/NiceJsonEditor.doc-BpVa-AlY.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceJsonEditor", o = "JSON editor with validation and tree view.", n = "editors", a = "1.0.0", i = "planned", d = [{ name: "value", type: "object | string", required: !0, description: "JSON value" }, { name: "onChange", type: "(value: object) => void", required: !0, description: "Change callback" }, { name: "mode", type: "'tree' | 'code' | 'text'", default: "'tree'", description: "View mode" }, { name: "schema", type: "object", description: "JSON schema for validation" }, { name: "readOnly", type: "boolean", default: "false", description: "Read-only mode" }, { name: "height", type: "number | string", default: "400", description: "Editor height" }, { name: "onValidate", type: "(errors: ValidationError[]) => void", description: "Validation callback" }, { name: "expandAll", type: "boolean", default: "false", description: "Expand all nodes" }], s = [{ title: "JSON Editor", description: "Edit JSON", code: `<NiceJsonEditor
+  value={jsonData}
+  onChange={setJsonData}
+  mode="tree"
+  schema={jsonSchema}
+  onValidate={handleValidation}
+/>` }], c = { keyboard: ["Tab through nodes", "Enter to edit"], aria: ["JSON editor", "Node descriptions"] }, r = ["NiceCodeEditor", "NicePropertyGrid"], l = {
+  $schema: e,
+  name: t,
+  description: o,
+  category: n,
+  since: a,
+  status: i,
+  props: d,
+  examples: s,
+  accessibility: c,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  c as accessibility,
+  n as category,
+  l as default,
+  o as description,
+  s as examples,
+  t as name,
+  d as props,
+  r as seeAlso,
+  a as since,
+  i as status
+};

package/dist/NiceJsonEditor.doc-DeyoVDQw.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceJsonEditor",o="JSON editor with validation and tree view.",n="editors",i="1.0.0",a="planned",s=[{name:"value",type:"object | string",required:!0,description:"JSON value"},{name:"onChange",type:"(value: object) => void",required:!0,description:"Change callback"},{name:"mode",type:"'tree' | 'code' | 'text'",default:"'tree'",description:"View mode"},{name:"schema",type:"object",description:"JSON schema for validation"},{name:"readOnly",type:"boolean",default:"false",description:"Read-only mode"},{name:"height",type:"number | string",default:"400",description:"Editor height"},{name:"onValidate",type:"(errors: ValidationError[]) => void",description:"Validation callback"},{name:"expandAll",type:"boolean",default:"false",description:"Expand all nodes"}],d=[{title:"JSON Editor",description:"Edit JSON",code:`<NiceJsonEditor
+  value={jsonData}
+  onChange={setJsonData}
+  mode="tree"
+  schema={jsonSchema}
+  onValidate={handleValidation}
+/>`}],c={keyboard:["Tab through nodes","Enter to edit"],aria:["JSON editor","Node descriptions"]},r=["NiceCodeEditor","NicePropertyGrid"],l={$schema:e,name:t,description:o,category:n,since:i,status:a,props:s,examples:d,accessibility:c,seeAlso:r};exports.$schema=e;exports.accessibility=c;exports.category=n;exports.default=l;exports.description=o;exports.examples=d;exports.name=t;exports.props=s;exports.seeAlso=r;exports.since=i;exports.status=a;

package/dist/NiceMegaMenu.doc-CO34gN43.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceMegaMenu",n="Mega menu with multi-column layouts and rich content.",o="navigation",c="1.0.0",i="planned",s=[{name:"items",type:"MegaMenuItem[]",required:!0,description:"Menu items"},{name:"onItemClick",type:"(item: MegaMenuItem) => void",description:"Item click callback"},{name:"trigger",type:"'click' | 'hover'",default:"'hover'",description:"Trigger type"},{name:"columns",type:"number",default:"4",description:"Column count"},{name:"showIcons",type:"boolean",default:"true",description:"Show item icons"},{name:"showDescriptions",type:"boolean",default:"true",description:"Show descriptions"},{name:"featured",type:"React.ReactNode",description:"Featured content"}],a=[{title:"Mega Menu",description:"Rich navigation menu",code:`<NiceMegaMenu
+  items={menuStructure}
+  onItemClick={handleNavigation}
+  columns={4}
+  showIcons
+  showDescriptions
+/>`}],r={keyboard:["Tab through items","Arrow keys to navigate"],aria:["Menu role","Submenu announcements"]},u=["NiceToolbar","NiceUserMenu"],m={$schema:e,name:t,description:n,category:o,since:c,status:i,props:s,examples:a,accessibility:r,seeAlso:u};exports.$schema=e;exports.accessibility=r;exports.category=o;exports.default=m;exports.description=n;exports.examples=a;exports.name=t;exports.props=s;exports.seeAlso=u;exports.since=c;exports.status=i;

package/dist/NiceMegaMenu.doc-DpchTBL6.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceMegaMenu", t = "Mega menu with multi-column layouts and rich content.", o = "navigation", c = "1.0.0", i = "planned", s = [{ name: "items", type: "MegaMenuItem[]", required: !0, description: "Menu items" }, { name: "onItemClick", type: "(item: MegaMenuItem) => void", description: "Item click callback" }, { name: "trigger", type: "'click' | 'hover'", default: "'hover'", description: "Trigger type" }, { name: "columns", type: "number", default: "4", description: "Column count" }, { name: "showIcons", type: "boolean", default: "true", description: "Show item icons" }, { name: "showDescriptions", type: "boolean", default: "true", description: "Show descriptions" }, { name: "featured", type: "React.ReactNode", description: "Featured content" }], a = [{ title: "Mega Menu", description: "Rich navigation menu", code: `<NiceMegaMenu
+  items={menuStructure}
+  onItemClick={handleNavigation}
+  columns={4}
+  showIcons
+  showDescriptions
+/>` }], r = { keyboard: ["Tab through items", "Arrow keys to navigate"], aria: ["Menu role", "Submenu announcements"] }, u = ["NiceToolbar", "NiceUserMenu"], m = {
+  $schema: e,
+  name: n,
+  description: t,
+  category: o,
+  since: c,
+  status: i,
+  props: s,
+  examples: a,
+  accessibility: r,
+  seeAlso: u
+};
+export {
+  e as $schema,
+  r as accessibility,
+  o as category,
+  m as default,
+  t as description,
+  a as examples,
+  n as name,
+  s as props,
+  u as seeAlso,
+  c as since,
+  i as status
+};

package/dist/NiceMentionInput.doc-O0W58Unu.js

@@ -0,0 +1,32 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceMentionInput", t = "Text input with @mention support for users and entities.", i = "input", o = "1.0.0", s = "planned", r = [{ name: "value", type: "string", required: !0, description: "Input value" }, { name: "onChange", type: "(value: string) => void", required: !0, description: "Change callback" }, { name: "mentionTrigger", type: "string", default: "'@'", description: "Mention trigger character" }, { name: "getSuggestions", type: "(query: string) => Promise<MentionItem[]>", required: !0, description: "Get suggestions" }, { name: "onMention", type: "(item: MentionItem) => void", description: "Mention callback" }, { name: "renderSuggestion", type: "(item: MentionItem) => React.ReactNode", description: "Custom suggestion renderer" }, { name: "placeholder", type: "string", description: "Placeholder text" }, { name: "multiLine", type: "boolean", default: "false", description: "Multi-line input" }], c = [{ title: "Mention Input", description: "Input with mentions", code: `<NiceMentionInput
+  value={comment}
+  onChange={setComment}
+  getSuggestions={searchUsers}
+  onMention={handleMention}
+  placeholder="Type @ to mention..."
+  multiLine
+/>` }], a = { keyboard: ["Arrow keys for suggestions", "Enter to select"], aria: ["Input with suggestions", "Mention list"] }, p = ["NiceRichTextEditor", "NiceTagInput"], u = {
+  $schema: e,
+  name: n,
+  description: t,
+  category: i,
+  since: o,
+  status: s,
+  props: r,
+  examples: c,
+  accessibility: a,
+  seeAlso: p
+};
+export {
+  e as $schema,
+  a as accessibility,
+  i as category,
+  u as default,
+  t as description,
+  c as examples,
+  n as name,
+  r as props,
+  p as seeAlso,
+  o as since,
+  s as status
+};

package/dist/NiceMentionInput.doc-ZSPjBsZc.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceMentionInput",n="Text input with @mention support for users and entities.",i="input",o="1.0.0",s="planned",c=[{name:"value",type:"string",required:!0,description:"Input value"},{name:"onChange",type:"(value: string) => void",required:!0,description:"Change callback"},{name:"mentionTrigger",type:"string",default:"'@'",description:"Mention trigger character"},{name:"getSuggestions",type:"(query: string) => Promise<MentionItem[]>",required:!0,description:"Get suggestions"},{name:"onMention",type:"(item: MentionItem) => void",description:"Mention callback"},{name:"renderSuggestion",type:"(item: MentionItem) => React.ReactNode",description:"Custom suggestion renderer"},{name:"placeholder",type:"string",description:"Placeholder text"},{name:"multiLine",type:"boolean",default:"false",description:"Multi-line input"}],r=[{title:"Mention Input",description:"Input with mentions",code:`<NiceMentionInput
+  value={comment}
+  onChange={setComment}
+  getSuggestions={searchUsers}
+  onMention={handleMention}
+  placeholder="Type @ to mention..."
+  multiLine
+/>`}],a={keyboard:["Arrow keys for suggestions","Enter to select"],aria:["Input with suggestions","Mention list"]},p=["NiceRichTextEditor","NiceTagInput"],u={$schema:e,name:t,description:n,category:i,since:o,status:s,props:c,examples:r,accessibility:a,seeAlso:p};exports.$schema=e;exports.accessibility=a;exports.category=i;exports.default=u;exports.description=n;exports.examples=r;exports.name=t;exports.props=c;exports.seeAlso=p;exports.since=o;exports.status=s;

package/dist/NiceModal-CIITx65V.cjs

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

package/dist/NiceModal-CN23FZsc.js

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

package/dist/NiceModal-CUdeVj-j.js

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