@bloom-housing/ui-components 7.1.0 → 7.2.0

package/dist/src/forms/TimeField.js

@@ -0,0 +1,103 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeField = exports.default = exports.formatDateToTimeField = void 0;
+var react_1 = __importStar(require("react"));
+var dayjs_1 = __importDefault(require("dayjs"));
+var translator_1 = require("../helpers/translator");
+var ErrorMessage_1 = require("../notifications/ErrorMessage");
+var Field_1 = require("./Field");
+var Select_1 = require("../forms/Select");
+var formatDateToTimeField = function (date) {
+    var dateObj = (0, dayjs_1.default)(date);
+    return {
+        hours: dateObj.format("hh"),
+        minutes: dateObj.format("mm"),
+        seconds: dateObj.format("ss"),
+        period: new Date(date).getHours() >= 12 ? "pm" : "am",
+    };
+};
+exports.formatDateToTimeField = formatDateToTimeField;
+var TimeField = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _l = _a.required, required = _l === void 0 ? false : _l, error = _a.error, register = _a.register, watch = _a.watch, name = _a.name, id = _a.id, label = _a.label, labelClass = _a.labelClass, readerOnly = _a.readerOnly, seconds = _a.seconds, defaultValues = _a.defaultValues, disabled = _a.disabled, dataTestId = _a.dataTestId, strings = _a.strings;
+    var fieldName = function (baseName) {
+        return [name, baseName].filter(function (item) { return item; }).join(".");
+    };
+    // it prevents partial fill, all fields should be filled or nothing
+    var _m = (0, react_1.useState)(false), innerRequiredRule = _m[0], setInnerRequiredRule = _m[1];
+    var hoursField = watch(fieldName("hours"));
+    var minutesField = watch(fieldName("minutes"));
+    var secondsField = watch(fieldName("seconds"));
+    (0, react_1.useEffect)(function () {
+        var someFieldsFilled = hoursField || minutesField || secondsField;
+        setInnerRequiredRule(someFieldsFilled);
+    }, [hoursField, minutesField, secondsField]);
+    var labelClasses = ["field-label", labelClass];
+    if (readerOnly)
+        labelClasses.push("sr-only");
+    return (react_1.default.createElement("fieldset", { id: id },
+        react_1.default.createElement("legend", { className: labelClasses.join(" ") }, label),
+        react_1.default.createElement("div", { className: "field-group--date" },
+            react_1.default.createElement(Field_1.Field, { name: fieldName("hours"), label: (_b = strings === null || strings === void 0 ? void 0 : strings.hour) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.hour"), defaultValue: (_c = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.hours) !== null && _c !== void 0 ? _c : "", readerOnly: true, placeholder: "HH", error: error, validation: {
+                    required: required || innerRequiredRule,
+                    validate: {
+                        hourRange: function (value) {
+                            if (!required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            return parseInt(value) > 0 && parseInt(value) <= 12;
+                        },
+                    },
+                }, inputProps: { maxLength: 2 }, register: register, describedBy: "".concat(id, "-error"), disabled: disabled, dataTestId: dataTestId ? "".concat(dataTestId, "-hours") : undefined }),
+            react_1.default.createElement(Field_1.Field, { name: fieldName("minutes"), label: (_d = strings === null || strings === void 0 ? void 0 : strings.minutes) !== null && _d !== void 0 ? _d : (0, translator_1.t)("t.minutes"), defaultValue: (_e = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.minutes) !== null && _e !== void 0 ? _e : "", readerOnly: true, placeholder: (_f = strings === null || strings === void 0 ? void 0 : strings.minutesPlaceholder) !== null && _f !== void 0 ? _f : (0, translator_1.t)("account.settings.placeholders.month"), error: error, validation: {
+                    required: required || innerRequiredRule,
+                    validate: {
+                        minutesRange: function (value) {
+                            if (!required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            return parseInt(value) >= 0 && parseInt(value) <= 59;
+                        },
+                    },
+                }, inputProps: { maxLength: 2 }, register: register, describedBy: "".concat(id, "-error"), disabled: disabled, dataTestId: dataTestId ? "".concat(dataTestId, "-minutes") : undefined }),
+            seconds && (react_1.default.createElement(Field_1.Field, { label: (_g = strings === null || strings === void 0 ? void 0 : strings.seconds) !== null && _g !== void 0 ? _g : (0, translator_1.t)("t.seconds"), defaultValue: (_h = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.seconds) !== null && _h !== void 0 ? _h : "", name: fieldName("seconds"), readerOnly: true, placeholder: "SS", error: error, validation: {
+                    required: required || innerRequiredRule,
+                    validate: {
+                        secondsRange: function (value) {
+                            if (!required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            return parseInt(value) >= 0 && parseInt(value) <= 59;
+                        },
+                    },
+                }, inputProps: { maxLength: 2 }, register: register, describedBy: "".concat(id, "-error"), disabled: disabled, dataTestId: dataTestId ? "".concat(dataTestId, "-seconds") : undefined })),
+            react_1.default.createElement(Select_1.Select, { name: fieldName("period"), id: fieldName("period"), labelClassName: "sr-only", label: (_j = strings === null || strings === void 0 ? void 0 : strings.time) !== null && _j !== void 0 ? _j : (0, translator_1.t)("t.time"), register: register, options: ["am", "pm"], keyPrefix: "t", defaultValue: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.period) || "", error: error, describedBy: "".concat(id, "-error"), disabled: disabled, dataTestId: dataTestId ? "".concat(dataTestId, "-period") : undefined })),
+        react_1.default.createElement("div", { id: "".concat(id, "-error"), className: "field error" },
+            react_1.default.createElement(ErrorMessage_1.ErrorMessage, { id: "time-field-error", error: error }, (_k = strings === null || strings === void 0 ? void 0 : strings.timeError) !== null && _k !== void 0 ? _k : (0, translator_1.t)("errors.timeError")))));
+};
+exports.default = TimeField;
+exports.TimeField = TimeField;
+//# sourceMappingURL=TimeField.js.map

package/dist/src/forms/TimeField.js.map

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

package/dist/src/forms/TimeField.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/forms/TimeField.stories.js

@@ -0,0 +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.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var TimeField_1 = require("./TimeField");
+exports.default = {
+    title: "Forms/Time Field",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var Default = function () {
+    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, watch = _a.watch, errors = _a.errors;
+    return (react_1.default.createElement(TimeField_1.TimeField, { id: "time", label: "Time", name: "time", required: true, register: register, watch: watch, error: !!(errors === null || errors === void 0 ? void 0 : errors.time) }));
+};
+exports.Default = Default;
+//# sourceMappingURL=TimeField.stories.js.map

package/dist/src/forms/TimeField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.stories.js","sourceRoot":"","sources":["../../../src/forms/TimeField.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mDAAyC;AACzC,yCAAuC;AAEvC,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,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;IACf,IAAA,KAA8B,IAAA,yBAAO,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAzD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAkC,CAAA;IAEjE,OAAO,CACL,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,GACrB,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,OAAO,WAcnB"}

package/dist/src/forms/checkbox.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: () => JSX.Element) => JSX.Element)[];
+};
+export default _default;
+export declare const standard: () => JSX.Element;

package/dist/src/forms/checkbox.stories.js

@@ -0,0 +1,36 @@
+"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.standard = void 0;
+var React = __importStar(require("react"));
+exports.default = {
+    title: "Forms/Checkbox",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "30px" } }, storyFn()); }],
+};
+var standard = function () { return (React.createElement("div", { className: "field" },
+    React.createElement("input", { type: "checkbox", id: "remember", name: "remember" }),
+    React.createElement("label", { htmlFor: "remember" }, "Remember me"))); };
+exports.standard = standard;
+//# sourceMappingURL=checkbox.stories.js.map

package/dist/src/forms/checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/forms/checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,CAAC,UAAC,OAA0B,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACjG,CAAA;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B,6BAAK,SAAS,EAAC,OAAO;IACpB,+BAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAG;IACvD,+BAAO,OAAO,EAAC,UAAU,kBAAoB,CACzC,CACP,EAL6B,CAK7B,CAAA;AALY,QAAA,QAAQ,YAKpB"}

package/dist/src/forms/radio.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: () => JSX.Element) => JSX.Element)[];
+};
+export default _default;
+export declare const standard: () => JSX.Element;

package/dist/src/forms/radio.stories.js

@@ -0,0 +1,40 @@
+"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.standard = void 0;
+var React = __importStar(require("react"));
+exports.default = {
+    title: "Forms/Radio",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "30px" } }, storyFn()); }],
+};
+var standard = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { className: "field field--inline" },
+        React.createElement("input", { type: "radio", id: "radio1", name: "radio" }),
+        React.createElement("label", { htmlFor: "radio1" }, "Radio Button 1")),
+    React.createElement("div", { className: "field field--inline" },
+        React.createElement("input", { type: "radio", id: "radio2", name: "radio" }),
+        React.createElement("label", { htmlFor: "radio2" }, "Radio Button 2")))); };
+exports.standard = standard;
+//# sourceMappingURL=radio.stories.js.map

package/dist/src/forms/radio.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/forms/radio.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,aAAa;IACpB,UAAU,EAAE,CAAC,UAAC,OAA0B,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACjG,CAAA;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B;IACE,6BAAK,SAAS,EAAC,qBAAqB;QAClC,+BAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG;QAC/C,+BAAO,OAAO,EAAC,QAAQ,qBAAuB,CAC1C;IACN,6BAAK,SAAS,EAAC,qBAAqB;QAClC,+BAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG;QAC/C,+BAAO,OAAO,EAAC,QAAQ,qBAAuB,CAC1C,CACL,CACJ,EAX6B,CAW7B,CAAA;AAXY,QAAA,QAAQ,YAWpB"}

package/dist/src/global/AppearanceTypes.d.ts

@@ -0,0 +1,33 @@
+export declare enum AppearanceStyleType {
+    primary = "is-primary",
+    secondary = "is-secondary",
+    success = "is-success",
+    alert = "is-alert",
+    warning = "is-warning",
+    info = "is-info",
+    accentCool = "is-accent-cool",
+    accentWarm = "is-accent-warm",
+    closed = "is-closed"
+}
+export declare enum AppearanceSizeType {
+    small = "is-small",
+    normal = "is-normal",
+    big = "is-big"
+}
+export declare enum AppearanceBorderType {
+    borderless = "is-borderless",
+    normal = "",
+    outlined = "is-outlined"
+}
+export declare enum AppearanceShadeType {
+    light = "is-light-mode",
+    dark = "is-dark-mode"
+}
+export interface AppearanceProps {
+    styleType?: AppearanceStyleType;
+    border?: AppearanceBorderType;
+    size?: AppearanceSizeType;
+    shade?: AppearanceShadeType;
+    normalCase?: boolean;
+}
+export declare const classNamesForAppearanceTypes: (props: AppearanceProps) => string[];

package/dist/src/global/AppearanceTypes.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.classNamesForAppearanceTypes = exports.AppearanceShadeType = exports.AppearanceBorderType = exports.AppearanceSizeType = exports.AppearanceStyleType = void 0;
+var AppearanceStyleType;
+(function (AppearanceStyleType) {
+    AppearanceStyleType["primary"] = "is-primary";
+    AppearanceStyleType["secondary"] = "is-secondary";
+    AppearanceStyleType["success"] = "is-success";
+    AppearanceStyleType["alert"] = "is-alert";
+    AppearanceStyleType["warning"] = "is-warning";
+    AppearanceStyleType["info"] = "is-info";
+    AppearanceStyleType["accentCool"] = "is-accent-cool";
+    AppearanceStyleType["accentWarm"] = "is-accent-warm";
+    AppearanceStyleType["closed"] = "is-closed";
+})(AppearanceStyleType = exports.AppearanceStyleType || (exports.AppearanceStyleType = {}));
+var AppearanceSizeType;
+(function (AppearanceSizeType) {
+    AppearanceSizeType["small"] = "is-small";
+    AppearanceSizeType["normal"] = "is-normal";
+    AppearanceSizeType["big"] = "is-big";
+})(AppearanceSizeType = exports.AppearanceSizeType || (exports.AppearanceSizeType = {}));
+var AppearanceBorderType;
+(function (AppearanceBorderType) {
+    AppearanceBorderType["borderless"] = "is-borderless";
+    AppearanceBorderType["normal"] = "";
+    AppearanceBorderType["outlined"] = "is-outlined";
+})(AppearanceBorderType = exports.AppearanceBorderType || (exports.AppearanceBorderType = {}));
+var AppearanceShadeType;
+(function (AppearanceShadeType) {
+    AppearanceShadeType["light"] = "is-light-mode";
+    AppearanceShadeType["dark"] = "is-dark-mode";
+})(AppearanceShadeType = exports.AppearanceShadeType || (exports.AppearanceShadeType = {}));
+var classNamesForAppearanceTypes = function (props) {
+    var classNames = [];
+    if (props.styleType)
+        classNames.push(props.styleType);
+    if (props.border)
+        classNames.push(props.border);
+    if (props.size)
+        classNames.push(props.size);
+    if (props.shade)
+        classNames.push(props.shade);
+    if (props.normalCase)
+        classNames.push("is-normal-case");
+    return classNames;
+};
+exports.classNamesForAppearanceTypes = classNamesForAppearanceTypes;
+//# sourceMappingURL=AppearanceTypes.js.map

package/dist/src/global/AppearanceTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceTypes.js","sourceRoot":"","sources":["../../../src/global/AppearanceTypes.ts"],"names":[],"mappings":";;;AAAA,IAAY,mBAUX;AAVD,WAAY,mBAAmB;IAC7B,6CAAsB,CAAA;IACtB,iDAA0B,CAAA;IAC1B,6CAAsB,CAAA;IACtB,yCAAkB,CAAA;IAClB,6CAAsB,CAAA;IACtB,uCAAgB,CAAA;IAChB,oDAA6B,CAAA;IAC7B,oDAA6B,CAAA;IAC7B,2CAAoB,CAAA;AACtB,CAAC,EAVW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAU9B;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,wCAAkB,CAAA;IAClB,0CAAoB,CAAA;IACpB,oCAAc,CAAA;AAChB,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAED,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,oDAA4B,CAAA;IAC5B,mCAAW,CAAA;IACX,gDAAwB,CAAA;AAC1B,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAED,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,8CAAuB,CAAA;IACvB,4CAAqB,CAAA;AACvB,CAAC,EAHW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAG9B;AAUM,IAAM,4BAA4B,GAAG,UAAC,KAAsB;IACjE,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACrD,IAAI,KAAK,CAAC,MAAM;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/C,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3C,IAAI,KAAK,CAAC,KAAK;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC7C,IAAI,KAAK,CAAC,UAAU;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACvD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AARY,QAAA,4BAA4B,gCAQxC"}

package/dist/src/global/ApplicationStatusType.d.ts

@@ -0,0 +1,7 @@
+export declare enum ApplicationStatusType {
+    Open = 0,
+    Closed = 1,
+    PreLottery = 2,
+    PostLottery = 3,
+    Matched = 4
+}

package/dist/src/global/ApplicationStatusType.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApplicationStatusType = void 0;
+var ApplicationStatusType;
+(function (ApplicationStatusType) {
+    ApplicationStatusType[ApplicationStatusType["Open"] = 0] = "Open";
+    ApplicationStatusType[ApplicationStatusType["Closed"] = 1] = "Closed";
+    ApplicationStatusType[ApplicationStatusType["PreLottery"] = 2] = "PreLottery";
+    ApplicationStatusType[ApplicationStatusType["PostLottery"] = 3] = "PostLottery";
+    ApplicationStatusType[ApplicationStatusType["Matched"] = 4] = "Matched";
+})(ApplicationStatusType = exports.ApplicationStatusType || (exports.ApplicationStatusType = {}));
+//# sourceMappingURL=ApplicationStatusType.js.map

package/dist/src/global/ApplicationStatusType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationStatusType.js","sourceRoot":"","sources":["../../../src/global/ApplicationStatusType.ts"],"names":[],"mappings":";;;AAAA,IAAY,qBAMX;AAND,WAAY,qBAAqB;IAC/B,iEAAI,CAAA;IACJ,qEAAM,CAAA;IACN,6EAAU,CAAA;IACV,+EAAW,CAAA;IACX,uEAAO,CAAA;AACT,CAAC,EANW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAMhC"}

package/dist/src/headers/HeadingGroup.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./HeadingGroup.scss";
+export interface HeadingGroupProps {
+    /** A string or element to display in an `h2` tag (overridable via `headingPriority`) */
+    heading: React.ReactNode;
+    /** A string or element to display in an `p` tag (using `aria-roledescription="subtitle"`) */
+    subheading: React.ReactNode;
+    /**
+     * The heading level (1 through 6)
+     * @default 2
+     */
+    headingPriority?: number;
+    /** Additional class name for the whole group */
+    className?: string;
+}
+declare const HeadingGroup: (props: HeadingGroupProps) => JSX.Element;
+export { HeadingGroup as default, HeadingGroup };

package/dist/src/headers/HeadingGroup.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingGroup = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var Heading_1 = require("../text/Heading");
+require("./HeadingGroup.scss");
+var HeadingGroup = function (props) {
+    var _a;
+    var classNames = ["heading-group"];
+    if (props.className)
+        classNames.push(props.className);
+    return (react_1.default.createElement("hgroup", { className: classNames.join(" "), role: "group" },
+        react_1.default.createElement(Heading_1.Heading, { priority: (_a = props.headingPriority) !== null && _a !== void 0 ? _a : 2 }, props.heading),
+        react_1.default.createElement("p", { "aria-roledescription": "subtitle" }, props.subheading)));
+};
+exports.default = HeadingGroup;
+exports.HeadingGroup = HeadingGroup;
+//# sourceMappingURL=HeadingGroup.js.map

package/dist/src/headers/HeadingGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.js","sourceRoot":"","sources":["../../../src/headers/HeadingGroup.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,2CAAyC;AACzC,+BAA4B;AAgB5B,IAAM,YAAY,GAAG,UAAC,KAAwB;;IAC5C,IAAM,UAAU,GAAG,CAAC,eAAe,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,CACL,0CAAQ,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAC,OAAO;QACnD,8BAAC,iBAAO,IAAC,QAAQ,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,CAAC,IAAG,KAAK,CAAC,OAAO,CAAW;QACxE,6DAAwB,UAAU,IAAE,KAAK,CAAC,UAAU,CAAK,CAClD,CACV,CAAA;AACH,CAAC,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}

package/dist/src/headers/HeadingGroup.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import HeadingGroupDocumentation from "./HeadingGroup.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    parameters: {
+        docs: {
+            page: typeof HeadingGroupDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const withContent: () => JSX.Element;
+export declare const customStyled: () => JSX.Element;

package/dist/src/headers/HeadingGroup.stories.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customStyled = exports.withContent = void 0;
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var HeadingGroup_1 = __importDefault(require("./HeadingGroup"));
+var HeadingGroup_docs_mdx_1 = __importDefault(require("./HeadingGroup.docs.mdx"));
+exports.default = {
+    title: "Headers/Heading Group 🚩",
+    id: "headers/heading-group",
+    parameters: {
+        docs: {
+            page: HeadingGroup_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var withContent = function () { return (react_1.default.createElement("div", { style: { maxWidth: "700px" } },
+    react_1.default.createElement(HeadingGroup_1.default, { headingPriority: 2, heading: "Household Maximum Income", subheading: "To determine your eligibility for this property, choose your household size (include yourself in that calculation)." }))); };
+exports.withContent = withContent;
+var customStyled = function () {
+    var customStyles = "\n    .custom-heading-group {\n      --heading-margin: 2rem;\n      --heading-color: maroon;\n      --subheading-color: forestgreen;\n      --subheading-margin: var(--heading-margin);\n    }\n  ";
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(HeadingGroup_1.default, { className: "custom-heading-group", headingPriority: 2, heading: "Household Maximum Income", subheading: "To determine your eligibility for this property, choose your household size (include yourself in that calculation)." }),
+        react_1.default.createElement("hr", { className: "mb-8" }),
+        react_1.default.createElement("p", null, "More content here."),
+        react_1.default.createElement("style", null, customStyles)));
+};
+exports.customStyled = customStyled;
+//# sourceMappingURL=HeadingGroup.stories.js.map

package/dist/src/headers/HeadingGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.stories.js","sourceRoot":"","sources":["../../../src/headers/HeadingGroup.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,wDAAmD;AACnD,gEAAyC;AACzC,kFAA+D;AAE/D,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,EAAE,EAAE,uBAAuB;IAC3B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,+BAAyB;SAChC;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC/B,8BAAC,sBAAY,IACX,eAAe,EAAE,CAAC,EAClB,OAAO,EAAC,0BAA0B,EAClC,UAAU,EAAC,qHAAqH,GAChI,CACE,CACP,EARgC,CAQhC,CAAA;AARY,QAAA,WAAW,eAQvB;AAEM,IAAM,YAAY,GAAG;IAC1B,IAAM,YAAY,GAAG,oMAOpB,CAAA;IACD,OAAO,CACL;QACE,8BAAC,sBAAY,IACX,SAAS,EAAC,sBAAsB,EAChC,eAAe,EAAE,CAAC,EAClB,OAAO,EAAC,0BAA0B,EAClC,UAAU,EAAC,qHAAqH,GAChI;QACF,sCAAI,SAAS,EAAC,MAAM,GAAG;QACvB,8DAAyB;QACzB,6CAAQ,YAAY,CAAS,CACzB,CACP,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB"}

package/dist/src/headers/Hero.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import "./Hero.scss";
+export interface HeroProps {
+    allApplicationsClosed?: boolean;
+    backgroundImage?: string;
+    buttonLink?: string;
+    buttonTitle?: string;
+    centered?: boolean;
+    children?: React.ReactNode;
+    extraLargeTitle?: boolean;
+    secondaryButtonLink?: string;
+    secondaryButtonTitle?: string;
+    title: React.ReactNode;
+    strings?: {
+        allApplicationsClosed?: string;
+    };
+}
+declare const Hero: (props: HeroProps) => JSX.Element;
+export { Hero as default, Hero };

package/dist/src/headers/Hero.js

@@ -0,0 +1,58 @@
+"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.Hero = exports.default = void 0;
+var React = __importStar(require("react"));
+var LinkButton_1 = require("../actions/LinkButton");
+var translator_1 = require("../helpers/translator");
+require("./Hero.scss");
+var HeroButton = function (props) { return (React.createElement("span", { className: props.className + " hero__button" },
+    React.createElement(LinkButton_1.LinkButton, { href: props.href }, props.title))); };
+var Hero = function (props) {
+    var _a, _b;
+    var subHeader, styles;
+    var classNames = "";
+    if (props.allApplicationsClosed) {
+        subHeader = (React.createElement("h2", { className: "hero__subtitle" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.allApplicationsClosed) !== null && _b !== void 0 ? _b : (0, translator_1.t)("welcome.allApplicationClosed")));
+    }
+    else if (props.children) {
+        subHeader = React.createElement("h2", { className: "hero__subtitle" }, props.children);
+    }
+    if (props.backgroundImage) {
+        styles = { backgroundImage: "url(".concat(props.backgroundImage, ")") };
+    }
+    if (props.centered) {
+        classNames = "centered";
+    }
+    return (React.createElement("div", { className: "hero ".concat(classNames), style: styles, "data-test-id": "hero-component" },
+        React.createElement("h1", { className: "hero__title ".concat(props.extraLargeTitle ? "lg:text-6.5xl" : "") }, props.title),
+        subHeader,
+        props.buttonTitle && props.buttonLink && (React.createElement(React.Fragment, null, props.secondaryButtonTitle && props.secondaryButtonLink ? (React.createElement("div", { className: "hero__buttons" },
+            React.createElement(HeroButton, { className: "md:col-start-2 with_secondary", href: props.buttonLink, title: props.buttonTitle }),
+            React.createElement(HeroButton, { className: "with_secondary", href: props.secondaryButtonLink, title: props.secondaryButtonTitle }))) : (React.createElement(HeroButton, { className: "px-5", href: props.buttonLink, title: props.buttonTitle }))))));
+};
+exports.default = Hero;
+exports.Hero = Hero;
+//# sourceMappingURL=Hero.js.map

package/dist/src/headers/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../src/headers/Hero.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,oDAAkD;AAClD,oDAAyC;AACzC,uBAAoB;AAkBpB,IAAM,UAAU,GAAG,UAAC,KAA0D,IAAK,OAAA,CACjF,8BAAM,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe;IAChD,oBAAC,uBAAU,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAG,KAAK,CAAC,KAAK,CAAc,CACnD,CACR,EAJkF,CAIlF,CAAA;AAED,IAAM,IAAI,GAAG,UAAC,KAAgB;;IAC5B,IAAI,SAAS,EAAE,MAAM,CAAA;IACrB,IAAI,UAAU,GAAG,EAAE,CAAA;IACnB,IAAI,KAAK,CAAC,qBAAqB,EAAE;QAC/B,SAAS,GAAG,CACV,4BAAI,SAAS,EAAC,gBAAgB,IAC3B,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,qBAAqB,mCAAI,IAAA,cAAC,EAAC,8BAA8B,CAAC,CACvE,CACN,CAAA;KACF;SAAM,IAAI,KAAK,CAAC,QAAQ,EAAE;QACzB,SAAS,GAAG,4BAAI,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,QAAQ,CAAM,CAAA;KACjE;IACD,IAAI,KAAK,CAAC,eAAe,EAAE;QACzB,MAAM,GAAG,EAAE,eAAe,EAAE,cAAO,KAAK,CAAC,eAAe,MAAG,EAAE,CAAA;KAC9D;IACD,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,UAAU,GAAG,UAAU,CAAA;KACxB;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,eAAQ,UAAU,CAAE,EAAE,KAAK,EAAE,MAAM,kBAAgB,gBAAgB;QACjF,4BAAI,SAAS,EAAE,sBAAe,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE,IACzE,KAAK,CAAC,KAAK,CACT;QACJ,SAAS;QAET,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,UAAU,IAAI,CACxC,0CACG,KAAK,CAAC,oBAAoB,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACzD,6BAAK,SAAS,EAAC,eAAe;YAC5B,oBAAC,UAAU,IACT,SAAS,EAAE,+BAA+B,EAC1C,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,WAAW,GACxB;YACF,oBAAC,UAAU,IACT,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,KAAK,CAAC,mBAAmB,EAC/B,KAAK,EAAE,KAAK,CAAC,oBAAoB,GACjC,CACE,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,GAAI,CACpF,CACA,CACJ,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAEgB,uBAAO;AAAE,oBAAI"}

package/dist/src/headers/Hero.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const withListings: () => JSX.Element;
+export declare const withNoListings: () => JSX.Element;
+export declare const withBackground: () => JSX.Element;
+export declare const withSecondaryButton: () => JSX.Element;
+export declare const withExtraLargeTitleAndSecondaryButton: () => JSX.Element;

package/dist/src/headers/Hero.stories.js

@@ -0,0 +1,42 @@
+"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.withExtraLargeTitleAndSecondaryButton = exports.withSecondaryButton = exports.withBackground = exports.withNoListings = exports.withListings = void 0;
+var React = __importStar(require("react"));
+var Hero_1 = require("./Hero");
+exports.default = {
+    title: "Headers/Hero",
+};
+var withListings = function () { return (React.createElement(Hero_1.Hero, { title: React.createElement(React.Fragment, null, "Say Hello to Your Hero"), buttonTitle: "I am a Button", buttonLink: "/listings" })); };
+exports.withListings = withListings;
+var withNoListings = function () { return (React.createElement(Hero_1.Hero, { title: React.createElement(React.Fragment, null, "Say Hello to Your Hero"), buttonTitle: "I am a Button", buttonLink: "/listings", allApplicationsClosed: true })); };
+exports.withNoListings = withNoListings;
+var withBackground = function () { return (React.createElement(Hero_1.Hero, { title: React.createElement(React.Fragment, null, "Say Hello to Your Hero"), buttonTitle: "Rental Listings", buttonLink: "/listings", backgroundImage: "/images/banner.png" })); };
+exports.withBackground = withBackground;
+var withSecondaryButton = function () { return (React.createElement(Hero_1.Hero, { title: React.createElement(React.Fragment, null, "Say Hello to Your Hero"), buttonTitle: "Rent", buttonLink: "/listings", secondaryButtonTitle: "Buy", secondaryButtonLink: "/listings/for-sale", backgroundImage: "/images/banner.png" })); };
+exports.withSecondaryButton = withSecondaryButton;
+var withExtraLargeTitleAndSecondaryButton = function () { return (React.createElement(Hero_1.Hero, { backgroundImage: "/images/banner.png", buttonLink: "/listings", buttonTitle: "Rent", extraLargeTitle: true, secondaryButtonLink: "/listings/for-sale", secondaryButtonTitle: "Buy", title: "Say Hello to Your Hero" })); };
+exports.withExtraLargeTitleAndSecondaryButton = withExtraLargeTitleAndSecondaryButton;
+//# sourceMappingURL=Hero.stories.js.map

package/dist/src/headers/Hero.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.stories.js","sourceRoot":"","sources":["../../../src/headers/Hero.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,+BAA6B;AAE7B,kBAAe;IACb,KAAK,EAAE,cAAc;CACtB,CAAA;AAEM,IAAM,YAAY,GAAG,cAAM,OAAA,CAChC,oBAAC,WAAI,IAAC,KAAK,EAAE,mEAA2B,EAAE,WAAW,EAAC,eAAe,EAAC,UAAU,EAAC,WAAW,GAAG,CAChG,EAFiC,CAEjC,CAAA;AAFY,QAAA,YAAY,gBAExB;AAEM,IAAM,cAAc,GAAG,cAAM,OAAA,CAClC,oBAAC,WAAI,IACH,KAAK,EAAE,mEAA2B,EAClC,WAAW,EAAC,eAAe,EAC3B,UAAU,EAAC,WAAW,EACtB,qBAAqB,EAAE,IAAI,GAC3B,CACH,EAPmC,CAOnC,CAAA;AAPY,QAAA,cAAc,kBAO1B;AAEM,IAAM,cAAc,GAAG,cAAM,OAAA,CAClC,oBAAC,WAAI,IACH,KAAK,EAAE,mEAA2B,EAClC,WAAW,EAAC,iBAAiB,EAC7B,UAAU,EAAC,WAAW,EACtB,eAAe,EAAC,oBAAoB,GACpC,CACH,EAPmC,CAOnC,CAAA;AAPY,QAAA,cAAc,kBAO1B;AAEM,IAAM,mBAAmB,GAAG,cAAM,OAAA,CACvC,oBAAC,WAAI,IACH,KAAK,EAAE,mEAA2B,EAClC,WAAW,EAAC,MAAM,EAClB,UAAU,EAAC,WAAW,EACtB,oBAAoB,EAAC,KAAK,EAC1B,mBAAmB,EAAC,oBAAoB,EACxC,eAAe,EAAC,oBAAoB,GACpC,CACH,EATwC,CASxC,CAAA;AATY,QAAA,mBAAmB,uBAS/B;AAEM,IAAM,qCAAqC,GAAG,cAAM,OAAA,CACzD,oBAAC,WAAI,IACH,eAAe,EAAC,oBAAoB,EACpC,UAAU,EAAC,WAAW,EACtB,WAAW,EAAC,MAAM,EAClB,eAAe,EAAE,IAAI,EACrB,mBAAmB,EAAC,oBAAoB,EACxC,oBAAoB,EAAC,KAAK,EAC1B,KAAK,EAAE,wBAAwB,GAC/B,CACH,EAV0D,CAU1D,CAAA;AAVY,QAAA,qCAAqC,yCAUjD"}