@buildcanada/components 0.3.3 → 0.3.5

package/dist/layout/Divider/Divider.scss

@@ -0,0 +1,117 @@
+@use "../../styles/tokens" as *;
+
+/*******************************************************************************
+ * Divider Component
+ *
+ * Construction line motif - blueprint/draft aesthetic
+ ******************************************************************************/
+
+.bc-divider {
+  border: none;
+  background-color: $border-default;
+
+  /***************************************************************************
+   * Orientation Variants
+   ***************************************************************************/
+
+  &--horizontal {
+    width: 100%;
+    height: 1px;
+  }
+
+  &--vertical {
+    width: 1px;
+    height: 100%;
+    min-height: 24px;
+  }
+
+  /***************************************************************************
+   * Style Variants
+   ***************************************************************************/
+
+  &--solid {
+    background-color: $border-default;
+  }
+
+  &--dashed {
+    background-color: transparent;
+
+    &.bc-divider--horizontal {
+      background-image: linear-gradient(
+        to right,
+        $border-default 50%,
+        transparent 50%
+      );
+      background-size: 8px 1px;
+      background-repeat: repeat-x;
+    }
+
+    &.bc-divider--vertical {
+      background-image: linear-gradient(
+        to bottom,
+        $border-default 50%,
+        transparent 50%
+      );
+      background-size: 1px 8px;
+      background-repeat: repeat-y;
+    }
+  }
+
+  // Construction line motif - blueprint aesthetic
+  &--construction {
+    background-color: $charcoal;
+    opacity: 0.15;
+
+    &.bc-divider--horizontal {
+      height: 1px;
+    }
+
+    &.bc-divider--vertical {
+      width: 1px;
+    }
+  }
+
+  /***************************************************************************
+   * Spacing Variants
+   ***************************************************************************/
+
+  &--spacing-none {
+    margin: 0;
+  }
+
+  &--spacing-sm {
+    &.bc-divider--horizontal {
+      margin-top: $space-2;
+      margin-bottom: $space-2;
+    }
+
+    &.bc-divider--vertical {
+      margin-left: $space-2;
+      margin-right: $space-2;
+    }
+  }
+
+  &--spacing-md {
+    &.bc-divider--horizontal {
+      margin-top: $space-4;
+      margin-bottom: $space-4;
+    }
+
+    &.bc-divider--vertical {
+      margin-left: $space-4;
+      margin-right: $space-4;
+    }
+  }
+
+  &--spacing-lg {
+    &.bc-divider--horizontal {
+      margin-top: $space-6;
+      margin-bottom: $space-6;
+    }
+
+    &.bc-divider--vertical {
+      margin-left: $space-6;
+      margin-right: $space-6;
+    }
+  }
+}

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/Grid.scss

@@ -0,0 +1,81 @@
+@use "../../styles/tokens" as *;
+
+/*******************************************************************************
+ * Grid Component
+ *
+ * Responsive CSS Grid system
+ ******************************************************************************/
+
+.bc-grid {
+  display: grid;
+  width: 100%;
+
+  /***************************************************************************
+   * Column Variants
+   ***************************************************************************/
+
+  &--cols-1 { grid-template-columns: repeat(1, 1fr); }
+  &--cols-2 { grid-template-columns: repeat(2, 1fr); }
+  &--cols-3 { grid-template-columns: repeat(3, 1fr); }
+  &--cols-4 { grid-template-columns: repeat(4, 1fr); }
+  &--cols-6 { grid-template-columns: repeat(6, 1fr); }
+  &--cols-12 { grid-template-columns: repeat(12, 1fr); }
+
+  @include md-up {
+    &--cols-md-1 { grid-template-columns: repeat(1, 1fr); }
+    &--cols-md-2 { grid-template-columns: repeat(2, 1fr); }
+    &--cols-md-3 { grid-template-columns: repeat(3, 1fr); }
+    &--cols-md-4 { grid-template-columns: repeat(4, 1fr); }
+    &--cols-md-6 { grid-template-columns: repeat(6, 1fr); }
+    &--cols-md-12 { grid-template-columns: repeat(12, 1fr); }
+  }
+
+  @include lg-up {
+    &--cols-lg-1 { grid-template-columns: repeat(1, 1fr); }
+    &--cols-lg-2 { grid-template-columns: repeat(2, 1fr); }
+    &--cols-lg-3 { grid-template-columns: repeat(3, 1fr); }
+    &--cols-lg-4 { grid-template-columns: repeat(4, 1fr); }
+    &--cols-lg-6 { grid-template-columns: repeat(6, 1fr); }
+    &--cols-lg-12 { grid-template-columns: repeat(12, 1fr); }
+  }
+
+  /***************************************************************************
+   * Gap Variants
+   ***************************************************************************/
+
+  &--gap-none { gap: 0; }
+  &--gap-sm { gap: $space-2; }
+  &--gap-md { gap: $space-3; }
+  &--gap-lg { gap: $space-4; }
+
+  /***************************************************************************
+   * Grid Item
+   ***************************************************************************/
+
+  &__item {
+    &--span-1 { grid-column: span 1; }
+    &--span-2 { grid-column: span 2; }
+    &--span-3 { grid-column: span 3; }
+    &--span-4 { grid-column: span 4; }
+    &--span-6 { grid-column: span 6; }
+    &--span-12 { grid-column: span 12; }
+
+    @include md-up {
+      &--span-md-1 { grid-column: span 1; }
+      &--span-md-2 { grid-column: span 2; }
+      &--span-md-3 { grid-column: span 3; }
+      &--span-md-4 { grid-column: span 4; }
+      &--span-md-6 { grid-column: span 6; }
+      &--span-md-12 { grid-column: span 12; }
+    }
+
+    @include lg-up {
+      &--span-lg-1 { grid-column: span 1; }
+      &--span-lg-2 { grid-column: span 2; }
+      &--span-lg-3 { grid-column: span 3; }
+      &--span-lg-4 { grid-column: span 4; }
+      &--span-lg-6 { grid-column: span 6; }
+      &--span-lg-12 { grid-column: span 12; }
+    }
+  }
+}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9G,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/layout/Grid/index.js

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

package/dist/layout/Section/Section.d.ts

@@ -0,0 +1,13 @@
+export type SectionBackground = "white" | "linen" | "charcoal";
+export type SectionSpacing = "none" | "sm" | "md" | "lg" | "xl";
+export interface SectionProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    background?: SectionBackground;
+    spacing?: SectionSpacing;
+    id?: string;
+}
+export declare function Section({ children, className, style, background, spacing, id, }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/layout/Section/Section.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE/D,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAoB,EACpB,OAAc,EACd,EAAE,GACL,EAAE,YAAY,2CAad;AAED,eAAe,OAAO,CAAA"}

package/dist/layout/Section/Section.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Section({ children, className, style, background = "white", spacing = "lg", id, }) {
+    const classes = cx("bc-section", `bc-section--bg-${background}`, `bc-section--spacing-${spacing}`, className);
+    return (_jsx("section", { className: classes, style: style, id: id, children: children }));
+}
+export default Section;

package/dist/layout/Section/Section.scss

@@ -0,0 +1,74 @@
+@use "../../styles/tokens" as *;
+
+/*******************************************************************************
+ * Section Component
+ *
+ * Full-width section with background color variants
+ ******************************************************************************/
+
+.bc-section {
+  width: 100%;
+
+  /***************************************************************************
+   * Background Variants
+   ***************************************************************************/
+
+  &--bg-white {
+    background-color: $white;
+    color: $text-primary;
+  }
+
+  &--bg-linen {
+    background-color: $linen;
+    color: $text-primary;
+  }
+
+  &--bg-charcoal {
+    background-color: $charcoal;
+    color: $text-inverse;
+  }
+
+  /***************************************************************************
+   * Spacing Variants
+   ***************************************************************************/
+
+  &--spacing-none {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  &--spacing-sm {
+    padding-top: $space-4;
+    padding-bottom: $space-4;
+  }
+
+  &--spacing-md {
+    padding-top: $space-6;
+    padding-bottom: $space-6;
+
+    @include md-up {
+      padding-top: $space-8;
+      padding-bottom: $space-8;
+    }
+  }
+
+  &--spacing-lg {
+    padding-top: $space-8;
+    padding-bottom: $space-8;
+
+    @include md-up {
+      padding-top: $space-10;
+      padding-bottom: $space-10;
+    }
+  }
+
+  &--spacing-xl {
+    padding-top: $space-10;
+    padding-bottom: $space-10;
+
+    @include md-up {
+      padding-top: $space-12;
+      padding-bottom: $space-12;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+export { Section, type SectionProps, type SectionBackground, type SectionSpacing } from "./Section.js";
+export { default } from "./Section.js";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/layout/Section/index.js

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

package/dist/layout/Stack/Stack.d.ts

@@ -0,0 +1,18 @@
+export type StackDirection = "vertical" | "horizontal";
+export type StackSpacing = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+export type StackAlign = "start" | "center" | "end" | "stretch";
+export type StackJustify = "start" | "center" | "end" | "between" | "around";
+export interface StackProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    direction?: StackDirection;
+    spacing?: StackSpacing;
+    align?: StackAlign;
+    justify?: StackJustify;
+    wrap?: boolean;
+    as?: "div" | "ul" | "ol" | "nav";
+}
+export declare function Stack({ children, className, style, direction, spacing, align, justify, wrap, as: Component, }: StackProps): import("react/jsx-runtime").JSX.Element;
+export default Stack;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AACtD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACpE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;AAC/D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE5E,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CACnC;AAED,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAsB,EACtB,OAAc,EACd,KAAiB,EACjB,OAAiB,EACjB,IAAY,EACZ,EAAE,EAAE,SAAiB,GACxB,EAAE,UAAU,2CAgBZ;AAED,eAAe,KAAK,CAAA"}

package/dist/layout/Stack/Stack.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+export function Stack({ children, className, style, direction = "vertical", spacing = "md", align = "stretch", justify = "start", wrap = false, as: Component = "div", }) {
+    const classes = cx("bc-stack", `bc-stack--${direction}`, `bc-stack--spacing-${spacing}`, `bc-stack--align-${align}`, `bc-stack--justify-${justify}`, { "bc-stack--wrap": wrap }, className);
+    return (_jsx(Component, { className: classes, style: style, children: children }));
+}
+export default Stack;

package/dist/layout/Stack/Stack.scss

@@ -0,0 +1,61 @@
+@use "../../styles/tokens" as *;
+
+/*******************************************************************************
+ * Stack Component
+ *
+ * Flexbox-based layout for consistent spacing
+ ******************************************************************************/
+
+.bc-stack {
+  display: flex;
+
+  /***************************************************************************
+   * Direction Variants
+   ***************************************************************************/
+
+  &--vertical {
+    flex-direction: column;
+  }
+
+  &--horizontal {
+    flex-direction: row;
+  }
+
+  /***************************************************************************
+   * Spacing Variants
+   ***************************************************************************/
+
+  &--spacing-none { gap: 0; }
+  &--spacing-xs { gap: calc($space-1 / 2); }
+  &--spacing-sm { gap: $space-1; }
+  &--spacing-md { gap: $space-2; }
+  &--spacing-lg { gap: $space-3; }
+  &--spacing-xl { gap: $space-4; }
+
+  /***************************************************************************
+   * Alignment Variants
+   ***************************************************************************/
+
+  &--align-start { align-items: flex-start; }
+  &--align-center { align-items: center; }
+  &--align-end { align-items: flex-end; }
+  &--align-stretch { align-items: stretch; }
+
+  /***************************************************************************
+   * Justify Variants
+   ***************************************************************************/
+
+  &--justify-start { justify-content: flex-start; }
+  &--justify-center { justify-content: center; }
+  &--justify-end { justify-content: flex-end; }
+  &--justify-between { justify-content: space-between; }
+  &--justify-around { justify-content: space-around; }
+
+  /***************************************************************************
+   * Wrap
+   ***************************************************************************/
+
+  &--wrap {
+    flex-wrap: wrap;
+  }
+}

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

@@ -0,0 +1,3 @@
+export { Stack, type StackProps, type StackDirection, type StackSpacing, type StackAlign, type StackJustify, } from "./Stack.js";
+export { default } from "./Stack.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EACL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,YAAY,GACpB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/dist/layout/Stack/index.js

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

package/dist/navigation/Footer/Footer.d.ts

@@ -0,0 +1,31 @@
+export interface FooterLink {
+    label: string;
+    href: string;
+}
+export interface SocialLink {
+    platform: "twitter" | "linkedin" | "instagram" | "github" | "email" | "bluesky";
+    href: string;
+    label?: string;
+}
+export interface FooterProps {
+    logo?: React.ReactNode;
+    links?: FooterLink[];
+    socialLinks?: SocialLink[];
+    newsletter?: {
+        heading: string;
+        description?: string;
+        placeholder?: string;
+        buttonText?: string;
+        onSubmit?: (email: string) => void;
+    };
+    quote?: {
+        text: string;
+        attribution: string;
+    };
+    copyright?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Footer({ logo, links, socialLinks, newsletter, quote, copyright, className, style, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/navigation/Footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/navigation/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IAC/E,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KACrC,CAAA;IACD,KAAK,CAAC,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC9B;AAmCD,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,KAAU,EACV,WAAgB,EAChB,UAAU,EACV,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,GACR,EAAE,WAAW,2CAgGb;AAED,eAAe,MAAM,CAAA"}

package/dist/navigation/Footer/Footer.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+const socialIcons = {
+    twitter: (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) })),
+    linkedin: (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })),
+    instagram: (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" }) })),
+    github: (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) })),
+    email: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: _jsx("path", { d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) })),
+    bluesky: (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 01-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z" }) })),
+};
+export function Footer({ logo, links = [], socialLinks = [], newsletter, quote, copyright, className, style, }) {
+    const classes = cx("bc-footer", className);
+    const handleNewsletterSubmit = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        const email = formData.get("email");
+        newsletter?.onSubmit?.(email);
+    };
+    return (_jsx("footer", { className: classes, style: style, children: _jsxs("div", { className: "bc-footer__inner", children: [_jsxs("div", { className: "bc-footer__main", children: [logo && _jsx("div", { className: "bc-footer__logo", children: logo }), links.length > 0 && (_jsx("nav", { className: "bc-footer__nav", "aria-label": "Footer navigation", children: _jsx("ul", { className: "bc-footer__nav-list", children: links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.href, className: "bc-footer__nav-link", children: link.label }) }, link.label))) }) })), newsletter && (_jsxs("div", { className: "bc-footer__newsletter", children: [_jsx("h4", { className: "bc-footer__newsletter-heading", children: newsletter.heading }), newsletter.description && (_jsx("p", { className: "bc-footer__newsletter-description", children: newsletter.description })), _jsxs("form", { className: "bc-footer__newsletter-form", onSubmit: handleNewsletterSubmit, children: [_jsx("input", { type: "email", name: "email", placeholder: newsletter.placeholder || "Enter your email", className: "bc-footer__newsletter-input", required: true }), _jsx("button", { type: "submit", className: "bc-footer__newsletter-button", children: newsletter.buttonText || "Subscribe" })] })] }))] }), _jsxs("div", { className: "bc-footer__bottom", children: [socialLinks.length > 0 && (_jsx("div", { className: "bc-footer__social", children: socialLinks.map((link) => (_jsx("a", { href: link.href, className: "bc-footer__social-link", "aria-label": link.label || link.platform, children: socialIcons[link.platform] }, link.platform))) })), copyright && (_jsx("p", { className: "bc-footer__copyright", children: copyright }))] }), quote && (_jsxs("div", { className: "bc-footer__quote", children: [_jsx("blockquote", { className: "bc-footer__quote-text", children: quote.text }), _jsxs("cite", { className: "bc-footer__quote-attribution", children: ["\u2014 ", quote.attribution] })] }))] }) }));
+}
+export default Footer;