@nice2dev/ui 1.0.4 → 1.0.5

package/dist/NiceBlockUI.doc-3Mt_1Hd5.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceBlockUI",s="Block UI",t="1.0.0",c="stable",n="overlays",a="blocking",i="Overlay that blocks user interaction on a contained area.",r="1.0.0",l=["web","desktop"],d=["block","overlay","loading","disable"],m=[{name:"blocked",type:"boolean",required:!0,description:"Whether to block."},{name:"message",type:"ReactNode",required:!1,description:"Message to display."},{name:"children",type:"ReactNode",required:!0,description:"Content to block."}],p=[],b=[],u=[{title:"Block Form",code:`<NiceBlockUI blocked={isSubmitting} message="Saving...">
+  <form onSubmit={handleSubmit}>
+    {/* form fields */}
+  </form>
+</NiceBlockUI>`,language:"tsx"}],k=[{name:"NiceLoadPanel",relationship:"similar"}],y={$schema:e,name:o,displayName:s,version:t,status:c,category:n,subcategory:a,package:"@nicetoDev/ui",description:i,since:r,platforms:l,keywords:d,props:m,events:p,cssVariables:b,examples:u,related:k};exports.$schema=e;exports.category=n;exports.cssVariables=b;exports.default=y;exports.description=i;exports.displayName=s;exports.events=p;exports.examples=u;exports.keywords=d;exports.name=o;exports.platforms=l;exports.props=m;exports.related=k;exports.since=r;exports.status=c;exports.subcategory=a;exports.version=t;

package/dist/NiceBlockUI.doc-nG5Klrov.js

@@ -0,0 +1,42 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceBlockUI", t = "Block UI", s = "1.0.0", c = "stable", n = "overlays", a = "blocking", i = "Overlay that blocks user interaction on a contained area.", l = "1.0.0", r = ["web", "desktop"], d = ["block", "overlay", "loading", "disable"], m = [{ name: "blocked", type: "boolean", required: !0, description: "Whether to block." }, { name: "message", type: "ReactNode", required: !1, description: "Message to display." }, { name: "children", type: "ReactNode", required: !0, description: "Content to block." }], p = [], b = [], k = [{ title: "Block Form", code: `<NiceBlockUI blocked={isSubmitting} message="Saving...">
+  <form onSubmit={handleSubmit}>
+    {/* form fields */}
+  </form>
+</NiceBlockUI>`, language: "tsx" }], u = [{ name: "NiceLoadPanel", relationship: "similar" }], g = {
+  $schema: e,
+  name: o,
+  displayName: t,
+  version: s,
+  status: c,
+  category: n,
+  subcategory: a,
+  package: "@nicetoDev/ui",
+  description: i,
+  since: l,
+  platforms: r,
+  keywords: d,
+  props: m,
+  events: p,
+  cssVariables: b,
+  examples: k,
+  related: u
+};
+export {
+  e as $schema,
+  n as category,
+  b as cssVariables,
+  g as default,
+  i as description,
+  t as displayName,
+  p as events,
+  k as examples,
+  d as keywords,
+  o as name,
+  r as platforms,
+  m as props,
+  u as related,
+  l as since,
+  c as status,
+  a as subcategory,
+  s as version
+};

package/dist/NiceBlockquote.doc-CB3rYgCb.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceBlockquote",o="Blockquote for quotations and callouts.",s="typography",c="1.0.0",i="stable",n=[{name:"children",type:"React.ReactNode",required:!0,description:"Quote content"},{name:"cite",type:"string",description:"Citation source"},{name:"author",type:"string",description:"Quote author"},{name:"variant",type:"'default' | 'bordered' | 'filled'",default:"'bordered'",description:"Style variant"},{name:"className",type:"string",description:"Custom class"}],a=[{title:"Blockquote",description:"Quote display",code:`<NiceBlockquote author="John Doe" cite="Famous Book">
+  This is an important quote that needs to stand out.
+</NiceBlockquote>`}],r={keyboard:[],aria:["Blockquote with citation"]},l=["NiceAlert","NiceCallout"],u={$schema:e,name:t,description:o,category:s,since:c,status:i,props:n,examples:a,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=s;exports.default=u;exports.description=o;exports.examples=a;exports.name=t;exports.props=n;exports.seeAlso=l;exports.since=c;exports.status=i;

package/dist/NiceBlockquote.doc-DHG6R6uu.js

@@ -0,0 +1,27 @@
+const t = "https://nice2dev.com/schemas/component-doc-v1.json", e = "NiceBlockquote", o = "Blockquote for quotations and callouts.", c = "typography", s = "1.0.0", n = "stable", i = [{ name: "children", type: "React.ReactNode", required: !0, description: "Quote content" }, { name: "cite", type: "string", description: "Citation source" }, { name: "author", type: "string", description: "Quote author" }, { name: "variant", type: "'default' | 'bordered' | 'filled'", default: "'bordered'", description: "Style variant" }, { name: "className", type: "string", description: "Custom class" }], a = [{ title: "Blockquote", description: "Quote display", code: `<NiceBlockquote author="John Doe" cite="Famous Book">
+  This is an important quote that needs to stand out.
+</NiceBlockquote>` }], r = { keyboard: [], aria: ["Blockquote with citation"] }, d = ["NiceAlert", "NiceCallout"], l = {
+  $schema: t,
+  name: e,
+  description: o,
+  category: c,
+  since: s,
+  status: n,
+  props: i,
+  examples: a,
+  accessibility: r,
+  seeAlso: d
+};
+export {
+  t as $schema,
+  r as accessibility,
+  c as category,
+  l as default,
+  o as description,
+  a as examples,
+  e as name,
+  i as props,
+  d as seeAlso,
+  s as since,
+  n as status
+};

package/dist/NiceBottomNav.doc-BnUav27E.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBottomNav", a = "Mobile bottom navigation bar with icons and labels.", o = "mobile", i = "1.0.0", n = "stable", s = [{ name: "items", type: "NavItem[]", required: !0, description: "Navigation items" }, { name: "activeItem", type: "string", description: "Active item ID" }, { name: "onChange", type: "(itemId: string) => void", description: "Change callback" }, { name: "showLabels", type: "boolean", default: "true", description: "Show item labels" }, { name: "showBadges", type: "boolean", default: "true", description: "Show notification badges" }, { name: "variant", type: "'default' | 'shifting' | 'compact'", default: "'default'", description: "Display variant" }], c = [{ title: "Bottom Navigation", description: "Mobile nav bar", code: `<NiceBottomNav
+  items={navItems}
+  activeItem={currentRoute}
+  onChange={navigateTo}
+  showLabels
+  showBadges
+/>` }], m = { keyboard: ["Tab through items", "Enter to select"], aria: ["Navigation role", "Item labels"] }, r = ["NiceMobileHeader", "NiceTabBar"], l = {
+  $schema: e,
+  name: t,
+  description: a,
+  category: o,
+  since: i,
+  status: n,
+  props: s,
+  examples: c,
+  accessibility: m,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  m as accessibility,
+  o as category,
+  l as default,
+  a as description,
+  c as examples,
+  t as name,
+  s as props,
+  r as seeAlso,
+  i as since,
+  n as status
+};

package/dist/NiceBottomNav.doc-Ctvpkp4h.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="NiceBottomNav",a="Mobile bottom navigation bar with icons and labels.",o="mobile",i="1.0.0",s="stable",n=[{name:"items",type:"NavItem[]",required:!0,description:"Navigation items"},{name:"activeItem",type:"string",description:"Active item ID"},{name:"onChange",type:"(itemId: string) => void",description:"Change callback"},{name:"showLabels",type:"boolean",default:"true",description:"Show item labels"},{name:"showBadges",type:"boolean",default:"true",description:"Show notification badges"},{name:"variant",type:"'default' | 'shifting' | 'compact'",default:"'default'",description:"Display variant"}],c=[{title:"Bottom Navigation",description:"Mobile nav bar",code:`<NiceBottomNav
+  items={navItems}
+  activeItem={currentRoute}
+  onChange={navigateTo}
+  showLabels
+  showBadges
+/>`}],r={keyboard:["Tab through items","Enter to select"],aria:["Navigation role","Item labels"]},l=["NiceMobileHeader","NiceTabBar"],m={$schema:e,name:t,description:a,category:o,since:i,status:s,props:n,examples:c,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=o;exports.default=m;exports.description=a;exports.examples=c;exports.name=t;exports.props=n;exports.seeAlso=l;exports.since=i;exports.status=s;

package/dist/NiceBottomNavigation.doc-CYcskX_X.js

@@ -0,0 +1,46 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBottomNavigation", o = "Bottom Navigation", a = "1.0.0", i = "stable", n = "navigation", s = "mobile", c = "Mobile-style bottom tab bar for primary navigation.", r = "1.0.0", m = ["mobile", "web"], l = ["bottom-nav", "mobile", "tab-bar", "navigation"], b = [{ name: "items", type: "NiceBottomNavigationItem[]", required: !0, description: "Navigation items." }, { name: "activeKey", type: "string", required: !1, description: "Currently active item key." }, { name: "showLabels", type: "boolean", required: !1, default: "true", description: "Show text labels below icons." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Bar size preset." }], p = [{ name: "onChange", parameters: [{ name: "key", type: "string" }], description: "Called when active item changes." }], d = [{ name: "--nice-bottom-nav-bg", default: "var(--nice-surface-bg)", description: "Background color" }, { name: "--nice-bottom-nav-height", default: "56px", description: "Bar height" }], g = [{ title: "Mobile Navigation", code: `<NiceBottomNavigation
+  items={[
+    { key: 'home', label: 'Home', icon: <HomeIcon /> },
+    { key: 'search', label: 'Search', icon: <SearchIcon /> },
+    { key: 'profile', label: 'Profile', icon: <UserIcon /> }
+  ]}
+  activeKey={activeTab}
+  onChange={setActiveTab}
+/>`, language: "tsx" }], v = [{ name: "NiceTabs", relationship: "similar" }], y = {
+  $schema: e,
+  name: t,
+  displayName: o,
+  version: a,
+  status: i,
+  category: n,
+  subcategory: s,
+  package: "@nicetoDev/ui",
+  description: c,
+  since: r,
+  platforms: m,
+  keywords: l,
+  props: b,
+  events: p,
+  cssVariables: d,
+  examples: g,
+  related: v
+};
+export {
+  e as $schema,
+  n as category,
+  d as cssVariables,
+  y as default,
+  c as description,
+  o as displayName,
+  p as events,
+  g as examples,
+  l as keywords,
+  t as name,
+  m as platforms,
+  b as props,
+  v as related,
+  r as since,
+  i as status,
+  s as subcategory,
+  a as version
+};

package/dist/NiceBottomNavigation.doc-LhoVBhoL.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceBottomNavigation",a="Bottom Navigation",o="1.0.0",i="stable",n="navigation",s="mobile",c="Mobile-style bottom tab bar for primary navigation.",r="1.0.0",l=["mobile","web"],m=["bottom-nav","mobile","tab-bar","navigation"],p=[{name:"items",type:"NiceBottomNavigationItem[]",required:!0,description:"Navigation items."},{name:"activeKey",type:"string",required:!1,description:"Currently active item key."},{name:"showLabels",type:"boolean",required:!1,default:"true",description:"Show text labels below icons."},{name:"size",type:"NiceSize",required:!1,default:"'md'",description:"Bar size preset."}],b=[{name:"onChange",parameters:[{name:"key",type:"string"}],description:"Called when active item changes."}],d=[{name:"--nice-bottom-nav-bg",default:"var(--nice-surface-bg)",description:"Background color"},{name:"--nice-bottom-nav-height",default:"56px",description:"Bar height"}],g=[{title:"Mobile Navigation",code:`<NiceBottomNavigation
+  items={[
+    { key: 'home', label: 'Home', icon: <HomeIcon /> },
+    { key: 'search', label: 'Search', icon: <SearchIcon /> },
+    { key: 'profile', label: 'Profile', icon: <UserIcon /> }
+  ]}
+  activeKey={activeTab}
+  onChange={setActiveTab}
+/>`,language:"tsx"}],v=[{name:"NiceTabs",relationship:"similar"}],y={$schema:e,name:t,displayName:a,version:o,status:i,category:n,subcategory:s,package:"@nicetoDev/ui",description:c,since:r,platforms:l,keywords:m,props:p,events:b,cssVariables:d,examples:g,related:v};exports.$schema=e;exports.category=n;exports.cssVariables=d;exports.default=y;exports.description=c;exports.displayName=a;exports.events=b;exports.examples=g;exports.keywords=m;exports.name=t;exports.platforms=l;exports.props=p;exports.related=v;exports.since=r;exports.status=i;exports.subcategory=s;exports.version=o;

package/dist/NiceBottomSheet.doc-Carl1fNz.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="NiceBottomSheet",n="Bottom sheet with snap points and drag-to-dismiss.",o="mobile",a="1.0.0",s="stable",i=[{name:"open",type:"boolean",required:!0,description:"Open state"},{name:"onOpenChange",type:"(open: boolean) => void",required:!0,description:"Open change callback"},{name:"children",type:"React.ReactNode",required:!0,description:"Sheet content"},{name:"snapPoints",type:"number[]",default:"[0.5, 1]",description:"Snap points (0-1)"},{name:"defaultSnap",type:"number",default:"0",description:"Default snap point index"},{name:"onSnap",type:"(index: number) => void",description:"Snap callback"},{name:"showHandle",type:"boolean",default:"true",description:"Show drag handle"},{name:"blocking",type:"boolean",default:"true",description:"Block background"}],c=[{title:"Bottom Sheet",description:"Draggable sheet",code:`<NiceBottomSheet
+  open={sheetOpen}
+  onOpenChange={setSheetOpen}
+  snapPoints={[0.3, 0.7, 1]}
+  showHandle
+>
+  <DetailPanel />
+</NiceBottomSheet>`}],p={keyboard:["Tab within sheet","Escape to close"],aria:["Dialog role","Drag handle description"]},r=["NiceActionSheet","NiceDrawer"],d={$schema:e,name:t,description:n,category:o,since:a,status:s,props:i,examples:c,accessibility:p,seeAlso:r};exports.$schema=e;exports.accessibility=p;exports.category=o;exports.default=d;exports.description=n;exports.examples=c;exports.name=t;exports.props=i;exports.seeAlso=r;exports.since=a;exports.status=s;

package/dist/NiceBottomSheet.doc-xcmvwO3X.js

@@ -0,0 +1,32 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBottomSheet", n = "Bottom sheet with snap points and drag-to-dismiss.", o = "mobile", a = "1.0.0", s = "stable", i = [{ name: "open", type: "boolean", required: !0, description: "Open state" }, { name: "onOpenChange", type: "(open: boolean) => void", required: !0, description: "Open change callback" }, { name: "children", type: "React.ReactNode", required: !0, description: "Sheet content" }, { name: "snapPoints", type: "number[]", default: "[0.5, 1]", description: "Snap points (0-1)" }, { name: "defaultSnap", type: "number", default: "0", description: "Default snap point index" }, { name: "onSnap", type: "(index: number) => void", description: "Snap callback" }, { name: "showHandle", type: "boolean", default: "true", description: "Show drag handle" }, { name: "blocking", type: "boolean", default: "true", description: "Block background" }], c = [{ title: "Bottom Sheet", description: "Draggable sheet", code: `<NiceBottomSheet
+  open={sheetOpen}
+  onOpenChange={setSheetOpen}
+  snapPoints={[0.3, 0.7, 1]}
+  showHandle
+>
+  <DetailPanel />
+</NiceBottomSheet>` }], p = { keyboard: ["Tab within sheet", "Escape to close"], aria: ["Dialog role", "Drag handle description"] }, d = ["NiceActionSheet", "NiceDrawer"], r = {
+  $schema: e,
+  name: t,
+  description: n,
+  category: o,
+  since: a,
+  status: s,
+  props: i,
+  examples: c,
+  accessibility: p,
+  seeAlso: d
+};
+export {
+  e as $schema,
+  p as accessibility,
+  o as category,
+  r as default,
+  n as description,
+  c as examples,
+  t as name,
+  i as props,
+  d as seeAlso,
+  a as since,
+  s as status
+};

package/dist/NiceBox.doc-DFADnOak.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBox", o = "Flexible box layout component.", n = "layout", c = "1.0.0", s = "stable", i = [{ name: "children", type: "React.ReactNode", description: "Box content" }, { name: "as", type: "ElementType", default: "'div'", description: "Element type" }, { name: "p", type: "number | string", description: "Padding" }, { name: "m", type: "number | string", description: "Margin" }], a = [{ title: "Box", code: "<NiceBox p={4} m={2}>Content</NiceBox>" }], p = { keyboard: [], aria: [] }, d = ["NiceFlex", "NiceGrid"], m = {
+  $schema: e,
+  name: t,
+  description: o,
+  category: n,
+  since: c,
+  status: s,
+  props: i,
+  examples: a,
+  accessibility: p,
+  seeAlso: d
+};
+export {
+  e as $schema,
+  p as accessibility,
+  n as category,
+  m as default,
+  o as description,
+  a as examples,
+  t as name,
+  i as props,
+  d as seeAlso,
+  c as since,
+  s as status
+};

package/dist/NiceBox.doc-ZoF-Q2ow.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceBox",o="Flexible box layout component.",c="layout",s="1.0.0",n="stable",i=[{name:"children",type:"React.ReactNode",description:"Box content"},{name:"as",type:"ElementType",default:"'div'",description:"Element type"},{name:"p",type:"number | string",description:"Padding"},{name:"m",type:"number | string",description:"Margin"}],a=[{title:"Box",code:"<NiceBox p={4} m={2}>Content</NiceBox>"}],p={keyboard:[],aria:[]},r=["NiceFlex","NiceGrid"],d={$schema:e,name:t,description:o,category:c,since:s,status:n,props:i,examples:a,accessibility:p,seeAlso:r};exports.$schema=e;exports.accessibility=p;exports.category=c;exports.default=d;exports.description=o;exports.examples=a;exports.name=t;exports.props=i;exports.seeAlso=r;exports.since=s;exports.status=n;

package/dist/NiceBreadcrumb.doc--n8y4JtQ.js

@@ -0,0 +1,49 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBreadcrumb", a = "Breadcrumb", r = "1.0.0", c = "stable", s = "navigation", o = "trail", i = "Navigation trail showing the current location hierarchy with customizable separator.", n = "1.0.0", d = ["web", "mobile", "desktop"], m = ["breadcrumb", "navigation", "trail", "hierarchy"], l = [{ name: "items", type: "NiceBreadcrumbItem[]", required: !0, description: "Ordered breadcrumb items (left-to-right)." }, { name: "separator", type: "ReactNode", required: !1, default: "'/'", description: "Custom separator between crumbs." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Breadcrumb size." }], u = [], b = [], p = { aria: ['aria-current="page"'], keyboard: [{ key: "Tab", action: "Navigate between items" }] }, h = [{ title: "Basic Breadcrumb", code: `<NiceBreadcrumb
+  items={[
+    { label: 'Home', href: '/' },
+    { label: 'Products', href: '/products' },
+    { label: 'Electronics' }
+  ]}
+/>`, language: "tsx" }, { title: "Custom Separator", code: `<NiceBreadcrumb
+  items={breadcrumbs}
+  separator={<ChevronIcon />}
+/>`, language: "tsx" }], g = [{ name: "NiceNavbar", relationship: "parent" }], y = {
+  $schema: e,
+  name: t,
+  displayName: a,
+  version: r,
+  status: c,
+  category: s,
+  subcategory: o,
+  package: "@nicetoDev/ui",
+  description: i,
+  since: n,
+  platforms: d,
+  keywords: m,
+  props: l,
+  events: u,
+  cssVariables: b,
+  accessibility: p,
+  examples: h,
+  related: g
+};
+export {
+  e as $schema,
+  p as accessibility,
+  s as category,
+  b as cssVariables,
+  y as default,
+  i as description,
+  a as displayName,
+  u as events,
+  h as examples,
+  m as keywords,
+  t as name,
+  d as platforms,
+  l as props,
+  g as related,
+  n as since,
+  c as status,
+  o as subcategory,
+  r as version
+};

package/dist/NiceBreadcrumb.doc-Dz1PuDPv.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="NiceBreadcrumb",a="Breadcrumb",r="1.0.0",s="stable",c="navigation",i="trail",o="Navigation trail showing the current location hierarchy with customizable separator.",n="1.0.0",d=["web","mobile","desktop"],m=["breadcrumb","navigation","trail","hierarchy"],l=[{name:"items",type:"NiceBreadcrumbItem[]",required:!0,description:"Ordered breadcrumb items (left-to-right)."},{name:"separator",type:"ReactNode",required:!1,default:"'/'",description:"Custom separator between crumbs."},{name:"size",type:"NiceSize",required:!1,default:"'md'",description:"Breadcrumb size."}],u=[],b=[],p={aria:['aria-current="page"'],keyboard:[{key:"Tab",action:"Navigate between items"}]},y=[{title:"Basic Breadcrumb",code:`<NiceBreadcrumb
+  items={[
+    { label: 'Home', href: '/' },
+    { label: 'Products', href: '/products' },
+    { label: 'Electronics' }
+  ]}
+/>`,language:"tsx"},{title:"Custom Separator",code:`<NiceBreadcrumb
+  items={breadcrumbs}
+  separator={<ChevronIcon />}
+/>`,language:"tsx"}],g=[{name:"NiceNavbar",relationship:"parent"}],h={$schema:e,name:t,displayName:a,version:r,status:s,category:c,subcategory:i,package:"@nicetoDev/ui",description:o,since:n,platforms:d,keywords:m,props:l,events:u,cssVariables:b,accessibility:p,examples:y,related:g};exports.$schema=e;exports.accessibility=p;exports.category=c;exports.cssVariables=b;exports.default=h;exports.description=o;exports.displayName=a;exports.events=u;exports.examples=y;exports.keywords=m;exports.name=t;exports.platforms=d;exports.props=l;exports.related=g;exports.since=n;exports.status=s;exports.subcategory=i;exports.version=r;

package/dist/NiceBreakpoints.doc-BG7L59mq.js

@@ -0,0 +1,25 @@
+const o = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBreakpoints", e = "Responsive breakpoint debugging component.", s = "utility", i = "1.0.0", n = "stable", c = [{ name: "show", type: "boolean", default: "true", description: "Show indicator" }, { name: "position", type: "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'", default: "'bottom-right'", description: "Position" }], a = [{ title: "Breakpoints", code: '<NiceBreakpoints show={isDev} position="bottom-right" />' }], p = { keyboard: [], aria: [] }, r = ["NiceResponsiveBox", "NiceConsole"], d = {
+  $schema: o,
+  name: t,
+  description: e,
+  category: s,
+  since: i,
+  status: n,
+  props: c,
+  examples: a,
+  accessibility: p,
+  seeAlso: r
+};
+export {
+  o as $schema,
+  p as accessibility,
+  s as category,
+  d as default,
+  e as description,
+  a as examples,
+  t as name,
+  c as props,
+  r as seeAlso,
+  i as since,
+  n as status
+};

package/dist/NiceBreakpoints.doc-Dim4frSC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceBreakpoints",e="Responsive breakpoint debugging component.",s="utility",i="1.0.0",n="stable",c=[{name:"show",type:"boolean",default:"true",description:"Show indicator"},{name:"position",type:"'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",default:"'bottom-right'",description:"Position"}],a=[{title:"Breakpoints",code:'<NiceBreakpoints show={isDev} position="bottom-right" />'}],p={keyboard:[],aria:[]},r=["NiceResponsiveBox","NiceConsole"],l={$schema:t,name:o,description:e,category:s,since:i,status:n,props:c,examples:a,accessibility:p,seeAlso:r};exports.$schema=t;exports.accessibility=p;exports.category=s;exports.default=l;exports.description=e;exports.examples=a;exports.name=o;exports.props=c;exports.seeAlso=r;exports.since=i;exports.status=n;

package/dist/NiceBullet.doc-CsdTMHFP.js

@@ -0,0 +1,41 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBullet", a = "Bullet Chart", r = "1.0.0", s = "stable", i = "charts", l = "comparison", n = "A horizontal bullet chart for comparing actual values against target/goal values. Compact visualization for KPIs.", o = "1.0.0", c = ["web", "desktop"], u = ["bullet", "target", "goal", "kpi", "comparison"], d = [{ name: "value", type: "number", required: !0, description: "Actual value." }, { name: "target", type: "number", required: !1, description: "Target/goal value." }, { name: "min", type: "number", required: !1, default: "0", description: "Minimum scale value." }, { name: "max", type: "number", required: !1, default: "100", description: "Maximum scale value." }, { name: "width", type: "number", required: !1, default: "200", description: "Chart width in pixels." }, { name: "height", type: "number", required: !1, default: "30", description: "Chart height in pixels." }, { name: "color", type: "string", required: !1, default: "'#3b82f6'", description: "Bar color." }, { name: "targetColor", type: "string", required: !1, default: "'#ef4444'", description: "Target marker color." }], p = [], m = [], g = [{ title: "Sales vs Target", code: "<NiceBullet value={85} target={100} />", language: "tsx" }, { title: "Multiple KPIs", code: `<div>
+  <NiceBullet value={75} target={80} color="#22c55e" />
+  <NiceBullet value={50} target={70} color="#f59e0b" />
+</div>`, language: "tsx" }], f = [{ name: "NiceLinearGauge", relationship: "similar" }, { name: "NiceProgress", relationship: "alternative" }], v = {
+  $schema: e,
+  name: t,
+  displayName: a,
+  version: r,
+  status: s,
+  category: i,
+  subcategory: l,
+  package: "@nicetoDev/ui",
+  description: n,
+  since: o,
+  platforms: c,
+  keywords: u,
+  props: d,
+  events: p,
+  cssVariables: m,
+  examples: g,
+  related: f
+};
+export {
+  e as $schema,
+  i as category,
+  m as cssVariables,
+  v as default,
+  n as description,
+  a as displayName,
+  p as events,
+  g as examples,
+  u as keywords,
+  t as name,
+  c as platforms,
+  d as props,
+  f as related,
+  o as since,
+  s as status,
+  l as subcategory,
+  r as version
+};

package/dist/NiceBullet.doc-QXLmp8QP.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceBullet",a="Bullet Chart",s="1.0.0",r="stable",i="charts",l="comparison",o="A horizontal bullet chart for comparing actual values against target/goal values. Compact visualization for KPIs.",n="1.0.0",c=["web","desktop"],u=["bullet","target","goal","kpi","comparison"],d=[{name:"value",type:"number",required:!0,description:"Actual value."},{name:"target",type:"number",required:!1,description:"Target/goal value."},{name:"min",type:"number",required:!1,default:"0",description:"Minimum scale value."},{name:"max",type:"number",required:!1,default:"100",description:"Maximum scale value."},{name:"width",type:"number",required:!1,default:"200",description:"Chart width in pixels."},{name:"height",type:"number",required:!1,default:"30",description:"Chart height in pixels."},{name:"color",type:"string",required:!1,default:"'#3b82f6'",description:"Bar color."},{name:"targetColor",type:"string",required:!1,default:"'#ef4444'",description:"Target marker color."}],p=[],m=[],g=[{title:"Sales vs Target",code:"<NiceBullet value={85} target={100} />",language:"tsx"},{title:"Multiple KPIs",code:`<div>
+  <NiceBullet value={75} target={80} color="#22c55e" />
+  <NiceBullet value={50} target={70} color="#f59e0b" />
+</div>`,language:"tsx"}],v=[{name:"NiceLinearGauge",relationship:"similar"},{name:"NiceProgress",relationship:"alternative"}],f={$schema:e,name:t,displayName:a,version:s,status:r,category:i,subcategory:l,package:"@nicetoDev/ui",description:o,since:n,platforms:c,keywords:u,props:d,events:p,cssVariables:m,examples:g,related:v};exports.$schema=e;exports.category=i;exports.cssVariables=m;exports.default=f;exports.description=o;exports.displayName=a;exports.events=p;exports.examples=g;exports.keywords=u;exports.name=t;exports.platforms=c;exports.props=d;exports.related=v;exports.since=n;exports.status=r;exports.subcategory=l;exports.version=s;

package/dist/NiceBusinessCard.doc-C_Ivax7P.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",s="NiceBusinessCard",t="Digital business card display.",c="display",a="1.0.0",o="stable",n=[{name:"contact",type:"Contact",required:!0,description:"Contact info"},{name:"variant",type:"'compact' | 'full'",default:"'full'",description:"Card variant"},{name:"showQR",type:"boolean",default:"false",description:"Show vCard QR"}],i=[{title:"Business Card",code:"<NiceBusinessCard contact={contact} showQR />"}],r={keyboard:[],aria:["Contact info"]},d=["NiceCard","NiceQRGenerator"],l={$schema:e,name:s,description:t,category:c,since:a,status:o,props:n,examples:i,accessibility:r,seeAlso:d};exports.$schema=e;exports.accessibility=r;exports.category=c;exports.default=l;exports.description=t;exports.examples=i;exports.name=s;exports.props=n;exports.seeAlso=d;exports.since=a;exports.status=o;

package/dist/NiceBusinessCard.doc-uQtvyfvs.js

@@ -0,0 +1,25 @@
+const s = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceBusinessCard", e = "Digital business card display.", c = "display", a = "1.0.0", o = "stable", n = [{ name: "contact", type: "Contact", required: !0, description: "Contact info" }, { name: "variant", type: "'compact' | 'full'", default: "'full'", description: "Card variant" }, { name: "showQR", type: "boolean", default: "false", description: "Show vCard QR" }], i = [{ title: "Business Card", code: "<NiceBusinessCard contact={contact} showQR />" }], r = { keyboard: [], aria: ["Contact info"] }, d = ["NiceCard", "NiceQRGenerator"], l = {
+  $schema: s,
+  name: t,
+  description: e,
+  category: c,
+  since: a,
+  status: o,
+  props: n,
+  examples: i,
+  accessibility: r,
+  seeAlso: d
+};
+export {
+  s as $schema,
+  r as accessibility,
+  c as category,
+  l as default,
+  e as description,
+  i as examples,
+  t as name,
+  n as props,
+  d as seeAlso,
+  a as since,
+  o as status
+};

package/dist/NiceButton.doc-Ce9fkEIf.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceButton",n="Button",o="buttons",i="A versatile, themeable button component with multiple variants, sizes, and states.",a="NiceButton is a fully-featured button component that supports multiple visual variants (primary, secondary, ghost, outline, danger), sizes (xs, sm, md, lg, xl), loading states, icons, and full keyboard accessibility. It integrates seamlessly with NiceThemeProvider for consistent styling across your application.",s="1.0.0",r="stable",c=[{name:"variant",type:"'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'success' | 'warning'",required:!1,defaultValue:"'primary'",description:"Visual style variant of the button. Use `primary` for main actions, `secondary` for less prominent actions, `ghost` for minimal styling, `outline` for bordered buttons, and semantic variants like `danger` for destructive actions.",options:[{value:"primary",label:"Primary",description:"Main call-to-action, uses primary theme color"},{value:"secondary",label:"Secondary",description:"Less prominent actions, subdued styling"},{value:"ghost",label:"Ghost",description:"Minimal styling, transparent background"},{value:"outline",label:"Outline",description:"Bordered button with transparent background"},{value:"danger",label:"Danger",description:"Destructive actions like delete"},{value:"success",label:"Success",description:"Positive/confirmation actions"},{value:"warning",label:"Warning",description:"Cautionary actions"}]},{name:"size",type:"'xs' | 'sm' | 'md' | 'lg' | 'xl'",required:!1,defaultValue:"'md'",description:"Size of the button. Affects padding, font size, and minimum dimensions.",options:[{value:"xs",label:"Extra Small",description:"24px height, compact UI"},{value:"sm",label:"Small",description:"28px height, secondary actions"},{value:"md",label:"Medium",description:"36px height, default for most uses"},{value:"lg",label:"Large",description:"44px height, prominent actions"},{value:"xl",label:"Extra Large",description:"52px height, hero sections"}]},{name:"disabled",type:"boolean",required:!1,defaultValue:"false",description:"When true, the button is visually dimmed and non-interactive. Click events are prevented."},{name:"loading",type:"boolean",required:!1,defaultValue:"false",description:"Shows a spinner and disables the button. Use during async operations like form submission."},{name:"icon",type:"React.ReactNode",required:!1,description:"Icon element to display before the button text. Can be any React node including SVG, emoji, or icon component."},{name:"iconRight",type:"React.ReactNode",required:!1,description:"Icon element to display after the button text. Useful for arrows or indicators."},{name:"fullWidth",type:"boolean",required:!1,defaultValue:"false",description:"When true, the button expands to fill its container width. Useful in forms and mobile layouts."},{name:"children",type:"React.ReactNode",required:!1,description:"Button content/label. Can be text, elements, or a combination."},{name:"onClick",type:"(event: React.MouseEvent<HTMLButtonElement>) => void",required:!1,description:"Click event handler. Not called when button is disabled or loading."},{name:"type",type:"'button' | 'submit' | 'reset'",required:!1,defaultValue:"'button'",description:"HTML button type attribute. Use `submit` for form submission buttons."},{name:"className",type:"string",required:!1,description:"Additional CSS class names to apply to the button element."},{name:"style",type:"React.CSSProperties",required:!1,description:"Inline styles to apply to the button element."},{name:"ariaLabel",type:"string",required:!1,description:"Accessible label for screen readers. Required when button has no visible text (icon-only buttons)."}],l=[{name:"onClick",signature:"(event: React.MouseEvent<HTMLButtonElement>) => void",description:"Fired when the button is clicked. Not triggered when `disabled` or `loading` is true.",parameters:[{name:"event",type:"React.MouseEvent<HTMLButtonElement>",description:"The native mouse event object"}]},{name:"onFocus",signature:"(event: React.FocusEvent<HTMLButtonElement>) => void",description:"Fired when the button receives keyboard focus."},{name:"onBlur",signature:"(event: React.FocusEvent<HTMLButtonElement>) => void",description:"Fired when the button loses keyboard focus."}],u={description:"NiceButton automatically inherits colors from NiceThemeProvider. You can customize individual buttons using CSS variables or override styles via className/style props.",cssVariables:[{name:"--color-primary",description:"Primary button background color",defaultValue:"#6c5ce7"},{name:"--color-primary-hover",description:"Primary button hover background",defaultValue:"#5b4cdb"},{name:"--text-inverse",description:"Text color on primary buttons",defaultValue:"#ffffff"},{name:"--bg-secondary",description:"Secondary button background",defaultValue:"#141414"},{name:"--border-color",description:"Outline button border color",defaultValue:"#2a2a2a"},{name:"--color-danger",description:"Danger variant color",defaultValue:"#ef4444"},{name:"--color-success",description:"Success variant color",defaultValue:"#10b981"}],cssClasses:[{name:"nice-button",description:"Root button class"},{name:"nice-button--primary",description:"Primary variant modifier"},{name:"nice-button--loading",description:"Applied when loading is true"},{name:"nice-button--full-width",description:"Applied when fullWidth is true"}],example:`<NiceThemeProvider theme={customTheme}>
+  <NiceButton variant="primary">Themed Button</NiceButton>
+</NiceThemeProvider>
+
+// Or override locally:
+<NiceButton
+  style={{ '--color-primary': '#e84393' } as React.CSSProperties}
+>
+  Custom Color
+</NiceButton>`},d={description:"NiceButton supports i18n through the children prop. Use NiceI18nProvider and the `t()` function to translate button labels.",keys:[{key:"common.save",defaultText:"Save",context:"Save button label"},{key:"common.cancel",defaultText:"Cancel",context:"Cancel button label"},{key:"common.delete",defaultText:"Delete",context:"Delete button label"},{key:"common.submit",defaultText:"Submit",context:"Form submit button"},{key:"common.loading",defaultText:"Loading...",context:"Loading state text"}],example:`import { useNiceI18n } from '@nice2dev/ui';
+
+function MyComponent() {
+  const { t } = useNiceI18n();
+  return <NiceButton>{t('common.save')}</NiceButton>;
+}`},m={role:"button",keyboard:[{key:"Enter",action:"Activates the button"},{key:"Space",action:"Activates the button"},{key:"Tab",action:"Moves focus to the next focusable element"},{key:"Shift+Tab",action:"Moves focus to the previous focusable element"}],screenReader:"Button text is announced along with its role. When loading, announces 'loading'. When disabled, announces 'disabled'. For icon-only buttons, provide `ariaLabel` for proper announcement.",wcag:"Meets WCAG 2.1 AA requirements. Color contrast ratios exceed 4.5:1 for normal text. Focus indicators are clearly visible. Disabled state is communicated via `aria-disabled`."},p=[{title:"Basic Usage",description:"Simple button with different variants",code:`<NiceButton>Default</NiceButton>
+<NiceButton variant="secondary">Secondary</NiceButton>
+<NiceButton variant="outline">Outline</NiceButton>
+<NiceButton variant="ghost">Ghost</NiceButton>`,language:"tsx"},{title:"With Icons",description:"Buttons with leading or trailing icons",code:`<NiceButton icon={<SaveIcon />}>Save</NiceButton>
+<NiceButton iconRight={<ArrowRight />}>Next</NiceButton>
+<NiceButton icon="🚀">Launch</NiceButton>`,language:"tsx"},{title:"Loading State",description:"Show loading spinner during async operations",code:`const [loading, setLoading] = useState(false);
+
+async function handleSubmit() {
+  setLoading(true);
+  await saveData();
+  setLoading(false);
+}
+
+<NiceButton loading={loading} onClick={handleSubmit}>
+  {loading ? 'Saving...' : 'Save'}
+</NiceButton>`,language:"tsx"},{title:"Form Submit Button",description:"Button inside a form with submit type",code:`<form onSubmit={handleSubmit}>
+  <NiceTextInput name="email" />
+  <NiceButton type="submit" fullWidth>
+    Submit
+  </NiceButton>
+</form>`,language:"tsx"},{title:"Icon-Only Button",description:"Accessible icon button with aria-label",code:`<NiceButton
+  variant="ghost"
+  icon={<CloseIcon />}
+  ariaLabel="Close dialog"
+/>`,language:"tsx"}],b=["Use `primary` variant sparingly — ideally one per view for the main action","Always provide `ariaLabel` for icon-only buttons","Use `loading` state during async operations to prevent double-clicks","Use `danger` variant for destructive actions and require confirmation","Keep button labels short and action-oriented (e.g., 'Save' not 'Click here to save')"],g=["Don't use `disabled` to hide buttons — use conditional rendering instead","Avoid putting interactive elements inside buttons","Don't forget to handle loading state errors — button should be re-enabled on failure","Don't use color alone to convey meaning — pair with text or icons"],h=[{name:"NiceButtonGroup",package:"@nice2dev/ui",relationship:"Groups multiple buttons together"},{name:"NiceIconButton",package:"@nice2dev/ui",relationship:"Specialized for icon-only buttons"},{name:"NiceDropDownButton",package:"@nice2dev/ui",relationship:"Button with dropdown menu"}],f=["button","action","form","interactive","cta","click"],y="2026-03-29",v={$schema:e,name:t,displayName:n,package:"@nice2dev/ui",category:o,summary:i,description:a,since:s,status:r,import:{named:["NiceButton"],from:"@nice2dev/ui",types:["NiceButtonProps","NiceButtonVariant","NiceButtonSize"]},props:c,events:l,theming:u,i18n:d,accessibility:m,examples:p,bestPractices:b,pitfalls:g,related:h,tags:f,lastUpdated:y};exports.$schema=e;exports.accessibility=m;exports.bestPractices=b;exports.category=o;exports.default=v;exports.description=a;exports.displayName=n;exports.events=l;exports.examples=p;exports.i18n=d;exports.lastUpdated=y;exports.name=t;exports.pitfalls=g;exports.props=c;exports.related=h;exports.since=s;exports.status=r;exports.summary=i;exports.tags=f;exports.theming=u;

package/dist/NiceButton.doc-DlQjc1UC.js

@@ -0,0 +1,83 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceButton", n = "Button", o = "buttons", i = "A versatile, themeable button component with multiple variants, sizes, and states.", a = "NiceButton is a fully-featured button component that supports multiple visual variants (primary, secondary, ghost, outline, danger), sizes (xs, sm, md, lg, xl), loading states, icons, and full keyboard accessibility. It integrates seamlessly with NiceThemeProvider for consistent styling across your application.", s = "1.0.0", r = "stable", c = [{ name: "variant", type: "'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'success' | 'warning'", required: !1, defaultValue: "'primary'", description: "Visual style variant of the button. Use `primary` for main actions, `secondary` for less prominent actions, `ghost` for minimal styling, `outline` for bordered buttons, and semantic variants like `danger` for destructive actions.", options: [{ value: "primary", label: "Primary", description: "Main call-to-action, uses primary theme color" }, { value: "secondary", label: "Secondary", description: "Less prominent actions, subdued styling" }, { value: "ghost", label: "Ghost", description: "Minimal styling, transparent background" }, { value: "outline", label: "Outline", description: "Bordered button with transparent background" }, { value: "danger", label: "Danger", description: "Destructive actions like delete" }, { value: "success", label: "Success", description: "Positive/confirmation actions" }, { value: "warning", label: "Warning", description: "Cautionary actions" }] }, { name: "size", type: "'xs' | 'sm' | 'md' | 'lg' | 'xl'", required: !1, defaultValue: "'md'", description: "Size of the button. Affects padding, font size, and minimum dimensions.", options: [{ value: "xs", label: "Extra Small", description: "24px height, compact UI" }, { value: "sm", label: "Small", description: "28px height, secondary actions" }, { value: "md", label: "Medium", description: "36px height, default for most uses" }, { value: "lg", label: "Large", description: "44px height, prominent actions" }, { value: "xl", label: "Extra Large", description: "52px height, hero sections" }] }, { name: "disabled", type: "boolean", required: !1, defaultValue: "false", description: "When true, the button is visually dimmed and non-interactive. Click events are prevented." }, { name: "loading", type: "boolean", required: !1, defaultValue: "false", description: "Shows a spinner and disables the button. Use during async operations like form submission." }, { name: "icon", type: "React.ReactNode", required: !1, description: "Icon element to display before the button text. Can be any React node including SVG, emoji, or icon component." }, { name: "iconRight", type: "React.ReactNode", required: !1, description: "Icon element to display after the button text. Useful for arrows or indicators." }, { name: "fullWidth", type: "boolean", required: !1, defaultValue: "false", description: "When true, the button expands to fill its container width. Useful in forms and mobile layouts." }, { name: "children", type: "React.ReactNode", required: !1, description: "Button content/label. Can be text, elements, or a combination." }, { name: "onClick", type: "(event: React.MouseEvent<HTMLButtonElement>) => void", required: !1, description: "Click event handler. Not called when button is disabled or loading." }, { name: "type", type: "'button' | 'submit' | 'reset'", required: !1, defaultValue: "'button'", description: "HTML button type attribute. Use `submit` for form submission buttons." }, { name: "className", type: "string", required: !1, description: "Additional CSS class names to apply to the button element." }, { name: "style", type: "React.CSSProperties", required: !1, description: "Inline styles to apply to the button element." }, { name: "ariaLabel", type: "string", required: !1, description: "Accessible label for screen readers. Required when button has no visible text (icon-only buttons)." }], l = [{ name: "onClick", signature: "(event: React.MouseEvent<HTMLButtonElement>) => void", description: "Fired when the button is clicked. Not triggered when `disabled` or `loading` is true.", parameters: [{ name: "event", type: "React.MouseEvent<HTMLButtonElement>", description: "The native mouse event object" }] }, { name: "onFocus", signature: "(event: React.FocusEvent<HTMLButtonElement>) => void", description: "Fired when the button receives keyboard focus." }, { name: "onBlur", signature: "(event: React.FocusEvent<HTMLButtonElement>) => void", description: "Fired when the button loses keyboard focus." }], u = { description: "NiceButton automatically inherits colors from NiceThemeProvider. You can customize individual buttons using CSS variables or override styles via className/style props.", cssVariables: [{ name: "--color-primary", description: "Primary button background color", defaultValue: "#6c5ce7" }, { name: "--color-primary-hover", description: "Primary button hover background", defaultValue: "#5b4cdb" }, { name: "--text-inverse", description: "Text color on primary buttons", defaultValue: "#ffffff" }, { name: "--bg-secondary", description: "Secondary button background", defaultValue: "#141414" }, { name: "--border-color", description: "Outline button border color", defaultValue: "#2a2a2a" }, { name: "--color-danger", description: "Danger variant color", defaultValue: "#ef4444" }, { name: "--color-success", description: "Success variant color", defaultValue: "#10b981" }], cssClasses: [{ name: "nice-button", description: "Root button class" }, { name: "nice-button--primary", description: "Primary variant modifier" }, { name: "nice-button--loading", description: "Applied when loading is true" }, { name: "nice-button--full-width", description: "Applied when fullWidth is true" }], example: `<NiceThemeProvider theme={customTheme}>
+  <NiceButton variant="primary">Themed Button</NiceButton>
+</NiceThemeProvider>
+
+// Or override locally:
+<NiceButton
+  style={{ '--color-primary': '#e84393' } as React.CSSProperties}
+>
+  Custom Color
+</NiceButton>` }, d = { description: "NiceButton supports i18n through the children prop. Use NiceI18nProvider and the `t()` function to translate button labels.", keys: [{ key: "common.save", defaultText: "Save", context: "Save button label" }, { key: "common.cancel", defaultText: "Cancel", context: "Cancel button label" }, { key: "common.delete", defaultText: "Delete", context: "Delete button label" }, { key: "common.submit", defaultText: "Submit", context: "Form submit button" }, { key: "common.loading", defaultText: "Loading...", context: "Loading state text" }], example: `import { useNiceI18n } from '@nice2dev/ui';
+
+function MyComponent() {
+  const { t } = useNiceI18n();
+  return <NiceButton>{t('common.save')}</NiceButton>;
+}` }, m = { role: "button", keyboard: [{ key: "Enter", action: "Activates the button" }, { key: "Space", action: "Activates the button" }, { key: "Tab", action: "Moves focus to the next focusable element" }, { key: "Shift+Tab", action: "Moves focus to the previous focusable element" }], screenReader: "Button text is announced along with its role. When loading, announces 'loading'. When disabled, announces 'disabled'. For icon-only buttons, provide `ariaLabel` for proper announcement.", wcag: "Meets WCAG 2.1 AA requirements. Color contrast ratios exceed 4.5:1 for normal text. Focus indicators are clearly visible. Disabled state is communicated via `aria-disabled`." }, p = [{ title: "Basic Usage", description: "Simple button with different variants", code: `<NiceButton>Default</NiceButton>
+<NiceButton variant="secondary">Secondary</NiceButton>
+<NiceButton variant="outline">Outline</NiceButton>
+<NiceButton variant="ghost">Ghost</NiceButton>`, language: "tsx" }, { title: "With Icons", description: "Buttons with leading or trailing icons", code: `<NiceButton icon={<SaveIcon />}>Save</NiceButton>
+<NiceButton iconRight={<ArrowRight />}>Next</NiceButton>
+<NiceButton icon="🚀">Launch</NiceButton>`, language: "tsx" }, { title: "Loading State", description: "Show loading spinner during async operations", code: `const [loading, setLoading] = useState(false);
+
+async function handleSubmit() {
+  setLoading(true);
+  await saveData();
+  setLoading(false);
+}
+
+<NiceButton loading={loading} onClick={handleSubmit}>
+  {loading ? 'Saving...' : 'Save'}
+</NiceButton>`, language: "tsx" }, { title: "Form Submit Button", description: "Button inside a form with submit type", code: `<form onSubmit={handleSubmit}>
+  <NiceTextInput name="email" />
+  <NiceButton type="submit" fullWidth>
+    Submit
+  </NiceButton>
+</form>`, language: "tsx" }, { title: "Icon-Only Button", description: "Accessible icon button with aria-label", code: `<NiceButton
+  variant="ghost"
+  icon={<CloseIcon />}
+  ariaLabel="Close dialog"
+/>`, language: "tsx" }], b = ["Use `primary` variant sparingly — ideally one per view for the main action", "Always provide `ariaLabel` for icon-only buttons", "Use `loading` state during async operations to prevent double-clicks", "Use `danger` variant for destructive actions and require confirmation", "Keep button labels short and action-oriented (e.g., 'Save' not 'Click here to save')"], h = ["Don't use `disabled` to hide buttons — use conditional rendering instead", "Avoid putting interactive elements inside buttons", "Don't forget to handle loading state errors — button should be re-enabled on failure", "Don't use color alone to convey meaning — pair with text or icons"], g = [{ name: "NiceButtonGroup", package: "@nice2dev/ui", relationship: "Groups multiple buttons together" }, { name: "NiceIconButton", package: "@nice2dev/ui", relationship: "Specialized for icon-only buttons" }, { name: "NiceDropDownButton", package: "@nice2dev/ui", relationship: "Button with dropdown menu" }], f = ["button", "action", "form", "interactive", "cta", "click"], v = "2026-03-29", y = {
+  $schema: e,
+  name: t,
+  displayName: n,
+  package: "@nice2dev/ui",
+  category: o,
+  summary: i,
+  description: a,
+  since: s,
+  status: r,
+  import: { named: ["NiceButton"], from: "@nice2dev/ui", types: ["NiceButtonProps", "NiceButtonVariant", "NiceButtonSize"] },
+  props: c,
+  events: l,
+  theming: u,
+  i18n: d,
+  accessibility: m,
+  examples: p,
+  bestPractices: b,
+  pitfalls: h,
+  related: g,
+  tags: f,
+  lastUpdated: v
+};
+export {
+  e as $schema,
+  m as accessibility,
+  b as bestPractices,
+  o as category,
+  y as default,
+  a as description,
+  n as displayName,
+  l as events,
+  p as examples,
+  d as i18n,
+  v as lastUpdated,
+  t as name,
+  h as pitfalls,
+  c as props,
+  g as related,
+  s as since,
+  r as status,
+  i as summary,
+  f as tags,
+  u as theming
+};