@dscout/particle 1.0.0-alpha.2 → 1.0.0-alpha.22

package/README.md

@@ -136,6 +136,11 @@ Generate the documentation website (output to the `docs` directory):
 $ yarn build-docs
 ```
 
+## Releasing a new version
+
+
+Instructions for preparing a new release and submitting it to npm can be found [here](https://github.com/dscout/particle/wiki/Versioning-&-Releases).
+
 [demo site]: https://dscout.github.io/particle/
 [npm]:       https://www.npmjs.com/
 [React]:     https://facebook.github.io/react/

package/lib/cjs/components/advanced_options.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CommonComponentProps, ModifierProps } from '../types';
+import type { GetRef } from '../utils/refs';
+interface AdvancedOptionsProps extends CommonComponentProps, ModifierProps {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    getRef?: GetRef<HTMLDivElement>;
+    id?: string;
+    initialCollapsed?: boolean;
+    name?: string;
+    title: React.ReactNode;
+}
+export declare function AdvancedOptions({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, disabled, getRef, id, initialCollapsed, name, title, ...rest }: AdvancedOptionsProps): React.JSX.Element;
+export {};

package/lib/cjs/components/advanced_options.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedOptions = void 0;
+var react_1 = __importStar(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var button_plain_1 = require("./button_plain");
+var collapsible_content_1 = require("./collapsible_content");
+var triangle_inverted_1 = require("../icons/triangle_inverted");
+var flex_1 = require("./flex");
+var modifier_1 = require("./modifier");
+var collapsible_1 = require("./collapsible");
+function AdvancedOptions(_a) {
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, _b = _a.initialCollapsed, initialCollapsed = _b === void 0 ? true : _b, name = _a.name, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "disabled", "getRef", "id", "initialCollapsed", "name", "title"]);
+    var collapsibleContentId = (0, react_1.useId)();
+    return (react_1.default.createElement(collapsible_1.CollapsibleStateProvider, { initialCollapsed: initialCollapsed }, function (_a) {
+        var isCollapsed = _a.isCollapsed, toggleCollapsed = _a.toggleCollapsed;
+        return (react_1.default.createElement("div", { className: (0, class_names_1.default)(_modifierClass), ref: getRef },
+            react_1.default.createElement(modifier_1.Modifier, { margin: { bottom: '0.75' } },
+                react_1.default.createElement(button_plain_1.ButtonPlain, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": collapsibleContentId, "aria-expanded": !isCollapsed, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, disabled: disabled, id: id, onClick: toggleCollapsed, name: name || (typeof title === 'string' ? title : undefined) }),
+                    react_1.default.createElement(flex_1.Flex, null,
+                        title,
+                        ' ',
+                        react_1.default.createElement(triangle_inverted_1.IconTriangleInverted, { direction: isCollapsed ? 'right' : 'down' })))),
+            react_1.default.createElement(collapsible_content_1.CollapsibleContent, { collapsed: isCollapsed, id: collapsibleContentId }, children)));
+    }));
+}
+exports.AdvancedOptions = AdvancedOptions;
+//# sourceMappingURL=advanced_options.js.map

package/lib/cjs/components/advanced_options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced_options.js","sourceRoot":"","sources":["../../../src/components/advanced_options.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqC;AAKrC,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA6C;AAC7C,6DAA2D;AAC3D,gEAAkE;AAClE,+BAA8B;AAC9B,uCAAsC;AAEtC,6CAAyD;AAYzD,SAAgB,eAAe,CAAC,EAaT;IAZrB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,IAAI,cAZuB,oJAa/B,CADQ;IAEP,IAAM,oBAAoB,GAAG,IAAA,aAAK,GAAE,CAAC;IAErC,OAAO,CACL,8BAAC,sCAAwB,IAAC,gBAAgB,EAAE,gBAAgB,IACzD,UAAC,EAAgC;YAA9B,WAAW,iBAAA,EAAE,eAAe,qBAAA;QAAO,OAAA,CACrC,uCAAK,SAAS,EAAE,IAAA,qBAAU,EAAC,cAAc,CAAC,EAAE,GAAG,EAAE,MAAM;YACrD,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAClC,8BAAC,0BAAW,eACN,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,oBAAoB,mBACpB,CAAC,WAAW,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;oBAE7D,8BAAC,WAAI;wBACF,KAAK;wBAAE,GAAG;wBACX,8BAAC,wCAAoB,IACnB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACzC,CACG,CACK,CACL;YACX,8BAAC,wCAAkB,IAAC,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,oBAAoB,IACjE,QAAQ,CACU,CACjB,CACP;IA3BsC,CA2BtC,CACwB,CAC5B,CAAC;AACJ,CAAC;AAhDD,0CAgDC"}

package/lib/cjs/components/attribute_input.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { CommonComponentProps, ModifierProps } from '../types';
+import type { GetRef } from '../utils/refs';
+interface AttributeInputProps extends CommonComponentProps, ModifierProps {
+    'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    getRef?: GetRef<HTMLInputElement>;
+    id?: string;
+    label?: React.ReactNode;
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    value: number | string;
+}
+export declare function AttributeInput({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, defaultChecked, checked, disabled, getRef, id, label, name, value, onChange, readOnly, required, tabIndex, ...rest }: AttributeInputProps): React.JSX.Element;
+export {};

package/lib/cjs/components/attribute_input.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeInput = void 0;
+var react_1 = __importDefault(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var shared_hooks_1 = require("./shared_hooks");
+function AttributeInput(_a) {
+    var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, label = _a.label, name = _a.name, value = _a.value, onChange = _a.onChange, readOnly = _a.readOnly, required = _a.required, tabIndex = _a.tabIndex, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "defaultChecked", "checked", "disabled", "getRef", "id", "label", "name", "value", "onChange", "readOnly", "required", "tabIndex"]);
+    var attributeId = (0, shared_hooks_1.useFallbackId)(id);
+    var selectorClassName = (0, class_names_1.default)('Attribute', _modifierClass);
+    var labelClassName = (0, class_names_1.default)('Attribute__Label', {
+        'Attribute__Label--read-only': readOnly
+    });
+    return (react_1.default.createElement("div", { className: selectorClassName },
+        react_1.default.createElement("input", __assign({}, (0, data_attributes_1.default)(rest), { id: attributeId, name: name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, ref: getRef, checked: checked, defaultChecked: defaultChecked, className: "Attribute__Input", onChange: readOnly ? undefined : onChange, type: "radio", value: value, tabIndex: tabIndex, readOnly: readOnly, required: required, disabled: disabled })),
+        react_1.default.createElement("label", { className: labelClassName, htmlFor: attributeId },
+            react_1.default.createElement("span", { className: "Attribute__Label__Content" }, label))));
+}
+exports.AttributeInput = AttributeInput;
+//# sourceMappingURL=attribute_input.js.map

package/lib/cjs/components/attribute_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute_input.js","sourceRoot":"","sources":["../../../src/components/attribute_input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,+CAA+C;AAkB/C,SAAgB,cAAc,CAAC,EAmBT;IAlBpB,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACjC,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAlBsB,0NAmB9B,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,4BAAa,EAAC,EAAE,CAAC,CAAC;IAEtC,IAAM,iBAAiB,GAAG,IAAA,qBAAU,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAClE,IAAM,cAAc,GAAG,IAAA,qBAAU,EAAC,kBAAkB,EAAE;QACpD,6BAA6B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAiB;QAE/B,oDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,gBACE,SAAS,qBACJ,cAAc,kBACjB,WAAW,sBACP,eAAe,EACjC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACzC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAClB;QACF,yCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW;YACpD,wCAAM,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAQ,CACpD,CACJ,CACP,CAAC;AACJ,CAAC;AAvDD,wCAuDC"}

package/lib/cjs/components/attribute_selector.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { CommonComponentProps, ModifierProps } from '../types';
+import type { GetRef } from '../utils/refs';
+type AttributesMap = {
+    [name: string]: string;
+};
+interface AttributeSelectorProps extends CommonComponentProps, ModifierProps {
+    /**
+     * A mapping of each inputs `value` to is `<label>` text.
+     */
+    attributes: AttributesMap;
+    disabled?: boolean;
+    getRef?: GetRef<HTMLInputElement>;
+    id?: string;
+    name?: string;
+    onClick: (value: string) => void;
+    readOnly?: boolean;
+    required?: boolean;
+    selected?: keyof AttributesMap;
+}
+export declare function AttributeSelector({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, attributes, disabled, getRef, id, name, onClick, readOnly, required, selected, ...rest }: AttributeSelectorProps): React.JSX.Element;
+export {};

package/lib/cjs/components/attribute_selector.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeSelector = void 0;
+var react_1 = __importDefault(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var attribute_input_1 = require("./attribute_input");
+function AttributeSelector(_a) {
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], attributes = _a.attributes, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onClick = _a.onClick, readOnly = _a.readOnly, required = _a.required, selected = _a.selected, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "attributes", "disabled", "getRef", "id", "name", "onClick", "readOnly", "required", "selected"]);
+    function handleAttributeSelected(_a) {
+        var target = _a.target;
+        if (onClick)
+            onClick(target.value);
+    }
+    function renderAttribute(attribute) {
+        return (react_1.default.createElement(attribute_input_1.AttributeInput, { checked: selected !== undefined ? attribute === selected : undefined, disabled: disabled, id: "".concat(name, "[").concat(attribute, "]"), key: attribute, label: attributes[attribute], name: name, onChange: handleAttributeSelected, readOnly: readOnly, required: required, value: attribute }));
+    }
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: (0, class_names_1.default)('Attribute__Selector spacing-h--0.25', _modifierClass), id: id, ref: getRef }), Object.keys(attributes).map(renderAttribute)));
+}
+exports.AttributeSelector = AttributeSelector;
+//# sourceMappingURL=attribute_selector.js.map

package/lib/cjs/components/attribute_selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute_selector.js","sourceRoot":"","sources":["../../../src/components/attribute_selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,qDAAmD;AAqBnD,SAAgB,iBAAiB,CAAC,EAeT;IAdvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAdyB,wKAejC,CADQ;IAEP,SAAS,uBAAuB,CAAC,EAEK;YADpC,MAAM,YAAA;QAEN,IAAI,OAAO;YAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,eAAe,CAAC,SAA8B;QACrD,OAAO,CACL,8BAAC,gCAAc,IACb,OAAO,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpE,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,UAAG,IAAI,cAAI,SAAS,MAAG,EAC3B,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,GAChB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,IAAA,qBAAU,EACnB,qCAAqC,EACrC,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,KAEV,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CACzC,CACP,CAAC;AACJ,CAAC;AAvDD,8CAuDC"}

package/lib/cjs/components/avatar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Colors, CommonComponentProps, ModifierProps } from '../types';
+import type { GetRef } from '../utils/refs';
+interface AvatarProps extends CommonComponentProps, ModifierProps {
+    active?: boolean;
+    avatarUrl: string | null;
+    backgroundColor?: Colors;
+    getRef?: GetRef<HTMLDivElement>;
+    id?: string;
+    name?: string;
+    outlineColor?: Colors;
+    size?: number | string;
+    textColor?: Colors;
+    title?: string;
+}
+export declare function Avatar({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, active, avatarUrl, backgroundColor, getRef, id, name, outlineColor, size, textColor, title, ...rest }: AvatarProps): React.JSX.Element;
+export {};

package/lib/cjs/components/avatar.js

@@ -0,0 +1,92 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var react_1 = __importStar(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var strings_1 = require("../utils/strings");
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var FONT_SIZE_RATIO = 0.375;
+function fontSizeStyle(size) {
+    var calculatedSize = typeof size === 'number' ? "".concat(size, "px") : size;
+    return { fontSize: "calc(".concat(calculatedSize, " * ").concat(FONT_SIZE_RATIO, ")") };
+}
+function Avatar(_a) {
+    var _b;
+    var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], _c = _a.active, active = _c === void 0 ? false : _c, avatarUrl = _a.avatarUrl, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'dscout' : _d, getRef = _a.getRef, id = _a.id, name = _a.name, _e = _a.outlineColor, outlineColor = _e === void 0 ? 'dscout' : _e, size = _a.size, _f = _a.textColor, textColor = _f === void 0 ? 'invert' : _f, title = _a.title, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "active", "avatarUrl", "backgroundColor", "getRef", "id", "name", "outlineColor", "size", "textColor", "title"]);
+    var _g = (0, react_1.useState)(false), loaded = _g[0], setLoaded = _g[1];
+    (0, react_1.useEffect)(function () {
+        setLoaded(false);
+        if (!avatarUrl)
+            return;
+        var img = new Image();
+        img.onload = function () {
+            setLoaded(true);
+            img = null;
+        };
+        img.src = avatarUrl;
+    }, [avatarUrl]);
+    var className = (0, class_names_1.default)('Avatar', _modifierClass, (_b = {
+            'Avatar--loaded': loaded,
+            'Avatar--active': active
+        },
+        _b["bg-color--".concat(backgroundColor)] = backgroundColor,
+        _b["color--".concat(textColor)] = textColor,
+        _b));
+    var style = {
+        backgroundImage: loaded ? "url('".concat(avatarUrl, "')") : undefined,
+        height: size,
+        outlineColor: "var(--color--".concat(outlineColor, ")"),
+        width: size
+    };
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, id: id, ref: getRef, style: style, title: title || name }), !loaded && (react_1.default.createElement("span", { className: "Avatar__Initials", style: size ? fontSizeStyle(size) : null }, (0, strings_1.getInitials)(name)))));
+}
+exports.Avatar = Avatar;
+//# sourceMappingURL=avatar.js.map

package/lib/cjs/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAKnD,qEAA8C;AAC9C,4CAA+C;AAC/C,6EAAyD;AAezD,IAAM,eAAe,GAAG,KAAK,CAAC;AAE9B,SAAS,aAAa,CAAC,IAAqB;IAC1C,IAAM,cAAc,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,IAAI,OAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAErE,OAAO,EAAE,QAAQ,EAAE,eAAQ,cAAc,gBAAM,eAAe,MAAG,EAAE,CAAC;AACtE,CAAC;AAED,SAAgB,MAAM,CAAC,EAgBT;;IAfZ,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,uBAA0B,EAA1B,eAAe,mBAAG,QAAQ,KAAA,EAC1B,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,oBAAuB,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EACvB,IAAI,UAAA,EACJ,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,KAAK,WAAA,EACF,IAAI,cAfc,uLAgBtB,CADQ;IAED,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAA,iBAAS,EAAC;QACR,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAEtB,GAAG,CAAC,MAAM,GAAG;YACX,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,GAAG,GAAG,IAAI,CAAC;QACb,CAAC,CAAC;QACF,GAAG,CAAC,GAAG,GAAG,SAAS,CAAC;IACtB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,QAAQ,EAAE,cAAc;YACnD,gBAAgB,EAAE,MAAM;YACxB,gBAAgB,EAAE,MAAM;;QACxB,GAAC,oBAAa,eAAe,CAAE,IAAG,eAAe;QACjD,GAAC,iBAAU,SAAS,CAAE,IAAG,SAAS;YAClC,CAAC;IACH,IAAM,KAAK,GAAG;QACZ,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,eAAQ,SAAS,OAAI,CAAC,CAAC,CAAC,SAAS;QAC3D,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,uBAAgB,YAAY,MAAG;QAC7C,KAAK,EAAE,IAAI;KACZ,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,IAAI,KAEnB,CAAC,MAAM,IAAI,CACV,wCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAEvC,IAAA,qBAAW,EAAC,IAAI,CAAC,CACb,CACR,CACG,CACP,CAAC;AACJ,CAAC;AApED,wBAoEC"}

package/lib/cjs/components/blitz.d.ts

@@ -0,0 +1,15 @@
+import React, { type RefObject } from 'react';
+import type { CommonComponentProps } from '../types';
+import type { GetRef } from '../utils/refs';
+interface BlitzProps extends CommonComponentProps {
+    children?: React.ReactNode;
+    closeButtonTitle?: string;
+    getRef?: GetRef<HTMLDivElement>;
+    id?: string;
+    initialFocusOn?: RefObject<Element> | Element | string;
+    isVisible?: boolean;
+    requestClose?: () => void;
+    type?: 'alert' | 'notification' | 'coaching';
+}
+export declare function Blitz({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, closeButtonTitle, getRef, id, initialFocusOn, isVisible, requestClose, type, ...rest }: BlitzProps): React.JSX.Element;
+export {};

package/lib/cjs/components/blitz.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Blitz = void 0;
+var react_1 = __importStar(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var button_plain_1 = require("./button_plain");
+var focus_trap_1 = require("./focus_trap");
+var x_1 = require("../icons/x");
+var modifier_1 = require("./modifier");
+var CLOSE_BUTTON_NAME = 'close';
+var DEFAULT_FOCUS_SELECTOR = "button[name=\"".concat(CLOSE_BUTTON_NAME, "\"]");
+function Blitz(_a) {
+    var ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, _b = _a.closeButtonTitle, closeButtonTitle = _b === void 0 ? 'Close' : _b, getRef = _a.getRef, id = _a.id, initialFocusOn = _a.initialFocusOn, isVisible = _a.isVisible, requestClose = _a.requestClose, _c = _a.type, type = _c === void 0 ? 'notification' : _c, rest = __rest(_a, ['aria-label', 'aria-labelledby', 'aria-describedby', "children", "closeButtonTitle", "getRef", "id", "initialFocusOn", "isVisible", "requestClose", "type"]);
+    var labelId = (0, react_1.useId)();
+    var wrapperClassName = (0, class_names_1.default)('Blitz__Wrapper', {
+        'Blitz__Wrapper--show': isVisible
+    });
+    var alertClassName = (0, class_names_1.default)('Blitz', 'flex', 'color--invert', {
+        'bg-color--dscout': type === 'notification',
+        'bg-color--alert': type === 'alert',
+        'bg-color--coachmark': type === 'coaching'
+    });
+    return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: wrapperClassName }),
+        react_1.default.createElement(focus_trap_1.FocusTrap, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby || labelId, "aria-describedby": ariaDescribedby, className: alertClassName, fallbackFocusOn: DEFAULT_FOCUS_SELECTOR, getRef: getRef, id: id, initialFocusOn: initialFocusOn, role: "alertdialog", setInitialFocus: isVisible },
+            react_1.default.createElement("span", { className: "flex", id: labelId }, children),
+            react_1.default.createElement(modifier_1.Modifier, { margin: { left: '1' } },
+                react_1.default.createElement(button_plain_1.ButtonPlain, { "aria-label": closeButtonTitle, name: CLOSE_BUTTON_NAME, onClick: requestClose, title: closeButtonTitle },
+                    react_1.default.createElement(x_1.IconX, { "aria-hidden": true }))))));
+}
+exports.Blitz = Blitz;
+//# sourceMappingURL=blitz.js.map

package/lib/cjs/components/blitz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blitz.js","sourceRoot":"","sources":["../../../src/components/blitz.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AAKrD,qEAAsC;AACtC,6EAAyD;AAEzD,+CAA6C;AAC7C,2CAAyC;AACzC,gCAAmC;AACnC,uCAAsC;AAatC,IAAM,iBAAiB,GAAG,OAAO,CAAC;AAClC,IAAM,sBAAsB,GAAG,wBAAgB,iBAAiB,QAAI,CAAC;AAErE,SAAgB,KAAK,CAAC,EAaT;IAZX,IAAc,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,MAAM,YAAA,EACN,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAqB,EAArB,IAAI,mBAAG,cAAc,KAAA,EAClB,IAAI,cAZa,4JAarB,CADQ;IAEP,IAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,IAAM,gBAAgB,GAAG,IAAA,qBAAE,EAAC,gBAAgB,EAAE;QAC5C,sBAAsB,EAAE,SAAS;KAClC,CAAC,CAAC;IAEH,IAAM,cAAc,GAAG,IAAA,qBAAE,EAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE;QAC1D,kBAAkB,EAAE,IAAI,KAAK,cAAc;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,UAAU;KAC3C,CAAC,CAAC;IAEH,OAAO,CACL,kDAAS,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAAE,SAAS,EAAE,gBAAgB;QAC3D,8BAAC,sBAAS,kBACI,SAAS,qBACJ,cAAc,IAAI,OAAO,sBACxB,eAAe,EACjC,SAAS,EAAE,cAAc,EACzB,eAAe,EAAE,sBAAsB,EACvC,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,aAAa,EAClB,eAAe,EAAE,SAAS;YAE1B,wCAAM,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,OAAO,IAC/B,QAAQ,CACJ;YACP,8BAAC,mBAAQ,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC7B,8BAAC,0BAAW,kBACE,gBAAgB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,gBAAgB;oBAEvB,8BAAC,SAAK,0BAAe,CACT,CACL,CACD,CACR,CACP,CAAC;AACJ,CAAC;AAxDD,sBAwDC"}

package/lib/cjs/components/button.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { CommonComponentProps, ModifierProps } from '../types';
+import type { GetRef } from '../utils/refs';
+declare const COLORS: readonly ["alert", "close", "coachmark", "dscout", "archive", "none", "success", "note", "screener", "live", "diary", "test", "invert", "black", "white"];
+declare const SIZES: readonly ["tiny", "small", "big"];
+declare const WIDTHS: readonly ["fullwidth", "tight"];
+declare const VARIANTS: readonly ["glass", "outline"];
+type Colors = (typeof COLORS)[number];
+type Sizes = (typeof SIZES)[number];
+type Widths = (typeof WIDTHS)[number];
+type Variants = (typeof VARIANTS)[number];
+interface ButtonProps extends CommonComponentProps, ModifierProps {
+    'aria-controls'?: string;
+    'aria-expanded'?: React.AriaAttributes['aria-expanded'];
+    'aria-pressed'?: boolean;
+    children?: React.ReactNode;
+    color?: Colors;
+    disabled?: boolean;
+    getRef?: GetRef<HTMLButtonElement>;
+    id?: string;
+    linkComponent?: 'a' | React.ComponentType;
+    linkProps?: Record<string, unknown>;
+    name?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
+    refProp?: string;
+    size?: Sizes;
+    tabIndex?: number;
+    title?: string;
+    type?: 'button' | 'submit';
+    width?: Widths;
+    variant?: Variants;
+}
+export declare function Button({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, children, color, disabled, getRef, id, linkComponent, linkProps, name, onClick, onMouseUp, onMouseDown, refProp, size, tabIndex, title, type, width, variant, ...rest }: ButtonProps): React.JSX.Element;
+export {};

package/lib/cjs/components/button.js

@@ -0,0 +1,74 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var react_1 = __importDefault(require("react"));
+var class_names_1 = __importDefault(require("../utils/class_names"));
+var data_attributes_1 = __importDefault(require("../utils/data_attributes"));
+var common_button_1 = require("./common_button");
+var COLORS = [
+    'alert',
+    'close',
+    'coachmark',
+    'dscout',
+    'archive',
+    'none',
+    'success',
+    'note',
+    'screener',
+    'live',
+    'diary',
+    'test',
+    'invert',
+    'black',
+    'white'
+];
+var SIZES = ['tiny', 'small', 'big'];
+var WIDTHS = ['fullwidth', 'tight'];
+var VARIANTS = ['glass', 'outline'];
+var ENUMS = {
+    color: COLORS,
+    size: SIZES,
+    width: WIDTHS,
+    variant: VARIANTS
+};
+var ALIAS_MAP = {
+    live: 'alert'
+};
+function supportedClassFor(type, value) {
+    var classPrefix = type === 'color' ? "Button--color-" : "Button--";
+    if (ENUMS[type].includes(value)) {
+        return "".concat(classPrefix).concat(ALIAS_MAP[value] || value);
+    }
+}
+function Button(_a) {
+    var _modifierClass = _a._modifierClass, ariaControls = _a["aria-controls"], ariaExpanded = _a["aria-expanded"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaPressed = _a["aria-pressed"], children = _a.children, color = _a.color, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, linkComponent = _a.linkComponent, linkProps = _a.linkProps, name = _a.name, onClick = _a.onClick, onMouseUp = _a.onMouseUp, onMouseDown = _a.onMouseDown, refProp = _a.refProp, size = _a.size, tabIndex = _a.tabIndex, title = _a.title, type = _a.type, width = _a.width, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-controls', 'aria-expanded', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-pressed', "children", "color", "disabled", "getRef", "id", "linkComponent", "linkProps", "name", "onClick", "onMouseUp", "onMouseDown", "refProp", "size", "tabIndex", "title", "type", "width", "variant"]);
+    var className = (0, class_names_1.default)('Button', supportedClassFor('size', size), supportedClassFor('width', width), supportedClassFor('variant', variant), supportedClassFor('color', color), _modifierClass);
+    return (react_1.default.createElement(common_button_1.CommonButton, __assign({}, (0, data_attributes_1.default)(rest), { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-pressed": ariaPressed, className: className, disabled: disabled, getRef: getRef, id: id, linkComponent: linkComponent, linkProps: linkProps, name: name, onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, refProp: refProp, tabIndex: tabIndex, title: title, type: type }), children));
+}
+exports.Button = Button;
+//# sourceMappingURL=button.js.map

package/lib/cjs/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,6EAAyD;AAEzD,iDAA+C;AAE/C,IAAM,MAAM,GAAG;IACb,OAAO;IACP,OAAO;IACP,WAAW;IACX,QAAQ;IACR,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,OAAO;IACP,OAAO;CACC,CAAC;AAEX,IAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAU,CAAC;AAEhD,IAAM,MAAM,GAAG,CAAC,WAAW,EAAE,OAAO,CAAU,CAAC;AAE/C,IAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAC;AAE/C,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;CAClB,CAAC;AA+BF,IAAM,SAAS,GAA2B;IACxC,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAwB,EAAE,KAAa;IAChE,IAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAErE,IAAK,KAAK,CAAC,IAAI,CAA2B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC1D,OAAO,UAAG,WAAW,SAAG,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,CAAE,CAAC;KACrD;AACH,CAAC;AAED,SAAgB,MAAM,CAAC,EA2BT;IA1BZ,IAAA,cAAc,oBAAA,EACG,YAAY,sBAAA,EACZ,YAAY,sBAAA,EACf,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnB,WAAW,qBAAA,EAC3B,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,IAAI,cA1Bc,2TA2BtB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,QAAQ,EACR,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,EAC/B,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,EACrC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACjC,cAAc,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,4BAAY,eACP,IAAA,yBAAiB,EAAC,IAAI,CAAC,qBACZ,YAAY,mBACZ,YAAY,gBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KAET,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC;AAhED,wBAgEC"}

package/lib/cjs/components/button_control.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { GetRef } from '../utils/refs';
+import type { CommonComponentProps, ModifierProps } from '../types';
+interface ButtonControlProps extends CommonComponentProps, ModifierProps {
+    active?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: React.AriaAttributes['aria-expanded'];
+    children?: React.ReactNode;
+    disabled?: boolean;
+    getRef?: GetRef<HTMLButtonElement>;
+    id?: string;
+    name?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    title?: string;
+}
+export declare function ButtonControl({ _modifierClass, active, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, disabled, getRef, id, name, onClick, title, ...rest }: ButtonControlProps): React.JSX.Element;
+export {};