@fragments-sdk/ui 0.14.0 → 0.15.1

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

@@ -1,62 +1,65 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const grid = "_grid_42f6i_1";
-const columns1 = "_columns1_42f6i_6";
-const columns2 = "_columns2_42f6i_10";
-const columns3 = "_columns3_42f6i_14";
-const columns4 = "_columns4_42f6i_18";
-const columns5 = "_columns5_42f6i_22";
-const columns6 = "_columns6_42f6i_26";
-const columns7 = "_columns7_42f6i_30";
-const columns8 = "_columns8_42f6i_34";
-const columns9 = "_columns9_42f6i_38";
-const columns10 = "_columns10_42f6i_42";
-const columns11 = "_columns11_42f6i_46";
-const columns12 = "_columns12_42f6i_50";
-const columnsAuto = "_columnsAuto_42f6i_54";
-const columnsResponsive = "_columnsResponsive_42f6i_58";
-const gapNone = "_gapNone_42f6i_83";
-const gapXs = "_gapXs_42f6i_87";
-const gapSm = "_gapSm_42f6i_91";
-const gapMd = "_gapMd_42f6i_95";
-const gapLg = "_gapLg_42f6i_99";
-const gapXl = "_gapXl_42f6i_103";
-const paddingNone = "_paddingNone_42f6i_107";
-const paddingSm = "_paddingSm_42f6i_111";
-const paddingMd = "_paddingMd_42f6i_115";
-const paddingLg = "_paddingLg_42f6i_119";
-const alignStart = "_alignStart_42f6i_123";
-const alignCenter = "_alignCenter_42f6i_127";
-const alignEnd = "_alignEnd_42f6i_131";
-const alignStretch = "_alignStretch_42f6i_135";
-const justifyStart = "_justifyStart_42f6i_139";
-const justifyCenter = "_justifyCenter_42f6i_143";
-const justifyEnd = "_justifyEnd_42f6i_147";
-const justifyStretch = "_justifyStretch_42f6i_151";
-const item = "_item_42f6i_155";
-const colSpan1 = "_colSpan1_42f6i_159";
-const colSpan2 = "_colSpan2_42f6i_163";
-const colSpan3 = "_colSpan3_42f6i_167";
-const colSpan4 = "_colSpan4_42f6i_171";
-const colSpan5 = "_colSpan5_42f6i_175";
-const colSpan6 = "_colSpan6_42f6i_179";
-const colSpan7 = "_colSpan7_42f6i_183";
-const colSpan8 = "_colSpan8_42f6i_187";
-const colSpan9 = "_colSpan9_42f6i_191";
-const colSpan10 = "_colSpan10_42f6i_195";
-const colSpan11 = "_colSpan11_42f6i_199";
-const colSpan12 = "_colSpan12_42f6i_203";
-const colSpanFull = "_colSpanFull_42f6i_207";
-const rowSpan1 = "_rowSpan1_42f6i_211";
-const rowSpan2 = "_rowSpan2_42f6i_215";
-const rowSpan3 = "_rowSpan3_42f6i_219";
-const rowSpan4 = "_rowSpan4_42f6i_223";
-const rowSpan5 = "_rowSpan5_42f6i_227";
-const rowSpan6 = "_rowSpan6_42f6i_231";
-const selfAlignStart = "_selfAlignStart_42f6i_235";
-const selfAlignCenter = "_selfAlignCenter_42f6i_239";
-const selfAlignEnd = "_selfAlignEnd_42f6i_243";
-const selfAlignStretch = "_selfAlignStretch_42f6i_247";
+const grid = "_grid_1jgik_1";
+const columns1 = "_columns1_1jgik_6";
+const columns2 = "_columns2_1jgik_10";
+const columns3 = "_columns3_1jgik_14";
+const columns4 = "_columns4_1jgik_18";
+const columns5 = "_columns5_1jgik_22";
+const columns6 = "_columns6_1jgik_26";
+const columns7 = "_columns7_1jgik_30";
+const columns8 = "_columns8_1jgik_34";
+const columns9 = "_columns9_1jgik_38";
+const columns10 = "_columns10_1jgik_42";
+const columns11 = "_columns11_1jgik_46";
+const columns12 = "_columns12_1jgik_50";
+const columnsAuto = "_columnsAuto_1jgik_54";
+const columnsResponsive = "_columnsResponsive_1jgik_58";
+const gapNone = "_gapNone_1jgik_83";
+const gapXs = "_gapXs_1jgik_87";
+const gapSm = "_gapSm_1jgik_91";
+const gapMd = "_gapMd_1jgik_95";
+const gapLg = "_gapLg_1jgik_99";
+const gapXl = "_gapXl_1jgik_103";
+const paddingNone = "_paddingNone_1jgik_107";
+const paddingSm = "_paddingSm_1jgik_111";
+const paddingMd = "_paddingMd_1jgik_115";
+const paddingLg = "_paddingLg_1jgik_119";
+const alignStart = "_alignStart_1jgik_123";
+const alignCenter = "_alignCenter_1jgik_127";
+const alignEnd = "_alignEnd_1jgik_131";
+const alignStretch = "_alignStretch_1jgik_135";
+const justifyStart = "_justifyStart_1jgik_139";
+const justifyCenter = "_justifyCenter_1jgik_143";
+const justifyEnd = "_justifyEnd_1jgik_147";
+const justifyStretch = "_justifyStretch_1jgik_151";
+const item = "_item_1jgik_155";
+const colSpan1 = "_colSpan1_1jgik_159";
+const colSpan2 = "_colSpan2_1jgik_163";
+const colSpan3 = "_colSpan3_1jgik_167";
+const colSpan4 = "_colSpan4_1jgik_171";
+const colSpan5 = "_colSpan5_1jgik_175";
+const colSpan6 = "_colSpan6_1jgik_179";
+const colSpan7 = "_colSpan7_1jgik_183";
+const colSpan8 = "_colSpan8_1jgik_187";
+const colSpan9 = "_colSpan9_1jgik_191";
+const colSpan10 = "_colSpan10_1jgik_195";
+const colSpan11 = "_colSpan11_1jgik_199";
+const colSpan12 = "_colSpan12_1jgik_203";
+const colSpanFull = "_colSpanFull_1jgik_207";
+const rowSpan1 = "_rowSpan1_1jgik_211";
+const rowSpan2 = "_rowSpan2_1jgik_215";
+const rowSpan3 = "_rowSpan3_1jgik_219";
+const rowSpan4 = "_rowSpan4_1jgik_223";
+const rowSpan5 = "_rowSpan5_1jgik_227";
+const rowSpan6 = "_rowSpan6_1jgik_231";
+const selfAlignStart = "_selfAlignStart_1jgik_235";
+const selfAlignCenter = "_selfAlignCenter_1jgik_239";
+const selfAlignEnd = "_selfAlignEnd_1jgik_243";
+const selfAlignStretch = "_selfAlignStretch_1jgik_247";
+const subgridRows = "_subgridRows_1jgik_251";
+const subgridColumns = "_subgridColumns_1jgik_256";
+const subgridBoth = "_subgridBoth_1jgik_261";
 const styles = {
   grid,
   columns1,
@@ -114,7 +117,10 @@ const styles = {
   selfAlignStart,
   selfAlignCenter,
   selfAlignEnd,
-  selfAlignStretch
+  selfAlignStretch,
+  subgridRows,
+  subgridColumns,
+  subgridBoth
 };
 exports.alignCenter = alignCenter;
 exports.alignEnd = alignEnd;
@@ -174,4 +180,6 @@ exports.selfAlignCenter = selfAlignCenter;
 exports.selfAlignEnd = selfAlignEnd;
 exports.selfAlignStart = selfAlignStart;
 exports.selfAlignStretch = selfAlignStretch;
-//# sourceMappingURL=Grid.module.scss.cjs.map
+exports.subgridBoth = subgridBoth;
+exports.subgridColumns = subgridColumns;
+exports.subgridRows = subgridRows;

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

@@ -1,60 +1,63 @@
-const grid = "_grid_42f6i_1";
-const columns1 = "_columns1_42f6i_6";
-const columns2 = "_columns2_42f6i_10";
-const columns3 = "_columns3_42f6i_14";
-const columns4 = "_columns4_42f6i_18";
-const columns5 = "_columns5_42f6i_22";
-const columns6 = "_columns6_42f6i_26";
-const columns7 = "_columns7_42f6i_30";
-const columns8 = "_columns8_42f6i_34";
-const columns9 = "_columns9_42f6i_38";
-const columns10 = "_columns10_42f6i_42";
-const columns11 = "_columns11_42f6i_46";
-const columns12 = "_columns12_42f6i_50";
-const columnsAuto = "_columnsAuto_42f6i_54";
-const columnsResponsive = "_columnsResponsive_42f6i_58";
-const gapNone = "_gapNone_42f6i_83";
-const gapXs = "_gapXs_42f6i_87";
-const gapSm = "_gapSm_42f6i_91";
-const gapMd = "_gapMd_42f6i_95";
-const gapLg = "_gapLg_42f6i_99";
-const gapXl = "_gapXl_42f6i_103";
-const paddingNone = "_paddingNone_42f6i_107";
-const paddingSm = "_paddingSm_42f6i_111";
-const paddingMd = "_paddingMd_42f6i_115";
-const paddingLg = "_paddingLg_42f6i_119";
-const alignStart = "_alignStart_42f6i_123";
-const alignCenter = "_alignCenter_42f6i_127";
-const alignEnd = "_alignEnd_42f6i_131";
-const alignStretch = "_alignStretch_42f6i_135";
-const justifyStart = "_justifyStart_42f6i_139";
-const justifyCenter = "_justifyCenter_42f6i_143";
-const justifyEnd = "_justifyEnd_42f6i_147";
-const justifyStretch = "_justifyStretch_42f6i_151";
-const item = "_item_42f6i_155";
-const colSpan1 = "_colSpan1_42f6i_159";
-const colSpan2 = "_colSpan2_42f6i_163";
-const colSpan3 = "_colSpan3_42f6i_167";
-const colSpan4 = "_colSpan4_42f6i_171";
-const colSpan5 = "_colSpan5_42f6i_175";
-const colSpan6 = "_colSpan6_42f6i_179";
-const colSpan7 = "_colSpan7_42f6i_183";
-const colSpan8 = "_colSpan8_42f6i_187";
-const colSpan9 = "_colSpan9_42f6i_191";
-const colSpan10 = "_colSpan10_42f6i_195";
-const colSpan11 = "_colSpan11_42f6i_199";
-const colSpan12 = "_colSpan12_42f6i_203";
-const colSpanFull = "_colSpanFull_42f6i_207";
-const rowSpan1 = "_rowSpan1_42f6i_211";
-const rowSpan2 = "_rowSpan2_42f6i_215";
-const rowSpan3 = "_rowSpan3_42f6i_219";
-const rowSpan4 = "_rowSpan4_42f6i_223";
-const rowSpan5 = "_rowSpan5_42f6i_227";
-const rowSpan6 = "_rowSpan6_42f6i_231";
-const selfAlignStart = "_selfAlignStart_42f6i_235";
-const selfAlignCenter = "_selfAlignCenter_42f6i_239";
-const selfAlignEnd = "_selfAlignEnd_42f6i_243";
-const selfAlignStretch = "_selfAlignStretch_42f6i_247";
+const grid = "_grid_1jgik_1";
+const columns1 = "_columns1_1jgik_6";
+const columns2 = "_columns2_1jgik_10";
+const columns3 = "_columns3_1jgik_14";
+const columns4 = "_columns4_1jgik_18";
+const columns5 = "_columns5_1jgik_22";
+const columns6 = "_columns6_1jgik_26";
+const columns7 = "_columns7_1jgik_30";
+const columns8 = "_columns8_1jgik_34";
+const columns9 = "_columns9_1jgik_38";
+const columns10 = "_columns10_1jgik_42";
+const columns11 = "_columns11_1jgik_46";
+const columns12 = "_columns12_1jgik_50";
+const columnsAuto = "_columnsAuto_1jgik_54";
+const columnsResponsive = "_columnsResponsive_1jgik_58";
+const gapNone = "_gapNone_1jgik_83";
+const gapXs = "_gapXs_1jgik_87";
+const gapSm = "_gapSm_1jgik_91";
+const gapMd = "_gapMd_1jgik_95";
+const gapLg = "_gapLg_1jgik_99";
+const gapXl = "_gapXl_1jgik_103";
+const paddingNone = "_paddingNone_1jgik_107";
+const paddingSm = "_paddingSm_1jgik_111";
+const paddingMd = "_paddingMd_1jgik_115";
+const paddingLg = "_paddingLg_1jgik_119";
+const alignStart = "_alignStart_1jgik_123";
+const alignCenter = "_alignCenter_1jgik_127";
+const alignEnd = "_alignEnd_1jgik_131";
+const alignStretch = "_alignStretch_1jgik_135";
+const justifyStart = "_justifyStart_1jgik_139";
+const justifyCenter = "_justifyCenter_1jgik_143";
+const justifyEnd = "_justifyEnd_1jgik_147";
+const justifyStretch = "_justifyStretch_1jgik_151";
+const item = "_item_1jgik_155";
+const colSpan1 = "_colSpan1_1jgik_159";
+const colSpan2 = "_colSpan2_1jgik_163";
+const colSpan3 = "_colSpan3_1jgik_167";
+const colSpan4 = "_colSpan4_1jgik_171";
+const colSpan5 = "_colSpan5_1jgik_175";
+const colSpan6 = "_colSpan6_1jgik_179";
+const colSpan7 = "_colSpan7_1jgik_183";
+const colSpan8 = "_colSpan8_1jgik_187";
+const colSpan9 = "_colSpan9_1jgik_191";
+const colSpan10 = "_colSpan10_1jgik_195";
+const colSpan11 = "_colSpan11_1jgik_199";
+const colSpan12 = "_colSpan12_1jgik_203";
+const colSpanFull = "_colSpanFull_1jgik_207";
+const rowSpan1 = "_rowSpan1_1jgik_211";
+const rowSpan2 = "_rowSpan2_1jgik_215";
+const rowSpan3 = "_rowSpan3_1jgik_219";
+const rowSpan4 = "_rowSpan4_1jgik_223";
+const rowSpan5 = "_rowSpan5_1jgik_227";
+const rowSpan6 = "_rowSpan6_1jgik_231";
+const selfAlignStart = "_selfAlignStart_1jgik_235";
+const selfAlignCenter = "_selfAlignCenter_1jgik_239";
+const selfAlignEnd = "_selfAlignEnd_1jgik_243";
+const selfAlignStretch = "_selfAlignStretch_1jgik_247";
+const subgridRows = "_subgridRows_1jgik_251";
+const subgridColumns = "_subgridColumns_1jgik_256";
+const subgridBoth = "_subgridBoth_1jgik_261";
 const styles = {
   grid,
   columns1,
@@ -112,7 +115,10 @@ const styles = {
   selfAlignStart,
   selfAlignCenter,
   selfAlignEnd,
-  selfAlignStretch
+  selfAlignStretch,
+  subgridRows,
+  subgridColumns,
+  subgridBoth
 };
 export {
   alignCenter,
@@ -172,6 +178,8 @@ export {
   selfAlignCenter,
   selfAlignEnd,
   selfAlignStart,
-  selfAlignStretch
+  selfAlignStretch,
+  subgridBoth,
+  subgridColumns,
+  subgridRows
 };
-//# sourceMappingURL=Grid.module.scss.js.map

package/dist/components/Grid/index.cjs

@@ -85,21 +85,29 @@ const Grid = React__namespace.forwardRef(
     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 });
@@ -110,4 +118,3 @@ function cap(s) {
 }
 Grid.Item = GridItem;
 exports.Grid = Grid;
-//# sourceMappingURL=index.cjs.map

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

@@ -50,6 +50,14 @@ export interface GridItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     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;

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

@@ -1 +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,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAgCD,eAAO,MAAM,IAAI,EA+DZ,aAAa,CAAC;AAMnB,QAAA,MAAM,QAAQ,sFA6Bb,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"}
+{"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

@@ -66,21 +66,29 @@ const Grid = React.forwardRef(
     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 });
@@ -93,4 +101,3 @@ Grid.Item = GridItem;
 export {
   Grid
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const header = "_header_4tdgs_1";
-const fixed = "_fixed_4tdgs_11";
-const sticky = "_sticky_4tdgs_18";
-const container = "_container_4tdgs_23";
-const brand = "_brand_4tdgs_36";
-const nav = "_nav_4tdgs_54";
-const navList = "_navList_4tdgs_64";
-const navItem = "_navItem_4tdgs_73";
-const navItemActive = "_navItemActive_4tdgs_121";
-const navMenuTrigger = "_navMenuTrigger_4tdgs_135";
-const navMenuChevron = "_navMenuChevron_4tdgs_140";
-const navMenuPositioner = "_navMenuPositioner_4tdgs_148";
-const navMenuPopup = "_navMenuPopup_4tdgs_153";
-const navMenuItem = "_navMenuItem_4tdgs_174";
-const navMenuItemActive = "_navMenuItemActive_4tdgs_210";
-const search = "_search_4tdgs_232";
-const searchExpandable = "_searchExpandable_4tdgs_242";
-const actions = "_actions_4tdgs_246";
-const trigger = "_trigger_4tdgs_253";
-const spacer = "_spacer_4tdgs_295";
-const skipLink = "_skipLink_4tdgs_299";
+const header = "_header_cs80v_1";
+const fixed = "_fixed_cs80v_13";
+const sticky = "_sticky_cs80v_20";
+const container = "_container_cs80v_25";
+const brand = "_brand_cs80v_38";
+const nav = "_nav_cs80v_56";
+const navList = "_navList_cs80v_66";
+const navItem = "_navItem_cs80v_75";
+const navItemActive = "_navItemActive_cs80v_123";
+const navMenuTrigger = "_navMenuTrigger_cs80v_137";
+const navMenuChevron = "_navMenuChevron_cs80v_142";
+const navMenuPositioner = "_navMenuPositioner_cs80v_150";
+const navMenuPopup = "_navMenuPopup_cs80v_155";
+const navMenuItem = "_navMenuItem_cs80v_176";
+const navMenuItemActive = "_navMenuItemActive_cs80v_212";
+const search = "_search_cs80v_234";
+const searchExpandable = "_searchExpandable_cs80v_244";
+const actions = "_actions_cs80v_248";
+const trigger = "_trigger_cs80v_255";
+const spacer = "_spacer_cs80v_297";
+const skipLink = "_skipLink_cs80v_301";
 const styles = {
   header,
   fixed,
@@ -66,4 +66,3 @@ exports.skipLink = skipLink;
 exports.spacer = spacer;
 exports.sticky = sticky;
 exports.trigger = trigger;
-//# sourceMappingURL=Header.module.scss.cjs.map

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

@@ -1,24 +1,24 @@
-const header = "_header_4tdgs_1";
-const fixed = "_fixed_4tdgs_11";
-const sticky = "_sticky_4tdgs_18";
-const container = "_container_4tdgs_23";
-const brand = "_brand_4tdgs_36";
-const nav = "_nav_4tdgs_54";
-const navList = "_navList_4tdgs_64";
-const navItem = "_navItem_4tdgs_73";
-const navItemActive = "_navItemActive_4tdgs_121";
-const navMenuTrigger = "_navMenuTrigger_4tdgs_135";
-const navMenuChevron = "_navMenuChevron_4tdgs_140";
-const navMenuPositioner = "_navMenuPositioner_4tdgs_148";
-const navMenuPopup = "_navMenuPopup_4tdgs_153";
-const navMenuItem = "_navMenuItem_4tdgs_174";
-const navMenuItemActive = "_navMenuItemActive_4tdgs_210";
-const search = "_search_4tdgs_232";
-const searchExpandable = "_searchExpandable_4tdgs_242";
-const actions = "_actions_4tdgs_246";
-const trigger = "_trigger_4tdgs_253";
-const spacer = "_spacer_4tdgs_295";
-const skipLink = "_skipLink_4tdgs_299";
+const header = "_header_cs80v_1";
+const fixed = "_fixed_cs80v_13";
+const sticky = "_sticky_cs80v_20";
+const container = "_container_cs80v_25";
+const brand = "_brand_cs80v_38";
+const nav = "_nav_cs80v_56";
+const navList = "_navList_cs80v_66";
+const navItem = "_navItem_cs80v_75";
+const navItemActive = "_navItemActive_cs80v_123";
+const navMenuTrigger = "_navMenuTrigger_cs80v_137";
+const navMenuChevron = "_navMenuChevron_cs80v_142";
+const navMenuPositioner = "_navMenuPositioner_cs80v_150";
+const navMenuPopup = "_navMenuPopup_cs80v_155";
+const navMenuItem = "_navMenuItem_cs80v_176";
+const navMenuItemActive = "_navMenuItemActive_cs80v_212";
+const search = "_search_cs80v_234";
+const searchExpandable = "_searchExpandable_cs80v_244";
+const actions = "_actions_cs80v_248";
+const trigger = "_trigger_cs80v_255";
+const spacer = "_spacer_cs80v_297";
+const skipLink = "_skipLink_cs80v_301";
 const styles = {
   header,
   fixed,
@@ -66,4 +66,3 @@ export {
   sticky,
   trigger
 };
-//# sourceMappingURL=Header.module.scss.js.map

package/dist/components/Header/index.cjs

@@ -258,4 +258,3 @@ exports.HeaderSearch = HeaderSearch;
 exports.HeaderSkipLink = HeaderSkipLink;
 exports.HeaderSpacer = HeaderSpacer;
 exports.HeaderTrigger = HeaderTrigger;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Header/index.js

@@ -241,4 +241,3 @@ export {
   HeaderSpacer,
   HeaderTrigger
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const icon = "_icon_1rseu_1";
-const primary = "_primary_1rseu_9";
-const secondary = "_secondary_1rseu_13";
-const tertiary = "_tertiary_1rseu_17";
-const accent = "_accent_1rseu_21";
-const success = "_success_1rseu_25";
-const warning = "_warning_1rseu_29";
-const error = "_error_1rseu_33";
+const icon = "_icon_18crx_1";
+const primary = "_primary_18crx_9";
+const secondary = "_secondary_18crx_13";
+const tertiary = "_tertiary_18crx_17";
+const accent = "_accent_18crx_21";
+const success = "_success_18crx_25";
+const warning = "_warning_18crx_29";
+const error = "_error_18crx_33";
 const styles = {
   icon,
   primary,
@@ -27,4 +27,3 @@ exports.secondary = secondary;
 exports.success = success;
 exports.tertiary = tertiary;
 exports.warning = warning;
-//# sourceMappingURL=Icon.module.scss.cjs.map

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

@@ -1,11 +1,11 @@
-const icon = "_icon_1rseu_1";
-const primary = "_primary_1rseu_9";
-const secondary = "_secondary_1rseu_13";
-const tertiary = "_tertiary_1rseu_17";
-const accent = "_accent_1rseu_21";
-const success = "_success_1rseu_25";
-const warning = "_warning_1rseu_29";
-const error = "_error_1rseu_33";
+const icon = "_icon_18crx_1";
+const primary = "_primary_18crx_9";
+const secondary = "_secondary_18crx_13";
+const tertiary = "_tertiary_18crx_17";
+const accent = "_accent_18crx_21";
+const success = "_success_18crx_25";
+const warning = "_warning_18crx_29";
+const error = "_error_18crx_33";
 const styles = {
   icon,
   primary,
@@ -27,4 +27,3 @@ export {
   tertiary,
   warning
 };
-//# sourceMappingURL=Icon.module.scss.js.map

package/dist/components/Icon/index.cjs

@@ -61,4 +61,3 @@ const Icon = Object.assign(IconRoot, {
   Root: IconRoot
 });
 exports.Icon = Icon;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Icon/index.js

@@ -44,4 +44,3 @@ const Icon = Object.assign(IconRoot, {
 export {
   Icon
 };
-//# sourceMappingURL=index.js.map