@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/badge-select-dropdown/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as t,Fragment as o,jsx as l}from"react/jsx-runtime";import{memo as r}from"react";import{BadgeSelectDropdownTrigger as i,BadgeSelectDropdownSpanStyled as s,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../../theme/index.js";import"../skeleton/index.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"../select-field/context.js";import{SelectModal as p}from"../select-field/select-modal/index.js";import{useSelectField as m}from"../select-field/useSelectField.js";import{useTheme as n}from"../../theme/hook.js";const c=r((r=>{var{options:c,value:d,variant:u="primary",colorButtonOpened:j,className:y,compactWidth:f,modalStyles:g}=r,h=e(r,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles"]);const v=n(),O=m(Object.assign(Object.assign({},h),{value:d,multiple:!1})),{isOpen:b,triggerRef:x,value:k,setValue:S,handleInputClick:C}=O,$=e(O,["isOpen","triggerRef","value","setValue","handleInputClick"]);let B="";return"string"==typeof k&&(B=k),k&&"string"!=typeof k&&!Array.isArray(k)&&k.label&&(B=k.label),t(o,{children:[t(i,{ref:x,$active:b,$variant:u,$colorButtonOpened:j,type:"button",onClick:e=>C(!1,e),className:y,children:[l(s,{children:B}),l(a,{$open:b})]}),l(p,Object.assign({data:c,isOpen:b,setValue:S,value:k,compactWidth:f,selectedColor:v.colors.grayScale.gray2,modalStyles:g},$))]})}));export{c as BadgeSelectDropdown,s as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,i as BadgeSelectDropdownTrigger};
+import{__rest as t}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{memo as l}from"react";import{BadgeSelectDropdownTrigger as i,BadgeSelectDropdownSpanStyled as s,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../skeleton/index.js";import{SelectModal as p}from"../select-field/select-modal/index.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"../../theme/index.js";import"../tooltip/context.js";import"../select-field/context.js";import{useSelectField as m}from"../select-field/useSelectField.js";import{useTheme as n}from"../../theme/hook.js";const c=l(l=>{var{options:c,value:d,variant:u="primary",colorButtonOpened:j,className:y,compactWidth:f,modalStyles:g}=l,h=t(l,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles"]);const v=n(),O=m(Object.assign(Object.assign({},h),{value:d,multiple:!1})),{isOpen:b,triggerRef:x,value:k,setValue:S,handleInputClick:C}=O,$=t(O,["isOpen","triggerRef","value","setValue","handleInputClick"]);let w="";return"string"==typeof k&&(w=k),k&&"string"!=typeof k&&!Array.isArray(k)&&k.label&&(w=k.label),e(o,{children:[e(i,{ref:x,$active:b,$variant:u,$colorButtonOpened:j,type:"button",onClick:t=>C(!1,t),className:y,children:[r(s,{children:w}),r(a,{$open:b})]}),r(p,Object.assign({data:c,isOpen:b,setValue:S,value:k,compactWidth:f,selectedColor:v.colors.grayScale.gray2,modalStyles:g},$))]})});export{c as BadgeSelectDropdown,s as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,i as BadgeSelectDropdownTrigger};

package/dist/components/badge-select-dropdown/styled.d.ts

@@ -5,8 +5,13 @@ export declare const BadgeSelectDropdownTrigger: import("styled-components").ISt
     $colorButtonOpened?: string;
 }>>;
 export declare const BadgeSelectDropdownSpanStyled: 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;
@@ -55,6 +60,10 @@ export declare const BadgeSelectDropdownSpanStyled: 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;
@@ -263,6 +272,8 @@ export declare const BadgeSelectDropdownSpanStyled: import("styled-components").
     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;
@@ -271,14 +282,17 @@ export declare const BadgeSelectDropdownSpanStyled: import("styled-components").
     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 BadgeSelectDropdownTogglerArrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
     size?: number | undefined;
@@ -286,6 +300,8 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     enableTooltip?: boolean | undefined;
     string?: number | string | undefined | undefined;
     mode?: number | string | undefined | undefined;
+    filter?: string | undefined | undefined;
+    values?: string | undefined | undefined;
     children?: import("react").ReactNode;
     end?: number | string | undefined | undefined;
     accumulate?: "none" | "sum" | undefined | undefined;
@@ -509,6 +525,8 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
     onScroll?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onWheel?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
@@ -516,25 +534,91 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     onAnimationEndCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     clipPath?: string | undefined | undefined;
-    filter?: string | undefined | undefined;
     mask?: string | undefined | undefined;
     path?: string | undefined | undefined;
+    transform?: string | undefined | undefined;
+    z?: number | string | undefined | undefined;
+    rotate?: number | string | undefined | undefined;
+    scale?: number | string | undefined | undefined;
+    cursor?: number | string | undefined | undefined;
+    direction?: number | string | undefined | undefined;
+    display?: number | string | undefined | undefined;
+    fontFamily?: string | undefined | undefined;
+    fontSize?: number | string | undefined | undefined;
+    fontSizeAdjust?: number | string | undefined | undefined;
+    fontStretch?: number | string | undefined | undefined;
+    fontStyle?: number | string | undefined | undefined;
+    fontVariant?: number | string | undefined | undefined;
+    fontWeight?: number | string | undefined | undefined;
     height?: number | string | undefined | undefined;
+    imageRendering?: number | string | undefined | undefined;
+    letterSpacing?: number | string | undefined | undefined;
+    opacity?: number | string | undefined | undefined;
+    order?: number | string | undefined | undefined;
+    paintOrder?: number | string | undefined | undefined;
+    pointerEvents?: number | string | undefined | undefined;
+    textRendering?: number | string | undefined | undefined;
+    unicodeBidi?: number | string | undefined | undefined;
+    visibility?: number | string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    wordSpacing?: number | string | undefined | undefined;
+    writingMode?: number | string | undefined | undefined;
+    offset?: number | string | undefined | undefined;
+    overflow?: number | string | undefined | undefined;
+    textDecoration?: number | string | undefined | undefined;
+    azimuth?: number | string | undefined | undefined;
+    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
+    baselineShift?: number | string | undefined | undefined;
+    clipRule?: number | string | undefined | undefined;
+    colorInterpolation?: number | string | undefined | undefined;
+    colorRendering?: number | string | undefined | undefined;
+    dominantBaseline?: number | string | undefined | undefined;
+    fillOpacity?: number | string | undefined | undefined;
+    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
+    floodColor?: number | string | undefined | undefined;
+    floodOpacity?: number | string | undefined | undefined;
+    glyphOrientationVertical?: number | string | undefined | undefined;
+    lightingColor?: number | string | undefined | undefined;
+    markerEnd?: string | undefined | undefined;
+    markerMid?: string | undefined | undefined;
+    markerStart?: string | undefined | undefined;
+    shapeRendering?: number | string | undefined | undefined;
+    stopColor?: string | undefined | undefined;
+    stopOpacity?: number | string | undefined | undefined;
+    strokeDasharray?: string | number | undefined | undefined;
+    strokeDashoffset?: string | number | undefined | undefined;
+    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
+    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
+    strokeMiterlimit?: number | string | undefined | undefined;
+    strokeOpacity?: number | string | undefined | undefined;
+    strokeWidth?: number | string | undefined | undefined;
+    textAnchor?: string | undefined | undefined;
+    vectorEffect?: number | string | undefined | undefined;
+    viewBox?: string | undefined | undefined;
+    from?: number | string | undefined | undefined;
+    to?: number | string | undefined | undefined;
+    target?: string | undefined | undefined;
+    type?: string | undefined | undefined;
+    r?: number | string | undefined | undefined;
+    name?: string | undefined | undefined;
     max?: number | string | undefined | undefined;
     media?: string | undefined | undefined;
     method?: string | undefined | undefined;
     min?: number | string | undefined | undefined;
-    name?: string | undefined | undefined;
-    target?: string | undefined | undefined;
-    type?: string | undefined | undefined;
-    width?: number | string | undefined | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: number | string | undefined | undefined;
     additive?: "replace" | "sum" | undefined | undefined;
-    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
     allowReorder?: "no" | "yes" | undefined | undefined;
     amplitude?: number | string | undefined | undefined;
     arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined | undefined;
@@ -542,9 +626,7 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     attributeName?: string | undefined | undefined;
     attributeType?: string | undefined | undefined;
     autoReverse?: (boolean | "false" | "true") | undefined;
-    azimuth?: number | string | undefined | undefined;
     baseFrequency?: number | string | undefined | undefined;
-    baselineShift?: number | string | undefined | undefined;
     baseProfile?: number | string | undefined | undefined;
     bbox?: number | string | undefined | undefined;
     begin?: number | string | undefined | undefined;
@@ -553,24 +635,17 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     calcMode?: number | string | undefined | undefined;
     capHeight?: number | string | undefined | undefined;
     clipPathUnits?: number | string | undefined | undefined;
-    clipRule?: number | string | undefined | undefined;
-    colorInterpolation?: number | string | undefined | undefined;
     colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined | undefined;
     colorProfile?: number | string | undefined | undefined;
-    colorRendering?: number | string | undefined | undefined;
     contentScriptType?: number | string | undefined | undefined;
     contentStyleType?: number | string | undefined | undefined;
-    cursor?: number | string | undefined | undefined;
     cx?: number | string | undefined | undefined;
     cy?: number | string | undefined | undefined;
     d?: string | undefined | undefined;
     decelerate?: number | string | undefined | undefined;
     descent?: number | string | undefined | undefined;
     diffuseConstant?: number | string | undefined | undefined;
-    direction?: number | string | undefined | undefined;
-    display?: number | string | undefined | undefined;
     divisor?: number | string | undefined | undefined;
-    dominantBaseline?: number | string | undefined | undefined;
     dur?: number | string | undefined | undefined;
     dx?: number | string | undefined | undefined;
     dy?: number | string | undefined | undefined;
@@ -579,37 +654,23 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     enableBackground?: number | string | undefined | undefined;
     exponent?: number | string | undefined | undefined;
     externalResourcesRequired?: (boolean | "false" | "true") | undefined;
-    fillOpacity?: number | string | undefined | undefined;
-    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
     filterRes?: number | string | undefined | undefined;
     filterUnits?: number | string | undefined | undefined;
-    floodColor?: number | string | undefined | undefined;
-    floodOpacity?: number | string | undefined | undefined;
     focusable?: "auto" | (boolean | "false" | "true") | undefined;
-    fontFamily?: string | undefined | undefined;
-    fontSize?: number | string | undefined | undefined;
-    fontSizeAdjust?: number | string | undefined | undefined;
-    fontStretch?: number | string | undefined | undefined;
-    fontStyle?: number | string | undefined | undefined;
-    fontVariant?: number | string | undefined | undefined;
-    fontWeight?: number | string | undefined | undefined;
     format?: number | string | undefined | undefined;
     fr?: number | string | undefined | undefined;
-    from?: number | string | undefined | undefined;
     fx?: number | string | undefined | undefined;
     fy?: number | string | undefined | undefined;
     g1?: number | string | undefined | undefined;
     g2?: number | string | undefined | undefined;
     glyphName?: number | string | undefined | undefined;
     glyphOrientationHorizontal?: number | string | undefined | undefined;
-    glyphOrientationVertical?: number | string | undefined | undefined;
     glyphRef?: number | string | undefined | undefined;
     gradientTransform?: string | undefined | undefined;
     gradientUnits?: string | undefined | undefined;
     horizAdvX?: number | string | undefined | undefined;
     horizOriginX?: number | string | undefined | undefined;
     href?: string | undefined | undefined;
-    imageRendering?: number | string | undefined | undefined;
     in2?: number | string | undefined | undefined;
     in?: string | undefined | undefined;
     intercept?: number | string | undefined | undefined;
@@ -625,35 +686,24 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     keySplines?: number | string | undefined | undefined;
     keyTimes?: number | string | undefined | undefined;
     lengthAdjust?: number | string | undefined | undefined;
-    letterSpacing?: number | string | undefined | undefined;
-    lightingColor?: number | string | undefined | undefined;
     limitingConeAngle?: number | string | undefined | undefined;
-    markerEnd?: string | undefined | undefined;
     markerHeight?: number | string | undefined | undefined;
-    markerMid?: string | undefined | undefined;
-    markerStart?: string | undefined | undefined;
     markerUnits?: number | string | undefined | undefined;
     markerWidth?: number | string | undefined | undefined;
     maskContentUnits?: number | string | undefined | undefined;
     maskUnits?: number | string | undefined | undefined;
     numOctaves?: number | string | undefined | undefined;
-    offset?: number | string | undefined | undefined;
-    opacity?: number | string | undefined | undefined;
     operator?: number | string | undefined | undefined;
-    order?: number | string | undefined | undefined;
     orient?: number | string | undefined | undefined;
     orientation?: number | string | undefined | undefined;
     origin?: number | string | undefined | undefined;
-    overflow?: number | string | undefined | undefined;
     overlinePosition?: number | string | undefined | undefined;
     overlineThickness?: number | string | undefined | undefined;
-    paintOrder?: number | string | undefined | undefined;
     panose1?: number | string | undefined | undefined;
     pathLength?: number | string | undefined | undefined;
     patternContentUnits?: string | undefined | undefined;
     patternTransform?: number | string | undefined | undefined;
     patternUnits?: string | undefined | undefined;
-    pointerEvents?: number | string | undefined | undefined;
     points?: string | undefined | undefined;
     pointsAtX?: number | string | undefined | undefined;
     pointsAtY?: number | string | undefined | undefined;
@@ -661,7 +711,6 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     preserveAlpha?: (boolean | "false" | "true") | undefined;
     preserveAspectRatio?: string | undefined | undefined;
     primitiveUnits?: number | string | undefined | undefined;
-    r?: number | string | undefined | undefined;
     radius?: number | string | undefined | undefined;
     refX?: number | string | undefined | undefined;
     refY?: number | string | undefined | undefined;
@@ -672,12 +721,9 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     requiredFeatures?: number | string | undefined | undefined;
     restart?: number | string | undefined | undefined;
     result?: string | undefined | undefined;
-    rotate?: number | string | undefined | undefined;
     rx?: number | string | undefined | undefined;
     ry?: number | string | undefined | undefined;
-    scale?: number | string | undefined | undefined;
     seed?: number | string | undefined | undefined;
-    shapeRendering?: number | string | undefined | undefined;
     slope?: number | string | undefined | undefined;
     spacing?: number | string | undefined | undefined;
     specularConstant?: number | string | undefined | undefined;
@@ -689,52 +735,30 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     stemh?: number | string | undefined | undefined;
     stemv?: number | string | undefined | undefined;
     stitchTiles?: number | string | undefined | undefined;
-    stopColor?: string | undefined | undefined;
-    stopOpacity?: number | string | undefined | undefined;
     strikethroughPosition?: number | string | undefined | undefined;
     strikethroughThickness?: number | string | undefined | undefined;
-    strokeDasharray?: string | number | undefined | undefined;
-    strokeDashoffset?: string | number | undefined | undefined;
-    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
-    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
-    strokeMiterlimit?: number | string | undefined | undefined;
-    strokeOpacity?: number | string | undefined | undefined;
-    strokeWidth?: number | string | undefined | undefined;
     surfaceScale?: number | string | undefined | undefined;
     systemLanguage?: number | string | undefined | undefined;
     tableValues?: number | string | undefined | undefined;
     targetX?: number | string | undefined | undefined;
     targetY?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
-    textDecoration?: number | string | undefined | undefined;
     textLength?: number | string | undefined | undefined;
-    textRendering?: number | string | undefined | undefined;
-    to?: number | string | undefined | undefined;
-    transform?: string | undefined | undefined;
-    transformOrigin?: string | undefined | undefined;
     u1?: number | string | undefined | undefined;
     u2?: number | string | undefined | undefined;
     underlinePosition?: number | string | undefined | undefined;
     underlineThickness?: number | string | undefined | undefined;
-    unicodeBidi?: number | string | undefined | undefined;
     unicodeRange?: number | string | undefined | undefined;
     unitsPerEm?: number | string | undefined | undefined;
     vAlphabetic?: number | string | undefined | undefined;
-    values?: string | undefined | undefined;
-    vectorEffect?: number | string | undefined | undefined;
     version?: string | undefined | undefined;
     vertAdvY?: number | string | undefined | undefined;
     vertOriginX?: number | string | undefined | undefined;
     vertOriginY?: number | string | undefined | undefined;
     vHanging?: number | string | undefined | undefined;
     vIdeographic?: number | string | undefined | undefined;
-    viewBox?: string | undefined | undefined;
     viewTarget?: number | string | undefined | undefined;
-    visibility?: number | string | undefined | undefined;
     vMathematical?: number | string | undefined | undefined;
     widths?: number | string | undefined | undefined;
-    wordSpacing?: number | string | undefined | undefined;
-    writingMode?: number | string | undefined | undefined;
     x1?: number | string | undefined | undefined;
     x2?: number | string | undefined | undefined;
     xChannelSelector?: string | undefined | undefined;
@@ -754,7 +778,6 @@ export declare const BadgeSelectDropdownTogglerArrow: import("styled-components"
     y1?: number | string | undefined | undefined;
     y2?: number | string | undefined | undefined;
     yChannelSelector?: string | undefined | undefined;
-    z?: number | string | undefined | undefined;
     zoomAndPan?: string | undefined | undefined;
 }, {
     $open: boolean;

package/dist/components/badge-select-dropdown/styled.js

@@ -1 +1 @@
-import{styled as o}from"styled-components";import{ArrowDownIcon as e}from"../../icons/arrow-down/index.js";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{Typography as r}from"../typography/index.js";const a=o.button.withConfig({displayName:"styled__BadgeSelectDropdownTrigger",componentId:"sc-obte8v-0"})(["border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;column-gap:8px;padding:6px 12px;border-radius:14px;transition:background-color 0.2s;max-width:100%;background:",";color:",";"],(({theme:o,$active:e,$colorButtonOpened:r})=>e?r||"light"===o.mode?o.colors.grayScale.gray2:t(o.colors.accent.primaryLight,.5):"light"===o.mode?o.colors.grayScale.gray4:o.colors.grayScale.gray3),(({theme:o})=>o.colors.base.white)),n=o(r).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeSelectDropdownSpanStyled",componentId:"sc-obte8v-1"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),s=o(e).attrs({size:16}).withConfig({displayName:"styled__BadgeSelectDropdownTogglerArrow",componentId:"sc-obte8v-2"})(["pointer-events:none;transition:transform 0.2s ease-in-out;transform:",";"],(({$open:o})=>!0===o?"rotateZ(-180deg)":"rotateZ(0)"));export{n as BadgeSelectDropdownSpanStyled,s as BadgeSelectDropdownTogglerArrow,a as BadgeSelectDropdownTrigger};
+import{styled as o}from"styled-components";import{ArrowDownIcon as e}from"../../icons/arrow-down/index.js";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{Typography as r}from"../typography/index.js";const a=o.button.withConfig({displayName:"styled__BadgeSelectDropdownTrigger",componentId:"sc-obte8v-0"})(["border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;column-gap:8px;padding:6px 12px;border-radius:14px;transition:background-color 0.2s;max-width:100%;background:",";color:",";"],({theme:o,$active:e,$colorButtonOpened:r})=>e?r||"light"===o.mode?o.colors.grayScale.gray2:t(o.colors.accent.primaryLight,.5):"light"===o.mode?o.colors.grayScale.gray4:o.colors.grayScale.gray3,({theme:o})=>o.colors.base.white),n=o(r).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeSelectDropdownSpanStyled",componentId:"sc-obte8v-1"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),s=o(e).attrs({size:16}).withConfig({displayName:"styled__BadgeSelectDropdownTogglerArrow",componentId:"sc-obte8v-2"})(["pointer-events:none;transition:transform 0.2s ease-in-out;transform:",";"],({$open:o})=>!0===o?"rotateZ(-180deg)":"rotateZ(0)");export{n as BadgeSelectDropdownSpanStyled,s as BadgeSelectDropdownTogglerArrow,a as BadgeSelectDropdownTrigger};

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

@@ -8,8 +8,13 @@ export interface BlockHeadProps {
 }
 export declare const BlockHead: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BlockHeadProps>>;
 export declare const BlockTitle: 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;
@@ -58,6 +63,10 @@ export declare const BlockTitle: import("styled-components").IStyledComponent<"w
     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;
@@ -266,6 +275,8 @@ export declare const BlockTitle: import("styled-components").IStyledComponent<"w
     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;
@@ -274,17 +285,20 @@ export declare const BlockTitle: import("styled-components").IStyledComponent<"w
     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 BlockToolbar: 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;
@@ -333,6 +347,10 @@ export declare const BlockToolbar: 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;
@@ -542,6 +560,8 @@ export declare const BlockToolbar: 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;
@@ -550,11 +570,19 @@ export declare const BlockToolbar: 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;
 }>;
 export declare const BlockToolbarButtons: 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;
@@ -603,6 +631,10 @@ export declare const BlockToolbarButtons: 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;
@@ -812,6 +844,8 @@ export declare const BlockToolbarButtons: import("styled-components").IStyledCom
     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;
@@ -820,30 +854,38 @@ export declare const BlockToolbarButtons: import("styled-components").IStyledCom
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface BlockBodyProps {
     $head: boolean;
 }
 export declare const BlockBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BlockBodyProps>>;
 export declare const BlockBodyScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
+    className?: string | undefined;
+    scrollbarClassName?: string | undefined;
     variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
     size?: number | undefined;
-    disabled?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    className?: string | undefined;
-    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
     scrollShadows?: import("@/ui/components/scrollbar").ScrollbarShadowsProps | undefined;
-    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
-    scrollbarClassName?: string | undefined;
     scrollLocked?: import("@/ui/components/scrollbar").SetScrollOptions | undefined;
+    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
+    disabled?: boolean | undefined;
     disableShadows?: boolean | undefined;
     withStickyBottom?: boolean | undefined;
     defaultStickyBottom?: boolean | undefined;
     isHorizontalScrollbar?: boolean | undefined;
-    ref?: ((instance: import("@/ui/components/scrollbar").ScrollbarRef | 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<import("@/ui/components/scrollbar").ScrollbarRef> | null | undefined;
+    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@/ui/components/scrollbar").ScrollbarRef> | undefined;
+    key?: import("react").Key | null | undefined;
 }>;
 export interface BlockBodyContentProps {
     $head: boolean;

package/dist/components/block/styled.js

@@ -1,16 +1,16 @@
-import{jsx as o}from"react/jsx-runtime";import{styled as a,css as t}from"styled-components";import{Scrollbar as e}from"../scrollbar/index.js";import{Typography as d}from"../typography/index.js";import{adaptive as i}from"../../adaptive/index.js";import{ScrollbarShadow as p}from"../scrollbar/shadow/index.js";const r=a.div.withConfig({displayName:"styled__BlockStyled",componentId:"sc-112b3ha-0"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;transition:background 0.3s;background:",";overflow:hidden;max-height:100vh;",""],(({theme:o})=>o.colors.grayScale.gray4),(({$variant:o})=>{switch(o){case"rounded":return i({variant:"dashboard",desktop:t`
+import{jsx as o}from"react/jsx-runtime";import{styled as a,css as t}from"styled-components";import{Scrollbar as e}from"../scrollbar/index.js";import{Typography as d}from"../typography/index.js";import{adaptive as i}from"../../adaptive/index.js";import{ScrollbarShadow as p}from"../scrollbar/shadow/index.js";const r=a.div.withConfig({displayName:"styled__BlockStyled",componentId:"sc-112b3ha-0"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;transition:background 0.3s;background:",";overflow:hidden;max-height:100vh;",""],({theme:o})=>o.colors.grayScale.gray4,({$variant:o})=>{switch(o){case"rounded":return i({variant:"dashboard",desktop:t`
             border-radius: 18px;
           `,tablet:t`
             border-radius: 18px;
           `});case"rectangular":return i({variant:"dashboard",tablet:t`
             border-radius: 18px;
-          `})}})),n=a.div.withConfig({displayName:"styled__BlockHead",componentId:"sc-112b3ha-1"})(["display:flex;justify-content:space-between;align-items:center;width:100%;"," ",""],i({desktop:t`
+          `})}}),n=a.div.withConfig({displayName:"styled__BlockHead",componentId:"sc-112b3ha-1"})(["display:flex;justify-content:space-between;align-items:center;width:100%;"," ",""],i({desktop:t`
       border: none;
     `,tablet:t`
       border-bottom: 1px solid ${({theme:o})=>o.colors.grayScale.gray3};
     `,mobile:t`
       border-bottom: 1px solid ${({theme:o})=>o.colors.grayScale.gray3};
-    `}),(({$toolbar:o})=>i(o?{variant:"dashboard",desktop:t`
+    `}),({$toolbar:o})=>i(o?{variant:"dashboard",desktop:t`
           padding: 24px 28px;
         `,tablet:t`
           padding: 24px;
@@ -22,22 +22,22 @@ import{jsx as o}from"react/jsx-runtime";import{styled as a,css as t}from"styled-
         padding: 24px 24px 12px;
       `,mobile:t`
         padding: 18px 16px 12px;
-      `}))),s=a(d).attrs({component:"h2",variant:"body-xl-semibold"}).withConfig({displayName:"styled__BlockTitle",componentId:"sc-112b3ha-2"})([""]),l=a.div.withConfig({displayName:"styled__BlockToolbar",componentId:"sc-112b3ha-3"})(["display:flex;"]),c=a.div.withConfig({displayName:"styled__BlockToolbarButtons",componentId:"sc-112b3ha-4"})(["display:flex;gap:20px;flex-wrap:wrap;"]),m=a.div.withConfig({displayName:"styled__BlockBody",componentId:"sc-112b3ha-5"})(["display:flex;overflow:hidden;width:100%;flex-grow:1;"," "," position:relative;"],i({variant:"dashboard",merge:!0,desktop:t`
+      `})),s=a(d).attrs({component:"h2",variant:"body-xl-semibold"}).withConfig({displayName:"styled__BlockTitle",componentId:"sc-112b3ha-2"})([""]),l=a.div.withConfig({displayName:"styled__BlockToolbar",componentId:"sc-112b3ha-3"})(["display:flex;"]),c=a.div.withConfig({displayName:"styled__BlockToolbarButtons",componentId:"sc-112b3ha-4"})(["display:flex;gap:20px;flex-wrap:wrap;"]),m=a.div.withConfig({displayName:"styled__BlockBody",componentId:"sc-112b3ha-5"})(["display:flex;overflow:hidden;width:100%;flex-grow:1;"," "," position:relative;"],i({variant:"dashboard",merge:!0,desktop:t`
       padding: 28px 0px;
     `,tablet:t`
       padding: 24px 0px;
-    `}),(({$head:o})=>o&&t`
+    `}),({$head:o})=>o&&t`
       padding-top: 0px !important;
-    `)),x=a(e).attrs({variant:"secondary",scrollShadows:{size:90,top:o(p,{side:"top"}),bottom:o(p,{side:"bottom"})}}).withConfig({displayName:"styled__BlockBodyScrollbarWrapper",componentId:"sc-112b3ha-6"})(["height:100%;overflow:auto;"]),b=a.div.withConfig({displayName:"styled__BlockBodyContent",componentId:"sc-112b3ha-7"})([""," "," ",""],i({variant:"dashboard",desktop:t`
+    `),x=a(e).attrs({variant:"secondary",scrollShadows:{size:90,top:o(p,{side:"top"}),bottom:o(p,{side:"bottom"})}}).withConfig({displayName:"styled__BlockBodyScrollbarWrapper",componentId:"sc-112b3ha-6"})(["height:100%;overflow:auto;"]),b=a.div.withConfig({displayName:"styled__BlockBodyContent",componentId:"sc-112b3ha-7"})([""," "," ",""],i({variant:"dashboard",desktop:t`
       padding: 0px 28px;
     `,tablet:t`
       padding: 0px 24px;
     `,mobile:t`
       padding: 0px 16px;
-    `}),(({$head:o})=>o&&i({variant:"dashboard",merge:!0,desktop:t`
+    `}),({$head:o})=>o&&i({variant:"dashboard",merge:!0,desktop:t`
         padding-top: 28px !important;
       `,tablet:t`
         padding-top: 24px !important;
-      `})),(({$fullHeight:o})=>o&&t`
+      `}),({$fullHeight:o})=>o&&t`
       height: 100%;
-    `));export{m as BlockBody,b as BlockBodyContent,x as BlockBodyScrollbarWrapper,n as BlockHead,r as BlockStyled,s as BlockTitle,l as BlockToolbar,c as BlockToolbarButtons};
+    `);export{m as BlockBody,b as BlockBodyContent,x as BlockBodyScrollbarWrapper,n as BlockHead,r as BlockStyled,s as BlockTitle,l as BlockToolbar,c as BlockToolbarButtons};

package/dist/components/bookmark/card/chat/index.js

@@ -1 +1 @@
-import{__rest as t}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{BookmarkCardChatStyled as e,BookmarkCardChatIcon as i,BookmarkCardChatName as s}from"./styled.js";import{Skeleton as m}from"../../../skeleton/index.js";import{IconProvider as l}from"../../../icon/context.js";import"../../../icon/styled.js";import"react";import"@react-spring/web";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{useTheme as p}from"../../../../theme/hook.js";const n=n=>{var c=t(n,[]);const a=p();return o(e,{children:[r(l,{fill:c.skeleton?a.colors.grayScale.gray1:a.colors.base.white,children:r(i,{})}),o(s,{children:[!c.skeleton&&c.name,c.skeleton&&r(m,{})]})]})};export{n as BookmarkCardChat};
+import{__rest as t}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{BookmarkCardChatStyled as e,BookmarkCardChatIcon as i,BookmarkCardChatName as m}from"./styled.js";import{Skeleton as s}from"../../../skeleton/index.js";import{IconProvider as l}from"../../../icon/context.js";import"../../../icon/styled.js";import"react";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{useTheme as p}from"../../../../theme/hook.js";const n=n=>{var c=t(n,[]);const a=p();return o(e,{children:[r(l,{fill:c.skeleton?a.colors.grayScale.gray1:a.colors.base.white,children:r(i,{})}),o(m,{children:[!c.skeleton&&c.name,c.skeleton&&r(s,{})]})]})};export{n as BookmarkCardChat};