@boilerhaus-ui/boilerhaus-ui 0.1.2 → 0.1.5

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,12 @@
+export type ContainerSize = 'sm' | 'md' | 'lg' | 'full';
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Max-width breakpoint:
+     * - sm  → 640px   — forms, modals, narrow content
+     * - md  → 960px   — articles, settings pages
+     * - lg  → 1280px  — matches --grid-max-width token, dashboards
+     * - full → 100%   — edge-to-edge
+     */
+    size?: ContainerSize;
+}
+export declare function Container({ size, className, children, style, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { ContainerProps, ContainerSize } from './Container';

package/dist/components/FormGroup/FormGroup.d.ts

@@ -0,0 +1,26 @@
+export interface FormGroupProps {
+    /** Text label for the field */
+    label: string;
+    /** id of the form control — sets htmlFor on the label */
+    fieldId?: string;
+    /** Supplemental text shown below the field */
+    helper?: string;
+    /** Validation error — replaces helper text, styled in signal red */
+    error?: string;
+    /** Adds a visual required indicator (*) to the label */
+    required?: boolean;
+    /** The form control (Input, Select, Textarea, etc.) */
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function FormGroup({ label, fieldId, helper, error, required, children, className, }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface FormSectionProps {
+    /** Section heading */
+    title: string;
+    /** Optional explanatory text below the heading */
+    description?: string;
+    /** FormGroup elements and other field components */
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function FormSection({ title, description, children, className }: FormSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/FormGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { FormGroup, FormSection } from './FormGroup';
+export type { FormGroupProps, FormSectionProps } from './FormGroup';

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,19 @@
+import type { SpaceToken } from '../Stack';
+export type GridCols = 1 | 2 | 3 | 4 | 6 | 12;
+export type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of equal columns — defaults to 12 */
+    cols?: GridCols;
+    /** Gap between cells — maps to --space-N token */
+    gap?: SpaceToken;
+    /** Independent row gap — falls back to gap if not set */
+    rowGap?: SpaceToken;
+}
+export interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of columns this cell spans — defaults to full width */
+    span?: GridColSpan;
+    /** Start column (1-based) — optional */
+    start?: GridColSpan;
+}
+export declare function Grid({ cols, gap, rowGap, className, children, style, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridCol({ span, start, className, children, style, ...props }: GridColProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { Grid, GridCol } from './Grid';
+export type { GridProps, GridColProps, GridCols, GridColSpan } from './Grid';

package/dist/components/ScopehouseLogo/ScopehouseLogo.d.ts

@@ -0,0 +1,13 @@
+export type ScopeLogoVariant = 'color' | 'void' | 'dark' | 'paper';
+export type ScopeLogoLockup = 'horizontal' | 'stacked' | 'mark-only' | 'wordmark-only';
+export type ScopeLogoSize = 'sm' | 'md' | 'lg';
+export interface ScopeLogoProps {
+    /** Color scheme. Use 'dark' or 'paper' on dark backgrounds. Defaults to 'color'. */
+    variant?: ScopeLogoVariant;
+    /** Layout of mark and wordmark. Defaults to 'horizontal'. */
+    lockup?: ScopeLogoLockup;
+    /** Overall size — sm for topbar, md default, lg for hero/display. Defaults to 'md'. */
+    size?: ScopeLogoSize;
+    className?: string;
+}
+export declare function ScopehouseLogo({ variant, lockup, size, className, }: ScopeLogoProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ScopehouseLogo/index.d.ts

@@ -0,0 +1,2 @@
+export { ScopehouseLogo } from './ScopehouseLogo';
+export type { ScopeLogoProps, ScopeLogoVariant, ScopeLogoLockup, ScopeLogoSize } from './ScopehouseLogo';

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,14 @@
+export type SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Layout direction — defaults to column */
+    direction?: 'row' | 'column';
+    /** Gap between children — maps to --space-N token */
+    gap?: SpaceToken;
+    /** Cross-axis alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** Main-axis justification */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Allow children to wrap */
+    wrap?: boolean;
+}
+export declare function Stack({ direction, gap, align, justify, wrap, className, children, style, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export { Stack } from './Stack';
+export type { StackProps, SpaceToken } from './Stack';

package/dist/components/index.d.ts

@@ -64,5 +64,15 @@ export { AspectRatio } from './AspectRatio';
 export type { AspectRatioProps } from './AspectRatio';
 export { Logo } from './Logo';
 export type { LogoProps, LogoVariant, LogoLockup, LogoSize } from './Logo';
+export { ScopehouseLogo } from './ScopehouseLogo';
+export type { ScopeLogoProps, ScopeLogoVariant, ScopeLogoLockup, ScopeLogoSize } from './ScopehouseLogo';
 export { ThemeToggle, useTheme } from './ThemeToggle';
 export type { ThemeToggleProps, Theme } from './ThemeToggle';
+export { Stack } from './Stack';
+export type { StackProps, SpaceToken } from './Stack';
+export { Grid, GridCol } from './Grid';
+export type { GridProps, GridColProps, GridCols, GridColSpan } from './Grid';
+export { Container } from './Container';
+export type { ContainerProps, ContainerSize } from './Container';
+export { FormGroup, FormSection } from './FormGroup';
+export type { FormGroupProps, FormSectionProps } from './FormGroup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boilerhaus-ui/boilerhaus-ui",
-  "version": "0.1.2",
+  "version": "0.1.5",
   "description": "Boilerhaus design system — Bauhaus-inspired tokens and components for ScopeHouse and beyond.",
   "type": "module",
   "exports": {