@arc-ui/components 12.0.0-beta7 → 12.0.0

package/lib/Filter/Filter.mjs

@@ -0,0 +1,85 @@
+'use client';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import React__default, { useState } from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { F as FilterControl } from '../_shared/esm/FilterControl-22MNdP1r.mjs';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
+
+var FilterControls = function (_a) {
+    var children = _a.children, controlsAlignment = _a.controlsAlignment;
+    return (React__default.createElement("div", { className: classNames("arc-FilterControls", {
+            "arc-FilterControls--alignLeft": controlsAlignment === "left",
+            "arc-FilterControls--alignRight": controlsAlignment === "right",
+        }) }, children));
+};
+
+var FilterItems = function (_a) {
+    var children = _a.children, error = _a.error, _b = _a.displayType, displayType = _b === void 0 ? "grid" : _b;
+    return React__default.Children.toArray(children).length > 0 ? (React__default.createElement("div", null,
+        React__default.createElement("div", { className: "arc-FilterItems-offscreen", "aria-live": "assertive" }, React__default.Children.toArray(children).length > 0
+            ? "".concat(React__default.Children.toArray(children).length, " records listed.")
+            : null),
+        React__default.createElement("div", { className: classNames("arc-FilterItems", {
+                "arc-FilterItems--list": displayType === "list",
+                "arc-FilterItems--grid": displayType === "grid",
+            }) }, displayType === "list"
+            ? React__default.Children.toArray(children).map(function (child, index, array) { return (React__default.createElement(React__default.Fragment, { key: index },
+                child,
+                index !== array.length - 1 && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: "arc-FilterItems-separator", "data-testid": "arc-FilterItems-separator" }))))); })
+            : children))) : (React__default.createElement("div", { "aria-live": "assertive" }, error));
+};
+
+/** Use `Filter` to filter and categorise page content. */
+var Filter = function (_a) {
+    var children = _a.children, onChange = _a.onChange, controls = _a.controls, displayType = _a.displayType, controlsAlignment = _a.controlsAlignment, _b = _a.logicType, logicType = _b === void 0 ? "OR" : _b, error = _a.error, props = __rest(_a, ["children", "onChange", "controls", "displayType", "controlsAlignment", "logicType", "error"]);
+    var _c = useState(controls), filterControls = _c[0], setFilterControls = _c[1];
+    var handleControlClick = function (index) {
+        var updatedControls = filterControls.toSpliced(index, 1, __assign(__assign({}, filterControls[index]), { isSelected: !filterControls[index].isSelected }));
+        var selectedControlLabels = updatedControls
+            .filter(function (control) { return control.isSelected; })
+            .map(function (control) { return control.label; });
+        filterControls[index].onClick && filterControls[index].onClick();
+        onChange && onChange(selectedControlLabels);
+        setFilterControls(updatedControls);
+    };
+    var selectedControls = filterControls.filter(function (_a) {
+        var isSelected = _a.isSelected;
+        return isSelected;
+    });
+    var filterItems = React__default.Children.toArray(children);
+    var filteredItems = filterItems.filter(function (filteredItem) {
+        // If no tags are selected, show all items
+        if (selectedControls.length === 0) {
+            return true;
+        }
+        // If logicType is "AND", all selected tags should be present in the item's tags
+        if (logicType === "AND") {
+            return selectedControls.every(function (control) {
+                return filteredItem.props.tags.includes(control.label);
+            });
+        }
+        else {
+            // Check if item has tags property and if any selected tags are present in item's tags
+            return selectedControls.some(function (control) {
+                return filteredItem.props.tags.includes(control.label);
+            });
+        }
+    });
+    return (React__default.createElement("div", __assign({ className: "arc-Filter" }, filterAttrs(props)),
+        React__default.createElement(FilterControls, { controlsAlignment: controlsAlignment }, filterControls.map(function (_a, index) {
+            var label = _a.label, isSelected = _a.isSelected;
+            return (React__default.createElement(FilterControl, { key: index, onClick: function () { return handleControlClick(index); }, isSelected: isSelected }, label));
+        })),
+        React__default.createElement(FilterItems, { displayType: displayType, error: error }, filteredItems.map(function (item) { return item.props.children; }))));
+};
+
+var FilterItem = function (_a) {
+    var children = _a.children;
+    return React__default.createElement("div", { className: "arc-FilterItem" }, children);
+};
+
+export { Filter, FilterControl, FilterControls, FilterItem, FilterItems };

package/lib/Filter/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0 .arc .arc-FilterControls{display:flex;flex-wrap:wrap;gap:var(--filter-gap-l);justify-content:center;margin-bottom:var(--filter-margin-m)}.arc-v12-0-0 .arc .arc-FilterControls--alignLeft{justify-content:left}.arc-v12-0-0 .arc .arc-FilterControls--alignRight{justify-content:right}.arc-v12-0-0 .arc .arc-FilterControl{align-items:center;background:var(--filter-colors-light-bg-default);border:none;border-radius:var(--filter-border-radius-s);display:flex;height:var(--filter-size-s);outline:var(--filter-border-weight-s) solid var(--filter-colors-light-border-default);outline-offset:calc(var(--filter-border-weight-s) * -1);padding:var(--filter-padding-s) var(--filter-padding-m);position:relative;width:-moz-fit-content;width:fit-content}.arc-v12-0-0 .arc .arc-FilterControl-text{color:var(--filter-colors-light-text-default);font:var(--sem-type-interface-semi-xs)}.arc-v12-0-0 .arc .arc-FilterControl--selected .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface .arc-FilterControl-text{color:var(--filter-colors-dark-text-default-alt)}.arc-v12-0-0 .arc .arc-FilterControl:hover{cursor:pointer;outline-color:var(--filter-colors-light-border-hover);outline-offset:calc(var(--filter-border-weight-m) * -1);outline-width:var(--filter-border-weight-m)}.arc-v12-0-0 .arc .arc-FilterControl:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-hover)}.arc-v12-0-0 .arc .arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface:hover .arc-FilterControl-text{color:var(--filter-colors-dark-text-hover)}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected .arc-FilterControl-text,.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default)}.arc-v12-0-0 .arc .arc-FilterControl--selected{background:var(--filter-colors-light-bg-selected);outline-color:transparent}.arc-v12-0-0 .arc .arc-FilterControl--selected::after,.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected::after{content:none}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface{background:var(--filter-colors-dark-bg-default);outline-color:var(--filter-colors-dark-border-default)}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface::after{background:var(--filter-colors-dark-border-default) border-box;border:var(--filter-border-weight-s) solid transparent;border-radius:var(--filter-border-radius-s);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected{background:var(--filter-colors-dark-bg-selected);color:var(--filter-colors-light-text-default);outline-color:transparent}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface:hover::after{content:none}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0 .arc .arc-FilterControl:focus-visible::before{border:2px solid var(--focus-colors-light-border-subtle);border-radius:var(--filter-border-radius-s);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.arc-v12-0-0 .arc .arc-FilterControl--onDarkSurface:focus-visible::before{border-color:var(--focus-colors-dark-border-subtle)}:root{--arc-filter-items-grid-column-width:1fr;--arc-filter-items-grid-gap:16px}.arc-v12-0-0 .arc .arc-FilterItems--grid{display:grid;grid-gap:var(--arc-filter-items-grid-gap)}.arc-v12-0-0 .arc .arc-FilterItems--list{display:grid;grid-gap:var(--arc-filter-items-grid-gap);grid-template-columns:var(--arc-filter-items-grid-column-width)}.arc-v12-0-0 .arc .arc-FilterItems-separator{background-color:var(--sem-color-bg-secondary-dark-strong);height:1px;margin:10px 0}@media (min-width:636px){.arc-v12-0-0 .arc .arc-FilterItems--grid{grid-template-columns:var(--arc-filter-items-grid-column-width)}}@media (min-width:768px){.arc-v12-0-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(2,var(--arc-filter-items-grid-column-width))}}@media (min-width:1024px){.arc-v12-0-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(3,var(--arc-filter-items-grid-column-width))}.arc-v12-0-0 .arc .arc-FilterItems-offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}}.arc-v12-0-0 .arc .arc-Filter-content{display:flex;flex-wrap:wrap}

package/lib/FilterControl/FilterControl.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var FilterControl = require('../_shared/cjs/FilterControl-BIwtgTjP.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
+
+
+
+exports.FilterControl = FilterControl.FilterControl;

package/lib/FilterControl/FilterControl.mjs

@@ -0,0 +1,8 @@
+export { F as FilterControl } from '../_shared/esm/FilterControl-22MNdP1r.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';

package/lib/FormControl/FormControl.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var FormControl = require('../_shared/cjs/FormControl-TtboqHRx.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/DisclosureMini-Cy7hNc90.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
+require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
+
+
+
+exports.FormControl = FormControl.FormControl;
+exports.FormControlContext = FormControl.Context;

package/lib/FormControl/FormControl.mjs

@@ -0,0 +1,13 @@
+'use client';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-DopDD_nC.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/DisclosureMini-DeQZyvDN.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';

package/lib/FormControl/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0 .arc .arc-FormControl{border:none;margin:0;padding:0;width:100%}.arc-v12-0-0 .arc .arc-FormControl-label{color:var(--form-control-colors-light-text-default);display:block;font:var(--form-control-type-label-default-l);margin-bottom:var(--form-control-space-gap-m);padding:0}.arc-v12-0-0 .arc .arc-FormControl-labelText--withOptional{margin-right:var(--form-control-space-gap-s)}.arc-v12-0-0 .arc .arc-FormControl--sideLabel{align-items:center;display:flex;flex-direction:row}.arc-v12-0-0 .arc .arc-FormControl--sideLabel .arc-FormControl-label{margin-right:var(--form-control-space-gap-m)}.arc-v12-0-0 .arc .arc-FormControl-helper{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-helper-default-l)}.arc-v12-0-0 .arc .arc-FormControl-error{align-items:flex-start;color:var(--form-control-colors-light-text-error);display:flex;font:var(--form-control-type-helper-default-m)}.arc-v12-0-0 .arc .arc-FormControl-labelOptional{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-optional-default-s)}.arc-v12-0-0 .arc .arc-FormControl-supplementaryInfo{padding-left:var(--form-control-space-gap-m)}.arc-v12-0-0 .arc .arc-FormControl-info{align-items:flex-start;display:flex;justify-content:flex-end}.arc-v12-0-0 .arc .arc-FormControl-info--hasContent{margin-top:var(--form-control-space-gap-m)}.arc-v12-0-0 .arc .arc-FormControl-helperContainer{flex:1 1 auto}.arc-v12-0-0 .arc .arc-FormControl--s .arc-FormControl-label{font:var(--form-control-type-label-default-s)}.arc-v12-0-0 .arc .arc-FormControl--s .arc-FormControl-helper{font:var(--form-control-type-helper-default-s)}.arc-v12-0-0 .arc .arc-FormControl--s .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v12-0-0 .arc .arc-FormControl--m .arc-FormControl-label{font:var(--form-control-type-label-default-m)}.arc-v12-0-0 .arc .arc-FormControl--m .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v12-0-0 .arc .arc-FormControl--m .arc-FormControl-helper{font:var(--form-control-type-helper-default-m)}.arc-v12-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel{margin-bottom:var(--form-control-space-gap-m);margin-top:0}.arc-v12-0-0 .arc .arc-FormControl-label--withHelperUnderLabel{margin-bottom:0}.arc-v12-0-0 .arc .arc-FormControl-label[\:has\(\%2B\%20.arc-VerticalSpace\)],.arc-v12-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel[\:has\(\%2B\%20.arc-VerticalSpace\)]{margin-bottom:0}.arc-v12-0-0 .arc .arc-FormControl-label:has(+.arc-VerticalSpace),.arc-v12-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel:has(+.arc-VerticalSpace){margin-bottom:0}.arc-v12-0-0 .arc .arc-FormControl-label:empty{display:none}.arc-v12-0-0 .arc .arc-FormControl-error .arc-FormControl-error--icon{color:currentColor;content:"";flex-shrink:0;height:var(--form-control-size-icon);margin-right:4px;margin-top:-2px;width:var(--form-control-size-icon)}.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-label,.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-labelOptional,.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-helper{color:var(--form-control-colors-dark-text-default)}.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-error{color:var(--form-control-colors-dark-text-error)}.arc-v12-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-label,.arc-v12-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v12-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-light-text-disabled)}.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-label,.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v12-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-dark-text-disabled)}

package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+var React = require('react');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Heading = require('../_shared/cjs/Heading-BYBmZkmS.cjs');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
+var BannerImage = require('../_shared/cjs/BannerImage-CYHLvtfL.cjs');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
+require('../_shared/cjs/Image-MS1rBzbW.cjs');
+
+/**
+ *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
+ */
+var GhostedHeroBanner = function (_a) {
+    var heading = _a.heading, headingLevel = _a.headingLevel, label = _a.label, text = _a.text, img = _a.img, children = _a.children, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "text", "img", "children", "fontStyle"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: "arc-GhostedHeroBanner" }, filterAttrs.filterAttrs(props)),
+        React.createElement("div", { className: "arc-GhostedHeroBanner-content" },
+            label && (React.createElement(React.Fragment, null,
+                React.createElement(Heading.Heading, { fontStyle: "overline" }, label),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }))),
+            React.createElement(Heading.Heading, { level: headingLevel, size: fontStyle === "default" ? "xl" : "xxl", fontStyle: fontStyle }, heading),
+            text && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+                React.createElement("span", { className: "arc-TemplateBanner-text" }, text))),
+            children && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+                children))),
+        React.createElement("div", { className: "arc-GhostedHeroBanner-image " }, img && React.createElement(BannerImage.BannerImage, tslib_es6.__assign({ ariaHidden: true }, img)))));
+};
+
+exports.GhostedHeroBanner = GhostedHeroBanner;

package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs

@@ -0,0 +1,34 @@
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import React__default from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { H as Heading } from '../_shared/esm/Heading-Da-o0d5x.mjs';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
+import { B as BannerImage } from '../_shared/esm/BannerImage-BdPAHkVD.mjs';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/SemanticHeading-DpEBq7pG.mjs';
+import '../_shared/esm/Image-DLYifxlu.mjs';
+
+/**
+ *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
+ */
+var GhostedHeroBanner = function (_a) {
+    var heading = _a.heading, headingLevel = _a.headingLevel, label = _a.label, text = _a.text, img = _a.img, children = _a.children, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, props = __rest(_a, ["heading", "headingLevel", "label", "text", "img", "children", "fontStyle"]);
+    return (React__default.createElement("div", __assign({ className: "arc-GhostedHeroBanner" }, filterAttrs(props)),
+        React__default.createElement("div", { className: "arc-GhostedHeroBanner-content" },
+            label && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Heading, { fontStyle: "overline" }, label),
+                React__default.createElement(VerticalSpace, { size: "8" }))),
+            React__default.createElement(Heading, { level: headingLevel, size: fontStyle === "default" ? "xl" : "xxl", fontStyle: fontStyle }, heading),
+            text && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: "16" }),
+                React__default.createElement("span", { className: "arc-TemplateBanner-text" }, text))),
+            children && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: "32" }),
+                children))),
+        React__default.createElement("div", { className: "arc-GhostedHeroBanner-image " }, img && React__default.createElement(BannerImage, __assign({ ariaHidden: true }, img)))));
+};
+
+export { GhostedHeroBanner };

package/lib/GhostedHeroBanner/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0 .arc .arc-GhostedHeroBanner{display:flex;flex-basis:0;flex-direction:column-reverse;gap:24px;margin:0 auto;max-width:1280px;min-height:268px}.arc-v12-0-0 .arc .arc-GhostedHeroBanner-content{flex:1}.arc-v12-0-0 .arc .arc-GhostedHeroBanner-image{flex:1}@media (min-width:768px){.arc-v12-0-0 .arc .arc-GhostedHeroBanner{align-items:center;flex-direction:row}}@media (min-width:1024px){.arc-v12-0-0 .arc .arc-GhostedHeroBanner{min-height:358px}}@media (min-width:1280px){.arc-v12-0-0 .arc .arc-GhostedHeroBanner{gap:32px;min-height:454px}}

package/lib/GradientPageBackground/GradientPageBackground.cjs

@@ -0,0 +1,159 @@
+'use client';
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var useMediaQuery = require('../_shared/cjs/use-media-query-DqZqShGX.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var arcBreakpoints = require('../_shared/cjs/arc-breakpoints-Cl4-g1TC.cjs');
+var ClientSideVisible = require('../_shared/cjs/ClientSideVisible-BhW-T6kb.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/index.es-Dbvw_3_e.cjs');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var ScrimFade = function (_a) {
+    var scrimFadeHeight = _a.scrimFadeHeight, scrimFadeSize = _a.scrimFadeSize, scrimFadePosition = _a.scrimFadePosition;
+    var _b = React.useMemo(function () {
+        var fadeModifier = 128;
+        var defaultSizes = {
+            s: {
+                totalHeight: 640,
+                fadeHeight: 640 - fadeModifier,
+            },
+            m: {
+                totalHeight: 1024,
+                fadeHeight: 1024 - fadeModifier,
+            },
+            l: {
+                totalHeight: 1408,
+                fadeHeight: 1408 - fadeModifier,
+            },
+        };
+        if (!scrimFadeHeight) {
+            return defaultSizes[scrimFadeSize];
+        }
+        return {
+            totalHeight: scrimFadeHeight,
+            fadeHeight: scrimFadeHeight - fadeModifier,
+        };
+    }, [scrimFadeHeight, scrimFadeSize]), totalHeight = _b.totalHeight, fadeHeight = _b.fadeHeight;
+    return (React__namespace.createElement("svg", { width: "1024", height: totalHeight, viewBox: "0 0 1024 ".concat(totalHeight), fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none", className: index.classNames("arc-GradientPageBackground-scrimFade", scrimFadePosition &&
+            "arc-GradientPageBackground-scrimFade--".concat(scrimFadePosition)) },
+        React__namespace.createElement("rect", { y: "128", width: "1024", height: fadeHeight, fill: "url(#paint0_linear_6538_9883)" }),
+        React__namespace.createElement("g", { opacity: "0.7" },
+            React__namespace.createElement("rect", { width: "1024", height: totalHeight, fill: "url(#paint1_linear_6538_9883)", style: { mixBlendMode: "soft-light" } })),
+        React__namespace.createElement("defs", null,
+            React__namespace.createElement("linearGradient", { id: "paint0_linear_6538_9883", x1: "512", y1: "128", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
+                React__namespace.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
+                React__namespace.createElement("stop", { offset: "0.0806874", stopColor: "white", stopOpacity: "0.01" }),
+                React__namespace.createElement("stop", { offset: "0.155366", stopColor: "white", stopOpacity: "0.0217837" }),
+                React__namespace.createElement("stop", { offset: "0.22496", stopColor: "white", stopOpacity: "0.04832" }),
+                React__namespace.createElement("stop", { offset: "0.290394", stopColor: "white", stopOpacity: "0.0846696" }),
+                React__namespace.createElement("stop", { offset: "0.352593", stopColor: "white", stopOpacity: "0.13037" }),
+                React__namespace.createElement("stop", { offset: "0.41248", stopColor: "white", stopOpacity: "0.18496" }),
+                React__namespace.createElement("stop", { offset: "0.470981", stopColor: "white", stopOpacity: "0.247976" }),
+                React__namespace.createElement("stop", { offset: "0.529019", stopColor: "white", stopOpacity: "0.318957" }),
+                React__namespace.createElement("stop", { offset: "0.58752", stopColor: "white", stopOpacity: "0.39744" }),
+                React__namespace.createElement("stop", { offset: "0.647407", stopColor: "white", stopOpacity: "0.482963" }),
+                React__namespace.createElement("stop", { offset: "0.709606", stopColor: "white", stopOpacity: "0.575064" }),
+                React__namespace.createElement("stop", { offset: "0.77504", stopColor: "white", stopOpacity: "0.67328" }),
+                React__namespace.createElement("stop", { offset: "0.844634", stopColor: "white", stopOpacity: "0.77715" }),
+                React__namespace.createElement("stop", { offset: "0.919313", stopColor: "white", stopOpacity: "0.88621" }),
+                React__namespace.createElement("stop", { offset: "1", stopColor: "white" })),
+            React__namespace.createElement("linearGradient", { id: "paint1_linear_6538_9883", x1: "512", y1: "0", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
+                React__namespace.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
+                React__namespace.createElement("stop", { offset: "1", stopColor: "white" })))));
+};
+
+// Inherit the last provided value when no value is provided
+var getResponsiveConfig = function (property, breakpoint) {
+    if (!property || !breakpoint)
+        return;
+    var breakpoints = ["xs", "s", "m", "l", "xl", "xxl"];
+    return breakpoints.reduce(function (acc, bp, index) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, acc), (_a = {}, _a[bp] = property[bp] || acc[breakpoints[index - 1]], _a)));
+    }, {})[breakpoint];
+};
+
+/**
+ * Use `GradientPageBackground` as a content wrapper blending multiple colours to add depth, mood or emphasise hero sections, footer sections, or mid-page section backgrounds.
+ */
+var GradientPageBackground = function (_a) {
+    var _b;
+    var gradient = _a.gradient, responsiveGradient = _a.responsiveGradient, children = _a.children, scrimFadeSize = _a.scrimFadeSize, scrimFadeHeights = _a.scrimFadeHeights, extendBackgrounds = _a.extendBackgrounds, loading = _a.loading, _c = _a.scrimFadePosition, scrimFadePosition = _c === void 0 ? "bottom" : _c, props = tslib_es6.__rest(_a, ["gradient", "responsiveGradient", "children", "scrimFadeSize", "scrimFadeHeights", "extendBackgrounds", "loading", "scrimFadePosition"]);
+    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery(arcBreakpoints.ARC_MIN_S_BREAKPOINT);
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery(arcBreakpoints.ARC_MIN_M_BREAKPOINT);
+    var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery(arcBreakpoints.ARC_MIN_L_BREAKPOINT);
+    var isMinWidthArcBreakpointXl = useMediaQuery.useMediaQuery(arcBreakpoints.ARC_MIN_XL_BREAKPOINT);
+    var isMinWidthArcBreakpointXxl = useMediaQuery.useMediaQuery(arcBreakpoints.ARC_MIN_XXL_BREAKPOINT);
+    var breakpoint = React.useMemo(function () {
+        var breakpoints = {
+            xs: true,
+            s: isMinWidthArcBreakpointS,
+            m: isMinWidthArcBreakpointM,
+            l: isMinWidthArcBreakpointL,
+            xl: isMinWidthArcBreakpointXl,
+            xxl: isMinWidthArcBreakpointXxl,
+        };
+        return Object.keys(breakpoints).findLast(function (key) { return breakpoints[key]; });
+    }, [
+        isMinWidthArcBreakpointS,
+        isMinWidthArcBreakpointM,
+        isMinWidthArcBreakpointL,
+        isMinWidthArcBreakpointXl,
+        isMinWidthArcBreakpointXxl,
+    ]);
+    var customGradient = React.useMemo(function () { return getResponsiveConfig(responsiveGradient, breakpoint); }, [responsiveGradient, breakpoint]);
+    var scrimFadeHeight = React.useMemo(function () { return getResponsiveConfig(scrimFadeHeights, breakpoint); }, [breakpoint, scrimFadeHeights]);
+    var extendBackground = React.useMemo(function () { return getResponsiveConfig(extendBackgrounds, breakpoint); }, [breakpoint, extendBackgrounds]);
+    var gradientPathway = {
+        light: "light-white",
+        dark: "dark-black",
+    };
+    var extentedBackgroundScrimStyles = {
+        top: {
+            paddingTop: "".concat(extendBackground, "px"),
+            marginTop: "-".concat(extendBackground, "px"),
+        },
+        bottom: {
+            paddingBottom: "".concat(extendBackground, "px"),
+            marginBottom: "-".concat(extendBackground, "px"),
+        },
+    };
+    return (React.createElement(ClientSideVisible.ClientSideVisible, null,
+        React.createElement("div", tslib_es6.__assign({ className: index.classNames("arc-GradientPageBackground", (_b = {},
+                _b["arc-GradientPageBackground--".concat(scrimFadePosition)] = scrimFadePosition,
+                _b)), style: tslib_es6.__assign({}, (extendBackground
+                ? extentedBackgroundScrimStyles[scrimFadePosition]
+                : {})) }, filterAttrs.filterAttrs(props)),
+            React.createElement("div", { className: "arc-GradientPageBackground-svgWrapper" },
+                React.createElement("img", { src: (customGradient === null || customGradient === void 0 ? void 0 : customGradient.svg) || (gradient === null || gradient === void 0 ? void 0 : gradient.svg), alt: "", className: "arc-GradientPageBackground-svgbg", loading: loading })),
+            React.createElement("div", { className: "arc-GradientPageBackground-content" },
+                React.createElement(Surface.Surface, { isTransparent: true, background: customGradient
+                        ? gradientPathway[customGradient === null || customGradient === void 0 ? void 0 : customGradient.type]
+                        : gradientPathway[(gradient === null || gradient === void 0 ? void 0 : gradient.type) || "light"] }, children)),
+            scrimFadeSize && (React.createElement(ScrimFade, { scrimFadeHeight: scrimFadeHeight, scrimFadeSize: scrimFadeSize, scrimFadePosition: scrimFadePosition, preserveAspectRatio: "none" })))));
+};
+
+exports.GradientPageBackground = GradientPageBackground;

package/lib/GradientPageBackground/GradientPageBackground.mjs

@@ -0,0 +1,139 @@
+'use client';
+import { a as __assign, _ as __rest } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { u as useMediaQuery } from '../_shared/esm/use-media-query-BmsMeo2M.mjs';
+import { S as Surface } from '../_shared/esm/Surface-C69KVzkY.mjs';
+import { a as ARC_MIN_S_BREAKPOINT, b as ARC_MIN_M_BREAKPOINT, c as ARC_MIN_L_BREAKPOINT, d as ARC_MIN_XL_BREAKPOINT, e as ARC_MIN_XXL_BREAKPOINT } from '../_shared/esm/arc-breakpoints-Br78xe-f.mjs';
+import { C as ClientSideVisible } from '../_shared/esm/ClientSideVisible-D_iBE-3U.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/index.es-f0R-yhhl.mjs';
+
+var ScrimFade = function (_a) {
+    var scrimFadeHeight = _a.scrimFadeHeight, scrimFadeSize = _a.scrimFadeSize, scrimFadePosition = _a.scrimFadePosition;
+    var _b = useMemo(function () {
+        var fadeModifier = 128;
+        var defaultSizes = {
+            s: {
+                totalHeight: 640,
+                fadeHeight: 640 - fadeModifier,
+            },
+            m: {
+                totalHeight: 1024,
+                fadeHeight: 1024 - fadeModifier,
+            },
+            l: {
+                totalHeight: 1408,
+                fadeHeight: 1408 - fadeModifier,
+            },
+        };
+        if (!scrimFadeHeight) {
+            return defaultSizes[scrimFadeSize];
+        }
+        return {
+            totalHeight: scrimFadeHeight,
+            fadeHeight: scrimFadeHeight - fadeModifier,
+        };
+    }, [scrimFadeHeight, scrimFadeSize]), totalHeight = _b.totalHeight, fadeHeight = _b.fadeHeight;
+    return (React.createElement("svg", { width: "1024", height: totalHeight, viewBox: "0 0 1024 ".concat(totalHeight), fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none", className: classNames("arc-GradientPageBackground-scrimFade", scrimFadePosition &&
+            "arc-GradientPageBackground-scrimFade--".concat(scrimFadePosition)) },
+        React.createElement("rect", { y: "128", width: "1024", height: fadeHeight, fill: "url(#paint0_linear_6538_9883)" }),
+        React.createElement("g", { opacity: "0.7" },
+            React.createElement("rect", { width: "1024", height: totalHeight, fill: "url(#paint1_linear_6538_9883)", style: { mixBlendMode: "soft-light" } })),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "paint0_linear_6538_9883", x1: "512", y1: "128", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
+                React.createElement("stop", { offset: "0.0806874", stopColor: "white", stopOpacity: "0.01" }),
+                React.createElement("stop", { offset: "0.155366", stopColor: "white", stopOpacity: "0.0217837" }),
+                React.createElement("stop", { offset: "0.22496", stopColor: "white", stopOpacity: "0.04832" }),
+                React.createElement("stop", { offset: "0.290394", stopColor: "white", stopOpacity: "0.0846696" }),
+                React.createElement("stop", { offset: "0.352593", stopColor: "white", stopOpacity: "0.13037" }),
+                React.createElement("stop", { offset: "0.41248", stopColor: "white", stopOpacity: "0.18496" }),
+                React.createElement("stop", { offset: "0.470981", stopColor: "white", stopOpacity: "0.247976" }),
+                React.createElement("stop", { offset: "0.529019", stopColor: "white", stopOpacity: "0.318957" }),
+                React.createElement("stop", { offset: "0.58752", stopColor: "white", stopOpacity: "0.39744" }),
+                React.createElement("stop", { offset: "0.647407", stopColor: "white", stopOpacity: "0.482963" }),
+                React.createElement("stop", { offset: "0.709606", stopColor: "white", stopOpacity: "0.575064" }),
+                React.createElement("stop", { offset: "0.77504", stopColor: "white", stopOpacity: "0.67328" }),
+                React.createElement("stop", { offset: "0.844634", stopColor: "white", stopOpacity: "0.77715" }),
+                React.createElement("stop", { offset: "0.919313", stopColor: "white", stopOpacity: "0.88621" }),
+                React.createElement("stop", { offset: "1", stopColor: "white" })),
+            React.createElement("linearGradient", { id: "paint1_linear_6538_9883", x1: "512", y1: "0", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
+                React.createElement("stop", { offset: "1", stopColor: "white" })))));
+};
+
+// Inherit the last provided value when no value is provided
+var getResponsiveConfig = function (property, breakpoint) {
+    if (!property || !breakpoint)
+        return;
+    var breakpoints = ["xs", "s", "m", "l", "xl", "xxl"];
+    return breakpoints.reduce(function (acc, bp, index) {
+        var _a;
+        return (__assign(__assign({}, acc), (_a = {}, _a[bp] = property[bp] || acc[breakpoints[index - 1]], _a)));
+    }, {})[breakpoint];
+};
+
+/**
+ * Use `GradientPageBackground` as a content wrapper blending multiple colours to add depth, mood or emphasise hero sections, footer sections, or mid-page section backgrounds.
+ */
+var GradientPageBackground = function (_a) {
+    var _b;
+    var gradient = _a.gradient, responsiveGradient = _a.responsiveGradient, children = _a.children, scrimFadeSize = _a.scrimFadeSize, scrimFadeHeights = _a.scrimFadeHeights, extendBackgrounds = _a.extendBackgrounds, loading = _a.loading, _c = _a.scrimFadePosition, scrimFadePosition = _c === void 0 ? "bottom" : _c, props = __rest(_a, ["gradient", "responsiveGradient", "children", "scrimFadeSize", "scrimFadeHeights", "extendBackgrounds", "loading", "scrimFadePosition"]);
+    var isMinWidthArcBreakpointS = useMediaQuery(ARC_MIN_S_BREAKPOINT);
+    var isMinWidthArcBreakpointM = useMediaQuery(ARC_MIN_M_BREAKPOINT);
+    var isMinWidthArcBreakpointL = useMediaQuery(ARC_MIN_L_BREAKPOINT);
+    var isMinWidthArcBreakpointXl = useMediaQuery(ARC_MIN_XL_BREAKPOINT);
+    var isMinWidthArcBreakpointXxl = useMediaQuery(ARC_MIN_XXL_BREAKPOINT);
+    var breakpoint = useMemo(function () {
+        var breakpoints = {
+            xs: true,
+            s: isMinWidthArcBreakpointS,
+            m: isMinWidthArcBreakpointM,
+            l: isMinWidthArcBreakpointL,
+            xl: isMinWidthArcBreakpointXl,
+            xxl: isMinWidthArcBreakpointXxl,
+        };
+        return Object.keys(breakpoints).findLast(function (key) { return breakpoints[key]; });
+    }, [
+        isMinWidthArcBreakpointS,
+        isMinWidthArcBreakpointM,
+        isMinWidthArcBreakpointL,
+        isMinWidthArcBreakpointXl,
+        isMinWidthArcBreakpointXxl,
+    ]);
+    var customGradient = useMemo(function () { return getResponsiveConfig(responsiveGradient, breakpoint); }, [responsiveGradient, breakpoint]);
+    var scrimFadeHeight = useMemo(function () { return getResponsiveConfig(scrimFadeHeights, breakpoint); }, [breakpoint, scrimFadeHeights]);
+    var extendBackground = useMemo(function () { return getResponsiveConfig(extendBackgrounds, breakpoint); }, [breakpoint, extendBackgrounds]);
+    var gradientPathway = {
+        light: "light-white",
+        dark: "dark-black",
+    };
+    var extentedBackgroundScrimStyles = {
+        top: {
+            paddingTop: "".concat(extendBackground, "px"),
+            marginTop: "-".concat(extendBackground, "px"),
+        },
+        bottom: {
+            paddingBottom: "".concat(extendBackground, "px"),
+            marginBottom: "-".concat(extendBackground, "px"),
+        },
+    };
+    return (React__default.createElement(ClientSideVisible, null,
+        React__default.createElement("div", __assign({ className: classNames("arc-GradientPageBackground", (_b = {},
+                _b["arc-GradientPageBackground--".concat(scrimFadePosition)] = scrimFadePosition,
+                _b)), style: __assign({}, (extendBackground
+                ? extentedBackgroundScrimStyles[scrimFadePosition]
+                : {})) }, filterAttrs(props)),
+            React__default.createElement("div", { className: "arc-GradientPageBackground-svgWrapper" },
+                React__default.createElement("img", { src: (customGradient === null || customGradient === void 0 ? void 0 : customGradient.svg) || (gradient === null || gradient === void 0 ? void 0 : gradient.svg), alt: "", className: "arc-GradientPageBackground-svgbg", loading: loading })),
+            React__default.createElement("div", { className: "arc-GradientPageBackground-content" },
+                React__default.createElement(Surface, { isTransparent: true, background: customGradient
+                        ? gradientPathway[customGradient === null || customGradient === void 0 ? void 0 : customGradient.type]
+                        : gradientPathway[(gradient === null || gradient === void 0 ? void 0 : gradient.type) || "light"] }, children)),
+            scrimFadeSize && (React__default.createElement(ScrimFade, { scrimFadeHeight: scrimFadeHeight, scrimFadeSize: scrimFadeSize, scrimFadePosition: scrimFadePosition, preserveAspectRatio: "none" })))));
+};
+
+export { GradientPageBackground };

package/lib/GradientPageBackground/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0 .arc .arc-GradientPageBackground{overflow:clip;pointer-events:none;position:relative;width:100%}.arc-v12-0-0 .arc .arc-GradientPageBackground--top .arc-GradientPageBackground-svgWrapper{bottom:0;z-index:-2}.arc-v12-0-0 .arc .arc-GradientPageBackground--bottom .arc-GradientPageBackground-svgWrapper{z-index:-1}.arc-v12-0-0 .arc .arc-GradientPageBackground-content{pointer-events:auto;position:relative;z-index:1}.arc-v12-0-0 .arc .arc-GradientPageBackground-scrimFade{bottom:0;content:"";display:block;left:0;max-height:100%;pointer-events:none;position:absolute;right:0;width:100%;z-index:-1}.arc-v12-0-0 .arc .arc-GradientPageBackground-scrimFade--top{top:0;transform:rotate(180deg)}.arc-v12-0-0 .arc .arc-GradientPageBackground-scrimFade--bottom{bottom:-1px}.arc-v12-0-0 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgWrapper{bottom:0;height:100%;left:50%;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-50%);width:100%}.arc-v12-0-0 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgbg{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:blur(50px);height:calc(100% + 256px);margin:-128px;transform:translate3d(0,0,0);width:calc(100% + 256px)}@media (min-width:1280px){.arc-v12-0-0 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgWrapper{left:0;transform:translateX(0);width:100%}}

package/lib/Grid/Grid.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var GridRow = require('../_shared/cjs/GridRow-l_SePUqV.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+
+
+
+exports.Grid = GridRow.Grid;
+exports.GridCol = GridRow.GridCol;
+exports.GridRow = GridRow.GridRow;

package/lib/Grid/Grid.mjs

@@ -0,0 +1,7 @@
+export { G as Grid, a as GridCol, b as GridRow } from '../_shared/esm/GridRow-vjacXnq0.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';