@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/stories/DropdownMenu.stories.js

@@ -0,0 +1,237 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from "react";
+import { Avatar, Button, ChatBubbleBottomCenterTextIcon, ClipboardIcon, DocumentDuplicateIcon, DropdownMenu, EyeIcon, ListAddIcon, ListIcon, ListRemoveIcon, LockIcon, PencilSquareIcon, PlanetIcon, PlusIcon, RobotIcon, Searchbar, SliderToggle, TrashIcon, UserGroupIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Components/DropdownMenu",
+    component: DropdownMenu,
+};
+export default meta;
+export var DropdownExample = function () {
+    var _a = __read(useState(""), 2), inputValue = _a[0], setInputValue = _a[1];
+    var handleChange = function (value) {
+        setInputValue(value);
+    };
+    var _b = __read(useState(false), 2), isToggled = _b[0], setIsToggled = _b[1];
+    var handleToggle = function () {
+        setIsToggled(function (prevState) { return !prevState; });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Action"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { label: "Action" }),
+                React.createElement(DropdownMenu.Items, { width: 220 },
+                    React.createElement(DropdownMenu.SectionHeader, { label: "Edition" }),
+                    React.createElement(DropdownMenu.Item, { label: "Edit", href: "#", icon: PencilSquareIcon }),
+                    React.createElement(DropdownMenu.Item, { label: "Duplicate (New)", href: "#", icon: ClipboardIcon }),
+                    React.createElement(DropdownMenu.Item, { label: "Archive", href: "#", icon: TrashIcon, variant: "warning" }),
+                    React.createElement(DropdownMenu.SectionHeader, { label: "Sharing" }),
+                    React.createElement(DropdownMenu.Item, { label: "Company Assistant", href: "#", icon: PlanetIcon }),
+                    React.createElement(DropdownMenu.Item, { label: "Shared Assistant", href: "#", selected: true, icon: UserGroupIcon }),
+                    React.createElement(DropdownMenu.Item, { label: "Personal Assistant", href: "#", icon: LockIcon }),
+                    React.createElement(DropdownMenu.SectionHeader, { label: "My Assistants" }),
+                    React.createElement(DropdownMenu.Item, { label: "Add to my list", href: "#", icon: ListAddIcon }),
+                    React.createElement(DropdownMenu.Item, { label: "Remove from my list", href: "#", icon: ListRemoveIcon })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6 s-pb-8" },
+            React.createElement("div", { className: "s-text-sm" }, "Custom Dropdown:"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, null,
+                    React.createElement(Button, { label: "Advanced settings", variant: "tertiary", size: "sm", type: "select" })),
+                React.createElement(DropdownMenu.Items, { width: 300, overflow: "visible" },
+                    React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+                        React.createElement("div", { className: "s-flex s-flex-row s-items-center s-gap-2" },
+                            React.createElement("div", { className: "s-grow s-text-sm s-text-element-900" }, "Model selection:"),
+                            React.createElement(DropdownMenu, null,
+                                React.createElement(DropdownMenu.Button, null,
+                                    React.createElement(Button, { type: "select", labelVisible: true, label: "GPT4", variant: "tertiary", hasMagnifying: false, size: "sm" })),
+                                React.createElement(DropdownMenu.Items, { origin: "topRight" }, ["GPT4", "GPT3", "GPT2", "GPT1"].map(function (item) { return (React.createElement(DropdownMenu.Item, { key: item, label: item, onClick: function () {
+                                        // setGenerationSettings({
+                                        //   ...generationSettings,
+                                        //   model: item,
+                                        // });
+                                    } })); })))),
+                        React.createElement("div", { className: "s-flex s-flex-row s-items-center s-gap-2" },
+                            React.createElement("div", { className: "s-grow s-text-sm s-text-element-900" }, "Creativity level:"),
+                            React.createElement(DropdownMenu, null,
+                                React.createElement(DropdownMenu.Button, null,
+                                    React.createElement(Button, { type: "select", labelVisible: true, label: "Balanced", variant: "tertiary", hasMagnifying: false, size: "sm" })),
+                                React.createElement(DropdownMenu.Items, { origin: "topRight" }, ["Deterministic", "Factual", "Balanced", "Creative"].map(function (item) { return (React.createElement(DropdownMenu.Item, { key: item, label: item, onClick: function () {
+                                        // setGenerationSettings({
+                                        //   ...generationSettings,
+                                        //   model: item,
+                                        // });
+                                    } })); })))))))),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Assistant selector menu example:"),
+            React.createElement(DropdownMenu, null, function (_a) {
+                var close = _a.close;
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(DropdownMenu.Button, { icon: RobotIcon }),
+                    React.createElement(DropdownMenu.Items, { width: 240, origin: "topRight", topBar: React.createElement("div", { className: "s-flex s-flex-grow s-flex-row s-border-b s-border-structure-50 s-p-2" },
+                            React.createElement(Searchbar, { placeholder: "Placeholder", size: "xs", name: "input", value: inputValue, onChange: handleChange, className: "s-w-full" })), bottomBar: React.createElement("div", { className: "s-flex s-border-t s-border-structure-50 s-p-2" },
+                            React.createElement(Button, { label: "Manage", variant: "tertiary", size: "xs", icon: ListIcon }),
+                            React.createElement("div", { className: "s-flex-grow" }),
+                            React.createElement(Button, { label: "New", variant: "secondary", size: "xs", icon: PlusIcon, onClick: close })) },
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                        React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" }))));
+            })),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Long items small width"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: ChatBubbleBottomCenterTextIcon, tooltip: "Moonlab", tooltipPosition: "below" }),
+                React.createElement(DropdownMenu.Items, { origin: "topLeft", width: 120 },
+                    React.createElement(DropdownMenu.Item, { label: "item 1 is longish", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2 is also longer", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item with a long title because it is long", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Top right menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { label: "Moonlab", icon: PlanetIcon }),
+                React.createElement(DropdownMenu.Items, null,
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Top right menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { label: "Moonlab", icon: PlanetIcon, size: "md" }),
+                React.createElement(DropdownMenu.Items, null,
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Top left menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: ChatBubbleBottomCenterTextIcon, tooltip: "Moonlab", tooltipPosition: "below" }),
+                React.createElement(DropdownMenu.Items, { origin: "topLeft" },
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2 with a long title because it is long", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Bottom left menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: ChatBubbleBottomCenterTextIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "bottomLeft" },
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Bottom right menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: ChatBubbleBottomCenterTextIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "bottomRight" },
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Disabled"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { label: "Moonlab", icon: ChatBubbleBottomCenterTextIcon, disabled: true }),
+                React.createElement(DropdownMenu.Items, null,
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Type = Select"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { type: "select", label: "Every 6 months" }),
+                React.createElement(DropdownMenu.Items, { origin: "topRight" },
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "With custom button"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, null,
+                    React.createElement(Avatar, { name: "Dust", size: "lg", onClick: function () { return ""; } })),
+                React.createElement(DropdownMenu.Items, { origin: "topRight" }, ["item 1", "item 2", "item 3"].map(function (item) { return (React.createElement(DropdownMenu.Item, { label: item, href: "#", key: item })); })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "With visuals in items"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: RobotIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "topRight" },
+                    React.createElement(DropdownMenu.Item, { label: "@gpt4", visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png" }),
+                    React.createElement(DropdownMenu.Item, { label: "@slack", visual: "https://dust.tt/static/systemavatar/slack_avatar_full.png" })))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "With custom menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: RobotIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "topRight" },
+                    React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
+                        "testing custom stuff",
+                        React.createElement(Button, { label: "hello" }),
+                        React.createElement(SliderToggle, { selected: isToggled, onClick: handleToggle })))),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, null,
+                    React.createElement(Button, { variant: "tertiary", size: "xs", icon: EyeIcon, label: "See the error" })),
+                React.createElement("div", { className: "relative bottom-6 z-30" },
+                    React.createElement(DropdownMenu.Items, { origin: "topLeft", width: 320 },
+                        React.createElement("div", { className: "text-sm font-normal text-warning-800" }, "Hello error messange!"),
+                        React.createElement("div", { className: "self-end" },
+                            React.createElement(Button, { variant: "tertiary", size: "xs", icon: DocumentDuplicateIcon, label: "Copy", onClick: function () {
+                                    return void navigator.clipboard.writeText("Hello error messange!");
+                                } })))))),
+        React.createElement("div", { className: "s-h-12" }),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "With nested dropdown"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: RobotIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "topRight", overflow: "visible" },
+                    React.createElement(DropdownMenu, null,
+                        React.createElement(DropdownMenu.Button, { label: "Nested" }),
+                        React.createElement(DropdownMenu.Items, { origin: "topRight" },
+                            React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                            React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))))),
+        React.createElement("div", { className: "w-full s-flex s-justify-end s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Auto menu"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { label: "Moonlab", icon: PlanetIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "auto" },
+                    React.createElement(DropdownMenu.Item, { label: "item 1", href: "#" }),
+                    React.createElement(DropdownMenu.Item, { label: "item 2", href: "#" })))),
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-text-sm" }, "Don't close on escape or space"),
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Button, { icon: RobotIcon }),
+                React.createElement(DropdownMenu.Items, { origin: "topRight", onKeyDown: function (e) { return e.preventDefault(); } },
+                    React.createElement(DropdownMenu.Item, { label: "@gpt4" }),
+                    React.createElement(DropdownMenu.Item, { label: "@slack" }))))));
+};
+//# sourceMappingURL=DropdownMenu.stories.js.map

package/dist/stories/DropdownMenu.stories.js.map

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

package/dist/stories/ElementDialog.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ElementDialog } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof ElementDialog;
+};
+export default meta;
+export declare const ElementDialogExample: () => React.JSX.Element;
+//# sourceMappingURL=ElementDialog.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDialog.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,aAAa,EAAQ,MAAM,uBAAuB,CAAC;AAEpE,QAAA,MAAM,IAAI;;;CAG4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,oBAAoB,yBA2ChC,CAAC"}

package/dist/stories/ElementDialog.stories.js

@@ -0,0 +1,45 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from "react";
+import { Button, ElementDialog, Page } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/ElementDialog",
+    component: ElementDialog,
+};
+export default meta;
+export var ElementDialogExample = function () {
+    var _a = __read(useState(null), 2), element = _a[0], setElement = _a[1];
+    return (React.createElement(Page.Layout, { gap: "md" },
+        React.createElement(ElementDialog, { openOnElement: element, closeDialogFn: function () { return setElement(null); }, onCancel: function (closeDialogFn) {
+                console.log("canceled!");
+                closeDialogFn();
+            }, title: "Element Modal title", onValidate: function (closeDialogFn) {
+                console.log("validated!");
+                closeDialogFn();
+            } },
+            React.createElement("div", { className: "s-flex s-flex-col s-gap-3" },
+                React.createElement("div", { className: "s-mt-4 s-flex-none s-text-left" }, "I'm the dialog content"),
+                React.createElement("div", { className: "s-w-64" },
+                    "The text is: ",
+                    React.createElement("span", { className: "font-bold" }, element === null || element === void 0 ? void 0 : element.text)))),
+        React.createElement("div", { className: "s-flex s-flex-col s-items-start s-gap-3" },
+            React.createElement("div", { className: "s-text-lg s-font-bold" }, "Fullscreen"),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 1" }); }, label: "Element 1" }),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 2" }); }, label: "Element 2" }),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 3" }); }, label: "Element 3" }))));
+};
+//# sourceMappingURL=ElementDialog.stories.js.map

package/dist/stories/ElementDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDialog.stories.js","sourceRoot":"","sources":["../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEpE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;CACY,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAC5B,IAAA,KAAA,OAAwB,QAAQ,CAA0B,IAAI,CAAC,IAAA,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAC;IACtE,OAAO,CACL,oBAAC,IAAI,CAAC,MAAM,IAAC,GAAG,EAAC,IAAI;QACnB,oBAAC,aAAa,IACZ,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACrC,QAAQ,EAAE,UAAC,aAAa;gBACtB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBACzB,aAAa,EAAE,CAAC;YAClB,CAAC,EACD,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAE,UAAC,aAAa;gBACxB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBAC1B,aAAa,EAAE,CAAC;YAClB,CAAC;YAED,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,gCAAgC,6BAEzC;gBACN,6BAAK,SAAS,EAAC,QAAQ;;oBACR,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAQ,CAC3D,CACF,CACQ;QAChB,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,uBAAuB,iBAAiB;YACvD,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB,CACE,CACM,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/ElementModal.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ElementModal } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof ElementModal;
+};
+export default meta;
+export declare const ElementModalExample: () => React.JSX.Element;
+//# sourceMappingURL=ElementModal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementModal.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ElementModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,YAAY,EAAQ,MAAM,uBAAuB,CAAC;AAEnE,QAAA,MAAM,IAAI;;;CAG2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBAqC/B,CAAC"}

package/dist/stories/ElementModal.stories.js

@@ -0,0 +1,39 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from "react";
+import { Button, ElementModal, Page } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/ElementModal",
+    component: ElementModal,
+};
+export default meta;
+export var ElementModalExample = function () {
+    var _a = __read(useState(null), 2), element = _a[0], setElement = _a[1];
+    return (React.createElement(Page.Layout, { gap: "md" },
+        React.createElement(ElementModal, { openOnElement: element, onClose: function () { return setElement(null); }, variant: "side-sm", title: "Element Modal title", hasChanged: false },
+            React.createElement("div", { className: "s-flex s-flex-col s-gap-3" },
+                React.createElement("div", { className: "s-mt-4 s-flex-none s-text-left" }, "I'm the modal content"),
+                React.createElement("div", { className: "s-w-64" },
+                    "The text is: ",
+                    React.createElement("span", { className: "font-bold" }, element === null || element === void 0 ? void 0 : element.text)))),
+        React.createElement("div", { className: "s-flex s-flex-col s-items-start s-gap-3" },
+            React.createElement("div", { className: "s-text-lg s-font-bold" }, "Fullscreen"),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 1" }); }, label: "Element 1" }),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 2" }); }, label: "Element 2" }),
+            React.createElement(Button, { onClick: function () { return setElement({ text: "Element 3" }); }, label: "Element 3" }))));
+};
+//# sourceMappingURL=ElementModal.stories.js.map

package/dist/stories/ElementModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementModal.stories.js","sourceRoot":"","sources":["../../src/stories/ElementModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEnE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,YAAY;CACY,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC3B,IAAA,KAAA,OAAwB,QAAQ,CAA0B,IAAI,CAAC,IAAA,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAC;IACtE,OAAO,CACL,oBAAC,IAAI,CAAC,MAAM,IAAC,GAAG,EAAC,IAAI;QACnB,oBAAC,YAAY,IACX,aAAa,EAAE,OAAO,EACtB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAC/B,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAE,KAAK;YAEjB,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,gCAAgC,4BAEzC;gBACN,6BAAK,SAAS,EAAC,QAAQ;;oBACR,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAQ,CAC3D,CACF,CACO;QACf,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,uBAAuB,iBAAiB;YACvD,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB,CACE,CACM,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/FilterChips.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FilterChips } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof FilterChips;
+};
+export default meta;
+export declare const FilterChipsExample: () => React.JSX.Element;
+//# sourceMappingURL=FilterChips.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FilterChips.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,kBAAkB,yBAQ9B,CAAC"}

package/dist/stories/FilterChips.stories.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterChips } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/FilterChips",
+    component: FilterChips,
+};
+export default meta;
+export var FilterChipsExample = function () { return (React.createElement(FilterChips, { filters: ["Featured", "Writing", "Productivity", "Research", "Knowledge"], onFilterClick: function (filterName) {
+        alert("Filter ".concat(filterName, " clicked!"));
+    }, defaultFilter: "Featured" })); };
+//# sourceMappingURL=FilterChips.stories.js.map

package/dist/stories/FilterChips.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.stories.js","sourceRoot":"","sources":["../../src/stories/FilterChips.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACtC,oBAAC,WAAW,IACV,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC,EACzE,aAAa,EAAE,UAAC,UAAU;QACxB,KAAK,CAAC,iBAAU,UAAU,cAAW,CAAC,CAAC;IACzC,CAAC,EACD,aAAa,EAAC,UAAU,GACxB,CACH,EARuC,CAQvC,CAAC"}

package/dist/stories/Hover3D.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Hover3D } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Hover3D;
+};
+export default meta;
+export declare const Hover3DExample: () => React.JSX.Element;
+//# sourceMappingURL=Hover3D.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hover3D.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Hover3D.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAqB,OAAO,EAAQ,MAAM,uBAAuB,CAAC;AAEzE,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,cAAc,yBAiG1B,CAAC"}

package/dist/stories/Hover3D.stories.js

@@ -0,0 +1,50 @@
+import React from "react";
+import { LogoSquareColor } from "../logo/dust";
+import { Div3D, GithubLogo, Hover3D, Icon } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Hover3D",
+    component: Hover3D,
+};
+export default meta;
+export var Hover3DExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-[30px] s-bg-gradient-to-r s-from-cyan-500 s-to-blue-500 s-p-10 s-shadow-xl", depth: -30 },
+                React.createElement(Div3D, { depth: 20 }, "Coucou"),
+                React.createElement(Div3D, { depth: 10 }, "Coucou"),
+                React.createElement(Div3D, { depth: 40 }, "Coucou"))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-2xl s-bg-slate-200 s-p-3 s-shadow-xl", depth: -20 },
+                React.createElement(Div3D, { depth: 50 },
+                    React.createElement(Icon, { visual: GithubLogo, size: "xl" })))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-[24px] s-bg-slate-800 s-p-8" },
+                React.createElement(Div3D, { depth: 60 },
+                    React.createElement(Icon, { visual: LogoSquareColor, size: "2xl" })))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-relative s-h-44 s-w-44 s-rounded-[32px] s-bg-gradient-to-t s-from-stone-400 s-to-stone-300 s-p-2", depth: -10 },
+                React.createElement(Div3D, { depth: 25, className: "s-absolute s-h-40 s-w-40" },
+                    React.createElement("img", { src: "http://test.edouardwautier.com/layer2.png" })),
+                React.createElement(Div3D, { depth: 50, className: "s-absolute s-h-40 s-w-40" },
+                    React.createElement("img", { src: "http://test.edouardwautier.com/layer3.png" }))))),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-[30px] s-bg-gradient-to-r s-from-cyan-500 s-to-blue-500 s-p-10 s-shadow-xl", perspective: 1000, fullscreenSensible: true },
+                React.createElement(Div3D, { depth: 20 }, "Coucou"),
+                React.createElement(Div3D, { depth: 10 }, "Coucou"),
+                React.createElement(Div3D, { depth: 40 }, "Coucou"))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-2xl s-bg-slate-200 s-p-3 s-shadow-xl", depth: -20, perspective: 1000, fullscreenSensible: true },
+                React.createElement(Div3D, { depth: 50 },
+                    React.createElement(Icon, { visual: GithubLogo, size: "xl" })))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-rounded-[24px] s-bg-slate-800 s-p-8", perspective: 1000, fullscreenSensible: true },
+                React.createElement(Div3D, { depth: 60 },
+                    React.createElement(Icon, { visual: LogoSquareColor, size: "2xl" })))),
+        React.createElement("div", null,
+            React.createElement(Hover3D, { className: "s-relative s-h-44 s-w-44 s-rounded-[32px] s-bg-gradient-to-t s-from-stone-400 s-to-stone-300 s-p-2", depth: -10, perspective: 1000, fullscreenSensible: true },
+                React.createElement(Div3D, { depth: 25, className: "s-absolute s-h-40 s-w-40" },
+                    React.createElement("img", { src: "http://test.edouardwautier.com/layer2.png" })),
+                React.createElement(Div3D, { depth: 50, className: "s-absolute s-h-40 s-w-40" },
+                    React.createElement("img", { src: "http://test.edouardwautier.com/layer3.png" }))))))); };
+//# sourceMappingURL=Hover3D.stories.js.map

package/dist/stories/Hover3D.stories.js.map

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

package/dist/stories/Hoverable.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Hoverable } from "../components/Hoverable";
+declare const meta: {
+    title: string;
+    component: typeof Hoverable;
+};
+export default meta;
+export declare const HoverableExample: () => React.JSX.Element;
+//# sourceMappingURL=Hoverable.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Hoverable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBAc5B,CAAC"}

package/dist/stories/Hoverable.stories.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Hoverable } from "../components/Hoverable";
+var meta = {
+    title: "Primitives/Hoverable",
+    component: Hoverable,
+};
+export default meta;
+export var HoverableExample = function () {
+    return (React.createElement("div", { className: "items-start s-flex s-flex-col s-gap-10" },
+        React.createElement("div", null,
+            React.createElement(Hoverable, { onClick: function () {
+                    alert("Clicked!");
+                } }, "You can hover me."))));
+};
+//# sourceMappingURL=Hoverable.stories.js.map

package/dist/stories/Hoverable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.stories.js","sourceRoot":"","sources":["../../src/stories/Hoverable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;CACY,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD;YACE,oBAAC,SAAS,IACR,OAAO,EAAE;oBACP,KAAK,CAAC,UAAU,CAAC,CAAC;gBACpB,CAAC,wBAGS,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/Icon.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { Icon } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Icon;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconSM: Story;
+export declare const IconXS: Story;
+export declare const IconMD: Story;
+export declare const IconLG: Story;
+//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/stories/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAkC,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7E,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}

package/dist/stories/Icon.stories.js

@@ -0,0 +1,35 @@
+import { ChatBubbleBottomCenterTextIcon, Icon } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Icon",
+    component: Icon,
+};
+export default meta;
+export var IconSM = {
+    args: {
+        visual: ChatBubbleBottomCenterTextIcon,
+        className: "s-text-action-800",
+        size: "sm",
+    },
+};
+export var IconXS = {
+    args: {
+        visual: ChatBubbleBottomCenterTextIcon,
+        className: "s-text-brand",
+        size: "xs",
+    },
+};
+export var IconMD = {
+    args: {
+        visual: ChatBubbleBottomCenterTextIcon,
+        className: "s-text-element-800",
+        size: "md",
+    },
+};
+export var IconLG = {
+    args: {
+        visual: ChatBubbleBottomCenterTextIcon,
+        className: "s-text-brand",
+        size: "lg",
+    },
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/stories/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../src/stories/Icon.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,8BAA8B,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7E,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACY,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,mBAAmB;QAC9B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,oBAAoB;QAC/B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE,IAAI;KACX;CACF,CAAC"}

package/dist/stories/IconButton.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import { IconButton } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof IconButton;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconButtonPrimary: Story;
+export declare const IconButtonWithTooltip: Story;
+export declare const IconButtonSecondary: Story;
+export declare const IconButtonTertiary: Story;
+//# sourceMappingURL=IconButton.stories.d.ts.map