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
};
