@ama-pt/agora-design-system 0.1.16 → 0.2.0

package/dist/components/ui/atoms/input-search/input-search.js

@@ -1,82 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { useState, useId } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './input-search.scss';
-const InnerInputSearch = (_a, ref) => {
-    var { label, hideLabel, hasError, hasFeedback, feedbackState = 'info', feedbackText, hasIcon, icon, className, required = true } = _a, props = __rest(_a, ["label", "hideLabel", "hasError", "hasFeedback", "feedbackState", "feedbackText", "hasIcon", "icon", "className", "required"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const { onChange } = propsClone;
-    const [currentValue, setCurrentValue] = useState(propsClone.value);
-    /**
-     * Local onChange event handler.
-     */
-    const handleChangeEvent = (evt) => {
-        const { value } = evt.currentTarget;
-        setCurrentValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    /**
-     * Dictionary of possible icons feedback.
-     */
-    const feedbackStateIconsMap = {
-        info: 'agora-solid-info-mark',
-        danger: 'agora-solid-alert-triangle',
-        success: 'agora-solid-check-circle',
-        warning: 'agora-solid-alert-circle'
-    };
-    /**
-     * Builds main Classes for whole component
-     */
-    const inputClassBuilder = () => {
-        return {
-            // main wrapper class
-            inputWrapperClasses: classNames('agora-input-search-wrapper', {
-                'flex flex-col': !propsClone.hidden,
-                'input-disabled': !!propsClone.disabled,
-                'input-has-error': stringToBoolean(hasError)
-            }),
-            // classes for above input sections [label and hint icon]
-            labelSectionClasses: classNames('input-label-wrapper flex items-end', {
-                'mb-8': label && !stringToBoolean(hideLabel),
-                'justify-end': !label || stringToBoolean(hideLabel),
-                'justify-between': label && !stringToBoolean(hideLabel)
-            }),
-            // search input component classes
-            inputClasses: classNames('agora-input-search', 'flex-1', {
-                'has-leading-icon': hasIcon && (icon === null || icon === void 0 ? void 0 : icon.indexOf('agora-line')) === 0,
-                'has-value': currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString().length) > 0
-            }, className),
-            leadingIconWrapperClasses: classNames('input-leading-icon'),
-            feedbackIconWrapperClasses: classNames('mr-8 feedback-icon-wrapper', stringToBoolean(hasError) ? 'feedback-icon-wrapper-danger' : `feedback-icon-wrapper-${feedbackState}`)
-        };
-    };
-    const { inputWrapperClasses, labelSectionClasses, inputClasses, leadingIconWrapperClasses, feedbackIconWrapperClasses } = inputClassBuilder();
-    return (React.createElement("div", { hidden: !!propsClone.hidden, className: inputWrapperClasses },
-        React.createElement("div", { className: labelSectionClasses },
-            React.createElement("label", { hidden: stringToBoolean(hideLabel), htmlFor: propsClone.id, className: "text-primary-900 text-m-medium" }, label)),
-        React.createElement("div", { className: "input-wrapper flex relative items-center" },
-            React.createElement("input", Object.assign({}, propsClone, { type: "search", className: inputClasses, disabled: !!propsClone.disabled, "aria-invalid": stringToBoolean(hasError), "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], ref: ref, required: required, onChange: handleChangeEvent })),
-            hasIcon && icon && icon.startsWith('agora-line') && (React.createElement("div", { className: leadingIconWrapperClasses },
-                React.createElement(Icon, { name: icon, "aria-hidden": true }))),
-            React.createElement("div", { className: "search-icon bg-transparent" },
-                React.createElement(Icon, { name: "agora-line-search", "aria-hidden": true }))),
-        stringToBoolean(hasFeedback) && feedbackText && (React.createElement("div", { className: "flex items-center input-feedback mt-8" },
-            React.createElement("span", { className: feedbackIconWrapperClasses },
-                React.createElement(Icon, { name: !stringToBoolean(hasError) ? feedbackStateIconsMap[feedbackState] : 'agora-solid-alert-triangle', dimensions: "s", "aria-hidden": true })),
-            React.createElement("p", { className: "text-s-regular text-neutral-700" }, feedbackText)))));
-};
-export const InputSearch = React.forwardRef(InnerInputSearch);

package/dist/components/ui/atoms/input-search/input-search.scss

@@ -1 +0,0 @@
-::-webkit-search-cancel-button{display:none}.agora-input-search-wrapper{position:relative}.agora-input-search-wrapper.input-disabled .input-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-search-wrapper.input-disabled .input-wrapper input{pointer-events:none}.agora-input-search-wrapper .input-leading-icon{position:absolute;margin-left:16px}.agora-input-search-wrapper .input-leading-icon svg>*{fill:#2b363c;opacity:.7}.agora-input-search-wrapper .search-icon{position:absolute;right:0;margin-right:16px}.agora-input-search-wrapper .search-icon svg>*{fill:#2b363c;opacity:.7}.agora-input-search-wrapper .feedback-icon-wrapper-info svg>*{fill:#0079bf}.agora-input-search-wrapper .feedback-icon-wrapper-success svg>*{fill:#008558}.agora-input-search-wrapper .feedback-icon-wrapper-danger svg>*{fill:#de2d3b}.agora-input-search-wrapper .feedback-icon-wrapper-warning svg>*{fill:#f2a222}.agora-input-search-wrapper .agora-input-search{border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));padding-left:16px;padding-right:16px;font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:60px}.agora-input-search-wrapper .agora-input-search.has-leading-icon{padding-left:56px}.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.search-icon svg>*{fill:#2b363c;opacity:1}.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:read-only)~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:hover:not(:focus):not(:disabled):not(:read-only)~.search-icon svg>*{fill:#2b363c;opacity:1}.agora-input-search-wrapper .agora-input-search:-moz-read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-search-wrapper .agora-input-search:disabled,.agora-input-search-wrapper .agora-input-search:read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-search-wrapper .agora-input-search:-moz-read-only:focus:-moz-read-only,.agora-input-search-wrapper .agora-input-search:disabled:focus:-moz-read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-search-wrapper .agora-input-search:disabled:focus:read-only,.agora-input-search-wrapper .agora-input-search:read-only:focus:read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-search-wrapper .agora-input-search:-moz-read-only~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:-moz-read-only~.search-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-search-wrapper .agora-input-search:disabled~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:disabled~.search-icon svg>*,.agora-input-search-wrapper .agora-input-search:read-only~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:read-only~.search-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-search-wrapper .agora-input-search~.input-btn-clear:active{visibility:visible!important}.agora-input-search-wrapper .agora-input-search.has-value:not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-search-wrapper .agora-input-search.has-value:not(:read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-search-wrapper .agora-input-search:not(:focus){outline-width:0}.agora-input-search-wrapper .agora-input-search:not(:disabled):focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.agora-input-search-wrapper .agora-input-search:not(:disabled):focus~.input-leading-icon svg>*,.agora-input-search-wrapper .agora-input-search:not(:disabled):focus~.search-icon svg>*{fill:#034ad8;opacity:1}.agora-input-search-wrapper.input-has-error .agora-input-search:not(:disabled):not(:-moz-read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}.agora-input-search-wrapper.input-has-error .agora-input-search:not(:disabled):not(:read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}

package/dist/components/ui/atoms/input-text/index.js

@@ -1 +0,0 @@
-export { InputText } from './input-text';

package/dist/components/ui/atoms/input-text/input-text.js

@@ -1,80 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { useState, useId } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './input-text.scss';
-const InnerInputText = (_a, ref) => {
-    var { label, hideLabel, hasError, hasFeedback, feedbackState = 'info', feedbackText, hasIcon, icon, className, required = true } = _a, props = __rest(_a, ["label", "hideLabel", "hasError", "hasFeedback", "feedbackState", "feedbackText", "hasIcon", "icon", "className", "required"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const { onChange } = propsClone;
-    const [currentValue, setCurrentValue] = useState(propsClone.value);
-    /**
-     * Local onChange event handler.
-     */
-    const handleChangeEvent = (evt) => {
-        const { value } = evt.currentTarget;
-        setCurrentValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    /**
-     * Dictionary of possible icons feedback.
-     */
-    const feedbackStateIconsMap = {
-        info: 'agora-solid-info-mark',
-        danger: 'agora-solid-alert-triangle',
-        success: 'agora-solid-check-circle',
-        warning: 'agora-solid-alert-circle'
-    };
-    /**
-     * Builds main Classes for whole component
-     */
-    const inputClassBuilder = () => {
-        return {
-            // main wrapper class
-            inputWrapperClasses: classNames('agora-input-text-wrapper', {
-                'flex flex-col': !propsClone.hidden,
-                'input-disabled': !!propsClone.disabled,
-                'input-has-error': stringToBoolean(hasError)
-            }),
-            // classes for above input sections [label and hint icon]
-            labelSectionClasses: classNames('input-label-wrapper flex items-end', {
-                'mb-8': label && !stringToBoolean(hideLabel),
-                'justify-end': !label || stringToBoolean(hideLabel),
-                'justify-between': label && !stringToBoolean(hideLabel)
-            }),
-            // text input component classes
-            inputClasses: classNames('agora-input-text', 'flex-1', {
-                'has-leading-icon': icon && icon.indexOf('agora-line') === 0,
-                'has-value': currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString().length) > 0
-            }, className),
-            leadingIconWrapperClasses: classNames('input-leading-icon'),
-            feedbackIconWrapperClasses: classNames('mr-8 feedback-icon-wrapper', stringToBoolean(hasError) ? 'feedback-icon-wrapper-danger' : `feedback-icon-wrapper-${feedbackState}`)
-        };
-    };
-    const { inputWrapperClasses, labelSectionClasses, inputClasses, leadingIconWrapperClasses, feedbackIconWrapperClasses } = inputClassBuilder();
-    return (React.createElement("div", { hidden: !!propsClone.hidden, className: inputWrapperClasses },
-        React.createElement("div", { className: labelSectionClasses },
-            React.createElement("label", { hidden: stringToBoolean(hideLabel), htmlFor: propsClone.id, className: "text-primary-900 text-m-medium" }, label)),
-        React.createElement("div", { className: "input-wrapper flex relative items-center" },
-            React.createElement("input", Object.assign({}, propsClone, { type: "text", className: inputClasses, disabled: !!propsClone.disabled, "aria-invalid": stringToBoolean(hasError), "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], ref: ref, required: required, onChange: handleChangeEvent })),
-            hasIcon && icon && icon.startsWith('agora-line') && (React.createElement("div", { className: leadingIconWrapperClasses },
-                React.createElement(Icon, { name: icon, "aria-hidden": true })))),
-        stringToBoolean(hasFeedback) && feedbackText && (React.createElement("div", { className: "flex items-center input-feedback mt-8" },
-            React.createElement("span", { className: feedbackIconWrapperClasses },
-                React.createElement(Icon, { name: !stringToBoolean(hasError) ? feedbackStateIconsMap[feedbackState] : 'agora-solid-alert-triangle', dimensions: "s", "aria-hidden": true })),
-            React.createElement("p", { className: "text-s-regular text-neutral-700" }, feedbackText)))));
-};
-export const InputText = React.forwardRef(InnerInputText);

package/dist/components/ui/atoms/input-text/input-text.scss

@@ -1 +0,0 @@
-.agora-input-text-wrapper{position:relative}.agora-input-text-wrapper.input-disabled .input-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-text-wrapper.input-disabled .input-wrapper input{pointer-events:none}.agora-input-text-wrapper .input-leading-icon{position:absolute;margin-left:16px}.agora-input-text-wrapper .input-leading-icon svg>*{fill:#2b363c;opacity:.7}.agora-input-text-wrapper .feedback-icon-wrapper-info svg>*{fill:#0079bf}.agora-input-text-wrapper .feedback-icon-wrapper-success svg>*{fill:#008558}.agora-input-text-wrapper .feedback-icon-wrapper-danger svg>*{fill:#de2d3b}.agora-input-text-wrapper .feedback-icon-wrapper-warning svg>*{fill:#f2a222}.agora-input-text-wrapper .agora-input-text{border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));padding-left:16px;padding-right:16px;font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:60px}.agora-input-text-wrapper .agora-input-text.has-leading-icon{padding-left:56px}.agora-input-text-wrapper .agora-input-text:hover:not(:focus):not(:disabled):not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-text-wrapper .agora-input-text:hover:not(:focus):not(:disabled):not(:read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-text-wrapper .agora-input-text:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-text-wrapper .agora-input-text:hover:not(:focus):not(:disabled):not(:read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-text-wrapper .agora-input-text:-moz-read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-text-wrapper .agora-input-text:disabled,.agora-input-text-wrapper .agora-input-text:read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-text-wrapper .agora-input-text:-moz-read-only:focus:-moz-read-only,.agora-input-text-wrapper .agora-input-text:disabled:focus:-moz-read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-text-wrapper .agora-input-text:disabled:focus:read-only,.agora-input-text-wrapper .agora-input-text:read-only:focus:read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-text-wrapper .agora-input-text:-moz-read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-text-wrapper .agora-input-text:disabled~.input-leading-icon svg>*,.agora-input-text-wrapper .agora-input-text:read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-text-wrapper .agora-input-text~.input-btn-clear:active{visibility:visible!important}.agora-input-text-wrapper .agora-input-text.has-value:not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-text-wrapper .agora-input-text.has-value:not(:read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-text-wrapper .agora-input-text:not(:focus){outline-width:0}.agora-input-text-wrapper .agora-input-text:not(:disabled):focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.agora-input-text-wrapper .agora-input-text:not(:disabled):focus~.input-leading-icon svg>*{fill:#034ad8;opacity:1}.agora-input-text-wrapper.input-has-error .agora-input-text:not(:disabled):not(:-moz-read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}.agora-input-text-wrapper.input-has-error .agora-input-text:not(:disabled):not(:read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}

package/dist/components/ui/atoms/input-textarea/index.js

@@ -1 +0,0 @@
-export { InputTextArea } from './input-textarea';

package/dist/components/ui/atoms/input-textarea/input-textarea.js

@@ -1,81 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { useId, useState } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './input-textarea.scss';
-export const InnerInputTextArea = (_a, ref) => {
-    var { label, hideLabel, hasError, hasFeedback, showCharCounter, feedbackText, feedbackState = 'info', className, required = true } = _a, props = __rest(_a, ["label", "hideLabel", "hasError", "hasFeedback", "showCharCounter", "feedbackText", "feedbackState", "className", "required"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    propsClone.rows = Math.max(propsClone.rows || 0, 3);
-    const { onChange } = propsClone;
-    const [currentValue, setCurrentValue] = useState(propsClone.value);
-    /**
-     * Local onChange event handler.
-     */
-    const handleChangeEvent = (evt) => {
-        const { value } = evt.currentTarget;
-        setCurrentValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    /**
-     * Dictionary of possible icons feedback.
-     */
-    const feedbackStateIconsMap = {
-        info: 'agora-solid-info-mark',
-        danger: 'agora-solid-alert-triangle',
-        success: 'agora-solid-check-circle',
-        warning: 'agora-solid-alert-circle'
-    };
-    /**
-     * Builds main Classes for whole component
-     */
-    const inputClassBuilder = () => {
-        return {
-            // main wrapper class
-            inputWrapperClasses: classNames('agora-input-textarea-wrapper', {
-                'flex flex-col': !propsClone.hidden,
-                'input-disabled': propsClone.disabled,
-                'input-has-error': stringToBoolean(hasError)
-            }),
-            // classes for above input sections [label and hint icon]
-            labelSectionClasses: classNames('input-label-wrapper', 'flex', 'items-end', {
-                'mb-8': label && !stringToBoolean(hideLabel),
-                'justify-end': !label || stringToBoolean(hideLabel),
-                'justify-between': label && !stringToBoolean(hideLabel)
-            }),
-            // text input component classes
-            inputClasses: classNames('agora-input-textarea', 'flex-1', {
-                'has-value': currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString().length) > 0
-            }, className),
-            feedbackIconWrapperClasses: classNames('mr-8 feedback-icon-wrapper', stringToBoolean(hasError) ? 'feedback-icon-wrapper-danger' : `feedback-icon-wrapper-${feedbackState}`)
-        };
-    };
-    const { inputWrapperClasses, labelSectionClasses, inputClasses, feedbackIconWrapperClasses } = inputClassBuilder();
-    return (React.createElement("div", { hidden: propsClone.hidden, className: inputWrapperClasses },
-        React.createElement("div", { className: labelSectionClasses },
-            React.createElement("label", { hidden: stringToBoolean(hideLabel), htmlFor: propsClone.id, className: "text-primary-900 text-m-medium" }, label)),
-        React.createElement("div", { className: "input-wrapper flex relative items-center" },
-            React.createElement("textarea", Object.assign({}, propsClone, { className: inputClasses, "aria-invalid": stringToBoolean(hasError), "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], required: required, ref: ref, onChange: handleChangeEvent }))),
-        (stringToBoolean(hasFeedback) || stringToBoolean(showCharCounter)) && (React.createElement("div", { className: "flex justify-end" },
-            stringToBoolean(hasFeedback) && feedbackText && (React.createElement("div", { className: "grow flex items-center input-feedback mt-8" },
-                feedbackText && (React.createElement("span", { className: feedbackIconWrapperClasses },
-                    React.createElement(Icon, { name: !stringToBoolean(hasError) ? feedbackStateIconsMap[feedbackState] : 'agora-solid-alert-triangle', dimensions: "s", "aria-hidden": true }))),
-                React.createElement("p", { className: "text-s-regular text-neutral-700" }, feedbackText))),
-            stringToBoolean(showCharCounter) && (React.createElement("div", { className: "text-s-regular text-neutral-700 mt-8 pl-16" },
-                React.createElement("span", null, `${(currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString().length) || 0}`),
-                propsClone.maxLength && React.createElement("span", null, ` / ${propsClone.maxLength}`)))))));
-};
-export const InputTextArea = React.forwardRef(InnerInputTextArea);

package/dist/components/ui/atoms/input-textarea/input-textarea.scss

@@ -1 +0,0 @@
-.agora-input-textarea-wrapper{position:relative}.agora-input-textarea-wrapper.input-disabled .input-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-textarea-wrapper.input-disabled .input-wrapper textarea{pointer-events:none}.agora-input-textarea-wrapper .feedback-icon-wrapper-info svg>*{fill:#0079bf}.agora-input-textarea-wrapper .feedback-icon-wrapper-success svg>*{fill:#008558}.agora-input-textarea-wrapper .feedback-icon-wrapper-danger svg>*{fill:#de2d3b}.agora-input-textarea-wrapper .feedback-icon-wrapper-warning svg>*{fill:#f2a222}.agora-input-textarea-wrapper .agora-input-textarea{border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));padding:16px;font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.agora-input-textarea-wrapper .agora-input-textarea:hover:not(:focus):not(:disabled):not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-textarea-wrapper .agora-input-textarea:hover:not(:focus):not(:disabled):not(:read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-textarea-wrapper .agora-input-textarea:-moz-read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-textarea-wrapper .agora-input-textarea:disabled,.agora-input-textarea-wrapper .agora-input-textarea:read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-textarea-wrapper .agora-input-textarea:-moz-read-only:focus:-moz-read-only,.agora-input-textarea-wrapper .agora-input-textarea:disabled:focus:-moz-read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-textarea-wrapper .agora-input-textarea:disabled:focus:read-only,.agora-input-textarea-wrapper .agora-input-textarea:read-only:focus:read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-textarea-wrapper .agora-input-textarea:not(:focus){outline-width:0}.agora-input-textarea-wrapper .agora-input-textarea:not(:disabled):focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.agora-input-textarea-wrapper.input-has-error .agora-input-textarea:not(:disabled):not(:-moz-read-only){border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}.agora-input-textarea-wrapper.input-has-error .agora-input-textarea:not(:disabled):not(:read-only){border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}

package/dist/components/ui/atoms/pill/index.js

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

package/dist/components/ui/atoms/pill/pill.js

@@ -1,24 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { forwardRef } from 'react';
-import './pill.scss';
-export const InnerPill = (_a, ref) => {
-    var { appearance = 'solid', variant = 'primary', children, className = '' } = _a, props = __rest(_a, ["appearance", "variant", "children", "className"]);
-    /**
-     * Building pill class name dynamically according parameters.
-     */
-    const pillClassName = classNames({ 'inline-flex items-center justify-center': !props.hidden }, `pill pill-${appearance}-${variant}`, className);
-    return (React.createElement("div", Object.assign({ className: pillClassName }, props, { ref: ref }),
-        React.createElement("span", { className: "children-wrapper" }, children)));
-};
-export const Pill = forwardRef(InnerPill);

package/dist/components/ui/atoms/pill/pill.scss

@@ -1 +0,0 @@
-.pill{border-radius:32px;padding:4px 16px}.pill-default span.children-wrapper{font-size:.875rem;line-height:1.5rem;letter-spacing:0;font-weight:400}.pill-solid-primary{--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pill-solid-secondary{--tw-bg-opacity:1;background-color:rgb(204 234 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.pill-solid-success{--tw-bg-opacity:1;background-color:rgb(0 114 76 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pill-solid-warning{--tw-bg-opacity:1;background-color:rgb(251 203 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.pill-solid-danger{--tw-bg-opacity:1;background-color:rgb(209 35 50 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pill-solid-informative{--tw-bg-opacity:1;background-color:rgb(0 121 191 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pill-outline-primary{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}.pill-outline-secondary{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(204 234 255 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}.pill-outline-success{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(0 133 88 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}.pill-outline-warning{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(251 203 60 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}.pill-outline-danger{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(209 35 50 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}.pill-outline-informative{border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(0 121 191 / var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(43 54 60 / var(--tw-text-opacity))!important}

package/dist/components/ui/atoms/progress-bar/index.js

@@ -1 +0,0 @@
-export { ProgressBar } from './progress-bar';

package/dist/components/ui/atoms/progress-bar/progress-bar.js

@@ -1,41 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { forwardRef, useId } from 'react';
-import './progress-bar.scss';
-export const InnerProgressBar = (_a, ref) => {
-    var _b, _c;
-    var { value = 0, max = 0, className, label, hideLabel, hidePercentageValue, current, hasError } = _a, props = __rest(_a, ["value", "max", "className", "label", "hideLabel", "hidePercentageValue", "current", "hasError"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = (_b = propsClone.id) !== null && _b !== void 0 ? _b : generatedId;
-    const validatedValue = Math.max(0, Math.min(value, max));
-    const progressPercentage = max !== 0 ? ((validatedValue / max) * 100).toFixed(0) : 0;
-    const classes = classNames(className, {
-        'progress-error': hasError,
-        'progress-complete': validatedValue === max,
-        'progress-empty': validatedValue === 0,
-        'progress-progress': current && validatedValue < max,
-        'progress-hold': !current && validatedValue < max
-    });
-    const percentageClasses = classNames('progress-bar-percentage', {
-        'sr-only': hidePercentageValue,
-        'not-sr-only': !hidePercentageValue
-    });
-    return (React.createElement("div", Object.assign({ className: classes }, props, { ref: ref }),
-        !hideLabel && React.createElement("label", { htmlFor: propsClone.id }, label),
-        React.createElement("progress", { id: propsClone.id, className: "progress-bar", value: validatedValue, max: max, "aria-valuetext": `${validatedValue}/${max}`, "aria-label": hideLabel ? (_c = propsClone['aria-label']) !== null && _c !== void 0 ? _c : label : propsClone['aria-label'] }),
-        React.createElement("p", { className: percentageClasses, role: "status" },
-            progressPercentage,
-            "%")));
-};
-export const ProgressBar = forwardRef(InnerProgressBar);

package/dist/components/ui/atoms/progress-bar/progress-bar.scss

@@ -1 +0,0 @@
-progress{width:100%;height:4px;box-sizing:border-box;overflow:hidden}::-webkit-progress-bar{--tw-bg-opacity:1;background-color:rgb(225 228 234 / var(--tw-bg-opacity))}.progress-progress .progress-bar::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity));border-right:2px solid #fff}.progress-hold .progress-bar::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(187 209 253 / var(--tw-bg-opacity));border-right:2px solid #fff}.progress-complete .progress-bar::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(0 133 88 / var(--tw-bg-opacity));border-right:2px solid #fff}.progress-error .progress-bar::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(209 35 50 / var(--tw-bg-opacity));border-right:2px solid #fff}.progress-empty .progress-bar::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(225 228 234 / var(--tw-bg-opacity))}.progress-bar-percentage{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:500;--tw-text-opacity:1;color:rgb(100 113 139 / var(--tw-text-opacity))}

package/dist/components/ui/atoms/radio/index.js

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

package/dist/components/ui/atoms/radio/radio.js

@@ -1,38 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import React, { useId, useState } from 'react';
-import { stringToBoolean } from '../../../index';
-import './radio.scss';
-export const InnerRadio = (_a, ref) => {
-    var { label, hasError, hideLabel, required = true, children } = _a, props = __rest(_a, ["label", "hasError", "hideLabel", "required", "children"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const inputWrapper = classNames('agora-radio-wrapper', {
-        'flex items-start': !propsClone.hidden,
-        'is-disabled': props.disabled,
-        'has-error': stringToBoolean(hasError),
-        'input-only': stringToBoolean(hideLabel)
-    });
-    const { onChange } = propsClone;
-    const [currentChecked, setCurrentChecked] = useState(stringToBoolean(propsClone.checked));
-    const handleChange = (evt) => {
-        setCurrentChecked(!currentChecked);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    return (React.createElement("div", { hidden: propsClone.hidden, className: inputWrapper },
-        React.createElement("input", Object.assign({}, propsClone, { type: "radio", "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], ref: ref, required: required, onChange: handleChange })),
-        React.createElement("span", { className: "radio-span" }),
-        React.createElement("label", { htmlFor: propsClone.id, className: "radio-label text-m-regular" }, children || label)));
-};
-export const RadioButton = React.forwardRef(InnerRadio);

package/dist/components/ui/atoms/radio/radio.scss

@@ -1 +0,0 @@
-.agora-radio-wrapper{position:relative;width:-moz-fit-content;width:fit-content;min-height:44px}.agora-radio-wrapper.is-disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-radio-wrapper.is-disabled .radio-label,.agora-radio-wrapper.is-disabled .radio-span,.agora-radio-wrapper.is-disabled input{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-radio-wrapper.has-error .radio-span{--tw-border-opacity:1;border-color:rgb(222 45 59 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 241 242 / var(--tw-bg-opacity))}.agora-radio-wrapper .radio-label{border-radius:4px;border-width:2px;border-color:transparent;padding-right:16px;padding-left:56px;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-left:-50px;min-height:44px;padding-top:10px;padding-bottom:10px;margin-top:-2px}.agora-radio-wrapper.input-only{width:44px;height:44px}.agora-radio-wrapper.input-only .radio-span{margin:10px}.agora-radio-wrapper.input-only input{top:0;left:0}.agora-radio-wrapper.input-only .radio-label{margin-top:0;padding-left:0;width:44px;height:44px;margin-left:-44px;display:none}.agora-radio-wrapper:hover input:not(:disabled)~.radio-label{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-radio-wrapper input{position:absolute;opacity:0;width:44px;height:44px;left:6px;top:2px}.agora-radio-wrapper input~.radio-span::before{content:"";width:12px;height:12px;position:absolute;border-radius:16px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:0}.agora-radio-wrapper input:checked~.radio-span{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity))}.agora-radio-wrapper input:checked~.radio-span::before{opacity:1}.agora-radio-wrapper input:disabled:is(:checked)~.radio-span::before{--tw-bg-opacity:1;background-color:rgb(205 210 220 / var(--tw-bg-opacity));opacity:1}.agora-radio-wrapper input:focus~.radio-span~.radio-span{border-radius:4px;outline-width:0}.agora-radio-wrapper input:focus~.radio-span~.radio-label{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-radio-wrapper input:disabled~.radio-label{--tw-text-opacity:1;color:rgb(186 192 204 / var(--tw-text-opacity))}.agora-radio-wrapper input:disabled~.radio-span{--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(241 243 248 / var(--tw-bg-opacity))}.agora-radio-wrapper .radio-span{z-index:50;margin-left:16px;margin-right:8px;display:flex;height:24px;width:24px;align-items:center;justify-content:center;border-radius:24px;border-width:2px;--tw-border-opacity:1;border-color:rgb(136 147 170 / var(--tw-border-opacity));outline-style:solid;outline-width:2px;outline-offset:4px;outline-color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;margin-top:12px}

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-curve-right.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "34", height: "58", viewBox: "0 0 34 58", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.47577 1.3407C4.66387 0.821663 4.39575 0.248345 3.87675 0.0599884C3.3576 -0.128423 2.784 0.139696 2.59559 0.658849L3.52241 0.995211C2.59559 0.658854 2.59538 0.659422 2.59513 0.660126L2.59437 0.662233L2.59196 0.668926L2.58368 0.692158C2.57665 0.711992 2.56663 0.740486 2.55386 0.777412C2.52831 0.851262 2.49174 0.958861 2.44598 1.0984C2.35446 1.37746 2.22612 1.78444 2.07569 2.30489C1.77492 3.34549 1.3853 4.84149 1.025 6.67707C0.305312 10.3437 -0.302181 15.3894 0.162718 20.8785C0.627813 26.37 2.16893 32.3329 5.77054 37.7969C9.37842 43.2704 15.0176 48.1871 23.5838 51.6279C24.0963 51.8338 24.6786 51.5852 24.8845 51.0727C25.0903 50.5602 24.8417 49.9779 24.3292 49.7721C16.1129 46.4718 10.8082 41.8054 7.44041 36.6962C4.06638 31.5775 2.60008 25.958 2.15558 20.7098C1.71089 15.4592 2.29162 10.6078 2.98755 7.06229C3.33507 5.2918 3.71011 3.85296 3.99704 2.86023C4.14047 2.36402 4.26175 1.97972 4.34638 1.72166C4.3887 1.59264 4.42183 1.49523 4.44398 1.4312C4.45505 1.39919 4.46338 1.37553 4.46872 1.36044L4.47448 1.34428L4.47561 1.34115L4.47576 1.34072C4.47577 1.34071 4.47577 1.3407 4.47577 1.3407ZM4.47535 1.34059L4.47561 1.34115L3.53585 1.00009C4.40428 1.31526 4.47029 1.33893 4.47535 1.34059ZM4.47535 1.34059L3.87675 0.0599884L4.47577 1.3407C4.47577 1.34071 4.47576 1.34072 4.47535 1.34059ZM29.9172 46.8214C29.7081 46.3102 29.1242 46.0653 28.6131 46.2744C28.1019 46.4835 27.857 47.0674 28.0661 47.5786L31.5106 56H21.8696C21.3173 56 20.8696 56.4477 20.8696 57C20.8696 57.5523 21.3173 58 21.8696 58H33C33.3332 58 33.6445 57.834 33.8302 57.5574C34.016 57.2808 34.0517 56.9298 33.9256 56.6214L29.9172 46.8214Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-down-left.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "36", height: "82", viewBox: "0 0 36 82", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.54864 75.8481C9.0812 76.14 8.46381 75.9966 8.16967 75.5278C7.87562 75.0592 8.01591 74.4427 8.48299 74.1507L8.48345 74.1504L8.48698 74.1481L8.5047 74.1369C8.52118 74.1264 8.54692 74.1099 8.58156 74.0874C8.65084 74.0424 8.75569 73.9734 8.89312 73.8804C9.168 73.6943 9.57309 73.4123 10.0845 73.0345C11.1076 72.2788 12.555 71.1404 14.2362 69.6204C17.6004 66.5785 21.8896 62.0182 25.5911 55.9473C32.9735 43.839 38.0609 25.663 28.6708 1.35656C28.4715 0.840585 28.7274 0.262673 29.2425 0.0657524C29.7575 -0.131168 30.3367 0.127481 30.536 0.643459C40.1747 25.5933 34.9685 44.4169 27.3 56.9942C23.4761 63.266 19.0505 67.97 15.5813 71.1067C13.8459 72.6758 12.3469 73.8554 11.2778 74.6451C10.7431 75.0401 10.3156 75.3378 10.0195 75.5383C9.87142 75.6385 9.75613 75.7144 9.67666 75.766C9.63693 75.7919 9.60614 75.8116 9.58468 75.8253L9.55953 75.8412L9.55228 75.8458L9.55001 75.8472C9.54925 75.8477 9.54864 75.8481 9.01605 74.9992L9.54864 75.8481ZM11.0603 80.0003C11.6121 80.0266 12.0389 80.4952 12.0138 81.0468C11.9887 81.5985 11.521 82.0244 10.9693 81.9981L0.974509 81.5216C0.668001 81.507 0.384869 81.3525 0.206459 81.1025C0.0280482 80.8525 -0.0258907 80.5347 0.0601386 80.2404L2.8437 70.7168C2.99855 70.187 3.55384 69.884 4.08397 70.0399C4.61411 70.1959 4.91833 70.7518 4.76348 71.2816L2.3367 79.5845L11.0603 80.0003Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-down-right.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "150", height: "22", viewBox: "0 0 150 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.447866 18.1662L1.00011 18.9999L1.55213 19.8338C1.09172 20.1386 0.471372 20.0125 0.166426 19.5522C-0.13857 19.0917 -0.0125645 18.4712 0.447866 18.1662ZM1.00011 18.9999L1.55235 19.8336L1.55322 19.833L1.55932 19.829L1.58718 19.8108C1.6127 19.7942 1.6521 19.7688 1.70524 19.7349C1.81152 19.6671 1.97278 19.5655 2.18804 19.4336C2.61857 19.1696 3.26505 18.7842 4.11957 18.3041C5.82867 17.344 8.36957 16.0057 11.6792 14.5046C18.2988 11.5023 27.99 7.85066 40.2487 5.27066C64.7574 0.11253 99.548 -0.767102 140.614 16.4211C141.123 16.6343 141.709 16.3941 141.923 15.8847C142.136 15.3752 141.896 14.7894 141.386 14.5761C99.8994 -2.78813 64.69 -1.9171 39.8368 3.31354C27.4147 5.92793 17.5845 9.63018 10.8531 12.6832C7.48709 14.2098 4.89499 15.5745 3.13999 16.5604C2.26245 17.0534 1.59409 17.4518 1.1428 17.7284C0.91715 17.8668 0.745758 17.9747 0.629611 18.0487C0.571537 18.0858 0.527272 18.1144 0.496941 18.1341L0.461908 18.157L0.452257 18.1633L0.449403 18.1652C0.448525 18.1658 0.447866 18.1662 1.00011 18.9999ZM144.513 8.55508C144.267 8.06048 143.667 7.85874 143.173 8.10447C142.678 8.35021 142.476 8.95037 142.722 9.44498L147.459 18.9787L136.903 20.0047C136.354 20.0582 135.951 20.5471 136.005 21.0968C136.058 21.6465 136.547 22.0488 137.097 21.9953L149.097 20.8289C149.424 20.7971 149.715 20.6063 149.875 20.3186C150.034 20.031 150.042 19.6832 149.896 19.3886L144.513 8.55508Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-loop.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "125", height: "60", viewBox: "0 0 125 60", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M63.9651 17.5932C63.7234 6.65671 55.6861 0.264891 47.0242 0.0080958C38.325 -0.249801 29.1508 5.64646 26.4031 18.7658L26.403 18.766C24.2222 29.1883 29.1352 37.1168 36.0378 42.3246C39.4157 44.8731 43.3002 46.7978 47.1297 48.0765C45.6862 49.4131 44.1638 50.6532 42.5747 51.7718C36.7633 55.8628 30.0997 58.3044 23.1504 57.9694C16.2167 57.6352 8.87978 54.5315 1.70932 47.316C1.32002 46.9242 0.686854 46.9223 0.29511 47.3116C-0.0966349 47.7009 -0.0986165 48.334 0.290684 48.7258C7.75541 56.2374 15.5455 59.6052 23.0541 59.9671C30.5471 60.3283 37.6411 57.6907 43.7259 53.4072C45.704 52.0147 47.5797 50.4456 49.3329 48.7434C52.5115 49.6069 55.5752 50.0123 58.1919 49.9464C68.5656 49.6881 76.1698 45.4655 83.9392 41.1512C84.5429 40.8159 85.1476 40.4802 85.7546 40.1456C94.1859 35.4996 103.208 30.9995 116.765 30.9995C117.317 30.9995 117.765 30.5518 117.765 29.9995C117.765 29.4472 117.317 28.9995 116.765 28.9995C102.691 28.9995 93.3041 33.702 84.7894 38.394C84.1972 38.7203 83.6098 39.0461 83.026 39.37C75.2037 43.7092 68.0066 47.7015 58.1418 47.9471L58.1416 47.9471C56.0199 48.0005 53.551 47.714 50.9552 47.0937C53.9008 43.958 56.4477 40.4525 58.4869 36.8139C62.0462 30.4632 64.0975 23.6369 63.9651 17.5934L63.9651 17.5932ZM61.9656 17.6374C62.0881 23.2286 60.1801 29.7021 56.7422 35.8361C54.6075 39.645 51.8979 43.2958 48.7562 46.4963L61.9656 17.6374ZM37.2424 40.728C40.7441 43.3699 44.8223 45.2992 48.7562 46.4963L61.9656 17.6372C61.7492 7.85149 54.6516 2.2351 46.9649 2.00722C39.3152 1.78043 30.9268 6.92309 28.3606 19.1758C26.3831 28.6265 30.7628 35.8394 37.2424 40.728ZM119.183 24.6756C118.745 24.3393 118.117 24.4217 117.78 24.8597C117.444 25.2978 117.526 25.9255 117.964 26.2619L122.439 29.6976L117.904 33.7888C117.494 34.1587 117.461 34.791 117.831 35.2011C118.201 35.6112 118.833 35.6437 119.243 35.2738L124.67 30.3783C124.89 30.1794 125.011 29.8929 124.999 29.5962C124.987 29.2996 124.845 29.0235 124.609 28.8426L119.183 24.6756Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-right.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "58", height: "12", viewBox: "0 0 58 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50.8629 0.216564C50.4303 -0.126673 49.8013 -0.0541686 49.458 0.378506C49.1148 0.811181 49.1873 1.44018 49.62 1.78342L54.5028 5.65695L49.5593 10.2688C49.1555 10.6455 49.1335 11.2783 49.5102 11.6821C49.887 12.086 50.5198 12.1079 50.9236 11.7312L56.7167 6.32681C56.9296 6.12816 57.0454 5.84656 57.0338 5.55558C57.0221 5.2646 56.8842 4.99316 56.656 4.81217L50.8629 0.216564ZM1.00009 6.33345L1.10543 7.32775L1.10594 7.3277L1.1084 7.32744L1.11912 7.32632L1.16351 7.32174C1.20326 7.31768 1.26319 7.31163 1.3428 7.30378C1.502 7.2881 1.73987 7.26527 2.05216 7.23695C2.67673 7.18029 3.59893 7.10166 4.78483 7.0142C7.15674 6.83929 10.5829 6.62914 14.792 6.48902C23.2122 6.2087 34.7557 6.20897 47.2556 7.32933C47.8057 7.37863 48.2916 6.97267 48.3409 6.42259C48.3902 5.87251 47.9843 5.38662 47.4342 5.33731C34.8307 4.20767 23.2018 4.20794 14.7254 4.49012C10.4862 4.63125 7.03307 4.84298 4.63774 5.01962C3.44002 5.10795 2.50661 5.18752 1.87149 5.24512C1.55393 5.27393 1.31092 5.29724 1.14672 5.31342C1.06462 5.32151 1.00221 5.32781 0.960041 5.33212L0.91202 5.33707L0.899513 5.33838L0.896157 5.33873L0.895206 5.33883C0.894933 5.33886 0.894741 5.33888 1.00008 6.33332L0.894741 5.33888C0.345529 5.39706 -0.0525347 5.88944 0.0056408 6.43866C0.0638164 6.98787 0.556201 7.38593 1.10541 7.32776L1.00009 6.33345Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/arrow/arrow-up-right.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "150", height: "22", viewBox: "0 0 150 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.447866 3.83315L1.00011 2.99947L1.55213 2.16564C1.09172 1.86083 0.471372 1.98687 0.166426 2.44722C-0.13857 2.90766 -0.0125645 3.52815 0.447866 3.83315ZM1.00011 2.99947L1.55235 2.16578L1.55322 2.16635L1.55932 2.17037L1.58718 2.18856C1.6127 2.20515 1.6521 2.23061 1.70524 2.26451C1.81152 2.33231 1.97278 2.43387 2.18804 2.56583C2.61857 2.82974 3.26505 3.21521 4.11957 3.69526C5.82867 4.65542 8.36957 5.99373 11.6792 7.49477C18.2988 10.4971 27.99 14.1487 40.2487 16.7287C64.7574 21.8869 99.548 22.7665 140.614 5.57834C141.123 5.3651 141.709 5.60524 141.923 6.1147C142.136 6.62416 141.896 7.21002 141.386 7.42326C99.8994 24.7875 64.69 23.9165 39.8368 18.6859C27.4147 16.0715 17.5845 12.3692 10.8531 9.31619C7.48709 7.78958 4.89499 6.42488 3.13999 5.43894C2.26245 4.94596 1.59409 4.5476 1.1428 4.27096C0.91715 4.13264 0.745758 4.02473 0.629611 3.95064C0.571537 3.91359 0.527272 3.885 0.496941 3.86527L0.461908 3.8424L0.452257 3.83605L0.449403 3.83417C0.448525 3.83359 0.447866 3.83315 1.00011 2.99947ZM144.513 13.4443C144.267 13.9389 143.667 14.1407 143.173 13.8949C142.678 13.6492 142.476 13.049 142.722 12.5544L147.459 3.02068L136.903 1.99467C136.354 1.94123 135.951 1.4523 136.005 0.902611C136.058 0.352917 136.547 -0.0493813 137.097 0.0040493L149.097 1.17049C149.424 1.20231 149.715 1.39311 149.875 1.68077C150.034 1.96843 150.042 2.31616 149.896 2.61074L144.513 13.4443Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/bold/bold-arrow.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "50", height: "84", viewBox: "0 0 50 84", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.52399 2.68491C7.90208 1.64767 7.36815 0.500109 6.33099 0.121346C5.29344 -0.257555 4.14518 0.276384 3.76627 1.31393L5.64492 1.99999C3.76627 1.31393 3.76589 1.315 3.76543 1.31626L3.76415 1.31977L3.76032 1.33034L3.74768 1.36558C3.73709 1.39529 3.72219 1.4374 3.70334 1.49157C3.66562 1.59992 3.61205 1.75659 3.54525 1.95899C3.41168 2.36373 3.22514 2.95171 3.00685 3.70225C2.57045 5.20273 2.00609 7.3565 1.48443 9.99772C0.442912 15.271 -0.438228 22.5359 0.236001 30.4472C0.910652 38.3634 3.14805 46.9814 8.39117 54.8863C13.6466 62.8097 21.8478 69.9033 34.2585 74.8575C35.2844 75.267 36.448 74.7673 36.8575 73.7415C37.267 72.7156 36.7673 71.552 35.7415 71.1425C24.0273 66.4665 16.4967 59.87 11.7246 52.6753C6.9402 45.462 4.85444 37.5337 4.22155 30.1075C3.58824 22.6763 4.41518 15.8026 5.40862 10.7728C5.90443 8.26248 6.43928 6.22362 6.8477 4.81935C7.05183 4.11751 7.22411 3.57509 7.34376 3.21253C7.40357 3.03127 7.45021 2.89506 7.48105 2.80644C7.49647 2.76213 7.50794 2.72973 7.51514 2.70956L7.52269 2.68851L7.52357 2.68606L5.64492 1.99999C7.52357 2.68606 7.52382 2.68539 7.52399 2.68491ZM7.52385 2.68529L7.52398 2.68495C7.52405 2.68474 7.52395 2.68502 7.52399 2.68491C7.52394 2.68504 7.5239 2.68517 7.52385 2.68529ZM44.0874 67.2388C43.667 66.2174 42.4982 65.7301 41.4768 66.1505C40.4553 66.5709 39.9681 67.7398 40.3885 68.7612L45.0141 80H32C30.8954 80 30 80.8954 30 82C30 83.1046 30.8954 84 32 84H48C48.6672 84 49.2904 83.6673 49.6617 83.113C50.033 82.5587 50.1034 81.8558 49.8495 81.2388L44.0874 67.2388Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/bold/bold-line.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "158", height: "12", viewBox: "0 0 158 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M2 9.99998C2 9.99998 69.4379 -2.16575 156 3.50774", stroke: "#1CA3FC", strokeWidth: "4", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/circle/circle-left-l.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "129", height: "40", viewBox: "0 0 129 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M4.56054 8.41688C4.56054 8.41688 27.1269 -0.478673 62.023 1.21425C94.0251 2.76866 124.93 10.2791 126.929 23.6686C128.928 37.0581 88.2505 39.7668 65.1323 38.8331C42.0141 37.8994 1.63963 34.2776 1.00699 22.4835C0.448388 12.1464 33.5138 6.69317 46.4627 6.81116", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/circle/circle-left-xxl.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "172", height: "56", viewBox: "0 0 172 56", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M5.80389 11.5398C5.80389 11.5398 36.2506 -1.10127 83.3326 1.30446C126.51 3.51337 168.207 14.1861 170.904 33.2133C173.601 52.2404 118.719 56.0896 87.5277 54.7628C56.3365 53.436 1.86299 48.2892 1.00943 31.5292C0.255755 16.8397 44.8679 9.0903 62.3386 9.25797", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/circle/circle-right-l.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "129", height: "40", viewBox: "0 0 129 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M124.439 8.41688C124.439 8.41688 101.873 -0.478673 66.977 1.21425C34.9749 2.76866 4.06988 10.2791 2.07101 23.6686C0.0721421 37.0581 40.7495 39.7668 63.8677 38.8331C86.9859 37.8994 127.36 34.2776 127.993 22.4835C128.552 12.1464 95.4862 6.69317 82.5373 6.81116", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/circle/circle-right-xxl.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "172", height: "56", viewBox: "0 0 172 56", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M166.196 11.5398C166.196 11.5398 135.749 -1.10127 88.6674 1.30446C45.49 3.51337 3.79269 14.1861 1.09581 33.2133C-1.60108 52.2404 53.281 56.0896 84.4723 54.7628C115.664 53.436 170.137 48.2892 170.991 31.5293C171.744 16.8397 127.132 9.0903 109.661 9.25797", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/detail/detail-attention.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "62", height: "34", viewBox: "0 0 62 34", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.0001 0C31.5524 0 32.0001 0.447715 32.0001 1V33C32.0001 33.5523 31.5524 34 31.0001 34C30.4478 34 30.0001 33.5523 30.0001 33V1C30.0001 0.447715 30.4478 0 31.0001 0ZM0.191334 16.4118C0.516173 15.9652 1.14159 15.8664 1.58824 16.1913L23.5882 32.1913C24.0349 32.5161 24.1336 33.1415 23.8088 33.5882C23.484 34.0348 22.8586 34.1336 22.4119 33.8087L0.411899 17.8087C-0.0347537 17.4839 -0.133504 16.8585 0.191334 16.4118ZM61.5882 17.8087C62.0349 17.4839 62.1336 16.8585 61.8088 16.4118C61.484 15.9652 60.8586 15.8664 60.4119 16.1913L38.4119 32.1913C37.9652 32.5161 37.8665 33.1415 38.1913 33.5882C38.5162 34.0348 39.1416 34.1336 39.5882 33.8087L61.5882 17.8087Z", fill: "#1CA3FC" })));
-};