@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.2-develop-30a324f3-49c5-45da-a58f-44a7a3afc6f4

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

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Button as o}from"../../../button/index.js";import{Typography as t}from"../../../typography/index.js";import{ArrowNarrowLeftIcon as n}from"../../../../icons/arrow-narrow-left/index.js";const a=e.div.withConfig({displayName:"styled__Wrapper",componentId:"sc-41ac71-0"})(["padding:16px;border-radius:8px;width:284px;background-color:",";z-index:",";"],(e=>e.theme.colors.grayScale.gray3),(({theme:e})=>e.zIndex.select)),r=e.div.withConfig({displayName:"styled__Header",componentId:"sc-41ac71-1"})(["display:flex;align-items:center;justify-content:space-between;"]),i=e.button.withConfig({displayName:"styled__ChangeMonthButton",componentId:"sc-41ac71-2"})(["outline:none;border:none;background:none;cursor:pointer;transition:0.2s ease-out;&:hover{opacity:0.6;}"]),c=e(i).withConfig({displayName:"styled__PrevMonth",componentId:"sc-41ac71-3"})([""]),d=e(i).withConfig({displayName:"styled__NextMonth",componentId:"sc-41ac71-4"})([""]),s=e(n).withConfig({displayName:"styled__PreArrowIcon",componentId:"sc-41ac71-5"})([""]),l=e(s).withConfig({displayName:"styled__NextArrowIcon",componentId:"sc-41ac71-6"})(["transform:rotate(180deg);"]),p=e(t).withConfig({displayName:"styled__Title",componentId:"sc-41ac71-7"})([""]),m=e.div.withConfig({displayName:"styled__DateGrid",componentId:"sc-41ac71-8"})(["display:grid;grid-template-columns:repeat(7,1fr);"]),y=e.div.withConfig({displayName:"styled__DateGridItem",componentId:"sc-41ac71-9"})(["width:36px;height:34px;display:flex;align-items:center;justify-content:center;text-align:center;"]),g=e(t).withConfig({displayName:"styled__DayOfMonth",componentId:"sc-41ac71-10"})([""]),h=e(y).attrs({as:"button"}).withConfig({displayName:"styled__DateGridInteractiveItem",componentId:"sc-41ac71-11"})(["border:none;background:none;outline:none;cursor:pointer;transition:0.2s ease-out;&:hover{background-color:",";}"," "," "," "," ",""],(e=>e.theme.colors.grayScale.gray2),(e=>e.$active&&`\n    border-radius: 8px;\n    background-color: ${e.theme.colors.accent.primary};\n    &:hover {\n      background-color: ${e.theme.colors.accent.primaryLight};\n    }\n  `),(e=>e.$outRange&&`\n    ${g} {\n      color: ${e.$active?e.theme.colors.grayScale.gray2:e.theme.colors.grayScale.gray1};\n    }\n  `),(e=>e.$startDate&&"\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  "),(e=>e.$finishDate&&"\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  "),(e=>e.$isBetweenSelected&&`\n    border-radius: 0;\n    background-color: ${e.theme.colors.grayScale.gray2};\n  `)),f=e(t).withConfig({displayName:"styled__DayOfWeek",componentId:"sc-41ac71-12"})(["color:",";text-overflow:ellipsis;overflow:hidden;"],(e=>e.theme.colors.grayScale.gray1)),_=e.div.withConfig({displayName:"styled__Footer",componentId:"sc-41ac71-13"})(["display:flex;align-items:center;gap:8px;margin-top:8px;"]),u=e(o).withConfig({displayName:"styled__SaveButton",componentId:"sc-41ac71-14"})(["flex:1;"]),w=e(o).withConfig({displayName:"styled__CancelButton",componentId:"sc-41ac71-15"})(["flex:1;"]);export{w as CancelButton,m as DateGrid,h as DateGridInteractiveItem,y as DateGridItem,g as DayOfMonth,f as DayOfWeek,_ as Footer,r as Header,l as NextArrowIcon,d as NextMonth,s as PreArrowIcon,c as PrevMonth,u as SaveButton,p as Title,a as Wrapper};
+import{styled as e}from"styled-components";import{Button as o}from"../../../button/index.js";import{Typography as t}from"../../../typography/index.js";import{ArrowNarrowLeftIcon as n}from"../../../../icons/arrow-narrow-left/index.js";const a=e.div.withConfig({displayName:"styled__Wrapper",componentId:"sc-41ac71-0"})(["padding:16px;border-radius:8px;width:284px;background-color:",";z-index:",";"],e=>e.theme.colors.grayScale.gray3,({theme:e})=>e.zIndex.select),r=e.div.withConfig({displayName:"styled__Header",componentId:"sc-41ac71-1"})(["display:flex;align-items:center;justify-content:space-between;"]),i=e.button.withConfig({displayName:"styled__ChangeMonthButton",componentId:"sc-41ac71-2"})(["outline:none;border:none;background:none;cursor:pointer;transition:0.2s ease-out;&:hover{opacity:0.6;}"]),c=e(i).withConfig({displayName:"styled__PrevMonth",componentId:"sc-41ac71-3"})([""]),d=e(i).withConfig({displayName:"styled__NextMonth",componentId:"sc-41ac71-4"})([""]),s=e(n).withConfig({displayName:"styled__PreArrowIcon",componentId:"sc-41ac71-5"})([""]),l=e(s).withConfig({displayName:"styled__NextArrowIcon",componentId:"sc-41ac71-6"})(["transform:rotate(180deg);"]),p=e(t).withConfig({displayName:"styled__Title",componentId:"sc-41ac71-7"})([""]),m=e.div.withConfig({displayName:"styled__DateGrid",componentId:"sc-41ac71-8"})(["display:grid;grid-template-columns:repeat(7,1fr);"]),y=e.div.withConfig({displayName:"styled__DateGridItem",componentId:"sc-41ac71-9"})(["width:36px;height:34px;display:flex;align-items:center;justify-content:center;text-align:center;"]),g=e(t).withConfig({displayName:"styled__DayOfMonth",componentId:"sc-41ac71-10"})([""]),h=e(y).attrs({as:"button"}).withConfig({displayName:"styled__DateGridInteractiveItem",componentId:"sc-41ac71-11"})(["border:none;background:none;outline:none;cursor:pointer;transition:0.2s ease-out;&:hover{background-color:",";}"," "," "," "," ",""],e=>e.theme.colors.grayScale.gray2,e=>e.$active&&`\n    border-radius: 8px;\n    background-color: ${e.theme.colors.accent.primary};\n    &:hover {\n      background-color: ${e.theme.colors.accent.primaryLight};\n    }\n  `,e=>e.$outRange&&`\n    ${g} {\n      color: ${e.$active?e.theme.colors.grayScale.gray2:e.theme.colors.grayScale.gray1};\n    }\n  `,e=>e.$startDate&&"\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  ",e=>e.$finishDate&&"\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  ",e=>e.$isBetweenSelected&&`\n    border-radius: 0;\n    background-color: ${e.theme.colors.grayScale.gray2};\n  `),f=e(t).withConfig({displayName:"styled__DayOfWeek",componentId:"sc-41ac71-12"})(["color:",";text-overflow:ellipsis;overflow:hidden;"],e=>e.theme.colors.grayScale.gray1),_=e.div.withConfig({displayName:"styled__Footer",componentId:"sc-41ac71-13"})(["display:flex;align-items:center;gap:8px;margin-top:8px;"]),u=e(o).withConfig({displayName:"styled__SaveButton",componentId:"sc-41ac71-14"})(["flex:1;"]),w=e(o).withConfig({displayName:"styled__CancelButton",componentId:"sc-41ac71-15"})(["flex:1;"]);export{w as CancelButton,m as DateGrid,h as DateGridInteractiveItem,y as DateGridItem,g as DayOfMonth,f as DayOfWeek,_ as Footer,r as Header,l as NextArrowIcon,d as NextMonth,s as PreArrowIcon,c as PrevMonth,u as SaveButton,p as Title,a as Wrapper};

package/dist/components/description/card/grid/styled.js

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";import{adaptive as i}from"../../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__DescriptionCardGridStyled",componentId:"sc-fo4yup-0"})(["display:grid;justify-items:center;gap:34px;",""],i((({$columns:e})=>({desktop:t(["grid-template-columns:repeat(",",1fr);"],e),tablet:t(["grid-template-columns:repeat(2,1fr);"]),mobile:t(["grid-template-columns:1fr;"])}))));export{o as DescriptionCardGridStyled};
+import{styled as e,css as t}from"styled-components";import{adaptive as i}from"../../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__DescriptionCardGridStyled",componentId:"sc-fo4yup-0"})(["display:grid;justify-items:center;gap:34px;",""],i(({$columns:e})=>({desktop:t(["grid-template-columns:repeat(",",1fr);"],e),tablet:t(["grid-template-columns:repeat(2,1fr);"]),mobile:t(["grid-template-columns:1fr;"])})));export{o as DescriptionCardGridStyled};

package/dist/components/description/card/index.js

@@ -1 +1 @@
-import{__rest as r}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useCallback as o}from"react";import{DescriptionCardStyled as a,DescriptionCardBorderWrapper as n,DescriptionCardBackgroundWrapper as s,DescriptionCardBackground as d,DescriptionCardContent as c,DescriptionCardTitle as p,DescriptionCardTertiaryTitle as l,DescriptionCardText as y,DescriptionCardTertiaryText as m}from"./styled.js";export{DescriptionCardButton,DescriptionCardButtonsWrapper,DescriptionCardLiContent,DescriptionCardLiStled,DescriptionCardUlStyled}from"./styled.js";import{LinksIcon as v}from"../../../icons/links/index.js";import"../../../theme/index.js";import"./grid/styled.js";import{useTheme as g}from"../../../theme/hook.js";const f=f=>{var{icon:u=t(v,{}),title:h,descriptionCardType:x,text:$,children:C,variant:M="main"}=f,j=r(f,["icon","title","descriptionCardType","text","children","variant"]);const b=g(),[L,T]=i(0),[D,k]=i(0),B=o((r=>{var t;const e=r.pageX-r.currentTarget.offsetLeft,i=r.pageY-r.currentTarget.offsetTop;T(e),k(i),null===(t=j.onMouseMove)||void 0===t||t.call(j,r)}),[j.onMouseMove]),S=o((r=>{var t;T(0),k(0),null===(t=j.onMouseLeave)||void 0===t||t.call(j,r)}),[j.onMouseLeave]);return t(a,Object.assign({},j,{$variant:M,$descriptionCardType:x,onMouseMove:B,onMouseLeave:S,children:t(n,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(100% 100% at ${L}px ${D}px, ${b.colors.accent.primary}, rgba(0, 0, 0, 0.0))`}:{},children:e(s,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(80% 70% at ${L}px ${D}px, rgba(28, 100, 242, 0.38) 9.34%, rgba(0, 0, 0, 0.00) 100%), #121825`}:{},children:["tertiary"===M&&t(d,{$variant:M}),e(c,{$variant:M,children:["tertiary"===M&&u,"tertiary"!==M&&("string"==typeof h?t(p,{children:h}):h),"tertiary"===M&&("string"==typeof h?t(l,{children:h}):h),"tertiary"!==M&&("string"==typeof $?t(y,{children:$}):$),"tertiary"===M&&("string"==typeof $?t(m,{children:$}):$),C]})]})})}))};export{f as DescriptionCard,d as DescriptionCardBackground,s as DescriptionCardBackgroundWrapper,n as DescriptionCardBorderWrapper,c as DescriptionCardContent,a as DescriptionCardStyled,m as DescriptionCardTertiaryText,l as DescriptionCardTertiaryTitle,y as DescriptionCardText,p as DescriptionCardTitle};
+import{__rest as r}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useCallback as o}from"react";import{DescriptionCardStyled as a,DescriptionCardBorderWrapper as n,DescriptionCardBackgroundWrapper as s,DescriptionCardBackground as d,DescriptionCardContent as c,DescriptionCardTitle as p,DescriptionCardTertiaryTitle as l,DescriptionCardText as y,DescriptionCardTertiaryText as m}from"./styled.js";export{DescriptionCardButton,DescriptionCardButtonsWrapper,DescriptionCardLiContent,DescriptionCardLiStled,DescriptionCardUlStyled}from"./styled.js";import{LinksIcon as v}from"../../../icons/links/index.js";import"../../../theme/index.js";import"./grid/styled.js";import{useTheme as g}from"../../../theme/hook.js";const f=f=>{var{icon:u=t(v,{}),title:h,descriptionCardType:x,text:$,children:C,variant:M="main"}=f,j=r(f,["icon","title","descriptionCardType","text","children","variant"]);const b=g(),[L,T]=i(0),[D,k]=i(0),B=o(r=>{var t;const e=r.pageX-r.currentTarget.offsetLeft,i=r.pageY-r.currentTarget.offsetTop;T(e),k(i),null===(t=j.onMouseMove)||void 0===t||t.call(j,r)},[j.onMouseMove]),S=o(r=>{var t;T(0),k(0),null===(t=j.onMouseLeave)||void 0===t||t.call(j,r)},[j.onMouseLeave]);return t(a,Object.assign({},j,{$variant:M,$descriptionCardType:x,onMouseMove:B,onMouseLeave:S,children:t(n,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(100% 100% at ${L}px ${D}px, ${b.colors.accent.primary}, rgba(0, 0, 0, 0.0))`}:{},children:e(s,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(80% 70% at ${L}px ${D}px, rgba(28, 100, 242, 0.38) 9.34%, rgba(0, 0, 0, 0.00) 100%), #121825`}:{},children:["tertiary"===M&&t(d,{$variant:M}),e(c,{$variant:M,children:["tertiary"===M&&u,"tertiary"!==M&&("string"==typeof h?t(p,{children:h}):h),"tertiary"===M&&("string"==typeof h?t(l,{children:h}):h),"tertiary"!==M&&("string"==typeof $?t(y,{children:$}):$),"tertiary"===M&&("string"==typeof $?t(m,{children:$}):$),C]})]})})}))};export{f as DescriptionCard,d as DescriptionCardBackground,s as DescriptionCardBackgroundWrapper,n as DescriptionCardBorderWrapper,c as DescriptionCardContent,a as DescriptionCardStyled,m as DescriptionCardTertiaryText,l as DescriptionCardTertiaryTitle,y as DescriptionCardText,p as DescriptionCardTitle};

package/dist/components/description/card/styled.d.ts

@@ -18,8 +18,13 @@ export interface DescriptionCardTitleProps extends TypographyProps {
     $variant: DescriptionCardVariant;
 }
 export declare const DescriptionCardTitle: 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;
@@ -68,6 +73,10 @@ export declare const DescriptionCardTitle: import("styled-components").IStyledCo
     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;
@@ -276,6 +285,8 @@ export declare const DescriptionCardTitle: import("styled-components").IStyledCo
     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;
@@ -284,18 +295,26 @@ export declare const DescriptionCardTitle: import("styled-components").IStyledCo
     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 DescriptionCardTertiaryTitle: 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;
@@ -344,6 +363,10 @@ export declare const DescriptionCardTertiaryTitle: import("styled-components").I
     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;
@@ -552,6 +575,8 @@ export declare const DescriptionCardTertiaryTitle: import("styled-components").I
     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;
@@ -560,18 +585,26 @@ export declare const DescriptionCardTertiaryTitle: import("styled-components").I
     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 DescriptionCardText: 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;
@@ -620,6 +653,10 @@ export declare const DescriptionCardText: import("styled-components").IStyledCom
     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;
@@ -828,6 +865,8 @@ export declare const DescriptionCardText: import("styled-components").IStyledCom
     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;
@@ -836,18 +875,26 @@ export declare const DescriptionCardText: import("styled-components").IStyledCom
     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 DescriptionCardTertiaryText: 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;
@@ -896,6 +943,10 @@ export declare const DescriptionCardTertiaryText: import("styled-components").IS
     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;
@@ -1104,6 +1155,8 @@ export declare const DescriptionCardTertiaryText: import("styled-components").IS
     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;
@@ -1112,17 +1165,20 @@ export declare const DescriptionCardTertiaryText: import("styled-components").IS
     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 DescriptionCardButtonsWrapper: 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;
@@ -1171,6 +1227,10 @@ export declare const DescriptionCardButtonsWrapper: import("styled-components").
     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;
@@ -1380,6 +1440,8 @@ export declare const DescriptionCardButtonsWrapper: import("styled-components").
     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;
@@ -1388,17 +1450,23 @@ export declare const DescriptionCardButtonsWrapper: import("styled-components").
     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 DescriptionCardButton: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -1445,6 +1513,10 @@ export declare const DescriptionCardButton: import("styled-components").IStyledC
     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;
@@ -1650,6 +1722,8 @@ export declare const DescriptionCardButton: import("styled-components").IStyledC
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1657,35 +1731,45 @@ export declare const DescriptionCardButton: import("styled-components").IStyledC
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
 export declare const DescriptionCardStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: DescriptionCardVariant;
     $descriptionCardType?: TDescriptionCard;
 }>>;
 export declare const DescriptionCardUlStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLUListElement> | undefined;
+    ref?: import("react").Ref<HTMLUListElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1734,6 +1818,10 @@ export declare const DescriptionCardUlStyled: import("styled-components").IStyle
     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;
@@ -1943,6 +2031,8 @@ export declare const DescriptionCardUlStyled: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLUListElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLUListElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLUListElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLUListElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLUListElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
@@ -1951,11 +2041,19 @@ export declare const DescriptionCardUlStyled: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLUListElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLUListElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
 }>;
 export declare const DescriptionCardLiStled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLLIElement> | undefined;
+    ref?: import("react").Ref<HTMLLIElement> | undefined;
     key?: import("react").Key | null | undefined;
     value?: string | number | readonly string[] | undefined;
     defaultChecked?: boolean | undefined | undefined;
@@ -2005,6 +2103,10 @@ export declare const DescriptionCardLiStled: import("styled-components").IStyled
     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;
@@ -2214,6 +2316,8 @@ export declare const DescriptionCardLiStled: import("styled-components").IStyled
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLIElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLLIElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLLIElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLLIElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLLIElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLLIElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLLIElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
@@ -2222,12 +2326,25 @@ export declare const DescriptionCardLiStled: import("styled-components").IStyled
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLLIElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLLIElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
 }>;
 export declare const DescriptionCardLiContent: 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;
@@ -2276,6 +2393,10 @@ export declare const DescriptionCardLiContent: import("styled-components").IStyl
     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;
@@ -2484,6 +2605,8 @@ export declare const DescriptionCardLiContent: import("styled-components").IStyl
     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;
@@ -2492,12 +2615,15 @@ export declare const DescriptionCardLiContent: import("styled-components").IStyl
     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/description/card/styled.js

@@ -1,10 +1,10 @@
-import{styled as t,css as i}from"styled-components";import{Typography as a}from"../../typography/index.js";import{Button as e}from"../../button/index.js";const d=t.div.withConfig({displayName:"styled__DescriptionCardBorderWrapper",componentId:"sc-1ylto9n-0"})(["padding:1px;border-radius:12px;height:100%;width:100%;",""],(({$variant:t,theme:a})=>"tertiary"===t?i`
+import{styled as t,css as i}from"styled-components";import{Typography as a}from"../../typography/index.js";import{Button as e}from"../../button/index.js";const d=t.div.withConfig({displayName:"styled__DescriptionCardBorderWrapper",componentId:"sc-1ylto9n-0"})(["padding:1px;border-radius:12px;height:100%;width:100%;",""],({$variant:t,theme:a})=>"tertiary"===t?i`
           background: radial-gradient(
             50% 100% at 150px -10%,
             ${a.colors.accent.primary},
             rgba(0, 0, 0, 0)
           );
-        `:i``)),o=t.div.withConfig({displayName:"styled__DescriptionCardBackgroundWrapper",componentId:"sc-1ylto9n-1"})(["position:relative;border-radius:12px;overflow:hidden;height:100%;width:100%;"]),n=t.div.withConfig({displayName:"styled__DescriptionCardContent",componentId:"sc-1ylto9n-2"})(["width:100%;height:100%;position:relative;box-sizing:border-box;",""],(({$variant:t,theme:a})=>{switch(t){case"tertiary":return i`
+        `:i``),o=t.div.withConfig({displayName:"styled__DescriptionCardBackgroundWrapper",componentId:"sc-1ylto9n-1"})(["position:relative;border-radius:12px;overflow:hidden;height:100%;width:100%;"]),n=t.div.withConfig({displayName:"styled__DescriptionCardContent",componentId:"sc-1ylto9n-2"})(["width:100%;height:100%;position:relative;box-sizing:border-box;",""],({$variant:t,theme:a})=>{switch(t){case"tertiary":return i`
           display: flex;
           flex-direction: column;
           align-items: flex-start;
@@ -35,9 +35,9 @@ import{styled as t,css as i}from"styled-components";import{Typography as a}from"
           @media (max-width: ${a.mobile.maxWidth}) {
             padding: 16px;
           }
-        `}})),r=t.div.withConfig({displayName:"styled__DescriptionCardBackground",componentId:"sc-1ylto9n-3"})(["position:absolute;width:100%;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;",""],(({theme:t,$variant:a})=>{if("tertiary"===a)return i`
+        `}}),r=t.div.withConfig({displayName:"styled__DescriptionCardBackground",componentId:"sc-1ylto9n-3"})(["position:absolute;width:100%;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;",""],({theme:t,$variant:a})=>{if("tertiary"===a)return i`
           background-color: ${t.colors.grayScale.gray4};
-        `})),p=t(a).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__DescriptionCardTitle",componentId:"sc-1ylto9n-4"})(["z-index:1;color:",";"],(({theme:t})=>t.default.colors.base.white)),m=t(a).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__DescriptionCardTertiaryTitle",componentId:"sc-1ylto9n-5"})(["margin-top:16px;@media (max-width:","){margin-top:14px;}@media (max-width:","){margin-top:10px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),l=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardText",componentId:"sc-1ylto9n-6"})(["z-index:2;color:",";margin-top:16px;"],(({theme:t})=>t.default.colors.base.white)),x=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardTertiaryText",componentId:"sc-1ylto9n-7"})(["margin-top:12px;"]),s=t.div.withConfig({displayName:"styled__DescriptionCardButtonsWrapper",componentId:"sc-1ylto9n-8"})(["margin-top:20px;display:flex;column-gap:16px;z-index:2;@media (max-width:550px){margin-bottom:0px;margin-left:auto;margin-right:auto;}"]),h=t(e).withConfig({displayName:"styled__DescriptionCardButton",componentId:"sc-1ylto9n-9"})([""]),c=t.div.withConfig({displayName:"styled__DescriptionCardStyled",componentId:"sc-1ylto9n-10"})(["display:flex;width:100%;min-height:180px;max-width:630px;aspect-ratio:auto;"," "," ",""],(({$variant:t,theme:a,$descriptionCardType:e})=>"main"===t&&i`
+        `}),p=t(a).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__DescriptionCardTitle",componentId:"sc-1ylto9n-4"})(["z-index:1;color:",";"],({theme:t})=>t.default.colors.base.white),m=t(a).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__DescriptionCardTertiaryTitle",componentId:"sc-1ylto9n-5"})(["margin-top:16px;@media (max-width:","){margin-top:14px;}@media (max-width:","){margin-top:10px;}"],({theme:t})=>t.tablet.maxWidth,({theme:t})=>t.mobile.maxWidth),l=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardText",componentId:"sc-1ylto9n-6"})(["z-index:2;color:",";margin-top:16px;"],({theme:t})=>t.default.colors.base.white),x=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardTertiaryText",componentId:"sc-1ylto9n-7"})(["margin-top:12px;"]),s=t.div.withConfig({displayName:"styled__DescriptionCardButtonsWrapper",componentId:"sc-1ylto9n-8"})(["margin-top:20px;display:flex;column-gap:16px;z-index:2;@media (max-width:550px){margin-bottom:0px;margin-left:auto;margin-right:auto;}"]),h=t(e).withConfig({displayName:"styled__DescriptionCardButton",componentId:"sc-1ylto9n-9"})([""]),c=t.div.withConfig({displayName:"styled__DescriptionCardStyled",componentId:"sc-1ylto9n-10"})(["display:flex;width:100%;min-height:180px;max-width:630px;aspect-ratio:auto;"," "," ",""],({$variant:t,theme:a,$descriptionCardType:e})=>"main"===t&&i`
       height: ${"collaborate"===e?"498px":"476px"};
       @media (max-width: 1600px) {
         height: ${"collaborate"===e&&"565px"};
@@ -64,7 +64,7 @@ import{styled as t,css as i}from"styled-components";import{Typography as a}from"
         background-repeat: no-repeat;
         background-position: bottom right;
       }
-    `),(({$variant:t,theme:a})=>"secondary"===t&&i`
+    `,({$variant:t,theme:a})=>"secondary"===t&&i`
       @media (max-width: ${a.mobile.maxWidth}) {
         min-height: auto;
         height: auto;
@@ -72,9 +72,9 @@ import{styled as t,css as i}from"styled-components";import{Typography as a}from"
           background-size: cover;
         }
       }
-    `),(({theme:t,$variant:a})=>"tertiary"===a&&i`
+    `,({theme:t,$variant:a})=>"tertiary"===a&&i`
       max-width: 300px;
       @media (max-width: ${t.tablet.maxWidth}) {
         max-width: 365px;
       }
-    `)),g=t.ul.withConfig({displayName:"styled__DescriptionCardUlStyled",componentId:"sc-1ylto9n-11"})(["margin:0;padding:0;padding-right:20px;z-index:2;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;row-gap:16px;@media (min-width:1600px){padding-right:60px;}"]),y=t.li.withConfig({displayName:"styled__DescriptionCardLiStled",componentId:"sc-1ylto9n-12"})(["margin:0;list-style:none;padding:0;display:flex;z-index:2;align-items:center;column-gap:16px;"]),w=t(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DescriptionCardLiContent",componentId:"sc-1ylto9n-13"})([""]);export{r as DescriptionCardBackground,o as DescriptionCardBackgroundWrapper,d as DescriptionCardBorderWrapper,h as DescriptionCardButton,s as DescriptionCardButtonsWrapper,n as DescriptionCardContent,w as DescriptionCardLiContent,y as DescriptionCardLiStled,c as DescriptionCardStyled,x as DescriptionCardTertiaryText,m as DescriptionCardTertiaryTitle,l as DescriptionCardText,p as DescriptionCardTitle,g as DescriptionCardUlStyled};
+    `),g=t.ul.withConfig({displayName:"styled__DescriptionCardUlStyled",componentId:"sc-1ylto9n-11"})(["margin:0;padding:0;padding-right:20px;z-index:2;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;row-gap:16px;@media (min-width:1600px){padding-right:60px;}"]),y=t.li.withConfig({displayName:"styled__DescriptionCardLiStled",componentId:"sc-1ylto9n-12"})(["margin:0;list-style:none;padding:0;display:flex;z-index:2;align-items:center;column-gap:16px;"]),w=t(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DescriptionCardLiContent",componentId:"sc-1ylto9n-13"})([""]);export{r as DescriptionCardBackground,o as DescriptionCardBackgroundWrapper,d as DescriptionCardBorderWrapper,h as DescriptionCardButton,s as DescriptionCardButtonsWrapper,n as DescriptionCardContent,w as DescriptionCardLiContent,y as DescriptionCardLiStled,c as DescriptionCardStyled,x as DescriptionCardTertiaryText,m as DescriptionCardTertiaryTitle,l as DescriptionCardText,p as DescriptionCardTitle,g as DescriptionCardUlStyled};

package/dist/components/developer-key/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as r}from"react";import{DeveloperKeyWrapper as l,DeveloperKeyLabel as i,DeveloperKeyContent as s,DeveloperKeyStyled as n,DeveloperKeyValue as c,DeveloperKeyCopyIcon as p,DeveloperKeyDeleteButton as m,DeveloperKeyDeleteIcon as d}from"./styled.js";import"../../theme/index.js";import"tslib";import{IconProvider as a}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import{CheckSmallIcon as y}from"../../icons/check-small/index.js";import{CopyIcon as h}from"../../icons/copy/index.js";import{Skeleton as j}from"../skeleton/index.js";export{AddDeveloperKeyButton,DeveloperKeyList,DeveloperKeysButtons,DeveloperKeysHeader,DeveloperKeysIcon,DeveloperKeysStyled,DeveloperKeysTitle}from"./list/styled.js";import{useTheme as f}from"../../theme/hook.js";const x=({id:x,className:k,tabIndex:u=0,skeleton:D=!1,label:v,children:K,onCopy:b,onDelete:g})=>{const B=f(),[C,I]=t(!1),[$,w]=t(!1),z=r((()=>{I(!1),w(!1)}),[]),L=r((()=>{D||$||("string"==typeof K&&(null==b||b(K)),w(!0))}),[D,$,K,b]),N=r((()=>{D||(I(!0),L())}),[D]),S=r((()=>{D||null==g||g(x)}),[D,x,g]);return e(a,{children:o(l,{$skeleton:D,children:[v&&e(i,{children:v}),o(s,{children:[o(n,{$skeleton:D,className:k,tabIndex:u,onFocus:N,onBlur:z,onClick:L,children:[!D&&e(c,{children:K}),D&&e(c,{children:e(j,{fullWidth:!0})}),e(p,{as:C?y:h,size:18,fill:C?B.colors.accent.primaryLight:B.colors.grayScale.gray1})]}),e(m,{onClick:S,$skeleton:D,children:e(d,{size:20})})]})]})})};export{x as DeveloperKey};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as r}from"react";import{DeveloperKeyWrapper as l,DeveloperKeyLabel as i,DeveloperKeyContent as s,DeveloperKeyStyled as n,DeveloperKeyValue as c,DeveloperKeyCopyIcon as m,DeveloperKeyDeleteButton as p,DeveloperKeyDeleteIcon as d}from"./styled.js";import"../../theme/index.js";import"tslib";import{IconProvider as a}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import{CheckSmallIcon as y}from"../../icons/check-small/index.js";import{CopyIcon as h}from"../../icons/copy/index.js";import{Skeleton as j}from"../skeleton/index.js";export{AddDeveloperKeyButton,DeveloperKeyList,DeveloperKeysButtons,DeveloperKeysHeader,DeveloperKeysIcon,DeveloperKeysStyled,DeveloperKeysTitle}from"./list/styled.js";import{useTheme as f}from"../../theme/hook.js";const x=({id:x,className:k,tabIndex:u=0,skeleton:D=!1,label:v,children:K,onCopy:b,onDelete:g})=>{const w=f(),[B,C]=t(!1),[I,$]=t(!1),z=r(()=>{C(!1),$(!1)},[]),L=r(()=>{D||I||("string"==typeof K&&(null==b||b(K)),$(!0))},[D,I,K,b]),N=r(()=>{D||(C(!0),L())},[D]),S=r(()=>{D||null==g||g(x)},[D,x,g]);return e(a,{children:o(l,{$skeleton:D,children:[v&&e(i,{children:v}),o(s,{children:[o(n,{$skeleton:D,className:k,tabIndex:u,onFocus:N,onBlur:z,onClick:L,children:[!D&&e(c,{children:K}),D&&e(c,{children:e(j,{fullWidth:!0})}),e(m,{as:B?y:h,size:18,fill:B?w.colors.accent.primaryLight:w.colors.grayScale.gray1})]}),e(p,{onClick:S,$skeleton:D,children:e(d,{size:20})})]})]})})};export{x as DeveloperKey};