react-miui 0.7.0 → 0.9.2

package/CHANGELOG.md

@@ -6,6 +6,36 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [UNRELEASED]
 (nothing yet)
 
+## [0.9.2] - 2022-02-15
+### Changed
+- Added class support to list label and list value components
+### Dev
+- bumped some dev deps
+
+## [0.9.1] - 2022-02-12
+### Fixed
+- class not applied even when specified in props of List elements
+### Added
+- List.Header class name support
+
+## [0.9.0] - 2022-02-11
+### Added
+- choice component
+- tabs selector component
+
+## [0.8.0] - 2022-01-27
+### Added
+- modal component
+- toaster component
+### Changed
+- List, Item, Header components support inset variant
+- Item has new prop - `selected` for marking current active item
+### Fixed
+- Item border is on the item itself, not on the child element (fixes some compatibility issues and 1px shorter button element)
+- passing `variant` prop into button html element on Button component
+### Dev
+- fixed menu scrolling
+
 ## [0.7.0] - 2022-01-11
 ### Added
 - textarea component

package/dist/components/form/choice/Choice.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { Value } from "../../../types/form";
+interface Props {
+    values: Value[];
+    value: string;
+    name: string;
+    onChange: (value: string) => void;
+}
+declare const Choice: React.FC<Props>;
+export { Choice };
+//# sourceMappingURL=Choice.d.ts.map

package/dist/components/form/choice/Choice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,KAAK;IACX,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/form/choice/Choice.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Choice = void 0;
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../../utils");
+const ChoiceItem_1 = require("./ChoiceItem");
+const Choice_module_scss_1 = __importDefault(require("./Choice.module.scss"));
+const Choice = (props) => {
+    const opts = props.values.map(option => {
+        const opt = utils_1.toObjectValue(option);
+        return (react_1.default.createElement(ChoiceItem_1.ChoiceItem, { key: opt.value, name: props.name, value: opt, onChange: props.onChange, active: props.value === opt.value }));
+    });
+    return react_1.default.createElement("div", { className: Choice_module_scss_1.default.choice }, opts);
+};
+exports.Choice = Choice;
+//# sourceMappingURL=Choice.js.map

package/dist/components/form/choice/Choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,0CAA+C;AAC/C,6CAA0C;AAC1C,8EAA0C;AAS1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,GAAG,GAAG,qBAAa,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,8BAAC,uBAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,GACnC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,IAAI,CAAO,CAAC;AACvD,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/form/choice/Choice.module.scss

@@ -0,0 +1,43 @@
+.choice {
+    input {
+        width: 0;
+        height: 0;
+        overflow: hidden;
+        opacity: 0;
+        margin: 0;
+        position: absolute;
+
+        &:checked + span {
+            color: var(--choice-active-text);
+            background: var(--choice-active-bg);
+        }
+    }
+
+    span {
+        display: flex;
+        padding: 0;
+        flex: 1;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+        font-size: calc(24px / var(--ratio-font));
+        color: var(--choice-text);
+        background: var(--choice-bg);
+    }
+
+    display: flex;
+    border: 1px solid var(--choice-border); // @TODO width
+    position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+
+    label {
+        flex: 1;
+        height: calc(89px / var(--ratio-dimensions));
+        display: flex;
+
+        + label {
+            border-left: 1px solid var(--choice-border);
+        }
+    }
+}

package/dist/components/form/choice/ChoiceItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { ObjectValue } from "../../../types/form";
+interface Props {
+    name: string;
+    value: ObjectValue;
+    onChange: (value: string) => void;
+    active: boolean;
+}
+declare const ChoiceItem: React.FC<Props>;
+export { ChoiceItem };
+//# sourceMappingURL=ChoiceItem.d.ts.map

package/dist/components/form/choice/ChoiceItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceItem.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,KAAK;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB/B,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/form/choice/ChoiceItem.js

@@ -0,0 +1,33 @@
+"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]; } });
+}) : (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.ChoiceItem = void 0;
+const react_1 = __importStar(require("react"));
+const ChoiceItem = (props) => {
+    const handleChange = react_1.useCallback((e) => {
+        props.onChange(e.currentTarget.value);
+    }, [props.onChange]);
+    return (react_1.default.createElement("label", { key: props.value.value, tabIndex: 0 },
+        react_1.default.createElement("input", { type: "radio", name: props.name, value: props.value.value, checked: props.active, onChange: handleChange }),
+        react_1.default.createElement("span", null, props.value.label)));
+};
+exports.ChoiceItem = ChoiceItem;
+//# sourceMappingURL=ChoiceItem.js.map

package/dist/components/form/choice/ChoiceItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceItem.js","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAU3C,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,mBAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,yCAAO,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;QACtC,yCACI,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,QAAQ,EAAE,YAAY,GACxB;QACF,4CAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAQ,CAC5B,CACX,CAAC;AACN,CAAC,CAAC;AAEO,gCAAU"}

package/dist/components/layout/list/Header.d.ts

@@ -1,4 +1,9 @@
 import React from "react";
-declare const Header: React.FC;
+declare type Variant = "inset";
+interface Props {
+    className?: string;
+    variant?: Variant | Variant[];
+}
+declare const Header: React.FC<Props>;
 export { Header };
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/layout/list/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAOnB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/layout/list/Header.js

@@ -6,10 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const makeVariants_1 = require("../../../utils/makeVariants");
 const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
 const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
 const Header = (props) => {
-    return (react_1.default.createElement("li", { className: classnames_1.default(Item_module_scss_1.default.item, Header_module_scss_1.default.header) },
+    const v = makeVariants_1.makeVariants(props.variant);
+    const cls = classnames_1.default(props.className, Item_module_scss_1.default.item, Header_module_scss_1.default.header, {
+        [Item_module_scss_1.default.inset]: v.includes("inset"),
+    });
+    return (react_1.default.createElement("li", { className: cls },
         react_1.default.createElement("div", null, props.children)));
 };
 exports.Header = Header;

package/dist/components/layout/list/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,8EAAgD;AAEhD,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAE/B,OAAO,CACH,sCAAI,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,4BAAY,CAAC,MAAM,CAAC;QACvD,2CAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,8DAA2D;AAC3D,0EAAwC;AACxC,8EAAgD;AAShD,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,CAAC,GAAG,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,oBAAU,CAAC,KAAK,CAAC,SAAS,EAAE,0BAAM,CAAC,IAAI,EAAE,4BAAY,CAAC,MAAM,EAAE;QACtE,CAAC,0BAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;KACtC,CAAC,CAAC;IAGH,OAAO,CACH,sCAAI,SAAS,EAAE,GAAG;QACd,2CAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/layout/list/Item.d.ts

@@ -4,6 +4,7 @@ import { Label } from "./Label.js";
 interface LinkProps {
     href: string;
 }
+declare type Variant = "inset";
 interface Props {
     href?: string;
     to?: string;
@@ -11,6 +12,8 @@ interface Props {
     className?: string;
     Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
     ratio?: string;
+    variant?: Variant | Variant[];
+    selected?: boolean | undefined;
 }
 interface SubComponents {
     Label: typeof Label;

package/dist/components/layout/list/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAGD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aA6C7B,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAMD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAyD7B,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/list/Item.js

@@ -20,9 +20,21 @@ const classnames_1 = __importDefault(require("classnames"));
 const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
 const Value_js_1 = require("./Value.js");
 const Label_js_1 = require("./Label.js");
+const makeVariants_1 = require("../../../utils/makeVariants");
+const Icon_1 = require("../../icons/Icon");
+const icon = react_1.default.createElement(Icon_1.Icon, { className: Item_module_scss_1.default.icon, name: Icon_1.ICON.forward });
+const noIcon = react_1.default.createElement("span", { className: Item_module_scss_1.default.icon });
 const Item = (props) => {
-    const { className, children, href, to, onClick, Link, ratio } = props, restProps = __rest(props, ["className", "children", "href", "to", "onClick", "Link", "ratio"]);
+    const { className, children, href, to, onClick, Link, ratio, variant, selected } = props, restProps = __rest(props, ["className", "children", "href", "to", "onClick", "Link", "ratio", "variant", "selected"]);
+    const v = makeVariants_1.makeVariants(variant);
     const cls = classnames_1.default(Item_module_scss_1.default.item, className);
+    const innerCls = classnames_1.default(Item_module_scss_1.default.content, {
+        [Item_module_scss_1.default.inset]: v.includes("inset"),
+        [Item_module_scss_1.default.selected]: selected,
+    });
+    const pre = typeof selected === "boolean"
+        ? (selected ? icon : noIcon)
+        : null;
     const liProps = {
         className: cls,
     };
@@ -35,7 +47,9 @@ const Item = (props) => {
         if (index in r) {
             flex = r[index];
         }
-        return react_1.default.createElement("div", { style: { flex } }, child);
+        return react_1.default.createElement("div", { style: { flex } },
+            pre,
+            child);
     });
     if (to) {
         if (!Link) {
@@ -43,7 +57,7 @@ const Item = (props) => {
         }
         return react_1.default.createElement("li", Object.assign({}, liProps),
             react_1.default.createElement(Link, Object.assign({ href: to }, restProps),
-                react_1.default.createElement("a", { className: Item_module_scss_1.default.content }, ren)));
+                react_1.default.createElement("a", { className: innerCls }, ren)));
     }
     if (href) {
         const aProps = Object.assign({}, restProps);
@@ -51,14 +65,14 @@ const Item = (props) => {
             aProps.onClick = onClick;
         }
         return react_1.default.createElement("li", Object.assign({}, liProps),
-            react_1.default.createElement("a", Object.assign({ href: href }, aProps, { className: Item_module_scss_1.default.content }), ren));
+            react_1.default.createElement("a", Object.assign({ href: href }, aProps, { className: innerCls }), ren));
     }
     if (onClick) {
         return (react_1.default.createElement("li", Object.assign({}, liProps),
-            react_1.default.createElement("button", Object.assign({ className: classnames_1.default(Item_module_scss_1.default.button, Item_module_scss_1.default.content), onClick: props.onClick }, restProps), ren)));
+            react_1.default.createElement("button", Object.assign({ className: classnames_1.default(Item_module_scss_1.default.button, innerCls), onClick: props.onClick }, restProps), ren)));
     }
     return react_1.default.createElement("li", Object.assign({}, liProps),
-        react_1.default.createElement("div", Object.assign({}, restProps, { className: Item_module_scss_1.default.content }), ren));
+        react_1.default.createElement("div", Object.assign({}, restProps, { className: innerCls }), ren));
 };
 exports.Item = Item;
 Item.Label = Label_js_1.Label;

package/dist/components/layout/list/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,yCAAmC;AACnC,yCAAmC;AAqBnC,MAAM,IAAI,GAAoC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA7E,mEAAqE,CAAQ,CAAC;IACpF,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG;QACZ,SAAS,EAAE,GAAG;KACjB,CAAC;IAEF,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExC,MAAM,GAAG,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5D,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAK,EAAE;YAC5F,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;SACnB;QACD,OAAO,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,sDAAQ,OAAO;YAAE,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;gBAAE,qCAAG,SAAS,EAAE,0BAAM,CAAC,OAAO,IAAG,GAAG,CAAK,CAAO,CAAK,CAAC;KAC9G;IACD,IAAI,IAAI,EAAE;QACN,MAAM,MAAM,qBAA0D,SAAS,CAAE,CAAC;QAClF,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;QACD,OAAO,sDAAQ,OAAO;YAAE,mDAAG,IAAI,EAAE,IAAI,IAAM,MAAM,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAK,CAAK,CAAC;KAChG;IACD,IAAI,OAAO,EAAE;QACT,OAAO,CACH,sDAAQ,OAAO;YACX,wDAAQ,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE,0BAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAK,SAAS,GAC7F,GAAG,CACC,CACR,CACR,CAAC;KACL;IACD,OAAO,sDAAQ,OAAO;QAAE,uDAAS,SAAS,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAO,CAAK,CAAC;AAC5F,CAAC,CAAC;AAKO,oBAAI;AAHb,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC;AACnB,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,yCAAmC;AACnC,yCAAmC;AACnC,8DAA2D;AAC3D,2CAA8C;AAwB9C,MAAM,IAAI,GAAG,8BAAC,WAAI,IAAC,SAAS,EAAE,0BAAM,CAAC,IAAI,EAAE,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,CAAC;AAClE,MAAM,MAAM,GAAG,wCAAM,SAAS,EAAE,0BAAM,CAAC,IAAI,GAAI,CAAC;AAGhD,MAAM,IAAI,GAAoC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAhG,0FAAwF,CAAQ,CAAC;IACvG,MAAM,CAAC,GAAG,2BAAY,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,oBAAU,CAAC,0BAAM,CAAC,OAAO,EAAE;QACxC,CAAC,0BAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;QACnC,CAAC,0BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC9B,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,OAAO,QAAQ,KAAK,SAAS;QACrC,CAAC,CAAC,CACE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAC3B;QACD,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,OAAO,GAAG;QACZ,SAAS,EAAE,GAAG;KACjB,CAAC;IAEF,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExC,MAAM,GAAG,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5D,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAK,EAAE;YAC5F,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;SACnB;QACD,OAAO,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE;YAAG,GAAG;YAAE,KAAK,CAAO,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,sDAAQ,OAAO;YAAE,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;gBAAE,qCAAG,SAAS,EAAE,QAAQ,IAAG,GAAG,CAAK,CAAO,CAAK,CAAC;KACxG;IACD,IAAI,IAAI,EAAE;QACN,MAAM,MAAM,qBAA0D,SAAS,CAAE,CAAC;QAClF,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;QACD,OAAO,sDAAQ,OAAO;YAAE,mDAAG,IAAI,EAAE,IAAI,IAAM,MAAM,IAAE,SAAS,EAAE,QAAQ,KAAG,GAAG,CAAK,CAAK,CAAC;KAC1F;IACD,IAAI,OAAO,EAAE;QACT,OAAO,CACH,sDAAQ,OAAO;YACX,wDAAQ,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAM,SAAS,GACxF,GAAG,CACC,CACR,CACR,CAAC;KACL;IACD,OAAO,sDAAQ,OAAO;QAAE,uDAAS,SAAS,IAAE,SAAS,EAAE,QAAQ,KAAG,GAAG,CAAO,CAAK,CAAC;AACtF,CAAC,CAAC;AAKO,oBAAI;AAHb,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC;AACnB,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC"}

package/dist/components/layout/list/Item.module.scss

@@ -4,7 +4,7 @@
     padding: 0;
     font-size: calc(34px / var(--ratio-font));
 
-    &:not(:first-child) > * {
+    &:not(:first-child) {
         border-top: 0.37px solid var(--header-border);
     }
 
@@ -29,3 +29,18 @@
     min-height: calc(174px / var(--ratio-dimensions));
     align-items: center;
 }
+
+.inset {
+    padding-left: calc(37px / var(--ratio-dimensions));
+    padding-right: calc(37px / var(--ratio-dimensions));
+}
+
+.icon {
+    width: 7px;
+    margin-right: 10px;
+    display: inline-block;
+}
+
+.selected {
+    color: var(--main-color);
+}

package/dist/components/layout/list/Label.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import type { ReactNode } from "react";
 interface Props {
     sub?: ReactNode;
+    className?: string;
 }
 declare const Label: React.FC<Props>;
 export { Label };

package/dist/components/layout/list/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,KAAK;IACX,GAAG,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAS1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,KAAK;IACX,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAS1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/Label.js

@@ -5,10 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const Label_module_scss_1 = __importDefault(require("./Label.module.scss"));
 const Label = (props) => {
     const sub = props.sub ? react_1.default.createElement("div", { className: Label_module_scss_1.default.sub }, props.sub) : null;
-    return (react_1.default.createElement("div", { className: Label_module_scss_1.default.root },
+    return (react_1.default.createElement("div", { className: classnames_1.default(Label_module_scss_1.default.root, props.className) },
         react_1.default.createElement("div", null, props.children),
         sub));
 };

package/dist/components/layout/list/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,4EAAyC;AAMzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,2BAAM,CAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,OAAO,CACH,uCAAK,SAAS,EAAE,2BAAM,CAAC,IAAI;QACvB,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,CACF,CACT,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAGpC,4EAAyC;AAOzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,2BAAM,CAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,OAAO,CACH,uCAAK,SAAS,EAAE,oBAAU,CAAC,2BAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACpD,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,CACF,CACT,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}

package/dist/components/layout/list/List.d.ts

@@ -1,8 +1,13 @@
 import React from "react";
 import { Header } from "./Header.js";
+declare type Variant = "inset";
+interface Props {
+    className?: string;
+    variant?: Variant | Variant[];
+}
 interface SubComponents {
     Header: typeof Header;
 }
-declare const List: React.FC & SubComponents;
+declare const List: React.FC<Props> & SubComponents;
 export { List };
 //# sourceMappingURL=List.d.ts.map

package/dist/components/layout/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,aAItB,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAKrC,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAoB7B,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/list/List.js

@@ -5,10 +5,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const Header_js_1 = require("./Header.js");
+const makeVariants_1 = require("../../../utils/makeVariants");
+const Item_1 = require("./Item");
 const List_module_scss_1 = __importDefault(require("./List.module.scss"));
 const List = (props) => {
-    return (react_1.default.createElement("ul", { className: List_module_scss_1.default.list }, props.children));
+    const v = makeVariants_1.makeVariants(props.variant);
+    const chld = react_1.default.Children.map(props.children, (child) => {
+        if (child && typeof child === "object" && "type" in child && (child.type === Item_1.Item || child.type === Header_js_1.Header)) {
+            return react_1.default.cloneElement(child, {
+                variant: props.variant,
+            });
+        }
+        return child;
+    });
+    const cls = classnames_1.default(props.className, List_module_scss_1.default.list, {
+        [List_module_scss_1.default.inset]: v.includes("inset"),
+    });
+    return (react_1.default.createElement("ul", { className: cls }, chld));
 };
 exports.List = List;
 List.Header = Header_js_1.Header;

package/dist/components/layout/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAqC;AACrC,0EAAwC;AAMxC,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC7C,OAAO,CACH,sCAAI,SAAS,EAAE,0BAAM,CAAC,IAAI,IAAG,KAAK,CAAC,QAAQ,CAAM,CACpD,CAAC;AACN,CAAC,CAAC;AAIO,oBAAI;AAFb,IAAI,CAAC,MAAM,GAAG,kBAAM,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,2CAAqC;AACrC,8DAA2D;AAC3D,iCAA8B;AAC9B,0EAAwC;AAaxC,MAAM,IAAI,GAAoC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,CAAC,GAAG,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACtD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,WAAI,IAAI,KAAK,CAAC,IAAI,KAAK,kBAAM,CAAC,EAAE;YACzG,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAE7B,OAAO,EAAE,KAAK,CAAC,OAAO;aACzB,CAAC,CAAC;SACN;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,oBAAU,CAAC,KAAK,CAAC,SAAS,EAAE,0BAAM,CAAC,IAAI,EAAE;QACjD,CAAC,0BAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;KACtC,CAAC,CAAC;IAEH,OAAO,CACH,sCAAI,SAAS,EAAE,GAAG,IAAG,IAAI,CAAM,CAClC,CAAC;AACN,CAAC,CAAC;AAIO,oBAAI;AAFb,IAAI,CAAC,MAAM,GAAG,kBAAM,CAAC"}

package/dist/components/layout/list/List.module.scss

@@ -2,3 +2,7 @@
     margin: 0 23px;
     padding: 0;
 }
+
+.inset {
+    margin: 0;
+}

package/dist/components/layout/list/Value.d.ts

@@ -1,4 +1,7 @@
 import React from "react";
-declare const Value: React.FC;
+interface Props {
+    className?: string;
+}
+declare const Value: React.FC<Props>;
 export { Value };
 //# sourceMappingURL=Value.d.ts.map

package/dist/components/layout/list/Value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAIlB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAI1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/Value.js

@@ -5,9 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Value = void 0;
 const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const Value_module_scss_1 = __importDefault(require("./Value.module.scss"));
 const Value = (props) => {
-    return (react_1.default.createElement("div", { className: Value_module_scss_1.default.value }, props.children));
+    return (react_1.default.createElement("div", { className: classnames_1.default(Value_module_scss_1.default.value, props.className) }, props.children));
 };
 exports.Value = Value;
 //# sourceMappingURL=Value.js.map

package/dist/components/layout/list/Value.js.map

@@ -1 +1 @@
-{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4EAAyC;AAEzC,MAAM,KAAK,GAAa,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CACH,uCAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAO,CACvD,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,4EAAyC;AAMzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,uCAAK,SAAS,EAAE,oBAAU,CAAC,2BAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CACpF,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}

package/dist/components/ui/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAgB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAkB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/button/Button.js

@@ -20,8 +20,8 @@ const classnames_1 = __importDefault(require("classnames"));
 const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
 const makeVariants_js_1 = require("../../../utils/makeVariants.js");
 const Button = (_a) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    const variants = makeVariants_js_1.makeVariants(props.variant);
+    var { className, children, variant } = _a, props = __rest(_a, ["className", "children", "variant"]);
+    const variants = makeVariants_js_1.makeVariants(variant);
     const cls = classnames_1.default(Button_module_scss_1.default.btn, {
         [Button_module_scss_1.default["btn--inline"]]: variants.includes("inline"),
         [Button_module_scss_1.default["btn--outline"]]: variants.includes("outline"),

package/dist/components/ui/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,8EAA0C;AAC1C,oEAA8D;AAM9D,MAAM,MAAM,GAAoE,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAC5G,MAAM,QAAQ,GAAG,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAAG,oBAAU,CAAC,4BAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,4BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,4BAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,0DACQ,KAAK,IACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,8EAA0C;AAC1C,oEAA8D;AAM9D,MAAM,MAAM,GAAoE,CAAC,EAEhF,EAAE,EAAE;QAF4E,EAC7E,SAAS,EAAE,QAAQ,EAAE,OAAO,OAC/B,EADoC,KAAK,cADuC,oCAEhF,CADyC;IAEtC,MAAM,QAAQ,GAAG,8BAAY,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,oBAAU,CAAC,4BAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,4BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,4BAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,0DACQ,KAAK,IACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/ui/modal/Modal.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ModalNegateMargin } from "./ModalNoMargin";
+declare type Variant = "bottom" | "full";
+interface Props {
+    onOverlayClick?: (() => void) | "close" | null;
+    closeOnEsc?: boolean;
+    onClose: () => void;
+    isOpen: boolean;
+    title?: React.ReactNode;
+    className?: string;
+    variant?: Variant | Variant[];
+}
+interface SubComponents {
+    NegateMargin: typeof ModalNegateMargin;
+}
+declare const Modal: React.FC<Props> & SubComponents;
+export { Modal };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/ui/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,aAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjC,UAAU,KAAK;IACX,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,YAAY,EAAE,OAAO,iBAAiB,CAAC;CAC1C;AAGD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aA4G9B,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}