@openuidev/react-ui 0.9.16

package/dist/hooks/useScrollToBottom.js

@@ -0,0 +1,105 @@
+"use client";
+import { useCallback, useEffect, useRef } from "react";
+export const useScrollToBottom = ({ ref, lastMessage, scrollVariant, userMessageSelector = ".openui-shell-thread-message-user", isRunning, isLoadingMessages, }) => {
+    const previousLastMessage = useRef(null);
+    const lastUserMessage = useRef(null);
+    const hasUserScrolledWhenIsRunning = useRef(false);
+    const wasScrolledToBottomAfterLoading = useRef(false);
+    useEffect(() => {
+        const element = ref.current;
+        if (!isRunning || !element) {
+            hasUserScrolledWhenIsRunning.current = false;
+            return;
+        }
+        let isUserScrolling = false;
+        const userScrollingDisabler = () => {
+            isUserScrolling = false;
+        };
+        const userScrollingEnabler = () => {
+            isUserScrolling = true;
+        };
+        const scrollListener = () => {
+            if (!isUserScrolling) {
+                return;
+            }
+            hasUserScrolledWhenIsRunning.current = true;
+            removeListeners();
+        };
+        const addListeners = () => {
+            element.addEventListener("scroll", scrollListener);
+            element.addEventListener("click", userScrollingDisabler);
+            element.addEventListener("touchmove", userScrollingEnabler);
+            element.addEventListener("wheel", userScrollingEnabler);
+            element.addEventListener("keydown", userScrollingEnabler);
+            element.addEventListener("mousedown", userScrollingEnabler);
+        };
+        const removeListeners = () => {
+            element.removeEventListener("scroll", scrollListener);
+            element.removeEventListener("click", userScrollingDisabler);
+            element.removeEventListener("touchmove", userScrollingEnabler);
+            element.removeEventListener("wheel", userScrollingEnabler);
+            element.removeEventListener("keydown", userScrollingEnabler);
+            element.removeEventListener("mousedown", userScrollingEnabler);
+        };
+        addListeners();
+        return () => {
+            removeListeners();
+        };
+    }, [isRunning]);
+    const scrollToBottom = useCallback(() => {
+        const element = ref.current;
+        if (!element) {
+            return;
+        }
+        if (scrollVariant === "always") {
+            if (previousLastMessage.current !== lastMessage) {
+                const scrollBy = element.scrollHeight - element.scrollTop - element.clientHeight;
+                if (scrollBy > 90) {
+                    element.scrollTo({
+                        top: element.scrollHeight,
+                        behavior: "smooth",
+                    });
+                }
+                else {
+                    element.scrollTop = element.scrollHeight;
+                }
+            }
+        }
+        else if (scrollVariant === "once") {
+            if (previousLastMessage.current?.id !== lastMessage.id) {
+                element.scrollTo({
+                    top: element.scrollHeight,
+                    behavior: "smooth",
+                });
+            }
+        }
+        else {
+            const lastUserMessageDiv = Array.from(element.querySelectorAll(userMessageSelector)).pop();
+            const lastUserMessageNextSibling = lastUserMessageDiv?.nextElementSibling;
+            if (lastUserMessageDiv &&
+                (!lastUserMessageNextSibling?.nextElementSibling ||
+                    !wasScrolledToBottomAfterLoading.current) &&
+                previousLastMessage.current?.id !== lastMessage.id) {
+                // scroll to last user message till there is only 1 more message
+                const scrollPosition = lastUserMessageDiv.getBoundingClientRect().top -
+                    element.getBoundingClientRect().top +
+                    element.scrollTop;
+                element.scrollTo({ top: scrollPosition, behavior: "smooth" });
+                lastUserMessage.current = lastUserMessageDiv;
+            }
+        }
+        previousLastMessage.current = lastMessage;
+    }, [ref, lastMessage, scrollVariant, userMessageSelector]);
+    useEffect(() => {
+        if ((isRunning && !hasUserScrolledWhenIsRunning.current) || // scroll to bottom if user hasn't scrolled when isRunning is true
+            (!wasScrolledToBottomAfterLoading.current && !isLoadingMessages) // scroll to bottom once when messages are loaded
+        ) {
+            scrollToBottom();
+            wasScrolledToBottomAfterLoading.current = true;
+        }
+        if (isLoadingMessages) {
+            wasScrolledToBottomAfterLoading.current = false;
+        }
+    }, [scrollToBottom, isRunning, isLoadingMessages]);
+};
+//# sourceMappingURL=useScrollToBottom.js.map

package/dist/hooks/useScrollToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToBottom.js","sourceRoot":"","sources":["../../src/hooks/useScrollToBottom.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAyD,EACxF,GAAG,EACH,WAAW,EACX,aAAa,EACb,mBAAmB,GAAG,mCAAmC,EACzD,SAAS,EACT,iBAAiB,GAUlB,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACzD,MAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,+BAA+B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3B,4BAA4B,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7C,OAAO;QACT,CAAC;QACD,IAAI,eAAe,GAAG,KAAK,CAAC;QAE5B,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,eAAe,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;YAChC,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YACD,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5C,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YACnD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;YACzD,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;YAC5D,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;YACxD,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;YAC1D,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;QAC9D,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YACtD,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;YAC5D,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;YAC/D,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;YAC3D,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;YAC7D,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;QACjE,CAAC,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,IAAI,aAAa,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,mBAAmB,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;gBAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC;gBACjF,IAAI,QAAQ,GAAG,EAAE,EAAE,CAAC;oBAClB,OAAO,CAAC,QAAQ,CAAC;wBACf,GAAG,EAAE,OAAO,CAAC,YAAY;wBACzB,QAAQ,EAAE,QAAQ;qBACnB,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC;gBAC3C,CAAC;YACH,CAAC;QACH,CAAC;aAAM,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;YACpC,IAAI,mBAAmB,CAAC,OAAO,EAAE,EAAE,KAAK,WAAW,CAAC,EAAE,EAAE,CAAC;gBACvD,OAAO,CAAC,QAAQ,CAAC;oBACf,GAAG,EAAE,OAAO,CAAC,YAAY;oBACzB,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,EAE3E,CAAC;YACd,MAAM,0BAA0B,GAAG,kBAAkB,EAAE,kBAAkB,CAAC;YAC1E,IACE,kBAAkB;gBAClB,CAAC,CAAC,0BAA0B,EAAE,kBAAkB;oBAC9C,CAAC,+BAA+B,CAAC,OAAO,CAAC;gBAC3C,mBAAmB,CAAC,OAAO,EAAE,EAAE,KAAK,WAAW,CAAC,EAAE,EAClD,CAAC;gBACD,gEAAgE;gBAChE,MAAM,cAAc,GAClB,kBAAkB,CAAC,qBAAqB,EAAE,CAAC,GAAG;oBAC9C,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;oBACnC,OAAO,CAAC,SAAS,CAAC;gBAEpB,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;gBAC9D,eAAe,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAC/C,CAAC;QACH,CAAC;QAED,mBAAmB,CAAC,OAAO,GAAG,WAAW,CAAC;IAC5C,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IACE,CAAC,SAAS,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,IAAI,kEAAkE;YAC1H,CAAC,CAAC,+BAA+B,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,iDAAiD;UAClH,CAAC;YACD,cAAc,EAAE,CAAC;YACjB,+BAA+B,CAAC,OAAO,GAAG,IAAI,CAAC;QACjD,CAAC;QAED,IAAI,iBAAiB,EAAE,CAAC;YACtB,+BAA+B,CAAC,OAAO,GAAG,KAAK,CAAC;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrD,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export * from "./components/Accordion";
+export * from "./components/Button";
+export * from "./components/Buttons";
+export * from "./components/Calendar";
+export * from "./components/Callout";
+export * from "./components/Card";
+export * from "./components/CardHeader";
+export * from "./components/Carousel";
+export * from "./components/Charts";
+export type { ExportChartData } from "./components/Charts/Charts";
+export * from "./components/CheckBoxGroup";
+export * from "./components/CheckBoxItem";
+export * from "./components/CodeBlock";
+export * as CopilotShell from "./components/CopilotShell";
+export * from "./components/DatePicker";
+export * from "./components/FollowUpBlock";
+export * from "./components/FollowUpItem";
+export * from "./components/FormControl";
+export * from "./components/IconButton";
+export * from "./components/Image";
+export * from "./components/ImageBlock";
+export * from "./components/ImageGallery";
+export * from "./components/Input";
+export * from "./components/Label";
+export * from "./components/ListBlock";
+export * from "./components/ListItem";
+export * from "./components/MarkDownRenderer";
+export * from "./components/MessageLoading";
+export * from "./components/OpenUIChat";
+export * from "./components/RadioGroup";
+export * from "./components/RadioItem";
+export * from "./components/Select";
+export * from "./components/Separator";
+export * as Shell from "./components/Shell";
+export * from "./components/Slider";
+export * from "./components/Steps";
+export * from "./components/SwitchGroup";
+export * from "./components/SwitchItem";
+export * from "./components/Table";
+export * from "./components/Tabs";
+export * from "./components/Tag";
+export * from "./components/TagBlock";
+export * from "./components/TextArea";
+export * from "./components/TextCallout";
+export * from "./components/TextContent";
+export { Theme, ThemeProvider, createTheme, defaultDarkTheme, defaultLightTheme, swatchTokens, } from "./components/ThemeProvider";
+export * from "./components/ToolCall";
+export * from "./components/ToolResult";
+export { defaultAdditionalRules, defaultComponentGroups, defaultExamples, defaultLibrary, defaultPromptOptions, } from "./genui-lib";
+export * from "./context/LayoutContext";
+export * from "./context/PrintContext";
+export type { ConversationStarterVariant } from "./components/BottomTray/ConversationStarter";
+export type { ConversationStarterIcon, ConversationStarterProps, } from "./types/ConversationStarter";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAGrB,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,6BAA6B,CAAC"}

package/dist/index.js

@@ -0,0 +1,54 @@
+"use client";
+export * from "./components/Accordion";
+export * from "./components/Button";
+export * from "./components/Buttons";
+export * from "./components/Calendar";
+export * from "./components/Callout";
+export * from "./components/Card";
+export * from "./components/CardHeader";
+export * from "./components/Carousel";
+export * from "./components/Charts";
+export * from "./components/CheckBoxGroup";
+export * from "./components/CheckBoxItem";
+export * from "./components/CodeBlock";
+export * as CopilotShell from "./components/CopilotShell";
+export * from "./components/DatePicker";
+export * from "./components/FollowUpBlock";
+export * from "./components/FollowUpItem";
+export * from "./components/FormControl";
+export * from "./components/IconButton";
+export * from "./components/Image";
+export * from "./components/ImageBlock";
+export * from "./components/ImageGallery";
+export * from "./components/Input";
+export * from "./components/Label";
+export * from "./components/ListBlock";
+export * from "./components/ListItem";
+export * from "./components/MarkDownRenderer";
+export * from "./components/MessageLoading";
+export * from "./components/OpenUIChat";
+export * from "./components/RadioGroup";
+export * from "./components/RadioItem";
+export * from "./components/Select";
+export * from "./components/Separator";
+export * as Shell from "./components/Shell";
+export * from "./components/Slider";
+export * from "./components/Steps";
+export * from "./components/SwitchGroup";
+export * from "./components/SwitchItem";
+export * from "./components/Table";
+export * from "./components/Tabs";
+export * from "./components/Tag";
+export * from "./components/TagBlock";
+export * from "./components/TextArea";
+export * from "./components/TextCallout";
+export * from "./components/TextContent";
+export { ThemeProvider, createTheme, defaultDarkTheme, defaultLightTheme, swatchTokens, } from "./components/ThemeProvider";
+export * from "./components/ToolCall";
+export * from "./components/ToolResult";
+// Genui-lib standard library
+export { defaultAdditionalRules, defaultComponentGroups, defaultExamples, defaultLibrary, defaultPromptOptions, } from "./genui-lib";
+// this is the context providers that are used in the shell
+export * from "./context/LayoutContext";
+export * from "./context/PrintContext";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAEL,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAExC,6BAA6B;AAC7B,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAErB,2DAA2D;AAC3D,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC"}

package/dist/internalUtils/ref.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from "react";
+/**
+ * Assigns a value to a ref.
+ * Handles both callback refs and ref objects safely.
+ *
+ * @template T - The type of the ref value
+ * @param ref - The ref to assign the value to (can be callback, ref object, or null)
+ * @param value - The value to assign
+ */
+export declare const assignRef: <T = unknown>(ref: Ref<T> | null, value: T | null) => void;
+//# sourceMappingURL=ref.d.ts.map

package/dist/internalUtils/ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.d.ts","sourceRoot":"","sources":["../../src/internalUtils/ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,GAAG,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,KAAG,IAM5E,CAAC"}

package/dist/internalUtils/ref.js

@@ -0,0 +1,17 @@
+/**
+ * Assigns a value to a ref.
+ * Handles both callback refs and ref objects safely.
+ *
+ * @template T - The type of the ref value
+ * @param ref - The ref to assign the value to (can be callback, ref object, or null)
+ * @param value - The value to assign
+ */
+export const assignRef = (ref, value) => {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+};
+//# sourceMappingURL=ref.js.map

package/dist/internalUtils/ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.js","sourceRoot":"","sources":["../../src/internalUtils/ref.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAc,GAAkB,EAAE,KAAe,EAAQ,EAAE;IAClF,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACd,GAA2B,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/C,CAAC;AACH,CAAC,CAAC"}

package/dist/scripts/generate-css-utils.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-css-utils.d.ts.map

package/dist/scripts/generate-css-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-utils.d.ts","sourceRoot":"","sources":["../../src/scripts/generate-css-utils.ts"],"names":[],"mappings":""}

package/dist/scripts/generate-css-utils.js

@@ -0,0 +1,109 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defaultLightTheme } from "../components/ThemeProvider/defaultTheme.js";
+import { camelToKebab } from "../components/ThemeProvider/utils.js";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const sectionHeaders = {
+    background: "// Surface / Background Colors",
+    textNeutralPrimary: "// Text Colors",
+    chatUserResponseBg: "// Chat Colors",
+    interactiveAccentDefault: "// Interactive Colors",
+    borderDefault: "// Border Colors",
+    space000: "// Spacing",
+    radiusNone: "// Border Radius",
+    fontBody: "// Typography Tokens",
+    shadow0: "// Shadows",
+};
+const lines = [];
+lines.push("// Auto-generated by src/scripts/generate-css-utils.ts — do not edit manually.");
+lines.push('@use "sass:map";');
+lines.push("");
+const entries = Object.entries(defaultLightTheme).filter(([, value]) => typeof value === "string");
+for (const [key, value] of entries) {
+    if (sectionHeaders[key]) {
+        if (lines.length > 3)
+            lines.push("");
+        lines.push(sectionHeaders[key]);
+        lines.push("");
+    }
+    const kebab = camelToKebab(key);
+    lines.push(`$${kebab}: var(--openui-${kebab}, ${value});`);
+}
+// $chat-container-bg is an SCSS-level alias, not a CSS variable
+lines.push("");
+lines.push("$chat-container-bg: $background;");
+// ─── Static typography system ────────────────────────────────────────────────
+lines.push("");
+lines.push(`\
+@function typography($font-name) {
+  @return (font: var(--#{$font-name}), letter-spacing: var(--#{$font-name}-letter-spacing));
+}
+
+$typography: (
+  body: (
+    default: typography(openui-text-body-default),
+    heavy: typography(openui-text-body-default-heavy),
+    small: typography(openui-text-body-sm),
+    small-heavy: typography(openui-text-body-sm-heavy),
+    large: typography(openui-text-body-lg),
+    large-heavy: typography(openui-text-body-lg-heavy),
+    link: typography(openui-text-body-default),
+    medium: typography(openui-text-body-default),
+  ),
+  label: (
+    default: typography(openui-text-label-default),
+    heavy: typography(openui-text-label-default-heavy),
+    large: typography(openui-text-label-lg),
+    large-heavy: typography(openui-text-label-lg-heavy),
+    medium: typography(openui-text-label-default),
+    medium-heavy: typography(openui-text-label-default-heavy),
+    small: typography(openui-text-label-sm),
+    small-heavy: typography(openui-text-label-sm-heavy),
+    extra-small: typography(openui-text-label-xs),
+    extra-small-heavy: typography(openui-text-label-xs-heavy),
+    2-extra-small: typography(openui-text-label-xs),
+    2-extra-small-heavy: typography(openui-text-label-xs-heavy),
+  ),
+  heading: (
+    large: typography(openui-text-heading-lg),
+    medium: typography(openui-text-heading-md),
+    small: typography(openui-text-heading-sm),
+    extra-small: typography(openui-text-heading-xs),
+  ),
+  number: (
+    large: typography(openui-text-numbers-lg),
+    large-heavy: typography(openui-text-numbers-lg-heavy),
+    heavy: typography(openui-text-numbers-default-heavy),
+    default: typography(openui-text-numbers-default),
+    small: typography(openui-text-numbers-sm),
+    small-heavy: typography(openui-text-numbers-sm-heavy),
+    extra-small: typography(openui-text-numbers-xs),
+    extra-small-heavy: typography(openui-text-numbers-xs-heavy),
+    title: typography(openui-text-heading-lg),
+    title-medium: typography(openui-text-heading-md),
+  ),
+  code: (
+    default: typography(openui-text-code-default),
+    heavy: typography(openui-text-code-default-heavy),
+    small: typography(openui-text-code-sm),
+    small-heavy: typography(openui-text-code-sm-heavy),
+  ),
+);
+
+@mixin typography($font-name, $font-variant) {
+  font: map.get($typography, $font-name, $font-variant, font);
+  letter-spacing: map.get($typography, $font-name, $font-variant, letter-spacing);
+}
+
+@mixin button-reset {
+  padding: 0;
+  border: 0;
+  background: transparent;
+}`);
+lines.push("");
+const outputPath = path.resolve(__dirname, "../cssUtils.css");
+fs.writeFileSync(outputPath, lines.join("\n"));
+console.info(`Generated cssUtils.scss at ${outputPath}`);
+//# sourceMappingURL=generate-css-utils.js.map

package/dist/scripts/generate-css-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-utils.js","sourceRoot":"","sources":["../../src/scripts/generate-css-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAE3C,MAAM,cAAc,GAA2B;IAC7C,UAAU,EAAE,gCAAgC;IAC5C,kBAAkB,EAAE,gBAAgB;IACpC,kBAAkB,EAAE,gBAAgB;IACpC,wBAAwB,EAAE,uBAAuB;IACjD,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,sBAAsB;IAChC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,KAAK,GAAa,EAAE,CAAC;AAE3B,KAAK,CAAC,IAAI,CAAC,gFAAgF,CAAC,CAAC;AAC7F,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;AAC/B,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEf,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,MAAM,CACtD,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CACnB,CAAC;AAExB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,OAAO,EAAE,CAAC;IACnC,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QAChC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC;IACD,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,kBAAkB,KAAK,KAAK,KAAK,IAAI,CAAC,CAAC;AAC7D,CAAC;AAED,gEAAgE;AAChE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACf,KAAK,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;AAE/C,gFAAgF;AAChF,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACf,KAAK,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiET,CAAC,CAAC;AACJ,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEf,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAC/D,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/C,OAAO,CAAC,IAAI,CAAC,8BAA8B,UAAU,EAAE,CAAC,CAAC"}

package/dist/styles/accordion.css

@@ -0,0 +1 @@
+.openui-accordion{box-sizing:border-box;border-radius:var(--openui-radius-2xl, 14px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding:calc(var(--openui-space-m, 12px) + 2px);padding-bottom:0}.openui-accordion-clear{border:1px solid rgba(0,0,0,0);box-shadow:none;padding:0}.openui-accordion-clear .openui-accordion-trigger{box-shadow:none;padding-left:0;padding-right:0;padding-top:var(--openui-space-l, 18px);padding-bottom:var(--openui-space-l, 18px)}.openui-accordion-clear .openui-accordion-item:first-child .openui-accordion-trigger{padding-top:0}.openui-accordion-clear .openui-accordion-item:last-child{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom:1px solid rgba(0,0,0,0)}.openui-accordion-clear .openui-accordion-content-wrapper{padding:0;padding-bottom:var(--openui-space-l, 18px);gap:var(--openui-space-m, 12px)}.openui-accordion-card .openui-accordion-content-wrapper{padding:0;padding-bottom:var(--openui-space-m, 12px);gap:var(--openui-space-l, 18px)}.openui-accordion-card .openui-accordion-item:last-child .openui-accordion-trigger{border-bottom:none}.openui-accordion-card .openui-accordion-item:last-child{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom:none}.openui-accordion-sunk{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-accordion-sunk .openui-accordion-content-wrapper{padding:0;padding-bottom:var(--openui-space-m, 12px);gap:var(--openui-space-l, 18px)}.openui-accordion-sunk .openui-accordion-item:last-child .openui-accordion-trigger{border-bottom:none}.openui-accordion-item{box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-accordion-item:first-child{margin-top:0;border-top-left-radius:4px;border-top-right-radius:4px}.openui-accordion-item:first-child .openui-accordion-trigger{padding-top:0}.openui-accordion-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.openui-accordion-item:focus-within{position:relative;z-index:1}.openui-accordion-header{display:flex;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.openui-accordion-trigger{border:none;box-sizing:border-box;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);background-color:rgba(0,0,0,0);padding:var(--openui-space-l, 18px) 0;width:100%;flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-accordion-trigger-content{display:flex;align-items:center;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));gap:var(--openui-space-xs, 6px)}.openui-accordion-trigger-content-icon{display:flex;align-items:center;justify-content:center;height:16px;width:16px}.openui-accordion-trigger-icon{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));height:16px;width:16px;transition:transform 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-accordion-trigger[data-state=open] .openui-accordion-trigger-icon{transform:rotate(180deg)}.openui-accordion-content{overflow:hidden;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-accordion-content[data-state=open]{animation:slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-accordion-content[data-state=closed]{animation:slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-accordion-content-wrapper{box-sizing:border-box;display:flex;flex-direction:column;padding:0;gap:var(--openui-space-l, 18px)}@keyframes slideDown{from{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{from{height:var(--radix-accordion-content-height)}to{height:0}}

package/dist/styles/bottomTray.css

@@ -0,0 +1 @@
+.openui-bottom-tray-container{display:flex;position:fixed;bottom:84px;right:var(--openui-space-l, 18px);height:calc(90% - 84px);max-height:768px;width:448px;overflow:hidden;flex-direction:column;transform-origin:bottom right;transition:transform .25s ease-in-out,opacity .25s ease-in-out,clip-path .25s ease-in-out;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-2xl, 14px) var(--openui-radius-2xl, 14px) var(--openui-radius-3xl, 16px) var(--openui-radius-3xl, 16px);box-shadow:var(--openui-shadow-2xl, 0 12px 24px -6px oklch(0% 0 0deg / 0.12), 0 24px 48px -8px oklch(0% 0 0deg / 0.16));background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-bottom-tray-container *{box-sizing:border-box}.openui-bottom-tray-container--open{transform:scale(1);opacity:1;clip-path:ellipse(150% 150% at 100% 100%)}.openui-bottom-tray-container--closed{transform:scale(0.1);opacity:0;pointer-events:none;clip-path:ellipse(0% 0% at 100% 100%)}@media(max-width: 768px){.openui-bottom-tray-container{right:0;left:0;top:0;bottom:0;width:100dvw;height:100dvh;max-height:none;max-width:none;border-radius:0;border:none}.openui-bottom-tray-container--closed{transform:scale(0.1);clip-path:ellipse(0% 0% at 100% 100%)}}.openui-bottom-tray-trigger{position:fixed;bottom:var(--openui-space-l, 18px);right:var(--openui-space-l, 18px);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--openui-radius-full, 9999px);background:var(--openui-inverted-background, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-xl, 0 8px 16px -4px oklch(0% 0 0deg / 0.08), 0 16px 32px -6px oklch(0% 0 0deg / 0.12));cursor:pointer;transition:all .1s ease;z-index:1000;overflow:hidden}.openui-bottom-tray-trigger:hover{background:var(--openui-interactive-accent-hover, oklch(9.7% 0 0deg / 0.8));box-shadow:var(--openui-shadow-2xl, 0 12px 24px -6px oklch(0% 0 0deg / 0.12), 0 24px 48px -8px oklch(0% 0 0deg / 0.16));transform:translateY(-2px)}.openui-bottom-tray-trigger:active{transform:translateY(0);scale:.95}.openui-bottom-tray-trigger--open{transform:scale(0.85)}@media(max-width: 768px){.openui-bottom-tray-trigger{bottom:var(--openui-space-m, 12px);right:var(--openui-space-m, 12px)}.openui-bottom-tray-trigger--open{display:none}}.openui-bottom-tray-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-l, 10px) var(--openui-radius-l, 10px) 0 0}@media(max-width: 768px){.openui-bottom-tray-header{border-radius:0}}.openui-bottom-tray-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-bottom-tray-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-bottom-tray-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-bottom-tray-thread-list-dropdown{display:flex;flex-direction:column;min-width:240px;max-width:320px;max-height:296px;padding:var(--openui-space-s, 8px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-l, 10px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-l, 0 4px 4px -2px oklch(0% 0 0deg / 0.05), 0 4px 8px -2px oklch(0% 0 0deg / 0.04));z-index:9999;overflow:hidden}.openui-bottom-tray-thread-list-header{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);padding-bottom:var(--openui-space-s, 8px)}.openui-bottom-tray-thread-list-items{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px);overflow-y:auto}.openui-bottom-tray-thread-list-empty{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding:var(--openui-space-m, 12px);text-align:center}.openui-bottom-tray-thread-item{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0);padding-right:var(--openui-space-xs, 6px)}.openui-bottom-tray-thread-item--selected{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-bottom-tray-thread-item:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-bottom-tray-thread-item:hover .openui-bottom-tray-thread-item-menu-trigger{opacity:1}.openui-bottom-tray-thread-item-title{padding:0;border:0;background:rgba(0,0,0,0);font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);flex:1;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.openui-bottom-tray-thread-item-menu-trigger{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding:var(--openui-space-xs, 6px);flex-shrink:0;cursor:pointer;opacity:0;border-radius:var(--openui-radius-xs, 4px)}.openui-bottom-tray-thread-item-menu-trigger:hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-bottom-tray-thread-item-menu-trigger[data-state=open]{opacity:1}.openui-bottom-tray-thread-item-menu{display:flex;flex-direction:column;padding:var(--openui-space-xs, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05));z-index:10000}.openui-bottom-tray-thread-item-menu-action{padding:0;border:0;background:rgba(0,0,0,0);font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);display:flex;align-items:center;gap:var(--openui-space-xs, 6px);cursor:pointer;border-radius:var(--openui-radius-xs, 4px)}.openui-bottom-tray-thread-item-menu-action:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-bottom-tray-thread-item-menu-icon{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-bottom-tray-thread-container{display:flex;flex:1;overflow:hidden;flex-direction:column}.openui-bottom-tray-thread-scroll-container{width:100%;flex:1;position:relative;overflow:hidden}.openui-bottom-tray-thread-scroll-gradient{position:absolute;bottom:0;left:0;right:0;height:40px;z-index:1;pointer-events:none;background:linear-gradient(to top, var(--openui-background, oklch(97% 0 89.876deg)) 0%, transparent)}.openui-bottom-tray-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px)}.openui-bottom-tray-thread-scroll-area--user-message-anchor .openui-bottom-tray-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-bottom-tray-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:openui-bottom-tray-slide-in-from-bottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes openui-bottom-tray-slide-in-from-bottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-bottom-tray-thread-messages{margin:0 auto;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px)}.openui-bottom-tray-thread-message-assistant{width:100%;overflow:hidden}.openui-bottom-tray-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-bottom-tray-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-thread-message-user{display:flex;justify-content:flex-end}.openui-bottom-tray-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-bottom-tray-thread-composer{width:100%;padding:0 var(--openui-space-s, 8px) var(--openui-space-s, 8px)}.openui-bottom-tray-thread-composer__input-wrapper{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-xl, 12px)}.openui-bottom-tray-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-bottom-tray-conversation-starter{display:flex;padding:0 var(--openui-space-s, 8px);margin-bottom:var(--openui-space-s, 8px)}.openui-bottom-tray-conversation-starter--short{flex-direction:column;gap:var(--openui-space-s, 8px)}.openui-bottom-tray-conversation-starter--long{flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-bottom-tray-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-bottom-tray-conversation-starter-item-short{display:flex;align-items:flex-start;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-bottom-tray-conversation-starter-item-short__icon{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-3xs, 2px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-conversation-starter-item-short__text{flex:1}.openui-bottom-tray-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-bottom-tray-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}@media(max-width: 480px){.openui-bottom-tray-conversation-starter-item-short{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px)}}.openui-bottom-tray-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-xs, 6px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;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));text-align:left;overflow:hidden}.openui-bottom-tray-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-xs, 6px);flex:1;min-width:0}.openui-bottom-tray-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-bottom-tray-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-bottom-tray-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-bottom-tray-conversation-starter-item-long:not(:disabled):hover .openui-bottom-tray-conversation-starter-item-long__arrow{opacity:1}.openui-bottom-tray-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-bottom-tray-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);height:100%;justify-content:center;align-items:center}.openui-bottom-tray-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-bottom-tray-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-bottom-tray-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-bottom-tray-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-bottom-tray-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:280px}

package/dist/styles/button.css

@@ -0,0 +1 @@
+.openui-button-base{box-sizing:border-box;font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);border-radius:var(--openui-radius-l, 10px);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .12s ease;display:flex;gap:var(--openui-space-xs, 6px);align-items:center}.openui-button-base svg{height:1em;width:1em}.openui-button-base-primary{background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-color:var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-button-base-primary:not(:disabled):hover{background-color:var(--openui-interactive-accent-hover, oklch(9.7% 0 0deg / 0.8));box-shadow:none}.openui-button-base-primary:disabled{background-color:var(--openui-interactive-accent-disabled, oklch(9.7% 0 0deg / 0.4));cursor:not-allowed;box-shadow:none}.openui-button-base-primary:not(:disabled):active{background-color:var(--openui-interactive-accent-pressed, oklch(9.7% 0 0deg))}.openui-button-base-secondary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-button-base-secondary:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));box-shadow:none}.openui-button-base-secondary:disabled{background-color:rgba(0,0,0,0);box-shadow:none;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-button-base-secondary:not(:disabled):active{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-button-base-tertiary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-button-base-tertiary:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-button-base-tertiary:disabled{background-color:rgba(0,0,0,0);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-button-base-tertiary:not(:disabled):active{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-button-base-destructive-primary{background-color:var(--openui-interactive-destructive-accent-default, oklch(57.7% 0.215 27.325deg));color:var(--openui-text-danger-inverted-primary, oklch(98.2% 0.009 17.303deg));border-color:var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08))}.openui-button-base-destructive-primary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-accent-hover, oklch(63.7% 0.208 25.331deg))}.openui-button-base-destructive-primary:disabled{background-color:var(--openui-interactive-destructive-accent-disabled, oklch(57.7% 0.215 27.325deg / 0.4));cursor:not-allowed}.openui-button-base-destructive-primary:not(:disabled):active{background-color:var(--openui-interactive-destructive-accent-pressed, oklch(50.5% 0.19 27.518deg))}.openui-button-base-destructive-secondary{background-color:var(--openui-interactive-destructive-default, oklch(57.7% 0.215 27.325deg / 0.02));color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg));border-color:var(--openui-border-danger, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-button-base-destructive-secondary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-button-base-destructive-secondary:disabled{background-color:var(--openui-interactive-destructive-disabled, oklch(57.7% 0.215 27.325deg / 0.02));color:var(--openui-text-danger-tertiary, oklch(80.8% 0.103 19.571deg));cursor:not-allowed}.openui-button-base-destructive-secondary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-button-base-destructive-tertiary{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-button-base-destructive-tertiary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-button-base-destructive-tertiary:disabled{color:var(--openui-text-danger-tertiary, oklch(80.8% 0.103 19.571deg));cursor:not-allowed}.openui-button-base-destructive-tertiary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08));border-color:var(--openui-border-danger, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-button-base-extra-small{border-radius:var(--openui-radius-s, 6px);padding:calc(var(--openui-space-xs, 6px) - 1.75px) var(--openui-space-s, 8px);font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-button-base-small{border-radius:calc(var(--openui-radius-s, 6px) + 1px);padding:calc(var(--openui-space-s, 8px) - 1.75px) var(--openui-space-s-m, 10px);font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-button-base-medium{padding:calc(var(--openui-space-s, 8px) - 1px) var(--openui-space-s-m, 10px);border-radius:var(--openui-radius-m, 8px)}.openui-button-base-large{padding:calc(var(--openui-space-s-m, 10px) - 1px) var(--openui-space-m, 12px)}

package/dist/styles/buttons.css

@@ -0,0 +1 @@
+.openui-buttons{display:flex;width:100%;gap:var(--openui-space-m, 12px);box-sizing:border-box}.openui-buttons-horizontal{flex-direction:row;flex-wrap:wrap}.openui-buttons-vertical{flex-direction:column}

package/dist/styles/calendar.css

@@ -0,0 +1 @@
+.openui-calendar-container .openui-calendar-select-trigger{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-trigger:focus-visible{outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-container .openui-calendar-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-root{--openui-calendar-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-calendar-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-3xl, 16px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-calendar-nav-fullscreen,.openui-calendar-nav-tray,.openui-calendar-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-calendar-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-calendar-dropdowns-fullscreen,.openui-calendar-dropdowns-tray,.openui-calendar-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-calendar-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-calendar-months-dropdown,.openui-calendar-years-dropdown{cursor:pointer}.openui-calendar-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-calendar-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-calendar-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-calendar-single-day,.openui-calendar-range-day{width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);min-width:var(--openui-calendar-day-size);min-height:var(--openui-calendar-day-size);padding:0;vertical-align:middle}.openui-calendar-single-day-button,.openui-calendar-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-calendar-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-calendar-single-day-button:focus,.openui-calendar-range-day-button:focus{outline:none}.openui-calendar-single-day-button:focus-visible,.openui-calendar-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-single-day-button:not(:disabled):hover,.openui-calendar-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-single-day-button:disabled,.openui-calendar-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-button-next,.openui-calendar-button-previous{display:none}.openui-calendar-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-calendar-cell-radius);border-bottom-left-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-calendar-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-calendar-cell-radius);border-bottom-right-radius:var(--openui-calendar-cell-radius)}.openui-calendar-footer{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/styles/callout.css

@@ -0,0 +1 @@
+.openui-callout{display:flex;flex-direction:column;padding:var(--openui-space-000, 0) calc(var(--openui-space-m, 12px) + 2px);box-sizing:border-box;align-items:flex-start;border-left:2px solid}.openui-callout-info{border-color:var(--openui-border-info-emphasis, oklch(54.6% 0.215 262.881deg))}.openui-callout-info .openui-callout-title{color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg))}.openui-callout-danger{border-color:var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg))}.openui-callout-danger .openui-callout-title{color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-callout-warning{border-color:var(--openui-border-alert-emphasis, oklch(68.1% 0.142 75.834deg))}.openui-callout-warning .openui-callout-title{color:var(--openui-text-alert-primary, oklch(47.6% 0.103 61.907deg))}.openui-callout-success{border-color:var(--openui-border-success-emphasis, oklch(62.7% 0.17 149.214deg))}.openui-callout-success .openui-callout-title{color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-callout-neutral{border-color:var(--openui-border-interactive-selected, oklch(9.7% 0 0deg))}.openui-callout-neutral .openui-callout-title{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-callout-title{font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.openui-callout-description{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))}

package/dist/styles/card.css

@@ -0,0 +1 @@
+.openui-card{display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px);border:1px solid rgba(0,0,0,0);box-sizing:border-box;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-card-card{padding:var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:none}.openui-card-clear{padding:0px var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);background-color:rgba(0,0,0,0);box-shadow:none}.openui-card-sunk{padding:var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-card-standard{width:80%}.openui-card-full{width:100%}

package/dist/styles/cardHeader.css

@@ -0,0 +1 @@
+.openui-header{display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);margin-bottom:var(--openui-space-2xs, 4px);overflow-wrap:break-word}.openui-header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.openui-header-top-left{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing)}.openui-header-top-left-icon{display:flex;align-items:center;justify-content:center;height:1em;width:1em}.openui-header-top-right{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-2xs, 4px)}.openui-header-bottom{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}

package/dist/styles/carousel.css

@@ -0,0 +1 @@
+.openui-carousel{position:relative;display:flex}.openui-carousel-content{position:relative;display:flex;flex-direction:row;gap:var(--openui-space-m, 12px);overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-x:hidden;scrollbar-width:none}.openui-carousel-content.openui-carousel-content--mask-left.openui-carousel-content--mask-right{mask-image:linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent)}.openui-carousel-content.openui-carousel-content--mask-left:not(.openui-carousel-content--mask-right){mask-image:linear-gradient(to right, transparent, black 40px, black);-webkit-mask-image:linear-gradient(to right, transparent, black 40px, black)}.openui-carousel-content.openui-carousel-content--mask-right:not(.openui-carousel-content--mask-left){mask-image:linear-gradient(to left, transparent, black 40px, black);-webkit-mask-image:linear-gradient(to left, transparent, black 40px, black)}.openui-carousel-content-wrapper{display:flex;gap:var(--openui-space-m, 12px)}.openui-carousel-content::-webkit-scrollbar{display:none}.openui-carousel-content>*{box-sizing:border-box;scroll-snap-align:start}.openui-carousel-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);width:280px;flex-shrink:0;border-radius:var(--openui-radius-2xl, 14px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));padding:var(--openui-space-m, 12px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-carousel-button{position:absolute;top:50%;z-index:10;transform:translateY(-50%);background:var(--openui-foreground, oklch(99.4% 0 89.876deg));display:flex;align-items:center;justify-content:center;border-radius:var(--openui-radius-s, 6px)}.openui-carousel-button-left{left:-12px}.openui-carousel-button-right{right:-12px}@media(max-width: 400px){.openui-carousel .openui-carousel-item{width:248px;flex-shrink:0}}.openui-carousel--sunk .openui-carousel-item{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}

package/dist/styles/charts.css

@@ -0,0 +1 @@
+.openui-bar-chart-container-inner{display:flex;width:100%}.openui-bar-chart-y-axis-container{flex-shrink:0}.openui-bar-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-bar-chart-main-container::-webkit-scrollbar{display:none}.openui-bar-chart-condensed-container{display:flex;flex-direction:column}.openui-bar-chart-condensed-container-inner{display:flex;width:100%}.openui-bar-chart-condensed-y-axis-container{flex-shrink:0}.openui-bar-chart-condensed{width:100%;height:100%}.openui-bar-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-bar-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-horizontal-bar-chart-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner{position:relative;display:flex;flex-direction:column;width:100%;flex:1;min-width:0}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-x-axis-container{flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding-top:var(--openui-space-2xs, 4px)}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner-wrapper{width:100%;display:flex;flex-direction:row;width:100%;overflow:hidden}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container::-webkit-scrollbar{display:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-category-label{display:flex;align-items:center;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-left:var(--openui-space-m, 12px);box-sizing:border-box}.openui-area-chart-container-inner{display:flex;width:100%}.openui-area-chart-y-axis-container{flex-shrink:0}.openui-area-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-area-chart-main-container::-webkit-scrollbar{display:none}.openui-area-chart-condensed-container{display:flex;flex-direction:column}.openui-area-chart-condensed-container-inner{display:flex;width:100%}.openui-area-chart-condensed-y-axis-container{flex-shrink:0}.openui-area-chart-condensed{width:100%;height:100%}.openui-area-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-area-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-line-chart-container-inner{display:flex;width:100%}.openui-line-chart-y-axis-container{flex-shrink:0}.openui-line-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-line-chart-main-container::-webkit-scrollbar{display:none}.openui-line-chart-condensed-container{display:flex;flex-direction:column}.openui-line-chart-condensed-container-inner{display:flex;width:100%}.openui-line-chart-condensed-y-axis-container{flex-shrink:0}.openui-line-chart-condensed{width:100%;height:100%}.openui-line-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-line-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-scatter-chart-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column}.openui-scatter-chart-container-inner{position:relative;display:flex;width:100%;flex:1 1 auto;min-width:0}.openui-scatter-chart-x-axis-container{position:absolute;bottom:0;left:0;flex-shrink:0;width:100%}.openui-scatter-chart-y-axis-container{flex-shrink:0}.openui-scatter-chart-main-and-x-axis-container{display:flex;flex-direction:column;width:100%}.openui-scatter-chart-main-container{width:100%;overflow:hidden;margin-bottom:45px}.openui-scatter-chart-legend-container{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-radar-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-radar-chart-container-wrapper.layout-column{flex-direction:column;align-items:center}.openui-radar-chart-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.layout-column .openui-radar-chart-container{flex:1;min-height:0}.openui-radar-chart-container-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.openui-radar-chart .recharts-polar-grid-concentric-polygon{stroke-width:1;stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-radar-chart .recharts-polar-grid-angle line{stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-chart-polar-angle-axis-label{pointer-events:none;font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap}.openui-single-stacked-bar-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.openui-single-stacked-bar-chart-container-gap{gap:var(--openui-space-m, 12px)}.openui-single-stacked-bar-chart{width:100%;height:20px;font-family:inherit;background-color:var(--openui-background, oklch(97% 0 89.876deg));border-radius:var(--openui-radius-s, 6px);overflow:hidden;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));display:flex;padding:var(--openui-space-2xs, 4px);gap:var(--openui-space-3xs, 2px)}.openui-single-stacked-bar-chart-segment{height:100%;display:flex;align-items:center;justify-content:center;min-width:2px;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));position:relative;overflow:hidden;transition:box-shadow .2s ease,filter .2s ease,opacity .2s ease}.openui-single-stacked-bar-chart-segment:first-child{border-radius:var(--openui-radius-xs, 4px) 0 0 var(--openui-radius-xs, 4px)}.openui-single-stacked-bar-chart-segment:last-child{border-radius:0 var(--openui-radius-xs, 4px) var(--openui-radius-xs, 4px) 0}.openui-single-stacked-bar-chart-segment-line{position:absolute;transform:translateY(-50%);background-color:var(--openui-border-accent-emphasis, oklch(9.7% 0 0deg / 0.3));top:50%;left:5px;width:calc(100% - 10px);height:1px;z-index:1;min-width:2px}.openui-single-stacked-bar-chart-animated{transition:width .6s cubic-bezier(0.4, 0, 0.2, 1)}.openui-single-stacked-bar-chart-stacked-legend{margin-top:var(--openui-space-s, 8px)}.openui-pie-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-pie-chart-container-wrapper.legend-default{flex-direction:column;align-items:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-column{flex-direction:column;align-items:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-row{flex-direction:row;align-items:center;min-height:296px}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container{height:296px}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend-container{justify-content:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend{height:auto;max-height:100%}.openui-pie-chart-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.layout-row .openui-pie-chart-container{flex:1;min-width:0}.openui-pie-chart{display:flex;align-items:center;justify-content:center}.openui-pie-chart .openui-pie-chart__inner-cell{fill:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-pie-chart-legend-container{display:flex;justify-content:center}.legend-default .openui-pie-chart-legend-container{width:100%;align-items:center}.layout-column.legend-stacked .openui-pie-chart-legend-container{width:100%;align-items:flex-start}.layout-row.legend-stacked .openui-pie-chart-legend-container{flex:1;min-width:0;height:100%;align-items:center}.openui-radial-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-radial-chart-container-wrapper.legend-default{flex-direction:column;align-items:center}.openui-radial-chart-container-wrapper.legend-stacked.layout-column{flex-direction:column;align-items:center}.openui-radial-chart-container-wrapper.legend-stacked.layout-row{flex-direction:row;align-items:center;max-height:296px}.openui-radial-chart-container-wrapper.legend-stacked.layout-row .openui-radial-chart-legend-container{height:296px}.openui-radial-chart-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.layout-row .openui-radial-chart-container{flex:1;min-width:0}.openui-radial-chart{display:flex;align-items:center;justify-content:center}.openui-radial-chart .recharts-polar-grid{opacity:.3}.openui-radial-chart-legend-container{display:flex;justify-content:center}.legend-default .openui-radial-chart-legend-container{width:100%;align-items:center}.layout-column.legend-stacked .openui-radial-chart-legend-container{width:100%;align-items:flex-start}.layout-row.legend-stacked .openui-radial-chart-legend-container{flex:1;min-width:0;height:100%;align-items:center}.openui-chart-x-axis-tick-multi-line{margin:0;padding:0;font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-width:0}.openui-chart-x-axis-tick-single-line{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.openui-chart-svg-x-axis-tick{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-svg-x-axis-tick-angled{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-legend-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--openui-space-s, 8px)}.openui-chart-legend-axis-label-container{display:flex;align-items:center;justify-content:center;gap:var(--openui-space-m, 12px);flex-wrap:wrap}.openui-chart-legend-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-legend-axis-label-text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend{display:flex;align-items:center;justify-content:center;gap:var(--openui-space-m, 12px);text-transform:capitalize;flex-wrap:wrap}.openui-chart-legend--bottom{padding-top:var(--openui-space-m, 12px)}.openui-chart-legend--collapsed{flex-wrap:nowrap;overflow:hidden}.openui-chart-legend--expanded{flex-wrap:wrap}.openui-chart-legend-item{display:flex;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-chart-legend-item svg{height:10px;width:10px;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-item-indicator{height:10px;width:10px;flex-shrink:0;border-radius:var(--openui-radius-2xs, 2px);background-color:var(--color-bg)}.openui-chart-legend-item-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-toggle-button{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding-left:var(--openui-space-2xs, 4px);padding-right:var(--openui-space-3xs, 2px)}.openui-chart-legend-toggle-button-icon{width:1em;height:1em;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-item-label-container{display:flex;align-items:center;gap:var(--openui-space-2xs, 4px)}.openui-chart-legend-item-percentage{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-stacked-legend-container{position:relative;display:flex;flex-direction:column;align-items:center;height:100%}.openui-stacked-legend-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0 var(--openui-space-xs, 6px) var(--openui-space-xs, 6px) var(--openui-space-l, 18px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-stacked-legend-header-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-stacked-legend-scroll-button{z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-up{top:2px}.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-down{bottom:2px}.openui-stacked-legend{width:100%;display:flex;flex-direction:column;min-width:200px;overflow-y:scroll;height:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-stacked-legend::-webkit-scrollbar{display:none}.openui-stacked-legend__item{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;border-radius:var(--openui-radius-m, 8px);transition:all .2s ease-in-out;cursor:pointer;height:32px}.openui-stacked-legend__item:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-stacked-legend__item--active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-stacked-legend__item-label{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.openui-stacked-legend__item-label-text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.openui-stacked-legend__item-color-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;height:36px;width:32px;flex-shrink:0}.openui-stacked-legend__item-color{width:10px;height:10px;border-radius:2px;transition:all .2s ease-in-out}.openui-stacked-legend__item:hover .openui-stacked-legend__item-color{transform:scale(1.2)}.openui-stacked-legend__item--active .openui-stacked-legend__item-color{transform:scale(1.3)}.openui-stacked-legend__item-label-text{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));transition:color .2s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.openui-stacked-legend__item-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));transition:all .2s ease-in-out;flex-shrink:0}.openui-stacked-legend-show-more-button{width:100%;justify-content:center;margin-top:var(--openui-space-2xs, 4px)}.openui-stacked-legend-show-less-button{width:100%;justify-content:center;margin-top:var(--openui-space-2xs, 4px)}.openui-stacked-legend-separator{margin:var(--openui-space-2xs, 4px) 0}.openui-stacked-legend-header-title{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-y-axis-tick{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-horizontal-scroll-buttons-container{position:relative}.openui-chart-horizontal-scroll-button{position:absolute;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-horizontal-scroll-button:hover{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-horizontal-scroll-button--left{top:-23px;transform:translateY(-50%);left:20px}.openui-chart-horizontal-scroll-button--right{top:-23px;transform:translateY(-50%);right:0px}.openui-chart-horizontal-scroll-button--disabled{visibility:hidden;cursor:not-allowed;transition:visibility .1s linear}.openui-chart-horizontal-scroll-button--SideBarTooltip{top:-23px;transform:translateY(-50%);right:185px}.openui-chart-vertical-scroll-buttons-container{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:calc(100% - 44px);flex-shrink:0;padding-left:var(--openui-space-2xs, 4px)}.openui-chart-vertical-scroll-button{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));pointer-events:auto}.openui-chart-vertical-scroll-button:hover{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-vertical-scroll-button--disabled{visibility:hidden;cursor:not-allowed;transition:visibility .1s linear}.openui-chart-vertical-scroll-button--SideBarTooltip{margin-right:190px}.openui-chart-label-tooltip{z-index:1000;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);max-width:200px;word-wrap:break-word;animation-duration:.15s;animation-timing-function:ease-out;will-change:transform,opacity}.openui-chart-label-tooltip[data-state=delayed-open],.openui-chart-label-tooltip[data-state=instant-open]{animation-name:tooltipSlideUpAndFade}.openui-chart-label-tooltip[data-side=top]{animation-name:tooltipSlideDownAndFade}.openui-chart-label-tooltip[data-side=bottom]{animation-name:tooltipSlideUpAndFade}.openui-chart-label-tooltip[data-side=left]{animation-name:tooltipSlideRightAndFade}.openui-chart-label-tooltip[data-side=right]{animation-name:tooltipSlideLeftAndFade}.openui-chart-label-tooltip-arrow{fill:var(--openui-foreground, oklch(99.4% 0 89.876deg));stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));stroke-width:1px}@keyframes tooltipSlideUpAndFade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipSlideDownAndFade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipSlideRightAndFade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltipSlideLeftAndFade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.openui-portal-tooltip{pointer-events:none;z-index:1000;position:absolute}.openui-chart-tooltip{display:grid;align-items:start;min-width:128px;max-width:240px;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);border-radius:var(--openui-radius-l, 10px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));text-transform:capitalize}.openui-chart-tooltip-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-label-heavy{font:var(--openui-text-label-xs-heavy);letter-spacing:var(--openui-text-label-xs-heavy-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content{display:grid;align-items:start;min-width:128px;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));text-transform:capitalize}.openui-chart-tooltip-content-item{display:flex;width:100%;flex-wrap:wrap;gap:var(--openui-space-xs, 6px);align-items:flex-start}.openui-chart-tooltip-content-item--dot{align-items:center}.openui-chart-tooltip-content-item svg{height:10px;width:10px;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-tooltip-content-indicator{flex-shrink:0;border-radius:var(--openui-radius-2xs, 2px)}.openui-chart-tooltip-content-indicator--dot{height:10px;width:10px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--line{width:4px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--dashed{width:0;border:1.5px dashed var(--color-border);background-color:rgba(0,0,0,0)}.openui-chart-tooltip-content-indicator--nested-dashed{margin:var(--openui-space-3xs, 2px) 0}.openui-chart-tooltip-content-indicator--two-items{margin-top:2px}.openui-chart-tooltip-content-value-wrapper{display:flex;flex:1;gap:var(--openui-space-s, 8px);justify-content:space-between;line-height:1}.openui-chart-tooltip-content-value-wrapper--nested{align-items:flex-end}.openui-chart-tooltip-content-value-wrapper--standard{align-items:center}.openui-chart-tooltip-content-value-wrapper--vertical{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--openui-space-2xs, 4px)}.openui-chart-tooltip-content-label{display:grid;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing)}.openui-chart-tooltip-content-label span{display:block;overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content-value{font-variant-numeric:tabular-nums;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-chart-tooltip-content-value--percentage{padding-left:var(--openui-space-s, 8px)}.openui-chart-tooltip-content-item-separator{width:100%;height:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));margin:0}.openui-chart-tooltip-content-item:last-child .openui-chart-tooltip-content-item-separator{display:none}.openui-chart-tooltip-content-view-more{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow-wrap:break-word;word-break:break-word}.openui-chart-side-bar-tooltip{display:flex;flex-direction:column;min-width:180px;max-width:180px;overflow:hidden;padding:var(--openui-space-xs, 6px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-s, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-side-bar-tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.openui-chart-side-bar-tooltip-close-button{flex-shrink:0}.openui-chart-side-bar-tooltip-title{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing)}.openui-chart-side-bar-tooltip-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;scrollbar-width:thin;scrollbar-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06)) rgba(0,0,0,0)}.openui-chart-side-bar-tooltip-content:focus{outline:none}.openui-chart-side-bar-tooltip-content:focus-visible{outline:none}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar{width:2px;margin-right:2px}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:0;margin-right:2px}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb{background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:1px;width:1.5px;border:.25px solid rgba(0,0,0,0);background-clip:content-box}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb:hover{background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-side-bar-tooltip-content-item{display:flex;justify-content:space-between;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-chart-side-bar-tooltip-content-item-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));flex:1;min-width:0}.openui-chart-side-bar-tooltip-content-item-value{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);flex-shrink:0;text-align:right}.openui-chart-side-bar-tooltip-content-item-color{width:10px;height:10px;border-radius:var(--openui-radius-2xs, 2px)}.openui-chart-side-bar-tooltip-content-item-separator{width:100%;margin:var(--openui-space-xs, 6px) 0;height:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-container{display:flex;aspect-ratio:1/1;justify-content:center;font-size:12px;line-height:16px}.openui-chart-container .recharts-radial-bar-background-sector{fill:var(--openui-background, oklch(97% 0 89.876deg))}.openui-chart-container .recharts-cartesian-grid line[stroke="#ccc"],.openui-chart-container .recharts-curve.recharts-tooltip-cursor,.openui-chart-container .recharts-polar-grid[stroke="#ccc"],.openui-chart-container .recharts-reference-line[stroke="#ccc"]{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-container .recharts-dot[stroke="#fff"],.openui-chart-container .recharts-sector[stroke="#fff"]{stroke:rgba(0,0,0,0)}.openui-chart-container .recharts-layer,.openui-chart-container .recharts-sector,.openui-chart-container .recharts-surface{outline:none}.openui-chart-cartesian-grid{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-polar-grid{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-label-list{fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}

package/dist/styles/checkBoxGroup.css

@@ -0,0 +1 @@
+.openui-checkbox-group{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);border:1px solid;border-radius:var(--openui-radius-xl, 12px)}.openui-checkbox-group-clear{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);padding:var(--openui-space-000, 0)}.openui-checkbox-group-card{border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding:var(--openui-space-m, 12px)}.openui-checkbox-group-sunk{border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));padding:var(--openui-space-m, 12px)}

package/dist/styles/checkBoxItem.css

@@ -0,0 +1 @@
+.openui-checkbox-item-container{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);padding:var(--openui-space-3xs, 2px) var(--openui-space-000, 0);width:100%;max-width:100%;overflow:hidden;cursor:pointer}.openui-checkbox-item-container:disabled{cursor:not-allowed}.openui-checkbox-item-root{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--openui-radius-xs, 4px);border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));cursor:pointer;margin-top:var(--openui-space-2xs, 4px)}.openui-checkbox-item-root[data-state=checked]{background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-checkbox-item-root:not(:disabled):not([data-state=checked]):hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-checkbox-item-root:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-checkbox-item-indicator{display:flex;align-items:center;justify-content:center;color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-checkbox-item-content{display:flex;flex-direction:column}.openui-checkbox-item-label{flex:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-checkbox-item-label:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-checkbox-item-description{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))}

package/dist/styles/codeBlock.css

@@ -0,0 +1 @@
+.openui-code-block-wrapper{position:relative}.openui-code-block-wrapper:hover .openui-code-block-copy-button{opacity:1}.openui-code-block-wrapper .openui-code-block-copy-button{position:absolute;right:.5rem;top:.5rem;opacity:0;transition:opacity .2s ease-in-out}.openui-code-block-wrapper .openui-code-block-copy-button.openui-code-block-copy-button-copied{color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg));background-color:var(--openui-success-background, oklch(62.7% 0.17 149.214deg / 0.12))}.openui-code-block-wrapper .openui-code-block-syntax-highlighter{margin:0 !important;border-radius:.5rem}

package/dist/styles/copilotShell.css

@@ -0,0 +1 @@
+.openui-copilot-shell-thread-container{display:flex;flex:1;overflow:hidden;flex-direction:column}.openui-copilot-shell-thread-scroll-container{width:100%;flex:1;position:relative;overflow:hidden}.openui-copilot-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-l, 18px)}.openui-copilot-shell-thread-scroll-area--user-message-anchor .openui-copilot-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-copilot-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-copilot-shell-thread-messages{margin:0 auto;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px)}.openui-copilot-shell-thread-message-assistant{width:100%;overflow:hidden}.openui-copilot-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-copilot-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-message-user{display:flex;justify-content:flex-end}.openui-copilot-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-copilot-shell-thread-composer{width:100%;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-l, 10px)}.openui-copilot-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-copilot-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-copilot-shell-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter{display:flex;padding:0 var(--openui-space-l, 18px);margin-bottom:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--short{flex-direction:column;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--long{flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-copilot-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-copilot-shell-conversation-starter-item-short{display:flex;align-items:flex-start;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-copilot-shell-conversation-starter-item-short__icon{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-3xs, 2px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter-item-short__text{flex:1}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}@media(max-width: 480px){.openui-copilot-shell-conversation-starter-item-short{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px)}}.openui-copilot-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;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));text-align:left;overflow:hidden}.openui-copilot-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-copilot-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-copilot-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover .openui-copilot-shell-conversation-starter-item-long__arrow{opacity:1}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-copilot-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);height:100%;justify-content:center;align-items:center}.openui-copilot-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-copilot-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-copilot-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-copilot-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-copilot-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:280px}.openui-copilot-shell-container{display:flex;position:relative;height:100dvh;width:530px;overflow:hidden;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-width:0 1px;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-copilot-shell-container *{box-sizing:border-box}