@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/Markdown.js

@@ -0,0 +1,142 @@
+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 ReactMarkdown from "react-markdown";
+import { Button, ClipboardCheckIcon, ClipboardIcon } from "../index";
+import { classNames } from "../lib/utils";
+import { useCopyToClipboard } from "../lib/utils";
+var textColor = "s-text-element-900";
+var paragraphSize = "s-text-base";
+var headingSize = {
+    sm: {
+        h1: "s-text-xl s-font-bold",
+        h2: "s-text-xl s-font-regular",
+        h3: "s-text-lg s-font-bold",
+    },
+    md: {
+        h1: "s-text-5xl s-font-semibold",
+        h2: "s-text-4xl s-font-semibold",
+        h3: "s-text-2xl s-font-semibold",
+    },
+};
+export function Markdown(_a) {
+    var _this = this;
+    var content = _a.content, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
+    return (React.createElement(ReactMarkdown, { components: {
+            h1: function (_a) {
+                var children = _a.children;
+                return (React.createElement("h1", { className: classNames("s-pb-2 s-pt-4", headingSize[size].h1, textColor) }, children));
+            },
+            h2: function (_a) {
+                var children = _a.children;
+                return (React.createElement("h2", { className: classNames("s-pb-2 s-pt-4", headingSize[size].h2, textColor) }, children));
+            },
+            h3: function (_a) {
+                var children = _a.children;
+                return (React.createElement("h3", { className: classNames("s-pb-2 s-pt-4", headingSize[size].h3, textColor) }, children));
+            },
+            p: function (_a) {
+                var children = _a.children;
+                return (React.createElement("div", { className: classNames("s-first:pt-0 s-last:pb-0 s-whitespace-pre-wrap s-py-2 s-text-base", textColor, paragraphSize) }, children));
+            },
+            strong: function (_a) {
+                var children = _a.children;
+                return (React.createElement("strong", { className: "s-font-semibold" }, children));
+            },
+            ul: function (_a) {
+                var children = _a.children;
+                return (React.createElement("ul", { className: classNames("s-list-disc s-py-1 s-pl-7 first:s-pt-0 last:s-pb-0", textColor, paragraphSize) }, children));
+            },
+            ol: function (_a) {
+                var children = _a.children;
+                return (React.createElement("ol", { className: classNames("s-list-decimal s-py-1 s-pl-6 first:s-pt-0 last:s-pb-0", textColor, paragraphSize) }, children));
+            },
+            li: function (_a) {
+                var children = _a.children;
+                return (React.createElement("li", { className: classNames("s-py-1 s-pl-1 first:s-pt-0 last:s-pb-0", textColor, paragraphSize) }, children));
+            },
+            hr: function () { return React.createElement("div", { className: "s-my-6 s-border-b s-border-structure-200" }); },
+            blockquote: function (_a) {
+                var children = _a.children;
+                var _b = __read(useCopyToClipboard(), 2), isCopied = _b[0], copyToClipboard = _b[1];
+                var childrenContent = Array.isArray(children) && children[1]
+                    ? children[1].props.children
+                    : null;
+                var handleCopy = function () { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        void copyToClipboard(new ClipboardItem({
+                            "text/plain": new Blob([childrenContent !== null && childrenContent !== void 0 ? childrenContent : ""], {
+                                type: "text/plain",
+                            }),
+                        }));
+                        return [2 /*return*/];
+                    });
+                }); };
+                return (React.createElement("div", { className: "s-my-2 s-flex s-w-auto s-flex-row s-rounded-3xl s-border s-border-structure-100 s-bg-structure-0 s-py-2 s-pl-5 s-pr-2" },
+                    React.createElement("blockquote", { className: classNames("s-w-full s-italic", paragraphSize, "s-text-element-800") }, children),
+                    childrenContent && (React.createElement(Button, { size: "xs", variant: "tertiary", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        e.preventDefault();
+                                        return [4 /*yield*/, handleCopy()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); }, label: "Copy", labelVisible: false, icon: isCopied ? ClipboardCheckIcon : ClipboardIcon }))));
+            },
+        }, className: className }, content));
+}
+//# sourceMappingURL=Markdown.js.map

package/dist/components/Markdown.js.map

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

package/dist/components/Modal.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ButtonProps } from "./Button";
+export declare enum ModalType {
+    Dialogue = "dialogue",
+    FullScreen = "full-screen",
+    Side = "side"
+}
+export type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    action?: ButtonProps;
+    children: React.ReactNode;
+    hasChanged: boolean;
+    onSave?: () => void;
+    saveLabel?: string;
+    isSaving?: boolean;
+    savingLabel?: string;
+    title?: string;
+    variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
+    className?: string;
+};
+export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, variant, className, }: ModalProps): React.JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,oBAAY,SAAS;IACnB,QAAQ,aAAa;IACrB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAkDD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,MAAM,EACN,SAAkB,EAClB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,OAAmB,EACnB,SAAS,GACV,EAAE,UAAU,qBA2FZ"}

package/dist/components/Modal.js

@@ -0,0 +1,96 @@
+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 _a;
+import { Dialog, Transition } from "@headlessui/react";
+import React, { Fragment } from "react";
+import { classNames } from "../lib/utils";
+import { BarHeader } from "./BarHeader";
+import { Button } from "./Button";
+export var ModalType;
+(function (ModalType) {
+    ModalType["Dialogue"] = "dialogue";
+    ModalType["FullScreen"] = "full-screen";
+    ModalType["Side"] = "side";
+})(ModalType || (ModalType = {}));
+var variantToType = {
+    "full-screen": ModalType.FullScreen,
+    "side-md": ModalType.Side,
+    dialogue: ModalType.Dialogue,
+    "side-sm": ModalType.Side,
+};
+var variantSize = {
+    "full-screen": "",
+    "side-md": "sm:s-w-[50rem]",
+    dialogue: "",
+    "side-sm": "sm:s-w-[448px]",
+};
+var modalStyles = (_a = {},
+    _a[ModalType.Side] = {
+        containerClasses: "s-h-full s-ml-auto",
+        panelClasses: "s-h-full s-max-h-full s-shadow-xl s-border s-border-structure-100 s-w-full s-max-w-full",
+        transitionEnterFrom: "s-opacity-0 s-translate-x-16",
+        transitionEnterTo: "s-opacity-100 s-translate-x-0",
+        transitionLeaveFrom: "s-opacity-100 s-translate-x-0",
+        transitionLeaveTo: "s-opacity-0 s-translate-x-16",
+        innerContainerClasses: "s-h-full s-overflow-y-auto",
+    },
+    _a[ModalType.FullScreen] = {
+        containerClasses: "s-flex s-items-center s-justify-center s-h-full s-p-0 s-shadow-xl",
+        panelClasses: "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full s-r-0",
+        transitionEnterFrom: "s-opacity-0 s-translate-y-4 s-scale-95 s-rounded-xl",
+        transitionEnterTo: "s-opacity-100 s-translate-y-0 s-scale-100 s-rounded-0",
+        transitionLeaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100 s-rounded-0",
+        transitionLeaveTo: "s-opacity-0 s-translate-y-4 s-scale-95 s-rounded-xl",
+        innerContainerClasses: "s-h-full s-overflow-y-auto",
+    },
+    _a[ModalType.Dialogue] = {
+        containerClasses: "s-flex s-items-center s-justify-center s-min-h-full s-p-4",
+        panelClasses: "s-w-full sm:s-w-[448px] overflow-hidden s-shadow-2xl s-rounded-xl s-border s-border-structure-100",
+        transitionEnterFrom: "s-opacity-0 s-translate-y-4 s-scale-95",
+        transitionEnterTo: "s-opacity-100 s-translate-y-0 s-scale-100",
+        transitionLeaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100",
+        transitionLeaveTo: "s-opacity-0 s-translate-y-4 s-scale-95",
+        innerContainerClasses: "",
+    },
+    _a);
+var getModalClasses = function (type) { return modalStyles[type] || {}; };
+export function Modal(_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c, className = _a.className;
+    var type = variantToType[variant];
+    if (variant === "dialogue") {
+        console.warn("Dialogue variant of Modal is deprecated. Please use either another variant of Modal or the Dialog component.");
+    }
+    var buttonBarProps = hasChanged
+        ? {
+            variant: "validate",
+            onCancel: onClose,
+            onSave: onSave,
+            saveLabel: saveLabel,
+            isSaving: isSaving,
+            savingLabel: savingLabel,
+        }
+        : {
+            variant: "close",
+            onClose: onClose,
+        };
+    var _d = getModalClasses(type), containerClasses = _d.containerClasses, transitionEnterFrom = _d.transitionEnterFrom, transitionLeaveFrom = _d.transitionLeaveFrom, transitionEnterTo = _d.transitionEnterTo, transitionLeaveTo = _d.transitionLeaveTo, panelClasses = _d.panelClasses, innerContainerClasses = _d.innerContainerClasses;
+    return (React.createElement(Transition, { show: isOpen, as: Fragment, appear: true },
+        React.createElement(Dialog, { as: "div", className: "s-fixed s-absolute s-inset-0 s-z-50 s-overflow-hidden", onClose: onClose },
+            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: classNames(containerClasses, variantSize[variant]) },
+                React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: transitionEnterFrom, enterTo: transitionEnterTo, leave: "s-ease-in s-duration-200", leaveFrom: transitionLeaveFrom, leaveTo: transitionLeaveTo },
+                    React.createElement(Dialog.Panel, { className: classNames("s-absolute s-transform s-bg-structure-0 s-px-3 s-transition-all sm:s-px-4", panelClasses, variantSize[variant]) },
+                        React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
+                        React.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses, className !== null && className !== void 0 ? className : "") }, children)))))));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAA2B,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,kCAAqB,CAAA;IACrB,uCAA0B,CAAA;IAC1B,0BAAa,CAAA;AACf,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,IAAM,aAAa,GAAG;IACpB,aAAa,EAAE,SAAS,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,QAAQ;IAC5B,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AACF,IAAM,WAAW,GAAG;IAClB,aAAa,EAAE,EAAE;IACjB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,gBAAgB;CAC5B,CAAC;AAEF,IAAM,WAAW;IACf,GAAC,SAAS,CAAC,IAAI,IAAG;QAChB,gBAAgB,EAAE,oBAAoB;QACtC,YAAY,EACV,yFAAyF;QAC3F,mBAAmB,EAAE,8BAA8B;QACnD,iBAAiB,EAAE,+BAA+B;QAClD,mBAAmB,EAAE,+BAA+B;QACpD,iBAAiB,EAAE,8BAA8B;QACjD,qBAAqB,EAAE,4BAA4B;KACpD;IACD,GAAC,SAAS,CAAC,UAAU,IAAG;QACtB,gBAAgB,EACd,mEAAmE;QACrE,YAAY,EAAE,yDAAyD;QACvE,mBAAmB,EAAE,qDAAqD;QAC1E,iBAAiB,EAAE,uDAAuD;QAC1E,mBAAmB,EACjB,uDAAuD;QACzD,iBAAiB,EAAE,qDAAqD;QACxE,qBAAqB,EAAE,4BAA4B;KACpD;IACD,GAAC,SAAS,CAAC,QAAQ,IAAG;QACpB,gBAAgB,EACd,2DAA2D;QAC7D,YAAY,EACV,mGAAmG;QACrG,mBAAmB,EAAE,wCAAwC;QAC7D,iBAAiB,EAAE,2CAA2C;QAC9D,mBAAmB,EAAE,2CAA2C;QAChE,iBAAiB,EAAE,wCAAwC;QAC3D,qBAAqB,EAAE,EAAE;KAC1B;OACF,CAAC;AAiBF,IAAM,eAAe,GAAG,UAAC,IAAe,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,EAAvB,CAAuB,CAAC;AAErE,MAAM,UAAU,KAAK,CAAC,EAaT;QAZX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,SAAS,eAAA;IAET,IAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,8GAA8G,CAC/G,CAAC;IACJ,CAAC;IAED,IAAM,cAAc,GAA4B,UAAU;QACxD,CAAC,CAAC;YACE,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,MAAM;YACd,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,WAAW,aAAA;SACZ;QACH,CAAC,CAAC;YACE,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;SACjB,CAAC;IAEA,IAAA,KAQF,eAAe,CAAC,IAAI,CAAC,EAPvB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA,EACnB,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACZ,qBAAqB,2BACE,CAAC;IAE1B,OAAO,CACL,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI;QAClD,oBAAC,MAAM,IACL,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,uDAAuD,EACjE,OAAO,EAAE,OAAO;YAGhB,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;YAGnB,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;gBAChE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,iBAAiB;oBAE1B,oBAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,UAAU,CACnB,2EAA2E,EAC3E,YAAY,EACZ,WAAW,CAAC,OAAO,CAAC,CACrB;wBAED,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAC,MAAM,eAAK,MAAM,EAAI,CAAC,CAAC,CAAC,SAAS,EACxD,YAAY,EAAE,oBAAC,SAAS,CAAC,SAAS,eAAK,cAAc,EAAI,GACzD;wBACF,6BACE,SAAS,EAAE,UAAU,CACnB,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAChB,IAEA,QAAQ,CACL,CACO,CACE,CACf,CACC,CACE,CACd,CAAC;AACJ,CAAC"}

package/dist/components/Notification.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface NotificationProps {
+    className?: string;
+    description?: string;
+    title?: string;
+    variant: "success" | "error";
+    onClick?: () => void;
+}
+export declare function Notification({ description, title, variant, onClick, className, }: NotificationProps): React.JSX.Element;
+//# sourceMappingURL=Notification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../src/components/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAc,GACf,EAAE,iBAAiB,qBAiDnB"}

package/dist/components/Notification.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { CheckCircleIcon, IconButton, XCircleIcon, XMarkIcon, } from "../index";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+export function Notification(_a) {
+    var description = _a.description, title = _a.title, variant = _a.variant, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? "" : _b;
+    return (React.createElement("div", { className: classNames("s-pointer-events-auto s-flex s-max-w-[400px] s-flex-row s-items-center s-gap-2 s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl", className) },
+        variant === "success" ? (React.createElement(Icon, { size: "lg", visual: CheckCircleIcon, className: "s-pt-0.5 s-text-success-500" })) : (React.createElement(Icon, { size: "lg", visual: XCircleIcon, className: "s-pt-0.5 s-text-warning-500" })),
+        React.createElement("div", { className: "s-flex s-flex-col" },
+            React.createElement("div", { className: "s-flex s-grow s-flex-row s-gap-6" },
+                React.createElement("div", { className: classNames("s-text-md s-line-clamp-1 s-grow s-font-semibold", variant === "success"
+                        ? "s-text-success-500"
+                        : "s-text-warning-500") }, title || variant),
+                React.createElement(IconButton, { icon: XMarkIcon, size: "sm", variant: "tertiary", onClick: onClick })),
+            description && (React.createElement("div", { className: "s-line-clamp-3 s-pr-2 s-text-sm s-font-normal s-text-element-700" }, description)))));
+}
+//# sourceMappingURL=Notification.js.map

package/dist/components/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/components/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,SAAS,GACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAU9B,MAAM,UAAU,YAAY,CAAC,EAMT;QALlB,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,gKAAgK,EAChK,SAAS,CACV;QAEA,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,eAAe,EACvB,SAAS,EAAC,6BAA6B,GACvC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,6BAA6B,GACvC,CACH;QAED,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,6BACE,SAAS,EAAE,UAAU,CACnB,iDAAiD,EACjD,OAAO,KAAK,SAAS;wBACnB,CAAC,CAAC,oBAAoB;wBACtB,CAAC,CAAC,oBAAoB,CACzB,IAEA,KAAK,IAAI,OAAO,CACb;gBACN,oBAAC,UAAU,IACT,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,OAAO,GAChB,CACE;YACL,WAAW,IAAI,CACd,6BAAK,SAAS,EAAC,kEAAkE,IAC9E,WAAW,CACR,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Page.d.ts

@@ -0,0 +1,54 @@
+import React, { ComponentType } from "react";
+import { ButtonProps } from "./Button";
+interface PageProps {
+    children: React.ReactNode;
+    variant?: "modal" | "normal";
+}
+export declare function Page({ children, variant }: PageProps): React.JSX.Element;
+export declare namespace Page {
+    var Header: ({ title, description, icon }: PageHeaderProps) => React.JSX.Element;
+    var SectionHeader: ({ title, description, action, }: PageSectionHeaderProps) => React.JSX.Element;
+    var Separator: () => React.JSX.Element;
+    var P: ({ children, variant, size }: PagePProps) => React.JSX.Element;
+    var H: ({ children, variant }: PageHProps) => React.JSX.Element;
+    var Layout: ({ children, direction, sizing, align, gap, }: PageLayoutProps) => React.JSX.Element | null;
+    var Horizontal: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
+    var Vertical: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
+    var Fluid: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
+}
+interface PageHeaderProps {
+    title: React.ReactNode;
+    description?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface PageSectionHeaderProps {
+    title: string;
+    description?: string;
+    action?: ButtonProps;
+}
+interface PagePProps {
+    children: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    variant?: "primary" | "secondary";
+}
+interface PageHProps {
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    children: React.ReactNode;
+}
+interface PageLayoutProps {
+    children: React.ReactNode;
+    direction?: "horizontal" | "vertical" | "fluid";
+    sizing?: "shrink" | "grow";
+    align?: "stretch" | "left" | "center" | "right";
+    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
+}
+interface PageDivProps {
+    children: React.ReactNode;
+    sizing?: "shrink" | "grow";
+    align?: "stretch" | "left" | "center" | "right";
+    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
+}
+export {};
+//# sourceMappingURL=Page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAkB,EAAE,EAAE,SAAS,qBAkB/D;yBAlBe,IAAI;;;;;;;;;;;AAoBpB,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9C;AAaD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AA8BD,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAwBD,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA0BD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IAChD,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACjD;AAmDD,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACjD"}

package/dist/components/Page.js

@@ -0,0 +1,102 @@
+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 { classNames } from "../lib/utils";
+import { Button } from "./Button";
+import { Icon } from "./Icon";
+export function Page(_a) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "normal" : _b;
+    var mainVariantClasses = variant === "normal" ? "s-h-full s-py-16" : "s-h-full s-py-4 s-px-2";
+    var divVariantClassNames = variant === "normal" ? "s-gap-6 s-px-6" : "s-gap-4";
+    return (React.createElement("main", { className: mainVariantClasses },
+        React.createElement("div", { className: classNames("s-mx-auto s-flex s-h-full s-max-w-4xl s-flex-col s-text-sm s-font-normal s-text-element-900", divVariantClassNames) }, children)));
+}
+Page.Header = function (_a) {
+    var title = _a.title, description = _a.description, icon = _a.icon;
+    var iconClasses = "s-text-brand";
+    return (React.createElement(Page.Vertical, { gap: "xs" },
+        React.createElement(Icon, { visual: icon, className: iconClasses, size: "lg" }),
+        React.createElement(Page.H, { variant: "h3" }, title),
+        description && React.createElement(Page.P, { variant: "secondary" }, description)));
+};
+Page.SectionHeader = function (_a) {
+    var title = _a.title, description = _a.description, action = _a.action;
+    return (React.createElement(Page.Horizontal, { gap: "md" },
+        React.createElement(Page.Vertical, { gap: "xs", sizing: "grow" },
+            React.createElement(Page.H, { variant: "h5" }, title),
+            React.createElement(Page.P, { variant: "secondary" }, description)),
+        action && (React.createElement("div", null,
+            React.createElement(Button, __assign({}, action))))));
+};
+Page.Separator = function () {
+    return (React.createElement("div", { className: "s-w-full s-py-2" },
+        React.createElement("div", { className: "s-h-px s-w-full s-bg-structure-200" })));
+};
+var PsizeClasses = {
+    xs: "s-text-xs",
+    sm: "s-text-sm",
+    md: "s-text-base",
+    lg: "s-text-lg",
+};
+Page.P = function (_a) {
+    var children = _a.children, variant = _a.variant, _b = _a.size, size = _b === void 0 ? "sm" : _b;
+    return (React.createElement("p", { className: classNames(PsizeClasses[size], variant === "secondary"
+            ? "s-text-element-700 dark:s-text-element-600-dark"
+            : "s-text-element-900 dark:s-text-element-900-dark") }, children));
+};
+Page.H = function (_a) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "h3" : _b;
+    var Component = variant;
+    var hSizes = {
+        h1: "s-text-4xl s-font-bold",
+        h2: "s-text-3xl s-font-bold",
+        h3: "s-text-2xl s-font-bold",
+        h4: "s-text-xl s-font-semibold",
+        h5: "s-text-lg s-font-semibold",
+        h6: "s-text-base s-font-semibold",
+    };
+    return (React.createElement(Component, { className: classNames("s-text-element-900 dark:s-text-element-900-dark", hSizes[variant]) }, children));
+};
+var gapSizes = {
+    xs: "s-gap-1",
+    sm: "s-gap-2",
+    md: "s-gap-3",
+    lg: "s-gap-5",
+    xl: "s-gap-8",
+    none: "",
+};
+Page.Layout = function (_a) {
+    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? "vertical" : _b, sizing = _a.sizing, _c = _a.align, align = _c === void 0 ? "stretch" : _c, _d = _a.gap, gap = _d === void 0 ? "lg" : _d;
+    switch (direction) {
+        case "horizontal":
+            return (React.createElement(Page.Horizontal, { children: children, sizing: sizing, align: align, gap: gap }));
+        case "vertical":
+            return (React.createElement(Page.Vertical, { children: children, sizing: sizing, align: align, gap: gap }));
+        case "fluid":
+            return (React.createElement(Page.Fluid, { children: children, sizing: sizing, align: align, gap: gap }));
+        default:
+            return null;
+    }
+};
+Page.Horizontal = function (_a) {
+    var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "lg" : _c;
+    return (React.createElement("div", { className: classNames("s-flex s-flex-col sm:s-flex-row", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-justify-start" : "", align === "center" ? "s-justify-center" : "", align === "right" ? "s-justify-end" : "", align === "stretch" ? "s-justify-stretch" : "") }, children));
+};
+Page.Vertical = function (_a) {
+    var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "md" : _c;
+    return (React.createElement("div", { className: classNames("s-flex s-flex-col", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
+};
+Page.Fluid = function (_a) {
+    var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "stretch" : _b, _c = _a.gap, gap = _c === void 0 ? "xs" : _c;
+    return (React.createElement("div", { className: classNames("s-flex s-flex-wrap", sizing === "grow" ? "s-grow" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
+};
+//# sourceMappingURL=Page.js.map

package/dist/components/Page.js.map

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

package/dist/components/PaginatedCitationsGrid.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { CitationType } from "../components/Citation";
+interface CitationItem {
+    description?: string;
+    title: string;
+    type: CitationType;
+    href: string;
+}
+interface PaginatedCitationsGridProps {
+    items: CitationItem[];
+    maxItemsPerPage?: 6 | 9 | 12 | 15;
+}
+export declare function PaginatedCitationsGrid({ items, maxItemsPerPage, }: PaginatedCitationsGridProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=PaginatedCitationsGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.d.ts","sourceRoot":"","sources":["../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK5D,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;CACnC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,eAAmB,GACpB,EAAE,2BAA2B,4BAuD7B"}

package/dist/components/PaginatedCitationsGrid.js

@@ -0,0 +1,41 @@
+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 { useState } from "react";
+import React from "react";
+import { Pagination } from "../components/Pagination";
+import { Citation } from "../index";
+import { classNames } from "../lib/utils";
+export function PaginatedCitationsGrid(_a) {
+    var items = _a.items, _b = _a.maxItemsPerPage, maxItemsPerPage = _b === void 0 ? 9 : _b;
+    var _c = __read(useState(1), 2), currentPage = _c[0], setCurrentPage = _c[1];
+    var cols = 3;
+    var rows = Math.ceil(Math.min(maxItemsPerPage, items.length) / cols);
+    if (items.length === 0) {
+        return null;
+    }
+    // Calculate start index.
+    var startIndex = (currentPage - 1) * maxItemsPerPage;
+    // Slice items for current page.
+    var paginatedItems = items.slice(startIndex, startIndex + maxItemsPerPage);
+    return (React.createElement("div", { className: "s-flex s-w-full s-flex-col" },
+        React.createElement("div", { className: classNames("s-grid s-w-full s-gap-2 s-overflow-x-hidden s-py-1", "s-grid-cols-".concat(cols), "s-grid-rows-".concat(rows)) }, paginatedItems.map(function (d, idx) {
+            return (React.createElement(Citation, { size: "xs", sizing: "fluid", key: idx, description: d.description, href: d.href, title: d.title, type: d.type }));
+        })),
+        React.createElement("div", { className: classNames("s-pt-3", items.length > maxItemsPerPage ? "s-visible" : "s-collapse") },
+            React.createElement(Pagination, { itemsCount: items.length, maxItemsPerPage: maxItemsPerPage, size: "xs", showDetails: false, showPageButtons: false, onButtonClick: function (pageNb) { return setCurrentPage(pageNb); } }))));
+}
+//# sourceMappingURL=PaginatedCitationsGrid.js.map

package/dist/components/PaginatedCitationsGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.js","sourceRoot":"","sources":["../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAchD,MAAM,UAAU,sBAAsB,CAAC,EAGT;QAF5B,KAAK,WAAA,EACL,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA;IAEb,IAAA,KAAA,OAAgC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAClD,IAAM,IAAI,GAAG,CAAC,CAAC;IACf,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IAEvE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB;IACzB,IAAM,UAAU,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;IACvD,gCAAgC;IAChC,IAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,eAAe,CAAC,CAAC;IAE7E,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,EACpD,sBAAe,IAAI,CAAE,EACrB,sBAAe,IAAI,CAAE,CACtB,IAEA,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG;YACzB,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,CAAC,CAAC,IAAI,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACE;QAEN,6BACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAC5D;YAED,oBAAC,UAAU,IACT,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,UAAC,MAAM,IAAK,OAAA,cAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,GACjD,CACE,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Pagination.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type Size = "sm" | "xs";
+interface PaginationProps {
+    itemsCount: number;
+    maxItemsPerPage: number;
+    onButtonClick: (pageNumber: number) => void;
+    size?: Size;
+    showDetails?: boolean;
+    showPageButtons?: boolean;
+}
+export declare function Pagination({ itemsCount, maxItemsPerPage, onButtonClick, size, showDetails, showPageButtons, }: PaginationProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIxB,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,eAAe,EACf,aAAa,EACb,IAAW,EACX,WAAkB,EAClB,eAAsB,GACvB,EAAE,eAAe,qBA2FjB"}