@algolia/satellite 2.3.0 → 2.4.0

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

@@ -0,0 +1,170 @@
+export declare const accordionStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & import("tailwind-variants/dist/config").TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,50 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../styles/helpers/tv";
+export var accordionStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
+    item: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group/accordion-item flex flex-col"]))),
+    header: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""]))),
+    trigger: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["group/accordion-trigger flex items-center justify-between"]))),
+    titleWrapper: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex items-center grow"]))),
+    iconBg: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center justify-center shrink-0"]))),
+    icon: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["size-4 text-grey-600 group-disabled/accordion-trigger:text-grey-300"]))),
+    titleCol: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["flex flex-col gap-y-1 text-left grow"]))),
+    title: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["typo-display-heading line-clamp-2 group-disabled/accordion-trigger:text-grey-300"]))),
+    description: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-display-body text-grey-600 line-clamp-3 group-disabled/accordion-trigger:text-grey-300"]))),
+    metaWrapper: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex items-center gap-x-2"]))),
+    meta: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["typo-display-caption group-disabled/accordion-trigger:text-grey-300"]))),
+    triggerIcon: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["shrink-0 text-grey-600 group-disabled/accordion-trigger:text-grey-300"]))),
+    triggerIconChevron: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["group-data-[state=open]/accordion-trigger:rotate-180 motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-out"]))),
+    content: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["typo-display-body text-grey-600 overflow-hidden accordion-content"]))),
+    contentInner: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([""])))
+  },
+  variants: {
+    variant: {
+      normal: {
+        trigger: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["w-full gap-x-3 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"]))),
+        titleWrapper: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["gap-x-3"]))),
+        iconBg: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["rounded-full w-8 h-8 bg-grey-100"]))),
+        triggerIcon: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["size-5"]))),
+        contentInner: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["px-4 pt-2 pb-4"])))
+      },
+      compact: {
+        trigger: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["min-h-0 gap-x-2 bg-transparent border-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-600"]))),
+        titleWrapper: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["gap-x-1"]))),
+        iconBg: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["h-6 bg-transparent"]))),
+        title: stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["typo-display-body"]))),
+        description: stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["hidden"]))),
+        metaWrapper: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral([""]))),
+        meta: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["hidden"]))),
+        triggerIcon: stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["size-4"]))),
+        content: stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["py-0"]))),
+        contentInner: stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["py-1"])))
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "normal"
+  }
+});

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

@@ -7,8 +7,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             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;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
@@ -20,8 +20,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             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;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -48,8 +48,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             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;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -79,8 +79,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             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;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/esm/Chat/ChatMessage/ChatMessage.d.ts

@@ -62,7 +62,7 @@ export declare type ChatMessageProps<ActionsExtraData extends Record<string, any
  *
  * See the [ChatMessage documentation page](https://satellite.algolia.com/8261d6576/p/06f740-chat-message) for more information.
  */
-export declare const ChatMessage: <ActionsExtraData extends Record<string, any> = Record<string, any>>(props: Omit<HTMLAttributes<HTMLElement>, "children" | "content"> & {
+export declare const ChatMessage: <ActionsExtraData extends Record<string, any> = Record<string, any>>(props: Omit<HTMLAttributes<HTMLElement>, "content" | "children"> & {
     /**
      * The content of the message.
      */

package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts

@@ -34,8 +34,8 @@ export declare const chatMessageStyles: import("tailwind-variants").TVReturnType
     footer: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;

package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts

@@ -40,8 +40,8 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
     content: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
@@ -120,8 +120,8 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
     footer: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;

package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts

@@ -67,8 +67,8 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
     skeleton: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
@@ -147,8 +147,8 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
     footer: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;

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

@@ -15,9 +15,6 @@ var textAreaPlugin = plugin(function (_ref) {
       transition: "all 100ms ease-in-out",
       fontSize: theme("fontSize.base"),
       lineHeight: theme("lineHeight.base"),
-      "&::placeholder": {
-        color: theme("colors.grey.600")
-      },
       "&:hover": {
         borderColor: theme("colors.grey.600")
       },
@@ -49,6 +46,9 @@ var textAreaPlugin = plugin(function (_ref) {
       color: theme("colors.grey.900"),
       background: "transparent",
       padding: theme("spacing.4"),
+      "&::placeholder": {
+        color: theme("colors.grey.600")
+      },
       "&:focus": {
         outline: "none"
       },

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

@@ -1,4 +1,5 @@
 import type { FC } from "react";
+import type { Components } from "react-markdown";
 export interface MarkdownContentProps {
     /**
      * Additional classes to apply to the `MarkdownContent`.
@@ -8,8 +9,14 @@ export interface MarkdownContentProps {
      * The content of the `MarkdownContent`.
      */
     content?: string;
+    /**
+     * Custom components to override the default rendering of markdown elements.
+     */
+    components?: Partial<Components>;
 }
 /**
  * The `MarkdownContent` component is used to style user generated content that comes as Markdown.
+ *
+ * See the [Markdown Content documentation page](https://satellite.algolia.com/8261d6576/p/784293-markdown-content) for more information.
  */
 export declare const MarkdownContent: FC<MarkdownContentProps>;

package/dist/esm/Helpers/MarkdownContent/MarkdownContent.js

@@ -1,22 +1,28 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import { marked } from "marked";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The `MarkdownContent` component is used to style user generated content that comes as Markdown.
+ *
+ * See the [Markdown Content documentation page](https://satellite.algolia.com/8261d6576/p/784293-markdown-content) for more information.
  */
 export var MarkdownContent = function MarkdownContent(_ref) {
   var className = _ref.className,
-    content = _ref.content;
+    content = _ref.content,
+    components = _ref.components;
   if (!content) {
     return null;
   }
   return /*#__PURE__*/_jsx("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["markdown-content"]))), className),
-    dangerouslySetInnerHTML: {
-      __html: marked.parse(content)
-    }
+    children: /*#__PURE__*/_jsx(ReactMarkdown, {
+      components: components,
+      remarkPlugins: [remarkGfm],
+      children: content
+    })
   });
 };

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

@@ -50,8 +50,8 @@ export default plugin(function (_ref) {
         listStyleType: "disc"
       },
       ol: {
-        paddingLeft: theme("spacing.5"),
-        listStyleType: "decimal"
+        listStyleType: "decimal",
+        listStylePosition: "inside"
       },
       a: {
         color: theme("colors.accent.600"),

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

@@ -27,9 +27,7 @@ export default plugin(function (_ref) {
         }
       },
       h1: mobile["display-xlarge"],
-      h2: _objectSpread(_objectSpread({}, mobile["display-large"]), {}, {
-        color: theme("colors.grey.600")
-      }),
+      h2: mobile["display-large"],
       h3: mobile["display-medium"],
       h4: mobile["display-small"],
       h5: mobile["display-heading"],

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

@@ -0,0 +1,7 @@
+import type { SvgComponent } from "../types";
+declare const FailIllustration: SvgComponent;
+declare const FilterResultsIllustration: SvgComponent;
+declare const GenericIllustration: SvgComponent;
+declare const NoPermissionIllustration: SvgComponent;
+declare const SuccessIllustration: SvgComponent;
+export { FailIllustration, FilterResultsIllustration, GenericIllustration, NoPermissionIllustration, SuccessIllustration, };