const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceIconButton", t = "Icon Button", i = "1.0.0", o = "stable", a = "buttons", c = "action", s = "A compact icon-only button optimized for space-constrained interfaces. Requires an accessible label for screen readers.", r = "1.0.0", l = ["web", "mobile", "desktop"], d = ["icon", "button", "action", "compact", "toolbar"], u = [{ name: "icon", type: "React.ReactNode", required: !0, description: "Icon element to render inside the button." }, { name: "label", type: "string", required: !1, description: "Accessible label text (alias for aria-label)." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Button size.", options: [{ value: "'xs'", description: "Extra small (20px)" }, { value: "'sm'", description: "Small (28px)" }, { value: "'md'", description: "Medium (36px) - default" }, { value: "'lg'", description: "Large (44px)" }, { value: "'xl'", description: "Extra large (52px)" }] }, { name: "onClick", type: "(e: React.MouseEvent<HTMLButtonElement>) => void", required: !1, description: "Click handler function." }, { name: "disabled", type: "boolean", required: !1, default: "false", description: "Disables the button." }, { name: "aria-label", type: "string", required: !0, description: "Accessible label (required — icon-only buttons need a text description)." }, { name: "variant", type: "NiceVariant", required: !1, description: "Visual variant styling.", options: [{ value: "'primary'", description: "Primary accent color" }, { value: "'secondary'", description: "Secondary style" }, { value: "'success'", description: "Success/positive" }, { value: "'warning'", description: "Warning" }, { value: "'danger'", description: "Danger/destructive" }, { value: "'ghost'", description: "Transparent background" }] }, { name: "displayStyle", type: "DisplayStyle", required: !1, description: "Display style configuration for theming." }], p = [{ name: "onClick", parameters: [{ name: "e", type: "React.MouseEvent<HTMLButtonElement>", description: "Mouse event" }], description: "Fired when the button is clicked." }], b = [{ name: "--nice-icon-btn-size", default: "36px", description: "Button size" }, { name: "--nice-icon-btn-radius", default: "var(--nice-border-radius)", description: "Border radius" }, { name: "--nice-icon-btn-color", default: "var(--nice-text-color)", description: "Icon color" }, { name: "--nice-icon-btn-bg", default: "transparent", description: "Background color" }, { name: "--nice-icon-btn-hover-bg", default: "var(--nice-hover-bg)", description: "Hover background" }], m = [], v = { aria: ["aria-label (required)", "aria-disabled", "aria-pressed"], keyboard: [{ key: "Enter/Space", action: "Activates the button" }, { key: "Tab", action: "Moves focus to/from the button" }], notes: "Icon-only buttons MUST have aria-label for accessibility. Without visible text, screen readers rely entirely on this attribute." }, g = [{ title: "Basic Usage", description: "Simple icon button with required aria-label", code: `<NiceIconButton
  icon={<SearchIcon />}
  aria-label="Search"
  onClick={() => console.log('Search clicked')}
/>`, language: "tsx" }, { title: "Different Sizes", description: "Icon buttons in various sizes", code: `<NiceIconButton icon={<PlusIcon />} size="xs" aria-label="Add small" />
<NiceIconButton icon={<PlusIcon />} size="sm" aria-label="Add" />
<NiceIconButton icon={<PlusIcon />} size="md" aria-label="Add medium" />
<NiceIconButton icon={<PlusIcon />} size="lg" aria-label="Add large" />`, language: "tsx" }, { title: "With Variant", description: "Icon button with danger variant", code: `<NiceIconButton
  icon={<TrashIcon />}
  variant="danger"
  aria-label="Delete item"
  onClick={handleDelete}
/>`, language: "tsx" }, { title: "In Toolbar", description: "Multiple icon buttons in a toolbar", code: `<div className="toolbar">
  <NiceIconButton icon={<BoldIcon />} aria-label="Bold" />
  <NiceIconButton icon={<ItalicIcon />} aria-label="Italic" />
  <NiceIconButton icon={<UnderlineIcon />} aria-label="Underline" />
</div>`, language: "tsx" }], y = [{ name: "NiceButton", relationship: "alternative", description: "Full button with text" }, { name: "NiceButtonGroup", relationship: "parent", description: "Group multiple buttons together" }, { name: "NiceSpeedDialAction", relationship: "similar", description: "FAB with expandable actions" }], h = {
  $schema: e,
  name: n,
  displayName: t,
  version: i,
  status: o,
  category: a,
  subcategory: c,
  package: "@nicetoDev/ui",
  description: s,
  since: r,
  platforms: l,
  keywords: d,
  props: u,
  events: p,
  cssVariables: b,
  i18n: m,
  accessibility: v,
  examples: g,
  related: y
};
export {
  e as $schema,
  v as accessibility,
  a as category,
  b as cssVariables,
  h as default,
  s as description,
  t as displayName,
  p as events,
  g as examples,
  m as i18n,
  d as keywords,
  n as name,
  l as platforms,
  u as props,
  y as related,
  r as since,
  o as status,
  c as subcategory,
  i as version
};
