@openuidev/react-ui 0.9.16

package/dist/components/ListItem/stories/ListItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.stories.js","sourceRoot":"","sources":["../../../../src/components/ListItem/stories/ListItem.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/MarkDownRenderer/MarkDownRenderer.d.ts

@@ -0,0 +1,9 @@
+import { type Options } from "react-markdown";
+export interface MarkDownRendererProps {
+    variant?: "clear" | "card" | "sunk";
+    textMarkdown: string;
+    options?: Options;
+    className?: string;
+}
+export declare const MarkDownRenderer: import("react").MemoExoticComponent<(props: MarkDownRendererProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=MarkDownRenderer.d.ts.map

package/dist/components/MarkDownRenderer/MarkDownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/MarkDownRenderer.tsx"],"names":[],"mappings":"AAEA,OAAsB,EAAc,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAoCzE,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,8CAAgB,qBAAqB,6CAwDhE,CAAC"}

package/dist/components/MarkDownRenderer/MarkDownRenderer.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { memo } from "react";
+import ReactMarkdown from "react-markdown";
+import { oneLight, vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { CodeBlock } from "../CodeBlock";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../Table";
+import { useTheme } from "../ThemeProvider";
+function toTableAlignment(align) {
+    if (align === "left" || align === "center" || align === "right")
+        return align;
+    return undefined;
+}
+const MarkdownTableHead = ({ align, ...props }) => (_jsx(TableHead, { ...props, align: toTableAlignment(align) }));
+const MarkdownTableCell = ({ align, ...props }) => (_jsx(TableCell, { ...props, align: toTableAlignment(align) }));
+const variantStyles = {
+    clear: "",
+    card: "openui-markdown-renderer-card",
+    sunk: "openui-markdown-renderer-card-sunk",
+};
+export const MarkDownRenderer = memo((props) => {
+    const { mode } = useTheme();
+    const theme = mode === "dark" ? vscDarkPlus : oneLight;
+    const components = {
+        code({ className, children, ...props }) {
+            const match = /language-(\w+)/.exec(className || "");
+            if (match || (!className && String(children).includes("\n"))) {
+                const language = match?.[1] ?? "text";
+                const codeString = String(children).trim();
+                return _jsx(CodeBlock, { language: language, codeString: codeString, theme: theme });
+            }
+            return (_jsx("code", { className: clsx("openui-markdown-renderer-code", className), ...props, children: children }));
+        },
+        a({ href, children, ...props }) {
+            return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "openui-markdown-renderer-link", ...props, children: children }));
+        },
+        table: Table,
+        thead: TableHeader,
+        th: MarkdownTableHead,
+        tbody: TableBody,
+        tr: TableRow,
+        td: MarkdownTableCell,
+    };
+    const markdownProps = {
+        ...props.options,
+        components: { ...components, ...props.options?.components },
+    };
+    return (_jsx("div", { className: clsx(props["variant"] && variantStyles[props["variant"]], "openui-markdown-renderer", props.className), children: _jsx(ReactMarkdown, { ...markdownProps, children: props.textMarkdown }) }));
+});
+//# sourceMappingURL=MarkDownRenderer.js.map

package/dist/components/MarkDownRenderer/MarkDownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRenderer.js","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/MarkDownRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/MarkDownRenderer/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/MarkDownRenderer/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/dependencies.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,UAAuD,CAAC;AAE1E,eAAe,YAAY,CAAC"}

package/dist/components/MarkDownRenderer/dependencies.js

@@ -0,0 +1,5 @@
+import CodeBlockDeps from "../CodeBlock/dependencies";
+import TableDeps from "../Table/dependencies";
+const dependencies = ["MarkDownRenderer", ...CodeBlockDeps, ...TableDeps];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/MarkDownRenderer/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,kBAAkB,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;AAE1E,eAAe,YAAY,CAAC"}

package/dist/components/MarkDownRenderer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./MarkDownRenderer";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MarkDownRenderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/MarkDownRenderer/index.js

@@ -0,0 +1,2 @@
+export * from "./MarkDownRenderer";
+//# sourceMappingURL=index.js.map

package/dist/components/MarkDownRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MarkDownRenderer/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/MarkDownRenderer/markDownRenderer.css

@@ -0,0 +1 @@
+.openui-markdown-renderer-code{border-radius:4px;padding:2px 4px;background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-markdown-renderer-code::after{content:"";display:hidden}.openui-markdown-renderer-code::before{content:"";display:hidden}.openui-markdown-renderer-card{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:.5rem;padding:1rem}.openui-markdown-renderer-card-sunk{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:.5rem;padding:1rem}.openui-markdown-renderer-link{color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg));cursor:pointer;text-decoration:none;transition:color .2s ease-in-out;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-markdown-renderer-link:hover{text-decoration:underline}.openui-markdown-renderer{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);max-width:none}.openui-markdown-renderer h1,.openui-markdown-renderer h2,.openui-markdown-renderer h3,.openui-markdown-renderer h4,.openui-markdown-renderer h5,.openui-markdown-renderer h6{font:var(--openui-text-heading-xs);letter-spacing:var(--openui-text-heading-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin-bottom:18px}.openui-markdown-renderer h1:has(+p),.openui-markdown-renderer h2:has(+p),.openui-markdown-renderer h3:has(+p),.openui-markdown-renderer h4:has(+p),.openui-markdown-renderer h5:has(+p),.openui-markdown-renderer h6:has(+p){margin-bottom:8px}.openui-markdown-renderer h1+strong,.openui-markdown-renderer h2+strong,.openui-markdown-renderer h3+strong,.openui-markdown-renderer h4+strong,.openui-markdown-renderer h5+strong,.openui-markdown-renderer h6+strong{font:var(--openui-text-heading-xs);letter-spacing:var(--openui-text-heading-xs-letter-spacing)}.openui-markdown-renderer p{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);margin-bottom:0}.openui-markdown-renderer p:has(+p){margin-bottom:18px}.openui-markdown-renderer strong{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.openui-markdown-renderer li{margin-bottom:8px;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-markdown-renderer li :last-child{margin-bottom:0}.openui-markdown-renderer li::marker{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-markdown-renderer li ul{margin-top:8px}.openui-markdown-renderer li li{margin-top:8px}.openui-markdown-renderer li ol{margin-top:8px}.openui-markdown-renderer ol{list-style-type:decimal;padding-left:20px;margin-bottom:20px;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-markdown-renderer ol :last-child{margin-bottom:0}.openui-markdown-renderer ul{list-style-type:disc;padding-left:20px;margin-bottom:24px;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-markdown-renderer ul :last-child{margin-bottom:0}.openui-markdown-renderer .openui-code-block-syntax-highlighter{padding:25px !important;margin-top:8px !important;margin-bottom:8px !important}.openui-markdown-renderer .openui-code-block-syntax-highlighter:first-child{margin-top:0 !important}.openui-markdown-renderer .openui-code-block-syntax-highlighter:last-child{margin-bottom:0 !important}.openui-markdown-renderer hr{margin-top:48px;margin-bottom:48px}.openui-markdown-renderer hr+*{margin-top:0}.openui-markdown-renderer blockquote{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border-left:4px solid color-mix(in oklab, var(--openui-text-neutral-primary, oklch(9.7% 0 0deg)) 70%, transparent);padding:0px 0 0px 8px;margin-left:1rem;font-style:italic;margin-left:0;margin-top:25px;margin-bottom:25px;padding-left:16px;quotes:"“" "”" "‘" "’";line-height:1.625}.openui-markdown-renderer blockquote strong{font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.openui-markdown-renderer blockquote>*:first-child::before{content:open-quote;font-size:1em;line-height:1;vertical-align:top;margin-right:.2em}.openui-markdown-renderer blockquote>*:last-child::after{content:close-quote;font-size:1em;line-height:1.5;vertical-align:top;margin-left:.2em}.openui-markdown-renderer blockquote *{font-style:inherit;color:inherit;line-height:inherit}.openui-markdown-renderer .openui-table-container{margin-bottom:20px}.openui-markdown-renderer>*:first-child{margin-top:0}.openui-markdown-renderer>*:last-child{margin-bottom:0}

package/dist/components/MarkDownRenderer/stories/MarkDownRenderer.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MarkDownRenderer } from "../MarkDownRenderer";
+declare const meta: Meta<typeof MarkDownRenderer>;
+export default meta;
+type Story = StoryObj<typeof MarkDownRenderer>;
+export declare const Default: Story;
+export declare const WithCard: Story;
+export declare const WithSunk: Story;
+export declare const WithRichMarkdown: Story;
+//# sourceMappingURL=MarkDownRenderer.stories.d.ts.map

package/dist/components/MarkDownRenderer/stories/MarkDownRenderer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkDownRenderer/stories/MarkDownRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAmDvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6J9B,CAAC"}

package/dist/components/MarkDownRenderer/stories/MarkDownRenderer.stories.js

@@ -0,0 +1,230 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import rehypeKatex from "rehype-katex";
+import remarkBreaks from "remark-breaks";
+import remarkEmoji from "remark-emoji";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import { MarkDownRenderer } from "../MarkDownRenderer";
+const meta = {
+    title: "Components/MarkDownRenderer",
+    component: MarkDownRenderer,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { MarkDownRenderer } from '@openuidev/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["clear", "card", "sunk"],
+            description: "The visual style variant of the renderer",
+            table: {
+                category: "Appearance",
+                type: { summary: "'clear' | 'card' | 'sunk'" },
+                defaultValue: { summary: "clear" },
+            },
+        },
+        textMarkdown: {
+            control: "text",
+            description: "The markdown text to render",
+            table: {
+                category: "Content",
+                type: { summary: "string" },
+            },
+        },
+        options: {
+            control: false,
+            description: "The options for the markdown renderer. See [here](https://github.com/remarkjs/react-markdown?tab=readme-ov-file#markdown)",
+            table: {
+                category: "Options",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                width: "600px",
+            }, children: _jsx(Story, {}) })),
+    ],
+    tags: ["autodocs", "!dev"],
+};
+export default meta;
+export const Default = {
+    args: {
+        variant: "clear",
+        textMarkdown: "# Hello World\n\nThis is a simple markdown text.",
+    },
+};
+export const WithCard = {
+    args: {
+        variant: "card",
+        textMarkdown: "# Hello World\n\nThis is markdown in a card variant.",
+    },
+};
+export const WithSunk = {
+    args: {
+        variant: "sunk",
+        textMarkdown: "# Hello World\n\nThis is markdown in a sunk variant.",
+    },
+};
+export const WithRichMarkdown = {
+    args: {
+        variant: "card",
+        options: {
+            remarkPlugins: [remarkGfm, remarkMath, remarkEmoji, [remarkBreaks, { breaks: true }]],
+            rehypePlugins: [rehypeKatex],
+        },
+        textMarkdown: `# Rich Markdown Example
+
+## Text Formatting
+
+**Bold text** and *italic text* and ~~strikethrough~~
+
+## Lists
+
+### Unordered List
+- Item 1
+- Item 2
+  - Nested item
+  - Another nested item
+    - Nested item 3
+- Item 3
+
+### Ordered List
+1. First item
+2. Second item
+3. Third item
+
+## Links
+
+[Example Link](https://example.com)
+
+## Blockquotes
+
+> This is a blockquote
+> It can span multiple lines
+
+## Code
+
+Inline \`code\` example
+
+\`\`\`javascript
+// Code block
+function hello() {
+  console.log("Hello, world!");
+}
+\`\`\`
+
+## Math (KaTeX)
+
+Inline math: $E = mc^2$
+
+Block math:
+
+$$
+\\frac{1}{\\Bigl(\\sqrt{\\phi \\sqrt{5}}-\\phi\\Bigr) e^{\\frac25 \\pi}} = 1+\\frac{e^{-2\\pi}} {1+\\frac{e^{-4\\pi}} {1+\\frac{e^{-6\\pi}} {1+\\frac{e^{-8\\pi}} {1+\\ldots} } } }
+$$
+
+## Tables
+
+| Header 1 | Header 2 | Header 3 |
+|----------|----------|----------|
+| Row 1    | Data     | Data     |
+| Row 2    | Data     | Data     |
+
+## Emojis
+
+:smile: :heart:
+`,
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import rehypeKatex from "rehype-katex";
+import remarkBreaks from "remark-breaks";
+import remarkEmoji from "remark-emoji";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+
+<MarkDownRenderer
+  variant="card"
+  options={{
+    remarkPlugins: [remarkGfm, remarkMath, remarkEmoji, [remarkBreaks, { breaks: true }]],
+    rehypePlugins: [rehypeKatex],
+  }}
+  textMarkdown={"
+  # Rich Markdown Example
+
+  ## Text Formatting
+
+  **Bold text** and *italic text* and ~~strikethrough~~
+
+  ## Lists
+
+  ### Unordered List
+  - Item 1
+  - Item 2
+    - Nested item
+    - Another nested item
+      - Nested item 3
+  - Item 3
+
+  ### Ordered List
+  1. First item
+  2. Second item
+  3. Third item
+
+  ## Links
+
+  [Example Link](https://example.com)
+
+  ## Blockquotes
+
+  > This is a blockquote
+  > It can span multiple lines
+
+  ## Code
+
+  Inline \`code\` example
+
+  \`\`\`javascript
+  // Code block
+  function hello() {
+    console.log("Hello, world!");
+  }
+  \`\`\`
+
+  ## Math (KaTeX)
+
+  Inline math: $E = mc^2$
+
+  Block math:
+
+  $$
+  \\frac{1}{\\Bigl(\\sqrt{\\phi \\sqrt{5}}-\\phi\\Bigr) e^{\\frac25 \\pi}} = 1+\\frac{e^{-2\\pi}} {1+\\frac{e^{-4\\pi}} {1+\\frac{e^{-6\\pi}} {1+\\frac{e^{-8\\pi}} {1+\\ldots} } } }
+  $$
+
+  ## Tables
+
+  | Header 1 | Header 2 | Header 3 |
+  |----------|----------|----------|
+  | Row 1    | Data     | Data     |
+  | Row 2    | Data     | Data     |
+
+  ## Emojis
+
+  :smile: :heart:
+"
+}
+/>
+`,
+                language: "tsx",
+                type: "code",
+            },
+        },
+    },
+};
+//# sourceMappingURL=MarkDownRenderer.stories.js.map

package/dist/components/MarkDownRenderer/stories/MarkDownRenderer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/MarkDownRenderer/stories/MarkDownRenderer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,sEAAsE;aAClF;SACF;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;YAClC,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,2BAA2B,EAAE;gBAC9C,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;YAC1C,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,WAAW,EACT,2HAA2H;YAC7H,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;aACf,YAED,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,kDAAkD;KACjE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,sDAAsD;KACrE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,sDAAsD;KACrE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,OAAO,EAAE;YACP,aAAa,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACrF,aAAa,EAAE,CAAC,WAAW,CAAC;SAC7B;QACD,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DjB;KACE;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Eb;gBACO,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;CACF,CAAC"}

package/dist/components/MessageLoading/MessageLoading.d.ts

@@ -0,0 +1,4 @@
+export declare const MessageLoading: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageLoading.d.ts.map

package/dist/components/MessageLoading/MessageLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLoading.d.ts","sourceRoot":"","sources":["../../../src/components/MessageLoading/MessageLoading.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAMnE,CAAC"}

package/dist/components/MessageLoading/MessageLoading.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export const MessageLoading = ({ className }) => {
+    return (_jsx("div", { className: clsx("openui-message-loading-container", className), children: _jsx("div", { className: "openui-message-loading" }) }));
+};
+//# sourceMappingURL=MessageLoading.js.map

package/dist/components/MessageLoading/MessageLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLoading.js","sourceRoot":"","sources":["../../../src/components/MessageLoading/MessageLoading.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IACtE,OAAO,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE,SAAS,CAAC,YACjE,cAAK,SAAS,EAAC,wBAAwB,GAAG,GACtC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/MessageLoading/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/MessageLoading/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/MessageLoading/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAqB,CAAC;AACxC,eAAe,YAAY,CAAC"}

package/dist/components/MessageLoading/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["MessageLoading"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/MessageLoading/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/MessageLoading/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,gBAAgB,CAAC,CAAC;AACxC,eAAe,YAAY,CAAC"}

package/dist/components/MessageLoading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./MessageLoading";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MessageLoading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageLoading/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/MessageLoading/index.js

@@ -0,0 +1,2 @@
+export * from "./MessageLoading";
+//# sourceMappingURL=index.js.map

package/dist/components/MessageLoading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MessageLoading/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/MessageLoading/messageLoading.css

@@ -0,0 +1 @@
+@keyframes l7{33%{background-size:33.3333333333% 0%,33.3333333333% 100%,33.3333333333% 100%}50%{background-size:33.3333333333% 100%,33.3333333333% 0%,33.3333333333% 100%}66%{background-size:33.3333333333% 100%,33.3333333333% 100%,33.3333333333% 0%}}.openui-message-loading-container{border-radius:var(--openui-space-xl, 24px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding:var(--openui-space-s, 8px);height:32px;display:flex;align-items:center;width:fit-content;box-sizing:border-box}.openui-message-loading{width:24px;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side, var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2)) 90%, transparent 90%);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 100%;animation:l7 750ms infinite linear}

package/dist/components/MessageLoading/stories/MessageLoading.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { MessageLoading } from "../MessageLoading";
+declare const meta: Meta<typeof MessageLoading>;
+export default meta;
+type Story = StoryObj<typeof MessageLoading>;
+export declare const Default: Story;
+//# sourceMappingURL=MessageLoading.stories.d.ts.map

package/dist/components/MessageLoading/stories/MessageLoading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLoading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageLoading/stories/MessageLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAmBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/components/MessageLoading/stories/MessageLoading.stories.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageLoading } from "../MessageLoading";
+const meta = {
+    title: "Components/MessageLoading",
+    component: MessageLoading,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { MessageLoading } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: "400px" }, children: _jsx(Story, {}) })),
+    ],
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(MessageLoading, {}),
+    parameters: {
+        docs: {
+            description: {
+                story: "A loading indicator that appears while a message is being processed.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=MessageLoading.stories.js.map

package/dist/components/MessageLoading/stories/MessageLoading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLoading.stories.js","sourceRoot":"","sources":["../../../../src/components/MessageLoading/stories/MessageLoading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,oEAAoE;aAChF;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,cAAc,KAAG;IAChC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,sEAAsE;aAC9E;SACF;KACF;CACF,CAAC"}

package/dist/components/OpenUIChat/ComposedBottomTray.d.ts

@@ -0,0 +1,9 @@
+export declare const BottomTray: {
+    (props: import("./withChatProvider").ChatLayoutProps<{
+        isOpen?: boolean;
+        onOpenChange?: (isOpen: boolean) => void;
+        defaultOpen?: boolean;
+    }>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ComposedBottomTray.d.ts.map

package/dist/components/OpenUIChat/ComposedBottomTray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedBottomTray.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedBottomTray.tsx"],"names":[],"mappings":"AA+HA,eAAO,MAAM,UAAU;;iBACZ,OAAO;uBACD,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;sBAC1B,OAAO;;;CACJ,CAAC"}

package/dist/components/OpenUIChat/ComposedBottomTray.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import { useState } from "react";
+import { Container, ConversationStarter, Composer as DefaultComposer, Header, MessageLoading, Messages, ScrollArea, ThreadContainer, Trigger, WelcomeScreen, } from "../BottomTray";
+import { CustomComposerAdapter } from "./CustomComposerAdapter";
+import { isChatEmpty, isWelcomeComponent } from "./utils";
+import { withChatProvider } from "./withChatProvider";
+const WelcomeMessageRenderer = ({ welcomeMessage }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!welcomeMessage || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    if (isWelcomeComponent(welcomeMessage)) {
+        const CustomWelcome = welcomeMessage;
+        return (_jsx(WelcomeScreen, { children: _jsx(CustomWelcome, {}) }));
+    }
+    return (_jsx(WelcomeScreen, { title: welcomeMessage.title, description: welcomeMessage.description, image: welcomeMessage.image }));
+};
+const ConversationStartersRenderer = ({ conversationStarters, }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!conversationStarters || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    return (_jsx(ConversationStarter, { variant: conversationStarters.variant, starters: conversationStarters.options }));
+};
+const BottomTrayInner = ({ logoUrl = "https://crayonai.org/img/logo.png", agentName = "My Agent", messageLoading: MessageLoadingComponent = MessageLoading, scrollVariant = "user-message-anchor", isArtifactActive, renderArtifact, isOpen: controlledIsOpen, onOpenChange, defaultOpen = false, welcomeMessage, conversationStarters, assistantMessage, userMessage, composer: ComposerComponent, }) => {
+    const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState(defaultOpen);
+    const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : uncontrolledIsOpen;
+    const handleOpenChange = (newIsOpen) => {
+        if (controlledIsOpen === undefined) {
+            setUncontrolledIsOpen(newIsOpen);
+        }
+        onOpenChange?.(newIsOpen);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Trigger, { onClick: () => handleOpenChange(!isOpen), isOpen: isOpen, children: logoUrl ? (_jsx("img", { src: logoUrl, alt: "Logo", className: "openui-bottom-tray-trigger-logo" })) : null }), _jsx(Container, { logoUrl: logoUrl, agentName: agentName, isOpen: isOpen, children: _jsxs(ThreadContainer, { isArtifactActive: isArtifactActive, renderArtifact: renderArtifact, children: [_jsx(Header, { onMinimize: () => handleOpenChange(false) }), _jsx(WelcomeMessageRenderer, { welcomeMessage: welcomeMessage }), _jsx(ScrollArea, { scrollVariant: scrollVariant, children: _jsx(Messages, { loader: _jsx(MessageLoadingComponent, {}), assistantMessage: assistantMessage, userMessage: userMessage }) }), _jsx(ConversationStartersRenderer, { conversationStarters: conversationStarters }), ComposerComponent ? (_jsx(CustomComposerAdapter, { composer: ComposerComponent })) : (_jsx(DefaultComposer, {}))] }) })] }));
+};
+export const BottomTray = withChatProvider(BottomTrayInner);
+//# sourceMappingURL=ComposedBottomTray.js.map

package/dist/components/OpenUIChat/ComposedBottomTray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedBottomTray.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedBottomTray.tsx"],"names":[],"mappings":"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"}

package/dist/components/OpenUIChat/ComposedCopilot.d.ts

@@ -0,0 +1,5 @@
+export declare const Copilot: {
+    (props: import("./withChatProvider").ChatLayoutProps<{}>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ComposedCopilot.d.ts.map

package/dist/components/OpenUIChat/ComposedCopilot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedCopilot.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedCopilot.tsx"],"names":[],"mappings":"AAiGA,eAAO,MAAM,OAAO;;;CAAiC,CAAC"}

package/dist/components/OpenUIChat/ComposedCopilot.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import { Container, ConversationStarter, Composer as DefaultComposer, Header, MessageLoading, Messages, ScrollArea, ThreadContainer, WelcomeScreen, } from "../CopilotShell";
+import { CustomComposerAdapter } from "./CustomComposerAdapter";
+import { isChatEmpty, isWelcomeComponent } from "./utils";
+import { withChatProvider } from "./withChatProvider";
+const WelcomeMessageRenderer = ({ welcomeMessage }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!welcomeMessage || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    if (isWelcomeComponent(welcomeMessage)) {
+        const CustomWelcome = welcomeMessage;
+        return (_jsx(WelcomeScreen, { children: _jsx(CustomWelcome, {}) }));
+    }
+    return (_jsx(WelcomeScreen, { title: welcomeMessage.title, description: welcomeMessage.description, image: welcomeMessage.image }));
+};
+const ConversationStartersRenderer = ({ conversationStarters, }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!conversationStarters || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    return (_jsx(ConversationStarter, { variant: conversationStarters.variant, starters: conversationStarters.options }));
+};
+const CopilotInner = ({ logoUrl = "https://crayonai.org/img/logo.png", agentName = "My Agent", messageLoading: MessageLoadingComponent = MessageLoading, scrollVariant = "user-message-anchor", isArtifactActive, renderArtifact, welcomeMessage, conversationStarters, assistantMessage, userMessage, composer: ComposerComponent, }) => {
+    return (_jsx(Container, { logoUrl: logoUrl, agentName: agentName, children: _jsxs(ThreadContainer, { isArtifactActive: isArtifactActive, renderArtifact: renderArtifact, children: [_jsx(Header, {}), _jsx(WelcomeMessageRenderer, { welcomeMessage: welcomeMessage }), _jsx(ScrollArea, { scrollVariant: scrollVariant, children: _jsx(Messages, { loader: _jsx(MessageLoadingComponent, {}), assistantMessage: assistantMessage, userMessage: userMessage }) }), _jsx(ConversationStartersRenderer, { conversationStarters: conversationStarters }), ComposerComponent ? (_jsx(CustomComposerAdapter, { composer: ComposerComponent })) : (_jsx(DefaultComposer, {}))] }) }));
+};
+export const Copilot = withChatProvider(CopilotInner);
+//# sourceMappingURL=ComposedCopilot.js.map

package/dist/components/OpenUIChat/ComposedCopilot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedCopilot.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedCopilot.tsx"],"names":[],"mappings":"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"}

package/dist/components/OpenUIChat/ComposedStandalone.d.ts

@@ -0,0 +1,5 @@
+export declare const FullScreen: {
+    (props: import("./withChatProvider").ChatLayoutProps<{}>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ComposedStandalone.d.ts.map

package/dist/components/OpenUIChat/ComposedStandalone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedStandalone.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedStandalone.tsx"],"names":[],"mappings":"AAuHA,eAAO,MAAM,UAAU;;;CAAoC,CAAC"}