@openameba/spindle-ui 0.43.1 → 0.46.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,62 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.46.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.45.0...@openameba/spindle-ui@0.46.0) (2022-08-25)
+
+
+### Bug Fixes
+
+* **spindle-ui:** fix SnackBar component interface for stacking feature ([412930e](https://github.com/openameba/spindle/commit/412930e551e167b3f7673089f45c13b7be031621))
+* **spindle-ui:** fix Toast component interface for stacking feature ([1682a0b](https://github.com/openameba/spindle/commit/1682a0b1fcb06f26a92806d3b1b7112b1a009d85))
+* do hooks called by every render to resolve error of react-hooks/rules-of-hooks ([d1b3eea](https://github.com/openameba/spindle/commit/d1b3eea6a7bf3be8549e3b48020b2b5062228955))
+
+
+### Features
+
+* **spindle-ui:** add DropdownMenu component ([70f8a73](https://github.com/openameba/spindle/commit/70f8a730a044c528f85dd70223ed8f0e98345419))
+* **spindle-ui:** add StackNotificationManager for stacking notification components ([e3a6128](https://github.com/openameba/spindle/commit/e3a61284ba8c91285d1148a470e6ee5e0e911f12))
+* **spindle-ui:** update TextButton docs ([5bad71b](https://github.com/openameba/spindle/commit/5bad71bc10f8da467eda755a8f8bf724172a0d6d))
+
+
+
+
+
+# [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)
 
 

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":"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"}

package/DropdownMenu/DropdownMenu.css

@@ -0,0 +1 @@
+:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{-webkit-animation:spui-DropdownMenu-fade-in .3s;animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;left:-256px;list-style:none;margin:0;padding:12px 0;position:absolute;top:0;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{-webkit-animation:spui-DropdownMenu-fade-out .3s;animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--right{left:auto;right:-256px;width:256px}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@-webkit-keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu{left:auto;right:0;top:auto}.spui-DropdownMenu-menu--right{left:0;top:auto}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{-webkit-animation:spui-DropdownMenu-fade-in 0s;animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{-webkit-animation:spui-DropdownMenu-fade-out 0s;animation:spui-DropdownMenu-fade-out 0s}}

package/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+declare type Variant = 'text' | 'textWithIcon' | 'headWithIcon' | 'headWithIconAndCaption';
+interface DefaultProps {
+    children: React.ReactNode;
+}
+interface ListItemProps extends DefaultProps {
+    icon?: React.ReactNode;
+    onClick: () => void;
+}
+interface ListProps extends DefaultProps {
+    id?: string;
+    onClose: () => void;
+    open: boolean;
+    position?: 'left' | 'right';
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    variant?: Variant;
+}
+export declare const BLOCK_NAME = "spui-DropdownMenu";
+export declare const DropdownMenu: {
+    Caption: ({ children }: DefaultProps) => JSX.Element;
+    Frame: ({ children }: DefaultProps) => JSX.Element;
+    List: ({ children, id, onClose, open, position, triggerRef, variant, }: ListProps) => JSX.Element;
+    ListItem: ({ children, icon, onClick }: ListItemProps) => JSX.Element;
+    Title: ({ children }: DefaultProps) => JSX.Element;
+};
+export {};
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/DropdownMenu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,aAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AA+H9C,eAAO,MAAM,YAAY;4BA5HM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CA6FmC,aAAa;0BAW/B,YAAY;CAUxC,CAAC"}

package/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,119 @@
+"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.DropdownMenu = exports.BLOCK_NAME = void 0;
+var react_1 = __importStar(require("react"));
+exports.BLOCK_NAME = 'spui-DropdownMenu';
+var FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
+var Caption = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement("p", { className: "".concat(exports.BLOCK_NAME, "-caption") }, children);
+};
+var Frame = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME) }, children);
+};
+var List = function (_a) {
+    var children = _a.children, id = _a.id, onClose = _a.onClose, open = _a.open, _b = _a.position, position = _b === void 0 ? 'left' : _b, triggerRef = _a.triggerRef, _c = _a.variant, variant = _c === void 0 ? 'text' : _c;
+    var CLOSE_KEY_LIST = ['Escape', 'Esc'];
+    var menuEl = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(false), fadeOut = _d[0], setFadeOut = _d[1];
+    var onClickBody = (0, react_1.useCallback)(function (e) {
+        if (!open)
+            return;
+        if (triggerRef.current && e.composedPath().includes(triggerRef.current))
+            return;
+        var menuEl = document.querySelector(".".concat(exports.BLOCK_NAME, "-menu"));
+        if (menuEl && e.composedPath().includes(menuEl))
+            return;
+        setFadeOut(true);
+    }, [open, setFadeOut, triggerRef]);
+    var onClickCloser = (0, react_1.useCallback)(function () {
+        var _a;
+        setFadeOut(true);
+        (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [setFadeOut, triggerRef]);
+    var handleKeyDown = (0, react_1.useCallback)(function (e) {
+        if (CLOSE_KEY_LIST.includes(e.key)) {
+            onClickCloser();
+        }
+    }, [onClickCloser]);
+    var handleAnimationEnd = (0, react_1.useCallback)(function (event) {
+        if (event.animationName === FADE_IN_ANIMATION)
+            return;
+        onClose();
+        setFadeOut(false);
+    }, [onClose, setFadeOut]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        (_a = menuEl.current) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', handleAnimationEnd, false);
+        return function () {
+            var _a;
+            return (_a = menuEl.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', handleAnimationEnd, false);
+        };
+    }, [menuEl, handleAnimationEnd]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('click', onClickBody, false);
+        return function () {
+            window.removeEventListener('click', onClickBody, false);
+        };
+    }, [onClickBody]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('keydown', handleKeyDown);
+        return function () {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [handleKeyDown]);
+    if (!open) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement("ul", { id: id, onClick: onClickCloser, className: [
+            "".concat(exports.BLOCK_NAME, "-menu"),
+            "".concat(exports.BLOCK_NAME, "-menu--").concat(variant),
+            position === 'right' && "".concat(exports.BLOCK_NAME, "-menu--right"),
+            fadeOut && 'is-fade-out',
+        ]
+            .filter(Boolean)
+            .join(' '), ref: menuEl, role: "menu" }, children));
+};
+var ListItem = function (_a) {
+    var children = _a.children, icon = _a.icon, onClick = _a.onClick;
+    return (react_1.default.createElement("li", { className: "".concat(exports.BLOCK_NAME, "-menuItem"), role: "menuItem" },
+        react_1.default.createElement("button", { className: "".concat(exports.BLOCK_NAME, "-menuButton"), onClick: onClick },
+            icon && react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconContainer") }, icon),
+            react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-textContainer") }, children))));
+};
+var Title = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement("p", { className: "".concat(exports.BLOCK_NAME, "-title") }, children);
+};
+exports.DropdownMenu = {
+    Caption: Caption,
+    Frame: Frame,
+    List: List,
+    ListItem: ListItem,
+    Title: Title,
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/DropdownMenu.js.map

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