@scbt-ecom/ui 0.76.2 → 0.77.0

package/dist/lib/shared/ui/button/model/helpers.d.ts

@@ -20,7 +20,7 @@ export declare const buttonPrimitiveIntent: {
 export declare const buttonConfig: (props?: ({
     intent?: "primary" | "secondary" | "ghost" | "negative" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
-    textFormat?: "initial" | "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    textFormat?: "capitalize" | "uppercase" | "lowercase" | "initial" | null | undefined;
     isFull?: boolean | null | undefined;
     isLoading?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/shared/ui/dialog/Dialog.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    title?: string;
+    portal?: HTMLElement;
+}
+export declare const Dialog: ({ className, children, title, portal, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/shared/ui/dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog, type DialogProps } from './Dialog';

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.d.ts

@@ -32,7 +32,7 @@ export type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask'
      */
     externalHandlers?: ExternalHandlers;
 };
-export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "onChange" | "classes" | "mask"> & {
+export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Omit<MaskInputProps, "classes" | "value" | "onChange" | "mask"> & {
     /**
      * Указывает, открыт ли календарь по умолчанию
      */

package/dist/lib/shared/ui/formElements/uncontrolled/index.d.ts

@@ -43,7 +43,7 @@ export declare const Uncontrolled: {
         mask: "datetime" | "email" | "numeric" | "currency" | "decimal" | "integer" | "percentage" | "url" | "ip" | "mac" | "ssn" | "brl-currency" | "cpf" | "cnpj" | (string & {}) | (string[] & {}) | null;
         externalMaskDefinitions?: Record<string, import('./maskInput/MaskInput').Definition>;
     } & import('react').RefAttributes<HTMLInputElement>>;
-    SelectBase: import('react').ForwardRefExoticComponent<Omit<import('@headlessui/react').ComboboxProps<import('./select').SelectItemOption, boolean, "li">, "onChange" | "className" | "by" | "multiple" | "virtual"> & {
+    SelectBase: import('react').ForwardRefExoticComponent<Omit<import('@headlessui/react').ComboboxProps<import('./select').SelectItemOption, boolean, "li">, "className" | "onChange" | "by" | "multiple" | "virtual"> & {
         label: string;
         isMulti?: boolean | undefined;
         invalid?: boolean;
@@ -71,7 +71,7 @@ export declare const Uncontrolled: {
             onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
         };
     } & import('react').RefAttributes<HTMLButtonElement>>;
-    DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "value" | "onChange" | "classes" | "mask"> & {
+    DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "classes" | "value" | "onChange" | "mask"> & {
         defaultOpen?: boolean;
         value?: string;
         onChange?: (value: string) => void;
@@ -109,7 +109,7 @@ export declare const Uncontrolled: {
         };
         renderComponent?: (props: import('./radio').RadioGroupBaseProps) => React.JSX.Element;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "className"> & {
+    TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "size"> & {
         classes?: {
             container?: string;
             textarea?: string;

package/dist/lib/shared/ui/formElements/uncontrolled/select/Select.d.ts

@@ -81,7 +81,7 @@ export type SelectBaseProps<Multi extends boolean> = Omit<ComboboxProps<SelectIt
      */
     reset?: string;
 };
-export declare const SelectBase: import('react').ForwardRefExoticComponent<Omit<ComboboxProps<SelectItemOption, boolean, "li">, "onChange" | "className" | "by" | "multiple" | "virtual"> & {
+export declare const SelectBase: import('react').ForwardRefExoticComponent<Omit<ComboboxProps<SelectItemOption, boolean, "li">, "className" | "onChange" | "by" | "multiple" | "virtual"> & {
     /**
      * Отображаемый лейбл
      */

package/dist/lib/shared/ui/formElements/uncontrolled/select/ui/SelectItem.d.ts

@@ -15,7 +15,7 @@ export type SelectItemProps = Omit<ComboboxOptionProps, 'className' | 'value'> &
     displayValue?: (option: SelectItemOption) => string;
     motionProps?: React.ComponentPropsWithoutRef<typeof motion.li>;
 };
-export declare const SelectItem: React.ForwardRefExoticComponent<Omit<ComboboxOptionProps, "value" | "className"> & {
+export declare const SelectItem: React.ForwardRefExoticComponent<Omit<ComboboxOptionProps, "className" | "value"> & {
     option: SelectItemOption;
     isMulti?: boolean;
     classes?: SelectItemClasses;

package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.d.ts

@@ -34,7 +34,7 @@ export type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
      */
     externalHandlers?: ExternalHandlers;
 };
-export declare const TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "className"> & {
+export declare const TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "size"> & {
     /**
      * Дополнительные стили внутренних компонентов
      */

package/dist/lib/shared/ui/icon/allowedIcons.d.ts

@@ -9,8 +9,9 @@ export declare const allowedIcons: {
         readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
         readonly logos: readonly ["logos/beeline", "logos/megafon", "logos/mts"];
+        readonly media: readonly ["media/desktop", "media/mobile"];
         readonly social: readonly ["social/classmates", "social/telegram", "social/vk"];
         readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
     };
-    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
+    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
 };

package/dist/lib/shared/ui/icon/iconsMap.d.ts

@@ -281,6 +281,18 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'media/desktop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    'media/mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     'social/classmates': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/lib/shared/ui/icon/sprite.gen.d.ts

@@ -7,6 +7,7 @@ export interface SpritesMap {
     general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'menu' | 'plus' | 'reorder' | 'search' | 'shield' | 'showEye';
     info: 'helpCircle' | 'warningCircle';
     logos: 'beeline' | 'megafon' | 'mts';
+    media: 'desktop' | 'mobile';
     social: 'classmates' | 'telegram' | 'vk';
     status: 'badSmile' | 'iconMark' | 'iconRetry' | 'iconUser';
 }

package/dist/lib/shared/ui/index.d.ts

@@ -17,6 +17,7 @@ export * from './notification';
 export * from './table';
 export * from './pagination';
 export * from './carousel';
+export * from './dialog';
 export * from './providers';
 export * from './heading';
 export * from './icon';

package/dist/lib/widgets/banner/Banner.d.ts

@@ -16,3 +16,4 @@ export interface BannerProps {
     };
 }
 export declare const Banner: ({ variant, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export default Banner;

package/dist/lib/widgets/benefit/Benefit.d.ts

@@ -14,3 +14,4 @@ export interface BenefitProps {
     details: Details[];
 }
 export declare const Benefit: ({ headline, details, variant, classes }: BenefitProps) => import("react/jsx-runtime").JSX.Element;
+export default Benefit;

package/dist/lib/widgets/benefit/index.d.ts

@@ -1 +1 @@
-export { Benefit, type BenefitProps } from './Benefit';
+export * from './Benefit';

package/dist/lib/widgets/calculator/Calculator.d.ts

@@ -4,3 +4,4 @@ export interface CalculatorProps {
     calculators: CalculatorViewProps[];
 }
 export declare const Calculator: ({ calculators, headline }: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
+export default Calculator;

package/dist/lib/widgets/dynamicForm/DynamicForm.d.ts

@@ -38,4 +38,4 @@ export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsT
     classes?: DynamicFormClasses;
 };
 export declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default DynamicForm;

package/dist/lib/widgets/footer/Footer.d.ts

@@ -10,3 +10,4 @@ export interface FooterProps<Enabled extends boolean> {
     classes?: FooterClasses;
 }
 export declare const Footer: <Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/lib/widgets/header/Header.d.ts

@@ -1,2 +1,3 @@
 import { HeaderProps, HeaderVariantType } from './model/types';
 export declare const Header: <Type extends HeaderVariantType>(props: HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/lib/widgets/interLinking/InterLinking.d.ts

@@ -14,3 +14,4 @@ export interface InterLinkingProps extends InterLinkingRoot {
     defaultOpen?: boolean;
 }
 export declare const InterLinking: ({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes, defaultOpen }: InterLinkingProps) => import("react/jsx-runtime").JSX.Element;
+export default InterLinking;

package/dist/lib/widgets/longBanner/LongBanner.d.ts

@@ -9,3 +9,4 @@ export interface LongBannerProps<Enabled extends boolean> extends LongBannerConf
     classes?: LongBannerClasses;
 }
 export declare const LongBanner: <Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
+export default LongBanner;

package/dist/lib/widgets/model/helpers.d.ts

@@ -1,16 +1,16 @@
-import { AllowedWidgets } from './types';
+export type AllowedWidgets = keyof typeof WIDGET_LIST_MAP;
 export declare const WIDGET_LIST_MAP: {
-    readonly header: <Type extends import('../header/model/types').HeaderVariantType>(props: import('../header/model/types').HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element;
-    readonly seoHeader: ({ categories, helpers, phone }: import('..').SeoHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    readonly banner: ({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element;
-    readonly calculator: ({ calculators, headline }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element;
-    readonly form: <AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element;
-    readonly stepper: ({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element;
-    readonly benefit: ({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element;
-    readonly longBanner: <Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
-    readonly usefulInfo: ({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
-    readonly interLinking: ({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes, defaultOpen }: import('..').InterLinkingProps) => import("react/jsx-runtime").JSX.Element;
-    readonly footer: <Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: import('..').FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
+    readonly header: import('react').LazyExoticComponent<(<Type extends import('../header/model/types').HeaderVariantType>(props: import('../header/model/types').HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly seoHeader: import('react').LazyExoticComponent<({ categories, helpers, phone }: import('..').SeoHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly banner: import('react').LazyExoticComponent<({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly calculator: import('react').LazyExoticComponent<({ calculators, headline }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly stepper: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly benefit: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly longBanner: import('react').LazyExoticComponent<(<Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly usefulInfo: import('react').LazyExoticComponent<({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null>;
+    readonly interLinking: import('react').LazyExoticComponent<({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes, defaultOpen }: import('..').InterLinkingProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly footer: import('react').LazyExoticComponent<(<Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: import('..').FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
 export declare const widgetIds: Record<"form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer", "form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer">;

package/dist/lib/widgets/model/types.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { WIDGET_LIST_MAP } from './helpers';
-export type AllowedWidgets = keyof typeof WIDGET_LIST_MAP;
+import { AllowedWidgets, WIDGET_LIST_MAP } from './helpers';
 export type WidgetExternalProps = {
     _id: string;
     internalName: string;
@@ -11,7 +10,7 @@ export type WidgetExternalProps = {
  * export type HeaderWidget = ReturnWidgetType['header']
  */
 export type ReturnWidgetType = {
-    [K in keyof typeof WIDGET_LIST_MAP]: ComponentPropsWithoutRef<(typeof WIDGET_LIST_MAP)[K]> & WidgetExternalProps;
+    [K in AllowedWidgets]: ComponentPropsWithoutRef<(typeof WIDGET_LIST_MAP)[K]> & WidgetExternalProps;
 };
 /**
  * Массив кортежей из виджетов
@@ -22,8 +21,8 @@ export type ReturnWidgetType = {
  * ]
  */
 export type WidgetsListDTO = {
-    [K in keyof typeof WIDGET_LIST_MAP]: [K, ReturnWidgetType[K]];
-}[keyof typeof WIDGET_LIST_MAP][];
+    [K in AllowedWidgets]: [K, ReturnWidgetType[K]];
+}[AllowedWidgets][];
 /**
  * Массив кортежей из id виджетов или null (значение по умолчанию или сброс значения)
  * @example
@@ -33,5 +32,5 @@ export type WidgetsListDTO = {
  * ]
  */
 export type WidgetsListDTOIds = {
-    [K in keyof typeof WIDGET_LIST_MAP]: [K, string | null];
-}[keyof typeof WIDGET_LIST_MAP][];
+    [K in AllowedWidgets]: [K, string | null];
+}[AllowedWidgets][];

package/dist/lib/widgets/seoHeader/SeoHeader.d.ts

@@ -5,3 +5,4 @@ export type SeoHeaderProps = {
     phone: string;
 };
 export declare const SeoHeader: ({ categories, helpers, phone }: SeoHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default SeoHeader;

package/dist/lib/widgets/stepper/Stepper.d.ts

@@ -16,3 +16,4 @@ export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
     classes?: StepperClasses;
 }
 export declare const Stepper: ({ headline, details, variant, classes }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export default Stepper;

package/dist/lib/widgets/usefulInfo/UsefulInfo.d.ts

@@ -16,3 +16,4 @@ export type UsefulInfoProps = {
     accordionsConfig?: EntitiesAccordionsConfig;
 };
 export declare const UsefulInfo: ({ headline, tabs, classes, accordionsConfig }: UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export default UsefulInfo;

package/dist/sprites/media.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="desktop" fill="currentColor" viewBox="0 0 24 24"><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-7v2h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2H4a2 2 0 0 1-2-2V5Zm18 11V5H4v11h16Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="mobile" fill="currentColor" viewBox="0 0 24 24"><path d="M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Zm10 0H8v14h8V5Z"/><path d="M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></symbol></svg>

package/dist/static/static/media/desktop.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2 5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V16C22 17.1046 21.1046 18 20 18H13V20H16C16.5523 20 17 20.4477 17 21C17 21.5523 16.5523 22 16 22H8C7.44772 22 7 21.5523 7 21C7 20.4477 7.44772 20 8 20H11V18H4C2.89543 18 2 17.1046 2 16V5ZM20 16V5H4V16H20Z" fill="currentColor"/>
+</svg>

package/dist/static/static/media/mobile.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 5C6 3.89543 6.89543 3 8 3H16C17.1046 3 18 3.89543 18 5V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V5ZM16 5H8V19H16V5Z" fill="currentColor"/>
+    <path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" fill="currentColor"/>
+</svg>