@dust-tt/sparkle 0.2.178 → 0.2.179-tsc

package/dist/components/ContextItem.d.ts

@@ -0,0 +1,39 @@
+import React, { ComponentType, ReactNode } from "react";
+type ContextItemProps = {
+    action?: ReactNode;
+    children?: ReactNode;
+    hasSeparator?: boolean;
+    hasSeparatorIfLast?: boolean;
+    subElement?: ReactNode;
+    title: ReactNode;
+    visual: ReactNode;
+    onClick?: () => void;
+};
+export declare function ContextItem({ action, children, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: ContextItemProps): React.JSX.Element;
+export declare namespace ContextItem {
+    var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
+    var Description: ({ children, description, }: ContextItemDescriptionProps) => React.JSX.Element;
+    var Visual: ({ visual }: ContextItemVisualProps) => React.JSX.Element;
+    var SectionHeader: ({ title, description, hasBorder, }: ItemSectionHeaderProps) => React.JSX.Element;
+}
+interface ContextItemListProps {
+    children: ReactNode;
+    className?: string;
+    hasBorder?: boolean;
+}
+interface ContextItemDescriptionProps {
+    children?: ReactNode;
+    description?: string;
+}
+interface ContextItemVisualProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface ItemSectionHeaderProps {
+    title: string;
+    description?: string;
+    hasBorder?: boolean;
+}
+export {};
+//# sourceMappingURL=ContextItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.d.ts","sourceRoot":"","sources":["../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,kBAA0B,EAC1B,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,qBAkClB;yBA3Ce,WAAW;;;;;;AA6C3B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0CD,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD;AAMD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/ContextItem.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { classNames } from "@sparkle/lib/utils";
+import { Icon } from "./Icon";
+export function ContextItem(_a) {
+    var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, _c = _a.hasSeparatorIfLast, hasSeparatorIfLast = _c === void 0 ? false : _c, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;
+    return (React.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col", hasSeparatorIfLast ? "" : "last:s-border-none") },
+        React.createElement("div", { className: classNames("s-flex s-flex-row s-items-start s-gap-3 s-px-4 s-py-3", onClick
+                ? "s-cursor-pointer s-transition s-duration-200 hover:s-bg-structure-50 active:s-bg-structure-100"
+                : ""), onClick: onClick },
+            React.createElement("div", { className: "s-flex" }, visual),
+            React.createElement("div", { className: "s-mb-0.5 s-flex s-grow s-flex-col s-gap-0" },
+                React.createElement("div", { className: "s-flex s-grow s-flex-row s-gap-3" },
+                    React.createElement("div", { className: "s-flex s-flex-col s-justify-center s-text-base s-font-semibold" }, title),
+                    React.createElement("div", { className: "s-flex s-items-center s-gap-1 s-text-sm s-text-element-600" }, subElement)),
+                React.createElement("div", null, children)),
+            React.createElement("div", null, action))));
+}
+ContextItem.List = function (_a) {
+    var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
+    // Ensure all children are of type ContextItem or ContextItem.SectionHeader
+    React.Children.forEach(children, function (child) {
+        if (child === null || child === undefined) {
+            return;
+        }
+        if (!React.isValidElement(child) ||
+            (child.type !== ContextItem &&
+                child.type !== ContextItem.SectionHeader &&
+                // all children of child must be of type ContextItem or ContextItem.SectionHeader
+                React.Children.toArray(child.props.children).some(function (c) {
+                    return !React.isValidElement(c) ||
+                        (c.type !== ContextItem && c.type !== ContextItem.SectionHeader);
+                }))) {
+            throw new Error("All children of ContextItem.List must be of type ContextItem or ContextItem.SectionHeader");
+        }
+    });
+    return (React.createElement("div", { className: classNames(className ? className : "", hasBorder ? "s-border-b s-border-t s-border-structure-200" : "", "s-flex s-flex-col") }, children));
+};
+ContextItem.Description = function (_a) {
+    var children = _a.children, description = _a.description;
+    return (React.createElement(React.Fragment, null,
+        description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700" }, description)),
+        children && React.createElement(React.Fragment, null, children)));
+};
+ContextItem.Visual = function (_a) {
+    var visual = _a.visual;
+    return React.createElement(Icon, { size: "md", visual: visual });
+};
+ContextItem.SectionHeader = function (_a) {
+    var title = _a.title, description = _a.description, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b;
+    return (React.createElement("div", { className: classNames("s-flex s-flex-col s-gap-0 s-pb-3 s-pt-7", hasBorder ? "s-border-b s-border-structure-200" : "") },
+        React.createElement("div", { className: "s-text-xl s-font-medium s-text-element-900 dark:s-text-element-900-dark" }, title),
+        description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700 dark:s-text-element-700-dark" }, description))));
+};
+//# sourceMappingURL=ContextItem.js.map

package/dist/components/ContextItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.js","sourceRoot":"","sources":["../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAa9B,MAAM,UAAU,WAAW,CAAC,EAST;QARjB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA;IAEP,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,YAAY,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,EACvD,4BAA4B,EAC5B,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAC/C;QAED,6BACE,SAAS,EAAE,UAAU,CACnB,uDAAuD,EACvD,OAAO;gBACL,CAAC,CAAC,gGAAgG;gBAClG,CAAC,CAAC,EAAE,CACP,EACD,OAAO,EAAE,OAAO;YAEhB,6BAAK,SAAS,EAAC,QAAQ,IAAE,MAAM,CAAO;YACtC,6BAAK,SAAS,EAAC,2CAA2C;gBACxD,6BAAK,SAAS,EAAC,kCAAkC;oBAC/C,6BAAK,SAAS,EAAC,gEAAgE,IAC5E,KAAK,CACF;oBACN,6BAAK,SAAS,EAAC,4DAA4D,IACxE,UAAU,CACP,CACF;gBACN,iCAAM,QAAQ,CAAO,CACjB;YACN,iCAAM,MAAM,CAAO,CACf,CACF,CACP,CAAC;AACJ,CAAC;AAQD,WAAW,CAAC,IAAI,GAAG,UAAU,EAIN;QAHrB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA;IAET,2EAA2E;IAC3E,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK;QACrC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,IACE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC5B,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW;gBACzB,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,aAAa;gBACxC,iFAAiF;gBACjF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC/C,UAAC,CAAC;oBACA,OAAA,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;wBACxB,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,aAAa,CAAC;gBADhE,CACgE,CACnE,CAAC,EACJ,CAAC;YACD,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAC1B,SAAS,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,EAAE,EAC/D,mBAAmB,CACpB,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,WAAW,CAAC,WAAW,GAAG,UAAU,EAGN;QAF5B,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,OAAO,CACL;QACG,WAAW,IAAI,CACd,6BAAK,SAAS,EAAC,4CAA4C,IACxD,WAAW,CACR,CACP;QACA,QAAQ,IAAI,0CAAG,QAAQ,CAAI,CAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAMF,WAAW,CAAC,MAAM,GAAG,UAAU,EAAkC;QAAhC,MAAM,YAAA;IACrC,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,MAAM,GAAI,CAAC;AAC5C,CAAC,CAAC;AAQF,WAAW,CAAC,aAAa,GAAG,UAAU,EAIb;QAHvB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA;IAEhB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,CACrD;QAED,6BAAK,SAAS,EAAC,yEAAyE,IACrF,KAAK,CACF;QACL,WAAW,IAAI,CACd,6BAAK,SAAS,EAAC,yEAAyE,IACrF,WAAW,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+type SupportedRowType = string | number;
+export interface DataTableProps {
+    name?: string;
+    columns: string[];
+    rows: SupportedRowType[][];
+    enableCopy?: boolean;
+    showLimit?: number;
+    downloadButton?: ReactNode;
+}
+export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>>;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,KAAK,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yFA0FrB,CAAC"}

package/dist/components/DataTable.js

@@ -0,0 +1,99 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 from "react";
+import { Page } from "@sparkle/index";
+import { ClipboardCheckIcon, ClipboardIcon, IconButton } from "@sparkle/index";
+import { useCopyToClipboard } from "@sparkle/lib/utils";
+export var DataTable = React.forwardRef(function (_a, ref) {
+    var name = _a.name, columns = _a.columns, rows = _a.rows, enableCopy = _a.enableCopy, showLimit = _a.showLimit, downloadButton = _a.downloadButton;
+    var _b = __read(useCopyToClipboard(), 2), isCopied = _b[0], copyToClipboard = _b[1];
+    var handleCopyTable = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var columnHeaders, data, clipboardText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    columnHeaders = columns.join(",");
+                    data = rows.map(function (row) { return row.join(","); }).join("\n");
+                    clipboardText = "".concat(columnHeaders, "\n").concat(data);
+                    if (!copyToClipboard) return [3 /*break*/, 2];
+                    return [4 /*yield*/, copyToClipboard(new ClipboardItem({
+                            "text/plain": new Blob([clipboardText], {
+                                type: "text/plain",
+                            }),
+                        }))];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var maxRows = showLimit !== null && showLimit !== void 0 ? showLimit : -1;
+    return (React.createElement("div", { className: "s-mt-2 s-flex s-flex-col s-gap-2" },
+        React.createElement("div", { className: "s-flex s-w-full s-items-center s-justify-between s-gap-1" },
+            name && React.createElement(Page.H, { variant: "h6" }, name),
+            downloadButton),
+        React.createElement("div", { className: "s-relative" },
+            React.createElement("div", { className: "relative overflow-x-auto s-dark:border-structure-200-dark s-w-auto s-rounded-lg s-border s-border-structure-200" },
+                React.createElement("table", { ref: ref, className: "s-w-full s-table-auto s-divide-y s-divide-structure-200" },
+                    React.createElement("thead", { className: "s-dark:bg-structure-50-dark s-bg-structure-50 s-px-2 s-py-2" },
+                        React.createElement("tr", null,
+                            React.createElement("th", { className: "s-px-4" }),
+                            columns.map(function (column, index) { return (React.createElement("th", { className: "s-dark:text-element-700-dark s-whitespace-nowrap s-px-6 s-py-2 s-text-left s-text-xs s-font-semibold s-uppercase s-tracking-wider s-text-element-700", key: index }, column)); }))),
+                    React.createElement("tbody", { className: "s-dark:divide-structure-600 s-divide-y s-divide-structure-100 s-bg-white" }, rows.slice(0, maxRows).map(function (row, index) { return (React.createElement("tr", { key: index },
+                        React.createElement("td", { className: "s-dark:text-element-800-dark s-px-4 s-text-sm s-text-element-600" }, index + 1),
+                        row.map(function (cell, cellIndex) { return (React.createElement("td", { className: "s-dark:text-element-800-dark s-px-6 s-py-3 s-text-sm s-text-element-800", key: cellIndex }, cell)); }))); }))),
+                enableCopy && (React.createElement("div", { className: "s-absolute s-right-2 s-top-2 s-mx-2 s-rounded-xl s-bg-structure-50" },
+                    React.createElement(IconButton, { variant: "tertiary", size: "xs", icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, onClick: handleCopyTable })))))));
+});
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/Dialog.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type ModalProps = {
+    title: string;
+    children: React.ReactNode;
+    isOpen: boolean;
+    onCancel: () => void;
+    onValidate: () => void;
+    cancelLabel?: string;
+    validateLabel?: string;
+    validateVariant?: "primary" | "primaryWarning";
+    isSaving?: boolean;
+    backgroundType?: "confetti" | "snow" | "none";
+};
+export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, isSaving, backgroundType, }: ModalProps): React.JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAsB,EACtB,aAAoB,EACpB,eAA2B,EAC3B,KAAK,EACL,QAAQ,EACR,cAAuB,GACxB,EAAE,UAAU,qBA6EZ"}

package/dist/components/Dialog.js

@@ -0,0 +1,28 @@
+import { Dialog as HeadlessDialog, Transition } from "@headlessui/react";
+import React, { Fragment, useRef } from "react";
+import { ConfettiBackground, Spinner } from "@sparkle/index";
+import { classNames } from "@sparkle/lib/utils";
+import { Button } from "./Button";
+export function Dialog(_a) {
+    var isOpen = _a.isOpen, children = _a.children, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, title = _a.title, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;
+    var referentRef = useRef(null);
+    return (React.createElement(Transition, { show: isOpen, as: Fragment, appear: true },
+        React.createElement(HeadlessDialog, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
+            React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
+                React.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
+            React.createElement("div", { className: "s-fixed s-inset-0 s-z-50" },
+                React.createElement("div", { className: "s-flex s-min-h-full s-items-center s-justify-center" },
+                    React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 s-scale-95" },
+                        React.createElement(HeadlessDialog.Panel, { className: classNames("s-relative s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl s-transition-all", "s-w-full sm:s-w-[448px]", "s-flex s-flex-col s-gap-6"), ref: referentRef },
+                            React.createElement(HeadlessDialog.Title, { className: "s-text-element-950 s-truncate s-text-lg s-font-medium" }, title),
+                            React.createElement("div", { className: "s-z-10 s-text-base s-text-element-700" }, children),
+                            React.createElement("div", { className: "s-z-10 s-flex s-w-full s-justify-end" },
+                                React.createElement(Button.List, null,
+                                    !isSaving && (React.createElement(React.Fragment, null,
+                                        React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
+                                        React.createElement(Button, { label: validateLabel, variant: validateVariant, onClick: onValidate }))),
+                                    isSaving && React.createElement(Spinner, { variant: "color" }))),
+                            backgroundType !== "none" && (React.createElement("div", { className: "s-absolute s-bottom-0 s-left-0 s-right-0 s-top-0 s-z-0" },
+                                React.createElement(ConfettiBackground, { variant: backgroundType, referentSize: referentRef }))))))))));
+}
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAelC,MAAM,UAAU,MAAM,CAAC,EAWV;QAVX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,uBAA2B,EAA3B,eAAe,mBAAG,SAAS,KAAA,EAC3B,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA;IAEvB,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI;QAClD,oBAAC,cAAc,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,QAAQ;YACtE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,aAAa;gBAErB,6BAAK,SAAS,EAAC,gFAAgF,GAAG,CACjF;YAEnB,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,6BAAK,SAAS,EAAC,qDAAqD;oBAClE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,2CAA2C,EACnD,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,2CAA2C,EACrD,OAAO,EAAC,wCAAwC;wBAEhD,oBAAC,cAAc,CAAC,KAAK,IACnB,SAAS,EAAE,UAAU,CACnB,6GAA6G,EAC7G,yBAAyB,EACzB,2BAA2B,CAC5B,EACD,GAAG,EAAE,WAAW;4BAEhB,oBAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,uDAAuD,IACpF,KAAK,CACe;4BACvB,6BAAK,SAAS,EAAC,uCAAuC,IACnD,QAAQ,CACL;4BACN,6BAAK,SAAS,EAAC,sCAAsC;gCACnD,oBAAC,MAAM,CAAC,IAAI;oCACT,CAAC,QAAQ,IAAI,CACZ;wCACE,oBAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,QAAQ,GACjB;wCACF,oBAAC,MAAM,IACL,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,UAAU,GACnB,CACD,CACJ;oCACA,QAAQ,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAC,OAAO,GAAG,CAC5B,CACV;4BACL,cAAc,KAAK,MAAM,IAAI,CAC5B,6BAAK,SAAS,EAAC,wDAAwD;gCACrE,oBAAC,kBAAkB,IACjB,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,WAAW,GACzB,CACE,CACP,CACoB,CACN,CACf,CACF,CACS,CACN,CACd,CAAC;AACJ,CAAC"}

package/dist/components/DropdownMenu.d.ts

@@ -0,0 +1,57 @@
+import React, { ComponentType, JSXElementConstructor, ReactElement } from "react";
+import { TooltipProps } from "./Tooltip";
+export interface DropdownMenuProps {
+    className?: string;
+    children: React.ReactNode | (({ close, }: {
+        close: () => void;
+    }) => ReactElement<unknown, string | JSXElementConstructor<unknown>>);
+}
+export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
+export declare namespace DropdownMenu {
+    var Button: ({ label, type, size, tooltip, icon, children, tooltipPosition, className, disabled, onClick, }: DropdownButtonProps) => React.JSX.Element;
+    var Item: ({ variant, label, description, href, disabled, visual, icon, onClick, hasChildren, children, selected, }: DropdownItemProps) => React.JSX.Element;
+    var SectionHeader: ({ label }: DropdownSectionHeaderProps) => React.JSX.Element;
+    var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, onKeyDown, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
+}
+export interface DropdownButtonProps {
+    label?: string;
+    type?: "menu" | "submenu" | "select";
+    size?: "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+interface DropdownItemProps {
+    variant?: "default" | "warning";
+    label: string;
+    description?: string;
+    href?: string;
+    disabled?: boolean;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    onClick?: () => void;
+    selected?: boolean;
+    hasChildren?: boolean;
+    children?: React.ReactNode;
+}
+interface DropdownSectionHeaderProps {
+    label: string;
+}
+type ItemsVariantType = "default" | "no-padding";
+interface DropdownItemsProps {
+    origin?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "auto";
+    width?: number;
+    marginLeft?: number;
+    children: React.ReactNode;
+    topBar?: React.ReactNode;
+    bottomBar?: React.ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    overflow?: "visible" | "auto";
+    variant?: ItemsVariantType;
+}
+export {};
+//# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,qBAAqB,EAErB,YAAY,EAKb,MAAM,OAAO,CAAC;AAOf,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AA8ClD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,KAAK,GACN,EAAE;QACD,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,KAAK,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC3E;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,iBAAiB,qBAY3E;yBAZe,YAAY;;;;;;AAc5B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiID,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA4CD,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD,KAAK,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AAejD,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B"}

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 { ChevronDown, ChevronRight, ChevronUpDown } from "@sparkle/icons/solid";
+import { classNames } from "@sparkle/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"
+        ? ChevronUpDown
+        : type === "submenu"
+            ? ChevronRight
+            : ChevronDown;
+    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"}