@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/Tab.d.ts

@@ -0,0 +1,37 @@
+import React, { ComponentType, MouseEvent } from "react";
+type TabType<E> = {
+    label: string;
+    id?: E;
+    hideLabel?: boolean;
+    current: boolean;
+    sizing?: "hug" | "expand";
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    hasSeparator?: boolean;
+} & ({
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    href?: never;
+} | {
+    onClick?: never;
+    href: string;
+});
+type TabProps<E> = {
+    variant?: "default" | "stepper";
+    tabs: Array<TabType<E>>;
+    setCurrentTab?: (tabId: E, e: MouseEvent<HTMLAnchorElement>) => void;
+    tabClassName?: string;
+    className?: string;
+};
+/**
+ * Tab component displaying a list of tabs.
+ *
+ * Tab click action is specified:
+ * - either per tab, by providing either an href or an onClick handler in tab
+ *   data (mutually exclusive);
+ * - or globally, by providing a setCurrentTab function.
+ * Both per-tab and global actions can be set, the per-tab action taking precedence.
+ */
+export declare function Tab<E>({ variant, tabs, setCurrentTab, className, tabClassName, }: TabProps<E>): React.JSX.Element;
+export {};
+//# sourceMappingURL=Tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAapE,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,CACA;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GAC1E;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CACpC,CAAC;AAEF,KAAK,QAAQ,CAAC,CAAC,IAAI;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6DF;;;;;;;;GAQG;AACH,wBAAgB,GAAG,CAAC,CAAC,EAAE,EACrB,OAAmB,EACnB,IAAI,EACJ,aAAa,EACb,SAAS,EACT,YAAiB,GAClB,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAoIb"}

package/dist/components/Tab.js

@@ -0,0 +1,130 @@
+import React from "react";
+import { noHrefLink, SparkleContext, } from "../context";
+import { ChevronRightIcon } from "../index";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+import { Tooltip } from "./Tooltip";
+var tabClasses = {
+    default: {
+        base: "s-text-element-800 s-border-transparent s-cursor-pointer s-border-b-2",
+        hover: "hover:s-text-action-500 hover:s-border-action-300",
+        dark: {
+            base: "dark:s-text-element-700-dark",
+            hover: "dark:hover:s-text-action-600-dark",
+        },
+    },
+    selected: {
+        base: "s-border-action-500 s-text-action-500 s-cursor-default s-border-b-2",
+        hover: "",
+        dark: {
+            base: "dark:s-border-action-500-dark dark:s-text-action-500-dark",
+            hover: "",
+        },
+    },
+    stepperDefault: {
+        base: "s-text-element-800 s-cursor-pointer",
+        hover: "hover:s-text-action-500",
+        dark: {
+            base: "dark:s-text-element-700-dark",
+            hover: "dark:hover:s-text-action-600-dark",
+        },
+    },
+    stepperSelected: {
+        base: "s-text-action-500 s-cursor-default",
+        hover: "",
+        dark: {
+            base: "dark:dark:s-text-action-500-dark",
+            hover: "",
+        },
+    },
+};
+var iconClasses = {
+    default: {
+        base: "s-text-element-600",
+        hover: "group-hover:s-text-action-400",
+        dark: {
+            base: "dark:s-text-element-600-dark",
+            hover: "dark:group-hover:s-text-action-500-dark",
+        },
+    },
+    selected: {
+        base: "s-text-action-400",
+        hover: "",
+        dark: {
+            base: "dark:s-text-action-500-dark",
+            hover: "",
+        },
+    },
+};
+var tabSizingClasses = {
+    hug: "",
+    expand: "s-flex-1",
+};
+/**
+ * Tab component displaying a list of tabs.
+ *
+ * Tab click action is specified:
+ * - either per tab, by providing either an href or an onClick handler in tab
+ *   data (mutually exclusive);
+ * - or globally, by providing a setCurrentTab function.
+ * Both per-tab and global actions can be set, the per-tab action taking precedence.
+ */
+export function Tab(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, tabs = _a.tabs, setCurrentTab = _a.setCurrentTab, className = _a.className, _c = _a.tabClassName, tabClassName = _c === void 0 ? "" : _c;
+    var components = React.useContext(SparkleContext).components;
+    var renderTabs = function () {
+        return tabs.map(function (tab, i) {
+            var _a, _b, _c, _d, _e;
+            var tabStateClasses = variant === "stepper"
+                ? tab.current
+                    ? tabClasses.stepperSelected
+                    : tabClasses.stepperDefault
+                : tab.current
+                    ? tabClasses.selected
+                    : tabClasses.default;
+            var iconStateClasses = tab.current
+                ? iconClasses.selected
+                : iconClasses.default;
+            var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-2.5 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none", variant === "default"
+                ? tab.icon
+                    ? tab.hideLabel
+                        ? "s-px-3"
+                        : "s-pr-3.5 s-pl-2.5"
+                    : "s-px-3"
+                : "s-pl-1", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabClassName);
+            var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, tabClassName);
+            var Link = tab.href
+                ? components.link
+                : noHrefLink;
+            // precedence on href and onClick (mutually exclusive), then setCurrentTab
+            var setCurrentTabFn = function (e) {
+                if (!tab.id) {
+                    throw new Error("Tab id is required to use setCurrentTab");
+                }
+                setCurrentTab === null || setCurrentTab === void 0 ? void 0 : setCurrentTab(tab.id, e);
+            };
+            var onClickAction = tab.href
+                ? undefined
+                : (_a = tab.onClick) !== null && _a !== void 0 ? _a : setCurrentTabFn;
+            var content = (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: onClickAction, href: tab.href || "#" },
+                React.createElement("div", { className: tab.current
+                        ? "s-flex s-gap-x-2"
+                        : "s-flex s-gap-x-2 s-transition s-duration-300 s-ease-out" },
+                    tab.icon && (React.createElement(Icon, { visual: tab.icon, className: finalIconClasses, size: "sm" })), (_b = tab.hideLabel) !== null && _b !== void 0 ? _b : tab.label,
+                    variant === "stepper" && i < tabs.length - 1 && (React.createElement(Icon, { visual: ChevronRightIcon, className: "s-mx-2 s-text-element-500", size: "sm" })))));
+            return tab.hideLabel ? (tab.label ? (React.createElement(React.Fragment, { key: "tab-".concat(i) },
+                React.createElement("div", { className: tabSizingClasses[(_c = tab.sizing) !== null && _c !== void 0 ? _c : "hug"] },
+                    React.createElement(Tooltip, { label: tab.label }, content)),
+                tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) })))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
+                React.createElement("div", { className: tabSizingClasses[(_d = tab.sizing) !== null && _d !== void 0 ? _d : "hug"] }, content),
+                tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
+                React.createElement("div", { className: tabSizingClasses[(_e = tab.sizing) !== null && _e !== void 0 ? _e : "hug"] }, content),
+                tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))));
+        });
+    };
+    return (React.createElement("div", { className: classNames(variant === "default"
+            ? "s-border-b s-border-structure-200 dark:s-border-structure-200-dark"
+            : "", className !== null && className !== void 0 ? className : "", "s-overflow-x-auto s-overflow-y-hidden s-scrollbar-hide") },
+        React.createElement("nav", { className: "s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
+}
+//# sourceMappingURL=Tab.js.map

package/dist/components/Tab.js.map

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

package/dist/components/TextArea.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type TextAreaProps = {
+    placeholder: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    error?: string | null;
+    showErrorLabel?: boolean;
+    className?: string;
+};
+export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className, }: TextAreaProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,SAAS,GACV,EAAE,aAAa,qBA0Cf"}

package/dist/components/TextArea.js

@@ -0,0 +1,27 @@
+import React, { useEffect, useRef } from "react";
+import { classNames } from "../lib/utils";
+export function TextArea(_a) {
+    var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className;
+    var textareaRef = useRef(null);
+    useEffect(function () {
+        var textarea = textareaRef.current;
+        if (textarea) {
+            textarea.style.height = "".concat(textarea.scrollHeight, "px"); // Set to scroll height
+        }
+    }, [value]); // Re-run when value changes
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
+        React.createElement("textarea", { ref: textareaRef, className: classNames("overflow-y-auto s-block s-min-h-60 s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
+                ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
+                : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
+                var newValue = e.target.value;
+                var textAreaComponent = textareaRef.current;
+                if (textAreaComponent &&
+                    (value === null || value === void 0 ? void 0 : value.length) &&
+                    newValue.length < value.length) {
+                    textAreaComponent.style.height = "auto"; // Reset height to recalculate
+                }
+                onChange(e.target.value);
+            } }),
+        error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
+}
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWhD,MAAM,UAAU,QAAQ,CAAC,EAOT;QANd,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,QAAQ,CAAC,YAAY,OAAI,CAAC,CAAC,uBAAuB;QAC/E,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B;IACzC,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,kCACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CACnB,+HAA+H,EAC/H,CAAC,KAAK;gBACJ,CAAC,CAAC,0EAA0E;gBAC5E,CAAC,CAAC,8DAA8D,EAClE,0CAA0C,EAC1C,YAAY,EACZ,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAChB,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAChC,IAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;gBAC9C,IACE,iBAAiB;qBACjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;oBACb,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,EAC9B,CAAC;oBACD,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,8BAA8B;gBACzE,CAAC;gBACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,GACD;QACD,KAAK,IAAI,cAAc,IAAI,CAC1B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CACnE,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface TooltipProps {
+    children: React.ReactNode;
+    label?: string;
+    position?: "above" | "below";
+    contentChildren?: React.ReactNode;
+}
+export declare function Tooltip({ children, label, position, contentChildren, }: TooltipProps): React.JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,QAAkB,EAClB,eAAe,GAChB,EAAE,YAAY,qBAqEd"}

package/dist/components/Tooltip.js

@@ -0,0 +1,60 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useEffect, useState } from "react";
+import { classNames } from "../lib/utils";
+export function Tooltip(_a) {
+    var children = _a.children, label = _a.label, _b = _a.position, position = _b === void 0 ? "above" : _b, contentChildren = _a.contentChildren;
+    var _c = __read(useState(false), 2), isHovered = _c[0], setIsHovered = _c[1];
+    var _d = __read(useState(null), 2), timerId = _d[0], setTimerId = _d[1];
+    var _e = __read(useState(false), 2), isTouchDevice = _e[0], setIsTouchDevice = _e[1];
+    var handleMouseOver = function () {
+        var id = window.setTimeout(function () {
+            setIsHovered(true);
+        }, 800);
+        setTimerId(id);
+    };
+    var handleMouseLeave = function () {
+        if (timerId !== null) {
+            clearTimeout(timerId);
+        }
+        setIsHovered(false);
+    };
+    useEffect(function () {
+        setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
+        return function () {
+            if (timerId) {
+                window.clearTimeout(timerId);
+            }
+        };
+    }, [timerId]);
+    if (isTouchDevice) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    var baseClasses = classNames("s-absolute s-z-10 s-px-3 s-py-2 s-text-sm s-rounded-xl s-border s-shadow-md s-transition-all s-duration-500 s-ease-out s-transform", "s-border-structure-100 dark:s-border-structure-50-dark s-bg-structure-0 dark:s-bg-structure-100-dark s-text-element-700 dark:s-text-element-600-dark");
+    var hiddenClasses = "s-translate-y-2 s-opacity-0 s-pointer-events-none"; // Added s-pointer-events-none
+    var visibleClasses = "-s-translate-y-0 s-opacity-100";
+    var hiddenOnMobileClasses = "s-hidden sm:s-block";
+    var tooltipCenterClasses = "s-left-1/2 -s-translate-x-1/2";
+    var tooltipPositionClasses = position === "above" ? "s-bottom-full s-mb-2" : "s-top-full s-mt-2";
+    // if tooltip text is too long we need to wrap it
+    var labelLength = (label === null || label === void 0 ? void 0 : label.length) || 0;
+    var labelClasses = labelLength > 80 ? "s-w-[38em]" : "s-whitespace-nowrap";
+    return (React.createElement("div", { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, className: "s-relative s-inline-block" },
+        children,
+        React.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, hiddenOnMobileClasses, tooltipPositionClasses, tooltipCenterClasses, contentChildren ? "" : labelClasses), onAnimationEnd: function () { return setIsHovered(false); } }, contentChildren || label)));
+}
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD,MAAM,UAAU,OAAO,CAAC,EAKT;QAJb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,eAAe,qBAAA;IAET,IAAA,KAAA,OAA4B,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAAA,OAAwB,QAAQ,CAAgB,IAAI,CAAC,IAAA,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IACtD,IAAA,KAAA,OAAoC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAE1D,IAAM,eAAe,GAAG;QACtB,IAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;YAC3B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,UAAU,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,gBAAgB,CAAC,cAAc,IAAI,MAAM,IAAI,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;QAC3E,OAAO;YACL,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC;IAED,IAAM,WAAW,GAAG,UAAU,CAC5B,oIAAoI,EACpI,sJAAsJ,CACvJ,CAAC;IACF,IAAM,aAAa,GAAG,mDAAmD,CAAC,CAAC,8BAA8B;IACzG,IAAM,cAAc,GAAG,gCAAgC,CAAC;IACxD,IAAM,qBAAqB,GAAG,qBAAqB,CAAC;IACpD,IAAM,oBAAoB,GAAG,+BAA+B,CAAC;IAC7D,IAAM,sBAAsB,GAC1B,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEtE,iDAAiD;IACjD,IAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,CAAC,CAAC;IACvC,IAAM,YAAY,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAE7E,OAAO,CACL,6BACE,YAAY,EAAE,eAAe,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAC,2BAA2B;QAEpC,QAAQ;QACT,6BACE,SAAS,EAAE,UAAU,CACnB,UAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAE,EAC/C,WAAW,EACX,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CACpC,EACD,cAAc,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,IAExC,eAAe,IAAI,KAAK,CACrB,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Tree.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { CheckboxProps } from "./Checkbox";
+export interface TreeProps {
+    children?: React.ReactNode;
+    isLoading?: boolean;
+}
+export declare function Tree({ children, isLoading }: TreeProps): React.JSX.Element;
+export declare namespace Tree {
+    var Item: ({ label, type, className, variant, visual, checkbox, onChevronClick, collapsed, defaultCollapsed, actions, renderTreeItems, children, }: TreeItemPropsWithChildren | TreeItemPropsWithRender) => React.JSX.Element;
+}
+interface TreeItemProps {
+    label?: string;
+    type?: "node" | "item" | "leaf";
+    variant?: "file" | "folder" | "database" | "channel";
+    visual?: React.ReactNode;
+    checkbox?: CheckboxProps;
+    onChevronClick?: () => void;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    className?: string;
+    actions?: React.ReactNode;
+}
+export interface TreeItemPropsWithChildren extends TreeItemProps {
+    renderTreeItems?: never;
+    children?: React.ReactNode;
+}
+export interface TreeItemPropsWithRender extends TreeItemProps {
+    renderTreeItems: () => React.ReactNode;
+    children?: never;
+}
+export {};
+//# sourceMappingURL=Tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/components/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,qBAUtD;yBAVe,IAAI;;;AAmBpB,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB"}

package/dist/components/Tree.js

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from "react";
+import { ChatBubbleBottomCenterTextStrokeIcon, DocumentTextStrokeIcon, FolderStrokeIcon, Square3Stack3DStrokeIcon, } from "../icons/stroke";
+import { ChevronDownIcon, ChevronRightIcon, Spinner } from "../index";
+import { classNames } from "../lib/utils";
+import { Checkbox } from "./Checkbox";
+import { Icon } from "./Icon";
+import { IconButton } from "./IconButton";
+export function Tree(_a) {
+    var children = _a.children, isLoading = _a.isLoading;
+    return isLoading ? (React.createElement("div", { className: "s-py-2 s-pl-4" },
+        React.createElement(Spinner, { size: "xs", variant: "dark" }))) : (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-overflow-hidden" }, children));
+}
+var visualTable = {
+    file: DocumentTextStrokeIcon,
+    folder: FolderStrokeIcon,
+    database: Square3Stack3DStrokeIcon,
+    channel: ChatBubbleBottomCenterTextStrokeIcon,
+};
+Tree.Item = function (_a) {
+    var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.variant, variant = _d === void 0 ? "file" : _d, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, defaultCollapsed = _a.defaultCollapsed, actions = _a.actions, renderTreeItems = _a.renderTreeItems, children = _a.children;
+    var _e = __read(useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : true), 2), collapsedState = _e[0], setCollapsedState = _e[1];
+    var isControlledCollapse = collapsed !== undefined;
+    var effectiveCollapsed = isControlledCollapse ? collapsed : collapsedState;
+    var effectiveOnChevronClick = isControlledCollapse
+        ? onChevronClick
+        : function () { return setCollapsedState(!collapsedState); };
+    var getChildren = function () {
+        if (effectiveCollapsed) {
+            return [];
+        }
+        return typeof renderTreeItems === "function" ? renderTreeItems() : children;
+    };
+    var childrenToRender = getChildren();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: classNames(className ? className : "", "s-group s-flex s-cursor-default s-flex-row s-items-center s-gap-4 s-py-1") },
+            type === "node" && (React.createElement(IconButton, { icon: childrenToRender && !effectiveCollapsed
+                    ? ChevronDownIcon
+                    : ChevronRightIcon, size: "sm", variant: "secondary", onClick: effectiveOnChevronClick })),
+            type === "leaf" && React.createElement("div", { className: "s-w-5" }),
+            checkbox && React.createElement(Checkbox, __assign({}, checkbox)),
+            React.createElement("div", { className: "s-flex s-w-full s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
+                React.createElement("div", { className: "s-grid s-w-full s-grid-cols-[auto,1fr,auto] s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
+                    visual ? (visual) : (React.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-flex-shrink-0 s-text-element-700" })),
+                    React.createElement("div", { className: "s-truncate" }, label),
+                    actions && (React.createElement("div", { className: "s-inline-block s-transform s-pl-5 s-opacity-0 s-duration-300 group-hover:s-opacity-100" }, actions))))),
+        React.Children.count(childrenToRender) > 0 && (React.createElement("div", { className: "s-pl-5" }, childrenToRender))));
+};
+//# sourceMappingURL=Tree.js.map

package/dist/components/Tree.js.map

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

package/dist/components/ZoomableImageCitationWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ZoomableImageCitationWrapperProps {
+    alt: string;
+    imgSrc: string;
+    title: string;
+    size: "xs" | "sm";
+}
+export declare function ZoomableImageCitationWrapper({ alt, imgSrc, title, size, }: ZoomableImageCitationWrapperProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ZoomableImageCitationWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomableImageCitationWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ZoomableImageCitationWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,iCAAiC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAW,GACZ,EAAE,iCAAiC,qBAmCnC"}

package/dist/components/ZoomableImageCitationWrapper.js

@@ -0,0 +1,38 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { Dialog } from "@headlessui/react";
+import React, { useState } from "react";
+import { XCircleIcon } from "../icons/solid";
+import { Citation, IconButton } from "../index";
+export function ZoomableImageCitationWrapper(_a) {
+    var alt = _a.alt, imgSrc = _a.imgSrc, title = _a.title, _b = _a.size, size = _b === void 0 ? "sm" : _b;
+    var _c = __read(useState(false), 2), isZoomed = _c[0], setIsZoomed = _c[1];
+    var handleZoomToggle = function () {
+        setIsZoomed(!isZoomed);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { onClick: handleZoomToggle, className: "s-min-h-76 s-group s-h-full" },
+            React.createElement(Citation, { title: title, size: size, type: "image", imgSrc: imgSrc })),
+        React.createElement(Dialog, { open: isZoomed, onClose: handleZoomToggle, className: "s-relative s-z-50" },
+            React.createElement("div", { className: "s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity" },
+                React.createElement(Dialog.Panel, { className: "s-max-w-lg s-space-y-4" },
+                    React.createElement(Dialog.Title, null,
+                        React.createElement("div", { className: "s-flex s-justify-end" },
+                            React.createElement(IconButton, { icon: XCircleIcon, onClick: handleZoomToggle, variant: "white" }))),
+                    React.createElement("img", { src: imgSrc, alt: alt }))))));
+}
+//# sourceMappingURL=ZoomableImageCitationWrapper.js.map

package/dist/components/ZoomableImageCitationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomableImageCitationWrapper.js","sourceRoot":"","sources":["../../src/components/ZoomableImageCitationWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAStD,MAAM,UAAU,4BAA4B,CAAC,EAKT;QAJlC,GAAG,SAAA,EACH,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEL,IAAA,KAAA,OAA0B,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,gBAAgB,GAAG;QACvB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,6BAAK,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAC,6BAA6B;YACrE,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,MAAM,GAAI,CAC/D;QAEN,oBAAC,MAAM,IACL,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,mBAAmB;YAE7B,6BAAK,SAAS,EAAC,8GAA8G;gBAC3H,oBAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB;oBAC9C,oBAAC,MAAM,CAAC,KAAK;wBACX,6BAAK,SAAS,EAAC,sBAAsB;4BACnC,oBAAC,UAAU,IACT,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,OAAO,GACf,CACE,CACO;oBACf,6BAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAI,CACjB,CACX,CACC,CACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,47 @@
+export { AssistantPreview } from "./AssistantPreview";
+export { Avatar } from "./Avatar";
+export { Banner } from "./Banner";
+export { BarHeader } from "./BarHeader";
+export { Button } from "./Button";
+export { CardButton } from "./CardButton";
+export { Checkbox } from "./Checkbox";
+export { Chip } from "./Chip";
+export { Citation } from "./Citation";
+export { default as CollapseButton } from "./CollapseButton";
+export { Collapsible } from "./Collapsible";
+export { ColorPicker } from "./ColorPicker";
+export { default as ConfettiBackground } from "./ConfettiBackground";
+export { ContentMessage } from "./ContentMessage";
+export { ContextItem } from "./ContextItem";
+export { DataTable } from "./DataTable";
+export { Dialog } from "./Dialog";
+export { DropdownMenu } from "./DropdownMenu";
+export { ElementDialog } from "./ElementDialog";
+export { ElementModal } from "./ElementModal";
+export { EmojiPicker } from "./EmojiPicker";
+export { FilterChips } from "./FilterChips";
+export { Div3D, Hover3D } from "./Hover3D";
+export { Hoverable } from "./Hoverable";
+export { Icon } from "./Icon";
+export { IconButton } from "./IconButton";
+export { IconToggleButton } from "./IconToggleButton";
+export { Input } from "./Input";
+export { Item } from "./Item";
+export { Markdown } from "./Markdown";
+export { Modal } from "./Modal";
+export { Notification } from "./Notification";
+export { Page } from "./Page";
+export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
+export { Pagination } from "./Pagination";
+export { Popup } from "./Popup";
+export { PriceTable } from "./PriceTable";
+export { RadioButton } from "./RadioButton";
+export { Searchbar } from "./Searchbar";
+export { SliderToggle } from "./SliderToggle";
+export { default as Spinner } from "./Spinner";
+export { Tab } from "./Tab";
+export { TextArea } from "./TextArea";
+export { Tooltip } from "./Tooltip";
+export { Tree } from "./Tree";
+export { ZoomableImageCitationWrapper } from "./ZoomableImageCitationWrapper";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,47 @@
+export { AssistantPreview } from "./AssistantPreview";
+export { Avatar } from "./Avatar";
+export { Banner } from "./Banner";
+export { BarHeader } from "./BarHeader";
+export { Button } from "./Button";
+export { CardButton } from "./CardButton";
+export { Checkbox } from "./Checkbox";
+export { Chip } from "./Chip";
+export { Citation } from "./Citation";
+export { default as CollapseButton } from "./CollapseButton";
+export { Collapsible } from "./Collapsible";
+export { ColorPicker } from "./ColorPicker";
+export { default as ConfettiBackground } from "./ConfettiBackground";
+export { ContentMessage } from "./ContentMessage";
+export { ContextItem } from "./ContextItem";
+export { DataTable } from "./DataTable";
+export { Dialog } from "./Dialog";
+export { DropdownMenu } from "./DropdownMenu";
+export { ElementDialog } from "./ElementDialog";
+export { ElementModal } from "./ElementModal";
+export { EmojiPicker } from "./EmojiPicker";
+export { FilterChips } from "./FilterChips";
+export { Div3D, Hover3D } from "./Hover3D";
+export { Hoverable } from "./Hoverable";
+export { Icon } from "./Icon";
+export { IconButton } from "./IconButton";
+export { IconToggleButton } from "./IconToggleButton";
+export { Input } from "./Input";
+export { Item } from "./Item";
+export { Markdown } from "./Markdown";
+export { Modal } from "./Modal";
+export { Notification } from "./Notification";
+export { Page } from "./Page";
+export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
+export { Pagination } from "./Pagination";
+export { Popup } from "./Popup";
+export { PriceTable } from "./PriceTable";
+export { RadioButton } from "./RadioButton";
+export { Searchbar } from "./Searchbar";
+export { SliderToggle } from "./SliderToggle";
+export { default as Spinner } from "./Spinner";
+export { Tab } from "./Tab";
+export { TextArea } from "./TextArea";
+export { Tooltip } from "./Tooltip";
+export { Tree } from "./Tree";
+export { ZoomableImageCitationWrapper } from "./ZoomableImageCitationWrapper";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}