@openameba/spindle-ui 0.43.0 → 0.45.0

package/Breadcrumb/BreadcrumbItem.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -43,7 +47,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbItem = void 0;
 var react_1 = __importStar(require("react"));
-exports.BreadcrumbItem = react_1.forwardRef(function Item(_a, ref) {
+exports.BreadcrumbItem = (0, react_1.forwardRef)(function Item(_a, ref) {
     var children = _a.children, current = _a.current, rest = __rest(_a, ["children", "current"]);
     if (current) {
         return (react_1.default.createElement("a", __assign({ ref: ref, "aria-current": "page" }, rest), children));

package/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,kBAAU,CACtC,SAAS,IAAI,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IACxC,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,kBAAe,MAAM,IAAK,IAAI,GACtC,QAAQ,CACP,CACL,CAAC;KACH;IACD,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,IAAM,IAAI,GAClB,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,IAAI,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IACxC,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,kBAAe,MAAM,IAAK,IAAI,GACtC,QAAQ,CACP,CACL,CAAC;KACH;IACD,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,IAAM,IAAI,GAClB,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Breadcrumb/BreadcrumbItem.mjs

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 export const BreadcrumbItem = forwardRef(function Item({ children, current, ...rest }, ref) {
     if (current) {
-        return (React.createElement("a", Object.assign({ ref: ref, "aria-current": "page" }, rest), children));
+        return (React.createElement("a", { ref: ref, "aria-current": "page", ...rest }, children));
     }
-    return (React.createElement("a", Object.assign({ ref: ref }, rest), children));
+    return (React.createElement("a", { ref: ref, ...rest }, children));
 });

package/Breadcrumb/BreadcrumbList.js

@@ -29,13 +29,14 @@ exports.BreadcrumbList = void 0;
 var react_1 = __importDefault(require("react"));
 var ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
 var BLOCK_NAME = 'spui-Breadcrumb';
-exports.BreadcrumbList = function (props) {
+var BreadcrumbList = function (props) {
     var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
     return (react_1.default.createElement("nav", __assign({ "aria-label": "\u30D1\u30F3\u304F\u305A\u30EA\u30B9\u30C8", className: [BLOCK_NAME, className].join(' ').trim() }, rest),
-        react_1.default.createElement("ol", { className: BLOCK_NAME + "-list" }, react_1.default.Children.map(children, function (child) {
-            return react_1.default.isValidElement(child) ? (react_1.default.createElement("li", { className: BLOCK_NAME + "-item" },
+        react_1.default.createElement("ol", { className: "".concat(BLOCK_NAME, "-list") }, react_1.default.Children.map(children, function (child) {
+            return react_1.default.isValidElement(child) ? (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item") },
                 child,
-                react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className: BLOCK_NAME + "-chevron" }))) : null;
+                react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-chevron") }))) : null;
         }))));
 };
+exports.BreadcrumbList = BreadcrumbList;
 //# sourceMappingURL=BreadcrumbList.js.map

package/Breadcrumb/BreadcrumbList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8EAAwD;AAMxD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAExB,QAAA,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAF,CAAW;IAC/C,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAC/C,IAAI;QAER,sCAAI,SAAS,EAAK,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,sCAAI,SAAS,EAAK,UAAU,UAAO;gBAChC,KAAK;gBACN,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAK,UAAU,aAAU,GAClC,CACC,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8EAAwD;AAMxD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAF,CAAW;IAC/C,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAC/C,IAAI;QAER,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO;gBAChC,KAAK;gBACN,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACC,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB"}

package/Breadcrumb/BreadcrumbList.mjs

@@ -3,7 +3,7 @@ import ChevronRightBold from '../Icon/ChevronRightBold';
 const BLOCK_NAME = 'spui-Breadcrumb';
 export const BreadcrumbList = (props) => {
     const { children, className, ...rest } = props;
-    return (React.createElement("nav", Object.assign({ "aria-label": "\u30D1\u30F3\u304F\u305A\u30EA\u30B9\u30C8", className: [BLOCK_NAME, className].join(' ').trim() }, rest),
+    return (React.createElement("nav", { "aria-label": "\u30D1\u30F3\u304F\u305A\u30EA\u30B9\u30C8", className: [BLOCK_NAME, className].join(' ').trim(), ...rest },
         React.createElement("ol", { className: `${BLOCK_NAME}-list` }, React.Children.map(children, (child) => {
             return React.isValidElement(child) ? (React.createElement("li", { className: `${BLOCK_NAME}-item` },
                 child,

package/Button/Button.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -44,10 +48,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var react_1 = __importStar(require("react"));
 var BLOCK_NAME = 'spui-Button';
-exports.Button = react_1.forwardRef(function Button(_a, ref) {
+exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
     var children = _a.children, _b = _a.layout, layout = _b === void 0 ? 'intrinsic' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.variant, variant = _d === void 0 ? 'contained' : _d, icon = _a.icon, rest = __rest(_a, ["children", "layout", "size", "variant", "icon"]);
-    return (react_1.default.createElement("button", __assign({ className: BLOCK_NAME + " " + BLOCK_NAME + "--" + layout + " " + BLOCK_NAME + "--" + size + " " + BLOCK_NAME + "--" + variant, ref: ref }, rest), icon ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-icon " + BLOCK_NAME + "-icon--" + size }, icon),
+    return (react_1.default.createElement("button", __assign({ className: "".concat(BLOCK_NAME, " ").concat(BLOCK_NAME, "--").concat(layout, " ").concat(BLOCK_NAME, "--").concat(size, " ").concat(BLOCK_NAME, "--").concat(variant), ref: ref }, rest), icon ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon ").concat(BLOCK_NAME, "-icon--").concat(size) }, icon),
         children)) : (children)));
 });
 //# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAiB1C,IAAM,UAAU,GAAG,aAAa,CAAC;AAEpB,QAAA,MAAM,GAAG,kBAAU,CAA2B,SAAS,MAAM,CACxE,EAOQ,EACR,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAA,EACpB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,IAAI,UAAA,EACD,IAAI,cANT,iDAOC,CADQ;IAIT,OAAO,CACL,mDACE,SAAS,EAAK,UAAU,SAAI,UAAU,UAAK,MAAM,SAAI,UAAU,UAAK,IAAI,SAAI,UAAU,UAAK,OAAS,EACpG,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAK,UAAU,cAAS,UAAU,eAAU,IAAM,IAC9D,IAAI,CACA;QACN,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAiB1C,IAAM,UAAU,GAAG,aAAa,CAAC;AAEpB,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA2B,SAAS,MAAM,CACxE,EAOQ,EACR,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAA,EACpB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,IAAI,UAAA,EACD,IAAI,cANT,iDAOC,CADQ;IAIT,OAAO,CACL,mDACE,SAAS,EAAE,UAAG,UAAU,cAAI,UAAU,eAAK,MAAM,cAAI,UAAU,eAAK,IAAI,cAAI,UAAU,eAAK,OAAO,CAAE,EACpG,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,IAAI,CAAE,IAC9D,IAAI,CACA;QACN,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Button/Button.mjs

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 const BLOCK_NAME = 'spui-Button';
 export const Button = forwardRef(function Button({ children, layout = 'intrinsic', size = 'large', variant = 'contained', icon, ...rest }, ref) {
-    return (React.createElement("button", Object.assign({ className: `${BLOCK_NAME} ${BLOCK_NAME}--${layout} ${BLOCK_NAME}--${size} ${BLOCK_NAME}--${variant}`, ref: ref }, rest), icon ? (React.createElement(React.Fragment, null,
+    return (React.createElement("button", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${layout} ${BLOCK_NAME}--${size} ${BLOCK_NAME}--${variant}`, ref: ref, ...rest }, icon ? (React.createElement(React.Fragment, null,
         React.createElement("span", { className: `${BLOCK_NAME}-icon ${BLOCK_NAME}-icon--${size}` }, icon),
         children)) : (children)));
 });

package/ButtonGroup/ButtonGroup.js

@@ -28,16 +28,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonGroup = void 0;
 var react_1 = __importDefault(require("react"));
 var BLOCK_NAME = 'spui-ButtonGroup';
-exports.ButtonGroup = function (_a) {
+var ButtonGroup = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, rest = __rest(_a, ["children", "className", "direction", "size"]);
     var classnames = [
         BLOCK_NAME,
-        BLOCK_NAME + "--" + direction,
-        BLOCK_NAME + "--" + size,
+        "".concat(BLOCK_NAME, "--").concat(direction),
+        "".concat(BLOCK_NAME, "--").concat(size),
         className,
     ]
         .filter(Boolean)
         .join(' ');
     return (react_1.default.createElement("div", __assign({ className: classnames }, rest), children));
 };
+exports.ButtonGroup = ButtonGroup;
 //# sourceMappingURL=ButtonGroup.js.map

package/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAW1B,IAAM,UAAU,GAAG,kBAAkB,CAAC;AAEzB,QAAA,WAAW,GAAoB,UAAC,EAMrC;IALN,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACX,IAAI,cALoC,8CAM5C,CADQ;IAEP,IAAM,UAAU,GAAG;QACjB,UAAU;QACP,UAAU,UAAK,SAAW;QAC1B,UAAU,UAAK,IAAM;QACxB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gDAAK,SAAS,EAAE,UAAU,IAAM,IAAI,GACjC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAW1B,IAAM,UAAU,GAAG,kBAAkB,CAAC;AAE/B,IAAM,WAAW,GAAoB,UAAC,EAMrC;IALN,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACX,IAAI,cALoC,8CAM5C,CADQ;IAEP,IAAM,UAAU,GAAG;QACjB,UAAU;QACV,UAAG,UAAU,eAAK,SAAS,CAAE;QAC7B,UAAG,UAAU,eAAK,IAAI,CAAE;QACxB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gDAAK,SAAS,EAAE,UAAU,IAAM,IAAI,GACjC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,WAAW,eAqBtB"}

package/ButtonGroup/ButtonGroup.mjs

@@ -9,5 +9,5 @@ export const ButtonGroup = ({ children, className, direction = 'row', size = 'la
     ]
         .filter(Boolean)
         .join(' ');
-    return (React.createElement("div", Object.assign({ className: classnames }, rest), children));
+    return (React.createElement("div", { className: classnames, ...rest }, children));
 };

package/CHANGELOG.md

@@ -3,6 +3,53 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.45.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.44.0...@openameba/spindle-ui@0.45.0) (2022-08-18)
+
+
+### Features
+
+* **spindle-ui:** add SnackBar ([1082a38](https://github.com/openameba/spindle/commit/1082a382dd1b75a7c795fbc085fd983cca8a4445))
+* **spindle-ui:** update Toast ([45727db](https://github.com/openameba/spindle/commit/45727dbc204ed3d2f583a6cece39e29d8b4c7b83))
+* add testing library react hooks ([6f844a7](https://github.com/openameba/spindle/commit/6f844a788c7311cb1210931a82576da01c94c721))
+
+
+### BREAKING CHANGES
+
+* **spindle-ui:** it changes some behaivior and adds new props
+
+
+
+
+
+# [0.44.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.43.1...@openameba/spindle-ui@0.44.0) (2022-08-08)
+
+
+### Bug Fixes
+
+* change import statement for react-merge-refs v2 ([2fac0f8](https://github.com/openameba/spindle/commit/2fac0f836f72dfdaf380867f877dcd37a360bbd2))
+* **deps:** update dependency react-merge-refs to v2 ([1992c17](https://github.com/openameba/spindle/commit/1992c172e51f61f25edf8a1a1fccae6236b1f5fa))
+
+
+### Features
+
+* **spindle-ui:** create TextButton ([adbc0fa](https://github.com/openameba/spindle/commit/adbc0faf59f0c9af9944b06a49cb0349ed8a15c6))
+* upgrade babel-loader ([892d026](https://github.com/openameba/spindle/commit/892d02652dfd6024ad52a70cc9a29681b6c32a86))
+
+
+
+
+
+## [0.43.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.43.0...@openameba/spindle-ui@0.43.1) (2022-07-15)
+
+
+### Bug Fixes
+
+* **spindle-ui:** import style of UI components in AppealModal ([cb4d389](https://github.com/openameba/spindle/commit/cb4d3895dc9d3aeff62f1e2b2f5a6310321ed995))
+
+
+
+
+
 # [0.43.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.42.0...@openameba/spindle-ui@0.43.0) (2022-07-14)
 
 

package/Dialog/Dialog.d.ts

@@ -20,8 +20,8 @@ export declare const Dialog: {
     Title: ({ children, id }: PartsProps) => JSX.Element;
     Body: ({ children, id }: PartsProps) => JSX.Element;
     ButtonGroup: React.FC<{
-        direction?: "column" | "row" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        direction?: ("column" | "row") | undefined;
+        size?: ("small" | "medium" | "large") | undefined;
     } & React.HTMLAttributes<HTMLDivElement>>;
 };
 export {};

package/Dialog/Dialog.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -40,25 +44,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
 var react_1 = __importStar(require("react"));
-var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
+var react_merge_refs_1 = require("react-merge-refs");
 var ButtonGroup_1 = require("../ButtonGroup");
 var BLOCK_NAME = 'spui-Dialog';
 var FADE_OUT_ANIMATION = 'spui-Dialog-fade-out';
-var Frame = react_1.forwardRef(function Dialog(_a, ref) {
+var Frame = (0, react_1.forwardRef)(function Dialog(_a, ref) {
     var children = _a.children, className = _a.className, open = _a.open, onClose = _a.onClose, rest = __rest(_a, ["children", "className", "open", "onClose"]);
-    var _b = react_1.useState(false), closing = _b[0], setClosing = _b[1];
-    var dialogEl = react_1.useRef(null);
+    var _b = (0, react_1.useState)(false), closing = _b[0], setClosing = _b[1];
+    var dialogEl = (0, react_1.useRef)(null);
     var handleFormSubmit = function (event) {
         event.preventDefault(); // To be closed with the open prop
         typeof onClose === 'function' && onClose(event);
     };
-    var handleAnimationEnd = react_1.useCallback(function (event) {
+    var handleAnimationEnd = (0, react_1.useCallback)(function (event) {
         if (dialogEl.current &&
             event.animationName === FADE_OUT_ANIMATION &&
             !event.pseudoElement // To exclude ::backdrop
@@ -67,18 +68,21 @@ var Frame = react_1.forwardRef(function Dialog(_a, ref) {
             setClosing(false);
         }
     }, [dialogEl]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', handleAnimationEnd, false);
-        return function () { var _a; return (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', handleAnimationEnd, false); };
+        return function () {
+            var _a;
+            return (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', handleAnimationEnd, false);
+        };
     }, [dialogEl]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         if (!dialogEl.current) {
             return;
         }
         // Remove this when browsers support :has() pseudo-class
-        var classNameToStopScrollBehindDialog = BLOCK_NAME + "--open";
+        var classNameToStopScrollBehindDialog = "".concat(BLOCK_NAME, "--open");
         if (open) {
             dialogEl.current.showModal && dialogEl.current.showModal();
             document.documentElement.classList.add(classNameToStopScrollBehindDialog);
@@ -89,7 +93,7 @@ var Frame = react_1.forwardRef(function Dialog(_a, ref) {
             document.documentElement.classList.remove(classNameToStopScrollBehindDialog);
         }
     }, [open, dialogEl]);
-    return (react_1.default.createElement("dialog", __assign({ ref: react_merge_refs_1.default([dialogEl, ref]), className: [BLOCK_NAME, closing && BLOCK_NAME + "--closing", className]
+    return (react_1.default.createElement("dialog", __assign({ ref: (0, react_merge_refs_1.mergeRefs)([dialogEl, ref]), className: [BLOCK_NAME, closing && "".concat(BLOCK_NAME, "--closing"), className]
             .filter(Boolean)
             .join(' ')
             .trim() }, rest),
@@ -101,15 +105,15 @@ var StyleOnly = function (_a) {
 };
 var Title = function (_a) {
     var children = _a.children, id = _a.id;
-    return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME + "-title" }, (id ? { id: id } : {})), children));
+    return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-title") }, (id ? { id: id } : {})), children));
 };
 var Body = function (_a) {
     var children = _a.children, id = _a.id;
-    return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME + "-body" }, (id ? { id: id } : {})), children));
+    return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-body") }, (id ? { id: id } : {})), children));
 };
 var ButtonGroup = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({ className: BLOCK_NAME + "-buttonGroup", size: "medium" }, rest), children));
+    return (react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({ className: "".concat(BLOCK_NAME, "-buttonGroup"), size: "medium" }, rest), children));
 };
 exports.Dialog = {
     Frame: Frame,

package/Dialog/Dialog.js.map

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

package/Dialog/Dialog.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
-import mergeRefs from 'react-merge-refs';
+import { mergeRefs } from 'react-merge-refs';
 import { ButtonGroup as Group } from '../ButtonGroup';
 const BLOCK_NAME = 'spui-Dialog';
 const FADE_OUT_ANIMATION = 'spui-Dialog-fade-out';
@@ -39,23 +39,23 @@ const Frame = forwardRef(function Dialog({ children, className, open, onClose, .
             document.documentElement.classList.remove(classNameToStopScrollBehindDialog);
         }
     }, [open, dialogEl]);
-    return (React.createElement("dialog", Object.assign({ ref: mergeRefs([dialogEl, ref]), className: [BLOCK_NAME, closing && `${BLOCK_NAME}--closing`, className]
+    return (React.createElement("dialog", { ref: mergeRefs([dialogEl, ref]), className: [BLOCK_NAME, closing && `${BLOCK_NAME}--closing`, className]
             .filter(Boolean)
             .join(' ')
-            .trim() }, rest),
+            .trim(), ...rest },
         React.createElement("form", { method: "dialog", onSubmit: handleFormSubmit }, children)));
 });
 const StyleOnly = ({ className, children }) => {
     return (React.createElement("div", { className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim() }, children));
 };
 const Title = ({ children, id }) => {
-    return (React.createElement("p", Object.assign({ className: `${BLOCK_NAME}-title` }, (id ? { id } : {})), children));
+    return (React.createElement("p", { className: `${BLOCK_NAME}-title`, ...(id ? { id } : {}) }, children));
 };
 const Body = ({ children, id }) => {
-    return (React.createElement("p", Object.assign({ className: `${BLOCK_NAME}-body` }, (id ? { id } : {})), children));
+    return (React.createElement("p", { className: `${BLOCK_NAME}-body`, ...(id ? { id } : {}) }, children));
 };
 const ButtonGroup = ({ children, ...rest }) => {
-    return (React.createElement(Group, Object.assign({ className: `${BLOCK_NAME}-buttonGroup`, size: "medium" }, rest), children));
+    return (React.createElement(Group, { className: `${BLOCK_NAME}-buttonGroup`, size: "medium", ...rest }, children));
 };
 export const Dialog = {
     Frame,

package/Dialog/DialogExample.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -30,15 +34,15 @@ var SubtleButton_1 = require("../SubtleButton");
 var Dialog_1 = require("./Dialog");
 require("dialog-polyfill/dist/dialog-polyfill.css");
 function useDialogpolyfill(ref) {
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (ref.current) {
             dialog_polyfill_1.default.registerDialog(ref.current);
         }
     }, [ref]);
 }
 function DialogExample() {
-    var _a = react_1.useState(false), open = _a[0], setOpen = _a[1];
-    var dialogRef = react_1.useRef(null);
+    var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
+    var dialogRef = (0, react_1.useRef)(null);
     var handleOpenButtonClick = function () { return setOpen(true); };
     var handleDialogCancel = function () { return setOpen(false); };
     var handleDialogClose = function () { return setOpen(false); };

package/Dialog/DialogExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,oEAA6C;AAC7C,oCAAmC;AACnC,gDAA+C;AAC/C,mCAAkC;AAElC,oDAAkD;AAElD,SAAS,iBAAiB,CAAC,GAAuC;IAChE,IAAA,iBAAS,EAAC;QACR,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,yBAAc,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC5C;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC;AAED,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IACxC,IAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAM,qBAAqB,GAAG,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC;IAElD,IAAM,kBAAkB,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;IAEhD,IAAM,iBAAiB,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;IAE/C,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAE7B,OAAO,CACL;QACE,8BAAC,eAAM,qBACS,MAAM,EACpB,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAC,QAAQ,kBAGN;QACT,8BAAC,eAAM,CAAC,KAAK,wBACM,oBAAoB,qBACrB,cAAc,EAC9B,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,iBAAiB;YAE1B,8BAAC,eAAM,CAAC,KAAK,IAAC,EAAE,EAAC,cAAc,iDAAuB;YACtD,8BAAC,eAAM,CAAC,IAAI,IAAC,EAAE,EAAC,oBAAoB,yEAEtB;YACd,8BAAC,eAAM,CAAC,WAAW;gBACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,SAE/B,CACU,CACR,CACd,CACJ,CAAC;AACJ,CAAC;AAzCD,sCAyCC;AAED,SAAgB,SAAS;IACvB,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW;YACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,SAE/B,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAZD,8BAYC;AAED,SAAgB,SAAS;IACvB,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW;YACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,qCAEjD;YACT,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,+BAE9D,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAfD,8BAeC;AAED,SAAgB,YAAY;IAC1B,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW,IAAC,SAAS,EAAC,QAAQ;YACpC,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,wDAE7C;YACT,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,qCAEjD,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAfD,oCAeC;AAED,SAAgB,4BAA4B;IAC1C,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW,IAAC,SAAS,EAAC,QAAQ;YACpC,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,wDAE7C;YACT,8BAAC,2BAAY,IAAC,IAAI,EAAC,QAAQ,yBAAmB,CAC3B,CACJ,CACpB,CAAC;AACJ,CAAC;AAbD,oEAaC"}

package/Form/Checkbox.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -45,13 +49,13 @@ exports.Checkbox = void 0;
 var react_1 = __importStar(require("react"));
 var Icon_1 = require("../Icon");
 var BLOCK_NAME = 'spui-Checkbox';
-exports.Checkbox = react_1.forwardRef(function Checkbox(_a, ref) {
+exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("label", { className: BLOCK_NAME + "-label" },
-        react_1.default.createElement("input", __assign({ className: BLOCK_NAME + "-input", ref: ref, type: "checkbox" }, rest)),
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-icon" },
+    return (react_1.default.createElement("label", { className: "".concat(BLOCK_NAME, "-label") },
+        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), ref: ref, type: "checkbox" }, rest)),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
             react_1.default.createElement(Icon_1.CheckBold, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-outline" }),
-        children && react_1.default.createElement("span", { className: BLOCK_NAME + "-text" }, children)));
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
+        children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
 });
 //# sourceMappingURL=Checkbox.js.map

package/Form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gCAAoC;AAOpC,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,kBAAU,CAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAK,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAK,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAK,UAAU,UAAO;YACnC,8BAAC,gBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAK,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAK,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gCAAoC;AAOpC,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,gBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/Checkbox.mjs

@@ -3,7 +3,7 @@ import { CheckBold } from '../Icon';
 const BLOCK_NAME = 'spui-Checkbox';
 export const Checkbox = forwardRef(function Checkbox({ children, ...rest }, ref) {
     return (React.createElement("label", { className: `${BLOCK_NAME}-label` },
-        React.createElement("input", Object.assign({ className: `${BLOCK_NAME}-input`, ref: ref, type: "checkbox" }, rest)),
+        React.createElement("input", { className: `${BLOCK_NAME}-input`, ref: ref, type: "checkbox", ...rest }),
         React.createElement("span", { className: `${BLOCK_NAME}-icon` },
             React.createElement(CheckBold, { "aria-hidden": "true" })),
         React.createElement("span", { className: `${BLOCK_NAME}-outline` }),

package/Form/DropDown.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -40,20 +44,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = void 0;
 var react_1 = __importStar(require("react"));
-var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
+var react_merge_refs_1 = require("react-merge-refs");
 var Icon_1 = require("../Icon");
 var BLOCK_NAME = 'spui-DropDown';
-exports.DropDown = react_1.forwardRef(function DropDown(_a, ref) {
+exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
     var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "hasError", "onChange"]);
-    var selectEl = react_1.useRef(null);
-    var _c = react_1.useState(''), text = _c[0], setText = _c[1];
-    var _d = react_1.useState(false), disabled = _d[0], setDisabled = _d[1];
+    var selectEl = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
+    var _d = (0, react_1.useState)(false), disabled = _d[0], setDisabled = _d[1];
     var update = function () {
         if (selectEl && selectEl.current) {
             var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
@@ -70,18 +71,18 @@ exports.DropDown = react_1.forwardRef(function DropDown(_a, ref) {
         update();
     };
     // Update text once
-    react_1.useEffect(update, []);
+    (0, react_1.useEffect)(update, []);
     return (react_1.default.createElement("label", { className: [
-            BLOCK_NAME + "-label",
+            "".concat(BLOCK_NAME, "-label"),
             !disabled ? 'is-active' : '',
             hasError ? 'is-error' : '',
         ]
             .filter(Boolean)
             .join(' ') },
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-visual" }, text),
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-icon" },
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") }, text),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
             react_1.default.createElement(Icon_1.ChevronDownBold, { "aria-hidden": "true" })),
-        react_1.default.createElement("select", __assign({ className: BLOCK_NAME + "-select", ref: react_merge_refs_1.default([selectEl, ref]), onChange: handleChange }, rest), children),
-        react_1.default.createElement("span", { className: BLOCK_NAME + "-outline" })));
+        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select"), ref: (0, react_merge_refs_1.mergeRefs)([selectEl, ref]), onChange: handleChange }, rest), children),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
 });
 //# sourceMappingURL=DropDown.js.map

package/Form/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,gCAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,kBAAU,CAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,cAAM,CAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,gBAAQ,CAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,gBAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,iBAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACN,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAK,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAK,UAAU,UAAO;YACnC,8BAAC,sBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAK,UAAU,YAAS,EACjC,GAAG,EAAE,0BAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAK,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAA6C;AAE7C,gCAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,sBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,4BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/DropDown.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import mergeRefs from 'react-merge-refs';
+import { mergeRefs } from 'react-merge-refs';
 import { ChevronDownBold } from '../Icon';
 const BLOCK_NAME = 'spui-DropDown';
 export const DropDown = forwardRef(function DropDown({ children, hasError = false, onChange, ...rest }, ref) {
@@ -33,6 +33,6 @@ export const DropDown = forwardRef(function DropDown({ children, hasError = fals
         React.createElement("span", { className: `${BLOCK_NAME}-visual` }, text),
         React.createElement("span", { className: `${BLOCK_NAME}-icon` },
             React.createElement(ChevronDownBold, { "aria-hidden": "true" })),
-        React.createElement("select", Object.assign({ className: `${BLOCK_NAME}-select`, ref: mergeRefs([selectEl, ref]), onChange: handleChange }, rest), children),
+        React.createElement("select", { className: `${BLOCK_NAME}-select`, ref: mergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
         React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });