@simplybusiness/mobius 4.8.7 → 4.8.8

package/dist/cjs/components/Select/Select.js

@@ -17,28 +17,32 @@ const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
 const _ErrorMessage = require("../ErrorMessage");
 const _Flex = require("../Flex");
 const _Label = require("../Label");
+const _hooks = require("../../hooks");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const Select = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
+    const { label, onChange, validationState, isInvalid, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
     const { labelProps, fieldProps } = (0, _useLabel.useLabel)({
         label,
         ...otherProps
     });
+    const validationClasses = (0, _hooks.useValidationClasses)({
+        validationState,
+        isInvalid
+    });
     const stateClasses = {
         "--is-disabled": isDisabled,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
         "--is-required": typeof isRequired === "boolean" && isRequired,
         "--is-optional": typeof isRequired === "boolean" && !isRequired
     };
-    const wrapperClasses = (0, _dedupe.default)("mobius/SelectWrapper", stateClasses, otherProps.className);
-    const selectClasses = (0, _dedupe.default)("mobius/Select", stateClasses, otherProps.className);
-    const labelClasses = (0, _dedupe.default)("mobius/Label", stateClasses, otherProps.className);
-    const iconClasses = (0, _dedupe.default)("mobius/SelectIcon", stateClasses);
+    const sharedClasses = (0, _dedupe.default)(validationClasses, stateClasses);
+    const wrapperClasses = (0, _dedupe.default)("mobius/SelectWrapper", sharedClasses, otherProps.className);
+    const selectClasses = (0, _dedupe.default)("mobius/Select", sharedClasses, otherProps.className);
+    const labelClasses = (0, _dedupe.default)("mobius/Label", sharedClasses, otherProps.className);
+    const iconClasses = (0, _dedupe.default)("mobius/SelectIcon", sharedClasses);
     const errorMessageId = (0, _react.useId)();
     const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
     const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  ReactElement,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n  extends UseLabelProps,\n    Validation,\n    DOMProps,\n    RefAttributes<SelectElementType> {\n  name?: string;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n  value?: string;\n  defaultValue?: string;\n  className?: string;\n  errorMessage?: string;\n  children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n  \"aria-describedby\"?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n  forwardRef((props: SelectProps, ref: SelectRef) => {\n    const {\n      label,\n      onChange,\n      validationState,\n      errorMessage,\n      isDisabled = false,\n      isRequired,\n      ...otherProps\n    } = props;\n\n    const { labelProps, fieldProps } = useLabel({\n      label,\n      ...otherProps,\n    });\n\n    const stateClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    };\n\n    const wrapperClasses = classNames(\n      \"mobius/SelectWrapper\",\n      stateClasses,\n      otherProps.className,\n    );\n    const selectClasses = classNames(\n      \"mobius/Select\",\n      stateClasses,\n      otherProps.className,\n    );\n    const labelClasses = classNames(\n      \"mobius/Label\",\n      stateClasses,\n      otherProps.className,\n    );\n    const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n      shouldErrorMessageShow,\n      props[\"aria-describedby\"],\n    ]);\n\n    const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={wrapperClasses}>\n          <select\n            {...otherProps}\n            {...fieldProps}\n            ref={ref}\n            multiple={false}\n            className={selectClasses}\n            disabled={isDisabled}\n            aria-invalid={!!errorMessage}\n            aria-describedby={describedBy}\n            aria-required={isRequired}\n            onChange={handleChange}\n          />\n          <span className={iconClasses} />\n        </div>\n        {errorMessage && (\n          <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n        )}\n      </Flex>\n    );\n  });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","stateClasses","wrapperClasses","classNames","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Flex","flexDirection","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","ErrorMessage","id","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA2HSA;;;eAAAA;;;;+DAzHc;uBAQhB;0BACiC;oCAGL;8BACN;sBACR;uBACC;;;;;;AAsBtB,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CT;QACA,GAAGM,UAAU;IACf;IAEA,MAAMI,eAAe;QACnB,iBAAiBN;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMM,iBAAiBC,IAAAA,eAAU,EAC/B,wBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMC,gBAAgBF,IAAAA,eAAU,EAC9B,iBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAME,eAAeH,IAAAA,eAAU,EAC7B,gBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMG,cAAcJ,IAAAA,eAAU,EAAC,qBAAqBF;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBhB,eAAec,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACArB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAMyB,eAAe,CAACC;QACpB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,qBACE,sBAACC,UAAI;QAACC,eAAc;QAASb,WAAU;;YACpCb,uBACC,qBAAC2B,YAAK;gBAAE,GAAGpB,UAAU;gBAAEM,WAAWE;0BAC/Bf;;0BAGL,sBAAC4B;gBAAIf,WAAWF;;kCACd,qBAACkB;wBACE,GAAGvB,UAAU;wBACb,GAAGE,UAAU;wBACdT,KAAKA;wBACL+B,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU3B;wBACV4B,gBAAc,CAAC,CAAC7B;wBAChB8B,oBAAkBZ;wBAClBa,iBAAe7B;wBACfJ,UAAUsB;;kCAEZ,qBAACY;wBAAKtB,WAAWG;;;;YAElBb,8BACC,qBAACiC,0BAAY;gBAACC,IAAIpB;gBAAgBd,cAAcA;;;;AAIxD;AAEFP,OAAO0C,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  ReactElement,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\nimport { useValidationClasses } from \"../../hooks\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n  extends UseLabelProps,\n    Validation,\n    DOMProps,\n    RefAttributes<SelectElementType> {\n  name?: string;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n  value?: string;\n  defaultValue?: string;\n  className?: string;\n  errorMessage?: string;\n  children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n  \"aria-describedby\"?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n  forwardRef((props: SelectProps, ref: SelectRef) => {\n    const {\n      label,\n      onChange,\n      validationState,\n      isInvalid,\n      errorMessage,\n      isDisabled = false,\n      isRequired,\n      ...otherProps\n    } = props;\n\n    const { labelProps, fieldProps } = useLabel({\n      label,\n      ...otherProps,\n    });\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const stateClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    };\n\n    const sharedClasses = classNames(validationClasses, stateClasses);\n\n    const wrapperClasses = classNames(\n      \"mobius/SelectWrapper\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const selectClasses = classNames(\n      \"mobius/Select\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const labelClasses = classNames(\n      \"mobius/Label\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const iconClasses = classNames(\"mobius/SelectIcon\", sharedClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n      shouldErrorMessageShow,\n      props[\"aria-describedby\"],\n    ]);\n\n    const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={wrapperClasses}>\n          <select\n            {...otherProps}\n            {...fieldProps}\n            ref={ref}\n            multiple={false}\n            className={selectClasses}\n            disabled={isDisabled}\n            aria-invalid={!!errorMessage}\n            aria-describedby={describedBy}\n            aria-required={isRequired}\n            onChange={handleChange}\n          />\n          <span className={iconClasses} />\n        </div>\n        {errorMessage && (\n          <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n        )}\n      </Flex>\n    );\n  });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","isInvalid","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","validationClasses","useValidationClasses","stateClasses","sharedClasses","classNames","wrapperClasses","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Flex","flexDirection","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","ErrorMessage","id","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAkISA;;;eAAAA;;;;+DAhIc;uBAQhB;0BACiC;oCAGL;8BACN;sBACR;uBACC;uBAEe;;;;;;AAqBrC,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGT;IAEJ,MAAM,EAAEU,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CV;QACA,GAAGO,UAAU;IACf;IAEA,MAAMI,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IAEA,MAAMU,eAAe;QACnB,iBAAiBR;QACjB,iBAAiB,OAAOC,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMQ,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,iBAAiBD,IAAAA,eAAU,EAC/B,wBACAD,eACAP,WAAWU,SAAS;IAEtB,MAAMC,gBAAgBH,IAAAA,eAAU,EAC9B,iBACAD,eACAP,WAAWU,SAAS;IAEtB,MAAME,eAAeJ,IAAAA,eAAU,EAC7B,gBACAD,eACAP,WAAWU,SAAS;IAEtB,MAAMG,cAAcL,IAAAA,eAAU,EAAC,qBAAqBD;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBnB,eAAeiB,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACAzB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAM6B,eAAe,CAACC;QACpB,IAAI3B,UAAU;YACZA,SAAS2B;QACX;IACF;IAEA,qBACE,sBAACC,UAAI;QAACC,eAAc;QAASb,WAAU;;YACpCjB,uBACC,qBAAC+B,YAAK;gBAAE,GAAGvB,UAAU;gBAAES,WAAWE;0BAC/BnB;;0BAGL,sBAACgC;gBAAIf,WAAWD;;kCACd,qBAACiB;wBACE,GAAG1B,UAAU;wBACb,GAAGE,UAAU;wBACdV,KAAKA;wBACLmC,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU9B;wBACV+B,gBAAc,CAAC,CAAChC;wBAChBiC,oBAAkBZ;wBAClBa,iBAAehC;wBACfL,UAAU0B;;kCAEZ,qBAACY;wBAAKtB,WAAWG;;;;YAElBhB,8BACC,qBAACoC,0BAAY;gBAACC,IAAIpB;gBAAgBjB,cAAcA;;;;AAIxD;AAEFR,OAAO8C,WAAW,GAAG"}

package/dist/cjs/components/Select/Select.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Select } from "./Select";
+type StoryType = StoryObj<typeof Select>;
+declare const meta: Meta<typeof Select>;
+export declare const Normal: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export default meta;

package/dist/cjs/components/Select/Select.stories.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Select_1 = require("./Select");
+const Option_1 = require("../Option");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/Select",
+    component: Select_1.Select,
+    argTypes: {
+        validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        },
+        value: {
+            control: { type: "select" },
+            options: ["", "red", "blue", "green"],
+        },
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "",
+        errorMessage: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.ControlledValue = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        value: "green",
+        errorMessage: "",
+        defaultValue: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        errorMessage: "",
+        isDisabled: true,
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        validationState: "valid",
+        errorMessage: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        validationState: "invalid",
+        errorMessage: "Unacceptable color",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Select.stories.js.map

package/dist/cjs/components/Select/Select.stories.js.map

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

package/dist/cjs/components/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Select/Select.test.js

@@ -0,0 +1,108 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const __1 = require("..");
+const CLASS_NAME = "mobius/Select";
+const LABEL_CLASS_NAME = "mobius/Label";
+describe("Select", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange when clicked", async () => {
+        const valueCallback = jest.fn();
+        const callback = (e) => valueCallback(e.target.value);
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", onChange: callback, children: [(0, jsx_runtime_1.jsx)(__1.Option, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { value: "blue", children: "Blue" })] }));
+        await user_event_1.default.selectOptions(getByLabelText("Color"), ["Red"]);
+        const redOption = react_1.screen.getByRole("option", {
+            name: "Red",
+        });
+        expect(valueCallback).toHaveBeenCalledWith("red");
+        expect(redOption.selected).toBeTruthy();
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(getByLabelText("Color").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(getByLabelText("Color")).toHaveAccessibleDescription("Required");
+        });
+        it("should not set aria-describedby when there is no errorMessage", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(getByLabelText("Color")).not.toHaveAttribute("aria-describedby");
+        });
+    });
+    describe("given a disabled option", () => {
+        it("should render with disabled attribute applied", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { isDisabled: true, children: "Please select a color" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            const options = react_1.screen.queryAllByRole("option");
+            expect(options[0]).toBeDisabled();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: false, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", className: "my-class", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes label class name", () => {
+            var _a, _b;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect((_b = (_a = react_1.screen.getByTestId("test").closest("div")) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass(LABEL_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", isDisabled: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            const select = react_1.screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-disabled");
+            expect(selectIcon).toHaveClass("--is-disabled");
+        });
+        it("includes valid state class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", validationState: "valid", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            const select = react_1.screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-valid");
+            expect(selectIcon).toHaveClass("--is-valid");
+        });
+    });
+});
+//# sourceMappingURL=Select.test.js.map

package/dist/cjs/components/Select/Select.test.js.map

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

package/dist/cjs/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from "./Select";

package/dist/cjs/components/Slider/Slider.d.ts

@@ -0,0 +1,19 @@
+import { DOMProps } from "../../types/dom";
+import { UseLabelProps } from "../../hooks";
+export interface SliderProps extends DOMProps, UseLabelProps {
+    label?: string;
+    variant?: "primary" | "secondary";
+    className?: string;
+    minValue?: number;
+    maxValue?: number;
+    defaultValue?: number;
+    value?: number;
+    step?: number;
+    isDisabled?: boolean;
+    onChange?: (value: number | undefined) => void;
+    onChangeEnd?: (value: number | undefined) => void;
+    minLabel?: string;
+    maxLabel?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Slider/Slider.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Slider } from "./Slider";
+type StoryType = StoryObj<typeof Slider>;
+declare const meta: Meta<typeof Slider>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const Formatted: StoryType;
+export declare const NoLabel: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

package/dist/cjs/components/Slider/Slider.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.NoLabel = exports.Formatted = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils");
+const Slider_1 = require("./Slider");
+const meta = {
+    title: "Components/Slider",
+    component: Slider_1.Slider,
+    // Note: minValue, maxValue, defaultValue only work with certain settings.
+    argTypes: Object.assign({}, (0, utils_1.excludeControls)("minValue", "maxValue", "defaultValue", "formatOptions")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "primary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "secondary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Formatted = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "primary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+        formatOptions: { style: "currency", currency: "EUR" },
+    },
+};
+exports.NoLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "",
+        "aria-label": "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        variant: "primary",
+        defaultValue: 100,
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        variant: "primary",
+        defaultValue: 100,
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: true,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Slider.stories.js.map

package/dist/cjs/components/Slider/Slider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAA8D;AAC9D,qCAA+C;AAI/C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,0EAA0E;IAC1E,QAAQ,oBAKH,IAAA,uBAAe,EAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,CAAC,CAC5E;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;KACtD;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Slider/Slider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Slider/Slider.test.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Slider_1 = require("./Slider");
+describe("Slider", () => {
+    it("should render without errors", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "Test", defaultValue: 0 }));
+        expect(container).toBeInTheDocument();
+    });
+    describe("labels", () => {
+        it("should render a min label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", minLabel: "Min" }));
+            expect(getByTestId("min-label")).toHaveTextContent("Min");
+        });
+        it("should render a max label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", maxLabel: "Max" }));
+            expect(getByTestId("max-label")).toHaveTextContent("Max");
+        });
+        it("should render an aria-label", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { "aria-label": "Test", maxLabel: "Max" }));
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider.getAttribute("aria-label")).toEqual("Test");
+        });
+    });
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "test", defaultValue: 0 }));
+        });
+        const classNames = ["mobius", "mobius/Slider", "test"];
+        it.each(classNames)("should have classname %s", className => {
+            expect(result.container.firstChild).toHaveClass(className);
+        });
+    });
+    /**
+     * Note: React Testing Library does not yet support
+     * <input type="range" />
+     * https://github.com/testing-library/user-event/issues/871
+     * We cannot use keyboard user events.  For now, the
+     * following tests work with fireEvent.change().
+     */
+    describe("events", () => {
+        it("should call events on input change", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await user_event_1.default.tab();
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider).toHaveFocus();
+            react_1.fireEvent.change(slider, { target: { value: "5" } });
+            expect(slider.value).toEqual("5");
+            expect(onChange).toHaveBeenCalledWith(5);
+            react_1.fireEvent.keyUp(slider);
+            expect(onChangeEnd).toHaveBeenCalledWith(5);
+        });
+        it("should not call onChange when value is already min", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "1" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value below min
+            react_1.fireEvent.change(slider, { target: { value: "0" } });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        it("should not call onChange when value is already max", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "10" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value above max
+            react_1.fireEvent.change(slider, { target: { value: "11" } });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=Slider.test.js.map

package/dist/cjs/components/Slider/Slider.test.js.map

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

package/dist/cjs/components/Slider/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined;
+export declare function wrapValue<T>(value: T | undefined): T[] | undefined;
+export declare function useUnwrappedHandler<T>(handler: ((value: T | undefined) => void) | undefined): (value: T | T[]) => void;
+export declare function useWrappedValue<T>(value: T | undefined): T[] | undefined;
+export declare function numberFormatter(value: number | string | undefined, formatOptions?: Intl.NumberFormatOptions, locale?: string): string;

package/dist/cjs/components/Slider/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};