const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceDropDownButton", n = "Drop Down Button", o = "1.0.0", i = "stable", a = "buttons", s = "action", r = "A button with an integrated dropdown menu. Supports both single-action dropdown and split-button modes where the main action and dropdown are separate.", c = "1.0.0", d = ["web", "mobile", "desktop"], p = ["dropdown", "button", "menu", "split-button", "action"], l = [{ name: "text", type: "string", required: !1, description: "Button label text." }, { name: "label", type: "string", required: !1, description: "Alias for text property." }, { name: "icon", type: "React.ReactNode", required: !1, description: "Icon shown before the label." }, { name: "items", type: "NiceDropDownButtonItem[]", required: !0, description: "Array of menu items to display in the dropdown." }, { name: "variant", type: "NiceVariant", required: !1, default: "'primary'", description: "Visual variant styling.", options: [{ value: "'primary'", description: "Primary accent color" }, { value: "'secondary'", description: "Secondary style" }, { value: "'success'", description: "Success/positive" }, { value: "'danger'", description: "Danger/destructive" }] }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Button size." }, { name: "disabled", type: "boolean", required: !1, default: "false", description: "Disables the entire button." }, { name: "onItemClick", type: "(item: NiceDropDownButtonItem) => void", required: !1, description: "Called when any menu item is clicked." }, { name: "splitButton", type: "boolean", required: !1, default: "false", description: "Render as split button with separate main action and dropdown caret." }, { name: "onClick", type: "() => void", required: !1, description: "Main button click handler (used in split-button mode)." }], u = [{ name: "onItemClick", parameters: [{ name: "item", type: "NiceDropDownButtonItem", description: "The clicked menu item" }], description: "Fired when a dropdown menu item is clicked." }, { name: "onClick", parameters: [], description: "Fired when the main button is clicked (split-button mode only)." }], m = [], w = [{ name: "--nice-dropdown-btn-gap", default: "0", description: "Gap between split button parts" }, { name: "--nice-dropdown-menu-bg", default: "var(--nice-surface-bg)", description: "Menu background color" }, { name: "--nice-dropdown-menu-shadow", default: "var(--nice-shadow-lg)", description: "Menu shadow" }, { name: "--nice-dropdown-item-hover-bg", default: "var(--nice-hover-bg)", description: "Item hover background" }], y = [{ key: "dropdownButton.toggleAriaLabel", defaultValue: "Toggle dropdown", description: "Aria label for dropdown toggle" }], b = { aria: ["aria-expanded", "aria-haspopup", 'role="menu"', 'role="menuitem"'], keyboard: [{ key: "Enter/Space", action: "Opens/closes dropdown or activates item" }, { key: "ArrowDown", action: "Opens dropdown, moves to next item" }, { key: "ArrowUp", action: "Moves to previous item" }, { key: "Escape", action: "Closes the dropdown" }], notes: "Menu items support disabled state. Dangerous actions should use the danger property for visual warning." }, h = [{ title: "Basic Dropdown", description: "Simple dropdown button with menu items", code: `<NiceDropDownButton
  text="Actions"
  items={[
    { key: 'edit', text: 'Edit', onClick: () => console.log('Edit') },
    { key: 'duplicate', text: 'Duplicate' },
    { key: 'delete', text: 'Delete', danger: true }
  ]}
/>`, language: "tsx" }, { title: "Split Button", description: "Split button with primary action and dropdown", code: `<NiceDropDownButton
  text="Save"
  splitButton
  onClick={() => handleSave()}
  items={[
    { key: 'save-as', text: 'Save As...' },
    { key: 'save-copy', text: 'Save a Copy' },
    { key: 'export', text: 'Export' }
  ]}
/>`, language: "tsx" }, { title: "With Icons", description: "Dropdown items with icons", code: `<NiceDropDownButton
  text="Export"
  icon={<ExportIcon />}
  items={[
    { key: 'pdf', text: 'Export as PDF', icon: <PdfIcon /> },
    { key: 'excel', text: 'Export as Excel', icon: <ExcelIcon /> },
    { key: 'csv', text: 'Export as CSV', icon: <CsvIcon /> }
  ]}
/>`, language: "tsx" }], g = [{ name: "NiceButton", relationship: "parent", description: "Base button component" }, { name: "NiceMenu", relationship: "similar", description: "Standalone menu component" }, { name: "NiceContextMenu", relationship: "similar", description: "Right-click context menu" }], v = {
  $schema: e,
  name: t,
  displayName: n,
  version: o,
  status: i,
  category: a,
  subcategory: s,
  package: "@nicetoDev/ui",
  description: r,
  since: c,
  platforms: d,
  keywords: p,
  props: l,
  events: u,
  slots: m,
  cssVariables: w,
  i18n: y,
  accessibility: b,
  examples: h,
  related: g
};
export {
  e as $schema,
  b as accessibility,
  a as category,
  w as cssVariables,
  v as default,
  r as description,
  n as displayName,
  u as events,
  h as examples,
  y as i18n,
  p as keywords,
  t as name,
  d as platforms,
  l as props,
  g as related,
  c as since,
  m as slots,
  i as status,
  s as subcategory,
  o as version
};
