const e = "https://nice2dev.com/schemas/component-doc-v1.json", i = "NiceGrid", t = "CSS Grid-based layout component.", n = "layout", o = "1.0.0", r = "stable", s = [{ name: "children", type: "React.ReactNode", required: !0, description: "Grid children" }, { name: "columns", type: "number | string", default: "12", description: "Grid columns" }, { name: "rows", type: "number | string", description: "Grid rows" }, { name: "gap", type: "number | string", default: "16", description: "Grid gap" }, { name: "rowGap", type: "number | string", description: "Row gap" }, { name: "columnGap", type: "number | string", description: "Column gap" }, { name: "autoFlow", type: "'row' | 'column' | 'dense'", default: "'row'", description: "Auto flow direction" }, { name: "alignItems", type: "string", description: "Align items" }, { name: "justifyItems", type: "string", description: "Justify items" }], c = [{ title: "Grid", description: "Grid layout", code: `<NiceGrid columns={3} gap={24}>
  <NiceGrid.Item span={2}>Wide item</NiceGrid.Item>
  <NiceGrid.Item>Normal item</NiceGrid.Item>
  <NiceGrid.Item>Normal item</NiceGrid.Item>
</NiceGrid>` }], d = { keyboard: [], aria: ["Grid layout"] }, a = ["NiceFlex", "NiceStack"], m = {
  $schema: e,
  name: i,
  description: t,
  category: n,
  since: o,
  status: r,
  props: s,
  examples: c,
  accessibility: d,
  seeAlso: a
};
export {
  e as $schema,
  d as accessibility,
  n as category,
  m as default,
  t as description,
  c as examples,
  i as name,
  s as props,
  a as seeAlso,
  o as since,
  r as status
};
