@buildcanada/components 0.3.3 → 0.3.4

package/dist/content/Card/Card.d.ts

@@ -0,0 +1,62 @@
+export type CardVariant = "default" | "project" | "memo" | "feature" | "stat" | "profile";
+export interface CardProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    variant?: CardVariant;
+    href?: string;
+    onClick?: () => void;
+}
+export declare function Card({ children, className, style, variant, href, onClick, }: CardProps): import("react/jsx-runtime").JSX.Element;
+/*******************************************************************************
+ * Card Subcomponents
+ ******************************************************************************/
+export interface CardImageProps {
+    src: string;
+    alt: string;
+    className?: string;
+}
+export declare function CardImage({ src, alt, className }: CardImageProps): import("react/jsx-runtime").JSX.Element;
+export interface CardIconProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function CardIcon({ children, className }: CardIconProps): import("react/jsx-runtime").JSX.Element;
+export interface CardContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function CardContent({ children, className }: CardContentProps): import("react/jsx-runtime").JSX.Element;
+export interface CardTitleProps {
+    children: React.ReactNode;
+    className?: string;
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export declare function CardTitle({ children, className, as: Component }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface CardDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function CardDescription({ children, className }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface CardMetaProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function CardMeta({ children, className }: CardMetaProps): import("react/jsx-runtime").JSX.Element;
+export interface CardStatProps {
+    value: string | number;
+    label: string;
+    change?: string;
+    changeDirection?: "up" | "down" | "neutral";
+    className?: string;
+}
+export declare function CardStat({ value, label, change, changeDirection, className }: CardStatProps): import("react/jsx-runtime").JSX.Element;
+export interface CardAuthorProps {
+    name: string;
+    role?: string;
+    avatar?: string;
+    className?: string;
+}
+export declare function CardAuthor({ name, role, avatar, className }: CardAuthorProps): import("react/jsx-runtime").JSX.Element;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

package/dist/content/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/content/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/content/Card/Card.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+export function Card({ children, className, style, variant = "default", href, onClick, }) {
+    const isInteractive = Boolean(href || onClick);
+    const isButton = Boolean(onClick);
+    const classes = cx("bc-card", `bc-card--${variant}`, {
+        "bc-card--interactive": isInteractive,
+        "bc-card--button": isButton,
+    }, className);
+    if (href) {
+        return (_jsx("a", { href: href, className: classes, style: style, children: children }));
+    }
+    if (onClick) {
+        return (_jsx("button", { type: "button", className: classes, style: style, onClick: onClick, children: children }));
+    }
+    return (_jsx("div", { className: classes, style: style, children: children }));
+}
+export function CardImage({ src, alt, className }) {
+    return (_jsx("div", { className: cx("bc-card__image", className), children: _jsx("img", { src: src, alt: alt }) }));
+}
+export function CardIcon({ children, className }) {
+    return _jsx("div", { className: cx("bc-card__icon", className), children: children });
+}
+export function CardContent({ children, className }) {
+    return _jsx("div", { className: cx("bc-card__content", className), children: children });
+}
+export function CardTitle({ children, className, as: Component = "h3" }) {
+    return _jsx(Component, { className: cx("bc-card__title", className), children: children });
+}
+export function CardDescription({ children, className }) {
+    return _jsx("p", { className: cx("bc-card__description", className), children: children });
+}
+export function CardMeta({ children, className }) {
+    return _jsx("div", { className: cx("bc-card__meta", className), children: children });
+}
+export function CardStat({ value, label, change, changeDirection, className }) {
+    return (_jsxs("div", { className: cx("bc-card__stat", className), children: [_jsx("span", { className: "bc-card__stat-value", children: value }), _jsx("span", { className: "bc-card__stat-label", children: label }), change && (_jsx("span", { className: cx("bc-card__stat-change", {
+                    "bc-card__stat-change--up": changeDirection === "up",
+                    "bc-card__stat-change--down": changeDirection === "down",
+                }), children: change }))] }));
+}
+export function CardAuthor({ name, role, avatar, className }) {
+    return (_jsxs("div", { className: cx("bc-card__author", className), children: [avatar && (_jsx("img", { src: avatar, alt: name, className: "bc-card__author-avatar" })), _jsxs("div", { className: "bc-card__author-info", children: [_jsx("span", { className: "bc-card__author-name", children: name }), role && _jsx("span", { className: "bc-card__author-role", children: role })] })] }));
+}
+export default Card;

package/dist/content/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, CardImage, CardIcon, CardContent, CardTitle, CardDescription, CardMeta, CardStat, CardAuthor, type CardProps, type CardVariant, type CardImageProps, type CardIconProps, type CardContentProps, type CardTitleProps, type CardDescriptionProps, type CardMetaProps, type CardStatProps, type CardAuthorProps, } from "./Card.js";
+export { default } from "./Card.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/content/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,eAAe,GACvB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/content/Card/index.js

@@ -0,0 +1,2 @@
+export { Card, CardImage, CardIcon, CardContent, CardTitle, CardDescription, CardMeta, CardStat, CardAuthor, } from "./Card.js";
+export { default } from "./Card.js";

package/dist/content/Hero/Hero.d.ts

@@ -0,0 +1,28 @@
+export type HeroVariant = "home" | "page" | "centered";
+export type HeroBackground = "white" | "linen" | "charcoal";
+export interface HeroProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    variant?: HeroVariant;
+    background?: HeroBackground;
+}
+export declare function Hero({ children, className, style, variant, background, }: HeroProps): import("react/jsx-runtime").JSX.Element;
+export interface HeroTitleProps {
+    children: React.ReactNode;
+    className?: string;
+    as?: "h1" | "h2";
+}
+export declare function HeroTitle({ children, className, as: Component }: HeroTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface HeroSubtitleProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function HeroSubtitle({ children, className }: HeroSubtitleProps): import("react/jsx-runtime").JSX.Element;
+export interface HeroActionsProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function HeroActions({ children, className }: HeroActionsProps): import("react/jsx-runtime").JSX.Element;
+export default Hero;
+//# sourceMappingURL=Hero.d.ts.map

package/dist/content/Hero/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/content/Hero/Hero.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;AAE3D,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,UAAU,CAAC,EAAE,cAAc,CAAA;CAC9B;AAED,wBAAgB,IAAI,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAgB,EAChB,UAAoB,GACvB,EAAE,SAAS,2CAaX;AAED,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,SAAgB,EAAE,EAAE,cAAc,2CAEtF;AAED,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAEtE;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;AAED,eAAe,IAAI,CAAA"}

package/dist/content/Hero/Hero.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Hero({ children, className, style, variant = "page", background = "linen", }) {
+    const classes = cx("bc-hero", `bc-hero--${variant}`, `bc-hero--bg-${background}`, className);
+    return (_jsx("div", { className: classes, style: style, children: _jsx("div", { className: "bc-hero__inner", children: children }) }));
+}
+export function HeroTitle({ children, className, as: Component = "h1" }) {
+    return _jsx(Component, { className: cx("bc-hero__title", className), children: children });
+}
+export function HeroSubtitle({ children, className }) {
+    return _jsx("p", { className: cx("bc-hero__subtitle", className), children: children });
+}
+export function HeroActions({ children, className }) {
+    return _jsx("div", { className: cx("bc-hero__actions", className), children: children });
+}
+export default Hero;

package/dist/content/Hero/index.d.ts

@@ -0,0 +1,3 @@
+export { Hero, HeroTitle, HeroSubtitle, HeroActions, type HeroProps, type HeroVariant, type HeroBackground, type HeroTitleProps, type HeroSubtitleProps, type HeroActionsProps, } from "./Hero.js";
+export { default } from "./Hero.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/content/Hero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/Hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/content/Hero/index.js

@@ -0,0 +1,2 @@
+export { Hero, HeroTitle, HeroSubtitle, HeroActions, } from "./Hero.js";
+export { default } from "./Hero.js";

package/dist/content/StatBlock/StatBlock.d.ts

@@ -0,0 +1,15 @@
+export type StatBlockSize = "sm" | "md" | "lg";
+export type StatBlockTrend = "up" | "down" | "neutral";
+export interface StatBlockProps {
+    value: string | number;
+    label: string;
+    description?: string;
+    change?: string;
+    trend?: StatBlockTrend;
+    size?: StatBlockSize;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function StatBlock({ value, label, description, change, trend, size, className, style, }: StatBlockProps): import("react/jsx-runtime").JSX.Element;
+export default StatBlock;
+//# sourceMappingURL=StatBlock.d.ts.map

package/dist/content/StatBlock/StatBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatBlock.d.ts","sourceRoot":"","sources":["../../../src/content/StatBlock/StatBlock.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC9C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;AAEtD,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,IAAW,EACX,SAAS,EACT,KAAK,GACR,EAAE,cAAc,2CAwBhB;AAED,eAAe,SAAS,CAAA"}

package/dist/content/StatBlock/StatBlock.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+export function StatBlock({ value, label, description, change, trend, size = "md", className, style, }) {
+    const classes = cx("bc-stat-block", `bc-stat-block--${size}`, className);
+    return (_jsxs("div", { className: classes, style: style, children: [_jsx("span", { className: "bc-stat-block__value", children: value }), _jsx("span", { className: "bc-stat-block__label", children: label }), description && (_jsx("span", { className: "bc-stat-block__description", children: description })), change && (_jsxs("span", { className: cx("bc-stat-block__change", {
+                    "bc-stat-block__change--up": trend === "up",
+                    "bc-stat-block__change--down": trend === "down",
+                }), children: [trend === "up" && "↑ ", trend === "down" && "↓ ", change] }))] }));
+}
+export default StatBlock;

package/dist/content/StatBlock/index.d.ts

@@ -0,0 +1,3 @@
+export { StatBlock, type StatBlockProps, type StatBlockSize, type StatBlockTrend } from "./StatBlock.js";
+export { default } from "./StatBlock.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/content/StatBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/StatBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACxG,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/content/StatBlock/index.js

@@ -0,0 +1,2 @@
+export { StatBlock } from "./StatBlock.js";
+export { default } from "./StatBlock.js";

package/dist/feedback/Dialog/Dialog.d.ts

@@ -0,0 +1,18 @@
+export type DialogPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center";
+export interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    position?: DialogPosition;
+    className?: string;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    offset?: number;
+}
+export declare function Dialog({ open, onClose, children, title, description, position, className, closeOnEscape, showCloseButton, ariaLabelledBy, ariaDescribedBy, offset, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export default Dialog;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/feedback/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/feedback/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GACpB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ,CAAA;AAEd,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAyB,EACzB,SAAS,EACT,aAAoB,EACpB,eAAsB,EACtB,cAAc,EACd,eAAe,EACf,MAAW,GACd,EAAE,WAAW,2CA6Eb;AAED,eAAe,MAAM,CAAA"}

package/dist/feedback/Dialog/Dialog.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useCallback } from "react";
+import cx from "classnames";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faXmark } from "@fortawesome/free-solid-svg-icons";
+export function Dialog({ open, onClose, children, title, description, position = "bottom-right", className, closeOnEscape = true, showCloseButton = true, ariaLabelledBy, ariaDescribedBy, offset = 16, }) {
+    const dialogRef = useRef(null);
+    const handleClose = useCallback(() => {
+        onClose();
+    }, [onClose]);
+    // Handle escape key
+    useEffect(() => {
+        if (!closeOnEscape || !open)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === "Escape") {
+                handleClose();
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [closeOnEscape, open, handleClose]);
+    if (!open)
+        return null;
+    const classes = cx("bc-dialog", `bc-dialog--${position}`, className);
+    const titleId = ariaLabelledBy || (title ? "bc-dialog-title" : undefined);
+    const descriptionId = ariaDescribedBy || (description ? "bc-dialog-description" : undefined);
+    const style = {
+        "--bc-dialog-offset": `${offset}px`,
+    };
+    return (_jsx("div", { ref: dialogRef, className: classes, style: style, role: "dialog", "aria-modal": "false", "aria-labelledby": titleId, "aria-describedby": descriptionId, children: _jsxs("div", { className: "bc-dialog__container", children: [(title || showCloseButton) && (_jsxs("header", { className: "bc-dialog__header", children: [title && (_jsx("h2", { id: titleId, className: "bc-dialog__title", children: title })), showCloseButton && (_jsx("button", { type: "button", className: "bc-dialog__close", onClick: handleClose, "aria-label": "Close dialog", children: _jsx(FontAwesomeIcon, { icon: faXmark }) }))] })), description && (_jsx("p", { id: descriptionId, className: "bc-dialog__description", children: description })), _jsx("div", { className: "bc-dialog__content", children: children })] }) }));
+}
+export default Dialog;

package/{src/feedback/Dialog/index.ts → dist/feedback/Dialog/index.d.ts}

@@ -1 +1,2 @@
-export { Dialog, type DialogProps, type DialogPosition } from "./Dialog"
+export { Dialog, type DialogProps, type DialogPosition } from "./Dialog.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/feedback/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/feedback/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/feedback/Dialog/index.js

@@ -0,0 +1 @@
+export { Dialog } from "./Dialog.js";

package/dist/feedback/PopupForm/PopupForm.d.ts

@@ -0,0 +1,24 @@
+import { type DialogPosition } from "../Dialog/index.js";
+import { type ButtonVariant } from "../../primitives/Button/index.js";
+export interface PopupFormProps {
+    open: boolean;
+    onClose: () => void;
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    position?: DialogPosition;
+    offset?: number;
+    className?: string;
+    submitText?: string;
+    submitVariant?: ButtonVariant;
+    cancelText?: string;
+    cancelVariant?: ButtonVariant;
+    showCancel?: boolean;
+    isSubmitting?: boolean;
+    submitDisabled?: boolean;
+    closeOnEscape?: boolean;
+}
+export declare function PopupForm({ open, onClose, onSubmit, children, title, description, position, offset, className, submitText, submitVariant, cancelText, cancelVariant, showCancel, isSubmitting, submitDisabled, closeOnEscape, }: PopupFormProps): import("react/jsx-runtime").JSX.Element;
+export default PopupForm;
+//# sourceMappingURL=PopupForm.d.ts.map

package/dist/feedback/PopupForm/PopupForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupForm.d.ts","sourceRoot":"","sources":["../../../src/feedback/PopupForm/PopupForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAE7E,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAyB,EACzB,MAAM,EACN,SAAS,EACT,UAAqB,EACrB,aAA8B,EAC9B,UAAqB,EACrB,aAAkC,EAClC,UAAiB,EACjB,YAAoB,EACpB,cAAsB,EACtB,aAAoB,GACvB,EAAE,cAAc,2CA4ChB;AAED,eAAe,SAAS,CAAA"}

package/dist/feedback/PopupForm/PopupForm.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { Dialog } from "../Dialog/index.js";
+import { Button } from "../../primitives/Button/index.js";
+export function PopupForm({ open, onClose, onSubmit, children, title, description, position = "bottom-right", offset, className, submitText = "Submit", submitVariant = "solid-auburn", cancelText = "Cancel", cancelVariant = "outline-charcoal", showCancel = true, isSubmitting = false, submitDisabled = false, closeOnEscape = true, }) {
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        onSubmit(e);
+    };
+    const classes = cx("bc-popup-form", className);
+    return (_jsx(Dialog, { open: open, onClose: onClose, title: title, description: description, position: position, offset: offset, closeOnEscape: closeOnEscape, children: _jsxs("form", { onSubmit: handleSubmit, className: classes, children: [_jsx("div", { className: "bc-popup-form__fields", children: children }), _jsxs("div", { className: "bc-popup-form__actions", children: [showCancel && (_jsx(Button, { type: "button", text: cancelText, variant: cancelVariant, onClick: onClose, disabled: isSubmitting, icon: null })), _jsx(Button, { type: "submit", text: isSubmitting ? "Submitting..." : submitText, variant: submitVariant, disabled: submitDisabled || isSubmitting, icon: null })] })] }) }));
+}
+export default PopupForm;

package/dist/feedback/PopupForm/index.d.ts

@@ -0,0 +1,2 @@
+export { PopupForm, type PopupFormProps } from "./PopupForm.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/feedback/PopupForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/feedback/PopupForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/feedback/PopupForm/index.js

@@ -0,0 +1 @@
+export { PopupForm } from "./PopupForm.js";

package/{src/index.ts → dist/index.d.ts}

@@ -3,59 +3,19 @@
  *
  * Build Canada Design System Components
  ******************************************************************************/
-
-// Primitives
-export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from "./primitives/Button"
-export { TextField, type TextFieldProps, type TextFieldType } from "./primitives/TextField"
-export { Checkbox, type CheckboxProps } from "./primitives/Checkbox"
-
-// Layout
-export { Container, type ContainerProps, type ContainerSize } from "./layout/Container"
-export { Section, type SectionProps, type SectionBackground, type SectionSpacing } from "./layout/Section"
-export { Grid, GridItem, type GridProps, type GridItemProps, type GridColumns, type GridGap } from "./layout/Grid"
-export { Stack, type StackProps, type StackDirection, type StackSpacing, type StackAlign, type StackJustify } from "./layout/Stack"
-export { Divider, type DividerProps, type DividerOrientation, type DividerVariant } from "./layout/Divider"
-
-// Content
-export {
-    Card,
-    CardImage,
-    CardIcon,
-    CardContent,
-    CardTitle,
-    CardDescription,
-    CardMeta,
-    CardStat,
-    CardAuthor,
-    type CardProps,
-    type CardVariant,
-    type CardImageProps,
-    type CardIconProps,
-    type CardContentProps,
-    type CardTitleProps,
-    type CardDescriptionProps,
-    type CardMetaProps,
-    type CardStatProps,
-    type CardAuthorProps,
-} from "./content/Card"
-export {
-    Hero,
-    HeroTitle,
-    HeroSubtitle,
-    HeroActions,
-    type HeroProps,
-    type HeroVariant,
-    type HeroBackground,
-    type HeroTitleProps,
-    type HeroSubtitleProps,
-    type HeroActionsProps,
-} from "./content/Hero"
-export { StatBlock, type StatBlockProps, type StatBlockSize, type StatBlockTrend } from "./content/StatBlock"
-
-// Navigation
-export { Header, type HeaderProps, type NavItem } from "./navigation/Header"
-export { Footer, type FooterProps, type FooterLink, type SocialLink } from "./navigation/Footer"
-
-// Feedback
-export { Dialog, type DialogProps, type DialogPosition } from "./feedback/Dialog"
-export { PopupForm, type PopupFormProps } from "./feedback/PopupForm"
+export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from "./primitives/Button/index.js";
+export { TextField, type TextFieldProps, type TextFieldType } from "./primitives/TextField/index.js";
+export { Checkbox, type CheckboxProps } from "./primitives/Checkbox/index.js";
+export { Container, type ContainerProps, type ContainerSize } from "./layout/Container/index.js";
+export { Section, type SectionProps, type SectionBackground, type SectionSpacing } from "./layout/Section/index.js";
+export { Grid, GridItem, type GridProps, type GridItemProps, type GridColumns, type GridGap } from "./layout/Grid/index.js";
+export { Stack, type StackProps, type StackDirection, type StackSpacing, type StackAlign, type StackJustify } from "./layout/Stack/index.js";
+export { Divider, type DividerProps, type DividerOrientation, type DividerVariant } from "./layout/Divider/index.js";
+export { Card, CardImage, CardIcon, CardContent, CardTitle, CardDescription, CardMeta, CardStat, CardAuthor, type CardProps, type CardVariant, type CardImageProps, type CardIconProps, type CardContentProps, type CardTitleProps, type CardDescriptionProps, type CardMetaProps, type CardStatProps, type CardAuthorProps, } from "./content/Card/index.js";
+export { Hero, HeroTitle, HeroSubtitle, HeroActions, type HeroProps, type HeroVariant, type HeroBackground, type HeroTitleProps, type HeroSubtitleProps, type HeroActionsProps, } from "./content/Hero/index.js";
+export { StatBlock, type StatBlockProps, type StatBlockSize, type StatBlockTrend } from "./content/StatBlock/index.js";
+export { Header, type HeaderProps, type NavItem } from "./navigation/Header/index.js";
+export { Footer, type FooterProps, type FooterLink, type SocialLink } from "./navigation/Footer/index.js";
+export { Dialog, type DialogProps, type DialogPosition } from "./feedback/Dialog/index.js";
+export { PopupForm, type PopupFormProps } from "./feedback/PopupForm/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;gFAIgF;AAGhF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC5G,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAG7E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAChG,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACnH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC3H,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC5I,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAGpH,OAAO,EACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,eAAe,GACvB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACH,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACxB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACrF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzG,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/index.js

@@ -0,0 +1,25 @@
+/*******************************************************************************
+ * @buildcanada/components
+ *
+ * Build Canada Design System Components
+ ******************************************************************************/
+// Primitives
+export { Button } from "./primitives/Button/index.js";
+export { TextField } from "./primitives/TextField/index.js";
+export { Checkbox } from "./primitives/Checkbox/index.js";
+// Layout
+export { Container } from "./layout/Container/index.js";
+export { Section } from "./layout/Section/index.js";
+export { Grid, GridItem } from "./layout/Grid/index.js";
+export { Stack } from "./layout/Stack/index.js";
+export { Divider } from "./layout/Divider/index.js";
+// Content
+export { Card, CardImage, CardIcon, CardContent, CardTitle, CardDescription, CardMeta, CardStat, CardAuthor, } from "./content/Card/index.js";
+export { Hero, HeroTitle, HeroSubtitle, HeroActions, } from "./content/Hero/index.js";
+export { StatBlock } from "./content/StatBlock/index.js";
+// Navigation
+export { Header } from "./navigation/Header/index.js";
+export { Footer } from "./navigation/Footer/index.js";
+// Feedback
+export { Dialog } from "./feedback/Dialog/index.js";
+export { PopupForm } from "./feedback/PopupForm/index.js";

package/dist/layout/Container/Container.d.ts

@@ -0,0 +1,11 @@
+export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface ContainerProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: ContainerSize;
+    as?: "div" | "main" | "article" | "section";
+}
+export declare function Container({ children, className, style, size, as: Component, }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/layout/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAE9D,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CAC9C;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAW,EACX,EAAE,EAAE,SAAiB,GACxB,EAAE,cAAc,2CAQhB;AAED,eAAe,SAAS,CAAA"}

package/dist/layout/Container/Container.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Container({ children, className, style, size = "lg", as: Component = "div", }) {
+    const classes = cx("bc-container", `bc-container--${size}`, className);
+    return (_jsx(Component, { className: classes, style: style, children: children }));
+}
+export default Container;

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

@@ -0,0 +1,3 @@
+export { Container, type ContainerProps, type ContainerSize } from "./Container.js";
+export { default } from "./Container.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/layout/Container/index.js

@@ -0,0 +1,2 @@
+export { Container } from "./Container.js";
+export { default } from "./Container.js";

package/dist/layout/Divider/Divider.d.ts

@@ -0,0 +1,12 @@
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed" | "construction";
+export interface DividerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    spacing?: "none" | "sm" | "md" | "lg";
+}
+export declare function Divider({ className, style, orientation, variant, spacing, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/layout/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/layout/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAA;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAA;AAEhE,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,EACpB,SAAS,EACT,KAAK,EACL,WAA0B,EAC1B,OAAiB,EACjB,OAAc,GACjB,EAAE,YAAY,2CAUd;AAED,eAAe,OAAO,CAAA"}

package/dist/layout/Divider/Divider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Divider({ className, style, orientation = "horizontal", variant = "solid", spacing = "md", }) {
+    const classes = cx("bc-divider", `bc-divider--${orientation}`, `bc-divider--${variant}`, `bc-divider--spacing-${spacing}`, className);
+    return _jsx("hr", { className: classes, style: style });
+}
+export default Divider;

package/dist/layout/Divider/index.d.ts

@@ -0,0 +1,3 @@
+export { Divider, type DividerProps, type DividerOrientation, type DividerVariant } from "./Divider.js";
+export { default } from "./Divider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist/layout/Divider/index.js

@@ -0,0 +1,2 @@
+export { Divider } from "./Divider.js";
+export { default } from "./Divider.js";

package/dist/layout/Grid/Grid.d.ts

@@ -0,0 +1,24 @@
+export type GridColumns = 1 | 2 | 3 | 4 | 6 | 12;
+export type GridGap = "none" | "sm" | "md" | "lg";
+export interface GridProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    columns?: GridColumns;
+    columnsMd?: GridColumns;
+    columnsLg?: GridColumns;
+    gap?: GridGap;
+    as?: "div" | "ul" | "ol";
+}
+export declare function Grid({ children, className, style, columns, columnsMd, columnsLg, gap, as: Component, }: GridProps): import("react/jsx-runtime").JSX.Element;
+export interface GridItemProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    span?: number;
+    spanMd?: number;
+    spanLg?: number;
+}
+export declare function GridItem({ children, className, style, span, spanMd, spanLg, }: GridItemProps): import("react/jsx-runtime").JSX.Element;
+export default Grid;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/layout/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAChD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAA;CAC3B;AAED,wBAAgB,IAAI,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAW,EACX,SAAS,EACT,SAAS,EACT,GAAU,EACV,EAAE,EAAE,SAAiB,GACxB,EAAE,SAAS,2CAeX;AAED,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GACT,EAAE,aAAa,2CAcf;AAED,eAAe,IAAI,CAAA"}

package/dist/layout/Grid/Grid.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Grid({ children, className, style, columns = 1, columnsMd, columnsLg, gap = "md", as: Component = "div", }) {
+    const classes = cx("bc-grid", `bc-grid--cols-${columns}`, `bc-grid--gap-${gap}`, columnsMd && `bc-grid--cols-md-${columnsMd}`, columnsLg && `bc-grid--cols-lg-${columnsLg}`, className);
+    return (_jsx(Component, { className: classes, style: style, children: children }));
+}
+export function GridItem({ children, className, style, span, spanMd, spanLg, }) {
+    const classes = cx("bc-grid__item", span && `bc-grid__item--span-${span}`, spanMd && `bc-grid__item--span-md-${spanMd}`, spanLg && `bc-grid__item--span-lg-${spanLg}`, className);
+    return (_jsx("div", { className: classes, style: style, children: children }));
+}
+export default Grid;

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

@@ -0,0 +1,3 @@
+export { Grid, GridItem, type GridProps, type GridItemProps, type GridColumns, type GridGap } from "./Grid.js";
+export { default } from "./Grid.js";
+//# sourceMappingURL=index.d.ts.map