const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceTabs", a = "Tabs", i = "1.0.0", n = "stable", s = "navigation", c = "tabs", o = "Tabbed content panel with multiple style variants including pills and enclosed.", l = "1.0.0", r = ["web", "mobile", "desktop"], d = ["tabs", "tabbed", "panel", "content-switcher"], b = [{ name: "tabs", type: "NiceTabItem[]", required: !0, description: "Array of tab definitions." }, { name: "activeTab", type: "string", required: !1, description: "Controlled active tab id." }, { name: "defaultActiveTab", type: "string", required: !1, description: "Uncontrolled default tab." }, { name: "variant", type: "'default' | 'pills' | 'enclosed'", required: !1, default: "'default'", description: "Visual style variant." }, { name: "vertical", type: "boolean", required: !1, description: "Stack tabs vertically." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Tabs size." }], p = [{ name: "onChange", parameters: [{ name: "id", type: "string" }], description: "Called when active tab changes." }], m = [{ name: "--nice-tabs-active-color", default: "var(--nice-primary)", description: "Active tab color" }], u = { aria: ['role="tablist"', 'role="tab"', "aria-selected"], keyboard: [{ key: "ArrowLeft/Right", action: "Navigate tabs" }, { key: "Enter/Space", action: "Activate tab" }] }, v = [{ title: "Basic Tabs", code: `<NiceTabs
  tabs={[
    { id: 'general', label: 'General', content: <GeneralSettings /> },
    { id: 'security', label: 'Security', icon: <LockIcon />, content: <SecuritySettings /> },
    { id: 'notifications', label: 'Notifications', badge: 3, content: <NotificationSettings /> }
  ]}
  activeTab={activeTab}
  onChange={setActiveTab}
/>`, language: "tsx" }, { title: "Pills Variant", code: `<NiceTabs
  tabs={tabs}
  variant="pills"
/>`, language: "tsx" }], g = [{ name: "NiceSegmentedControl", relationship: "similar" }], y = {
  $schema: e,
  name: t,
  displayName: a,
  version: i,
  status: n,
  category: s,
  subcategory: c,
  package: "@nicetoDev/ui",
  description: o,
  since: l,
  platforms: r,
  keywords: d,
  props: b,
  events: p,
  cssVariables: m,
  accessibility: u,
  examples: v,
  related: g
};
export {
  e as $schema,
  u as accessibility,
  s as category,
  m as cssVariables,
  y as default,
  o as description,
  a as displayName,
  p as events,
  v as examples,
  d as keywords,
  t as name,
  r as platforms,
  b as props,
  g as related,
  l as since,
  n as status,
  c as subcategory,
  i as version
};
