@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/AssistantPreview.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+type AssistantPreviewVariant = "list" | "minimal";
+interface BaseAssistantPreviewProps {
+    variant: AssistantPreviewVariant;
+    description: string;
+    title: string;
+    pictureUrl: string;
+    subtitle?: string;
+    onClick?: () => void;
+}
+type ListVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "list";
+};
+type MinimalVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "minimal";
+    hasAction?: boolean;
+    href?: string;
+    onClick?: () => void;
+    onActionClick?: () => void;
+};
+type AssistantPreviewProps = ListVariantAssistantPreviewProps | MinimalVariantAssistantPreviewProps;
+export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AssistantPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantPreview.d.ts","sourceRoot":"","sources":["../../src/components/AssistantPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,KAAK,uBAAuB,GAAG,MAAM,GAAG,SAAS,CAAC;AAElD,UAAU,yBAAyB;IACjC,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,KAAK,gCAAgC,GAAG,yBAAyB,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,mCAAmC,GAAG,yBAAyB,GAAG;IACrE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,KAAK,qBAAqB,GACtB,gCAAgC,GAChC,mCAAmC,CAAC;AAoLxC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAiB5D"}

package/dist/components/AssistantPreview.js

@@ -0,0 +1,118 @@
+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 { Avatar } from "../components/Avatar";
+import { Button } from "../components/Button";
+import { CardButton } from "../components/CardButton";
+import { MoreIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+var isBrowser = typeof window !== "undefined";
+var breakpoints = {
+    sm: 640, // Tailwind's default for `sm`
+    md: 768, // Tailwind's default for `md`
+    lg: 1024, // Tailwind's default for `lg`
+    xl: 1280, // Tailwind's default for `xl`
+    xxl: 1536, // Tailwind's default for `2xl`
+};
+var getWindowWidth = function () { return (isBrowser ? window.innerWidth : 0); };
+var titleClassNames = {
+    base: "s-truncate s-font-medium s-text-element-900 s-w-full",
+    list: "s-text-base",
+    minimal: "s-overflow-hidden s-whitespace-nowrap ".concat(getWindowWidth() <= breakpoints.sm
+        ? "s-text-sm"
+        : getWindowWidth() <= breakpoints.md
+            ? "s-text-base"
+            : ""),
+};
+var subtitleClassNames = {
+    base: "s-font-normal s-text-element-700 s-truncate s-w-full",
+    list: "s-text-sm",
+    minimal: "s-overflow-hidden s-whitespace-nowrap ".concat(getWindowWidth() <= breakpoints.sm
+        ? "s-text-xs"
+        : getWindowWidth() <= breakpoints.md
+            ? "s-text-xs"
+            : "s-text-sm"),
+};
+var descriptionClassNames = {
+    base: "s-font-normal s-mb-1",
+    list: "s-text-base s-text-element-800 s-line-clamp-3",
+};
+function renderVariantContent(props) {
+    switch (props.variant) {
+        case "list":
+            return React.createElement(ListVariantContent, __assign({}, props));
+        case "minimal":
+            return React.createElement(MinimalVariantContent, __assign({}, props));
+        default:
+            return React.createElement(React.Fragment, null);
+    }
+}
+var ListVariantContent = function (_a) {
+    var description = _a.description, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle;
+    return (React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: "lg" }),
+        React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-2" },
+            React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-row s-gap-3" },
+                React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0" },
+                    React.createElement("div", { className: classNames(titleClassNames["base"], titleClassNames.list) },
+                        "@",
+                        title),
+                    subtitle && (React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.list) },
+                        "By: ",
+                        subtitle)))),
+            React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.list) }, description))));
+};
+var MinimalVariantContent = function (_a) {
+    var title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, _b = _a.hasAction, hasAction = _b === void 0 ? true : _b, description = _a.description, onClick = _a.onClick, onActionClick = _a.onActionClick;
+    var actionButton = (React.createElement(Button, { label: "", icon: MoreIcon, variant: "tertiary", size: "sm", labelVisible: false, hasMagnifying: false, disabledTooltip: true, onClick: function (e) {
+            e.stopPropagation();
+            onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick();
+        } }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: "assistant-container", className: "s-flex s-grow s-flex-col s-justify-start s-gap-2 s-overflow-hidden s-py-1", onClick: onClick },
+            React.createElement("div", { className: "s-flex s-flex-row s-justify-between s-gap-2 s-overflow-hidden" },
+                React.createElement("div", { id: "preview", className: "s-flex s-w-full s-min-w-0 s-flex-row s-items-center s-gap-2" },
+                    React.createElement("div", { id: "avatar-column", className: "s-w-fit" },
+                        React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: "md" })),
+                    React.createElement("div", { id: "details-column", className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0 s-overflow-hidden" },
+                        React.createElement("div", { className: classNames(titleClassNames["base"], titleClassNames.minimal) },
+                            "@",
+                            title),
+                        React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.minimal) },
+                            "By: ",
+                            subtitle))),
+                React.createElement("div", { id: "actions-column", className: "s-flex s-w-fit s-shrink-0" }, hasAction && actionButton)),
+            React.createElement("div", { className: "s-line-clamp-2 s-text-sm s-text-element-700" }, description))));
+};
+export function AssistantPreview(props) {
+    var onClick = props.onClick, variant = props.variant;
+    // State to manage the visibility of the play button
+    var _a = __read(useState(false), 2), isHovered = _a[0], setIsHovered = _a[1];
+    return (React.createElement(CardButton, { variant: variant === "minimal" ? "secondary" : "tertiary", className: classNames("s-flex s-flex-col s-gap-2 s-border"), size: variant === "minimal" ? "sm" : "lg", onClick: onClick, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, renderVariantContent(__assign(__assign({}, props), { isHovered: isHovered }))));
+}
+//# sourceMappingURL=AssistantPreview.js.map

package/dist/components/AssistantPreview.js.map

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

package/dist/components/Avatar.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+type AvatarProps = {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "auto";
+    name?: string;
+    emoji?: string;
+    visual?: string | React.ReactNode;
+    clickable?: boolean;
+    onClick?: () => void;
+    busy?: boolean;
+    isRounded?: boolean;
+    backgroundColor?: string;
+    className?: string;
+    disabled?: boolean;
+};
+export declare function Avatar({ size, name, emoji, visual, onClick, clickable, busy, isRounded, backgroundColor, disabled, className, }: AvatarProps): React.JSX.Element;
+export declare namespace Avatar {
+    var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
+}
+interface AvatarStackProps {
+    children: React.ReactElement<AvatarProps> | React.ReactElement<AvatarProps>[];
+    nbMoreItems?: number;
+    size?: "xs" | "sm" | "md";
+    isRounded?: boolean;
+    hasMagnifier?: boolean;
+}
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsEF,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAiB,EACjB,IAAY,EACZ,SAAiB,EACjB,eAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,WAAW,qBAgGb;yBA5Ge,MAAM;;;AA8GtB,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/components/Avatar.js

@@ -0,0 +1,184 @@
+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 { UserIcon } from "../icons/solid";
+import { getEmojiAndBackgroundFromUrl } from "../lib/avatar/utils";
+import { classNames } from "../lib/utils";
+var colors = [
+    "s-bg-red-300",
+    "s-bg-orange-300",
+    "s-bg-amber-300",
+    "s-bg-yellow-300",
+    "s-bg-lime-300",
+    "s-bg-green-300",
+    "s-bg-emerald-300",
+    "s-bg-teal-300",
+    "s-bg-cyan-300",
+    "s-bg-sky-300",
+    "s-bg-blue-300",
+    "s-bg-indigo-300",
+    "s-bg-violet-300",
+    "s-bg-purple-300",
+    "s-bg-fuchsia-300",
+    "s-bg-rose-300",
+];
+var txtColors = [
+    "s-text-red-700",
+    "s-text-orange-700",
+    "s-text-amber-700",
+    "s-text-yellow-700",
+    "s-text-lime-700",
+    "s-text-green-700",
+    "s-text-emerald-700",
+    "s-text-teal-700",
+    "s-text-cyan-700",
+    "s-text-sky-700",
+    "s-text-blue-700",
+    "s-text-indigo-700",
+    "s-text-violet-700",
+    "s-text-purple-700",
+    "s-text-fuchsia-700",
+    "s-text-rose-700",
+];
+var sizeClasses = {
+    xs: "s-h-6 s-w-6",
+    sm: "s-h-8 s-w-8",
+    md: "s-h-10 s-w-10",
+    lg: "s-h-16 s-w-16",
+    xl: "s-h-20 s-w-20",
+    xxl: "s-h-36 s-w-36",
+    auto: "s-w-full s-relative",
+};
+var roundedClasses = {
+    xs: "s-rounded-lg",
+    sm: "s-rounded-xl",
+    md: "s-rounded-2xl",
+    lg: "s-rounded-3xl",
+    xl: "s-rounded-[28px]",
+    xxl: "s-rounded-[38px]",
+    auto: "s-rounded-[30%]",
+};
+var textSize = {
+    xs: "s-text-xs",
+    sm: "s-text-sm",
+    md: "s-text-base",
+    lg: "s-text-3xl",
+    xl: "s-text-5xl",
+    xxl: "s-text-7xl",
+    auto: "s-text-xl",
+};
+export function Avatar(_a) {
+    var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, emoji = _a.emoji, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e, backgroundColor = _a.backgroundColor, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g;
+    // Check if visual is a string and attempt to extract emoji and background color information from the url.
+    var emojiInfos = typeof visual === "string" && getEmojiAndBackgroundFromUrl(visual);
+    var backgroundColorToUse = emojiInfos
+        ? emojiInfos.backgroundColor
+        : backgroundColor;
+    var emojiToUse = emojiInfos ? emojiInfos.skinEmoji : emoji;
+    var visualToUse = emojiInfos ? null : visual;
+    var getColor = function (name) {
+        if (/\+/.test(name)) {
+            //find if there is a plus
+            return "s-bg-slate-300";
+        }
+        var hash = 0;
+        for (var i = 0; i < name.length; i++) {
+            hash = name.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        return colors[Math.abs(hash) % colors.length];
+    };
+    var getTextVariant = function (name) {
+        if (/\+/.test(name)) {
+            return "s-text-slate-700";
+        }
+        var hash = 0;
+        for (var i = 0; i < name.length; i++) {
+            hash = name.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        return txtColors[Math.abs(hash) % txtColors.length];
+    };
+    var clickableStyles = (onClick || clickable) && !busy
+        ? "s-cursor-pointer hover:s-filter group-hover:s-filter  group-hover:s-brightness-110 hover:s-brightness-110 group-active:s-brightness-90 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
+        : "";
+    var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
+    var avatarClass = classNames(sizeClasses[size], isRounded ? "s-rounded-full" : roundedClasses[size], backgroundColorToUse
+        ? backgroundColorToUse
+        : name
+            ? getColor(name)
+            : "s-bg-slate-200", visualToUse ? "" : "s-border s-border-slate-950/10", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
+    return (React.createElement("div", { className: classNames(avatarClass, disabled ? "s-opacity-50" : "", className) },
+        size === "auto" && React.createElement("div", { style: { paddingBottom: "100%" } }),
+        typeof visualToUse === "string" ? (React.createElement("img", { src: visualToUse, alt: name, className: classNames(sizeClasses[size], "s-h-full s-w-full s-object-cover s-object-center") })) : visualToUse ? (visualToUse) : emojiToUse ? (React.createElement("span", { className: classNames(textSize[size], "s-select-none s-font-medium") }, emojiToUse)) : name ? (React.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, /\+/.test(name) ? name : name[0].toUpperCase())) : (React.createElement(UserIcon, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }))));
+}
+var sizeClassesPx = {
+    xs: 24,
+    sm: 32,
+    md: 40,
+};
+Avatar.Stack = function (_a) {
+    var children = _a.children, nbMoreItems = _a.nbMoreItems, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.hasMagnifier, hasMagnifier = _d === void 0 ? true : _d;
+    var _e = __read(useState(false), 2), isHovered = _e[0], setIsHovered = _e[1];
+    var childrenArray = React.Children.toArray(children);
+    var handleMouseEnter = function () {
+        if (childrenArray.length > 1) {
+            setIsHovered(true);
+        }
+    };
+    var handleMouseLeave = function () {
+        if (childrenArray.length > 1) {
+            setIsHovered(false);
+        }
+    };
+    var sizeSetting = {
+        marginLeft: 0,
+        widthHovered: sizeClassesPx[size] * 0.6,
+        width: sizeClassesPx[size] * 0.25,
+    };
+    var collapsedWidth = sizeSetting.width * (childrenArray.length + Number(Boolean(nbMoreItems))) +
+        (sizeClassesPx[size] - sizeSetting.width);
+    var openedWidth = sizeSetting.widthHovered *
+        (childrenArray.length + Number(Boolean(nbMoreItems))) +
+        (sizeClassesPx[size] - sizeSetting.widthHovered);
+    var transitionSettings = "width 200ms ease-out";
+    return (React.createElement("div", { className: "s-flex s-flex-row", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: {
+            width: "".concat(isHovered ? openedWidth : collapsedWidth, "px"),
+            transition: transitionSettings,
+        } },
+        childrenArray.map(function (child, i) {
+            if (React.isValidElement(child)) {
+                return (React.createElement("div", { key: i, className: "s-cursor-pointer s-drop-shadow-md", style: {
+                        width: isHovered ? sizeSetting.widthHovered : sizeSetting.width,
+                        transition: transitionSettings,
+                    } }, hasMagnifier ? (React.createElement("div", { style: {
+                        transform: "scale(".concat(1 - (childrenArray.length - i) * 0.06, ")"),
+                    } }, React.cloneElement(child, {
+                    size: size,
+                    isRounded: isRounded,
+                }))) : (React.createElement(React.Fragment, null, React.cloneElement(child, {
+                    size: size,
+                    isRounded: isRounded,
+                })))));
+            }
+            return null;
+        }),
+        Boolean(nbMoreItems) && (React.createElement("div", { className: "s-cursor-pointer s-drop-shadow-md", style: {
+                width: isHovered ? sizeSetting.widthHovered : sizeSetting.width,
+                transition: transitionSettings,
+            } },
+            React.createElement(Avatar, { size: size, name: "+" + String(Number(nbMoreItems) < 10 ? nbMoreItems : ""), isRounded: isRounded, clickable: true })))));
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

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

package/dist/components/Banner.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface BannerProps {
+    variant?: "info" | "incident" | "error";
+    allowDismiss?: boolean;
+    className?: string;
+    hidden?: boolean;
+    onDismiss?: () => void;
+    children?: React.ReactNode;
+}
+export declare function Banner({ variant, allowDismiss, className, hidden, onDismiss, children, }: BannerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,YAAmB,EACnB,SAAc,EACd,MAAc,EACd,SAAS,EACT,QAAQ,GACT,EAAE,WAAW,qBAoCb"}

package/dist/components/Banner.js

@@ -0,0 +1,43 @@
+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 { IconButton } from "../components/IconButton";
+import { XMarkIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+var variantClasses = {
+    info: "s-bg-indigo-300 s-text-indigo-950",
+    incident: "s-bg-amber-300 s-text-amber-950",
+    error: "s-bg-red-300 s-text-red-950",
+};
+export function Banner(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "info" : _b, _c = _a.allowDismiss, allowDismiss = _c === void 0 ? true : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.hidden, hidden = _e === void 0 ? false : _e, onDismiss = _a.onDismiss, children = _a.children;
+    var _f = __read(useState(true), 2), isDismissed = _f[0], setIsDismissed = _f[1];
+    useEffect(function () {
+        setIsDismissed(hidden);
+    }, [hidden]);
+    return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames(variantClasses[variant], "sm:s-before:flex-1 s-flex s-min-h-16 s-items-center s-px-6 s-py-4 s-text-sm sm:s-px-3.5", className) },
+        children,
+        allowDismiss && (React.createElement("div", { className: "s-flex s-flex-1 s-items-center s-justify-end" },
+            React.createElement("span", { className: "s-sr-only" }, "Dismiss"),
+            React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "secondary", onClick: function () {
+                    setIsDismissed(true);
+                    if (onDismiss) {
+                        onDismiss();
+                    }
+                } })))));
+}
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWhD,IAAM,cAAc,GAAG;IACrB,IAAI,EAAE,mCAAmC;IACzC,QAAQ,EAAE,iCAAiC;IAC3C,KAAK,EAAE,6BAA6B;CACrC,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EAOT;QANZ,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA;IAEF,IAAA,KAAA,OAAgC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAA7C,WAAW,QAAA,EAAE,cAAc,QAAkB,CAAC;IAErD,SAAS,CAAC;QACR,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,yCAAK,CACN,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,UAAU,CACnB,cAAc,CAAC,OAAO,CAAC,EACvB,yFAAyF,EACzF,SAAS,CACV;QAEA,QAAQ;QACR,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,8CAA8C;YAC3D,8BAAM,SAAS,EAAC,WAAW,cAAe;YAC1C,oBAAC,UAAU,IACT,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;oBACP,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,IAAI,SAAS,EAAE,CAAC;wBACd,SAAS,EAAE,CAAC;oBACd,CAAC;gBACH,CAAC,GACD,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/BarHeader.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+interface BarHeaderProps {
+    title: string;
+    leftActions?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    className?: string;
+}
+export declare function BarHeader({ title, leftActions, rightActions, className, }: BarHeaderProps): React.JSX.Element;
+export declare namespace BarHeader {
+    var ButtonBar: (props: BarHeaderButtonBarProps) => React.JSX.Element | null;
+}
+type BarHeaderButtonBarCloseProps = {
+    variant: "close";
+    onClose?: () => void;
+};
+type BarHeaderButtonBarBackProps = {
+    variant: "back";
+    onBack?: () => void;
+};
+type BarHeaderButtonBarValidateProps = {
+    variant: "validate";
+    onCancel?: () => void;
+    onSave?: () => void;
+    saveLabel?: string;
+    isSaving?: boolean;
+    savingLabel?: string;
+};
+type BarHeaderButtonBarConversationProps = {
+    variant: "conversation";
+    onDelete?: () => void;
+    onShare?: () => void;
+};
+export type BarHeaderButtonBarProps = BarHeaderButtonBarCloseProps | BarHeaderButtonBarBackProps | BarHeaderButtonBarValidateProps | BarHeaderButtonBarConversationProps;
+export {};
+//# sourceMappingURL=BarHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarHeader.d.ts","sourceRoot":"","sources":["../../src/components/BarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAc,GACf,EAAE,cAAc,qBAqBhB;yBA1Be,SAAS;;;AA4BzB,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,OAAO,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,mCAAmC,CAAC"}

package/dist/components/BarHeader.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { ArrowUpOnSquareIcon, ChevronLeftIcon, TrashIcon, XMarkIcon, } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Button } from "./Button";
+export function BarHeader(_a) {
+    var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var titleClasses = classNames("s-text-element-800 dark:s-text-element-800-dark", "s-text-base s-font-bold s-truncate s-grow");
+    var buttonBarClasses = "s-flex s-gap-1";
+    return (React.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-px-4 s-backdrop-blur", "s-border-structure-300/30 s-bg-white/80", "dark:s-border-structure-300-dark/30 dark:s-bg-structure-50-dark/80", className) },
+        leftActions && React.createElement("div", { className: buttonBarClasses }, leftActions),
+        React.createElement("div", { className: titleClasses }, title),
+        rightActions && React.createElement("div", { className: buttonBarClasses }, rightActions)));
+}
+BarHeader.ButtonBar = function (props) {
+    switch (props.variant) {
+        case "back":
+            return (React.createElement(Button, { size: "sm", icon: ChevronLeftIcon, variant: "tertiary", label: "Back", tooltipPosition: "below", labelVisible: false, onClick: props.onBack }));
+        case "close":
+            return (React.createElement(Button, { size: "sm", icon: XMarkIcon, variant: "tertiary", label: "Close", tooltipPosition: "below", labelVisible: false, onClick: props.onClose }));
+        case "validate":
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Button, { size: "sm", label: "Cancel", variant: "tertiary", onClick: props.onCancel, disabled: !props.onCancel || props.isSaving }),
+                React.createElement(Button, { size: "sm", label: props.isSaving
+                        ? props.savingLabel || "Processing..."
+                        : props.saveLabel || "Save", variant: "primary", onClick: props.onSave, disabled: !props.onSave || props.isSaving })));
+        case "conversation":
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Button, { size: "sm", label: "Delete", icon: TrashIcon, variant: "tertiary", labelVisible: false, tooltipPosition: "below", onClick: props.onDelete }),
+                React.createElement(Button, { size: "sm", label: "Share", icon: ArrowUpOnSquareIcon, variant: "tertiary", onClick: props.onShare })));
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=BarHeader.js.map

package/dist/components/BarHeader.js.map

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

package/dist/components/Button.d.ts

@@ -0,0 +1,28 @@
+import React, { ComponentType, MouseEvent, ReactNode } from "react";
+import { TooltipProps } from "./Tooltip";
+export type ButtonProps = {
+    variant?: "primary" | "primaryWarning" | "secondary" | "secondaryWarning" | "tertiary" | "avatar";
+    type?: "button" | "menu" | "select";
+    size?: "xs" | "sm" | "md" | "lg";
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    hasMagnifying?: boolean;
+    label: string;
+    labelVisible?: boolean;
+    icon?: ComponentType;
+    avatar?: string;
+    className?: string;
+    tooltipPosition?: TooltipProps["position"];
+    disabledTooltip?: boolean;
+};
+export declare function Button({ variant, type, size, onClick, disabled, labelVisible, label, icon, className, tooltipPosition, hasMagnifying, disabledTooltip, avatar, }: ButtonProps): React.JSX.Element;
+export declare namespace Button {
+    var List: ({ children, isWrapping, className, }: ButtonListProps) => React.JSX.Element;
+}
+interface ButtonListProps {
+    children: ReactNode;
+    isWrapping?: boolean;
+    className?: string;
+}
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,aAAa,EACb,UAAU,EACV,SAAS,EACV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EACJ,SAAS,GACT,gBAAgB,GAChB,WAAW,GACX,kBAAkB,GAClB,UAAU,GACV,QAAQ,CAAC;IAEb,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAiIF,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAe,EACf,IAAW,EACX,OAAO,EACP,QAAgB,EAChB,YAAmB,EACnB,KAAK,EACL,IAAI,EACJ,SAAc,EACd,eAAyB,EACzB,aAAoB,EACpB,eAAuB,EACvB,MAAM,GACP,EAAE,WAAW,qBAqEb;yBAnFe,MAAM;;;AAqFtB,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}