const e = "https://nice2dev.com/schemas/component-doc-v1.json", a = "NiceAvatarGroup", t = "Avatar Group", o = "1.0.0", r = "stable", s = "display", n = "user", c = 'Stacks multiple NiceAvatar elements with overlapping layout and a "+N" overflow indicator when exceeding max count.', i = "1.0.0", p = ["web", "mobile", "desktop"], u = ["avatar", "group", "stack", "overflow", "users"], l = [{ name: "children", type: "React.ReactNode", required: !0, description: "NiceAvatar elements to display." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Avatar group size." }, { name: "max", type: "number", required: !1, description: "Maximum visible avatars before overflow counter appears." }], m = [], v = [{ name: "--nice-avatar-group-overlap", default: "-8px", description: "Overlap margin between avatars" }], d = [{ title: "Basic Group", code: `<NiceAvatarGroup>
  <NiceAvatar name="John" />
  <NiceAvatar name="Jane" />
  <NiceAvatar name="Bob" />
</NiceAvatarGroup>`, language: "tsx" }, { title: "With Max", code: `<NiceAvatarGroup max={3}>
  {users.map(u => <NiceAvatar key={u.id} name={u.name} />)}
</NiceAvatarGroup>`, language: "tsx" }], N = [{ name: "NiceAvatar", relationship: "child" }], A = {
  $schema: e,
  name: a,
  displayName: t,
  version: o,
  status: r,
  category: s,
  subcategory: n,
  package: "@nicetoDev/ui",
  description: c,
  since: i,
  platforms: p,
  keywords: u,
  props: l,
  events: m,
  cssVariables: v,
  examples: d,
  related: N
};
export {
  e as $schema,
  s as category,
  v as cssVariables,
  A as default,
  c as description,
  t as displayName,
  m as events,
  d as examples,
  u as keywords,
  a as name,
  p as platforms,
  l as props,
  N as related,
  i as since,
  r as status,
  n as subcategory,
  o as version
};
