@bundle-stats/ui 4.16.0-beta.0 → 4.16.0-beta.2

package/lib/components/metrics-table-options/metrics-table-options.js

@@ -5,24 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MetricsTableOptions = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const i18n_1 = __importDefault(require("../../i18n"));
 const dropdown_1 = require("../../ui/dropdown");
+const separator_1 = require("../../layout/separator");
 const MetricsTableOptions = (props) => {
-    const { className, handleViewAll, handleResetFilters, ...restProps } = props;
-    return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, glyph: "more-vertical", ...restProps },
-        handleResetFilters && (react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
-        handleViewAll && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL)));
+    const { onViewAllClick, onResetClick, onExportClick, ...restProps } = props;
+    return (react_1.default.createElement(dropdown_1.Dropdown, { glyph: "more-vertical", ...restProps },
+        onResetClick && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onResetClick }, i18n_1.default.RESET_FILTERS),
+        onViewAllClick && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onViewAllClick }, i18n_1.default.VIEW_ALL),
+        ((onResetClick || onViewAllClick) && onExportClick) && react_1.default.createElement(separator_1.Separator, null),
+        onExportClick && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onExportClick }, i18n_1.default.EXPORT)));
 };
 exports.MetricsTableOptions = MetricsTableOptions;
-exports.MetricsTableOptions.propTypes = {
-    className: prop_types_1.default.string,
-    handleViewAll: prop_types_1.default.func,
-    handleResetFilters: prop_types_1.default.func,
-};
-exports.MetricsTableOptions.defaultProps = {
-    className: '',
-    handleViewAll: null,
-    handleResetFilters: null,
-};
 //# sourceMappingURL=metrics-table-options.js.map

package/lib/components/metrics-table-options/metrics-table-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA2D;AAEpD,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,uBAAY,IAAC,OAAO,EAAE,kBAAkB,IAAG,cAAI,CAAC,aAAa,CAAgB,CAC/E;QACA,aAAa,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,aAAa,IAAG,cAAI,CAAC,QAAQ,CAAgB,CAC7E,CACZ,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}
+{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,sDAA8B;AAC9B,gDAA2D;AAC3D,sDAAmD;AAQ5C,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,8BAAC,mBAAQ,IAAC,KAAK,EAAC,eAAe,KAAK,SAAS;QAC1C,YAAY,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,YAAY,IAAG,cAAI,CAAC,aAAa,CAAgB;QACxF,cAAc,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,cAAc,IAAG,cAAI,CAAC,QAAQ,CAAgB;QACvF,CAAC,CAAC,YAAY,IAAI,cAAc,CAAC,IAAI,aAAa,CAAC,IAAI,8BAAC,qBAAS,OAAG;QACpE,aAAa,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,aAAa,IAAG,cAAI,CAAC,MAAM,CAAgB,CAC3E,CACZ,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}

package/lib/components/preview-source/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./preview-source"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/preview-source/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/preview-source/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/lib/components/preview-source/preview-source.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewSource = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const button_1 = require("../../ui/button");
+const copy_to_clipboard_1 = require("../../ui/copy-to-clipboard");
+const control_group_1 = require("../../ui/control-group");
+const tooltip_1 = require("../../ui/tooltip");
+const textarea_1 = require("../../ui/textarea");
+const preview_source_module_css_1 = __importDefault(require("./preview-source.module.css"));
+const PreviewSource = (props) => {
+    const { className = '', source, download = false, ...restProps } = props;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(preview_source_module_css_1.default.root, className), ...restProps },
+        react_1.default.createElement(control_group_1.ControlGroup, { className: preview_source_module_css_1.default.toolbar },
+            react_1.default.createElement(copy_to_clipboard_1.CopyToClipboard, { outline: true, size: "small", text: source }),
+            download && (react_1.default.createElement(tooltip_1.Tooltip, { title: `Download ${download}`, className: preview_source_module_css_1.default.downloadTooltip },
+                react_1.default.createElement(button_1.Button, { outline: true, rightGlyph: button_1.BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download })))),
+        react_1.default.createElement(textarea_1.Textarea, { previewSource: true, readOnly: true, rows: 12, className: preview_source_module_css_1.default.content }, source)));
+};
+exports.PreviewSource = PreviewSource;
+//# sourceMappingURL=preview-source.js.map

package/lib/components/preview-source/preview-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAYvC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QACpD,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY;QACf,8BAAC,mBAAQ,IAAC,aAAa,QAAC,QAAQ,QAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,OAAO,IAC9D,MAAM,CACE,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,aAAa,iBAyBxB"}

package/lib/components/preview-source/preview-source.module.css

@@ -0,0 +1,28 @@
+.root {
+  position: relative;
+}
+
+.toolbar {
+  position: absolute;
+  z-index: 2;
+  top: var(--space-xsmall);
+  right: var(--space-xsmall);
+}
+
+/** fix control group with nested components */
+.downloadTooltip > a {
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.downloadTooltip > a:hover,
+.downloadTooltip > a:active,
+.downloadTooltip > a:focus {
+  box-shadow: none;
+}
+
+.content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}

package/lib/css/variables.css

@@ -176,6 +176,7 @@
   --color-outline-warning: var(--color-yellow-200);
   --color-outline-danger: var(--color-red-100);
 
+  --color-backdrop: rgba(0, 0, 0, 0.05);
   --color-shadow: rgba(0, 0, 0, 0.2);
 
   --transition-duration-in: 0.2s;

package/lib/i18n.js

@@ -16,6 +16,9 @@ exports.default = {
     PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: minification)",
     RESET_FILTERS: 'Reset filters',
     VIEW_ALL: 'View all entries',
+    EXPORT: 'Export',
+    COPY_TO_CLIPBOARD: 'Copy to clipboard',
+    COPY_TO_CLIPBOARD_DONE: 'Copied to clipboard',
     GITHUB_LINK_TITLE: 'View BundleStats project on GitHub',
     REPORT_ISSUE: 'Report issue',
     REPORT_ISSUE_LINK_TITLE: 'Open issue on GitHub',

package/lib/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,2DAA2D;IACxE,iBAAiB,EAAE,mEAAmE;IACtF,YAAY,EACV,uFAAuF;IACzF,aAAa,EACX,qGAAqG;IAEvG,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAE5B,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,2DAA2D;IACxE,iBAAiB,EAAE,mEAAmE;IACtF,YAAY,EACV,uFAAuF;IACzF,aAAa,EACX,qGAAqG;IAEvG,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,QAAQ;IAEhB,iBAAiB,EAAE,mBAAmB;IACtC,sBAAsB,EAAE,qBAAqB;IAE7C,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}

package/lib/ui/button/button.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.BUTTON_KIND = exports.BUTTON_SIZE = void 0;
+exports.Button = exports.BUTTON_GLYPHS = exports.BUTTON_KIND = exports.BUTTON_SIZE = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const button_1 = require("ariakit/button");
@@ -22,6 +22,7 @@ exports.BUTTON_KIND = {
     INFO: 'info',
     SUCCES: 'success',
 };
+exports.BUTTON_GLYPHS = icon_1.Icon.ICONS;
 const ButtonComponent = (props) => {
     const { className = '', outline = false, solid = false, active = false, kind = 'default', size = 'medium', radius = '', padding = '', as: Component = button_1.Button, children = null, Icon = icon_1.Icon, glyph, rightGlyph, ...restProps } = props;
     const resolvedPadding = padding || ((outline || solid) && size);

package/lib/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAA4B;AAC5B,2CAA+D;AAE/D,kCAA2C;AAC3C,4EAAsC;AAEzB,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEE,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CACT,CAAC;AAmBX,MAAM,eAAe,GAAG,CACtB,KAAqF,EACrF,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,EAAE,EAAE,SAAS,GAAG,eAAmB,EACnC,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,WAAQ,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,MAAM,CAAC;IAE3F,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,2BAAG,CAAC,IAAI,EACR,IAAI,IAAI,2BAAG,CAAC,IAAI,CAAC,EACjB,2BAAG,CAAC,YAAY,CAAC,EAEjB,OAAO,IAAI,2BAAG,CAAC,OAAO,EACtB,OAAO,IAAI,2BAAG,CAAC,YAAY,IAAI,EAAE,CAAC,EAElC,KAAK,IAAI,2BAAG,CAAC,KAAK,EAClB,KAAK,IAAI,2BAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAE9B,eAAe,IAAI,2BAAG,CAAC,OAAO,EAC9B,cAAc,IAAI,2BAAG,CAAC,WAAW,cAAc,EAAE,CAAC,EAElD,MAAM,IAAI,2BAAG,CAAC,MAAM,EACpB,MAAM,IAAI,OAAO,IAAI,2BAAG,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAElD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa;QAC/C,KAAK,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI;QACrD,QAAQ,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO,IAAG,QAAQ,CAAQ;QAC3D,UAAU,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI,CACtD,CACb,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAA+D;AAE/D,kCAA2C;AAC3C,4EAAsC;AAEzB,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEE,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CACT,CAAC;AAEE,QAAA,aAAa,GAAG,WAAQ,CAAC,KAAK,CAAC;AAmB5C,MAAM,eAAe,GAAG,CACtB,KAAqF,EACrF,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,EAAE,EAAE,SAAS,GAAG,eAAmB,EACnC,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,WAAQ,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,MAAM,CAAC;IAE3F,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,2BAAG,CAAC,IAAI,EACR,IAAI,IAAI,2BAAG,CAAC,IAAI,CAAC,EACjB,2BAAG,CAAC,YAAY,CAAC,EAEjB,OAAO,IAAI,2BAAG,CAAC,OAAO,EACtB,OAAO,IAAI,2BAAG,CAAC,YAAY,IAAI,EAAE,CAAC,EAElC,KAAK,IAAI,2BAAG,CAAC,KAAK,EAClB,KAAK,IAAI,2BAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAE9B,eAAe,IAAI,2BAAG,CAAC,OAAO,EAC9B,cAAc,IAAI,2BAAG,CAAC,WAAW,cAAc,EAAE,CAAC,EAElD,MAAM,IAAI,2BAAG,CAAC,MAAM,EACpB,MAAM,IAAI,OAAO,IAAI,2BAAG,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAElD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa;QAC/C,KAAK,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI;QACrD,QAAQ,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO,IAAG,QAAQ,CAAQ;QAC3D,UAAU,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI,CACtD,CACb,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC"}

package/lib/ui/copy-to-clipboard/copy-to-clipboard.js

@@ -30,6 +30,7 @@ exports.CopyToClipboard = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_use_1 = require("react-use");
+const i18n_1 = __importDefault(require("../../i18n"));
 const button_1 = require("../button");
 const icon_1 = require("../icon");
 const tooltip_1 = require("../tooltip");
@@ -49,12 +50,7 @@ const CopyToClipboard = (props) => {
         setDoneTimeout(done);
     }, [text, doneTimeout, setDoneTimeout]);
     const rootClassName = (0, classnames_1.default)(copy_to_clipboard_module_css_1.default.root, className, doneTimeout && copy_to_clipboard_module_css_1.default.done);
-    return (react_1.default.createElement(tooltip_1.Tooltip, { title: doneTimeout ? 'Copied' : 'Copy to clipboard', as: button_1.Button, type: "button", onClick: handleOnClick, className: rootClassName, ...restProps },
-        react_1.default.createElement("span", { className: copy_to_clipboard_module_css_1.default.wrapper },
-            children && react_1.default.createElement("span", { className: copy_to_clipboard_module_css_1.default.content }, children),
-            react_1.default.createElement("span", { className: copy_to_clipboard_module_css_1.default.icon },
-                react_1.default.createElement(icon_1.Icon, { className: copy_to_clipboard_module_css_1.default.iconCopy, glyph: icon_1.Icon.ICONS.CLIPBOARD }),
-                react_1.default.createElement(icon_1.Icon, { className: copy_to_clipboard_module_css_1.default.iconDone, glyph: icon_1.Icon.ICONS.CLIPBOARD_CHECK })))));
+    return (react_1.default.createElement(tooltip_1.Tooltip, { title: doneTimeout ? i18n_1.default.COPY_TO_CLIPBOARD_DONE : i18n_1.default.COPY_TO_CLIPBOARD, as: button_1.Button, type: "button", rightGlyph: doneTimeout ? icon_1.Icon.ICONS.CLIPBOARD_CHECK : icon_1.Icon.ICONS.CLIPBOARD, onClick: handleOnClick, className: rootClassName, ...restProps }, children));
 };
 exports.CopyToClipboard = CopyToClipboard;
 //# sourceMappingURL=copy-to-clipboard.js.map

package/lib/ui/copy-to-clipboard/copy-to-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-to-clipboard.js","sourceRoot":"","sources":["../../../src/ui/copy-to-clipboard/copy-to-clipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAqD;AACrD,4DAA4B;AAC5B,yCAA+C;AAE/C,sCAAmC;AACnC,kCAA+B;AAC/B,wCAAqC;AACrC,kGAAiD;AAS1C,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,8BAAkB,GAAE,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAwC,CAAC;IAEvF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,CAAC,WAAW,CAAC,CAAC;YAC1B,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,sCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,sCAAG,CAAC,IAAI,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,iBAAO,IACN,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,EACnD,EAAE,EAAE,eAAM,EACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,KACpB,SAAS;QAEb,wCAAM,SAAS,EAAE,sCAAG,CAAC,OAAO;YACzB,QAAQ,IAAI,wCAAM,SAAS,EAAE,sCAAG,CAAC,OAAO,IAAG,QAAQ,CAAQ;YAC5D,wCAAM,SAAS,EAAE,sCAAG,CAAC,IAAI;gBACvB,8BAAC,WAAI,IAAC,SAAS,EAAE,sCAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,SAAS,GAAI;gBAC9D,8BAAC,WAAI,IAAC,SAAS,EAAE,sCAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,eAAe,GAAI,CAC/D,CACF,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B"}
+{"version":3,"file":"copy-to-clipboard.js","sourceRoot":"","sources":["../../../src/ui/copy-to-clipboard/copy-to-clipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAqD;AACrD,4DAA4B;AAC5B,yCAA+C;AAE/C,sDAA8B;AAC9B,sCAAmC;AACnC,kCAA+B;AAC/B,wCAAqC;AACrC,kGAAiD;AAS1C,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,8BAAkB,GAAE,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAwC,CAAC;IAEvF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,CAAC,WAAW,CAAC,CAAC;YAC1B,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,sCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,sCAAG,CAAC,IAAI,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,iBAAO,IACN,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAI,CAAC,iBAAiB,EACzE,EAAE,EAAE,eAAM,EACV,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,SAAS,EAC3E,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,KACpB,SAAS,IAEZ,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B"}

package/lib/ui/copy-to-clipboard/copy-to-clipboard.module.css

@@ -1,58 +1,15 @@
 .root {
-  padding: var(--space-xxxsmall);
-}
-
-.wrapper {
-  display: flex;
-  gap: var(--space-xxsmall);
-  align-items: center;
-}
-
-.content {
-  flex: 1 1 auto;
   white-space: nowrap;
-  line-height: 1.1;
-}
-
-.icon {
-  flex: 0 0 auto;
-  position: relative;
-  width: var(--space-small);
-  height: var(--space-small);
-}
-
-.iconCopy,
-.iconDone {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.iconCopy {
-  color: var(--color-text-ultra-light);
-}
-
-.iconDone {
-  color: var(--color-success);
+  /** override tooltip styles */
+  color: var(--color-text-ultra-light) !important;
 }
 
 /** done state */
-.iconCopy {
-  opacity: 1;
-  transition: var(--ui-transition-out);
-}
-
-.iconDone {
-  opacity: 0;
+.root svg {
   transition: var(--ui-transition-out);
 }
 
-.done .iconCopy {
-  opacity: 0;
-  transition: var(--ui-transition-in);
-}
-
-.done .iconDone {
-  opacity: 1;
+.done svg {
+  color: var(--color-success);
   transition: var(--ui-transition-in);
 }

package/lib/ui/dialog/dialog.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.useDialogState = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const dialog_1 = require("ariakit/dialog");
+const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
+const dialog_module_css_1 = __importDefault(require("./dialog.module.css"));
+var dialog_2 = require("ariakit/dialog");
+Object.defineProperty(exports, "useDialogState", { enumerable: true, get: function () { return dialog_2.useDialogState; } });
+const Dialog = (props) => {
+    const { state, className = '', title = '', width = 'medium', center = false, modal = false, children, } = props;
+    const rootClassName = (0, classnames_1.default)(dialog_module_css_1.default.dialog, width && dialog_module_css_1.default[`width--${width}`], center && dialog_module_css_1.default.center);
+    return (react_1.default.createElement(dialog_1.Dialog, { state: state, modal: modal, backdrop: true, backdropProps: {
+            className: dialog_module_css_1.default.backdrop,
+        }, portal: true, className: rootClassName },
+        !modal && (react_1.default.createElement(dialog_1.DialogDismiss, { as: button_1.Button, glyph: button_1.BUTTON_GLYPHS.CLOSE, className: dialog_module_css_1.default.headerClose }, null)),
+        react_1.default.createElement(stack_1.Stack, { space: "medium" },
+            title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2", null, title) : title)),
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(dialog_module_css_1.default.content, className) }, children))));
+};
+exports.Dialog = Dialog;
+//# sourceMappingURL=dialog.js.map

package/lib/ui/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,0CAAK,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC9C,CACV;YACD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}

package/lib/ui/dialog/dialog.module.css

@@ -0,0 +1,89 @@
+.backdrop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99999 !important;
+}
+
+.backdrop::before {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--color-backdrop);
+  filter:
+}
+
+.dialog {
+  --dialog-header-height: var(--space-medium);
+  --dialog-vspace: var(--space-xsmall);
+  --dialog-padding: var(--space-xsmall);
+
+  width: calc(100vw - 2 * var(--dialog-padding));
+  position: relative;
+  border-radius: var(--radius-medium);
+  padding: var(--dialog-padding);
+  background: var(--color-background);
+  box-shadow: 0 0 var(--space-medium) var(--color-shadow);
+}
+
+.header {
+  min-height: var(--dialog-header-height);
+}
+
+.header:empty {
+  display: none;
+}
+
+.headerClose {
+  position: absolute;
+  right: var(--space-xxsmall);
+  top: var(--space-xxsmall);
+  padding: var(--space-xxxsmall);
+  flex: 0 0 auto;
+  color: var(--color-outline-dark);
+}
+
+.headerClose:hover,
+.headerClose:focus,
+.headerClose:active {
+  color: var(--color-text-ultra-light);
+}
+
+.content {
+  width: 100%;
+  max-height: calc(100vh - 2 * var(--space-medium) - 2 * var(--dialog-padding) - var(--dialog-header-height) - var(--dialog-vspace));
+  padding-bottom: 0.3em; /* extra space to compensate for the title line-height and allow to show focus state correctly on buttons */
+  overflow: auto;
+}
+
+/** Width variation */
+.width--narrow {
+  max-width: 480px;
+}
+
+.width--medium {
+  max-width: 748px;
+}
+
+.width--wide {
+  max-width: 1024px;
+}
+
+.width--extra-wide {
+  max-width: var(--max-width);
+}
+
+/** Center variation */
+.center {
+  text-align: center;
+}
+
+@media (min-width: 768px) {
+  .dialog {
+    --dialog-vspace: var(--space-medium);
+    --dialog-padding: var(--space-large);
+  }
+}

package/lib/ui/dialog/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dialog"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/lib/ui/icon/icon.js

@@ -19,6 +19,7 @@ const ICONS = {
     COMMIT: 'commit',
     CLIPBOARD: 'clipboard',
     CLIPBOARD_CHECK: 'clipboard-check',
+    DOWNLOAD: 'download',
     ERROR: 'error',
     EXTERNAL_LINK: 'external-link',
     FILTER: 'filter',

package/lib/ui/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,iBAAiB;IAClC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}

package/lib/ui/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.Skeleton = exports.Loader = exports.InputSearch = exports.Input = exports.Icon = exports.HoverCard = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.ControlGroup = exports.Container = exports.CopyToClipboard = exports.Button = exports.Alert = void 0;
+exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Skeleton = exports.Loader = exports.InputSearch = exports.Input = exports.Icon = exports.HoverCard = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Dialog = exports.ControlGroup = exports.Container = exports.CopyToClipboard = exports.Button = exports.Alert = void 0;
 var alert_1 = require("./alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
 var button_1 = require("./button");
@@ -11,6 +11,8 @@ var container_1 = require("./container");
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
 var control_group_1 = require("./control-group");
 Object.defineProperty(exports, "ControlGroup", { enumerable: true, get: function () { return control_group_1.ControlGroup; } });
+var dialog_1 = require("./dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
 var dropdown_1 = require("./dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
 var empty_set_1 = require("./empty-set");
@@ -37,6 +39,8 @@ var tabs_1 = require("./tabs");
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
 var tag_1 = require("./tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tag_1.Tag; } });
+var textarea_1 = require("./textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
 var tooltip_1 = require("./tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
 //# sourceMappingURL=index.js.map

package/lib/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/lib/ui/tabs/tabs.js

@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const tabs_module_css_1 = __importDefault(require("./tabs.module.css"));
-const Item = ({ isTabActive, as: Component, className, ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(tabs_module_css_1.default.item, className, isTabActive && tabs_module_css_1.default.itemActive), ...restProps }));
+const Item = ({ isTabActive, as: Component = 'span', className = '', ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(tabs_module_css_1.default.item, className, isTabActive && tabs_module_css_1.default.itemActive), ...restProps }));
 Item.defaultProps = {
     isTabActive: false,
     className: '',
@@ -19,7 +19,7 @@ Item.propTypes = {
     className: prop_types_1.default.string,
     as: prop_types_1.default.elementType,
 };
-const Tabs = ({ className, ...restProps }) => (react_1.default.createElement("nav", { className: (0, classnames_1.default)(tabs_module_css_1.default.root, className), ...restProps }));
+const Tabs = ({ className = '', ...restProps }) => (react_1.default.createElement("nav", { className: (0, classnames_1.default)(tabs_module_css_1.default.root, className), ...restProps }));
 exports.Tabs = Tabs;
 exports.Tabs.defaultProps = {
     className: '',

package/lib/ui/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,yBAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAChG,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,WAAW,EAAE,oBAAS,CAAC,IAAI;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,oBAAS,CAAC,WAAW;CAC1B,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3D,CAAC;AAFW,QAAA,IAAI,QAEf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IAEf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,YAAI,CAAC,IAAI,GAAG,IAAI,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACtF,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,yBAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAChG,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,WAAW,EAAE,oBAAS,CAAC,IAAI;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,oBAAS,CAAC,WAAW;CAC1B,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACxD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3D,CAAC;AAFW,QAAA,IAAI,QAEf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IAEf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,YAAI,CAAC,IAAI,GAAG,IAAI,CAAC"}

package/lib/ui/textarea/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./textarea"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/textarea/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/ui/textarea/textarea.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const textarea_module_css_1 = __importDefault(require("./textarea.module.css"));
+const Textarea = (props) => {
+    const { className = '', previewSource = false, size = '', ...restProps } = props;
+    const rootClassName = (0, classnames_1.default)(textarea_module_css_1.default.root, previewSource && textarea_module_css_1.default.previewSource, size && textarea_module_css_1.default[size], className);
+    return react_1.default.createElement("textarea", { className: rootClassName, ...restProps });
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=textarea.js.map

package/lib/ui/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,gFAAwC;AAOjC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,6BAAG,CAAC,IAAI,EACR,aAAa,IAAI,6BAAG,CAAC,aAAa,EAClC,IAAI,IAAI,6BAAG,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,CAAC;IAEF,OAAO,4CAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC;AAXW,QAAA,QAAQ,YAWnB"}

package/lib/ui/textarea/textarea.module.css

@@ -0,0 +1,64 @@
+.root {
+  border: 1px solid var(--color-outline);
+  border-radius: var(--radius-small);
+  color: var(--color-text-light);
+  width: 100%;
+  resize: vertical;
+  transition: var(--transition-in);
+  appearance: none;
+  outline: none;
+}
+
+.root::-webkit-input-placeholder {
+  color: var(--color-text-light);
+}
+
+.root::-moz-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:-ms-input-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:-moz-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:focus {
+  box-shadow: var(--outline-hover);
+  border-color: var(--color-outline-dark);
+  color: inherit;
+  transition: var(--transition-out);
+}
+
+.root[readonly=""] {
+  color: var(--color-text-light);
+}
+
+/**
+ * Source variation
+ */
+.previewSource {
+  font-family: var(--font-family-fixed);
+}
+
+/** Size modifier */
+/* default - medium */
+.root {
+  padding: var(--space-xsmall);
+  font-size: var(--size-medium);
+  line-height: calc(var(--space-medium) - 2px);
+}
+
+.small {
+  padding: var(--space-xxsmall);
+  font-size: var(--size-small);
+  line-height: calc(var(--space-small) - 2px);
+}
+
+.large {
+  padding: var(--space-small);
+  font-size: var(--size-large);
+  line-height: calc(var(--space-large) - 2px);
+}