@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/Button.js

@@ -0,0 +1,139 @@
+import React, { Children, cloneElement, } from "react";
+import { ChevronDownIcon, ChevronUpDownIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Avatar } from "./Avatar";
+import { Icon } from "./Icon";
+import { Tooltip } from "./Tooltip";
+var textClasses = {
+    xs: "s-text-xs s-font-semibold",
+    sm: "s-text-sm s-font-semibold",
+    md: "s-text-base s-font-bold",
+    lg: "s-text-lg s-font-bold",
+};
+var sizeClasses = {
+    xs: "s-gap-x-1 s-px-3 s-h-7",
+    sm: "s-gap-x-1 s-px-4 s-h-9",
+    md: "s-gap-x-1.5 s-px-5 s-h-12",
+    lg: "s-gap-x-3 s-px-6 s-h-16",
+};
+var sizeAvatarClasses = {
+    xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
+    sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
+    md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
+    lg: "s-gap-x-2 s-pl-0 s-pr-6 s-py-0",
+};
+var containerClasses = {
+    xs: "s-px-0.5",
+    sm: "s-px-1",
+    md: "s-px-1",
+    lg: "s-px-1",
+};
+var variantClasses = {
+    primary: {
+        base: "s-text-white s-bg-action-500 s-border-action-600",
+        hover: "hover:s-bg-action-400 hover:s-border-action-500",
+        active: "active:s-bg-action-600 active:s-border-action-700",
+        disabled: "s-text-white s-bg-action-200 s-border-action-200",
+        dark: {
+            base: "",
+            hover: "",
+            active: "",
+            disabled: "dark:s-text-action-700-dark dark:s-bg-action-100-dark dark:s-border-action-200-dark dark:s-saturate-50",
+        },
+    },
+    primaryWarning: {
+        base: "s-text-white s-bg-warning-500 s-border-warning-600",
+        hover: "hover:s-bg-warning-400 hover:s-border-warning-500",
+        active: "active:s-bg-warning-600 active:s-border-warning-700",
+        disabled: "s-text-white s-bg-warning-200 s-border-warning-200",
+        dark: {
+            base: "",
+            hover: "",
+            active: "",
+            disabled: "dark:s-text-warning-700-dark dark:s-bg-warning-100-dark dark:s-border-warning-200-dark dark:s-saturate-50",
+        },
+    },
+    secondary: {
+        base: "s-text-action-500 s-border-structure-200 s-bg-structure-0",
+        hover: "hover:s-bg-action-50 hover:s-border-action-200",
+        active: "active:s-bg-action-100 active:s-border-action-500",
+        disabled: "s-text-action-300 s-border-structure-200 s-bg-structure-0",
+        dark: {
+            base: "dark:s-text-action-600-dark dark:s-border-structure-200-dark dark:s-bg-structure-100-dark",
+            hover: "dark:hover:s-text-action-700-dark dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
+            active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
+            disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
+        },
+    },
+    secondaryWarning: {
+        base: "s-text-warning-500 s-border-structure-200 s-bg-structure-0",
+        hover: "hover:s-bg-warning-50 hover:s-border-warning-200",
+        active: "active:s-bg-warning-100 active:s-border-warning-500",
+        disabled: "s-text-warning-300 s-border-structure-200 s-bg-structure-0",
+        dark: {
+            base: "dark:s-text-warning-600-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
+            hover: "dark:hover:s-bg-warning-50-dark dark:hover:s-border-warning-300-dark",
+            active: "dark:active:s-bg-warning-100-dark dark:active:s-border-warning-500-dark",
+            disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
+        },
+    },
+    tertiary: {
+        base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
+        hover: "hover:s-bg-action-50 hover:s-text-action-500 hover:s-border-action-200",
+        active: "active:s-bg-action-100 active:s-text-action-600 active:s-border-action-500",
+        disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
+        dark: {
+            base: "dark:s-text-element-800-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
+            hover: "dark:hover:s-text-action-300 dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
+            active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
+            disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
+        },
+    },
+    avatar: {
+        base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
+        hover: "hover:s-bg-action-50 hover:s-text-action-500 hover:s-border-action-200",
+        active: "active:s-bg-action-100 active:s-text-action-600 active:s-border-action-500",
+        disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
+        dark: {
+            base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
+            hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
+            active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
+            disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
+        },
+    },
+};
+var transitionClasses = "s-transition-all s-ease-out s-duration-200 s-cursor-pointer";
+var magnifyingClasses = "hover:s-scale-105 hover:s-drop-shadow-md active:s-scale-100 active:s-drop-shadow-none";
+export function Button(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, _u = _a.tooltipPosition, tooltipPosition = _u === void 0 ? "above" : _u, _v = _a.hasMagnifying, hasMagnifying = _v === void 0 ? true : _v, _w = _a.disabledTooltip, disabledTooltip = _w === void 0 ? false : _w, avatar = _a.avatar;
+    var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-100 s-box-border s-whitespace-nowrap s-rounded-full", !avatar ? sizeClasses[size] : sizeAvatarClasses[size], textClasses[size], className);
+    if (disabled) {
+        buttonClasses = classNames(buttonClasses, (_b = variantClasses[variant]) === null || _b === void 0 ? void 0 : _b.disabled, (_c = variantClasses[variant]) === null || _c === void 0 ? void 0 : _c.dark.disabled, disabled ? "s-cursor-default" : "");
+    }
+    else {
+        buttonClasses = classNames(buttonClasses, transitionClasses, hasMagnifying ? magnifyingClasses : "", (_d = variantClasses[variant]) === null || _d === void 0 ? void 0 : _d.base, (_e = variantClasses[variant]) === null || _e === void 0 ? void 0 : _e.hover, (_f = variantClasses[variant]) === null || _f === void 0 ? void 0 : _f.active, (_h = (_g = variantClasses[variant]) === null || _g === void 0 ? void 0 : _g.dark) === null || _h === void 0 ? void 0 : _h.base, (_k = (_j = variantClasses[variant]) === null || _j === void 0 ? void 0 : _j.dark) === null || _k === void 0 ? void 0 : _k.hover, (_m = (_l = variantClasses[variant]) === null || _l === void 0 ? void 0 : _l.dark) === null || _m === void 0 ? void 0 : _m.active);
+    }
+    var finalContainerClasses = classNames(containerClasses[size]);
+    var buttonBase = (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
+        icon && React.createElement(Icon, { visual: icon, size: size }),
+        avatar && React.createElement(Avatar, { size: size, visual: avatar, isRounded: true }),
+        labelVisible ? (React.createElement("div", { className: classNames("s-truncate", finalContainerClasses) }, label)) : null,
+        type === "menu" && (React.createElement(Icon, { className: "s-opacity-50", visual: ChevronDownIcon, size: size })),
+        type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: ChevronUpDownIcon, size: size }))));
+    return labelVisible || disabledTooltip ? (buttonBase) : (React.createElement(Tooltip, { label: label, position: tooltipPosition }, buttonBase));
+}
+Button.List = function (_a) {
+    var children = _a.children, _b = _a.isWrapping, isWrapping = _b === void 0 ? false : _b, className = _a.className;
+    var modifiedChildren = Children.map(children, function (child) {
+        // Check if this child is a Button
+        if (React.isValidElement(child) && child.type === Button) {
+            // Clone the element with hasMagnifying set to false
+            return cloneElement(child, { hasMagnifying: false });
+        }
+        return child;
+    });
+    return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
+        React.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "s-flex-nowrap") }, modifiedChildren)));
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

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

package/dist/components/CardButton.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="node" />
+import React, { ReactNode } from "react";
+import type { UrlObject } from "url";
+interface CardButtonProps {
+    children: ReactNode;
+    variant?: "primary" | "secondary" | "tertiary";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    href?: string | UrlObject;
+    target?: string;
+    rel?: string;
+    replace?: boolean;
+    shallow?: boolean;
+}
+export declare function CardButton({ children, variant, size, className, onClick, onMouseEnter, onMouseLeave, href, target, rel, replace, shallow, }: CardButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CardButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../src/components/CardButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AASrC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiBD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,SAAc,EACd,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,MAAiB,EACjB,GAAQ,EACR,OAAO,EACP,OAAO,GACR,EAAE,eAAe,qBAoCjB"}

package/dist/components/CardButton.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { noHrefLink, SparkleContext, } from "../context";
+import { classNames } from "../lib/utils";
+var variantClasses = {
+    primary: "s-bg-structure-50 s-border s-border-structure-200 hover:s-bg-white hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200",
+    secondary: "s-bg-structure-0 s-border s-border-structure-100 hover:s-bg-structure-50 hover:s-border-structure-200 active:s-bg-structure-100 active:s-border-structure-300",
+    tertiary: "s-border-structure-100/0 s-border s-border-structure-0 hover:s-bg-structure-50 hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200",
+};
+var sizeClasses = {
+    sm: "s-p-3 s-rounded-xl",
+    md: "s-p-4 s-rounded-2xl",
+    lg: "s-p-5 s-rounded-3xl",
+};
+export function CardButton(_a) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, href = _a.href, _e = _a.target, target = _e === void 0 ? "_blank" : _e, _f = _a.rel, rel = _f === void 0 ? "" : _f, replace = _a.replace, shallow = _a.shallow;
+    var components = React.useContext(SparkleContext).components;
+    var Link = href ? components.link : noHrefLink;
+    var commonClasses = classNames("s-flex s-group s-cursor-pointer s-transition s-duration-200 s-overflow-hidden", variantClasses[variant], sizeClasses[size], className);
+    if (href) {
+        return (React.createElement(Link, { href: href, className: commonClasses, replace: replace, shallow: shallow, target: target, rel: rel }, children));
+    }
+    else {
+        return (React.createElement("div", { className: commonClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
+    }
+}
+//# sourceMappingURL=CardButton.js.map

package/dist/components/CardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../src/components/CardButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EACL,UAAU,EACV,cAAc,GAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBhD,IAAM,cAAc,GAAG;IACrB,OAAO,EACL,yJAAyJ;IAC3J,SAAS,EACP,+JAA+J;IACjK,QAAQ,EACN,qKAAqK;CACxK,CAAC;AAEF,IAAM,WAAW,GAAG;IAClB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,qBAAqB;CAC1B,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EAaT;QAZhB,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA;IAEC,IAAA,UAAU,GAAK,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,WAArC,CAAsC;IAExD,IAAM,IAAI,GAA2B,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IAEzE,IAAM,aAAa,GAAG,UAAU,CAC9B,+EAA+E,EAC/E,cAAc,CAAC,OAAO,CAAC,EACvB,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,CAAC;IACF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACR,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,6BACE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IAEzB,QAAQ,CACL,CACP,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface CheckboxProps {
+    variant?: "selectable" | "checkable";
+    checked: boolean;
+    disabled?: boolean;
+    partialChecked?: boolean;
+    onChange: (checked: boolean) => void;
+    className?: string;
+}
+export declare function Checkbox({ variant, checked, onChange, className, disabled, partialChecked, }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAsB,EACtB,OAAO,EACP,QAAQ,EACR,SAAc,EACd,QAAQ,EACR,cAAc,GACf,EAAE,aAAa,qBAkEf"}

package/dist/components/Checkbox.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { CheckIcon, DashIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+export function Checkbox(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "selectable" : _b, checked = _a.checked, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? "" : _c, disabled = _a.disabled, partialChecked = _a.partialChecked;
+    var baseStyleClasses = {
+        base: "s-border s-justify-center s-w-5 s-h-5 s-rounded-md s-flex s-items-center s-transition-colors s-duration-300 s-ease-out",
+        idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
+        hover: "hover:s-border-action-500 hover:s-bg-action-200",
+        disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
+        dark: {
+            base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
+            hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
+            disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
+        },
+    };
+    var checkedIndicatorClasses = {
+        base: "s-transition s-duration-300 s-ease-in-out",
+        selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
+        unselected: "s-opacity-0",
+        partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
+        disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
+    };
+    var combinedBaseClasses = classNames(baseStyleClasses.base, disabled ? baseStyleClasses.disabled : baseStyleClasses.idle, !disabled ? baseStyleClasses.hover : "", disabled ? baseStyleClasses.dark.disabled : baseStyleClasses.dark.base, !disabled ? baseStyleClasses.dark.hover : "", className);
+    var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", checked && !partialChecked && !disabled
+        ? checkedIndicatorClasses.selected
+        : "", partialChecked && !disabled ? checkedIndicatorClasses.partialChecked : "", !checked && !disabled ? checkedIndicatorClasses.unselected : "");
+    return (React.createElement("label", null,
+        React.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
+        React.createElement("div", { className: classNames(combinedBaseClasses, "s-relative s-text-white") },
+            React.createElement("div", { className: combinedCheckedIndicatorClasses, style: { width: "14px", height: "14px", borderRadius: "3px" } }),
+            variant === "checkable" && (React.createElement("div", { className: "s-absolute" },
+                React.createElement(Icon, { visual: partialChecked ? DashIcon : CheckIcon, size: "xs" }))))));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

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

package/dist/components/Chip.d.ts

@@ -0,0 +1,21 @@
+import React, { ComponentType, ReactNode } from "react";
+type ChipProps = {
+    size?: "xs" | "sm";
+    color?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
+    label?: string;
+    children?: ReactNode;
+    className?: string;
+    isBusy?: boolean;
+    icon?: ComponentType;
+};
+export declare function Chip({ size, color, label, children, className, isBusy, icon, }: ChipProps): React.JSX.Element;
+export declare namespace Chip {
+    var List: ({ children, className, isWrapping }: ListChipProps) => React.JSX.Element;
+}
+interface ListChipProps {
+    children: ReactNode;
+    className?: string;
+    isWrapping?: boolean;
+}
+export {};
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EACF,SAAS,GACT,OAAO,GACP,OAAO,GACP,QAAQ,GACR,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,KAAK,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAUF,wBAAgB,IAAI,CAAC,EACnB,IAAW,EACX,KAAe,EACf,KAAK,EACL,QAAQ,EACR,SAAc,EACd,MAAc,EACd,IAAI,GACL,EAAE,SAAS,qBAkCX;yBA1Ce,IAAI;;;AA4CpB,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/Chip.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+var sizeClasses = {
+    xs: "s-h-7 s-text-xs s-font-medium s-px-3 s-gap-2",
+    sm: "s-h-9 s-text-sm s-font-semibold s-px-3 s-gap-2.5",
+};
+var baseClasses = "s-rounded-lg s-inline-flex s-box-border s-border s-items-center";
+export function Chip(_a) {
+    var _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.color, color = _c === void 0 ? "slate" : _c, label = _a.label, children = _a.children, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.isBusy, isBusy = _e === void 0 ? false : _e, icon = _a.icon;
+    var backgroundColor = "s-bg-".concat(color, "-100 s-border-").concat(color, "-200");
+    var textColor = "s-text-".concat(color, "-900");
+    var ChipClasses = classNames(baseClasses, sizeClasses[size], backgroundColor, textColor, className);
+    return (React.createElement("div", { className: classNames(ChipClasses, isBusy ? "s-animate-breathing-scale s-cursor-default" : ""), "aria-label": label },
+        icon && React.createElement(Icon, { visual: icon, size: size }),
+        label && (React.createElement("span", { className: classNames(textColor, "s-pointer s-grow s-cursor-default s-truncate") }, label)),
+        children));
+}
+Chip.List = function (_a) {
+    var children = _a.children, className = _a.className, isWrapping = _a.isWrapping;
+    return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
+        React.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "") }, children)));
+};
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAqBzC,IAAM,WAAW,GAAG;IAClB,EAAE,EAAE,8CAA8C;IAClD,EAAE,EAAE,kDAAkD;CACvD,CAAC;AAEF,IAAM,WAAW,GACf,iEAAiE,CAAC;AAEpE,MAAM,UAAU,IAAI,CAAC,EAQT;QAPV,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,IAAI,UAAA;IAEJ,IAAM,eAAe,GAAG,eAAQ,KAAK,2BAAiB,KAAK,SAAM,CAAC;IAClE,IAAM,SAAS,GAAG,iBAAU,KAAK,SAAM,CAAC;IAExC,IAAM,WAAW,GAAG,UAAU,CAC5B,WAAW,EACX,WAAW,CAAC,IAAI,CAAC,EACjB,eAAe,EACf,SAAS,EACT,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,MAAM,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,EAAE,CAC3D,gBACW,KAAK;QAEhB,IAAI,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAyB,GAAI;QAC/D,KAAK,IAAI,CACR,8BACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,8CAA8C,CAC/C,IAEA,KAAK,CACD,CACR;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAQD,IAAI,CAAC,IAAI,GAAG,UAAU,EAAkD;QAAhD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA;IACrD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC;QAC9D,6BACE,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAChC,IAEA,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Citation.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+export type CitationType = "confluence" | "document" | "github" | "google_drive" | "image" | "intercom" | "microsoft" | "notion" | "slack";
+interface CitationProps {
+    avatarSrc?: string;
+    description?: string;
+    href?: string;
+    imgSrc?: string;
+    index?: ReactNode;
+    isBlinking?: boolean;
+    isLoading?: boolean;
+    onClose?: () => void;
+    size?: "xs" | "sm";
+    sizing?: "fixed" | "fluid";
+    title: string;
+    type?: CitationType;
+}
+export declare function Citation({ avatarSrc, description, href, imgSrc, index, isBlinking, isLoading, onClose, size, sizing, title, type, }: CitationProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Citation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Citation.d.ts","sourceRoot":"","sources":["../../src/components/Citation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBzC,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,cAAc,GACd,OAAO,GACP,UAAU,GACV,WAAW,GACX,QAAQ,GACR,OAAO,CAAC;AAEZ,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAmBD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAkB,EAClB,SAAS,EACT,OAAO,EACP,IAAW,EACX,MAAgB,EAChB,KAAK,EACL,IAAiB,GAClB,EAAE,aAAa,qBAuFf"}

package/dist/components/Citation.js

@@ -0,0 +1,59 @@
+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);
+};
+import React from "react";
+import { DocumentTextStrokeIcon, ImageStrokeIcon } from "../icons/stroke";
+import { classNames } from "../lib/utils";
+import { Confluence, Drive, Github, Intercom, Microsoft, Notion, Slack, } from "../logo/platforms";
+import { Avatar, CardButton, Icon, IconButton, Spinner, Tooltip, XCircleIcon, } from "..";
+var typeIcons = {
+    confluence: Confluence,
+    document: DocumentTextStrokeIcon,
+    github: Github,
+    google_drive: Drive,
+    intercom: Intercom,
+    microsoft: Microsoft,
+    notion: Notion,
+    slack: Slack,
+    image: ImageStrokeIcon,
+};
+var typeSizing = {
+    fixed: { xs: "s-w-48", sm: "s-w-64" },
+    fluid: "s-w-full",
+};
+export function Citation(_a) {
+    var avatarSrc = _a.avatarSrc, description = _a.description, href = _a.href, imgSrc = _a.imgSrc, index = _a.index, _b = _a.isBlinking, isBlinking = _b === void 0 ? false : _b, isLoading = _a.isLoading, onClose = _a.onClose, _c = _a.size, size = _c === void 0 ? "sm" : _c, _d = _a.sizing, sizing = _d === void 0 ? "fixed" : _d, title = _a.title, _e = _a.type, type = _e === void 0 ? "document" : _e;
+    var cardContent = (React.createElement(React.Fragment, null,
+        type === "image" && imgSrc && (React.createElement("div", { className: "s-absolute s-left-0 s-top-0 s-brightness-90 s-filter s-transition s-duration-200 s-ease-out hover:s-brightness-110 active:s-brightness-100 group-hover:s-brightness-110 group-hover:s-filter group-active:s-brightness-100", style: {
+                backgroundImage: "url(".concat(imgSrc, ")"),
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+                height: "100%",
+                width: "100%",
+            } })),
+        React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+            avatarSrc && React.createElement(Avatar, { visual: avatarSrc, size: "xs" }),
+            index && (React.createElement("div", { className: classNames("s-flex s-items-center s-justify-center s-rounded-full s-border s-border-violet-200 s-bg-violet-100 s-text-xs s-font-semibold s-text-element-800", size === "sm" ? "s-h-5 s-w-5" : "s-h-4 s-w-4") }, index)),
+            !isLoading && (React.createElement(Icon, { visual: typeIcons[type], className: "s-text-element-700" })),
+            React.createElement("div", { className: "s-flex-grow s-text-xs" }),
+            onClose && (React.createElement("div", { className: classNames(type === "image"
+                    ? "s-z-50 s-h-5 s-w-5 s-rounded-full s-bg-slate-950/30"
+                    : "") },
+                React.createElement(IconButton, { icon: XCircleIcon, variant: type === "image" ? "white" : "tertiary", onClick: onClose })))),
+        React.createElement(Tooltip, { label: title, position: "above" },
+            React.createElement("div", { className: classNames("s-line-clamp-1 s-text-sm s-text-element-800", size === "sm" ? "s-font-bold" : "s-font-semibold") }, title)),
+        description && (React.createElement("div", { className: "s-line-clamp-2 s-text-xs s-font-normal s-text-element-700" }, description))));
+    return (React.createElement(CardButton, __assign({ variant: "secondary", size: "sm", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, (href && { href: href, target: "_blank", rel: "noopener noreferrer" })),
+        isLoading && (React.createElement("div", { className: "s-absolute s-inset-0 s-flex s-items-center s-justify-center" },
+            React.createElement(Spinner, { size: "xs", variant: "color" }))),
+        React.createElement("div", { className: isLoading ? "s-opacity-50" : "" }, cardContent)));
+}
+//# sourceMappingURL=Citation.js.map

package/dist/components/Citation.js.map

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

package/dist/components/CollapseButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface CollapseButtonProps {
+    direction: "left" | "right";
+}
+declare const CollapseButton: React.FC<CollapseButtonProps>;
+export default CollapseButton;
+//# sourceMappingURL=CollapseButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.d.ts","sourceRoot":"","sources":["../../src/components/CollapseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAUD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/CollapseButton.js

@@ -0,0 +1,59 @@
+import Lottie from "lottie-react";
+import React, { useEffect, useRef } from "react";
+import collapseBar from "../lottie/collapseBar";
+// Constant to store frame numbers
+var FRAMES = {
+    INITIAL: 0,
+    IDLE: 13,
+    LEFT_START: 1,
+    RIGHT_END: 25,
+};
+var CollapseButton = function (_a) {
+    var direction = _a.direction;
+    var lottieRef = useRef(null);
+    // Function to handle hover event
+    var handleMouseEnter = function () {
+        var _a;
+        if ((_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.animationItem) {
+            if (direction === "left") {
+                lottieRef.current.animationItem.playSegments([FRAMES.IDLE, FRAMES.LEFT_START], true);
+            }
+            else if (direction === "right") {
+                lottieRef.current.animationItem.playSegments([FRAMES.IDLE, FRAMES.RIGHT_END], true);
+            }
+        }
+    };
+    // Function to reset animation to idle state
+    var handleMouseLeave = function () {
+        var _a;
+        if ((_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.animationItem) {
+            if (direction === "left") {
+                lottieRef.current.animationItem.playSegments([FRAMES.LEFT_START, FRAMES.IDLE], true);
+            }
+            else if (direction === "right") {
+                lottieRef.current.animationItem.playSegments([FRAMES.RIGHT_END, FRAMES.IDLE], true);
+            }
+        }
+    };
+    useEffect(function () {
+        // Ensure the animation starts from the initial state
+        var initializeAnimation = function () {
+            var _a;
+            if ((_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.animationItem) {
+                lottieRef.current.animationItem.goToAndStop(FRAMES.INITIAL, true);
+                // Set to idle state after initial load
+                setTimeout(function () {
+                    var _a, _b;
+                    (_b = (_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.animationItem) === null || _b === void 0 ? void 0 : _b.goToAndStop(FRAMES.IDLE, true);
+                }, 100);
+            }
+        };
+        // Adding a small delay to ensure the animation is ready
+        var timeoutId = setTimeout(initializeAnimation, 100);
+        return function () { return clearTimeout(timeoutId); };
+    }, []);
+    return (React.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { width: "24px", height: "36px" }, className: "s-cursor-pointer" },
+        React.createElement(Lottie, { lottieRef: lottieRef, animationData: collapseBar, loop: false, autoplay: false })));
+};
+export default CollapseButton;
+//# sourceMappingURL=CollapseButton.js.map

package/dist/components/CollapseButton.js.map

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

package/dist/components/Collapsible.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface CollapsibleProps {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const Collapsible: React.FC<CollapsibleProps> & {
+    Button: React.FC<CollapsibleButtonProps>;
+    Panel: React.FC<CollapsiblePanelProps>;
+};
+export interface CollapsibleButtonProps {
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    variant?: "primary" | "secondary";
+}
+export interface CollapsiblePanelProps {
+    children: React.ReactNode;
+    open?: boolean;
+}
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/components/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;CASxC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAwGD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/dist/components/Collapsible.js

@@ -0,0 +1,88 @@
+import { Disclosure, Transition } from "@headlessui/react";
+import React, { createContext, useContext } from "react";
+import { ChevronDownIcon, ChevronRightIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+var OpenStateContext = createContext(undefined);
+var useOpenState = function () {
+    var context = useContext(OpenStateContext);
+    if (context === undefined) {
+        throw new Error("useOpenState must be used within a OpenStateProvider");
+    }
+    return context;
+};
+export var Collapsible = function (_a) {
+    var children = _a.children, defaultOpen = _a.defaultOpen;
+    return (React.createElement(Disclosure, { defaultOpen: defaultOpen }, function (_a) {
+        var open = _a.open;
+        return (React.createElement(OpenStateContext.Provider, { value: open }, children));
+    }));
+};
+Collapsible.Button = function (_a) {
+    var label = _a.label, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d;
+    var open = useOpenState();
+    var labelClasses = {
+        primary: {
+            base: "s-text-action-500 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
+            hover: "group-hover:s-text-action-400",
+            active: "active:s-text-action-600",
+            dark: {
+                base: "dark:s-text-action-500-dark",
+                hover: "dark:group-hover:s-text-action-400-dark",
+                active: "dark:active:s-text-action-600-dark",
+                disabled: "dark:s-element-500-dark",
+            },
+            disabled: "s-element-500",
+        },
+        secondary: {
+            base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
+            hover: "group-hover:s-text-action-500",
+            active: "active:s-text-action-600",
+            dark: {
+                base: "dark:s-text-element-900-dark",
+                hover: "dark:group-hover:s-text-action-400-dark",
+                active: "dark:active:s-text-action-600-dark",
+                disabled: "dark:s-element-500-dark",
+            },
+            disabled: "s-element-500",
+        },
+    };
+    var chevronClasses = {
+        primary: {
+            base: "s-text-element-600",
+            hover: "group-hover:s-text-action-400",
+            active: "active:s-text-action-700",
+            disabled: "s-element-500",
+            dark: {
+                base: "dark:s-text-element-600-dark",
+                hover: "dark:group-hover:s-text-action-500-dark",
+                active: "dark:active:s-text-action-700-dark",
+                disabled: "dark:s-element-500-dark",
+            },
+        },
+        secondary: {
+            base: "s-text-element-600",
+            hover: "group-hover:s-text-action-400",
+            active: "active:s-text-action-700",
+            disabled: "s-element-500",
+            dark: {
+                base: "dark:s-text-element-600-dark",
+                hover: "dark:group-hover:s-text-action-500-dark",
+                active: "dark:active:s-text-action-700-dark",
+                disabled: "dark:s-element-500-dark",
+            },
+        },
+    };
+    var finalLabelClasses = classNames(labelClasses[variant].base, labelClasses[variant].dark.base, !disabled ? labelClasses[variant].active : "", !disabled ? labelClasses[variant].dark.active : "", !disabled ? labelClasses[variant].hover : "", !disabled ? labelClasses[variant].dark.hover : "", disabled ? labelClasses[variant].disabled : "");
+    var finalChevronClasses = classNames(chevronClasses[variant].base, chevronClasses[variant].dark.base, !disabled ? chevronClasses[variant].active : "", !disabled ? chevronClasses[variant].dark.active : "", !disabled ? chevronClasses[variant].hover : "", !disabled ? chevronClasses[variant].dark.hover : "", disabled ? chevronClasses[variant].disabled : "");
+    return (React.createElement(Disclosure.Button, { disabled: disabled, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-items-center s-justify-items-center s-gap-1 s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0") },
+        React.createElement(Icon, { visual: open ? ChevronDownIcon : ChevronRightIcon, size: "sm", className: finalChevronClasses }),
+        children ? children : React.createElement("span", { className: finalLabelClasses }, label)));
+};
+Collapsible.Panel = function (_a) {
+    var children = _a.children;
+    return (React.createElement(Transition, { enter: "s-transition s-duration-300 s-ease-out", enterFrom: "s-transform s-scale-95 s-opacity-0", enterTo: "s-transform s-scale-100 s-opacity-100", leave: "s-transition s-duration-300 s-ease-out", leaveFrom: "s-transform s-scale-100 s-opacity-100", leaveTo: "s-transform s-scale-95 s-opacity-0" },
+        React.createElement(Disclosure.Panel, null,
+            React.createElement("div", { className: "s-text-gray-500" }, children))));
+};
+//# sourceMappingURL=Collapsible.js.map