@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/stories/BarHeader.stories.js

@@ -0,0 +1,102 @@
+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 { ChatBubbleBottomCenterTextIcon } from "../icons/solid";
+import { BarHeader, Page } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/BarHeader",
+    component: BarHeader,
+};
+export default meta;
+export var BasicBarHeader = {
+    args: {
+        title: "Knowledge Base",
+    },
+};
+export var BasicBarHeaderValidate = function () {
+    var _a = __read(React.useState(false), 2), isSaving = _a[0], setIsSaving = _a[1];
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", isSaving: isSaving, onSave: function () {
+                    setIsSaving(true);
+                    setTimeout(function () {
+                        setIsSaving(false);
+                        alert("Save !");
+                    }, 2000);
+                } }) }),
+        React.createElement("div", { className: "s-mt-16 s-h-full s-w-full s-overflow-y-auto" },
+            React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+            React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" })))));
+};
+export var BasicBarHeaderValidateCustomLabel = function () {
+    var _a = __read(React.useState(false), 2), isSaving = _a[0], setIsSaving = _a[1];
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", isSaving: isSaving, saveLabel: "Soupinou", onSave: function () {
+                    setIsSaving(true);
+                    setTimeout(function () {
+                        setIsSaving(false);
+                        alert("Save !");
+                    }, 2000);
+                } }) }),
+        React.createElement("div", { className: "s-mt-16 s-h-full s-w-full s-overflow-y-auto" },
+            React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+            React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" }),
+                React.createElement("img", { src: "https://source.unsplash.com/random" })))));
+};
+export var BasicBarHeaderValidateSaveDisabled = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
+    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate" }) }),
+    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
+        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
+export var BasicBarHeaderBack = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
+    React.createElement(BarHeader, { title: "Knowledge Base", leftActions: React.createElement(BarHeader.ButtonBar, { variant: "back" }) }),
+    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
+        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
+export var BasicBarHeaderClose = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
+    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "close" }) }),
+    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
+        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
+export var BasicBarHeaderConversation = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
+    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "conversation" }) }),
+    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
+        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }),
+            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
+//# sourceMappingURL=BarHeader.stories.js.map

package/dist/stories/BarHeader.stories.js.map

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

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { Button } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Button;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ButtonExamples: () => React.JSX.Element;
+export declare const ButtonBarExamples: () => React.JSX.Element;
+export declare const ButtonMenuExamples: () => React.JSX.Element;
+export declare const ButtonSelectExamples: () => React.JSX.Element;
+export declare const Primary: Story;
+export declare const PrimaryWarning: Story;
+export declare const Secondary: Story;
+export declare const SecondaryWarning: Story;
+export declare const Tertiary: Story;
+export declare const IconOnlyPlusTooltip: Story;
+export declare const IconOnlyNoTooltip: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAiB,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,yBA6R1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAwB7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAsH9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,yBAsHhC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC"}

package/dist/stories/Button.stories.js

@@ -0,0 +1,171 @@
+import React from "react";
+import { Button, Cog6ToothIcon } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Button",
+    component: Button,
+};
+export default meta;
+export var ButtonExamples = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "primary", size: "lg", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primary", size: "md", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "primary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primary", size: "sm", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon, disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "primaryWarning", size: "lg", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "primaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "primaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "primaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon, disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "secondary", size: "lg", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondary", size: "md", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "secondary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondary", size: "sm", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "secondary", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondary", size: "xs", label: "Settings", icon: Cog6ToothIcon, disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "secondaryWarning", size: "lg", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "secondaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon, disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "tertiary", size: "lg", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "tertiary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "tertiary", size: "md", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "tertiary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "tertiary", size: "sm", label: "Settings", icon: Cog6ToothIcon, disabled: true }),
+        React.createElement(Button, { variant: "tertiary", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { variant: "tertiary", size: "xs", label: "Settings", icon: Cog6ToothIcon, disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { variant: "avatar", size: "lg", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg" }),
+        React.createElement(Button, { variant: "avatar", size: "md", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg" }),
+        React.createElement(Button, { variant: "avatar", size: "md", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg", disabled: true }),
+        React.createElement(Button, { variant: "avatar", size: "sm", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg" }),
+        React.createElement(Button, { variant: "avatar", size: "sm", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg", disabled: true }),
+        React.createElement(Button, { variant: "avatar", size: "xs", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg" }),
+        React.createElement(Button, { variant: "avatar", size: "xs", label: "@soupinou", avatar: "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg", disabled: true })))); };
+export var ButtonBarExamples = function () { return (React.createElement(Button.List, null,
+    React.createElement(Button, { type: "menu", variant: "secondary", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+    React.createElement(Button, { type: "menu", variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon }),
+    React.createElement(Button, { type: "menu", variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon }))); };
+export var ButtonMenuExamples = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "menu", variant: "primary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "primary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "menu", variant: "primaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "primaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "primaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "menu", variant: "secondary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "secondary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "secondary", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "menu", variant: "secondaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "secondaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "secondaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "menu", variant: "tertiary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "tertiary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "menu", variant: "tertiary", size: "xs", label: "Settings", icon: Cog6ToothIcon })))); };
+export var ButtonSelectExamples = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "select", variant: "primary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "primary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "primary", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "select", variant: "primaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "primaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "primaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "select", variant: "secondary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "secondary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "secondary", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "select", variant: "secondaryWarning", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "secondaryWarning", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "secondaryWarning", size: "xs", label: "Settings", icon: Cog6ToothIcon })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
+        React.createElement(Button, { type: "select", variant: "tertiary", size: "md", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "tertiary", size: "sm", label: "Settings", icon: Cog6ToothIcon }),
+        React.createElement(Button, { type: "select", variant: "tertiary", size: "xs", label: "Settings", icon: Cog6ToothIcon })))); };
+export var Primary = {
+    args: {
+        variant: "primary",
+        size: "xs",
+        label: "Settings",
+        icon: Cog6ToothIcon,
+        disabled: false,
+    },
+};
+export var PrimaryWarning = {
+    args: {
+        variant: "primaryWarning",
+        size: "xs",
+        label: "Settings",
+        icon: Cog6ToothIcon,
+        disabled: false,
+    },
+};
+export var Secondary = {
+    args: {
+        variant: "secondary",
+        size: "sm",
+        label: "Settings",
+        icon: Cog6ToothIcon,
+        disabled: false,
+    },
+};
+export var SecondaryWarning = {
+    args: {
+        variant: "secondaryWarning",
+        size: "sm",
+        label: "Settings",
+        icon: Cog6ToothIcon,
+        disabled: false,
+    },
+};
+export var Tertiary = {
+    args: {
+        variant: "tertiary",
+        size: "md",
+        label: "Settings",
+        icon: Cog6ToothIcon,
+        disabled: false,
+    },
+};
+export var IconOnlyPlusTooltip = {
+    args: {
+        variant: "primary",
+        size: "xs",
+        label: "Settings",
+        labelVisible: false,
+        icon: Cog6ToothIcon,
+        disabled: false,
+        tooltipPosition: "below",
+    },
+};
+export var IconOnlyNoTooltip = {
+    args: {
+        variant: "primary",
+        size: "xs",
+        label: "Settings",
+        labelVisible: false,
+        icon: Cog6ToothIcon,
+        disabled: false,
+        tooltipPosition: "below",
+        disabledTooltip: true,
+    },
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/stories/Button.stories.js.map

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

package/dist/stories/CardButton.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.stories.d.ts","sourceRoot":"","sources":["../../src/stories/CardButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAGL,UAAU,EASX,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBAQzB,CAAC;AA8CF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA+B9B,CAAC"}

package/dist/stories/CardButton.stories.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { BookOpenStrokeIcon, BracesStrokeIcon, CardButton, CommandLineStrokeIcon, Icon, IconButton, MagnifyingGlassStrokeIcon, PlanetStrokeIcon, ScanStrokeIcon, TableStrokeIcon, XMarkIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/CardButton",
+    component: CardButton,
+};
+export default meta;
+export var SimpleExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(CardButton, null, "hello"),
+        React.createElement(CardButton, { variant: "secondary" }, "hello"),
+        React.createElement(CardButton, { variant: "tertiary" }, "hello")))); };
+var cardData = [
+    {
+        icon: MagnifyingGlassStrokeIcon,
+        title: "Search",
+        description: "Architecture Projects Descriptions",
+    },
+    {
+        icon: TableStrokeIcon,
+        title: "Table Query",
+        description: "Find product references",
+    },
+    {
+        icon: PlanetStrokeIcon,
+        title: "Web",
+        description: "Search & browse the web",
+    },
+    {
+        icon: BracesStrokeIcon,
+        title: "Code Interpreter",
+        description: "Write a description for it",
+    },
+    {
+        icon: CommandLineStrokeIcon,
+        title: "Dust App",
+        description: "Dust App Name",
+    },
+    {
+        icon: BookOpenStrokeIcon,
+        title: "Include",
+        description: "Description of the Data",
+    },
+    {
+        icon: ScanStrokeIcon,
+        title: "Extract Data",
+        description: "Description of the Data",
+    },
+];
+export var ActionCard = function () { return (React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-3" }, cardData.map(function (card, index) { return (React.createElement(CardButton, { key: index, variant: "secondary", onClick: function () {
+        alert("You clicked on ".concat(card.title));
+    } },
+    React.createElement("div", { className: "s-flex s-w-full s-flex-col s-gap-2 s-text-sm" },
+        React.createElement("div", { className: "s-flex s-w-full s-gap-1 s-font-medium s-text-element-900" },
+            React.createElement(Icon, { visual: card.icon, size: "sm", className: "s-text-element-900" }),
+            React.createElement("div", { className: "s-w-full" }, card.title),
+            React.createElement(IconButton, { icon: XMarkIcon, variant: "tertiary", size: "sm", onClick: function (e) {
+                    alert("You clicked on close button of ".concat(card.title));
+                    e.stopPropagation();
+                } })),
+        React.createElement("div", { className: "s-w-full s-truncate s-text-base s-text-element-700" }, card.description)))); }))); };
+//# sourceMappingURL=CardButton.stories.js.map

package/dist/stories/CardButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.stories.js","sourceRoot":"","sources":["../../src/stories/CardButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,IAAI,EACJ,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,oBAAC,UAAU,gBAAmB;QAC9B,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAmB;QAClD,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,YAAmB,CAC7C,CACF,CACP,EARkC,CAQlC,CAAC;AAQF,IAAM,QAAQ,GAAe;IAC3B;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,oCAAoC;KAClD;IACD;QACE,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,yBAAyB;KACvC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,yBAAyB;KACvC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,4BAA4B;KAC1C;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,yBAAyB;KACvC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,yBAAyB;KACvC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAa,cAAM,OAAA,CACxC,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC7B,oBAAC,UAAU,IACT,GAAG,EAAE,KAAK,EACV,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;QACP,KAAK,CAAC,yBAAkB,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC;IACxC,CAAC;IAED,6BAAK,SAAS,EAAC,8CAA8C;QAC3D,6BAAK,SAAS,EAAC,0DAA0D;YACvE,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,GAAG;YACpE,6BAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,KAAK,CAAO;YAC5C,oBAAC,UAAU,IACT,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAC,CAAC;oBACT,KAAK,CAAC,yCAAkC,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC;oBACtD,CAAC,CAAC,eAAe,EAAE,CAAC;gBACtB,CAAC,GACD,CACE;QACN,6BAAK,SAAS,EAAC,oDAAoD,IAChE,IAAI,CAAC,WAAW,CACb,CACF,CACK,CACd,EA3B8B,CA2B9B,CAAC,CACE,CACP,EA/ByC,CA+BzC,CAAC"}

package/dist/stories/Checkbox.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+import { Checkbox } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Checkbox;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Selectable: Story;
+export declare const Checked: Story;
+export declare const Unchecked: Story;
+export declare const PartialChecked: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/stories/Checkbox.stories.js

@@ -0,0 +1,37 @@
+import { Checkbox } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Checkbox",
+    component: Checkbox,
+};
+export default meta;
+export var Selectable = {
+    args: {
+        checked: true,
+        variant: "selectable",
+    },
+};
+export var Checked = {
+    args: {
+        checked: true,
+        variant: "checkable",
+    },
+};
+export var Unchecked = {
+    args: {
+        checked: false,
+    },
+};
+export var PartialChecked = {
+    args: {
+        checked: false,
+        partialChecked: true,
+        variant: "checkable",
+    },
+};
+export var Disabled = {
+    args: {
+        checked: true,
+        disabled: true,
+    },
+};
+//# sourceMappingURL=Checkbox.stories.js.map

package/dist/stories/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,YAAY;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,WAAW;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,WAAW;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}

package/dist/stories/Chip.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAiB,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAcpB,eAAO,MAAM,gBAAgB,yBA8D5B,CAAC"}

package/dist/stories/Chip.stories.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Chip, UserGroupIcon } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Chip",
+    component: Chip,
+};
+export default meta;
+var colors = [
+    "emerald",
+    "amber",
+    "slate",
+    "purple",
+    "warning",
+    "sky",
+    "pink",
+    "action",
+    "red",
+];
+export var ListChipsExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement(Chip.List, null, colors.map(function (color) { return (React.createElement(Chip, { key: "xs-".concat(color), size: "xs", label: color, color: color })); })),
+    React.createElement(Chip.List, null, colors.map(function (color) { return (React.createElement(Chip, { key: "sm-".concat(color), size: "sm", label: color, color: color })); })),
+    React.createElement("div", { className: "s-w-60" },
+        React.createElement(Chip.List, { isWrapping: true }, colors.map(function (color) { return (React.createElement(Chip, { key: "xs-".concat(color), size: "xs", label: color, color: color, icon: UserGroupIcon })); }))),
+    React.createElement("div", { className: "s-w-60" },
+        React.createElement(Chip.List, { isWrapping: true }, colors.map(function (color) { return (React.createElement(Chip, { key: "xs-".concat(color), size: "sm", label: color, color: color, icon: UserGroupIcon })); }))),
+    "isBusy",
+    React.createElement(Chip.List, null, colors.map(function (color) { return (React.createElement(Chip, { key: "xs-".concat(color), size: "xs", label: color, color: color, isBusy: true })); })),
+    React.createElement(Chip.List, null, colors.map(function (color) { return (React.createElement(Chip, { key: "sm-".concat(color), size: "sm", label: color, color: color, isBusy: true })); })))); };
+//# sourceMappingURL=Chip.stories.js.map

package/dist/stories/Chip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE5D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACY,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,IAAM,MAAM,GAAG;IACb,SAAS;IACT,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,KAAK;IACL,MAAM;IACN,QAAQ;IACR,KAAK;CACG,CAAC;AAEX,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,oBAAC,IAAI,CAAC,IAAI,QACP,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IAAC,GAAG,EAAE,aAAM,KAAK,CAAE,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnE,EAFsB,CAEtB,CAAC,CACQ;IACZ,oBAAC,IAAI,CAAC,IAAI,QACP,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IAAC,GAAG,EAAE,aAAM,KAAK,CAAE,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnE,EAFsB,CAEtB,CAAC,CACQ;IACZ,6BAAK,SAAS,EAAC,QAAQ;QACrB,oBAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAE,IAAI,IACxB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,aAAM,KAAK,CAAE,EAClB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,GACnB,CACH,EARsB,CAQtB,CAAC,CACQ,CACR;IACN,6BAAK,SAAS,EAAC,QAAQ;QACrB,oBAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAE,IAAI,IACxB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,aAAM,KAAK,CAAE,EAClB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,GACnB,CACH,EARsB,CAQtB,CAAC,CACQ,CACR;;IAEN,oBAAC,IAAI,CAAC,IAAI,QACP,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,aAAM,KAAK,CAAE,EAClB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,SACN,CACH,EARsB,CAQtB,CAAC,CACQ;IACZ,oBAAC,IAAI,CAAC,IAAI,QACP,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,aAAM,KAAK,CAAE,EAClB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,SACN,CACH,EARsB,CAQtB,CAAC,CACQ,CACR,CACP,EA9DqC,CA8DrC,CAAC"}

package/dist/stories/Citation.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Citation.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBAqM5B,CAAC"}

package/dist/stories/Citation.stories.js

@@ -0,0 +1,49 @@
+import React from "react";
+import { ZoomableImageCitationWrapper } from "../components/ZoomableImageCitationWrapper";
+import { Citation } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Citation",
+    component: Citation,
+};
+export default meta;
+export var CitationsExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
+    React.createElement("h2", null, "Size XS"),
+    React.createElement("h3", null, "In Flex"),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "With close action", size: "xs", type: "document", index: "3", onClose: function () { return alert("Close action clicked"); }, isBlinking: true }),
+        React.createElement(Citation, { title: "With imgSrc", size: "xs", type: "document", onClose: function () { return alert("Close action clicked"); }, isBlinking: true, avatarSrc: "https://dust.tt/static/droidavatar/Droid_Black_4.jpg" }),
+        React.createElement(Citation, { title: "With imgSrc", size: "xs", type: "image", onClose: function () { return alert("Close action clicked"); }, isBlinking: true, imgSrc: "https://dust.tt/static/droidavatar/Droid_Black_4.jpg" }),
+        React.createElement(Citation, { title: "Loading state", size: "xs", type: "image", onClose: function () { return alert("Close action clicked"); }, isLoading: true }),
+        React.createElement("div", null,
+            React.createElement(Citation, { title: "", size: "xs", type: "image", imgSrc: "https://dust.tt/static/droidavatar/Droid_Black_4.jpg" }))),
+    React.createElement("h3", null, "In Grid"),
+    React.createElement("div", { className: "s-w-full" },
+        React.createElement("div", { className: "s-grid s-grid-cols-2 s-items-stretch s-gap-2 md:s-grid-cols-3 lg:s-grid-cols-4" },
+            React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", sizing: "fluid", type: "slack", index: "1", href: "https://www.google.com" }),
+            React.createElement(Citation, { title: "Title", type: "github", size: "xs", sizing: "fluid", index: "2", href: "https://www.google.com" }),
+            React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", sizing: "fluid", type: "slack", index: "1", href: "https://www.google.com" }),
+            React.createElement(Citation, { title: "Title", type: "github", size: "xs", sizing: "fluid", index: "2", href: "https://www.google.com" }),
+            React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", sizing: "fluid", type: "slack", index: "1", href: "https://www.google.com" }),
+            React.createElement(Citation, { title: "Title", type: "github", sizing: "fluid", size: "xs", index: "2", href: "https://www.google.com" }))),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", type: "slack", index: "1", href: "https://www.google.com" }),
+        React.createElement(Citation, { title: "Title", type: "github", size: "xs", index: "2", href: "https://www.google.com" })),
+    React.createElement("h2", null, "Size SM"),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "Title", type: "google_drive", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: true }),
+        React.createElement(Citation, { title: "Awesome article", type: "intercom", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: false })),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "With close action", type: "document", index: "3", onClose: function () { return alert("Close action clicked"); }, description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: true }),
+        React.createElement(Citation, { title: "With imgSrc", type: "document", onClose: function () { return alert("Close action clicked"); }, description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: true, imgSrc: "https://cdn.discordapp.com/attachments/995248824375316560/1143857310142316685/duncid_friendly_Scandinavian_droid_designed_by_Wes_Anderson_and_29eec588-b898-4e4a-9776-10c27790cbf9.png" })),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "Source: Thread on #general message from @ed", type: "slack", index: "1", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list." }),
+        React.createElement(Citation, { title: "Title", type: "github", index: "2", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list." })),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(Citation, { title: "Title", type: "google_drive", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: true }),
+        React.createElement(Citation, { title: "Awesome article", type: "intercom", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: false })),
+    React.createElement("h2", null, "With zoom effect"),
+    React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(ZoomableImageCitationWrapper, { size: "sm", title: "With imgSrc", 
+            // size="xs"
+            imgSrc: "https://dust.tt/static/droidavatar/Droid_Black_4.jpg", alt: "A nice image." })))); };
+//# sourceMappingURL=Citation.stories.js.map