{
  "schemaVersion": 1,
  "package": "@fayegram-ai/faye-ui",
  "moduleGroup": "layout",
  "entry": "@fayegram-ai/faye-ui/layout/layout",
  "source": "packages/layout/src/layout.tsx",
  "clientBoundary": false,
  "declarations": [
    {
      "name": "LayoutProps",
      "kind": "InterfaceDeclaration",
      "signature": "export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n    gap?: Responsive<Space>;\n    /** Overrides the vertical gap, including between wrapped rows. */\n    rowGap?: Responsive<Space>;\n    /** Overrides the horizontal gap independently of row spacing. */\n    columnGap?: Responsive<Space>;\n    align?: Responsive<'start' | 'center' | 'end' | 'stretch' | 'baseline'>;\n    justify?: Responsive<'start' | 'center' | 'end' | 'between' | 'around'>;\n    p?: Responsive<Space>;\n    px?: Responsive<Space>;\n    py?: Responsive<Space>;\n    ref?: Ref<HTMLDivElement>;\n}",
      "members": [
        {
          "name": "gap",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "rowGap",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "columnGap",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "align",
          "optional": true,
          "type": "Responsive<'start' | 'center' | 'end' | 'stretch' | 'baseline'>"
        },
        {
          "name": "justify",
          "optional": true,
          "type": "Responsive<'start' | 'center' | 'end' | 'between' | 'around'>"
        },
        {
          "name": "p",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "px",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "py",
          "optional": true,
          "type": "Responsive<Space>"
        },
        {
          "name": "ref",
          "optional": true,
          "type": "Ref<HTMLDivElement>"
        }
      ],
      "line": 7
    },
    {
      "name": "Stack",
      "kind": "FunctionDeclaration",
      "signature": "export function Stack(props: LayoutProps)",
      "line": 23
    },
    {
      "name": "InlineProps",
      "kind": "InterfaceDeclaration",
      "signature": "export interface InlineProps extends LayoutProps {\n    wrap?: boolean;\n}",
      "members": [
        {
          "name": "wrap",
          "optional": true,
          "type": "boolean"
        }
      ],
      "line": 24
    },
    {
      "name": "Inline",
      "kind": "FunctionDeclaration",
      "signature": "export function Inline({ wrap = false, ...props }: InlineProps)",
      "line": 27
    },
    {
      "name": "Cluster",
      "kind": "FunctionDeclaration",
      "signature": "export function Cluster(props: LayoutProps)",
      "line": 28
    },
    {
      "name": "GridProps",
      "kind": "InterfaceDeclaration",
      "signature": "export interface GridProps extends LayoutProps {\n    columns?: Responsive<1 | 2 | 3 | 4 | 5 | 6 | 8 | 12>;\n    minItemWidth?: string;\n}",
      "members": [
        {
          "name": "columns",
          "optional": true,
          "type": "Responsive<1 | 2 | 3 | 4 | 5 | 6 | 8 | 12>"
        },
        {
          "name": "minItemWidth",
          "optional": true,
          "type": "string"
        }
      ],
      "line": 29
    },
    {
      "name": "Grid",
      "kind": "FunctionDeclaration",
      "signature": "export function Grid({ columns = 1, minItemWidth, style, className, ...props }: GridProps)",
      "line": 33
    },
    {
      "name": "ContainerProps",
      "kind": "InterfaceDeclaration",
      "signature": "export interface ContainerProps extends LayoutProps {\n    width?: 'reading' | 'content' | 'full';\n    gutter?: boolean;\n}",
      "members": [
        {
          "name": "width",
          "optional": true,
          "type": "'reading' | 'content' | 'full'"
        },
        {
          "name": "gutter",
          "optional": true,
          "type": "boolean"
        }
      ],
      "line": 34
    },
    {
      "name": "Container",
      "kind": "FunctionDeclaration",
      "signature": "export function Container({ width = 'content', gutter = true, ...props }: ContainerProps)",
      "line": 38
    },
    {
      "name": "Center",
      "kind": "FunctionDeclaration",
      "signature": "export function Center(props: LayoutProps)",
      "line": 39
    },
    {
      "name": "Spacer",
      "kind": "FunctionDeclaration",
      "signature": "export function Spacer({ style, ...props }: HTMLAttributes<HTMLDivElement>)",
      "line": 40
    },
    {
      "name": "SplitProps",
      "kind": "InterfaceDeclaration",
      "signature": "export interface SplitProps extends LayoutProps {\n    ratio?: 'equal' | 'sidebar-start' | 'sidebar-end';\n    collapseAt?: 'sm' | 'md' | 'lg';\n}",
      "members": [
        {
          "name": "ratio",
          "optional": true,
          "type": "'equal' | 'sidebar-start' | 'sidebar-end'"
        },
        {
          "name": "collapseAt",
          "optional": true,
          "type": "'sm' | 'md' | 'lg'"
        }
      ],
      "line": 41
    },
    {
      "name": "Split",
      "kind": "FunctionDeclaration",
      "signature": "export function Split({ ratio = 'sidebar-start', collapseAt = 'md', ...props }: SplitProps)",
      "line": 45
    },
    {
      "name": "AspectRatio",
      "kind": "FunctionDeclaration",
      "signature": "export function AspectRatio({ ratio = 16 / 9, style, className, ...props }: HTMLAttributes<HTMLDivElement> & {\n    ratio?: number;\n})",
      "line": 46
    },
    {
      "name": "Bleed",
      "kind": "FunctionDeclaration",
      "signature": "export function Bleed({ amount = '4', style, ...props }: HTMLAttributes<HTMLDivElement> & {\n    amount?: Space;\n})",
      "line": 53
    },
    {
      "name": "QueryContainer",
      "kind": "FunctionDeclaration",
      "signature": "export function QueryContainer({ name, type = 'inline-size', style, ...props }: HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n    type?: 'inline-size' | 'size';\n})",
      "line": 57
    }
  ],
  "typesComplete": false,
  "typeScope": "Explicit source declarations plus dependency-resolved emitted exports. Full inherited/generic restrictions remain authoritative in installed declarations.",
  "compiledExports": [
    {
      "name": "Stack",
      "kind": "value",
      "type": "(props: LayoutProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Inline",
      "kind": "value",
      "type": "({ wrap, ...props }: InlineProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Cluster",
      "kind": "value",
      "type": "(props: LayoutProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Grid",
      "kind": "value",
      "type": "({ columns, minItemWidth, style, className, ...props }: GridProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Container",
      "kind": "value",
      "type": "({ width, gutter, ...props }: ContainerProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Center",
      "kind": "value",
      "type": "(props: LayoutProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Spacer",
      "kind": "value",
      "type": "({ style, ...props }: HTMLAttributes<HTMLDivElement>) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Split",
      "kind": "value",
      "type": "({ ratio, collapseAt, ...props }: SplitProps) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "AspectRatio",
      "kind": "value",
      "type": "({ ratio, style, className, ...props }: HTMLAttributes<HTMLDivElement> & { ratio?: number; }) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "Bleed",
      "kind": "value",
      "type": "({ amount, style, ...props }: HTMLAttributes<HTMLDivElement> & { amount?: Space; }) => import(\"react\").JSX.Element",
      "description": ""
    },
    {
      "name": "QueryContainer",
      "kind": "value",
      "type": "({ name, type, style, ...props }: HTMLAttributes<HTMLDivElement> & { name?: string; type?: \"inline-size\" | \"size\"; }) => import(\"react\").JSX.Element",
      "description": "Establishes an explicit container-query boundary. Stylesheets still own the query rules."
    },
    {
      "name": "LayoutProps",
      "kind": "type",
      "type": "LayoutProps",
      "description": ""
    },
    {
      "name": "InlineProps",
      "kind": "type",
      "type": "InlineProps",
      "description": ""
    },
    {
      "name": "GridProps",
      "kind": "type",
      "type": "GridProps",
      "description": ""
    },
    {
      "name": "ContainerProps",
      "kind": "type",
      "type": "ContainerProps",
      "description": ""
    },
    {
      "name": "SplitProps",
      "kind": "type",
      "type": "SplitProps",
      "description": ""
    }
  ],
  "declaration": "packages/faye-ui/dist/layout/layout.d.ts"
}