@ama-pt/agora-design-system 0.1.1

package/dist/esm/components/ui/atoms/checkbox/checkbox.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import './checkbox.scss';
+export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
+    /**
+     * Input ID.
+     * @default ''
+     */
+    id: string;
+    /**
+     * Checkbox descriptive text
+     * @default ''
+     */
+    label?: string;
+    /**
+     * Descritive attribute that labels the checkbox in terms of accessibility
+     * @default null
+     */
+    ariaLabel?: string;
+    /**
+     * Hightlight the input indicating some error
+     * @default false
+     */
+    hasError?: boolean | 'true' | 'false';
+    /**
+     * Determine if start checked.
+     * @default false
+     */
+    isChecked?: boolean | 'true' | 'false';
+    /**
+     * Decides if display/hide label.
+     * @default false
+     */
+    hideLabel?: boolean | 'true' | 'false';
+    /**
+     * Decides if this field could be optional.
+     * @default false
+     */
+    isOptional?: boolean | 'true' | 'false';
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/esm/components/ui/atoms/checkbox/checkbox.js

@@ -0,0 +1,44 @@
+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 } from 'react';
+import { stringToBoolean } from '../../../utils';
+import { Icon } from '../icon';
+import './checkbox.scss';
+export const Checkbox = (_a) => {
+    var { label = '', ariaLabel, hasError, isChecked, hideLabel, isOptional, id, children } = _a, props = __rest(_a, ["label", "ariaLabel", "hasError", "isChecked", "hideLabel", "isOptional", "id", "children"]);
+    const inputWrapper = classNames('agora-checkbox-wrapper', {
+        'has-error': stringToBoolean(hasError),
+        'input-only': stringToBoolean(hideLabel)
+    });
+    const propsClone = Object.assign({}, props);
+    const { onChange } = propsClone;
+    const [checked, setChecked] = useState(stringToBoolean(isChecked));
+    const handleChange = (evt) => {
+        setChecked(!checked);
+        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
+    };
+    if (stringToBoolean(isOptional)) {
+        delete propsClone.required;
+    }
+    else {
+        propsClone.required = true;
+    }
+    return (React.createElement("div", { className: inputWrapper },
+        React.createElement("input", Object.assign({ type: "checkbox", id: id, checked: checked, "aria-label": ariaLabel || label, "aria-required": !stringToBoolean(isOptional), "aria-invalid": stringToBoolean(hasError), onChange: handleChange, tabIndex: 0 }, propsClone)),
+        React.createElement("span", { className: "checkbox-span" },
+            React.createElement(Icon, { icon: "agora-line-tick", ariaHidden: true })),
+        React.createElement("label", { className: "checkbox-label text-text-m", htmlFor: id },
+            React.createElement("span", null, children || label))));
+};
+export default Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/ui/atoms/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AAwCzB,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAUjD,EAAE,EAAE;QAV6C,EAChD,KAAK,GAAG,EAAE,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,EAAE,EACF,QAAQ,OAET,EADI,KAAK,cATwC,4FAUjD,CADS;IAER,MAAM,YAAY,GAAG,UAAU,CAAC,wBAAwB,EAAE;QACxD,WAAW,EAAE,eAAe,CAAC,QAAQ,CAAC;QACtC,YAAY,EAAE,eAAe,CAAC,SAAS,CAAC;KACzC,CAAC,CAAC;IACH,MAAM,UAAU,qBAAQ,KAAK,CAAE,CAAC;IAEhC,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IAEhC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;QAC3B,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAI,eAAe,CAAC,UAAU,CAAC,EAAE;QAC/B,OAAO,UAAU,CAAC,QAAQ,CAAC;KAC5B;SAAM;QACL,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC5B;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY;QAC1B,6CACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,gBACJ,SAAS,IAAI,KAAK,mBACf,CAAC,eAAe,CAAC,UAAU,CAAC,kBAC7B,eAAe,CAAC,QAAQ,CAAC,EACvC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,IACP,UAAU,EACd;QACF,8BAAM,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,UAAU,SAAG,CACrC;QACP,+BAAO,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,EAAE;YACvD,kCAAO,QAAQ,IAAI,KAAK,CAAQ,CAC1B,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/ui/atoms/checkbox/checkbox.scss

@@ -0,0 +1,139 @@
+.agora-checkbox-wrapper {
+  @apply flex items-start cursor-pointer relative w-fit;
+  min-height: 44px;
+
+  & > .checkbox-label {
+    @apply text-neutral-900 select-none pr-16 border-2 cursor-pointer border-transparent rounded-4 transition-all ease-in-out pl-56;
+    margin-left: -50px;
+    min-height: 44px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+
+  & > label {
+    margin-top: -2px;
+  }
+
+  &.input-only {
+    // apply to container
+    width: 44px;
+    height: 44px;
+
+    .checkbox-span {
+      margin: 10px;
+    }
+
+    input {
+      @apply top-0 left-0;
+    }
+
+    .checkbox-label {
+      @apply mt-0 pl-0;
+      width: 44px;
+      height: 44px;
+      margin-left: -44px;
+    }
+
+    .checkbox-label span {
+      @apply hidden;
+    }
+  }
+
+  &:hover input:not(:disabled) ~ .checkbox-label {
+    @apply border-primary-500;
+  }
+
+  input {
+    @apply absolute opacity-0 cursor-pointer;
+    width: 44px;
+    height: 44px;
+    left: 6px;
+    top: 2px;
+
+    //
+    &:checked {
+      & ~ .checkbox-span {
+        @apply bg-primary-500 border-primary-500;
+        svg {
+          @apply visible;
+          path {
+            @apply stroke-white;
+          }
+        }
+      }
+    }
+
+    &:focus {
+      & ~ .checkbox-span {
+        @apply outline-0 rounded-4;
+      }
+      & ~ .checkbox-label {
+        @apply border-primary-500;
+      }
+    }
+
+    &:disabled {
+      @apply cursor-not-allowed;
+
+      & ~ .checkbox-label {
+        @apply text-neutral-400 cursor-not-allowed;
+      }
+
+      & ~ .checkbox-span {
+        @apply bg-neutral-100 border-neutral-300;
+        svg {
+          path {
+            @apply stroke-neutral-700 opacity-50;
+          }
+        }
+      }
+    }
+  }
+
+  .checkbox-span {
+    @apply pointer-events-none ml-16 z-50 rounded-4 border-2 border-neutral-600 mr-8 h-24 w-24 flex justify-center items-center outline-2 outline outline-transparent outline-offset-4 transition-all;
+    margin-top: 12px;
+    svg {
+      @apply invisible;
+    }
+  }
+
+  &.has-error .checkbox-span {
+    @apply border-danger-500 bg-danger-50;
+  }
+
+  @media (max-width: theme('screens.md')) {
+    .checkbox-label {
+      margin-left: -58px !important;
+      padding-left: 60px;
+    }
+
+    label {
+      margin-top: 2px;
+    }
+
+    input {
+      left: 2px;
+      top: 6px !important;
+    }
+
+    .checkbox-span {
+      @apply w-32 h-32 ml-8 #{!important};
+      @apply min-w-[theme('spacing[32]')];
+    }
+
+    &.input-only {
+      input {
+        top: 0 !important;
+      }
+
+      .checkbox-label {
+        margin-left: -44px !important;
+      }
+
+      .checkbox-span {
+        margin: 6px !important;
+      }
+    }
+  }
+}

package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,29 @@
+import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+import { CheckboxProps } from './checkbox';
+declare const _default: ComponentMeta<React.FC<CheckboxProps>>;
+export default _default;
+export declare const CheckboxDefault: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxChildren: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxNoLabel: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxDisabled: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxDisabledSelected: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxHasError: {
+    (args: CheckboxProps): JSX.Element;
+    storyName: string;
+};

package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Checkbox } from './checkbox';
+import { argTypes } from './checkbox.csf';
+export default {
+    title: 'Components/Atoms/Checkbox',
+    argTypes: Object.assign({}, argTypes),
+    component: Checkbox
+};
+export const CheckboxDefault = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name" }))));
+};
+CheckboxDefault.storyName = 'Checkbox';
+export const CheckboxChildren = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name" }),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    "I declare that I read and accept uncondicionally",
+                    ' ',
+                    React.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Terms"),
+                    ' ',
+                    "and",
+                    ' ',
+                    React.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Conditions"),
+                    ' ',
+                    "of Agora Design System.")))));
+};
+CheckboxChildren.storyName = 'Checkbox Custom Children';
+export const CheckboxNoLabel = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", hideLabel: true }))));
+};
+CheckboxNoLabel.storyName = 'Checkbox No Label';
+export const CheckboxDisabled = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", disabled: true }))));
+};
+CheckboxDisabled.storyName = 'Checkbox Disabled';
+export const CheckboxDisabledSelected = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", disabled: true, isChecked: true }))));
+};
+CheckboxDisabledSelected.storyName = 'Checkbox Disabled Selected';
+export const CheckboxHasError = (args) => {
+    return (React.createElement("div", { className: "p-16" },
+        React.createElement(Checkbox, Object.assign({}, args, { id: "form-checkbox", name: "input-name", hasError: true }))));
+};
+CheckboxHasError.storyName = 'Checkbox Has Error';
+//# sourceMappingURL=checkbox.stories.js.map

package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/checkbox/checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,QAAQ,oBACH,QAAQ,CACZ;IACD,SAAS,EAAE,QAAQ;CACc,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;IACrD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,IAAG,CACvD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG,UAAU,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY;YACtD;gBACE;;oBACmD,GAAG;oBACpD,2BAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,YAE/F;oBAAC,GAAG;;oBACJ,GAAG;oBACP,2BAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,iBAE/F;oBAAC,GAAG;8CAEN,CACA,CACG,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,SAAS,GAAG,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;IACrD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,UAAG,CACjE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC9D,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,QAAC,SAAS,UAAG,CAC1E,CACP,CAAC;AACJ,CAAC,CAAC;AACF,wBAAwB,CAAC,SAAS,GAAG,4BAA4B,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAmB,EAAE,EAAE;IACtD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,QAAQ,oBAAK,IAAI,IAAE,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,SAAS,GAAG,oBAAoB,CAAC"}

package/dist/esm/components/ui/atoms/checkbox/index.d.ts

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

package/dist/esm/components/ui/atoms/checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox } from './checkbox';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ui/atoms/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-alert.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-alert.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", 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: "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.01 16C13.01 16.5523 12.5623 17 12.01 17H12C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15H12.01C12.5623 15 13.01 15.4477 13.01 16ZM12.01 13C11.4577 13 11.01 12.5523 11.01 12L11.01 8C11.01 7.44771 11.4577 7 12.01 7C12.5623 7 13.01 7.44771 13.01 8L13.01 12C13.01 12.5523 12.5623 13 12.01 13Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-alert.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-alert.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down-circle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down-circle.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M12 23C5.92487 23 0.999999 18.0751 1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.29289 11.2929C7.68342 10.9024 8.31658 10.9024 8.70711 11.2929L11 13.5858L11 8C11 7.44771 11.4477 7 12 7C12.5523 7 13 7.44771 13 8L13 13.5858L15.2929 11.2929C15.6834 10.9024 16.3166 10.9024 16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-arrow-down-circle.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-down-circle.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,iIAAiI,EACnI,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kYAAkY,EACpY,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down.js

@@ -0,0 +1,10 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M6.29134 9.99627C5.61466 9.20353 6.19209 8 7.24908 8L16.7509 8C17.8079 8 18.3853 9.20354 17.7087 9.99627L12.9577 15.5621C12.4593 16.146 11.5407 16.146 11.0423 15.5621L6.29134 9.99627Z", fill: "#BBD1FD" })));
+};
+//# sourceMappingURL=illustrate-arrow-down.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-down.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,yLAAyL,EAC3L,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left-circle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left-circle.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7071 7.29289C13.0976 7.68342 13.0976 8.31658 12.7071 8.70711L10.4142 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H10.4142L12.7071 15.2929C13.0976 15.6834 13.0976 16.3166 12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-arrow-left-circle.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-left-circle.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iYAAiY,EACnY,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left.js

@@ -0,0 +1,10 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M14.0037 6.29134C14.7965 5.61467 16 6.19209 16 7.24907L16 16.7509C16 17.8079 14.7965 18.3853 14.0037 17.7087L8.43793 12.9577C7.85402 12.4593 7.85402 11.5407 8.43793 11.0423L14.0037 6.29134Z", fill: "#BBD1FD" })));
+};
+//# sourceMappingURL=illustrate-arrow-left.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-left.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,+LAA+L,EACjM,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right-circle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right-circle.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 16.7071C10.9024 16.3166 10.9024 15.6834 11.2929 15.2929L13.5858 13L8 13C7.44771 13 7 12.5523 7 12C7 11.4477 7.44771 11 8 11L13.5858 11L11.2929 8.70711C10.9024 8.31658 10.9024 7.68342 11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-arrow-right-circle.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-right-circle.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,iIAAiI,EACnI,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kYAAkY,EACpY,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right.js

@@ -0,0 +1,10 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M9.99627 6.29134C9.20353 5.61467 8 6.19209 8 7.24907L8 16.7509C8 17.8079 9.20354 18.3853 9.99627 17.7087L15.5621 12.9577C16.146 12.4593 16.146 11.5407 15.5621 11.0423L9.99627 6.29134Z", fill: "#BBD1FD" })));
+};
+//# sourceMappingURL=illustrate-arrow-right.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-right.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,yLAAyL,EAC3L,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up-circle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up-circle.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.7071 12.7071C16.3166 13.0976 15.6834 13.0976 15.2929 12.7071L13 10.4142L13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16L11 10.4142L8.70711 12.7071C8.31658 13.0976 7.68342 13.0976 7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-arrow-up-circle.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-up-circle.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uYAAuY,EACzY,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up.js

@@ -0,0 +1,10 @@
+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: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M17.7087 14.0037C18.3853 14.7965 17.8079 16 16.7509 16L7.24907 16C6.19209 16 5.61467 14.7965 6.29134 14.0037L11.0423 8.43793C11.5407 7.85402 12.4593 7.85402 12.9577 8.43793L17.7087 14.0037Z", fill: "#BBD1FD" })));
+};
+//# sourceMappingURL=illustrate-arrow-up.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-arrow-up.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,CAAC,EAAC,+LAA+L,EACjM,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bell.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bell.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", 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: "M6.934 3.03993C8.28246 1.73056 10.1053 1 12 1C13.8947 1 15.7175 1.73056 17.0659 3.03993C18.4154 4.35026 19.1791 6.13383 19.1791 8C19.1791 10.9067 19.9312 12.8338 20.7207 14.0659L20.7331 14.0851C21.1009 14.6592 21.3918 15.1131 21.588 15.4436C21.6862 15.6091 21.776 15.769 21.8425 15.9113C21.8757 15.9823 21.9131 16.0699 21.9425 16.1655C21.9667 16.2444 22.0137 16.4157 21.9961 16.6247C21.9844 16.7637 21.955 17.0011 21.8153 17.2453C21.677 17.4871 21.4888 17.6329 21.3776 17.713C21.128 17.8928 20.8425 17.9337 20.7455 17.9476L20.741 17.9483C20.5923 17.9697 20.4226 17.9804 20.2494 17.987C19.9053 18 19.4283 18 18.8329 18H5.16707C4.57158 18 4.09458 18 3.75051 17.987C3.57737 17.9804 3.40758 17.9697 3.25888 17.9483L3.25442 17.9476C3.1574 17.9337 2.8719 17.8928 2.62231 17.713C2.51109 17.6329 2.32293 17.4871 2.18459 17.2453C2.0449 17.0011 2.01556 16.7636 2.00386 16.6247C1.98625 16.4157 2.03324 16.2444 2.05746 16.1655C2.08678 16.0699 2.12418 15.9823 2.15738 15.9113C2.22394 15.769 2.31368 15.6091 2.41194 15.4436C2.60811 15.1131 2.89905 14.6591 3.26697 14.085L3.27922 14.0659C4.06873 12.8338 4.82079 10.9067 4.82079 8C4.82079 6.13383 5.58453 4.35026 6.934 3.03993Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.83744 19.0572C9.35815 18.8731 9.92948 19.1461 10.1135 19.6668C10.3886 20.4449 11.1307 21 12 21C12.8692 21 13.6114 20.4449 13.8864 19.6668C14.0705 19.1461 14.6418 18.8731 15.1625 19.0572C15.6832 19.2412 15.9562 19.8126 15.7721 20.3333C15.2235 21.8855 13.7432 23 12 23C10.2568 23 8.77648 21.8855 8.22784 20.3333C8.0438 19.8126 8.31672 19.2412 8.83744 19.0572Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-bell.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-bell.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-bell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2oCAA2oC,EAC7oC,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0WAA0W,EAC5W,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-book.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-book.js

@@ -0,0 +1,11 @@
+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: "24", height: "24", viewBox: "0 0 24 24", 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: "M12 4.5C10.96 2.94 9.18 2 7 2H2C1.45 2 1 2.45 1 3V17.99C1 18.54 1.45 18.99 2 18.99H7.99C10.15 18.99 10.97 21.1 11.04 21.3C11.06 21.36 11.09 21.42 11.12 21.48C11.2 21.61 11.3 21.73 11.42 21.81C11.54 21.9 11.67 21.95 11.81 21.98C11.87 22 11.94 22 12 22L11.99 21.99C11.9933 21.99 11.9966 21.99 12 21.9899V4.5Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0271 21.9995H12.027C12.0178 21.9992 12.0088 21.9989 12 21.9991V4.50177C13.04 2.94067 14.82 2 17 2H22C22.55 2 23 2.45032 23 3.00071V18.0113C23 18.5617 22.55 19.012 22 19.012H16C13.8693 19.012 13.0522 21.0667 12.9537 21.3145L12.95 21.3237C12.92 21.4237 12.87 21.5138 12.81 21.5939C12.73 21.7139 12.62 21.814 12.48 21.8841C12.38 21.9441 12.27 21.9741 12.15 21.9941C12.125 21.9941 12.0975 21.9966 12.07 21.9991C12.0556 22.0005 12.0411 22 12.0271 21.9995ZM6 8.00425C5.44772 8.00425 5 8.45228 5 9.00495C5 9.55763 5.44772 10.0057 6 10.0057H8C8.55228 10.0057 9 9.55763 9 9.00495C9 8.45228 8.55228 8.00425 8 8.00425H6ZM5 13.0078C5 12.4551 5.44772 12.0071 6 12.0071H8C8.55228 12.0071 9 12.4551 9 13.0078C9 13.5605 8.55228 14.0085 8 14.0085H6C5.44772 14.0085 5 13.5605 5 13.0078ZM16 8.00425C15.4477 8.00425 15 8.45228 15 9.00495C15 9.55763 15.4477 10.0057 16 10.0057H18C18.5523 10.0057 19 9.55763 19 9.00495C19 8.45228 18.5523 8.00425 18 8.00425H16Z", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-book.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-book.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-book.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-book.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oTAAoT,EACtT,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,g7BAAg7B,EACl7B,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark-card.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark-card.js

@@ -0,0 +1,11 @@
+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: "24", height: "32", viewBox: "0 0 24 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M0 32V4H24V32L12 20L0 32Z", fill: "#BBD1FD" }),
+        React.createElement("rect", { width: "24", height: "4", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-bookmark-card.js.map

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrate-bookmark-card.js","sourceRoot":"","sources":["../../../../../../../../src/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;IACtE,MAAM,QAAQ,qBAAQ,KAAK,CAAE,CAAC;IAC9B,OAAO,QAAQ,CAAC,GAAG,CAAC;IACpB,OAAO,QAAQ,CAAC,KAAK,CAAC;IAEtB,OAAO,CACL,2CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,QAAQ,IAAE,IAAI,EAAC,KAAK;QACpH,KAAK,CAAC,KAAK,IAAI,mCAAQ,KAAK,CAAC,KAAK,CAAS;QAC5C,8BAAM,CAAC,EAAC,2BAA2B,EAAC,IAAI,EAAC,SAAS,GAAG;QACrD,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const component: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;

package/dist/esm/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark.js

@@ -0,0 +1,11 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 23V4H20V23L12 16L4 23Z", fill: "#BBD1FD" }),
+        React.createElement("rect", { x: "4", y: "1", width: "16", height: "3", fill: "#034AD8" })));
+};
+//# sourceMappingURL=illustrate-bookmark.js.map