@openameba/spindle-ui 0.23.1 → 0.25.2-alpha.0

package/Button/Button.css

@@ -1 +1 @@
-:root{--Button-tapHighlightColor:var(--gray-5-alpha);--Button-onFocus-boxShadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);--Button--contained-backgroundColor:var(--color-surface-accent-primary);--Button--contained-color:var(--color-text-high-emphasis-inverse);--Button--contained-onActive-backgroundColor:var(--primary-green-100);--Button--contained-onHover-backgroundColor:var(--primary-green-100);--Button--outlined-borderColor:var(--color-surface-accent-primary);--Button--outlined-color:var(--color-surface-accent-primary);--Button--outlined-onActive-backgroundColor:var(--primary-green-5);--Button--outlined-onHover-backgroundColor:var(--primary-green-5);--Button--lighted-backgroundColor:var(--color-surface-accent-primary-light);--Button--lighted-color:var(--color-text-accent-primary);--Button--lighted-onActive-backgroundColor:var(--primary-green-10);--Button--lighted-onHover-backgroundColor:var(--primary-green-10);--Button--neutral-backgroundColor:var(--color-surface-tertiary);--Button--neutral-color:var(--color-text-medium-emphasis);--Button--neutral-onActive-backgroundColor:var(--gray-20-alpha);--Button--neutral-onHover-backgroundColor:var(--gray-20-alpha);--Button--danger-borderColor:var(--color-text-caution);--Button--danger-color:var(--color-text-caution);--Button--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--Button--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-Button{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;margin:0;-webkit-tap-highlight-color:var(--Button-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-Button:disabled{opacity:.3}.spui-Button:focus{box-shadow:var(--Button-onFocus-boxShadow);outline:none}.spui-Button:focus:not(:focus-visible){box-shadow:none}.spui-Button--fullWidth{width:100%}.spui-Button--large{border-radius:3em;font-size:1em;min-height:48px;padding-left:16px;padding-right:16px}.spui-Button--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding-left:16px;padding-right:16px}.spui-Button--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding-left:10px;padding-right:10px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-Button--large,.spui-Button--medium,.spui-Button--small{height:1px}}.spui-Button--contained{background-color:var(--Button--contained-backgroundColor);border:none;color:var(--Button--contained-color);padding-bottom:8px;padding-top:8px}.spui-Button--contained:active{background-color:var(--Button--contained-onActive-backgroundColor)}@media (hover:hover){.spui-Button--contained:not([disabled]):hover{background-color:var(--Button--contained-onHover-backgroundColor)}}.spui-Button--outlined{background-color:transparent;border:2px solid var(--Button--outlined-borderColor);color:var(--Button--outlined-color);padding-bottom:6px;padding-top:6px}.spui-Button--outlined:active{background-color:var(--Button--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-Button--outlined:not([disabled]):hover{background-color:var(--Button--outlined-onHover-backgroundColor)}}.spui-Button--lighted{background-color:var(--Button--lighted-backgroundColor);border:none;color:var(--Button--lighted-color);padding-bottom:8px;padding-top:8px}.spui-Button--lighted:active{background-color:var(--Button--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-Button--lighted:not([disabled]):hover{background-color:var(--Button--lighted-onHover-backgroundColor)}}.spui-Button--neutral{background-color:var(--Button--neutral-backgroundColor);border:none;color:var(--Button--neutral-color);padding-bottom:8px;padding-top:8px}.spui-Button--neutral:active{background-color:var(--Button--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-Button--neutral:not([disabled]):hover{background-color:var(--Button--neutral-onHover-backgroundColor)}}.spui-Button--danger{background-color:transparent;border:2px solid var(--Button--danger-borderColor);color:var(--Button--danger-color);padding-bottom:6px;padding-top:6px}.spui-Button--danger:active{background-color:var(--Button--danger-onActive-backgroundColor)}@media (hover:hover){.spui-Button--danger:not([disabled]):hover{background-color:var(--Button--danger-onHover-backgroundColor)}}.spui-Button-icon{line-height:0}.spui-Button-icon--large{font-size:1.375em;margin-right:6px}.spui-Button-icon--medium{font-size:1.429em;margin-right:4px}.spui-Button-icon--small{font-size:1.23em;margin-right:2px}
+:root{--Button-tapHighlightColor:var(--gray-5-alpha);--Button-onFocus-boxShadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);--Button--contained-backgroundColor:var(--color-surface-accent-primary);--Button--contained-color:var(--color-text-high-emphasis-inverse);--Button--contained-onActive-backgroundColor:var(--primary-green-100);--Button--contained-onHover-backgroundColor:var(--primary-green-100);--Button--outlined-borderColor:var(--color-border-accent-primary);--Button--outlined-color:var(--color-text-accent-primary);--Button--outlined-onActive-backgroundColor:var(--primary-green-5);--Button--outlined-onHover-backgroundColor:var(--primary-green-5);--Button--lighted-backgroundColor:var(--color-surface-accent-primary-light);--Button--lighted-color:var(--color-text-accent-primary);--Button--lighted-onActive-backgroundColor:var(--primary-green-10);--Button--lighted-onHover-backgroundColor:var(--primary-green-10);--Button--neutral-backgroundColor:var(--color-surface-tertiary);--Button--neutral-color:var(--color-text-medium-emphasis);--Button--neutral-onActive-backgroundColor:var(--gray-20-alpha);--Button--neutral-onHover-backgroundColor:var(--gray-20-alpha);--Button--danger-borderColor:var(--color-border-caution);--Button--danger-color:var(--color-text-caution);--Button--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--Button--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-Button{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;margin:0;-webkit-tap-highlight-color:var(--Button-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-Button:disabled{opacity:.3}.spui-Button:focus{box-shadow:var(--Button-onFocus-boxShadow);outline:none}.spui-Button:focus:not(:focus-visible){box-shadow:none}.spui-Button--fullWidth{width:100%}.spui-Button--large{border-radius:3em;font-size:1em;min-height:48px;padding-left:16px;padding-right:16px}.spui-Button--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding-left:16px;padding-right:16px}.spui-Button--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding-left:10px;padding-right:10px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-Button--large,.spui-Button--medium,.spui-Button--small{height:1px}}.spui-Button--contained{background-color:var(--Button--contained-backgroundColor);border:none;color:var(--Button--contained-color);padding-bottom:8px;padding-top:8px}.spui-Button--contained:active{background-color:var(--Button--contained-onActive-backgroundColor)}@media (hover:hover){.spui-Button--contained:not([disabled]):hover{background-color:var(--Button--contained-onHover-backgroundColor)}}.spui-Button--outlined{background-color:transparent;border:2px solid var(--Button--outlined-borderColor);color:var(--Button--outlined-color);padding-bottom:6px;padding-top:6px}.spui-Button--outlined:active{background-color:var(--Button--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-Button--outlined:not([disabled]):hover{background-color:var(--Button--outlined-onHover-backgroundColor)}}.spui-Button--lighted{background-color:var(--Button--lighted-backgroundColor);border:none;color:var(--Button--lighted-color);padding-bottom:8px;padding-top:8px}.spui-Button--lighted:active{background-color:var(--Button--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-Button--lighted:not([disabled]):hover{background-color:var(--Button--lighted-onHover-backgroundColor)}}.spui-Button--neutral{background-color:var(--Button--neutral-backgroundColor);border:none;color:var(--Button--neutral-color);padding-bottom:8px;padding-top:8px}.spui-Button--neutral:active{background-color:var(--Button--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-Button--neutral:not([disabled]):hover{background-color:var(--Button--neutral-onHover-backgroundColor)}}.spui-Button--danger{background-color:transparent;border:2px solid var(--Button--danger-borderColor);color:var(--Button--danger-color);padding-bottom:6px;padding-top:6px}.spui-Button--danger:active{background-color:var(--Button--danger-onActive-backgroundColor)}@media (hover:hover){.spui-Button--danger:not([disabled]):hover{background-color:var(--Button--danger-onHover-backgroundColor)}}.spui-Button-icon{line-height:0}.spui-Button-icon--large{font-size:1.375em;margin-right:6px}.spui-Button-icon--medium{font-size:1.429em;margin-right:4px}.spui-Button-icon--small{font-size:1.23em;margin-right:2px}

package/Button/Button.mjs

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

package/Button/index.mjs

@@ -0,0 +1 @@
+export { Button } from './Button';

package/ButtonGroup/ButtonGroup.mjs

@@ -0,0 +1,13 @@
+import React from 'react';
+const BLOCK_NAME = 'spui-ButtonGroup';
+export const ButtonGroup = ({ children, className, direction = 'row', size = 'large', ...rest }) => {
+    const classnames = [
+        BLOCK_NAME,
+        `${BLOCK_NAME}--${direction}`,
+        `${BLOCK_NAME}--${size}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (React.createElement("div", Object.assign({ className: classnames }, rest), children));
+};

package/ButtonGroup/index.mjs

@@ -0,0 +1 @@
+export { ButtonGroup } from './ButtonGroup';

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.25.2-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.25.1...@openameba/spindle-ui@0.25.2-alpha.0) (2021-12-09)
+
+
+### Bug Fixes
+
+* **spindle-ui:** set side effect for css ([bdf0c9f](https://github.com/openameba/spindle/commit/bdf0c9ff79a69ad9dd2706dcfe96bd29559b373e))
+
+
+
+
+
+## [0.25.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.25.0...@openameba/spindle-ui@0.25.1) (2021-12-09)
+
+
+### Bug Fixes
+
+* **spindle-ui:** correct button tokens ([6b88a5f](https://github.com/openameba/spindle/commit/6b88a5fd5fd8677aec82add4fe3552674ace69cc))
+
+
+
+
+
+# [0.25.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.24.0...@openameba/spindle-ui@0.25.0) (2021-12-03)
+
+
+### Features
+
+* **spindle-icons:** update icons ([c96c886](https://github.com/openameba/spindle/commit/c96c8866eb5494ce90adac8d9449a3bece0c0370))
+
+
+
+
+
+# [0.24.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.23.1...@openameba/spindle-ui@0.24.0) (2021-11-29)
+
+
+### Features
+
+* **spindle-icons:** update icons ([3efffd7](https://github.com/openameba/spindle/commit/3efffd7e30e2ad110c95908e33309a2278752055))
+
+
+
+
+
 ## [0.23.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.23.0...@openameba/spindle-ui@0.23.1) (2021-11-17)
 
 
@@ -26,12 +70,19 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### Features
 
 * **spindle-icons:** update icons ([39ce767](https://github.com/openameba/spindle/commit/39ce7673df4556ee3b9a6ea6dc62ad25236a6fc9))
+## [0.22.1-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.22.0...@openameba/spindle-ui@0.22.1-alpha.0) (2021-09-06)
+
+
+### Bug Fixes
+
+* **spindle-ui:** set side effect for css ([f26be31](https://github.com/openameba/spindle/commit/f26be31bf53ec73fbe00222773ba691809dae5d5))
 
 
 
 
 
 # [0.22.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.21.2...@openameba/spindle-ui@0.22.0) (2021-09-06)
+## [0.21.3-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.21.2...@openameba/spindle-ui@0.21.3-alpha.0) (2021-07-30)
 
 
 ### Bug Fixes
@@ -53,12 +104,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### BREAKING CHANGES
 
 * **spindle-icons,spindle-ui:** setting icon was renamed to gear
+* **spindle-ui:** set side effect for css ([ec4e8f1](https://github.com/openameba/spindle/commit/ec4e8f143cd6769cc6b3d49534233a46eaf79b2d))
 
 
 
 
 
 ## [0.21.2](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.21.1...@openameba/spindle-ui@0.21.2) (2021-07-30)
+## [0.21.2-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.21.1...@openameba/spindle-ui@0.21.2-alpha.0) (2021-07-28)
 
 **Note:** Version bump only for package @openameba/spindle-ui
 
@@ -119,6 +172,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### Features
 
 * **spindle-icons:** update icons ([ae07c8e](https://github.com/openameba/spindle/commit/ae07c8eca4f33789c45b3c3d6a2e7f8f17c11e81))
+## [0.18.1-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.18.0...@openameba/spindle-ui@0.18.1-alpha.0) (2021-06-11)
+
+**Note:** Version bump only for package @openameba/spindle-ui
 
 
 
@@ -174,6 +230,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### Bug Fixes
 
 * **spindle-ui:** fix CSS variable name ([f76d2ee](https://github.com/openameba/spindle/commit/f76d2ee1840574a1247a20ea1ee212b85d99708e))
+# [0.15.0-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.14.0...@openameba/spindle-ui@0.15.0-alpha.0) (2021-03-15)
+
+**Note:** Version bump only for package @openameba/spindle-ui
 
 
 

package/Form/Checkbox.mjs

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

package/Form/DropDown.mjs

@@ -0,0 +1,38 @@
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import mergeRefs from 'react-merge-refs';
+import { ChevronDownBold } from '../Icon';
+const BLOCK_NAME = 'spui-DropDown';
+export const DropDown = forwardRef(function DropDown({ children, hasError = false, onChange, ...rest }, ref) {
+    const selectEl = useRef(null);
+    const [text, setText] = useState('');
+    const [disabled, setDisabled] = useState(false);
+    const update = () => {
+        if (selectEl && selectEl.current) {
+            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            const value = selectedEl.text;
+            const disabled = selectedEl.disabled;
+            setText(value);
+            setDisabled(disabled);
+        }
+    };
+    const handleChange = (event) => {
+        if (typeof onChange === 'function') {
+            onChange(event);
+        }
+        update();
+    };
+    // Update text once
+    useEffect(update, []);
+    return (React.createElement("label", { className: [
+            `${BLOCK_NAME}-label`,
+            !disabled ? 'is-active' : '',
+            hasError ? 'is-error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ') },
+        React.createElement("span", { className: `${BLOCK_NAME}-visual` }, text),
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
+            React.createElement(ChevronDownBold, { "aria-hidden": "true" })),
+        React.createElement("select", Object.assign({ className: `${BLOCK_NAME}-select`, ref: mergeRefs([selectEl, ref]), onChange: handleChange }, rest), children),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
+});

package/Form/InlineDropDown.mjs

@@ -0,0 +1,30 @@
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import mergeRefs from 'react-merge-refs';
+import { ChevronDownBold } from '../Icon';
+const BLOCK_NAME = 'spui-InlineDropDown';
+export const InlineDropDown = forwardRef(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
+    const selectEl = useRef(null);
+    const [text, setText] = useState('');
+    const update = () => {
+        if (selectEl && selectEl.current) {
+            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            const value = selectedEl.text;
+            setText(value);
+        }
+    };
+    const handleChange = (event) => {
+        if (typeof onChange === 'function') {
+            onChange(event);
+        }
+        update();
+    };
+    // Update text once
+    useEffect(update, []);
+    return (React.createElement("label", { className: [`${BLOCK_NAME}-label`].filter(Boolean).join(' ') },
+        React.createElement("span", { className: `${BLOCK_NAME}-visual` },
+            React.createElement("span", { className: `${BLOCK_NAME}-text ${BLOCK_NAME}-text--${visualSize}` }, text),
+            React.createElement("span", { className: `${BLOCK_NAME}-icon ${BLOCK_NAME}-icon--${visualSize}` },
+                React.createElement(ChevronDownBold, { "aria-hidden": "true" }))),
+        React.createElement("select", Object.assign({ className: `${BLOCK_NAME}-select ${BLOCK_NAME}-select--${visualSize}`, ref: mergeRefs([selectEl, ref]), onChange: handleChange }, rest), children),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
+});

package/Form/InputLabel.mjs

@@ -0,0 +1,5 @@
+import React from 'react';
+const BLOCK_NAME = 'spui-InputLabel';
+export const InputLabel = ({ children, id = '', ...rest }) => {
+    return (React.createElement("label", Object.assign({ className: BLOCK_NAME, htmlFor: id }, rest), children));
+};

package/Form/InvalidMessage.mjs

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ExclamationmarkCircleFill } from '../Icon';
+const BLOCK_NAME = 'spui-InvalidMessage';
+export const InvalidMessage = ({ children, visible = false, ...rest }) => {
+    return (React.createElement("p", Object.assign({ className: BLOCK_NAME, hidden: !visible }, rest),
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
+            React.createElement(ExclamationmarkCircleFill, { "aria-hidden": "true" })),
+        React.createElement("span", { className: `${BLOCK_NAME}-body` }, children)));
+};

package/Form/Radio.mjs

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { CheckBold } from '../Icon';
+const BLOCK_NAME = 'spui-Radio';
+export const Radio = forwardRef(function Radio({ children, id = '', ...rest }, ref) {
+    return (React.createElement("label", { className: `${BLOCK_NAME}-label`, htmlFor: id },
+        React.createElement("input", Object.assign({ className: `${BLOCK_NAME}-input`, id: id, ref: ref, type: "radio" }, rest)),
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
+            React.createElement(CheckBold, { "aria-hidden": "true" })),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` }),
+        children && React.createElement("span", { className: `${BLOCK_NAME}-text` }, children)));
+});

package/Form/TextArea.mjs

@@ -0,0 +1,5 @@
+import React, { forwardRef } from 'react';
+const BLOCK_NAME = 'spui-TextArea';
+export const TextArea = forwardRef(function TextArea({ children, hasError = false, id = '', ...rest }, ref) {
+    return (React.createElement("textarea", Object.assign({ className: [`${BLOCK_NAME}`, hasError ? 'is-error' : ''].join(' '), id: id, ref: ref }, rest), children));
+});

package/Form/TextField.mjs

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+const BLOCK_NAME = 'spui-TextField';
+export const TextField = forwardRef(function TextField({ hasError = false, id = '', variant = 'medium', ...rest }, ref) {
+    return (React.createElement("input", Object.assign({ className: [
+            `${BLOCK_NAME}`,
+            `${BLOCK_NAME}--${variant}`,
+            hasError ? 'is-error' : '',
+        ].join(' '), id: id, ref: ref }, rest)));
+});

package/Form/ToggleSwitch.mjs

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+const BLOCK_NAME = 'spui-ToggleSwitch';
+export const ToggleSwitch = forwardRef(function ToggleSwitch({ id = '', ...rest }, ref) {
+    return (React.createElement("label", { className: BLOCK_NAME },
+        React.createElement("input", Object.assign({ className: `${BLOCK_NAME}-input`, id: id, ref: ref, type: "checkbox" }, rest)),
+        React.createElement("span", { className: `${BLOCK_NAME}-visual` }),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
+});

package/Form/index.mjs

@@ -0,0 +1,8 @@
+export { Checkbox } from './Checkbox';
+export { DropDown } from './DropDown';
+export { InputLabel } from './InputLabel';
+export { InvalidMessage } from './InvalidMessage';
+export { Radio } from './Radio';
+export { TextArea } from './TextArea';
+export { TextField } from './TextField';
+export { ToggleSwitch } from './ToggleSwitch';

package/Icon/755.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function Svg755(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M18.28 9.5h-1.64l-.35.72.07.03c.19.09.37.22.55.42.31.33.47.76.46 1.27-.01.62-.23 1.13-.66 1.52-.42.38-.95.58-1.6.58h-.01c-.55 0-1.03-.16-1.43-.46l-.18-.14.57-1.04.25.2c.26.2.49.28.85.28.28 0 .5-.08.68-.26.18-.18.26-.38.26-.66 0-.2-.09-.39-.26-.52-.22-.17-.6-.21-.61-.21-.35-.04-.62-.03-.78-.01l.99-2.13.39-.87h3.03l-.58 1.28zm-6.46 1.22c.19.09.37.22.55.42.31.33.47.76.47 1.27-.01.62-.23 1.13-.66 1.52-.42.38-.95.57-1.59.57h-.03c-.55 0-1.03-.16-1.43-.46l-.18-.14.57-1.04.25.2c.26.2.49.28.85.28.28 0 .5-.08.68-.26.18-.18.26-.38.26-.66 0-.2-.09-.39-.26-.52-.22-.17-.6-.21-.61-.21-.35-.04-.62-.03-.78-.01l.99-2.13.39-.86h3.03l-.57 1.28H12.1l-.35.72.07.03zm-6.12 4l2.08-4.3H5.25l.2-.41.39-.87h3.95l-2.66 5.57H5.7v.01zM3 6.1v11.19l7.45-.01-.07 1.8 2.75-1.8 7.87.01V4.92L3 6.1z" })));
+}
+export default Svg755;

package/Icon/Abemakun.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAbemakun(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.24 16.91c-.18-.45-.52-.65-1.14-1.06-.47-.3-.79-.72-.85-1.55-.07-1.08.16-1.76.11-3.31-.04-1.2-.47-2.1-.74-2.63-.32-.62-.37-1.06-.4-1.78-.02-.66.01-2.12 0-2.58-.02-.46-.2-.76-.52-.9-.38-.18-.79-.12-1.13.25-.31.34-.88.95-1.28 1.31-.51.47-.84.57-1.29.57-.45 0-.78-.1-1.29-.57-.4-.36-.97-.97-1.28-1.31-.34-.37-.75-.43-1.13-.25-.32.14-.5.44-.52.9-.01.46.02 1.92 0 2.57-.02.72-.08 1.16-.4 1.79-.27.53-.7 1.43-.74 2.63-.06 1.55.18 2.23.11 3.31-.06.83-.38 1.25-.85 1.55-.62.4-.96.61-1.14 1.06-.13.31-.13.77.25.96.24.12.54.1.84-.02.24-.09.47-.24.7-.22.18.01.32.1.35.4.03.3.17.43.39.43.18 0 .35-.12.47-.45.14-.35.2-.66.42-.66.23.01.28.25.3.59.02.49-.17.88-.53 1.21-.42.39-.74.76-.62 1.24.08.34.45.56 1.05.59.59.03 1.57.04 2.25.02.63-.02 1-.29 1.08-.65.09-.41-.15-.56-.09-.9.03-.19.21-.27.4-.27.19 0 .37.08.4.27.06.34-.18.49-.09.9.08.36.44.64 1.08.65.68.02 1.66.01 2.25-.02.59-.03.96-.25 1.04-.59.11-.48-.2-.85-.62-1.24-.37-.34-.56-.72-.53-1.21.02-.34.07-.59.3-.59.21-.01.28.31.42.66.13.33.3.45.47.45.22 0 .36-.13.39-.43.03-.29.17-.39.35-.4.23-.01.46.13.7.22.31.12.6.15.84.02.35-.2.35-.65.22-.96zM14.76 8.3a.49.49 0 11-.49.49c-.01-.27.21-.49.49-.49zm-5.52 0a.49.49 0 11-.002.981.49.49 0 01.002-.981zM12 18.51a2.279 2.279 0 110-4.56 2.279 2.279 0 110 4.56zm3.26-6.24c-.21.35-.62.64-1.1.68-.64.06-1.03-.17-1.29-.45-.24-.27-.5-.52-.87-.52s-.63.25-.87.52c-.25.28-.65.51-1.29.45-.48-.04-.89-.32-1.1-.68-.42-.7-.06-1.63.49-2.09.79-.68 1.62-.94 2.77-.94s1.97.26 2.77.94c.55.47.9 1.39.49 2.09zm-2.12-1.91c0 .49-.5.87-1.14.87-.64 0-1.14-.38-1.14-.87s.5-.87 1.14-.87c.64 0 1.14.38 1.14.87z" })));
+}
+export default SvgAbemakun;

package/Icon/Abematv.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAbematv(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M17.44 10.64c.17.17.25.37.25.61v4.09c0 .24-.08.44-.25.61-.17.17-.37.25-.61.25H7.16c-.24 0-.44-.08-.61-.25a.822.822 0 01-.25-.61v-4.09c0-.24.08-.44.25-.61.17-.17.37-.25.61-.25h9.67c.24 0 .44.08.61.25zm1.9.61a2.525 2.525 0 00-.74-1.78c-.23-.22-.5-.4-.8-.54-.31-.14-.63-.2-.98-.2H7.16c-.34 0-.67.07-.97.2-.3.14-.57.32-.8.54-.23.22-.41.49-.54.8-.13.31-.2.63-.2.98v4.09c0 .34.06.67.2.97.13.3.31.57.54.8.23.23.5.41.8.54.3.13.63.2.97.2h9.67c.34 0 .67-.06.98-.2.31-.13.58-.31.8-.54.23-.23.41-.49.54-.8.13-.3.2-.63.2-.97v-4.09h-.01zm-2.51-4.16c.57 0 1.11.11 1.62.33.5.22.95.52 1.33.89.38.38.68.82.9 1.32.22.51.33 1.04.33 1.62v4.09c0 .57-.11 1.11-.33 1.62a4.197 4.197 0 01-2.23 2.21c-.51.22-1.04.33-1.62.33H7.16c-.57 0-1.11-.11-1.62-.33-.51-.22-.95-.52-1.32-.89-.38-.38-.67-.82-.89-1.32-.22-.5-.33-1.04-.33-1.62v-4.09c0-.57.11-1.11.33-1.62a4.153 4.153 0 012.21-2.21c.5-.22 1.04-.33 1.62-.33h2.86L8.2 5.28a.834.834 0 01-.23-.58c0-.22.08-.42.23-.59.17-.16.36-.23.59-.23.22 0 .42.08.59.23l2.61 2.61 2.61-2.61c.16-.16.35-.23.58-.23.23 0 .42.08.58.23.16.17.24.36.24.59 0 .23-.08.42-.25.59l-1.8 1.81h2.88v-.01z" })));
+}
+export default SvgAbematv;

package/Icon/Accesslink.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAccesslink(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M7.87 2.48c1.07 0 2.07.42 2.83 1.17l4.16 4.16c.84.84 1.27 1.96 1.27 3.05 0 .89-.29 1.77-.88 2.48-.42.51-.97.91-1.58 1.15a.998.998 0 01-1.3-.55c-.21-.51.04-1.1.55-1.3.31-.12.57-.32.79-.58.65-.78.53-2.03-.28-2.83L9.28 5.06c-.38-.38-.88-.58-1.41-.58-.53 0-1.04.2-1.42.58-.76.76-.76 2.07 0 2.83l1.26 1.26a.996.996 0 11-1.41 1.41L5.04 9.3c-1.51-1.51-1.51-4.15 0-5.66.75-.75 1.76-1.16 2.83-1.16zm8.78 11.87l1.26 1.26c.76.76.76 2.07 0 2.83a1.983 1.983 0 01-2.82 0l-4.17-4.17c-.77-.77-.91-1.98-.32-2.75.23-.3.51-.52.85-.65a.998.998 0 10-.75-1.85c-.68.26-1.26.71-1.7 1.28-1.21 1.58-.99 3.89.51 5.39l4.16 4.16c.75.76 1.76 1.17 2.83 1.17s2.07-.42 2.83-1.17c.76-.76 1.17-1.76 1.17-2.83s-.42-2.07-1.17-2.83l-1.26-1.26a.996.996 0 00-1.41 0c-.39.39-.4 1.03-.01 1.42z" })));
+}
+export default SvgAccesslink;

package/Icon/Accesspage.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAccesspage(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M17.44 5.8h-.85v-.85c0-1.52-1.23-2.75-2.75-2.75H6.56c-1.52 0-2.75 1.23-2.75 2.75v10.5c0 1.52 1.23 2.75 2.75 2.75h.85v.85c0 1.52 1.23 2.75 2.75 2.75h3.62c.73 0 1.42-.29 1.94-.81l3.66-3.66c.52-.52.81-1.21.81-1.94V8.55c0-1.51-1.23-2.75-2.75-2.75zM7.41 8.55v8.15h-.85c-.69 0-1.25-.56-1.25-1.25V4.95c0-.69.56-1.25 1.25-1.25h7.28c.69 0 1.25.56 1.25 1.25v.85h-4.92c-1.52 0-2.76 1.24-2.76 2.75zm1.5 10.5V8.55c0-.69.56-1.25 1.25-1.25h7.28c.69 0 1.25.56 1.25 1.25v6.51H15.2c-.96 0-1.75.79-1.75 1.75v3.49h-3.29c-.69 0-1.25-.56-1.25-1.25zm6.04.59v-2.83c0-.14.11-.25.25-.25h2.83l-3.08 3.08z" })));
+}
+export default SvgAccesspage;

package/Icon/AccesspageFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAccesspageFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M18.19 5.78H9.41c-1.1 0-2 .9-2 2v11.97c0 1.1.9 2 2 2h4.53c.64 0 1.24-.25 1.69-.7l3.86-3.86c.45-.45.7-1.06.7-1.69V7.78c0-1.11-.89-2-2-2zm-.28 10.27l-3.43 3.43a.4.4 0 01-.68-.28v-3.03c0-.44.36-.8.8-.8h3.03c.36-.01.53.42.28.68zm-10.3-12h8.78c.06 0 .12.01.18.02a1.991 1.991 0 00-1.98-1.82H5.81c-1.1 0-2 .9-2 2v11.97c0 1.04.8 1.89 1.82 1.98-.01-.06-.02-.12-.02-.18V6.05a2 2 0 012-2z" })));
+}
+export default SvgAccesspageFill;

package/Icon/AddressbookFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAddressbookFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M7.22 18h9.75c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3h-10c-1.66 0-3 1.34-3 3v14c0 1.66 1.34 3 3 3h10a3 3 0 002.98-2.67c.01-.06.02-.15-.06-.24a.252.252 0 00-.29-.06.25.25 0 00-.11.1c-.53.82-1.46 1.37-2.52 1.37H7.22a1.25 1.25 0 010-2.5zm5.5-12.64c1.15 0 2.09.94 2.09 2.09s-.94 2.09-2.09 2.09-2.09-.94-2.09-2.09.94-2.09 2.09-2.09zM8.77 13c.45-1.33 1.6-2.54 3.95-2.54s3.5 1.21 3.95 2.54c.17.5-.13 1.03-.63 1.18-2.17.61-4.47.61-6.64 0A.92.92 0 018.77 13z" })));
+}
+export default SvgAddressbookFill;

package/Icon/AlbumAddFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAlbumAddFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M13.45 18.985c0-.34.03-.67.09-.99H8.96c-.56 0-1.04-.31-1.3-.76-.11-.2-.08-.45.08-.61l2.01-2.01a.996.996 0 011.41 0l.73.73c.2.2.51.2.71 0l3.06-3.06a.996.996 0 011.41 0l1.23 1.23c.21-.02.43-.04.64-.04.71 0 1.38.14 2.01.38v-3.36c0-1.66-1.34-3-3-3H8.96c-1.66 0-3 1.34-3 3v6c0 1.66 1.34 3 3 3h4.51c-.01-.16-.02-.33-.02-.51zm-2.99-8.98c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm-3-4c-1.65 0-3 1.35-3 3v6.82a2.99 2.99 0 01-2-2.82v-6c0-1.66 1.34-3 3-3h9c1.3 0 2.4.84 2.82 2H7.46zm14.78 15.23c-1.03-.92-2.42-1.53-3.98-1.68v1.43c0 .2-.24.31-.39.16l-2.76-2.66a.235.235 0 010-.33l2.76-2.66c.15-.14.39-.04.39.16v1.52c2.11.29 3.82 1.82 4.36 3.84.06.22-.21.37-.38.22z" })));
+}
+export default SvgAlbumAddFill;

package/Icon/AlbumFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAlbumFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M4.5 15.82a2.99 2.99 0 01-2-2.82V7c0-1.66 1.34-3 3-3h9c1.3 0 2.4.84 2.82 2H7.5c-1.65 0-3 1.35-3 3v6.82zM21 10.5v6c0 1.66-1.34 3-3 3H9c-1.66 0-3-1.34-3-3v-6c0-1.66 1.34-3 3-3h9c1.66 0 3 1.34 3 3zM10.5 10c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm9 6.5v-1.62a.47.47 0 00-.15-.35l-2.23-2.23a.996.996 0 00-1.41 0l-3.06 3.06c-.2.2-.51.2-.71 0l-.73-.73a.996.996 0 00-1.41 0l-2.01 2.01a.5.5 0 00-.08.61c.25.44.73.75 1.29.75h9c.83 0 1.5-.67 1.5-1.5z" })));
+}
+export default SvgAlbumFill;

package/Icon/AlignCenter.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAlignCenter(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.25 6H4.75c-.55 0-1-.45-1-1s.45-1 1-1h14.5c.55 0 1 .45 1 1s-.45 1-1 1zm-2 2.5c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1zm0 7c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1zm3-3.5c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1zm0 7c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1z" })));
+}
+export default SvgAlignCenter;

package/Icon/AlignLeft.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAlignLeft(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M3 5c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4c-.55 0-1-.45-1-1zm1 5.67h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm16 2.66H4c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1zM15 18H4c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1z" })));
+}
+export default SvgAlignLeft;

package/Icon/AlignRight.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAlignRight(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.25 6H4.75c-.55 0-1-.45-1-1s.45-1 1-1h14.5c.55 0 1 .45 1 1s-.45 1-1 1zm1 2.5c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1zm0 7c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1zm0-3.5c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1zm0 7c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1z" })));
+}
+export default SvgAlignRight;

package/Icon/AllFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAllFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 5v3.5c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h3.5c1.1 0 2 .9 2 2zM19 3h-3.5c-1.1 0-2 .9-2 2v3.5c0 1.1.9 2 2 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM8.5 13.5H5c-1.1 0-2 .9-2 2V19c0 1.1.9 2 2 2h3.5c1.1 0 2-.9 2-2v-3.5c0-1.1-.9-2-2-2zm10.5 0h-3.5c-1.1 0-2 .9-2 2V19c0 1.1.9 2 2 2H19c1.1 0 2-.9 2-2v-3.5c0-1.1-.9-2-2-2z" })));
+}
+export default SvgAllFill;

package/Icon/Amebacoin.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAmebacoin(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M13.505 3.009L11.004 3C6.357 3.053 2.6 7.077 2.6 12c0 4.932 3.757 8.947 8.404 9l2.501-.009c4.362-.062 7.905-4.068 7.905-9-.009-4.914-3.543-8.929-7.905-8.982zm0 15.498c-.383.17-.783.294-1.202.374a5.898 5.898 0 01-2.483-.018 6.212 6.212 0 01-2.742-1.38C5.573 16.203 4.612 14.226 4.612 12c0-2.217.97-4.202 2.466-5.484a6.306 6.306 0 012.742-1.38 5.83 5.83 0 012.484-.018c.418.08.818.214 1.201.375 2.404 1.032 4.104 3.552 4.104 6.498 0 2.956-1.71 5.484-4.104 6.516zm-4.353-7.006v1.015c0 .339.018.704.08.926a1.723 1.723 0 001.63 1.175 1.753 1.753 0 001.513-.881c.115-.223.222-.516.365-.641a.856.856 0 01.872-.17.62.62 0 01.223.134.879.879 0 01.32.989c-.08.23-.196.445-.32.65a3.475 3.475 0 01-2.52 1.637 3.897 3.897 0 01-.454.036 3.456 3.456 0 01-2.99-1.727 3.306 3.306 0 01-.232-.472c-.223-.543-.25-1.166-.25-1.923v-.498c0-.74.027-1.362.25-1.923.062-.16.142-.32.231-.472a3.446 3.446 0 012.991-1.727c.152 0 .303.018.454.036a3.502 3.502 0 012.52 1.647c.124.204.24.418.32.658a.883.883 0 01-.32.989c-.072.053-.143.106-.223.133a.923.923 0 01-.872-.17c-.143-.142-.25-.418-.365-.64a1.691 1.691 0 00-1.06-.82 1.99 1.99 0 00-.454-.061 1.72 1.72 0 00-1.629 1.175c-.071.222-.08.578-.08.925z" })));
+}
+export default SvgAmebacoin;

package/Icon/Amebapick.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function SvgAmebapick(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default SvgAmebapick;
+//# sourceMappingURL=Amebapick.d.ts.map

package/Icon/Amebapick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Amebapick.d.ts","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,eAwBzD;AAED,eAAe,YAAY,CAAC"}

package/Icon/Amebapick.js

@@ -0,0 +1,42 @@
+"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;
+    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 });
+var React = __importStar(require("react"));
+function SvgAmebapick(props) {
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M10.805 9.665a.497.497 0 11-.994.001.497.497 0 01.994 0zm-.935 1.267a.46.46 0 01.438-.347.46.46 0 01.437.347c.007.045.007.105.007.188v2.977c0 .09 0 .151-.007.196a.452.452 0 01-.875 0c-.007-.045-.007-.105-.007-.196V11.12c0-.083 0-.143.007-.188z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.394 9.228c.226 0 .422.008.573.06.656.204 1.123.89 1.123 1.644 0 .746-.467 1.432-1.123 1.643-.15.045-.347.06-.573.06h-.972v1.432c0 .098 0 .159-.015.211a.477.477 0 01-.46.354.47.47 0 01-.46-.354c-.015-.053-.015-.113-.015-.21v-3.71c0-.09 0-.165.015-.248.068-.475.407-.806.897-.874.09-.008.188-.008.286-.008h.724zm0 2.457c.166 0 .286 0 .37-.052.203-.106.376-.377.376-.701 0-.332-.173-.596-.377-.709-.083-.045-.203-.053-.369-.053h-.972v1.515h.972z" }),
+        React.createElement("path", { d: "M11.685 13.05c.007.203.045.43.12.618.25.573.814.972 1.47.972a1.6 1.6 0 001.508-1.093.458.458 0 00-.28-.573.457.457 0 00-.436.09.713.713 0 00-.139.213c-.016.033-.032.066-.05.097a.69.69 0 01-.603.37.697.697 0 01-.693-.694v-1.161a.697.697 0 01.694-.7.679.679 0 01.602.376c.02.031.037.067.055.103.038.075.077.152.134.198.12.106.278.143.437.09a.45.45 0 00.279-.564 1.607 1.607 0 00-1.508-1.101c-.656 0-1.22.4-1.47.972a1.957 1.957 0 00-.12.618v1.169zm6.73-2.699c.18.098.264.317.211.505a.597.597 0 01-.06.127c-.299.53-.588 1.066-.905 1.584.189.294.8 1.259.83 1.304a.72.72 0 01.097.174.448.448 0 01-.188.52.455.455 0 01-.55-.053.882.882 0 01-.113-.158c-.03-.053-.686-1.086-.852-1.342a.825.825 0 01-.196.023h-.302v1.062c0 .09-.007.151-.015.196a.452.452 0 01-.874 0c-.007-.045-.007-.105-.007-.196V9.703c0-.083 0-.143.007-.188a.46.46 0 01.437-.347.46.46 0 01.437.347c.008.045.015.105.015.188v2.435h.174c.075 0 .166 0 .241-.038.113-.053.173-.136.241-.256.249-.438.694-1.214.716-1.252a.684.684 0 01.113-.165.444.444 0 01.543-.076z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.5h8a6.5 6.5 0 010 13H8a6.5 6.5 0 110-13zm0 11.4h8a4.9 4.9 0 100-9.8H8a4.9 4.9 0 100 9.8z" })));
+}
+exports.default = SvgAmebapick;
+//# sourceMappingURL=Amebapick.js.map

package/Icon/Amebapick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Amebapick.js","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,SAAS,YAAY,CAAC,KAAoC;IACxD,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;QAET,8BAAM,CAAC,EAAC,qPAAqP,GAAG;QAChQ,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+bAA+b,GACjc;QACF,8BAAM,CAAC,EAAC,2/BAA2/B,GAAG;QACtgC,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+FAA+F,GACjG,CACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/Icon/Amebapick.mjs

@@ -0,0 +1,9 @@
+import * as React from 'react';
+function SvgAmebapick(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M10.805 9.665a.497.497 0 11-.994.001.497.497 0 01.994 0zm-.935 1.267a.46.46 0 01.438-.347.46.46 0 01.437.347c.007.045.007.105.007.188v2.977c0 .09 0 .151-.007.196a.452.452 0 01-.875 0c-.007-.045-.007-.105-.007-.196V11.12c0-.083 0-.143.007-.188z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.394 9.228c.226 0 .422.008.573.06.656.204 1.123.89 1.123 1.644 0 .746-.467 1.432-1.123 1.643-.15.045-.347.06-.573.06h-.972v1.432c0 .098 0 .159-.015.211a.477.477 0 01-.46.354.47.47 0 01-.46-.354c-.015-.053-.015-.113-.015-.21v-3.71c0-.09 0-.165.015-.248.068-.475.407-.806.897-.874.09-.008.188-.008.286-.008h.724zm0 2.457c.166 0 .286 0 .37-.052.203-.106.376-.377.376-.701 0-.332-.173-.596-.377-.709-.083-.045-.203-.053-.369-.053h-.972v1.515h.972z" }),
+        React.createElement("path", { d: "M11.685 13.05c.007.203.045.43.12.618.25.573.814.972 1.47.972a1.6 1.6 0 001.508-1.093.458.458 0 00-.28-.573.457.457 0 00-.436.09.713.713 0 00-.139.213c-.016.033-.032.066-.05.097a.69.69 0 01-.603.37.697.697 0 01-.693-.694v-1.161a.697.697 0 01.694-.7.679.679 0 01.602.376c.02.031.037.067.055.103.038.075.077.152.134.198.12.106.278.143.437.09a.45.45 0 00.279-.564 1.607 1.607 0 00-1.508-1.101c-.656 0-1.22.4-1.47.972a1.957 1.957 0 00-.12.618v1.169zm6.73-2.699c.18.098.264.317.211.505a.597.597 0 01-.06.127c-.299.53-.588 1.066-.905 1.584.189.294.8 1.259.83 1.304a.72.72 0 01.097.174.448.448 0 01-.188.52.455.455 0 01-.55-.053.882.882 0 01-.113-.158c-.03-.053-.686-1.086-.852-1.342a.825.825 0 01-.196.023h-.302v1.062c0 .09-.007.151-.015.196a.452.452 0 01-.874 0c-.007-.045-.007-.105-.007-.196V9.703c0-.083 0-.143.007-.188a.46.46 0 01.437-.347.46.46 0 01.437.347c.008.045.015.105.015.188v2.435h.174c.075 0 .166 0 .241-.038.113-.053.173-.136.241-.256.249-.438.694-1.214.716-1.252a.684.684 0 01.113-.165.444.444 0 01.543-.076z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.5h8a6.5 6.5 0 010 13H8a6.5 6.5 0 110-13zm0 11.4h8a4.9 4.9 0 100-9.8H8a4.9 4.9 0 100 9.8z" })));
+}
+export default SvgAmebapick;

package/Icon/Amegold.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAmegold(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M13.77 3c-.05 0-.09.01-.14.01V3h-3.32v.01C10.29 3 10.26 3 10.23 3c-4.41 0-8 4.04-8 9s3.59 9 8 9c.03 0 .06 0 .09-.01V21h3.32v-.01c.05 0 .09.01.14.01 4.41 0 8-4.04 8-9s-3.6-9-8.01-9zm-9.54 9c0-3.86 2.69-7 6-7s6 3.14 6 7-2.69 7-6 7-6-3.14-6-7zm11.34 6.68c1.62-1.65 2.65-4.03 2.65-6.68 0-2.65-1.03-5.03-2.65-6.68 2.43.9 4.2 3.55 4.2 6.68s-1.77 5.78-4.2 6.68zm-5.3-2.35c-.84 0-1.58-.31-2.11-.83-.56-.55-.88-1.22-.91-2.16-.01-.32-.02-2.11 0-2.65.04-.79.23-1.39.63-1.9.53-.69 1.42-1.12 2.41-1.12 1.17 0 2.03.57 2.62 1.27.26.31.23.79-.08 1.05-.26.21-.62.24-.9.06-.08-.06-.24-.24-.29-.29-.3-.3-.74-.59-1.35-.59-.85 0-1.54.55-1.54 1.61-.01.66-.01 1.59 0 2.39.01.99.63 1.66 1.52 1.66.69 0 1.11-.31 1.34-.73.06-.11.14-.36.14-.58v-.55h-.84c-.42 0-.75-.33-.75-.75s.33-.74.75-.75h1.35c.61.01.94.37.96.91.01.33.01 1.15.01 1.27-.02.48-.11.85-.3 1.22-.49.9-1.52 1.46-2.66 1.46z" })));
+}
+export default SvgAmegold;

package/Icon/Amember.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgAmember(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M18.36 18.36a8.96 8.96 0 002.59-7.2c-.38-4.19-3.75-7.63-7.94-8.1A8.995 8.995 0 002.99 12a9 9 0 009 9c.06 0 .12-.01.18-.01h7.62c.45 0 .67-.54.35-.85l-1.78-1.78zm-8.58-1.27c-.64 0-.94-.59-.94-.91 0-.35.16-.47.61-.81 1.08-.78 1.69-2.05 1.71-3.4 0-.35.01-.89.87-.89.84 0 .89.51.89.87.01 3.31-2.38 5.14-3.14 5.14zm5.89-5.53c-1.06 1.42-1.29 1.42-1.55 1.42-.4 0-.91-.35-.91-.86 0-.26.08-.35.5-.79.28-.29.78-.94.78-1.06 0-.05-.06-.05-.09-.05H8.49c-.75 0-.84-.58-.84-.83 0-.46.21-.85.84-.85h7.37c.22 0 1.04 0 1.04.84 0 .48-.75 1.55-1.23 2.18z" })));
+}
+export default SvgAmember;

package/Icon/ArrowDown.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowDown(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.07 13.32a.996.996 0 00-1.41 0L13 17.98V4c0-.55-.45-1-1-1s-1 .45-1 1v13.98l-4.66-4.66a.996.996 0 00-1.7.71c0 .26.1.51.29.71l5.66 5.66c.33.33.74.51 1.17.56.08.02.16.05.25.05s.17-.03.25-.05c.43-.05.84-.23 1.17-.56l5.66-5.66c.37-.4.37-1.03-.02-1.42z" })));
+}
+export default SvgArrowDown;

package/Icon/ArrowDownBold.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowDownBold(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.42 12.96a1.49 1.49 0 00-2.12 0l-3.8 3.8V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v12.77l-3.8-3.8a1.49 1.49 0 00-2.12 0c-.29.29-.44.68-.44 1.06s.15.77.44 1.06l5.66 5.66c.38.38.85.61 1.35.69.13.04.27.07.42.07.15 0 .29-.03.42-.07.49-.08.97-.31 1.35-.69l5.66-5.66c.57-.59.57-1.54-.02-2.13z" })));
+}
+export default SvgArrowDownBold;

package/Icon/ArrowLeft.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowLeft(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M20 11.363H6.03l4.66-4.66a.996.996 0 10-1.41-1.41l-5.66 5.66c-.33.33-.51.74-.56 1.17-.03.07-.06.15-.06.24s.03.17.05.25c.05.43.23.84.56 1.17l5.66 5.66c.2.2.45.29.71.29.26 0 .51-.1.71-.29a.996.996 0 000-1.41l-4.66-4.67H20c.55 0 1-.45 1-1s-.45-1-1-1z" })));
+}
+export default SvgArrowLeft;

package/Icon/ArrowLeftBold.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowLeftBold(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M20 10.5H7.23l3.8-3.8c.59-.59.59-1.54 0-2.12-.59-.58-1.54-.59-2.12 0l-5.66 5.66c-.38.38-.61.85-.69 1.35-.03.12-.06.26-.06.41 0 .15.03.29.07.42.08.49.31.97.69 1.35l5.66 5.66c.29.29.68.44 1.06.44s.77-.15 1.06-.44c.59-.59.59-1.54 0-2.12l-3.8-3.8H20c.83 0 1.5-.67 1.5-1.5s-.67-1.51-1.5-1.51z" })));
+}
+export default SvgArrowLeftBold;

package/Icon/ArrowRight.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowRight(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M21 12c0-.09-.03-.17-.05-.25-.05-.43-.23-.84-.56-1.17l-5.66-5.66a.996.996 0 10-1.41 1.41L17.98 11H4c-.55 0-1 .45-1 1s.45 1 1 1h13.98l-4.66 4.66a.996.996 0 00.71 1.7c.26 0 .51-.1.71-.29l5.66-5.66c.33-.33.51-.74.56-1.17.01-.07.04-.15.04-.24z" })));
+}
+export default SvgArrowRight;

package/Icon/ArrowRightBold.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowRightBold(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M21 11.873c0-.15-.03-.29-.07-.42-.08-.49-.31-.97-.69-1.35l-5.66-5.66a1.49 1.49 0 00-2.12 0c-.58.59-.59 1.54 0 2.12l3.8 3.8H3.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5h12.77l-3.8 3.8a1.49 1.49 0 000 2.12c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.66-5.66c.38-.38.61-.85.69-1.35.03-.11.06-.25.06-.4z" })));
+}
+export default SvgArrowRightBold;

package/Icon/ArrowRightCircle.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowRightCircle(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.42-9.29c.78.78.78 2.05 0 2.83l-3 3c-.2.2-.45.29-.71.29-.26 0-.51-.1-.71-.29a.996.996 0 010-1.41L14.13 13H8c-.55 0-1-.45-1-1s.45-1 1-1h5.89L12 9.12a.996.996 0 111.41-1.41l3.01 3z" })));
+}
+export default SvgArrowRightCircle;

package/Icon/ArrowRightCircleFill.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowRightCircleFill(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5.5 11.4l-3.3 3.3c-.2.2-.5.3-.7.3-.2 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l2.3-2.3H6.5c-.6 0-1-.4-1-1s.4-1 1-1h8.6l-2.3-2.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.3 3.3c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4z" })));
+}
+export default SvgArrowRightCircleFill;

package/Icon/ArrowUp.mjs

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function SvgArrowUp(props) {
+    return (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
+        React.createElement("path", { d: "M19.07 9.27l-5.66-5.66c-.33-.33-.74-.51-1.17-.56-.07-.02-.15-.05-.24-.05s-.17.03-.25.05c-.43.05-.84.23-1.17.56L4.92 9.27c-.2.2-.29.45-.29.71 0 .26.1.51.29.71.39.39 1.02.39 1.41 0L11 6.02V20c0 .55.45 1 1 1s1-.45 1-1V6.02l4.66 4.66a.996.996 0 101.41-1.41z" })));
+}
+export default SvgArrowUp;