@algolia/satellite 2.2.2 → 2.3.0-rc.1

package/dist/cjs/utils/isCssPropertySupported.d.ts

@@ -1 +1 @@
-export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "width" | "height" | "color" | "alignmentBaseline" | "baselineShift" | "clip" | "clipPath" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "grid" | "marker" | "translate" | "content" | "item" | "all" | "border" | "left" | "right" | "columns" | "top" | "bottom" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "resize" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "width" | "height" | "color" | "alignmentBaseline" | "baselineShift" | "clip" | "clipPath" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "grid" | "marker" | "translate" | "content" | "item" | "all" | "border" | "left" | "right" | "columns" | "top" | "bottom" | "appearance" | "clear" | "flex" | "float" | "gap" | "hyphens" | "inset" | "isolation" | "perspective" | "position" | "resize" | "transition" | "font" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "imageOrientation" | "inlineSize" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "printColorAdjust" | "quotes" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;

package/dist/esm/Actions/Accordion/Accordion.d.ts

@@ -94,6 +94,14 @@ export declare type AccordionHeaderProps = {
      * Defines a class name for the `AccordionHeader`.
      */
     className?: string;
+    /**
+     * Defines a class name for the title wrapper.
+     */
+    titleWrapperClassName?: string;
+    /**
+     * Defines a class name for the title.
+     */
+    titleClassName?: string;
     /**
      * Defines an icon to display next to the title and description.
      */

package/dist/esm/Actions/Accordion/Accordion.js

@@ -76,7 +76,9 @@ var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     meta = _ref3.meta,
     triggerIcon = _ref3.triggerIcon,
     triggerClassName = _ref3.triggerClassName,
-    className = _ref3.className;
+    className = _ref3.className,
+    titleWrapperClassName = _ref3.titleWrapperClassName,
+    titleClassName = _ref3.titleClassName;
   var TriggerIcon = triggerIcon || ChevronDownIcon;
   return /*#__PURE__*/_jsx(RadixAccordion.Header, {
     className: className,
@@ -84,7 +86,7 @@ var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       ref: ref,
       className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["group/accordion-trigger flex gap-x-3 items-center w-full justify-between px-3.5 py-2.5 group-first/accordion-item:rounded-t group-last/accordion-item:rounded-b bg-white border-2 border-transparent focus-visible:outline-none focus-visible:border-accent-600 enabled:hover:bg-grey-50 motion-safe:transition-colors"]))), triggerClassName),
       children: [/*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center gap-x-3 grow"]))),
+        className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center gap-x-3 grow"]))), titleWrapperClassName),
         children: [Icon && /*#__PURE__*/_jsx("span", {
           className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["rounded-full w-8 h-8 flex items-center justify-center shrink-0"]))), iconBgClassName),
           "aria-hidden": true,
@@ -96,7 +98,7 @@ var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref3, ref) {
         }), /*#__PURE__*/_jsxs("div", {
           className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col gap-y-1 text-left grow"]))),
           children: [/*#__PURE__*/_jsx("div", {
-            className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-display-heading line-clamp-2 group-disabled/accordion-trigger:text-grey-300"]))),
+            className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-display-heading line-clamp-2 group-disabled/accordion-trigger:text-grey-300"]))), titleClassName),
             children: children
           }), typeof description !== "undefined" && /*#__PURE__*/_jsx("div", {
             className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["typo-display-body typo-subdued line-clamp-3 group-disabled/accordion-trigger:text-grey-300"]))),

package/dist/esm/Fields/AutoComplete/AutoComplete.js

@@ -195,7 +195,6 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
     },
     defaultHighlightedIndex: 0,
-    isOpen: inputValue ? items.length > 0 ? undefined : true : undefined,
     getA11yStatusMessage: function getA11yStatusMessage(_ref2) {
       var isOpen = _ref2.isOpen,
         resultCount = _ref2.resultCount,
@@ -296,6 +295,12 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
         // @ts-expect-error wrong type
         evt.nativeEvent.preventDownshiftDefault = true;
       }
+
+      // should not close the menu on Enter if there are no items matching the input value
+      if (combobox.isOpen && evt.key === "Enter" && items.length === 0 && inputValue.trim().length > 0) {
+        // @ts-expect-error wrong type
+        evt.nativeEvent.preventDownshiftDefault = true;
+      }
       if (multiple && creatable && inputValue.trim().length > 0 && separatorKeys !== null && separatorKeys !== void 0 && separatorKeys.includes(evt.key)) {
         evt.preventDefault();
         var _createFromInputValue = createFromInputValue(options, inputValue),

package/dist/esm/Fields/TextArea/TextArea.d.ts

@@ -7,7 +7,11 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
     /**
      * The value of the `TextArea`.
      */
-    value?: string;
+    value?: string | number | readonly string[];
+    /**
+     * The default value of the `TextArea`.
+     */
+    defaultValue?: string | number | readonly string[];
     /**
      * The placeholder of the `TextArea`.
      */

package/dist/esm/Fields/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["className", "placeholder", "required"];
+var _excluded = ["className", "placeholder", "required", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -37,6 +37,7 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     placeholder = _ref.placeholder,
     required = _ref.required,
+    children = _ref.children,
     textareaProps = _objectWithoutProperties(_ref, _excluded);
   var _useField = useField({
       required: required
@@ -58,7 +59,7 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       "aria-invalid": isInvalid,
       ref: ref,
       placeholder: placeholder
-    })), /*#__PURE__*/_jsx(StatusIcon, {})]
+    })), /*#__PURE__*/_jsx(StatusIcon, {}), children]
   });
 });
 TextArea.displayName = "TextArea";

package/dist/esm/Fields/TextArea/TextArea.tailwind.js

@@ -7,6 +7,7 @@ var textAreaPlugin = plugin(function (_ref) {
   addComponents({
     ".text-area": {
       display: "flex",
+      flexDirection: "column",
       width: "100%",
       backgroundColor: theme("colors.white"),
       border: "1px solid ".concat(theme("colors.grey.500")),
@@ -43,7 +44,6 @@ var textAreaPlugin = plugin(function (_ref) {
       paddingRight: theme("spacing.6")
     },
     textarea: {
-      flex: "1",
       minWidth: "0px",
       caretColor: theme("colors.grey.600"),
       color: theme("colors.grey.900"),

package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { TextAreaProps } from "../../Fields/TextArea";
+export declare type TextAreaAutoSizeProps = TextAreaProps & {
+    /**
+     * The maximum number of rows the `TextArea` can expand to when `autoResize` is enabled.
+     * If set to 0, the `TextArea` will expand indefinitely.
+     * @default 0
+     */
+    maxRows?: number;
+};
+export declare const TextAreaAutoSize: import("react").ForwardRefExoticComponent<TextAreaProps & {
+    /**
+     * The maximum number of rows the `TextArea` can expand to when `autoResize` is enabled.
+     * If set to 0, the `TextArea` will expand indefinitely.
+     * @default 0
+     */
+    maxRows?: number | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.js

@@ -0,0 +1,75 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["maxRows", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { textAreaAutoSizeStyles } from "./TextAreaAutoSize.styles";
+import { TextArea } from "./../TextArea";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TextAreaAutoSize = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$maxRows = _ref.maxRows,
+    maxRows = _ref$maxRows === void 0 ? 0 : _ref$maxRows,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var styles = textAreaAutoSizeStyles();
+  var internalRef = useRef(null);
+  useImperativeHandle(forwardedRef, function () {
+    return internalRef.current;
+  });
+  var lineHeightRef = useRef(0);
+  var paddingRef = useRef(0);
+  useLayoutEffect(function () {
+    if (!internalRef.current) return;
+    var textArea = internalRef.current;
+    var styles = getComputedStyle(textArea);
+    lineHeightRef.current = parseFloat(styles.lineHeight);
+    var pt = parseFloat(styles.paddingTop);
+    var pb = parseFloat(styles.paddingBottom);
+    paddingRef.current = pt + pb;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useLayoutEffect(function () {
+    adjustHeight();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.value, props.placeholder, props.rows, maxRows]);
+  var adjustHeight = function adjustHeight() {
+    if (!internalRef.current) return;
+    var textArea = internalRef.current;
+    textArea.style.height = "auto";
+    var fullHeight = textArea.scrollHeight;
+    if (maxRows > 0) {
+      var maxHeight = maxRows * lineHeightRef.current + paddingRef.current;
+      textArea.style.overflowY = fullHeight > maxHeight ? "auto" : "hidden";
+      textArea.style.height = "".concat(Math.min(fullHeight, maxHeight), "px");
+    } else {
+      textArea.style.overflowY = "hidden";
+      textArea.style.height = "".concat(fullHeight, "px");
+    }
+  };
+  useLayoutEffect(function () {
+    if (!internalRef.current) return;
+    var ro = new ResizeObserver(function () {
+      return adjustHeight();
+    });
+    var textArea = internalRef.current;
+    ro.observe(textArea);
+    return function () {
+      return ro.disconnect();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onInput = function onInput(e) {
+    var _props$onInput;
+    adjustHeight();
+    (_props$onInput = props.onInput) === null || _props$onInput === void 0 || _props$onInput.call(props, e);
+  };
+  return /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread({}, props), {}, {
+    className: styles.base({
+      className: className
+    }),
+    ref: internalRef,
+    onInput: onInput
+  }));
+});
+TextAreaAutoSize.displayName = "TextAreaAutoSize";

package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts

@@ -0,0 +1,25 @@
+export declare const textAreaAutoSizeStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../styles/helpers/tv";
+export var textAreaAutoSizeStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["[&>textarea]:resize-none [&>textarea]:overflow-y-hidden"])))
+  }
+});

package/dist/esm/Fields/TextAreaAutoSize/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextAreaAutoSizeProps as ExperimentalTextAreaAutoSizeProps } from "./TextAreaAutoSize";
+export { TextAreaAutoSize as ExperimentalTextAreaAutoSize } from "./TextAreaAutoSize";

package/dist/esm/Fields/TextAreaAutoSize/index.js

@@ -0,0 +1 @@
+export { TextAreaAutoSize as ExperimentalTextAreaAutoSize } from "./TextAreaAutoSize";

package/dist/esm/Fields/index.d.ts

@@ -11,5 +11,6 @@ export * from "./Input";
 export * from "./RadioGroup";
 export * from "./RangeSlider";
 export * from "./Select";
-export * from "./TextArea";
 export * from "./Switch";
+export * from "./TextArea";
+export * from "./TextAreaAutoSize";

package/dist/esm/Fields/index.js

@@ -11,5 +11,6 @@ export * from "./Input";
 export * from "./RadioGroup";
 export * from "./RangeSlider";
 export * from "./Select";
+export * from "./Switch";
 export * from "./TextArea";
-export * from "./Switch";
+export * from "./TextAreaAutoSize";

package/dist/esm/Helpers/ShimmerText/ShimmerText.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLAttributes } from "react";
+export declare type ShimmerTextProps = HTMLAttributes<HTMLDivElement>;
+export declare const ShimmerText: import("react").ForwardRefExoticComponent<ShimmerTextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Helpers/ShimmerText/ShimmerText.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject;
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import cx from "clsx";
+import { forwardRef } from "react";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ShimmerText = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["shimmer-text"]))), className)
+  }));
+});
+ShimmerText.displayName = "ShimmerText";

package/dist/esm/Helpers/ShimmerText/ShimmerText.tailwind.d.ts

@@ -0,0 +1,5 @@
+export = shimmerTextPlugin;
+declare const shimmerTextPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/dist/esm/Helpers/ShimmerText/ShimmerText.tailwind.js

@@ -0,0 +1,36 @@
+import _plugin from "tailwindcss/plugin";
+// @ts-check
+var plugin = _plugin;
+var shimmerTextPlugin = plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    addUtilities = _ref.addUtilities,
+    theme = _ref.theme;
+  addComponents({
+    ".shimmer-text": {
+      "text-fill-color": "transparent",
+      "-webkit-text-fill-color": "transparent",
+      "animation-delay": "0.5s",
+      "animation-duration": "3s",
+      "animation-iteration-count": "infinite",
+      "animation-name": "shimmer-text",
+      background: "".concat(theme("colors.grey.900"), " linear-gradient(to right, ").concat(theme("colors.grey.900"), " 0%, #ffffffbf 40%, #ffffffbf 60%, ").concat(theme("colors.grey.900"), " 100%)"),
+      "-webkit-background-clip": "text",
+      "background-clip": "text",
+      "background-repeat": "no-repeat",
+      "background-size": "50% 200%",
+      display: "inline-block",
+      "background-position": "-100% 0"
+    }
+  });
+  addUtilities({
+    "@keyframes shimmer-text": {
+      from: {
+        "background-position": "-100% 0%"
+      },
+      to: {
+        "background-position": "250% 0%"
+      }
+    }
+  });
+});
+export default shimmerTextPlugin;

package/dist/esm/Helpers/ShimmerText/index.d.ts

@@ -0,0 +1,2 @@
+export type { ShimmerTextProps as ExperimentalShimmerTextProps } from "./ShimmerText";
+export { ShimmerText as ExperimentalShimmerText } from "./ShimmerText";

package/dist/esm/Helpers/ShimmerText/index.js

@@ -0,0 +1 @@
+export { ShimmerText as ExperimentalShimmerText } from "./ShimmerText";

package/dist/esm/Helpers/index.d.ts

@@ -3,3 +3,4 @@ export * from "./CodeEditor";
 export * from "./HelpUnderline";
 export * from "./TextWrap";
 export * from "./UserContent";
+export * from "./ShimmerText";

package/dist/esm/Helpers/index.js

@@ -2,4 +2,5 @@ export * from "./ClickAwayContainer";
 export * from "./CodeEditor";
 export * from "./HelpUnderline";
 export * from "./TextWrap";
-export * from "./UserContent";
+export * from "./UserContent";
+export * from "./ShimmerText";

package/dist/esm/Helpers/utilities/utilities.tailwind.js

@@ -3,7 +3,8 @@ import _plugin from "tailwindcss/plugin";
 // @ts-check
 var plugin = _plugin;
 export default plugin(function (_ref) {
-  var addUtilities = _ref.addUtilities;
+  var addUtilities = _ref.addUtilities,
+    theme = _ref.theme;
   addUtilities({
     ".no-scrollbar": {
       // for Firefox
@@ -16,6 +17,10 @@ export default plugin(function (_ref) {
         width: "0px"
       }
     },
+    ".thin-scrollbar": {
+      "scrollbar-width": "8px",
+      "scrollbar-color": "".concat(theme("colors.grey.200"), " ").concat(theme("colors.transparent"))
+    },
     ".no-search-input-decoration": {
       "&[type='search']": _defineProperty({}, "&::-webkit-search-decoration,\n        &::-webkit-search-cancel-button,\n        &::-webkit-search-results-button,\n        &::-webkit-search-results-decoration", {
         display: "none"

package/dist/esm/Indicators/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
-import type { FC, PropsWithChildren } from "react";
-export interface SkeletonProps {
+import type { FC, HTMLAttributes, PropsWithChildren } from "react";
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The className to apply to the skeleton element.
      */

package/dist/esm/Layout/Chat/ChatContextAccordion/ChatContextAccordion.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { AccordionProps } from "../../../Actions";
+import type { IconComponentType } from "../../../Icons";
+export declare type ChatContextAccordionProps = HTMLAttributes<HTMLDivElement> & AccordionProps & {
+    header: ReactNode;
+    icon?: IconComponentType;
+};
+export declare const ChatContextAccordion: ({ header, icon, children, className, ...props }: ChatContextAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Chat/ChatContextAccordion/ChatContextAccordion.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["header", "icon", "children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { chatContextAccordionStyles } from "./ChatContextAccordion.styles";
+import { Accordion } from "./../../../Actions";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ChatContextAccordion = function ChatContextAccordion(_ref) {
+  var header = _ref.header,
+    icon = _ref.icon,
+    children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var styles = chatContextAccordionStyles();
+  return /*#__PURE__*/_jsx(Accordion, _objectSpread(_objectSpread({}, props), {}, {
+    className: styles.base({
+      className: className
+    }),
+    children: /*#__PURE__*/_jsxs(Accordion.Item, {
+      value: "default",
+      className: styles.item(),
+      children: [/*#__PURE__*/_jsx(Accordion.Header, {
+        className: styles.header(),
+        triggerClassName: styles.trigger(),
+        titleWrapperClassName: styles.titleWrapper(),
+        titleClassName: styles.title(),
+        icon: icon,
+        iconBgClassName: styles.iconBg(),
+        children: header
+      }), /*#__PURE__*/_jsx(Accordion.Content, {
+        className: styles.content(),
+        children: children
+      })]
+    })
+  }));
+};

package/dist/esm/Layout/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts

@@ -0,0 +1,67 @@
+export declare const chatContextAccordionStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    item: string;
+    header: string;
+    iconBg: string;
+    trigger: string;
+    titleWrapper: string;
+    title: string;
+    content: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
+            titleWrapper?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    item: string;
+    header: string;
+    iconBg: string;
+    trigger: string;
+    titleWrapper: string;
+    title: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    item: string;
+    header: string;
+    iconBg: string;
+    trigger: string;
+    titleWrapper: string;
+    title: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/esm/Layout/Chat/ChatContextAccordion/ChatContextAccordion.styles.js

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../../styles/helpers/tv";
+export var chatContextAccordionStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"]))),
+    item: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["border border-grey-200 rounded-[4px] overflow-hidden"]))),
+    header: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["border-b border-grey-200 transition-colors duration-500 data-[state=closed]:border-b-transparent [&>div]:px-2"]))),
+    iconBg: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-none !size-auto"]))),
+    trigger: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["!px-2 !py-0.5"]))),
+    titleWrapper: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["gap-x-1"]))),
+    title: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["typo-subdued typo-display-caption"]))),
+    content: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["bg-grey-100 [&>div]:px-3 [&>div]:py-2 overflow-y-auto max-h-36"])))
+  }
+});

package/dist/esm/Layout/Chat/ChatContextAccordion/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChatContextAccordion";

package/dist/esm/Layout/Chat/ChatContextAccordion/index.js

@@ -0,0 +1 @@
+export * from "./ChatContextAccordion";