const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceFlex", n = "Flexbox-based layout component.", i = "layout", o = "1.0.0", c = "stable", s = [{ name: "children", type: "React.ReactNode", required: !0, description: "Flex children" }, { name: "direction", type: "'row' | 'column' | 'row-reverse' | 'column-reverse'", default: "'row'", description: "Flex direction" }, { name: "wrap", type: "'nowrap' | 'wrap' | 'wrap-reverse'", default: "'nowrap'", description: "Flex wrap" }, { name: "justify", type: "string", default: "'flex-start'", description: "Justify content" }, { name: "align", type: "string", default: "'stretch'", description: "Align items" }, { name: "gap", type: "number | string", default: "0", description: "Flex gap" }, { name: "inline", type: "boolean", default: "false", description: "Inline flex" }], a = [{ title: "Flex", description: "Flex layout", code: `<NiceFlex direction="row" justify="space-between" align="center" gap={16}>
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</NiceFlex>` }], r = { keyboard: [], aria: ["Flex layout"] }, l = ["NiceGrid", "NiceStack"], d = {
  $schema: e,
  name: t,
  description: n,
  category: i,
  since: o,
  status: c,
  props: s,
  examples: a,
  accessibility: r,
  seeAlso: l
};
export {
  e as $schema,
  r as accessibility,
  i as category,
  d as default,
  n as description,
  a as examples,
  t as name,
  s as props,
  l as seeAlso,
  o as since,
  c as status
};
