@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/developer-key/styled.js

@@ -1,6 +1,6 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../typography/index.js";import{CopyIcon as r}from"../../icons/copy/index.js";import{TrashIcon as i}from"../../icons/trash/index.js";const n=e.div.withConfig({displayName:"styled__DeveloperKeyWrapper",componentId:"sc-1xktcip-0"})(["display:flex;"," max-width:100%;flex-direction:column;align-items:flex-start;gap:8px;"],(({$skeleton:e})=>e&&o`
+import{styled as e,css as o}from"styled-components";import{Typography as t}from"../typography/index.js";import{CopyIcon as r}from"../../icons/copy/index.js";import{TrashIcon as i}from"../../icons/trash/index.js";const n=e.div.withConfig({displayName:"styled__DeveloperKeyWrapper",componentId:"sc-1xktcip-0"})(["display:flex;"," max-width:100%;flex-direction:column;align-items:flex-start;gap:8px;"],({$skeleton:e})=>e&&o`
       width: 100%;
-    `)),s=e.div.withConfig({displayName:"styled__DeveloperKeyStyled",componentId:"sc-1xktcip-1"})(["display:flex;align-items:center;gap:10px;width:100%;max-width:1000px;background:",";padding:18px 16px;border:1px solid ",";border-radius:8px;overflow:hidden;",""],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.colors.grayScale.gray2),(({$skeleton:e})=>e?o`
+    `),s=e.div.withConfig({displayName:"styled__DeveloperKeyStyled",componentId:"sc-1xktcip-1"})(["display:flex;align-items:center;gap:10px;width:100%;max-width:1000px;background:",";padding:18px 16px;border:1px solid ",";border-radius:8px;overflow:hidden;",""],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray2,({$skeleton:e})=>e?o`
         cursor: progress;
       `:o`
       cursor: pointer;
@@ -11,7 +11,7 @@ import{styled as e,css as o}from"styled-components";import{Typography as t}from"
         border-color: ${({theme:e})=>e.colors.accent.primary};
         cursor: default;
       }
-    `)),l=e.div.withConfig({displayName:"styled__DeveloperKeyContent",componentId:"sc-1xktcip-2"})(["display:flex;width:100%;align-items:center;justify-content:center;gap:20px;"]),a=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__DeveloperKeyLabel",componentId:"sc-1xktcip-3"})([""]),p=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DeveloperKeyValue",componentId:"sc-1xktcip-4"})(["text-overflow:ellipsis;width:100%;overflow:hidden;white-space:nowrap;color:",";user-select:none;"],(({theme:e})=>e.default.colors.grayScale.gray1)),c=e(r).withConfig({displayName:"styled__DeveloperKeyCopyIcon",componentId:"sc-1xktcip-5"})([""]),d=e.button.withConfig({displayName:"styled__DeveloperKeyDeleteButton",componentId:"sc-1xktcip-6"})(["all:unset;margin:0;border:none;display:flex;justify-content:center;align-items:center;"," transition:0.05s ease-in-out;"],(({$skeleton:e})=>e?o`
+    `),l=e.div.withConfig({displayName:"styled__DeveloperKeyContent",componentId:"sc-1xktcip-2"})(["display:flex;width:100%;align-items:center;justify-content:center;gap:20px;"]),a=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__DeveloperKeyLabel",componentId:"sc-1xktcip-3"})([""]),p=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DeveloperKeyValue",componentId:"sc-1xktcip-4"})(["text-overflow:ellipsis;width:100%;overflow:hidden;white-space:nowrap;color:",";user-select:none;"],({theme:e})=>e.default.colors.grayScale.gray1),c=e(r).withConfig({displayName:"styled__DeveloperKeyCopyIcon",componentId:"sc-1xktcip-5"})([""]),d=e.button.withConfig({displayName:"styled__DeveloperKeyDeleteButton",componentId:"sc-1xktcip-6"})(["all:unset;margin:0;border:none;display:flex;justify-content:center;align-items:center;"," transition:0.05s ease-in-out;"],({$skeleton:e})=>e?o`
           &:hover {
             cursor: progress;
           }
@@ -24,4 +24,4 @@ import{styled as e,css as o}from"styled-components";import{Typography as t}from"
             opacity: 0.6;
             transform: translateY(1px);
           }
-        `)),y=e(i).withConfig({displayName:"styled__DeveloperKeyDeleteIcon",componentId:"sc-1xktcip-7"})([""]);export{l as DeveloperKeyContent,c as DeveloperKeyCopyIcon,d as DeveloperKeyDeleteButton,y as DeveloperKeyDeleteIcon,a as DeveloperKeyLabel,s as DeveloperKeyStyled,p as DeveloperKeyValue,n as DeveloperKeyWrapper};
+        `),y=e(i).withConfig({displayName:"styled__DeveloperKeyDeleteIcon",componentId:"sc-1xktcip-7"})([""]);export{l as DeveloperKeyContent,c as DeveloperKeyCopyIcon,d as DeveloperKeyDeleteButton,y as DeveloperKeyDeleteIcon,a as DeveloperKeyLabel,s as DeveloperKeyStyled,p as DeveloperKeyValue,n as DeveloperKeyWrapper};

package/dist/components/divider/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const DividerContainer: 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 DividerContainer: 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;
@@ -257,6 +261,8 @@ export declare const DividerContainer: import("styled-components").IStyledCompon
     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,11 +271,19 @@ export declare const DividerContainer: import("styled-components").IStyledCompon
     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 DividerStyled: 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;
@@ -318,6 +332,10 @@ export declare const DividerStyled: 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 +545,8 @@ export declare const DividerStyled: import("styled-components").IStyledComponent
     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;
@@ -535,6 +555,14 @@ export declare const DividerStyled: import("styled-components").IStyledComponent
     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;
 }>;

package/dist/components/divider/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";const t=e.div.withConfig({displayName:"styled__DividerContainer",componentId:"sc-kb5ol7-0"})(["display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:2px 0;& *{color:",";}"],(({theme:e})=>e.colors.grayScale.gray1)),i=e.div.withConfig({displayName:"styled__DividerStyled",componentId:"sc-kb5ol7-1"})(["display:flex;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray2));export{t as DividerContainer,i as DividerStyled};
+import{styled as e}from"styled-components";const t=e.div.withConfig({displayName:"styled__DividerContainer",componentId:"sc-kb5ol7-0"})(["display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:2px 0;& *{color:",";}"],({theme:e})=>e.colors.grayScale.gray1),i=e.div.withConfig({displayName:"styled__DividerStyled",componentId:"sc-kb5ol7-1"})(["display:flex;width:100%;height:1px;background:",";"],({theme:e})=>e.colors.grayScale.gray2);export{t as DividerContainer,i as DividerStyled};

package/dist/components/drawer/index.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as t}from"react";import{createPortal as c}from"react-dom";import{Overlay as d,Component as i,Header as s,Title as u,CloseButton as m,Content as a}from"./styled.js";import{CloseIcon as p}from"../../icons/close/index.js";const v=({title:v,open:y,onClose:L,children:f})=>{const[h,k]=r(!1),[b,w]=r(!1),x=l(null),_=l(null);t((()=>{h||k(!0)}),[h]),t((()=>{const e=e=>{"Escape"===e.key&&w(!1)};return window.addEventListener("keyup",e),()=>{window.removeEventListener("keyup",e)}}),[]),t((()=>{w(y)}),[y]),t((()=>{var e,o,n,r;let l=null;return b?(null===(e=_.current)||void 0===e||e.classList.add("_opened"),null===(o=x.current)||void 0===o||o.classList.add("_opened"),document.body.classList.add("lock-scroll")):(null===(n=_.current)||void 0===n||n.classList.remove("_opened"),null===(r=x.current)||void 0===r||r.classList.remove("_opened"),document.body.classList.remove("lock-scroll"),l=setTimeout((()=>{null==L||L()}),200)),()=>{l&&clearTimeout(l)}}),[b,L]);const j=()=>{w(!1)};return y?c(e(o,{children:[n(d,{ref:x,onClick:j}),e(i,{ref:_,children:[e(s,{children:[v&&n(u,{variant:"body-xl-semibold",children:v}),n(m,{onClick:j,type:"button",children:n(p,{})})]}),n(a,{children:f})]})]}),document.body):null};export{v as Drawer};
+import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as t}from"react";import{createPortal as c}from"react-dom";import{Overlay as d,Component as i,Header as s,Title as u,CloseButton as m,Content as a}from"./styled.js";import{CloseIcon as p}from"../../icons/close/index.js";const v=({title:v,open:y,onClose:L,children:f})=>{const[h,k]=r(!1),[b,w]=r(!1),x=l(null),_=l(null);t(()=>{h||k(!0)},[h]),t(()=>{const e=e=>{"Escape"===e.key&&w(!1)};return window.addEventListener("keyup",e),()=>{window.removeEventListener("keyup",e)}},[]),t(()=>{w(y)},[y]),t(()=>{var e,o,n,r;let l=null;return b?(null===(e=_.current)||void 0===e||e.classList.add("_opened"),null===(o=x.current)||void 0===o||o.classList.add("_opened"),document.body.classList.add("lock-scroll")):(null===(n=_.current)||void 0===n||n.classList.remove("_opened"),null===(r=x.current)||void 0===r||r.classList.remove("_opened"),document.body.classList.remove("lock-scroll"),l=setTimeout(()=>{null==L||L()},200)),()=>{l&&clearTimeout(l)}},[b,L]);const j=()=>{w(!1)};return y?c(e(o,{children:[n(d,{ref:x,onClick:j}),e(i,{ref:_,children:[e(s,{children:[v&&n(u,{variant:"body-xl-semibold",children:v}),n(m,{onClick:j,type:"button",children:n(p,{})})]}),n(a,{children:f})]})]}),document.body):null};export{v as Drawer};

package/dist/components/drawer/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const Overlay: 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 Overlay: import("styled-components").IStyledComponent<"web"
     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 Overlay: import("styled-components").IStyledComponent<"web"
     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,11 +271,19 @@ export declare const Overlay: import("styled-components").IStyledComponent<"web"
     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 Component: 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;
@@ -318,6 +332,10 @@ export declare const Component: import("styled-components").IStyledComponent<"we
     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 +545,8 @@ export declare const Component: import("styled-components").IStyledComponent<"we
     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;
@@ -535,11 +555,19 @@ export declare const Component: import("styled-components").IStyledComponent<"we
     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 Header: 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;
@@ -588,6 +616,10 @@ export declare const Header: import("styled-components").IStyledComponent<"web",
     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;
@@ -797,6 +829,8 @@ export declare const Header: import("styled-components").IStyledComponent<"web",
     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;
@@ -805,12 +839,25 @@ export declare const Header: import("styled-components").IStyledComponent<"web",
     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 Title: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
+    component?: import("../typography").TypographyComponent | undefined;
+    align?: import("../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;
@@ -859,6 +906,10 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     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;
@@ -1067,6 +1118,8 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     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;
@@ -1075,21 +1128,24 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     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("../typography").TypographyAlign | undefined;
-    component?: import("../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 CloseButton: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
+    ref?: import("react").Ref<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -1144,6 +1200,10 @@ export declare const CloseButton: 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;
@@ -1353,6 +1413,8 @@ export declare const CloseButton: import("styled-components").IStyledComponent<"
     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;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1361,11 +1423,19 @@ export declare const CloseButton: import("styled-components").IStyledComponent<"
     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;
 }>;
 export declare const Content: 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;
@@ -1414,6 +1484,10 @@ export declare const Content: import("styled-components").IStyledComponent<"web"
     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;
@@ -1623,6 +1697,8 @@ export declare const Content: import("styled-components").IStyledComponent<"web"
     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;
@@ -1631,6 +1707,14 @@ export declare const Content: import("styled-components").IStyledComponent<"web"
     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;
 }>;

package/dist/components/drawer/styled.js

@@ -1 +1 @@
-import{styled as e}from"styled-components";import{Typography as o}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__Overlay",componentId:"sc-ixe1my-0"})(["position:fixed;pointer-events:auto;width:100%;height:100%;inset:0;background-color:rgba(0,0,0,0.65);transition:opacity 0.2s linear;z-index:",";opacity:0;&._opened{opacity:1;}"],(({theme:e})=>e.zIndex.modal-1)),i=e.div.withConfig({displayName:"styled__Component",componentId:"sc-ixe1my-1"})(["padding:56px 20px 20px 20px;z-index:",";background-color:",";height:100%;position:fixed;top:0;width:470px;right:-470px;transition:transform 0.2s linear;&._opened{transform:translateX(-100%);}@media (max-width:","){width:100%;right:-100%;}"],(({theme:e})=>e.zIndex.modal-1),(e=>e.theme.colors.grayScale.gray4),(({theme:e})=>e.mobile.maxWidth)),n=e.div.withConfig({displayName:"styled__Header",componentId:"sc-ixe1my-2"})(["display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem;"]),d=e(o).attrs({variant:"body-xl-semibold"}).withConfig({displayName:"styled__Title",componentId:"sc-ixe1my-3"})([""]),a=e.button.withConfig({displayName:"styled__CloseButton",componentId:"sc-ixe1my-4"})(["margin-left:auto;outline:none;background:none;border:none;cursor:pointer;&:hover{path{fill:",";}}"],(({theme:e})=>e.colors.base.white)),r=e.div.withConfig({displayName:"styled__Content",componentId:"sc-ixe1my-5"})(["overflow-y:scroll;overflow-x:hidden;max-height:calc(100% - 2rem);padding-bottom:2.4rem;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);export{a as CloseButton,i as Component,r as Content,n as Header,t as Overlay,d as Title};
+import{styled as e}from"styled-components";import{Typography as o}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__Overlay",componentId:"sc-ixe1my-0"})(["position:fixed;pointer-events:auto;width:100%;height:100%;inset:0;background-color:rgba(0,0,0,0.65);transition:opacity 0.2s linear;z-index:",";opacity:0;&._opened{opacity:1;}"],({theme:e})=>e.zIndex.modal-1),i=e.div.withConfig({displayName:"styled__Component",componentId:"sc-ixe1my-1"})(["padding:56px 20px 20px 20px;z-index:",";background-color:",";height:100%;position:fixed;top:0;width:470px;right:-470px;transition:transform 0.2s linear;&._opened{transform:translateX(-100%);}@media (max-width:","){width:100%;right:-100%;}"],({theme:e})=>e.zIndex.modal-1,e=>e.theme.colors.grayScale.gray4,({theme:e})=>e.mobile.maxWidth),n=e.div.withConfig({displayName:"styled__Header",componentId:"sc-ixe1my-2"})(["display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem;"]),d=e(o).attrs({variant:"body-xl-semibold"}).withConfig({displayName:"styled__Title",componentId:"sc-ixe1my-3"})([""]),a=e.button.withConfig({displayName:"styled__CloseButton",componentId:"sc-ixe1my-4"})(["margin-left:auto;outline:none;background:none;border:none;cursor:pointer;&:hover{path{fill:",";}}"],({theme:e})=>e.colors.base.white),r=e.div.withConfig({displayName:"styled__Content",componentId:"sc-ixe1my-5"})(["overflow-y:scroll;overflow-x:hidden;max-height:calc(100% - 2rem);padding-bottom:2.4rem;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);export{a as CloseButton,i as Component,r as Content,n as Header,t as Overlay,d as Title};

package/dist/components/dropzone-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import a,{forwardRef as t,useId as i,useState as n,useCallback as d}from"react";import{Typography as o}from"../typography/index.js";import{DropzoneFieldStyled as p,DropzoneFieldLabels as s,DropzoneFieldRightLabelsContainer as c,DropzoneFieldRightLabel as f,DropzoneFieldInput as m,DropzoneFieldPlaceholder as u}from"./styled.js";const h=t(((t,h)=>{var{leftLabel:g,rightLabels:v,placeholder:b,files:y,onChange:D,fullWidth:L=!1,disabled:j=!1,multiple:x=!0,accept:C}=t,W=e(t,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const w=i(),[A,M]=n(!1),O=d((e=>{null==D||D(e)}),[D]),[T,F]=Array.isArray(y)?[y,O]:n([]),$=d((e=>{var l;const r=[...null!==(l=e.currentTarget.files)&&void 0!==l?l:[]];F(x?[...new Map([...T,...r].map((e=>[e.name,e]))).values()]:[...r].slice(0,1))}),[T,F,x]),k=d((e=>{var l;e.preventDefault();const r=[...null!==(l=e.dataTransfer.files)&&void 0!==l?l:[]].filter((e=>null==C?void 0:C.includes(e.type)));F(x?[...new Map([...T,...r].map((e=>[e.name,e]))).values()]:[...r].slice(0,1)),M(!1)}),[T,F,x,C]),q=d((e=>{e.preventDefault(),M(!0)}),[]),z=d((e=>{e.preventDefault(),M(!1)}),[]);return l(p,Object.assign({onDrop:k,onDragOver:q,onDragLeave:z,$fullWidth:L,"data-dragged":A},W,{children:[l(s,{children:[g&&r(o,{variant:"body-m-regular",children:g}),!!v&&r(c,{children:v.map(((e,l)=>r(a.Fragment,{children:"string"==typeof e?r(f,{children:e}):e},l)))})]}),r(m,{id:w,type:"file",multiple:x,accept:C,onChange:$,disabled:j,ref:h}),!!b&&r(u,{children:b})]}))}));export{h as DropzoneField};
+import{__rest as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import a,{forwardRef as t,useId as i,useState as n,useCallback as d}from"react";import{Typography as o}from"../typography/index.js";import{DropzoneFieldStyled as p,DropzoneFieldLabels as s,DropzoneFieldRightLabelsContainer as c,DropzoneFieldRightLabel as f,DropzoneFieldInput as m,DropzoneFieldPlaceholder as u}from"./styled.js";const h=t((t,h)=>{var{leftLabel:g,rightLabels:v,placeholder:b,files:y,onChange:D,fullWidth:L=!1,disabled:j=!1,multiple:x=!0,accept:C}=t,W=e(t,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const w=i(),[A,M]=n(!1),O=d(e=>{null==D||D(e)},[D]),[T,F]=Array.isArray(y)?[y,O]:n([]),$=d(e=>{var l;const r=[...null!==(l=e.currentTarget.files)&&void 0!==l?l:[]];F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1))},[T,F,x]),k=d(e=>{var l;e.preventDefault();const r=[...null!==(l=e.dataTransfer.files)&&void 0!==l?l:[]].filter(e=>null==C?void 0:C.includes(e.type));F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1)),M(!1)},[T,F,x,C]),q=d(e=>{e.preventDefault(),M(!0)},[]),z=d(e=>{e.preventDefault(),M(!1)},[]);return l(p,Object.assign({onDrop:k,onDragOver:q,onDragLeave:z,$fullWidth:L,"data-dragged":A},W,{children:[l(s,{children:[g&&r(o,{variant:"body-m-regular",children:g}),!!v&&r(c,{children:v.map((e,l)=>r(a.Fragment,{children:"string"==typeof e?r(f,{children:e}):e},l))})]}),r(m,{id:w,type:"file",multiple:x,accept:C,onChange:$,disabled:j,ref:h}),!!b&&r(u,{children:b})]}))});export{h as DropzoneField};