@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-refactor-2b2ac2ff-898d-489a-83f0-2a58a894046a

package/dist/components/color-picker/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const ColorPickerStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const ColorPickerStyled: import("styled-components").IStyledCompo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const ColorPickerStyled: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -265,12 +271,25 @@ export declare const ColorPickerStyled: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const ColorPickerLabel: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -319,6 +338,10 @@ export declare const ColorPickerLabel: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -527,6 +550,8 @@ export declare const ColorPickerLabel: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -535,18 +560,26 @@ export declare const ColorPickerLabel: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const ColorPickerHex: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -595,6 +628,10 @@ export declare const ColorPickerHex: import("styled-components").IStyledComponen
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -803,6 +840,8 @@ export declare const ColorPickerHex: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -811,17 +850,20 @@ export declare const ColorPickerHex: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const ColorPickerPreview: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -870,6 +912,10 @@ export declare const ColorPickerPreview: import("styled-components").IStyledComp
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1079,6 +1125,8 @@ export declare const ColorPickerPreview: import("styled-components").IStyledComp
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1087,8 +1135,16 @@ export declare const ColorPickerPreview: import("styled-components").IStyledComp
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface ColorPickerBottomProps {
     $active?: boolean;

package/dist/components/color-picker/styled.js

@@ -1,8 +1,8 @@
-import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__ColorPickerStyled",componentId:"sc-mxl06u-0"})(["display:flex;flex-direction:column;gap:20px;position:relative;width:fit-content;user-select:none;-moz-user-select:none;-webkit-user-select:none;"]),i=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerLabel",componentId:"sc-mxl06u-1"})([""]),l=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerHex",componentId:"sc-mxl06u-2"})(["display:flex;justify-content:center;align-items:center;width:100px;padding-block:8px;border-radius:8px;border:1px solid ",";background-color:",";color:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.base.black),(({theme:e})=>e.colors.base.white)),c=e.div.withConfig({displayName:"styled__ColorPickerPreview",componentId:"sc-mxl06u-3"})(["width:60px;height:36px;border-radius:8px;border:1px solid ",";"],(({theme:e})=>e.colors.grayScale.gray2)),s=e.button.withConfig({displayName:"styled__ColorPickerBottom",componentId:"sc-mxl06u-4"})(["all:unset;display:flex;gap:10px;align-items:center;&:hover{cursor:pointer;}",""],(({theme:e,$active:r})=>r&&o`
+import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__ColorPickerStyled",componentId:"sc-mxl06u-0"})(["display:flex;flex-direction:column;gap:20px;position:relative;width:fit-content;user-select:none;-moz-user-select:none;-webkit-user-select:none;"]),i=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerLabel",componentId:"sc-mxl06u-1"})([""]),l=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerHex",componentId:"sc-mxl06u-2"})(["display:flex;justify-content:center;align-items:center;width:100px;padding-block:8px;border-radius:8px;border:1px solid ",";background-color:",";color:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.base.black,({theme:e})=>e.colors.base.white),c=e.div.withConfig({displayName:"styled__ColorPickerPreview",componentId:"sc-mxl06u-3"})(["width:60px;height:36px;border-radius:8px;border:1px solid ",";"],({theme:e})=>e.colors.grayScale.gray2),s=e.button.withConfig({displayName:"styled__ColorPickerBottom",componentId:"sc-mxl06u-4"})(["all:unset;display:flex;gap:10px;align-items:center;&:hover{cursor:pointer;}",""],({theme:e,$active:r})=>r&&o`
       ${l} {
         border-color: ${e.colors.accent.primary};
       }
       ${c} {
         border-color: ${e.colors.accent.primary};
       }
-    `));export{s as ColorPickerBottom,l as ColorPickerHex,i as ColorPickerLabel,c as ColorPickerPreview,t as ColorPickerStyled};
+    `);export{s as ColorPickerBottom,l as ColorPickerHex,i as ColorPickerLabel,c as ColorPickerPreview,t as ColorPickerStyled};

package/dist/components/container/styled.js

@@ -1,4 +1,4 @@
-import{styled as d,css as i}from"styled-components";const m=d.div.withConfig({displayName:"styled__ContainerStyled",componentId:"sc-m5rfmf-0"})(["",""],(({theme:d,$disabled:m})=>!m&&i`
+import{styled as d,css as i}from"styled-components";const m=d.div.withConfig({displayName:"styled__ContainerStyled",componentId:"sc-m5rfmf-0"})(["",""],({theme:d,$disabled:m})=>!m&&i`
       width: 100%;
       max-width: 1370px;
       margin: auto;
@@ -9,4 +9,4 @@ import{styled as d,css as i}from"styled-components";const m=d.div.withConfig({di
       @media (max-width: ${d.mobile.maxWidth}) {
         padding: 0px 16px;
       }
-    `));export{m as ContainerStyled};
+    `);export{m as ContainerStyled};

package/dist/components/date-badge/index.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import e,{useMemo as t}from"react";import{DateBadgeStyled as n,DateBadgeText as o}from"./styled.js";const m={ru:"ru-RU",kz:"ru-RU",es:"es-ES",fr:"fr-FR",pt:"pt-PT",en:"en-US"},c=e.memo((({date:e,locale:c})=>{if(!e)return null;const i=t((()=>new Date(e).toLocaleDateString(m[c],{month:"long",day:"numeric",year:"numeric"})),[e,c]);return r(n,{children:r(o,{children:i})})}));export{c as DateBadge};
+import{jsx as r}from"react/jsx-runtime";import e,{useMemo as t}from"react";import{DateBadgeStyled as n,DateBadgeText as o}from"./styled.js";const m={ru:"ru-RU",kz:"ru-RU",es:"es-ES",fr:"fr-FR",pt:"pt-PT",en:"en-US"},c=e.memo(({date:e,locale:c})=>{if(!e)return null;const i=t(()=>new Date(e).toLocaleDateString(m[c],{month:"long",day:"numeric",year:"numeric"}),[e,c]);return r(n,{children:r(o,{children:i})})});export{c as DateBadge};

package/dist/components/date-badge/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const DateBadgeStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,6 +48,10 @@ export declare const DateBadgeStyled: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -257,6 +261,8 @@ export declare const DateBadgeStyled: import("styled-components").IStyledCompone
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -265,12 +271,25 @@ export declare const DateBadgeStyled: import("styled-components").IStyledCompone
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const DateBadgeText: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -319,6 +338,10 @@ export declare const DateBadgeText: import("styled-components").IStyledComponent
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -527,6 +550,8 @@ export declare const DateBadgeText: import("styled-components").IStyledComponent
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -535,12 +560,15 @@ export declare const DateBadgeText: import("styled-components").IStyledComponent
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;

package/dist/components/date-badge/styled.js

@@ -1 +1 @@
-import{styled as o}from"styled-components";import{Typography as r}from"../typography/index.js";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const e=o.div.withConfig({displayName:"styled__DateBadgeStyled",componentId:"sc-1rw2vj0-0"})(["display:flex;width:fit-content;padding:4px 34px;border-radius:8px;border:1px solid ",";background-color:",";"],(({theme:o})=>o.colors.grayScale.gray2),(({theme:o})=>t(o.colors.grayScale.gray4,.75))),a=o(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DateBadgeText",componentId:"sc-1rw2vj0-1"})(["color:",";"],(({theme:o})=>"light"===o.mode?o.default.colors.base.black:o.colors.grayScale.gray6));export{e as DateBadgeStyled,a as DateBadgeText};
+import{styled as o}from"styled-components";import{Typography as r}from"../typography/index.js";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const e=o.div.withConfig({displayName:"styled__DateBadgeStyled",componentId:"sc-1rw2vj0-0"})(["display:flex;width:fit-content;padding:4px 34px;border-radius:8px;border:1px solid ",";background-color:",";"],({theme:o})=>o.colors.grayScale.gray2,({theme:o})=>t(o.colors.grayScale.gray4,.75)),a=o(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DateBadgeText",componentId:"sc-1rw2vj0-1"})(["color:",";"],({theme:o})=>"light"===o.mode?o.default.colors.base.black:o.colors.grayScale.gray6);export{e as DateBadgeStyled,a as DateBadgeText};

package/dist/components/datepicker/hooks/useInfoDate.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import{getCalendarDays as t}from"../utils/helpers.js";const a=(a,r="ru-RU")=>e((()=>{let e=new Date;a&&(e=new Date(a),"Invalid Date"===e.toString()&&(e=new Date));const n=new Intl.DateTimeFormat(r,{weekday:"short"});return{weekdays:[...Array(7).keys()].map((e=>n.format(new Date(Date.UTC(2022,4,e+1))))),monthDays:t(e.getMonth(),e.getFullYear())}}),[a,r]);export{a as useInfoDate};
+import{useMemo as e}from"react";import{getCalendarDays as t}from"../utils/helpers.js";const a=(a,r="ru-RU")=>e(()=>{let e=new Date;a&&(e=new Date(a),"Invalid Date"===e.toString()&&(e=new Date));const n=new Intl.DateTimeFormat(r,{weekday:"short"});return{weekdays:[...Array(7).keys()].map(e=>n.format(new Date(Date.UTC(2022,4,e+1)))),monthDays:t(e.getMonth(),e.getFullYear())}},[a,r]);export{a as useInfoDate};

package/dist/components/datepicker/ui/calendar/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as l}from"react";import{useInfoDate as o}from"../../hooks/useInfoDate.js";import{Wrapper as a,Header as i,PrevMonth as s,PreArrowIcon as c,Title as u,NextMonth as h,NextArrowIcon as d,DateGrid as m,DateGridItem as y,DayOfWeek as D,DateGridInteractiveItem as A,DayOfMonth as w,Footer as g,SaveButton as p,CancelButton as f}from"./styled.js";import{getMonthName as v,isEqualDaysOfDate as k,resetTimeInDate as C,subMonth as b,addMont as j}from"../../utils/helpers.js";import"../../../../theme/index.js";import{useTheme as x}from"../../../../theme/hook.js";const S=e=>{let n=new Date;return e&&!Array.isArray(e)?(n=new Date(e),"Invalid Date"===n.toString()&&(n=new Date)):Array.isArray(e)&&(n=new Date(e[0]),"Invalid Date"===n.toString()&&(n=new Date)),C(n)},M=({value:M,closeFn:$,onChange:I,locale:T="en-US",range:B,buttonSaveText:E="Save",buttonCloseText:L="Close"})=>{const F=x(),[R,U]=t(S(M)),[Y,q]=t((e=>Array.isArray(e)?[C(new Date(e[0])),e[1]?C(new Date(e[1])):null]:e&&!Array.isArray(e)?C(new Date(e)):null)(M)),[z,G]=t(null),{monthDays:H,weekdays:J}=o(R.getTime(),T),K=r(null);l((()=>{U(S(M))}),[M]),l((()=>{const e=e=>{const n=K.current;null!==n&&(n.contains(e.target)||null==$||$())};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[$]);const N=Array.isArray(Y);return e(a,{ref:K,children:[e(i,{children:[n(s,{type:"button",onClick:()=>{U(b(R))},children:n(c,{fill:F.colors.base.white})}),e(u,{children:[v(new Date(R).getMonth(),T)," ",new Date(R).getFullYear()]}),n(h,{type:"button",onClick:()=>{U(j(R))},children:n(d,{fill:F.colors.base.white})})]}),e(m,{children:[J.map((e=>n(y,{children:n(D,{children:e})},e))),H.map((e=>{let t=!1;N?t=k(Y[0],e)||k(Y[1],e):Y&&(t=k(Y,e));let r=!1;return N&&(Y[1]?r=e>Y[0]&&e<Y[1]:z&&(r=e>Y[0]&&e<z)),n(A,{tabIndex:-1,$isBetweenSelected:r,$active:t,$outRange:e.getMonth()!==R.getMonth(),$startDate:Boolean(N&&(z&&z>Y[0]||Y[1])&&k(Y[0],e)),$finishDate:Boolean(N&&k(Y[1],e)),onMouseEnter:()=>G(e),onMouseLeave:()=>G(null),onClick:()=>(e=>{const n=Array.isArray(Y);B?n?Y[1]||e<Y[0]?q([e,null]):k(e,Y[0])?q(null):q([Y[0],e]):q([e,null]):n||Y&&k(e,Y)?q(null):q(e)})(e),children:n(w,{children:e.getDate()})},e.getTime())}))]}),e(g,{children:[n(p,{onClick:()=>{B&&Array.isArray(Y)?I([Y[0],Y[1]||null]):B||Array.isArray(Y)||!Y?I(null):I(Y),null==$||$()},children:E}),n(f,{variant:"secondary",onClick:()=>{U(S(M)),null==$||$()},children:L})]})]})};export{M as DatepickerCalendar};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as l}from"react";import{useInfoDate as o}from"../../hooks/useInfoDate.js";import{Wrapper as a,Header as i,PrevMonth as s,PreArrowIcon as c,Title as u,NextMonth as h,NextArrowIcon as d,DateGrid as m,DateGridItem as y,DayOfWeek as D,DateGridInteractiveItem as A,DayOfMonth as w,Footer as g,SaveButton as p,CancelButton as f}from"./styled.js";import{getMonthName as v,isEqualDaysOfDate as k,resetTimeInDate as C,subMonth as b,addMont as j}from"../../utils/helpers.js";import"../../../../theme/index.js";import{useTheme as x}from"../../../../theme/hook.js";const S=e=>{let n=new Date;return e&&!Array.isArray(e)?(n=new Date(e),"Invalid Date"===n.toString()&&(n=new Date)):Array.isArray(e)&&(n=new Date(e[0]),"Invalid Date"===n.toString()&&(n=new Date)),C(n)},M=({value:M,closeFn:$,onChange:I,locale:T="en-US",range:B,buttonSaveText:E="Save",buttonCloseText:L="Close"})=>{const F=x(),[R,U]=t(S(M)),[Y,q]=t((e=>Array.isArray(e)?[C(new Date(e[0])),e[1]?C(new Date(e[1])):null]:e&&!Array.isArray(e)?C(new Date(e)):null)(M)),[z,G]=t(null),{monthDays:H,weekdays:J}=o(R.getTime(),T),K=r(null);l(()=>{U(S(M))},[M]),l(()=>{const e=e=>{const n=K.current;null!==n&&(n.contains(e.target)||null==$||$())};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[$]);const N=Array.isArray(Y);return e(a,{ref:K,children:[e(i,{children:[n(s,{type:"button",onClick:()=>{U(b(R))},children:n(c,{fill:F.colors.base.white})}),e(u,{children:[v(new Date(R).getMonth(),T)," ",new Date(R).getFullYear()]}),n(h,{type:"button",onClick:()=>{U(j(R))},children:n(d,{fill:F.colors.base.white})})]}),e(m,{children:[J.map(e=>n(y,{children:n(D,{children:e})},e)),H.map(e=>{let t=!1;N?t=k(Y[0],e)||k(Y[1],e):Y&&(t=k(Y,e));let r=!1;return N&&(Y[1]?r=e>Y[0]&&e<Y[1]:z&&(r=e>Y[0]&&e<z)),n(A,{tabIndex:-1,$isBetweenSelected:r,$active:t,$outRange:e.getMonth()!==R.getMonth(),$startDate:Boolean(N&&(z&&z>Y[0]||Y[1])&&k(Y[0],e)),$finishDate:Boolean(N&&k(Y[1],e)),onMouseEnter:()=>G(e),onMouseLeave:()=>G(null),onClick:()=>(e=>{const n=Array.isArray(Y);B?n?Y[1]||e<Y[0]?q([e,null]):k(e,Y[0])?q(null):q([Y[0],e]):q([e,null]):n||Y&&k(e,Y)?q(null):q(e)})(e),children:n(w,{children:e.getDate()})},e.getTime())})]}),e(g,{children:[n(p,{onClick:()=>{B&&Array.isArray(Y)?I([Y[0],Y[1]||null]):B||Array.isArray(Y)||!Y?I(null):I(Y),null==$||$()},children:E}),n(f,{variant:"secondary",onClick:()=>{U(S(M)),null==$||$()},children:L})]})]})};export{M as DatepickerCalendar};