@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/field.js

@@ -0,0 +1,260 @@
+"use client";
+"use client";
+import {
+  Separator
+} from "../chunk-HYTILYE5.js";
+import {
+  Label
+} from "../chunk-E2TQMDO7.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/field.tsx
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: { orientation: "vertical" }
+  }
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo(() => {
+    if (children) return children;
+    if (!errors?.length) return null;
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error?.message, error])).values()
+    ];
+    if (uniqueErrors.length === 1) return uniqueErrors[0]?.message;
+    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-sm font-normal text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
+}
+function FormField({
+  label,
+  htmlFor,
+  actions,
+  description,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), ...props, children: [
+    (label || actions) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      typeof label === "string" ? /* @__PURE__ */ jsx(Label, { htmlFor, children: label }) : label,
+      actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions })
+    ] }),
+    children,
+    description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
+  ] });
+}
+var columnStyles = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-3"
+};
+function FieldGrid({ columns = 2, gap = "default", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid", gap === "default" ? "gap-4" : "gap-8", columnStyles[columns], className),
+      ...props
+    }
+  );
+}
+export {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGrid,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  FormField
+};

package/dist/primitives/file-dropzone.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkI5UQSBBZcjs = require('../chunk-I5UQSBBZ.cjs');
+require('../chunk-373W6VAD.cjs');
+require('../chunk-U2NES7VR.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.FileDropzone = _chunkI5UQSBBZcjs.FileDropzone;

package/dist/primitives/file-dropzone.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FileDropzoneBaseProps {
+    accept?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    label?: ReactNode;
+    description?: ReactNode;
+    busyLabel?: ReactNode;
+    icon?: ReactNode;
+    /** Full drag target by default; `button` keeps the same acquisition logic in a compact action. */
+    variant?: "dropzone" | "button" | "icon";
+    className?: string;
+}
+type SingleFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple?: false;
+    onFile: (file: File) => void | Promise<void>;
+    onFiles?: never;
+};
+type MultiFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple: true;
+    onFiles: (files: File[]) => void | Promise<void>;
+    onFile?: never;
+};
+type FileDropzoneProps = SingleFileDropzoneProps | MultiFileDropzoneProps;
+/**
+ * Generic single-file picker with click and drag-and-drop acquisition.
+ *
+ * The primitive owns the hidden native input, focus state, drag state and
+ * async busy state. It deliberately does not parse, upload or validate file
+ * contents; those remain consumer concerns.
+ */
+declare function FileDropzone({ onFile, onFiles, multiple, accept, disabled, busy: externalBusy, label, description, busyLabel, icon, variant, className, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+
+export { FileDropzone, type FileDropzoneProps };

package/dist/primitives/file-dropzone.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FileDropzoneBaseProps {
+    accept?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    label?: ReactNode;
+    description?: ReactNode;
+    busyLabel?: ReactNode;
+    icon?: ReactNode;
+    /** Full drag target by default; `button` keeps the same acquisition logic in a compact action. */
+    variant?: "dropzone" | "button" | "icon";
+    className?: string;
+}
+type SingleFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple?: false;
+    onFile: (file: File) => void | Promise<void>;
+    onFiles?: never;
+};
+type MultiFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple: true;
+    onFiles: (files: File[]) => void | Promise<void>;
+    onFile?: never;
+};
+type FileDropzoneProps = SingleFileDropzoneProps | MultiFileDropzoneProps;
+/**
+ * Generic single-file picker with click and drag-and-drop acquisition.
+ *
+ * The primitive owns the hidden native input, focus state, drag state and
+ * async busy state. It deliberately does not parse, upload or validate file
+ * contents; those remain consumer concerns.
+ */
+declare function FileDropzone({ onFile, onFiles, multiple, accept, disabled, busy: externalBusy, label, description, busyLabel, icon, variant, className, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+
+export { FileDropzone, type FileDropzoneProps };

package/dist/primitives/file-dropzone.js

@@ -0,0 +1,12 @@
+"use client";
+"use client";
+import {
+  FileDropzone
+} from "../chunk-6V4XMQ6D.js";
+import "../chunk-EIY5LLSP.js";
+import "../chunk-ZRLUUZHK.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  FileDropzone
+};

package/dist/primitives/filter-bar.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkSGW4FWBXcjs = require('../chunk-SGW4FWBX.cjs');
+require('../chunk-PPX2VPGI.cjs');
+require('../chunk-WNXVGUBF.cjs');
+require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-R5L4CM6V.cjs');
+require('../chunk-JH4GAGOQ.cjs');
+require('../chunk-V5SPFLKW.cjs');
+require('../chunk-PQUSJEXL.cjs');
+require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-R35FT53G.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.FilterBar = _chunkSGW4FWBXcjs.FilterBar;

package/dist/primitives/filter-bar.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FilterDefinition } from '../lib/filter-types.cjs';
+
+interface OrderOption {
+    label: string;
+    value: string;
+    field: string;
+    direction: "ASC" | "DESC";
+}
+interface FilterBarProps {
+    filters: FilterDefinition[];
+    onFiltersChange: (_filters: Record<string, any>) => void;
+    activeFilters: Record<string, any>;
+    className?: string;
+    includeLabel?: boolean;
+    actions?: React.ReactNode;
+    sortOptions?: OrderOption[];
+    sortValue?: string;
+    onSortChange?: (_value: string) => void;
+    /** Size of the toolbar trigger. Use lg for roomier 48px control rows. */
+    triggerSize?: "default" | "lg";
+}
+declare function FilterBar({ filters, onFiltersChange, activeFilters, className, includeLabel, actions, sortOptions, sortValue, onSortChange, triggerSize, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
+export { FilterBar, type OrderOption };

package/dist/primitives/filter-bar.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FilterDefinition } from '../lib/filter-types.js';
+
+interface OrderOption {
+    label: string;
+    value: string;
+    field: string;
+    direction: "ASC" | "DESC";
+}
+interface FilterBarProps {
+    filters: FilterDefinition[];
+    onFiltersChange: (_filters: Record<string, any>) => void;
+    activeFilters: Record<string, any>;
+    className?: string;
+    includeLabel?: boolean;
+    actions?: React.ReactNode;
+    sortOptions?: OrderOption[];
+    sortValue?: string;
+    onSortChange?: (_value: string) => void;
+    /** Size of the toolbar trigger. Use lg for roomier 48px control rows. */
+    triggerSize?: "default" | "lg";
+}
+declare function FilterBar({ filters, onFiltersChange, activeFilters, className, includeLabel, actions, sortOptions, sortValue, onSortChange, triggerSize, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
+export { FilterBar, type OrderOption };

package/dist/primitives/filter-bar.js

@@ -0,0 +1,20 @@
+"use client";
+"use client";
+import {
+  FilterBar
+} from "../chunk-MLHNYRFX.js";
+import "../chunk-G76JANB4.js";
+import "../chunk-YG7FBJRM.js";
+import "../chunk-E2TQMDO7.js";
+import "../chunk-RRRD5EUI.js";
+import "../chunk-OICAYRVH.js";
+import "../chunk-J6NXDZR5.js";
+import "../chunk-QMA3WVB7.js";
+import "../chunk-H7TETFLB.js";
+import "../chunk-D4ZL2OEQ.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-PIU5SSUV.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  FilterBar
+};

package/dist/primitives/flex-item.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/flex-item.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var FlexItem = _react.forwardRef.call(void 0, 
+  function FlexItem2({ grow = false, minWidth = "auto", shrink = true, basis = "auto", overflow = "visible", minHeight = "auto", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          grow && "flex-1",
+          minWidth === "zero" && "min-w-0",
+          !shrink && "shrink-0",
+          basis === "sm" && "basis-48",
+          basis === "md" && "basis-64",
+          basis === "lg" && "basis-80",
+          overflow === "hidden" && "overflow-hidden",
+          overflow === "y-auto" && "overflow-y-auto overflow-x-hidden",
+          minHeight === "zero" && "min-h-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.FlexItem = FlexItem;

package/dist/primitives/flex-item.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface FlexItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Allow this item to consume the remaining space in a flex layout. */
+    grow?: boolean;
+    /** Prevent intrinsic content width from overflowing its flex container. */
+    minWidth?: "auto" | "zero";
+    /** Keep the item from shrinking when adjacent content grows. */
+    shrink?: boolean;
+    basis?: "auto" | "sm" | "md" | "lg";
+    overflow?: "visible" | "hidden" | "y-auto";
+    minHeight?: "auto" | "zero";
+}
+/** A flex child with explicit growth and intrinsic-width behaviour. */
+declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FlexItem, type FlexItemProps };

package/dist/primitives/flex-item.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface FlexItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Allow this item to consume the remaining space in a flex layout. */
+    grow?: boolean;
+    /** Prevent intrinsic content width from overflowing its flex container. */
+    minWidth?: "auto" | "zero";
+    /** Keep the item from shrinking when adjacent content grows. */
+    shrink?: boolean;
+    basis?: "auto" | "sm" | "md" | "lg";
+    overflow?: "visible" | "hidden" | "y-auto";
+    minHeight?: "auto" | "zero";
+}
+/** A flex child with explicit growth and intrinsic-width behaviour. */
+declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FlexItem, type FlexItemProps };

package/dist/primitives/flex-item.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/flex-item.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var FlexItem = forwardRef(
+  function FlexItem2({ grow = false, minWidth = "auto", shrink = true, basis = "auto", overflow = "visible", minHeight = "auto", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          grow && "flex-1",
+          minWidth === "zero" && "min-w-0",
+          !shrink && "shrink-0",
+          basis === "sm" && "basis-48",
+          basis === "md" && "basis-64",
+          basis === "lg" && "basis-80",
+          overflow === "hidden" && "overflow-hidden",
+          overflow === "y-auto" && "overflow-y-auto overflow-x-hidden",
+          minHeight === "zero" && "min-h-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  FlexItem
+};

package/dist/primitives/grid.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/grid.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var fixedColumns = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4"
+};
+var responsiveColumns = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+};
+var gaps = { sm: "gap-2", compact: "gap-3", md: "gap-4", lg: "gap-6" };
+var Grid = _react.forwardRef.call(void 0, function Grid2({ columns = 2, gap = "md", responsive = true, layout = "grid", maxWidth = "none", centered = false, template = "equal", as, className, ...props }, ref) {
+  const Component = _nullishCoalesce(as, () => ( "div"));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Component,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        layout === "grid" ? "grid" : "grid sm:flex sm:justify-end",
+        layout === "grid" && template === "equal" && columns !== null && (responsive ? responsiveColumns[columns] : fixedColumns[columns]),
+        layout === "responsive-actions" && columns !== null && fixedColumns[columns],
+        template === "compact-leading-three" && "grid-cols-[5rem_1fr_1fr]",
+        template === "responsive-form-row-six" && "grid-cols-1 items-center sm:grid-cols-[1fr_1.4fr_1fr_1fr_1fr_auto]",
+        template === "master-detail" && "grid-cols-1 lg:grid-cols-[360px_1fr]",
+        template === "gallery" && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+        gaps[gap],
+        maxWidth === "xl" && "max-w-2xl",
+        centered && "mx-auto",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+
+exports.Grid = Grid;

package/dist/primitives/grid.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface GridProps extends HTMLAttributes<HTMLElement> {
+    /** Equal column count. Pass null when supplying a bespoke template via className. */
+    columns?: 1 | 2 | 3 | 4 | null;
+    gap?: "sm" | "compact" | "md" | "lg";
+    responsive?: boolean;
+    layout?: "grid" | "responsive-actions";
+    maxWidth?: "none" | "xl";
+    centered?: boolean;
+    template?: "equal" | "compact-leading-three" | "responsive-form-row-six" | "master-detail" | "gallery";
+    as?: ElementType;
+}
+/** Canonical equal-column grid with optional responsive collapse. */
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
+
+export { Grid, type GridProps };

package/dist/primitives/grid.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface GridProps extends HTMLAttributes<HTMLElement> {
+    /** Equal column count. Pass null when supplying a bespoke template via className. */
+    columns?: 1 | 2 | 3 | 4 | null;
+    gap?: "sm" | "compact" | "md" | "lg";
+    responsive?: boolean;
+    layout?: "grid" | "responsive-actions";
+    maxWidth?: "none" | "xl";
+    centered?: boolean;
+    template?: "equal" | "compact-leading-three" | "responsive-form-row-six" | "master-detail" | "gallery";
+    as?: ElementType;
+}
+/** Canonical equal-column grid with optional responsive collapse. */
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
+
+export { Grid, type GridProps };