@bloom-housing/ui-components 7.2.1 → 7.2.2

package/dist/src/prototypes/ButtonGroup.stories.js

@@ -1,32 +1,24 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroupStack = exports.ButtonGroup = void 0;
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var react_1 = __importDefault(require("react"));
-var Button_1 = require("../actions/Button");
-require("./ButtonGroup.scss");
-exports.default = {
+import { AppearanceSizeType, AppearanceStyleType } from "../global/AppearanceTypes";
+import React from "react";
+import { Button } from "../actions/Button";
+import "./ButtonGroup.scss";
+export default {
     title: "Prototypes/ButtonGroup",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
 var handleClick = function (e) {
     alert("You clicked me! Event: ".concat(e.type));
 };
-var ButtonGroup = function () { return (react_1.default.createElement("div", { className: "button-group grid grid-cols-2 gap-2" },
-    react_1.default.createElement("div", { className: "button-group__item" },
-        react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, onClick: handleClick }, "Save")),
-    react_1.default.createElement("div", { className: "button-group__item" },
-        react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, className: "is-secondary", onClick: handleClick }, "Preview")))); };
-exports.ButtonGroup = ButtonGroup;
-var ButtonGroupStack = function () { return (react_1.default.createElement("div", { className: "button-group grid grid-cols-2 gap-2" },
-    react_1.default.createElement("div", { className: "button-group__item" },
-        react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, onClick: handleClick }, "Save")),
-    react_1.default.createElement("div", { className: "button-group__item" },
-        react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, className: "is-secondary", onClick: handleClick }, "Preview")),
-    react_1.default.createElement("div", { className: "button-group__item col-span-2" },
-        react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, styleType: AppearanceTypes_1.AppearanceStyleType.primary, onClick: handleClick }, "Submit")))); };
-exports.ButtonGroupStack = ButtonGroupStack;
+export var ButtonGroup = function () { return (React.createElement("div", { className: "button-group grid grid-cols-2 gap-2" },
+    React.createElement("div", { className: "button-group__item" },
+        React.createElement(Button, { size: AppearanceSizeType.small, onClick: handleClick }, "Save")),
+    React.createElement("div", { className: "button-group__item" },
+        React.createElement(Button, { size: AppearanceSizeType.small, className: "is-secondary", onClick: handleClick }, "Preview")))); };
+export var ButtonGroupStack = function () { return (React.createElement("div", { className: "button-group grid grid-cols-2 gap-2" },
+    React.createElement("div", { className: "button-group__item" },
+        React.createElement(Button, { size: AppearanceSizeType.small, onClick: handleClick }, "Save")),
+    React.createElement("div", { className: "button-group__item" },
+        React.createElement(Button, { size: AppearanceSizeType.small, className: "is-secondary", onClick: handleClick }, "Preview")),
+    React.createElement("div", { className: "button-group__item col-span-2" },
+        React.createElement(Button, { size: AppearanceSizeType.small, styleType: AppearanceStyleType.primary, onClick: handleClick }, "Submit")))); };
 //# sourceMappingURL=ButtonGroup.stories.js.map

package/dist/src/prototypes/ButtonGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/prototypes/ButtonGroup.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAmF;AACnF,gDAAyB;AACzB,4CAA0C;AAE1C,8BAA2B;AAE3B,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,CAAmB;IACtC,KAAK,CAAC,iCAA0B,CAAC,CAAC,IAAI,CAAE,CAAC,CAAA;AAC3C,CAAC,CAAA;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,uCAAK,SAAS,EAAC,qCAAqC;IAClD,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,eAAM,IAAC,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,WAEnD,CACL;IACN,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,eAAM,IAAC,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAAE,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,cAE5E,CACL,CACF,CACP,EAbgC,CAahC,CAAA;AAbY,QAAA,WAAW,eAavB;AAEM,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,uCAAK,SAAS,EAAC,qCAAqC;IAClD,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,eAAM,IAAC,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,WAEnD,CACL;IACN,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,eAAM,IAAC,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAAE,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,cAE5E,CACL;IACN,uCAAK,SAAS,EAAC,+BAA+B;QAC5C,8BAAC,eAAM,IACL,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAC9B,SAAS,EAAE,qCAAmB,CAAC,OAAO,EACtC,OAAO,EAAE,WAAW,aAGb,CACL,CACF,CACP,EAtBqC,CAsBrC,CAAA;AAtBY,QAAA,gBAAgB,oBAsB5B"}
+{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/prototypes/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,OAAO,oBAAoB,CAAA;AAE3B,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,CAAmB;IACtC,KAAK,CAAC,iCAA0B,CAAC,CAAC,IAAI,CAAE,CAAC,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,6BAAK,SAAS,EAAC,qCAAqC;IAClD,6BAAK,SAAS,EAAC,oBAAoB;QACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,WAEnD,CACL;IACN,6BAAK,SAAS,EAAC,oBAAoB;QACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,cAE5E,CACL,CACF,CACP,EAbgC,CAahC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,6BAAK,SAAS,EAAC,qCAAqC;IAClD,6BAAK,SAAS,EAAC,oBAAoB;QACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,WAEnD,CACL;IACN,6BAAK,SAAS,EAAC,oBAAoB;QACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,cAE5E,CACL;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,MAAM,IACL,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAC9B,SAAS,EAAE,mBAAmB,CAAC,OAAO,EACtC,OAAO,EAAE,WAAW,aAGb,CACL,CACF,CACP,EAtBqC,CAsBrC,CAAA"}

package/dist/src/prototypes/ButtonPager.stories.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonPager = void 0;
-var react_1 = __importDefault(require("react"));
-require("./ButtonPager.scss");
-exports.default = {
+import React from "react";
+import "./ButtonPager.scss";
+export default {
     title: "Prototypes/ButtonPager",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var ButtonPager = function () { return (react_1.default.createElement("div", { className: "button-pager" },
-    react_1.default.createElement("div", { className: "button-pager__row primary" },
-        react_1.default.createElement("button", { className: "button is-filled" }, "Next")),
-    react_1.default.createElement("div", { className: "button-pager__row" },
-        react_1.default.createElement("button", { className: "button is-unstyled" }, "Save and Finish Later")))); };
-exports.ButtonPager = ButtonPager;
+export var ButtonPager = function () { return (React.createElement("div", { className: "button-pager" },
+    React.createElement("div", { className: "button-pager__row primary" },
+        React.createElement("button", { className: "button is-filled" }, "Next")),
+    React.createElement("div", { className: "button-pager__row" },
+        React.createElement("button", { className: "button is-unstyled" }, "Save and Finish Later")))); };
 //# sourceMappingURL=ButtonPager.stories.js.map

package/dist/src/prototypes/ButtonPager.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonPager.stories.js","sourceRoot":"","sources":["../../../src/prototypes/ButtonPager.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,8BAA2B;AAE3B,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,uCAAK,SAAS,EAAC,cAAc;IAC3B,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CAAQ,SAAS,EAAC,kBAAkB,WAAc,CAC9C;IACN,uCAAK,SAAS,EAAC,mBAAmB;QAChC,0CAAQ,SAAS,EAAC,oBAAoB,4BAA+B,CACjE,CACF,CACP,EATgC,CAShC,CAAA;AATY,QAAA,WAAW,eASvB"}
+{"version":3,"file":"ButtonPager.stories.js","sourceRoot":"","sources":["../../../src/prototypes/ButtonPager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,oBAAoB,CAAA;AAE3B,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,6BAAK,SAAS,EAAC,cAAc;IAC3B,6BAAK,SAAS,EAAC,2BAA2B;QACxC,gCAAQ,SAAS,EAAC,kBAAkB,WAAc,CAC9C;IACN,6BAAK,SAAS,EAAC,mBAAmB;QAChC,gCAAQ,SAAS,EAAC,oBAAoB,4BAA+B,CACjE,CACF,CACP,EATgC,CAShC,CAAA"}

package/dist/src/prototypes/FieldSection.js

@@ -1,31 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldSection = exports.default = void 0;
-var React = __importStar(require("react"));
-require("./FieldSection.scss");
+import * as React from "react";
+import "./FieldSection.scss";
 var FieldSection = function (props) {
     var fieldGridClasses = ["field-section__grid"];
     if (props.tinted)
@@ -39,6 +13,5 @@ var FieldSection = function (props) {
             React.createElement("h2", { className: "field-section__title" }, props.title))),
         React.createElement("div", { className: fieldGridClasses.join(" ") }, props.children)));
 };
-exports.default = FieldSection;
-exports.FieldSection = FieldSection;
+export { FieldSection as default, FieldSection };
 //# sourceMappingURL=FieldSection.js.map

package/dist/src/prototypes/FieldSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSection.js","sourceRoot":"","sources":["../../../src/prototypes/FieldSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4B;AAU5B,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC5C,IAAM,gBAAgB,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAChD,IAAI,KAAK,CAAC,MAAM;QAAE,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IACpD,IAAI,KAAK,CAAC,SAAS;QAAE,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,SAAS;QAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE3D,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC3B,KAAK,CAAC,KAAK,IAAI,CACd,gCAAQ,SAAS,EAAC,uBAAuB;YACvC,4BAAI,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,KAAK,CAAM,CAChD,CACV;QAED,6BAAK,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}
+{"version":3,"file":"FieldSection.js","sourceRoot":"","sources":["../../../src/prototypes/FieldSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAU5B,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC5C,IAAM,gBAAgB,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAChD,IAAI,KAAK,CAAC,MAAM;QAAE,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IACpD,IAAI,KAAK,CAAC,SAAS;QAAE,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,SAAS;QAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE3D,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC3B,KAAK,CAAC,KAAK,IAAI,CACd,gCAAQ,SAAS,EAAC,uBAAuB;YACvC,4BAAI,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,KAAK,CAAM,CAChD,CACV;QAED,6BAAK,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/src/prototypes/FieldSection.stories.js

@@ -1,48 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldSectionBlank = exports.FieldGroupAddress = exports.FourColumns = void 0;
-var react_1 = __importDefault(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var FieldSection_1 = require("./FieldSection");
-var GridItem_1 = require("./GridItem");
-var Field_1 = require("../forms/Field");
-exports.default = {
+import React from "react";
+import { useForm } from "react-hook-form";
+import { FieldSection } from "./FieldSection";
+import { GridItem } from "./GridItem";
+import { Field } from "../forms/Field";
+export default {
     title: "Prototypes/FieldSection",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var FourColumns = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(FieldSection_1.FieldSection, { title: "Section Title", className: "md:grid md:grid-cols-4 md:gap-8" },
-        react_1.default.createElement(Field_1.Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Beta", placeholder: "Enter text", name: "label2", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Gamma", placeholder: "Enter text", name: "label3", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Delta", placeholder: "Enter text", name: "label4", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Epsilon", placeholder: "Enter text", name: "label5", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Zeta", placeholder: "Enter text", name: "label6", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Eta", placeholder: "Enter text", name: "label7", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Theta", placeholder: "Enter text", name: "label8", register: register })));
+export var FourColumns = function () {
+    var register = useForm().register;
+    return (React.createElement(FieldSection, { title: "Section Title", className: "md:grid md:grid-cols-4 md:gap-8" },
+        React.createElement(Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register }),
+        React.createElement(Field, { label: "Beta", placeholder: "Enter text", name: "label2", register: register }),
+        React.createElement(Field, { label: "Gamma", placeholder: "Enter text", name: "label3", register: register }),
+        React.createElement(Field, { label: "Delta", placeholder: "Enter text", name: "label4", register: register }),
+        React.createElement(Field, { label: "Epsilon", placeholder: "Enter text", name: "label5", register: register }),
+        React.createElement(Field, { label: "Zeta", placeholder: "Enter text", name: "label6", register: register }),
+        React.createElement(Field, { label: "Eta", placeholder: "Enter text", name: "label7", register: register }),
+        React.createElement(Field, { label: "Theta", placeholder: "Enter text", name: "label8", register: register })));
 };
-exports.FourColumns = FourColumns;
-var FieldGroupAddress = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(FieldSection_1.FieldSection, { title: "Section Title", className: "md:grid md:grid-cols-4 md:gap-8" },
-        react_1.default.createElement("div", { className: "field-group md:col-span-3" },
-            react_1.default.createElement("h3", { className: "field-group__title" }, "My Group"),
-            react_1.default.createElement("div", { className: "field-subgrid md:grid md:grid-cols-6 md:gap-8" },
-                react_1.default.createElement(GridItem_1.GridItem, { className: "md:col-span-4" },
-                    react_1.default.createElement(Field_1.Field, { label: "Street Address", placeholder: "Enter text", name: "label1", register: register })),
-                react_1.default.createElement(GridItem_1.GridItem, { className: "md:col-span-2" },
-                    react_1.default.createElement(Field_1.Field, { label: "Address 2", placeholder: "Enter text", name: "label2", register: register })),
-                react_1.default.createElement(GridItem_1.GridItem, { className: "md:col-span-2" },
-                    react_1.default.createElement(Field_1.Field, { label: "City", placeholder: "Enter text", name: "label3", register: register })),
-                react_1.default.createElement(Field_1.Field, { label: "State", placeholder: "Enter text", name: "label4", register: register }),
-                react_1.default.createElement(Field_1.Field, { label: "Zip", placeholder: "Enter text", name: "label5", register: register })))));
+export var FieldGroupAddress = function () {
+    var register = useForm().register;
+    return (React.createElement(FieldSection, { title: "Section Title", className: "md:grid md:grid-cols-4 md:gap-8" },
+        React.createElement("div", { className: "field-group md:col-span-3" },
+            React.createElement("h3", { className: "field-group__title" }, "My Group"),
+            React.createElement("div", { className: "field-subgrid md:grid md:grid-cols-6 md:gap-8" },
+                React.createElement(GridItem, { className: "md:col-span-4" },
+                    React.createElement(Field, { label: "Street Address", placeholder: "Enter text", name: "label1", register: register })),
+                React.createElement(GridItem, { className: "md:col-span-2" },
+                    React.createElement(Field, { label: "Address 2", placeholder: "Enter text", name: "label2", register: register })),
+                React.createElement(GridItem, { className: "md:col-span-2" },
+                    React.createElement(Field, { label: "City", placeholder: "Enter text", name: "label3", register: register })),
+                React.createElement(Field, { label: "State", placeholder: "Enter text", name: "label4", register: register }),
+                React.createElement(Field, { label: "Zip", placeholder: "Enter text", name: "label5", register: register })))));
 };
-exports.FieldGroupAddress = FieldGroupAddress;
-var FieldSectionBlank = function () { return (react_1.default.createElement(FieldSection_1.FieldSection, { title: "Section Title", tinted: true, insetGrid: true },
-    react_1.default.createElement("button", { className: "button is-small" }, "Add Household Member"))); };
-exports.FieldSectionBlank = FieldSectionBlank;
+export var FieldSectionBlank = function () { return (React.createElement(FieldSection, { title: "Section Title", tinted: true, insetGrid: true },
+    React.createElement("button", { className: "button is-small" }, "Add Household Member"))); };
 //# sourceMappingURL=FieldSection.stories.js.map

package/dist/src/prototypes/FieldSection.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSection.stories.js","sourceRoot":"","sources":["../../../src/prototypes/FieldSection.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldSection.stories.js","sourceRoot":"","sources":["../../../src/prototypes/FieldSection.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/prototypes/GridItem.js

@@ -1,36 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridItem = exports.default = void 0;
-var React = __importStar(require("react"));
+import * as React from "react";
 var GridItem = function (props) {
     var gridItemClasses = ["grid-item"];
     if (props.className)
         gridItemClasses.push(props.className);
     return React.createElement("div", { className: gridItemClasses.join(" ") }, props.children);
 };
-exports.default = GridItem;
-exports.GridItem = GridItem;
+export { GridItem as default, GridItem };
 //# sourceMappingURL=GridItem.js.map

package/dist/src/prototypes/GridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.js","sourceRoot":"","sources":["../../../src/prototypes/GridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAO9B,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,KAAK,CAAC,SAAS;QAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE1D,OAAO,6BAAK,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AAC1E,CAAC,CAAA;AAEoB,2BAAO;AAAE,4BAAQ"}
+{"version":3,"file":"GridItem.js","sourceRoot":"","sources":["../../../src/prototypes/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,KAAK,CAAC,SAAS;QAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE1D,OAAO,6BAAK,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AAC1E,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/src/prototypes/GridItem.stories.js

@@ -1,27 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwoColumns = exports.Default = void 0;
-var react_1 = __importDefault(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var GridItem_1 = require("./GridItem");
-var Field_1 = require("../forms/Field");
-exports.default = {
+import React from "react";
+import { useForm } from "react-hook-form";
+import { GridItem } from "./GridItem";
+import { Field } from "../forms/Field";
+export default {
     title: "Prototypes/GridItem",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var Default = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(GridItem_1.GridItem, null,
-        react_1.default.createElement(Field_1.Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register })));
+export var Default = function () {
+    var register = useForm().register;
+    return (React.createElement(GridItem, null,
+        React.createElement(Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register })));
 };
-exports.Default = Default;
-var TwoColumns = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(GridItem_1.GridItem, { className: "md:col-span-2" },
-        react_1.default.createElement(Field_1.Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register })));
+export var TwoColumns = function () {
+    var register = useForm().register;
+    return (React.createElement(GridItem, { className: "md:col-span-2" },
+        React.createElement(Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register })));
 };
-exports.TwoColumns = TwoColumns;
 //# sourceMappingURL=GridItem.stories.js.map

package/dist/src/prototypes/GridItem.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.stories.js","sourceRoot":"","sources":["../../../src/prototypes/GridItem.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mDAAyC;AACzC,uCAAqC;AACrC,wCAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,OAAO,GAAG;IACb,IAAA,QAAQ,GAAK,IAAA,yBAAO,GAAE,SAAd,CAAc;IAC9B,OAAO,CACL,8BAAC,mBAAQ;QACP,8BAAC,aAAK,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACzE,CACZ,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,OAAO,WAOnB;AAEM,IAAM,UAAU,GAAG;IAChB,IAAA,QAAQ,GAAK,IAAA,yBAAO,GAAE,SAAd,CAAc;IAC9B,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAC,eAAe;QACjC,8BAAC,aAAK,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACzE,CACZ,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,UAAU,cAOtB"}
+{"version":3,"file":"GridItem.stories.js","sourceRoot":"","sources":["../../../src/prototypes/GridItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG;IACb,IAAA,QAAQ,GAAK,OAAO,EAAE,SAAd,CAAc;IAC9B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACzE,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG;IAChB,IAAA,QAAQ,GAAK,OAAO,EAAE,SAAd,CAAc;IAC9B,OAAO,CACL,oBAAC,QAAQ,IAAC,SAAS,EAAC,eAAe;QACjC,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACzE,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/src/prototypes/SummaryCard.stories.js

@@ -1,30 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryCardHeading = exports.SummaryCard = void 0;
-var react_1 = __importDefault(require("react"));
-var StandardTable_stories_1 = require("../tables/StandardTable.stories");
-var MinimalTable_1 = require("../tables/MinimalTable");
-require("./SummaryCard.scss");
-exports.default = {
+import React from "react";
+import { mockData, mockHeaders } from "../tables/StandardTable.stories";
+import { MinimalTable } from "../tables/MinimalTable";
+import "./SummaryCard.scss";
+export default {
     title: "Prototypes/SummaryCard",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var SummaryCard = function () { return (react_1.default.createElement("div", { className: "summary-card" },
-    react_1.default.createElement("header", { className: "summary-card__header" },
-        react_1.default.createElement("h2", { className: "summary-card__title" },
-            react_1.default.createElement("a", { href: "#" }, "My Property"))),
-    react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData }))); };
-exports.SummaryCard = SummaryCard;
-var SummaryCardHeading = function () { return (react_1.default.createElement("div", { className: "summary-card" },
-    react_1.default.createElement("header", { className: "summary-card__header bg-gray-100 border-b mb-2" },
-        react_1.default.createElement("h2", { className: "summary-card__title" },
-            react_1.default.createElement("a", { href: "#" }, "My Property")),
-        react_1.default.createElement("p", { className: "text-sm mt-3" },
-            react_1.default.createElement("span", null, "1 Polk St, San Francisco, CA 94102"),
-            react_1.default.createElement("span", { className: "ml-4 pl-4 border-l border-gray-600" }, "Waitlist: 353"))),
-    react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData }))); };
-exports.SummaryCardHeading = SummaryCardHeading;
+export var SummaryCard = function () { return (React.createElement("div", { className: "summary-card" },
+    React.createElement("header", { className: "summary-card__header" },
+        React.createElement("h2", { className: "summary-card__title" },
+            React.createElement("a", { href: "#" }, "My Property"))),
+    React.createElement(MinimalTable, { headers: mockHeaders, data: mockData }))); };
+export var SummaryCardHeading = function () { return (React.createElement("div", { className: "summary-card" },
+    React.createElement("header", { className: "summary-card__header bg-gray-100 border-b mb-2" },
+        React.createElement("h2", { className: "summary-card__title" },
+            React.createElement("a", { href: "#" }, "My Property")),
+        React.createElement("p", { className: "text-sm mt-3" },
+            React.createElement("span", null, "1 Polk St, San Francisco, CA 94102"),
+            React.createElement("span", { className: "ml-4 pl-4 border-l border-gray-600" }, "Waitlist: 353"))),
+    React.createElement(MinimalTable, { headers: mockHeaders, data: mockData }))); };
 //# sourceMappingURL=SummaryCard.stories.js.map

package/dist/src/prototypes/SummaryCard.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryCard.stories.js","sourceRoot":"","sources":["../../../src/prototypes/SummaryCard.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,yEAAuE;AACvE,uDAAqD;AAErD,8BAA2B;AAE3B,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,uCAAK,SAAS,EAAC,cAAc;IAC3B,0CAAQ,SAAS,EAAC,sBAAsB;QACtC,sCAAI,SAAS,EAAC,qBAAqB;YACjC,qCAAG,IAAI,EAAC,GAAG,kBAAgB,CACxB,CACE;IACT,8BAAC,2BAAY,IAAC,OAAO,EAAE,mCAAW,EAAE,IAAI,EAAE,gCAAQ,GAAI,CAClD,CACP,EATgC,CAShC,CAAA;AATY,QAAA,WAAW,eASvB;AAEM,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACtC,uCAAK,SAAS,EAAC,cAAc;IAC3B,0CAAQ,SAAS,EAAC,gDAAgD;QAChE,sCAAI,SAAS,EAAC,qBAAqB;YACjC,qCAAG,IAAI,EAAC,GAAG,kBAAgB,CACxB;QACL,qCAAG,SAAS,EAAC,cAAc;YACzB,iFAA+C;YAC/C,wCAAM,SAAS,EAAC,oCAAoC,oBAAqB,CACvE,CACG;IACT,8BAAC,2BAAY,IAAC,OAAO,EAAE,mCAAW,EAAE,IAAI,EAAE,gCAAQ,GAAI,CAClD,CACP,EAbuC,CAavC,CAAA;AAbY,QAAA,kBAAkB,sBAa9B"}
+{"version":3,"file":"SummaryCard.stories.js","sourceRoot":"","sources":["../../../src/prototypes/SummaryCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,oBAAoB,CAAA;AAE3B,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,6BAAK,SAAS,EAAC,cAAc;IAC3B,gCAAQ,SAAS,EAAC,sBAAsB;QACtC,4BAAI,SAAS,EAAC,qBAAqB;YACjC,2BAAG,IAAI,EAAC,GAAG,kBAAgB,CACxB,CACE;IACT,oBAAC,YAAY,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAI,CAClD,CACP,EATgC,CAShC,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACtC,6BAAK,SAAS,EAAC,cAAc;IAC3B,gCAAQ,SAAS,EAAC,gDAAgD;QAChE,4BAAI,SAAS,EAAC,qBAAqB;YACjC,2BAAG,IAAI,EAAC,GAAG,kBAAgB,CACxB;QACL,2BAAG,SAAS,EAAC,cAAc;YACzB,uEAA+C;YAC/C,8BAAM,SAAS,EAAC,oCAAoC,oBAAqB,CACvE,CACG;IACT,oBAAC,YAAY,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAI,CAClD,CACP,EAbuC,CAavC,CAAA"}

package/dist/src/prototypes/Swatch.js

@@ -1,30 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Swatch = void 0;
-var React = __importStar(require("react"));
-var Swatch = function (props) { return (React.createElement("span", { style: { backgroundColor: "var(".concat(props.colorVar, ")") }, title: props.colorVar, className: "w-6 border border-gray-500 inline-block" }, "\u00A0")); };
-exports.Swatch = Swatch;
+import * as React from "react";
+export var Swatch = function (props) { return (React.createElement("span", { style: { backgroundColor: "var(".concat(props.colorVar, ")") }, title: props.colorVar, className: "w-6 border border-gray-500 inline-block" }, "\u00A0")); };
 //# sourceMappingURL=Swatch.js.map

package/dist/src/prototypes/Swatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Swatch.js","sourceRoot":"","sources":["../../../src/prototypes/Swatch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAEvB,IAAM,MAAM,GAAG,UAAC,KAA2B,IAAK,OAAA,CACrD,8BACE,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,KAAK,CAAC,QAAQ,MAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,SAAS,EAAC,yCAAyC,aAG9C,CACR,EARsD,CAQtD,CAAA;AARY,QAAA,MAAM,UAQlB"}
+{"version":3,"file":"Swatch.js","sourceRoot":"","sources":["../../../src/prototypes/Swatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,KAA2B,IAAK,OAAA,CACrD,8BACE,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,KAAK,CAAC,QAAQ,MAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,SAAS,EAAC,yCAAyC,aAG9C,CACR,EARsD,CAQtD,CAAA"}

package/dist/src/sections/ContentSection.js

@@ -1,37 +1,10 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentSection = exports.default = void 0;
-var React = __importStar(require("react"));
-require("./ContentSection.scss");
+import * as React from "react";
+import "./ContentSection.scss";
 var ContentSection = function (props) { return (React.createElement("section", { className: "content-section" },
     props.title && (React.createElement("header", { className: "content-section__header" },
         React.createElement("hgroup", null,
             React.createElement("h3", { className: "content-section__title" }, props.title),
             React.createElement("span", { className: "content-section__subtitle" }, props.subtitle)))),
     props.children)); };
-exports.default = ContentSection;
-exports.ContentSection = ContentSection;
+export { ContentSection as default, ContentSection };
 //# sourceMappingURL=ContentSection.js.map

package/dist/src/sections/ContentSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../src/sections/ContentSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,iCAA8B;AAQ9B,IAAM,cAAc,GAAG,UAAC,KAA0B,IAAK,OAAA,CACrD,iCAAS,SAAS,EAAC,iBAAiB;IACjC,KAAK,CAAC,KAAK,IAAI,CACd,gCAAQ,SAAS,EAAC,yBAAyB;QACzC;YACE,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;YACzD,8BAAM,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC5D,CACF,CACV;IAEA,KAAK,CAAC,QAAQ,CACP,CACX,EAbsD,CAatD,CAAA;AAE0B,iCAAO;AAAE,wCAAc"}
+{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../src/sections/ContentSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAQ9B,IAAM,cAAc,GAAG,UAAC,KAA0B,IAAK,OAAA,CACrD,iCAAS,SAAS,EAAC,iBAAiB;IACjC,KAAK,CAAC,KAAK,IAAI,CACd,gCAAQ,SAAS,EAAC,yBAAyB;QACzC;YACE,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;YACzD,8BAAM,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC5D,CACF,CACV;IAEA,KAAK,CAAC,QAAQ,CACP,CACX,EAbsD,CAatD,CAAA;AAED,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/src/sections/FooterSection.js

@@ -1,33 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterSection = exports.default = void 0;
-var React = __importStar(require("react"));
-require("./FooterSection.scss");
+import * as React from "react";
+import "./FooterSection.scss";
 var FooterSection = function (props) { return (React.createElement("div", { className: "footer-row ".concat(props.className || "") },
     React.createElement("div", { className: "footer-row__section ".concat(props.small ? "py-2" : "pb-8") }, props.children))); };
-exports.default = FooterSection;
-exports.FooterSection = FooterSection;
+export { FooterSection as default, FooterSection };
 //# sourceMappingURL=FooterSection.js.map

package/dist/src/sections/FooterSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSection.js","sourceRoot":"","sources":["../../../src/sections/FooterSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAA6B;AAQ7B,IAAM,aAAa,GAAG,UAAC,KAAyB,IAAK,OAAA,CACnD,6BAAK,SAAS,EAAE,qBAAc,KAAK,CAAC,SAAS,IAAI,EAAE,CAAE;IACnD,6BAAK,SAAS,EAAE,8BAAuB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC1F,CACP,EAJoD,CAIpD,CAAA;AAEyB,gCAAO;AAAE,sCAAa"}
+{"version":3,"file":"FooterSection.js","sourceRoot":"","sources":["../../../src/sections/FooterSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,sBAAsB,CAAA;AAQ7B,IAAM,aAAa,GAAG,UAAC,KAAyB,IAAK,OAAA,CACnD,6BAAK,SAAS,EAAE,qBAAc,KAAK,CAAC,SAAS,IAAI,EAAE,CAAE;IACnD,6BAAK,SAAS,EAAE,8BAAuB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC1F,CACP,EAJoD,CAIpD,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}