@usefragments/ui 1.0.0

package/dist/components/Grid/Grid.module.scss.js

@@ -0,0 +1,185 @@
+const grid = "_grid_5ohx1_1";
+const columns1 = "_columns1_5ohx1_6";
+const columns2 = "_columns2_5ohx1_10";
+const columns3 = "_columns3_5ohx1_14";
+const columns4 = "_columns4_5ohx1_18";
+const columns5 = "_columns5_5ohx1_22";
+const columns6 = "_columns6_5ohx1_26";
+const columns7 = "_columns7_5ohx1_30";
+const columns8 = "_columns8_5ohx1_34";
+const columns9 = "_columns9_5ohx1_38";
+const columns10 = "_columns10_5ohx1_42";
+const columns11 = "_columns11_5ohx1_46";
+const columns12 = "_columns12_5ohx1_50";
+const columnsAuto = "_columnsAuto_5ohx1_54";
+const columnsResponsive = "_columnsResponsive_5ohx1_58";
+const gapNone = "_gapNone_5ohx1_83";
+const gapXs = "_gapXs_5ohx1_87";
+const gapSm = "_gapSm_5ohx1_91";
+const gapMd = "_gapMd_5ohx1_95";
+const gapLg = "_gapLg_5ohx1_99";
+const gapXl = "_gapXl_5ohx1_103";
+const paddingNone = "_paddingNone_5ohx1_107";
+const paddingSm = "_paddingSm_5ohx1_111";
+const paddingMd = "_paddingMd_5ohx1_115";
+const paddingLg = "_paddingLg_5ohx1_119";
+const alignStart = "_alignStart_5ohx1_123";
+const alignCenter = "_alignCenter_5ohx1_127";
+const alignEnd = "_alignEnd_5ohx1_131";
+const alignStretch = "_alignStretch_5ohx1_135";
+const justifyStart = "_justifyStart_5ohx1_139";
+const justifyCenter = "_justifyCenter_5ohx1_143";
+const justifyEnd = "_justifyEnd_5ohx1_147";
+const justifyStretch = "_justifyStretch_5ohx1_151";
+const item = "_item_5ohx1_155";
+const colSpan1 = "_colSpan1_5ohx1_159";
+const colSpan2 = "_colSpan2_5ohx1_163";
+const colSpan3 = "_colSpan3_5ohx1_167";
+const colSpan4 = "_colSpan4_5ohx1_171";
+const colSpan5 = "_colSpan5_5ohx1_175";
+const colSpan6 = "_colSpan6_5ohx1_179";
+const colSpan7 = "_colSpan7_5ohx1_183";
+const colSpan8 = "_colSpan8_5ohx1_187";
+const colSpan9 = "_colSpan9_5ohx1_191";
+const colSpan10 = "_colSpan10_5ohx1_195";
+const colSpan11 = "_colSpan11_5ohx1_199";
+const colSpan12 = "_colSpan12_5ohx1_203";
+const colSpanFull = "_colSpanFull_5ohx1_207";
+const rowSpan1 = "_rowSpan1_5ohx1_211";
+const rowSpan2 = "_rowSpan2_5ohx1_215";
+const rowSpan3 = "_rowSpan3_5ohx1_219";
+const rowSpan4 = "_rowSpan4_5ohx1_223";
+const rowSpan5 = "_rowSpan5_5ohx1_227";
+const rowSpan6 = "_rowSpan6_5ohx1_231";
+const selfAlignStart = "_selfAlignStart_5ohx1_235";
+const selfAlignCenter = "_selfAlignCenter_5ohx1_239";
+const selfAlignEnd = "_selfAlignEnd_5ohx1_243";
+const selfAlignStretch = "_selfAlignStretch_5ohx1_247";
+const subgridRows = "_subgridRows_5ohx1_251";
+const subgridColumns = "_subgridColumns_5ohx1_256";
+const subgridBoth = "_subgridBoth_5ohx1_261";
+const styles = {
+  grid,
+  columns1,
+  columns2,
+  columns3,
+  columns4,
+  columns5,
+  columns6,
+  columns7,
+  columns8,
+  columns9,
+  columns10,
+  columns11,
+  columns12,
+  columnsAuto,
+  columnsResponsive,
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  paddingNone,
+  paddingSm,
+  paddingMd,
+  paddingLg,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyStretch,
+  item,
+  colSpan1,
+  colSpan2,
+  colSpan3,
+  colSpan4,
+  colSpan5,
+  colSpan6,
+  colSpan7,
+  colSpan8,
+  colSpan9,
+  colSpan10,
+  colSpan11,
+  colSpan12,
+  colSpanFull,
+  rowSpan1,
+  rowSpan2,
+  rowSpan3,
+  rowSpan4,
+  rowSpan5,
+  rowSpan6,
+  selfAlignStart,
+  selfAlignCenter,
+  selfAlignEnd,
+  selfAlignStretch,
+  subgridRows,
+  subgridColumns,
+  subgridBoth
+};
+export {
+  alignCenter,
+  alignEnd,
+  alignStart,
+  alignStretch,
+  colSpan1,
+  colSpan10,
+  colSpan11,
+  colSpan12,
+  colSpan2,
+  colSpan3,
+  colSpan4,
+  colSpan5,
+  colSpan6,
+  colSpan7,
+  colSpan8,
+  colSpan9,
+  colSpanFull,
+  columns1,
+  columns10,
+  columns11,
+  columns12,
+  columns2,
+  columns3,
+  columns4,
+  columns5,
+  columns6,
+  columns7,
+  columns8,
+  columns9,
+  columnsAuto,
+  columnsResponsive,
+  styles as default,
+  gapLg,
+  gapMd,
+  gapNone,
+  gapSm,
+  gapXl,
+  gapXs,
+  grid,
+  item,
+  justifyCenter,
+  justifyEnd,
+  justifyStart,
+  justifyStretch,
+  paddingLg,
+  paddingMd,
+  paddingNone,
+  paddingSm,
+  rowSpan1,
+  rowSpan2,
+  rowSpan3,
+  rowSpan4,
+  rowSpan5,
+  rowSpan6,
+  selfAlignCenter,
+  selfAlignEnd,
+  selfAlignStart,
+  selfAlignStretch,
+  subgridBoth,
+  subgridColumns,
+  subgridRows
+};

package/dist/components/Grid/index.cjs

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Grid_module = require("./Grid.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function isResponsiveColumns(columns) {
+  return typeof columns === "object" && columns !== null;
+}
+const gapClasses = {
+  none: Grid_module.default.gapNone,
+  xs: Grid_module.default.gapXs,
+  sm: Grid_module.default.gapSm,
+  md: Grid_module.default.gapMd,
+  lg: Grid_module.default.gapLg,
+  xl: Grid_module.default.gapXl
+};
+const paddingClasses = {
+  none: Grid_module.default.paddingNone,
+  sm: Grid_module.default.paddingSm,
+  md: Grid_module.default.paddingMd,
+  lg: Grid_module.default.paddingLg
+};
+const Grid = React__namespace.forwardRef(
+  function Grid2({
+    children,
+    columns = 1,
+    minChildWidth,
+    gap = "md",
+    alignItems,
+    justifyItems,
+    padding = "none",
+    className,
+    style,
+    ...htmlProps
+  }, ref) {
+    let columnsClass;
+    let inlineStyle;
+    if (columns === "auto") {
+      columnsClass = Grid_module.default.columnsAuto;
+      if (minChildWidth) {
+        inlineStyle = { "--fui-grid-min-child-width": minChildWidth };
+      }
+    } else if (isResponsiveColumns(columns)) {
+      columnsClass = Grid_module.default.columnsResponsive;
+      const vars = {};
+      if (columns.base) vars["--fui-grid-cols"] = String(columns.base);
+      if (columns.sm) vars["--fui-grid-cols-sm"] = String(columns.sm);
+      if (columns.md) vars["--fui-grid-cols-md"] = String(columns.md);
+      if (columns.lg) vars["--fui-grid-cols-lg"] = String(columns.lg);
+      if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
+      inlineStyle = vars;
+    } else {
+      columnsClass = Grid_module.default[`columns${columns}`];
+    }
+    if (typeof gap === "number") {
+      inlineStyle = { ...inlineStyle, gap: `var(--fui-space-${gap})` };
+    }
+    const classes = [
+      Grid_module.default.grid,
+      columnsClass,
+      typeof gap === "number" ? void 0 : gapClasses[gap],
+      paddingClasses[padding],
+      alignItems && Grid_module.default[`align${cap(alignItems)}`],
+      justifyItems && Grid_module.default[`justify${cap(justifyItems)}`],
+      className
+    ].filter(Boolean).join(" ");
+    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, ref, className: classes, style: mergedStyle, children });
+  }
+);
+const subgridClasses = {
+  rows: Grid_module.default.subgridRows,
+  columns: Grid_module.default.subgridColumns,
+  both: Grid_module.default.subgridBoth
+};
+const GridItem = React__namespace.forwardRef(
+  function GridItem2({
+    children,
+    colSpan,
+    rowSpan,
+    alignSelf,
+    subgrid,
+    className,
+    style,
+    ...htmlProps
+  }, ref) {
+    const subgridClass = subgrid ? subgridClasses[subgrid === true ? "rows" : subgrid] : void 0;
+    const classes = [
+      Grid_module.default.item,
+      colSpan && (colSpan === "full" ? Grid_module.default.colSpanFull : Grid_module.default[`colSpan${colSpan}`]),
+      rowSpan && Grid_module.default[`rowSpan${rowSpan}`],
+      alignSelf && Grid_module.default[`selfAlign${cap(alignSelf)}`],
+      subgridClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, ref, className: classes, style, children });
+  }
+);
+function cap(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+Grid.Item = GridItem;
+exports.Grid = Grid;

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

@@ -0,0 +1,71 @@
+import * as React from 'react';
+type ColumnCount = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type GapScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+/** Responsive value — either a single value or per-breakpoint overrides */
+export interface ResponsiveColumns {
+    /** Default (mobile-first) */
+    base?: ColumnCount;
+    /** ≥640px */
+    sm?: ColumnCount;
+    /** ≥768px */
+    md?: ColumnCount;
+    /** ≥1024px */
+    lg?: ColumnCount;
+    /** ≥1280px */
+    xl?: ColumnCount;
+}
+/**
+ * CSS Grid layout component with responsive columns.
+ * @see https://usefragments.com/components/grid
+ */
+export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'style' | 'className'> {
+    children?: React.ReactNode;
+    /**
+     * Number of columns.
+     * - A number (1-12) for fixed columns at all sizes
+     * - An object for responsive columns: `{ base: 1, md: 2, lg: 3 }`
+     * - `"auto"` for responsive auto-fill based on minChildWidth
+     */
+    columns?: ColumnCount | ResponsiveColumns | 'auto';
+    /** Minimum width for auto-fill columns (only used with columns="auto") */
+    minChildWidth?: string;
+    /** Gap between grid items. Accepts string tokens or numbers (1-8) mapping to the spacing scale */
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | GapScale;
+    /** Vertical alignment of items within their cells */
+    alignItems?: 'start' | 'center' | 'end' | 'stretch';
+    /** Horizontal alignment of items within their cells */
+    justifyItems?: 'start' | 'center' | 'end' | 'stretch';
+    /** Padding inside the grid container */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Additional class name */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export interface GridItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
+    children?: React.ReactNode;
+    /** Number of columns this item spans */
+    colSpan?: ColumnCount | 'full';
+    /** Number of rows this item spans */
+    rowSpan?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Override alignment for this item */
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Enable CSS subgrid so children align to parent grid tracks.
+     * - `true` or `"rows"` — children align to parent row tracks
+     * - `"columns"` — children align to parent column tracks
+     * - `"both"` — children align to both row and column tracks
+     * Requires the item to span multiple rows/columns for visible effect.
+     */
+    subgrid?: boolean | 'rows' | 'columns' | 'both';
+    /** Additional class name */
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Grid: GridComponent;
+declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+interface GridComponent extends React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>> {
+    Item: typeof GridItem;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACpE,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9C,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,aAAa;IACb,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,aAAa;IACb,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,cAAc;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,cAAc;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;IAC/G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAC;IACnD,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;IAC3D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACtD,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACzG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC/B,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAgCD,eAAO,MAAM,IAAI,EA+DZ,aAAa,CAAC;AAYnB,QAAA,MAAM,QAAQ,sFAmCb,CAAC;AAcF,UAAU,aACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACxF,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB"}

package/dist/components/Grid/index.js

@@ -0,0 +1,103 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Grid.module.scss.js";
+function isResponsiveColumns(columns) {
+  return typeof columns === "object" && columns !== null;
+}
+const gapClasses = {
+  none: styles.gapNone,
+  xs: styles.gapXs,
+  sm: styles.gapSm,
+  md: styles.gapMd,
+  lg: styles.gapLg,
+  xl: styles.gapXl
+};
+const paddingClasses = {
+  none: styles.paddingNone,
+  sm: styles.paddingSm,
+  md: styles.paddingMd,
+  lg: styles.paddingLg
+};
+const Grid = React.forwardRef(
+  function Grid2({
+    children,
+    columns = 1,
+    minChildWidth,
+    gap = "md",
+    alignItems,
+    justifyItems,
+    padding = "none",
+    className,
+    style,
+    ...htmlProps
+  }, ref) {
+    let columnsClass;
+    let inlineStyle;
+    if (columns === "auto") {
+      columnsClass = styles.columnsAuto;
+      if (minChildWidth) {
+        inlineStyle = { "--fui-grid-min-child-width": minChildWidth };
+      }
+    } else if (isResponsiveColumns(columns)) {
+      columnsClass = styles.columnsResponsive;
+      const vars = {};
+      if (columns.base) vars["--fui-grid-cols"] = String(columns.base);
+      if (columns.sm) vars["--fui-grid-cols-sm"] = String(columns.sm);
+      if (columns.md) vars["--fui-grid-cols-md"] = String(columns.md);
+      if (columns.lg) vars["--fui-grid-cols-lg"] = String(columns.lg);
+      if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
+      inlineStyle = vars;
+    } else {
+      columnsClass = styles[`columns${columns}`];
+    }
+    if (typeof gap === "number") {
+      inlineStyle = { ...inlineStyle, gap: `var(--fui-space-${gap})` };
+    }
+    const classes = [
+      styles.grid,
+      columnsClass,
+      typeof gap === "number" ? void 0 : gapClasses[gap],
+      paddingClasses[padding],
+      alignItems && styles[`align${cap(alignItems)}`],
+      justifyItems && styles[`justify${cap(justifyItems)}`],
+      className
+    ].filter(Boolean).join(" ");
+    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;
+    return /* @__PURE__ */ jsx("div", { ...htmlProps, ref, className: classes, style: mergedStyle, children });
+  }
+);
+const subgridClasses = {
+  rows: styles.subgridRows,
+  columns: styles.subgridColumns,
+  both: styles.subgridBoth
+};
+const GridItem = React.forwardRef(
+  function GridItem2({
+    children,
+    colSpan,
+    rowSpan,
+    alignSelf,
+    subgrid,
+    className,
+    style,
+    ...htmlProps
+  }, ref) {
+    const subgridClass = subgrid ? subgridClasses[subgrid === true ? "rows" : subgrid] : void 0;
+    const classes = [
+      styles.item,
+      colSpan && (colSpan === "full" ? styles.colSpanFull : styles[`colSpan${colSpan}`]),
+      rowSpan && styles[`rowSpan${rowSpan}`],
+      alignSelf && styles[`selfAlign${cap(alignSelf)}`],
+      subgridClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ...htmlProps, ref, className: classes, style, children });
+  }
+);
+function cap(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+Grid.Item = GridItem;
+export {
+  Grid
+};

package/dist/components/Header/Header.module.scss.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const header = "_header_52luq_1";
+const fixed = "_fixed_52luq_13";
+const sticky = "_sticky_52luq_20";
+const container = "_container_52luq_25";
+const brand = "_brand_52luq_38";
+const nav = "_nav_52luq_56";
+const navList = "_navList_52luq_66";
+const navItem = "_navItem_52luq_75";
+const navItemActive = "_navItemActive_52luq_123";
+const navMenuTrigger = "_navMenuTrigger_52luq_137";
+const navMenuChevron = "_navMenuChevron_52luq_142";
+const navMenuPositioner = "_navMenuPositioner_52luq_150";
+const navMenuPopup = "_navMenuPopup_52luq_155";
+const navMenuItem = "_navMenuItem_52luq_176";
+const navMenuItemActive = "_navMenuItemActive_52luq_212";
+const search = "_search_52luq_234";
+const searchExpandable = "_searchExpandable_52luq_244";
+const actions = "_actions_52luq_248";
+const trigger = "_trigger_52luq_255";
+const spacer = "_spacer_52luq_297";
+const mobileNavBackdrop = "_mobileNavBackdrop_52luq_301";
+const mobileNavDrawer = "_mobileNavDrawer_52luq_309";
+const mobileNavHeader = "_mobileNavHeader_52luq_323";
+const mobileNavClose = "_mobileNavClose_52luq_331";
+const mobileNavBody = "_mobileNavBody_52luq_369";
+const mobileNavLink = "_mobileNavLink_52luq_375";
+const mobileNavLinkActive = "_mobileNavLinkActive_52luq_409";
+const skipLink = "_skipLink_52luq_436";
+const styles = {
+  header,
+  fixed,
+  sticky,
+  container,
+  brand,
+  nav,
+  navList,
+  navItem,
+  navItemActive,
+  navMenuTrigger,
+  navMenuChevron,
+  navMenuPositioner,
+  navMenuPopup,
+  navMenuItem,
+  navMenuItemActive,
+  search,
+  searchExpandable,
+  actions,
+  trigger,
+  spacer,
+  mobileNavBackdrop,
+  mobileNavDrawer,
+  mobileNavHeader,
+  mobileNavClose,
+  mobileNavBody,
+  mobileNavLink,
+  mobileNavLinkActive,
+  skipLink
+};
+exports.actions = actions;
+exports.brand = brand;
+exports.container = container;
+exports.default = styles;
+exports.fixed = fixed;
+exports.header = header;
+exports.mobileNavBackdrop = mobileNavBackdrop;
+exports.mobileNavBody = mobileNavBody;
+exports.mobileNavClose = mobileNavClose;
+exports.mobileNavDrawer = mobileNavDrawer;
+exports.mobileNavHeader = mobileNavHeader;
+exports.mobileNavLink = mobileNavLink;
+exports.mobileNavLinkActive = mobileNavLinkActive;
+exports.nav = nav;
+exports.navItem = navItem;
+exports.navItemActive = navItemActive;
+exports.navList = navList;
+exports.navMenuChevron = navMenuChevron;
+exports.navMenuItem = navMenuItem;
+exports.navMenuItemActive = navMenuItemActive;
+exports.navMenuPopup = navMenuPopup;
+exports.navMenuPositioner = navMenuPositioner;
+exports.navMenuTrigger = navMenuTrigger;
+exports.search = search;
+exports.searchExpandable = searchExpandable;
+exports.skipLink = skipLink;
+exports.spacer = spacer;
+exports.sticky = sticky;
+exports.trigger = trigger;

package/dist/components/Header/Header.module.scss.js

@@ -0,0 +1,89 @@
+const header = "_header_52luq_1";
+const fixed = "_fixed_52luq_13";
+const sticky = "_sticky_52luq_20";
+const container = "_container_52luq_25";
+const brand = "_brand_52luq_38";
+const nav = "_nav_52luq_56";
+const navList = "_navList_52luq_66";
+const navItem = "_navItem_52luq_75";
+const navItemActive = "_navItemActive_52luq_123";
+const navMenuTrigger = "_navMenuTrigger_52luq_137";
+const navMenuChevron = "_navMenuChevron_52luq_142";
+const navMenuPositioner = "_navMenuPositioner_52luq_150";
+const navMenuPopup = "_navMenuPopup_52luq_155";
+const navMenuItem = "_navMenuItem_52luq_176";
+const navMenuItemActive = "_navMenuItemActive_52luq_212";
+const search = "_search_52luq_234";
+const searchExpandable = "_searchExpandable_52luq_244";
+const actions = "_actions_52luq_248";
+const trigger = "_trigger_52luq_255";
+const spacer = "_spacer_52luq_297";
+const mobileNavBackdrop = "_mobileNavBackdrop_52luq_301";
+const mobileNavDrawer = "_mobileNavDrawer_52luq_309";
+const mobileNavHeader = "_mobileNavHeader_52luq_323";
+const mobileNavClose = "_mobileNavClose_52luq_331";
+const mobileNavBody = "_mobileNavBody_52luq_369";
+const mobileNavLink = "_mobileNavLink_52luq_375";
+const mobileNavLinkActive = "_mobileNavLinkActive_52luq_409";
+const skipLink = "_skipLink_52luq_436";
+const styles = {
+  header,
+  fixed,
+  sticky,
+  container,
+  brand,
+  nav,
+  navList,
+  navItem,
+  navItemActive,
+  navMenuTrigger,
+  navMenuChevron,
+  navMenuPositioner,
+  navMenuPopup,
+  navMenuItem,
+  navMenuItemActive,
+  search,
+  searchExpandable,
+  actions,
+  trigger,
+  spacer,
+  mobileNavBackdrop,
+  mobileNavDrawer,
+  mobileNavHeader,
+  mobileNavClose,
+  mobileNavBody,
+  mobileNavLink,
+  mobileNavLinkActive,
+  skipLink
+};
+export {
+  actions,
+  brand,
+  container,
+  styles as default,
+  fixed,
+  header,
+  mobileNavBackdrop,
+  mobileNavBody,
+  mobileNavClose,
+  mobileNavDrawer,
+  mobileNavHeader,
+  mobileNavLink,
+  mobileNavLinkActive,
+  nav,
+  navItem,
+  navItemActive,
+  navList,
+  navMenuChevron,
+  navMenuItem,
+  navMenuItemActive,
+  navMenuPopup,
+  navMenuPositioner,
+  navMenuTrigger,
+  search,
+  searchExpandable,
+  skipLink,
+  spacer,
+  sticky,
+  trigger
+};