@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/DropdownMenu.js

@@ -0,0 +1,205 @@
+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 { Menu, Transition } from "@headlessui/react";
+import React, { Fragment, useContext, useEffect, useRef, useState, } from "react";
+import { ChevronDownIcon, ChevronRightIcon, ChevronUpDownIcon, } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+import { Item as StandardItem } from "./Item";
+import { Tooltip } from "./Tooltip";
+var ButtonRefContext = React.createContext(null);
+var labelClasses = {
+    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-700",
+    dark: {
+        base: "dark:s-text-element-900-dark",
+        hover: "dark:group-hover:s-text-action-400",
+        active: "dark:active:s-text-action-600",
+        disabled: "dark:s-element-500-dark",
+    },
+    disabled: "s-opacity-50",
+};
+var labelSizeClasses = {
+    sm: "s-text-sm",
+    md: "s-text-base",
+};
+var iconClasses = {
+    base: "s-text-element-700 s-transition-colors s-ease-out s-duration-400",
+    hover: "group-hover:s-text-action-500",
+    active: "active:s-text-action-700",
+    disabled: "s-opacity-50",
+    dark: {
+        base: "dark:s-text-element-700-dark",
+        hover: "dark:group-hover:s-text-action-500-dark",
+        active: "dark:active:s-text-action-600",
+    },
+};
+var chevronClasses = {
+    base: "s-text-element-600 s-mt-0.5",
+    hover: "group-hover:s-text-action-400",
+    disabled: "s-element-500",
+    dark: {
+        base: "dark:s-text-element-600-dark",
+        hover: "dark:group-hover:s-text-action-500-dark",
+        disabled: "dark:s-element-500-dark",
+    },
+};
+export function DropdownMenu(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var buttonRef = useRef(null);
+    return (React.createElement(ButtonRefContext.Provider, { value: buttonRef },
+        React.createElement(Menu, { as: "div", className: classNames(className, "s-relative s-inline-block") }, children)));
+}
+DropdownMenu.Button = function (_a) {
+    var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
+    var finalLabelClasses = classNames(labelClasses.base, labelSizeClasses[size], labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
+    var finalIconClasses = classNames(iconClasses.base, iconClasses.dark.base, !disabled ? iconClasses.hover : "", !disabled ? iconClasses.dark.hover : "", disabled ? iconClasses.disabled : "");
+    var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
+    var buttonRef = useContext(ButtonRefContext);
+    if (children) {
+        return (React.createElement(Menu.Button, { as: "div", disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0"), onClick: onClick }, tooltip ? (React.createElement(Tooltip, { position: tooltipPosition, label: tooltip }, children)) : (children)));
+    }
+    var chevronIcon = type === "select"
+        ? ChevronUpDownIcon
+        : type === "submenu"
+            ? ChevronRightIcon
+            : ChevronDownIcon;
+    return (React.createElement(React.Fragment, null, tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition },
+        React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5") },
+            React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
+            React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))) : (React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5", type === "submenu" ? "s-opacity-50" : "") },
+        React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
+        React.createElement("span", { className: classNames(finalLabelClasses, type === "submenu" ? "s-w-full" : "") }, label),
+        React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
+};
+DropdownMenu.Item = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description, href = _a.href, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children, _c = _a.selected, selected = _c === void 0 ? false : _c;
+    return (
+    // need to use as="div" -- otherwise we get a "forwardRef" error in the console
+    React.createElement(Menu.Item, { disabled: disabled, as: "div" }, hasChildren ? (React.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-py-2" },
+        React.createElement(DropdownMenu.Button, { label: label, type: "submenu", className: "s-w-full" }),
+        children)) : (React.createElement(StandardItem.Dropdown, { style: variant, className: "s-w-full", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description, selected: selected }))));
+};
+DropdownMenu.SectionHeader = function (_a) {
+    var label = _a.label;
+    return (
+    // need to use as="div" -- otherwise we get a "forwardRef" error in the console
+    React.createElement(Menu.Item, { as: "div" },
+        React.createElement("div", { className: classNames("s-w-full", "s-text-element-600 dark:s-text-element-600-dark", "s-pb-3 s-pt-4 s-text-xs s-font-medium s-uppercase") }, label)));
+};
+var classNamesForVariant = function (variant, hasDropdownItem) {
+    switch (variant) {
+        case "no-padding":
+            return "";
+        case "default":
+            return "s-px-5 ".concat(hasDropdownItem ? "s-py-1.5" : "s-py-4");
+    }
+};
+DropdownMenu.Items = function (_a) {
+    var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children, topBar = _a.topBar, bottomBar = _a.bottomBar, onKeyDown = _a.onKeyDown, _d = _a.overflow, overflow = _d === void 0 ? "auto" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e;
+    var buttonRef = useContext(ButtonRefContext);
+    var _f = __read(useState(0), 2), buttonHeight = _f[0], setButtonHeight = _f[1];
+    if (origin === "auto") {
+        origin = findOriginFromButton(buttonRef);
+    }
+    useEffect(function () {
+        if (buttonRef && buttonRef.current) {
+            setButtonHeight(buttonRef.current.offsetHeight);
+        }
+    }, []);
+    // Check if any child is a Dropdown.Item
+    var hasDropdownItem = React.Children.toArray(children).some(function (child) {
+        var _a;
+        return React.isValidElement(child) &&
+            (child.type === DropdownMenu.Item || ((_a = child.props) === null || _a === void 0 ? void 0 : _a.hasChildren));
+    });
+    var getOriginClass = function (origin) {
+        switch (origin) {
+            case "topLeft":
+                return "s-origin-top-left s-left-0";
+            case "topRight":
+                return "s-origin-top-right s-right-0";
+            case "bottomLeft":
+                return "s-origin-bottom-left s-left-0 s-bottom-6";
+            case "bottomRight":
+                return "s-origin-bottom-right s-right-0 s-bottom-6";
+            default:
+                return "s-origin-top-right";
+        }
+    };
+    var getOriginTransClass = function (origin) {
+        switch (origin) {
+            case "topLeft":
+                return "s-transform s-opacity-0 s-scale-95 -s-translate-y-5";
+            case "topRight":
+                return "s-transform s-opacity-0 s-scale-95 -s-translate-y-5";
+            case "bottomLeft":
+                return "s-transform s-opacity-0 s-scale-95 s-translate-y-5";
+            case "bottomRight":
+                return "s-transform s-opacity-0 s-scale-95 s-translate-y-5";
+            default:
+                return "s-origin-top-right";
+        }
+    };
+    var getOverflowClass = function (overflow) {
+        switch (overflow) {
+            case "visible":
+                return "s-overflow-visible";
+            case "auto":
+                return "s-max-h-[344px] s-overflow-auto";
+            default:
+                return "s-max-h-[344px] s-overflow-auto";
+        }
+    };
+    var styleInsert = function (origin, marginLeft) {
+        var style = {
+            width: "".concat(width, "px"),
+        };
+        if (marginLeft) {
+            style["left"] = "".concat(marginLeft, "px");
+        }
+        if (origin === "topLeft" || origin === "topRight") {
+            style["top"] = "".concat(buttonHeight + 8, "px");
+        }
+        return style;
+    };
+    return (React.createElement(Transition, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
+        React.createElement(Menu.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
+            topBar,
+            React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
+                React.createElement(StandardItem.List, null, children)),
+            bottomBar)));
+};
+function findOriginFromButton(buttonRef) {
+    var _a;
+    if (!buttonRef) {
+        return "topRight";
+    }
+    var buttonRect = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (!buttonRect) {
+        return "topRight";
+    }
+    var windowHeight = window.innerHeight;
+    // Top half of screen
+    if (buttonRect.top < windowHeight / 2) {
+        return buttonRect.left < window.innerWidth / 2 ? "topLeft" : "topRight";
+    }
+    // Bottom half of screen
+    return buttonRect.left < window.innerWidth / 2 ? "bottomLeft" : "bottomRight";
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu.js.map

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

package/dist/components/ElementDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ModalProps } from "./Dialog";
+type ElementDialogProps<T> = Omit<ModalProps, "isOpen" | "onValidate" | "onCancel"> & {
+    openOnElement: T | null;
+    onValidate: (closeDialogFn: () => void) => void;
+    onCancel: (closeDialogFn: () => void) => void;
+    closeDialogFn: () => void;
+};
+export declare function ElementDialog<T>({ openOnElement, closeDialogFn, onValidate, onCancel, ...props }: ElementDialogProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ElementDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDialog.d.ts","sourceRoot":"","sources":["../../src/components/ElementDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAC/B,UAAU,EACV,QAAQ,GAAG,YAAY,GAAG,UAAU,CACrC,GAAG;IACF,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAiBvB"}

package/dist/components/ElementDialog.js

@@ -0,0 +1,53 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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, { useCallback, useState } from "react";
+import { Dialog } from "./Dialog";
+export function ElementDialog(_a) {
+    var openOnElement = _a.openOnElement, closeDialogFn = _a.closeDialogFn, onValidate = _a.onValidate, onCancel = _a.onCancel, props = __rest(_a, ["openOnElement", "closeDialogFn", "onValidate", "onCancel"]);
+    var _b = __read(useState(false), 2), isClosingTransition = _b[0], setIsClosingTransition = _b[1];
+    var transitionOnClose = useCallback(function () {
+        setIsClosingTransition(true);
+        setTimeout(function () {
+            closeDialogFn();
+            setIsClosingTransition(false);
+        }, 200);
+    }, [closeDialogFn]);
+    return (React.createElement(Dialog, __assign({ isOpen: openOnElement !== null && !isClosingTransition, onCancel: function () { return onCancel(transitionOnClose); }, onValidate: function () { return onValidate(transitionOnClose); } }, props)));
+}
+//# sourceMappingURL=ElementDialog.js.map

package/dist/components/ElementDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDialog.js","sourceRoot":"","sources":["../../src/components/ElementDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAY9C,MAAM,UAAU,aAAa,CAAI,EAMT;IALtB,IAAA,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,QAAQ,cAAA,EACL,KAAK,cALuB,4DAMhC,CADS;IAEF,IAAA,KAAA,OAAgD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IACtE,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,UAAU,CAAC;YACT,aAAa,EAAE,CAAC;YAChB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,oBAAC,MAAM,aACL,MAAM,EAAE,aAAa,KAAK,IAAI,IAAI,CAAC,mBAAmB,EACtD,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,iBAAiB,CAAC,EAA3B,CAA2B,EAC3C,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,iBAAiB,CAAC,EAA7B,CAA6B,IAC3C,KAAK,EACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/ElementModal.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ModalProps } from "./Modal";
+type ElementModalProps<T> = Omit<ModalProps, "isOpen" | "onSave"> & {
+    openOnElement: T | null;
+    onSave?: (closeModalFn: () => void) => void;
+};
+export declare function ElementModal<T>({ openOnElement, onClose, onSave, ...props }: ElementModalProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ElementModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementModal.d.ts","sourceRoot":"","sources":["../../src/components/ElementModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAC,GAAG;IAClE,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,aAAa,EACb,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAiBtB"}

package/dist/components/ElementModal.js

@@ -0,0 +1,53 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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, { useCallback, useState } from "react";
+import { Modal } from "./Modal";
+export function ElementModal(_a) {
+    var openOnElement = _a.openOnElement, onClose = _a.onClose, onSave = _a.onSave, props = __rest(_a, ["openOnElement", "onClose", "onSave"]);
+    var _b = __read(useState(false), 2), isClosingTransition = _b[0], setIsClosingTransition = _b[1];
+    var transitionOnClose = useCallback(function () {
+        setIsClosingTransition(true);
+        setTimeout(function () {
+            onClose();
+            setIsClosingTransition(false);
+        }, 200);
+    }, [onClose]);
+    return (React.createElement(Modal, __assign({ isOpen: openOnElement !== null && !isClosingTransition, onClose: transitionOnClose, onSave: onSave ? function () { return onSave(transitionOnClose); } : undefined }, props)));
+}
+//# sourceMappingURL=ElementModal.js.map

package/dist/components/ElementModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementModal.js","sourceRoot":"","sources":["../../src/components/ElementModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAO5C,MAAM,UAAU,YAAY,CAAI,EAKT;IAJrB,IAAA,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAJsB,sCAK/B,CADS;IAEF,IAAA,KAAA,OAAgD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IACtE,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,UAAU,CAAC;YACT,OAAO,EAAE,CAAC;YACV,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,CACL,oBAAC,KAAK,aACJ,MAAM,EAAE,aAAa,KAAK,IAAI,IAAI,CAAC,mBAAmB,EACtD,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,cAAM,OAAA,MAAM,CAAC,iBAAiB,CAAC,EAAzB,CAAyB,CAAC,CAAC,CAAC,SAAS,IACxD,KAAK,EACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/EmojiPicker.d.ts

@@ -0,0 +1,17 @@
+import type { EmojiMartData } from "@emoji-mart/data";
+import React from "react";
+import { EmojiSkinType } from "../lib/avatar/types";
+interface EmojiPickerProps {
+    data?: EmojiMartData;
+    onEmojiSelect: (emoji: EmojiSkinType) => void;
+    previewPosition?: "none";
+    theme: "dark" | "light";
+}
+export declare function EmojiPicker({ data, onEmojiSelect, previewPosition, theme, }: EmojiPickerProps): React.JSX.Element;
+export declare namespace EmojiPicker {
+    var defaults: {
+        previewPosition: string;
+    };
+}
+export {};
+//# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAMD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,eAAe,EACf,KAAK,GACN,EAAE,gBAAgB,qBASlB;yBAde,WAAW"}

package/dist/components/EmojiPicker.js

@@ -0,0 +1,10 @@
+import Picker from "@emoji-mart/react";
+import React from "react";
+EmojiPicker.defaults = {
+    previewPosition: "none",
+};
+export function EmojiPicker(_a) {
+    var data = _a.data, onEmojiSelect = _a.onEmojiSelect, previewPosition = _a.previewPosition, theme = _a.theme;
+    return (React.createElement(Picker, { theme: theme, previewPosition: previewPosition, data: data, onEmojiSelect: onEmojiSelect }));
+}
+//# sourceMappingURL=EmojiPicker.js.map

package/dist/components/EmojiPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,WAAW,CAAC,QAAQ,GAAG;IACrB,eAAe,EAAE,MAAM;CACxB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAKT;QAJjB,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,KAAK,WAAA;IAEL,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC"}

package/dist/components/FilterChips.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface FilterChipsProps<T extends string> {
+    filters: T[];
+    onFilterClick: (filterName: T) => void;
+    defaultFilter?: T;
+}
+export declare function FilterChips<T extends string>({ filters, onFilterClick, defaultFilter, }: FilterChipsProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=FilterChips.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.d.ts","sourceRoot":"","sources":["../../src/components/FilterChips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM;IACzC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,aAAa,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,OAAO,EACP,aAAa,EACb,aAAa,GACd,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBA8BrB"}

package/dist/components/FilterChips.js

@@ -0,0 +1,32 @@
+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 { useCallback, useState } from "react";
+import React from "react";
+import { Button } from "./Button";
+export function FilterChips(_a) {
+    var filters = _a.filters, onFilterClick = _a.onFilterClick, defaultFilter = _a.defaultFilter;
+    var _b = __read(useState(defaultFilter && filters.includes(defaultFilter) ? defaultFilter : null), 2), selectedFilter = _b[0], setSelectedFilter = _b[1];
+    var handleFilterClick = useCallback(function (filterName) {
+        // Avoid unnecessary re-renders by only triggering event if filter has changed.
+        if (filterName !== selectedFilter) {
+            setSelectedFilter(filterName);
+            onFilterClick(filterName);
+        }
+    }, [onFilterClick, selectedFilter]);
+    return (React.createElement("div", { className: "s-flex s-flex-row s-flex-wrap s-gap-2" }, filters.map(function (filterName) { return (React.createElement(Button, { label: filterName, variant: selectedFilter === filterName ? "primary" : "tertiary", key: filterName, size: "xs", hasMagnifying: false, onClick: function () { return handleFilterClick(filterName); } })); })));
+}
+//# sourceMappingURL=FilterChips.js.map

package/dist/components/FilterChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.js","sourceRoot":"","sources":["../../src/components/FilterChips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC,MAAM,UAAU,WAAW,CAAmB,EAIxB;QAHpB,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,aAAa,mBAAA;IAEP,IAAA,KAAA,OAAsC,QAAQ,CAClD,aAAa,IAAI,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CACxE,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IAEF,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,UAAa;QACZ,+EAA+E;QAC/E,IAAI,UAAU,KAAK,cAAc,EAAE,CAAC;YAClC,iBAAiB,CAAC,UAAU,CAAC,CAAC;YAC9B,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,uCAAuC,IACnD,OAAO,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CAC3B,oBAAC,MAAM,IACL,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC/D,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,IAAI,EACT,aAAa,EAAE,KAAK,EACpB,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,UAAU,CAAC,EAA7B,CAA6B,GAC5C,CACH,EAT4B,CAS5B,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Hover3D.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export declare const useHover3D: () => {
+    isHovered: boolean;
+    setHovered?: ((state: boolean) => void) | undefined;
+};
+interface Hover3DProps {
+    children: React.ReactNode;
+    xOffset?: number;
+    yOffset?: number;
+    attack?: number;
+    release?: number;
+    perspective?: number;
+    className?: string;
+    depth?: number;
+    range?: number;
+    fullscreenSensible?: boolean;
+    reference?: "screen" | "object";
+}
+declare function Hover3D({ children, xOffset, yOffset, attack, release, perspective, depth, className, range, fullscreenSensible, reference, }: Hover3DProps): React.JSX.Element;
+interface divProps {
+    depth: number;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Div3D: ({ depth, children, className }: divProps) => React.JSX.Element;
+export { Div3D, Hover3D };
+//# sourceMappingURL=Hover3D.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hover3D.d.ts","sourceRoot":"","sources":["../../src/components/Hover3D.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,UAAU;eALV,OAAO;0BACG,OAAO,KAAK,IAAI;CAImB,CAAC;AAE3D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACjC;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,OAAY,EACZ,OAAY,EACZ,MAAY,EACZ,OAAa,EACb,WAAiB,EACjB,KAAW,EACX,SAAc,EACd,KAAS,EACT,kBAA0B,EAC1B,SAAoB,GACrB,EAAE,YAAY,qBA6Fd;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,mCAAyC,QAAQ,sBAY3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Hover3D.js

@@ -0,0 +1,88 @@
+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, { createContext, useContext, useEffect, useRef, useState, } from "react";
+// Context to share hover state
+var Hover3DContext = createContext({ isHovered: false });
+// Custom hook to use the context
+export var useHover3D = function () { return useContext(Hover3DContext); };
+function Hover3D(_a) {
+    var children = _a.children, _b = _a.xOffset, xOffset = _b === void 0 ? 10 : _b, _c = _a.yOffset, yOffset = _c === void 0 ? 10 : _c, _d = _a.attack, attack = _d === void 0 ? 0.1 : _d, _e = _a.release, release = _e === void 0 ? 0.5 : _e, _f = _a.perspective, perspective = _f === void 0 ? 500 : _f, _g = _a.depth, depth = _g === void 0 ? -10 : _g, _h = _a.className, className = _h === void 0 ? "" : _h, _j = _a.range, range = _j === void 0 ? 3 : _j, _k = _a.fullscreenSensible, fullscreenSensible = _k === void 0 ? false : _k, _l = _a.reference, reference = _l === void 0 ? "object" : _l;
+    var elementRef = useRef(null);
+    var _m = __read(useState(fullscreenSensible), 2), isHovered = _m[0], setHovered = _m[1];
+    var _o = __read(useState("perspective(".concat(perspective, "px) translateZ(").concat(fullscreenSensible ? depth : 0, "px)")), 2), transform = _o[0], setTransform = _o[1];
+    var _p = __read(useState(""), 2), transition = _p[0], setTransition = _p[1];
+    var clamp = function (value, min, max) {
+        return Math.min(Math.max(value, min), max);
+    };
+    var map = function (value, istart, istop, ostart, ostop) {
+        return ostart + (ostop - ostart) * ((value - istart) / (istop - istart));
+    };
+    useEffect(function () {
+        var element = elementRef.current;
+        var handleMouseEnter = function () {
+            setTransition("transform ".concat(attack, "s"));
+            setHovered(true);
+        };
+        var handleMouseMove = function (e) {
+            if (element) {
+                var rect = reference === "object"
+                    ? element.getBoundingClientRect()
+                    : document.body.getBoundingClientRect();
+                var dx = e.clientX - rect.left;
+                var dy = e.clientY - rect.top;
+                var xRot = clamp(map(dx, 0, rect.width, -xOffset, xOffset), -xOffset, xOffset);
+                var yRot = clamp(map(dy, 0, rect.height, yOffset, -yOffset), -range * yOffset, range * yOffset);
+                setTransform("perspective(".concat(perspective, "px) rotateX(").concat(yRot, "deg) rotateY(").concat(xRot, "deg) translateZ(").concat(depth, "px)"));
+            }
+        };
+        if (fullscreenSensible) {
+            window.addEventListener("mousemove", handleMouseMove);
+        }
+        else {
+            var handleMouseLeave_1 = function () {
+                setTransition("transform ".concat(release, "s"));
+                setTransform("perspective(".concat(perspective, "px) rotateX(0deg) rotateY(0deg)"));
+                setHovered(false);
+            };
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseenter", handleMouseEnter);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mousemove", handleMouseMove);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseleave", handleMouseLeave_1);
+            return function () {
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseenter", handleMouseEnter);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mousemove", handleMouseMove);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseleave", handleMouseLeave_1);
+            };
+        }
+    }, [attack, release, perspective, xOffset, yOffset]);
+    return (React.createElement(Hover3DContext.Provider, { value: { isHovered: isHovered, setHovered: setHovered } },
+        React.createElement("div", { ref: elementRef, style: {
+                transform: transform,
+                transition: transition,
+                transformStyle: "preserve-3d",
+            }, className: className }, children)));
+}
+var Div3D = function (_a) {
+    var depth = _a.depth, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var isHovered = useHover3D().isHovered;
+    var style = {
+        transform: "translateZ(".concat(isHovered ? depth : 0, "px)"),
+        transition: "transform 0.5s",
+    };
+    return (React.createElement("div", { style: style, className: className }, children));
+};
+export { Div3D, Hover3D };
+//# sourceMappingURL=Hover3D.js.map

package/dist/components/Hover3D.js.map

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

package/dist/components/Hoverable.d.ts

@@ -0,0 +1,10 @@
+import React, { SyntheticEvent } from "react";
+import { ReactNode } from "react";
+interface HoverableProps {
+    children: ReactNode;
+    className?: string;
+    onClick: (e: SyntheticEvent) => void;
+}
+export declare function Hoverable({ children, className, onClick, }: HoverableProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Hoverable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.d.ts","sourceRoot":"","sources":["../../src/components/Hoverable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAc,EACd,OAAO,GACR,EAAE,cAAc,qBAYhB"}

package/dist/components/Hoverable.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+export function Hoverable(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, onClick = _a.onClick;
+    return (React.createElement("span", { className: classNames("s-cursor-pointer s-duration-300 hover:s-text-action-500 active:s-text-action-600", className), onClick: onClick }, children));
+}
+//# sourceMappingURL=Hoverable.js.map

package/dist/components/Hoverable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.js","sourceRoot":"","sources":["../../src/components/Hoverable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,MAAM,UAAU,SAAS,CAAC,EAIT;QAHf,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA;IAEP,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CACnB,kFAAkF,EAClF,SAAS,CACV,EACD,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC"}