@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/stories/AssistantPreview.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from "@storybook/react";
+import React from "react";
+import { AssistantPreview } from "../index_with_tw_base";
+declare const meta: Meta<typeof AssistantPreview>;
+export default meta;
+export declare const AssistantPreviewExample: () => React.JSX.Element;
+//# sourceMappingURL=AssistantPreview.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantPreview.stories.d.ts","sourceRoot":"","sources":["../../src/stories/AssistantPreview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAGvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,uBAAuB,yBAwDnC,CAAC"}

package/dist/stories/AssistantPreview.stories.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { AssistantPreview } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/AssistantPreview",
+    component: AssistantPreview,
+};
+export default meta;
+export var AssistantPreviewExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("h2", null, "List"),
+    React.createElement("div", { className: "s-grid s-grid-cols-2" },
+        React.createElement(AssistantPreview, { title: "gpt4", description: "OpenAI's most powerful and recent model (128k context).", onClick: function () { return console.log("clicked"); }, pictureUrl: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png", subtitle: "Stanislas Polu, Pauline Pham, Henry Fontanier, Edouard Wautier", variant: "list" }),
+        React.createElement(AssistantPreview, { title: "salesFr", description: "OpenAI's most powerful and recent model (128k context). With a very long description that starts to repeat itself here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here here", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Yellow_2.jpg", subtitle: "Stanislas Polu", variant: "list", onClick: function () { return console.log("clicked"); } })),
+    React.createElement("h2", null, "Minimal"),
+    React.createElement("div", { className: "s-grid s-w-full s-grid-cols-2 s-gap-2 md:s-grid-cols-3" },
+        React.createElement(AssistantPreview, { title: "gpt4-turbo", pictureUrl: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png", subtitle: "Dust", description: "", variant: "minimal", onClick: function () { return console.log("AssistantPreview clicked"); }, onActionClick: function () { return console.log("Action clicked"); } }),
+        React.createElement(AssistantPreview, { title: "SQLGod", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Green_2.jpg", subtitle: "Dust", description: "", variant: "minimal", onClick: function () { return console.log("AssistantPreview clicked"); }, onActionClick: function () { return console.log("Action clicked"); } }),
+        React.createElement(AssistantPreview, { title: "salesfr", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Yellow_2.jpg", subtitle: "Dust", description: "Tech journalist providing insights on Accel's VC team expertise and notable deals.", variant: "minimal", onClick: function () { return console.log("AssistantPreview clicked"); }, onActionClick: function () { return console.log("Action clicked"); } })))); };
+//# sourceMappingURL=AssistantPreview.stories.js.map

package/dist/stories/AssistantPreview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantPreview.stories.js","sourceRoot":"","sources":["../../src/stories/AssistantPreview.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,IAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,gBAAgB;CAC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,uBAAuB,GAAG,cAAM,OAAA,CAC3C,6BAAK,SAAS,EAAC,2BAA2B;IACxC,uCAAa;IACb,6BAAK,SAAS,EAAC,sBAAsB;QACnC,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,yDAAyD,EACtE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAtB,CAAsB,EACrC,UAAU,EAAE,0DAA0D,EACtE,QAAQ,EACN,gEAAgE,EAElE,OAAO,EAAE,MAAM,GACf;QACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,SAAS,EAChB,WAAW,EACT,iYAAiY,EAEnY,UAAU,EAAE,uDAAuD,EACnE,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAtB,CAAsB,GACrC,CACE;IACN,0CAAgB;IAChB,6BAAK,SAAS,EAAC,wDAAwD;QACrE,oBAAC,gBAAgB,IACf,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,0DAA0D,EACtE,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAC,EAAE,EACd,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,EAAvC,CAAuC,EACtD,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAA7B,CAA6B,GAClD;QACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,sDAAsD,EAClE,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAC,EAAE,EACd,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,EAAvC,CAAuC,EACtD,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAA7B,CAA6B,GAClD;QACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,uDAAuD,EACnE,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAC,oFAAoF,EAChG,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,EAAvC,CAAuC,EACtD,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAA7B,CAA6B,GAClD,CACE,CACF,CACP,EAxD4C,CAwD5C,CAAC"}

package/dist/stories/Avatar.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { Avatar } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Avatar;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AvatarExample: () => React.JSX.Element;
+export declare const AvatarStackExample: () => React.JSX.Element;
+export declare const AvatarGridExample: () => React.JSX.Element;
+export declare const AvatarBusyExample: () => React.JSX.Element;
+export declare const AvatarClickableExample: () => React.JSX.Element;
+export declare const AvatarWithImage: Story;
+export declare const AvatarWithName: Story;
+export declare const AvatarEmpty: Story;
+//# sourceMappingURL=Avatar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,aAAa,yBAkFzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBA0H9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAqD7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAoE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAkElC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AACF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/stories/Avatar.stories.js

@@ -0,0 +1,242 @@
+import React from "react";
+import { Avatar } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Avatar",
+    component: Avatar,
+};
+export default meta;
+var gridStyle = {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(60px, 1fr))",
+    gap: "48px 16px",
+};
+export var AvatarExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", null, "With nothing"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs" }),
+        React.createElement(Avatar, { size: "sm" }),
+        React.createElement(Avatar, { size: "md" }),
+        React.createElement(Avatar, { size: "lg" }),
+        React.createElement(Avatar, { size: "xl" }),
+        React.createElement(Avatar, { size: "xxl" })),
+    React.createElement("div", null, "With name"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", name: "Isabelle Doe" }),
+        React.createElement(Avatar, { size: "sm", name: "Rafael Doe" }),
+        React.createElement(Avatar, { size: "md", name: "Aria Doe" }),
+        React.createElement(Avatar, { size: "lg", name: "Omar Doe" }),
+        React.createElement(Avatar, { size: "xl", name: "Omar Doe" }),
+        React.createElement(Avatar, { size: "xxl", name: "Omar Doe" })),
+    React.createElement("div", null, "With emoji url"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", visual: "https://dust.tt/static/emojis/bg-cyan-100/lotus/1fab7" })),
+    React.createElement("div", null, "With emoji"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", emoji: "\u2764\uFE0F", backgroundColor: "s-bg-red-100" }),
+        React.createElement(Avatar, { size: "sm", emoji: "\uD83D\uDC80", backgroundColor: "s-bg-slate-800" }),
+        React.createElement(Avatar, { size: "md", emoji: "\uD83D\uDE02", backgroundColor: "s-bg-amber-200" }),
+        React.createElement(Avatar, { size: "lg", emoji: "\uD83E\uDDD1\u200D\uD83D\uDE80", backgroundColor: "s-bg-slate-200" }),
+        React.createElement(Avatar, { size: "xl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-sky-200" }),
+        React.createElement(Avatar, { size: "xxl", emoji: "\uD83D\uDC55", backgroundColor: "s-bg-sky-200" })),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "sm", name: "Eleanor Wright" }),
+        React.createElement(Avatar, { size: "sm", name: "Mason Johnson" }),
+        React.createElement(Avatar, { size: "sm", name: "Oliver Bennett" }),
+        React.createElement(Avatar, { size: "sm", name: "Sophia Garcia" }),
+        React.createElement(Avatar, { size: "sm", name: "Lucas Adams" }),
+        React.createElement(Avatar, { size: "sm", name: "Ava Torres" }),
+        React.createElement(Avatar, { size: "sm", name: "Liam White" }),
+        React.createElement(Avatar, { size: "sm", name: "Emma Jenkins" }),
+        React.createElement(Avatar, { size: "sm", name: "Noah Martinez" }),
+        React.createElement(Avatar, { size: "sm", name: "Isabella Thompson" }),
+        React.createElement(Avatar, { size: "sm", name: "Ethan Roberts" }),
+        React.createElement(Avatar, { size: "sm", name: "Charlotte Turner" }),
+        React.createElement(Avatar, { size: "sm", name: "Benjamin Foster" }),
+        React.createElement(Avatar, { size: "sm", name: "Mia Evans" }),
+        React.createElement(Avatar, { size: "sm", name: "Alexander Perry" }),
+        React.createElement(Avatar, { size: "sm", name: "Harper Sanchez" }),
+        React.createElement(Avatar, { size: "sm", name: "William Murphy" }),
+        React.createElement(Avatar, { size: "sm", name: "Lily Phillips" }),
+        React.createElement(Avatar, { size: "sm", name: "James Coleman" }),
+        React.createElement(Avatar, { size: "sm", name: "Aria Mitchell" })),
+    React.createElement("div", null, "With image"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+        React.createElement(Avatar, { size: "sm", name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+        React.createElement(Avatar, { size: "md", name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+        React.createElement(Avatar, { size: "lg", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" })))); };
+export var AvatarStackExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-6" },
+    React.createElement("div", { className: "s-flex s-flex-row s-gap-2" },
+        React.createElement(Avatar.Stack, { size: "xs", nbMoreItems: 0, isRounded: true },
+            React.createElement(Avatar, { name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }),
+            React.createElement(Avatar, { name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" })),
+        React.createElement(Avatar.Stack, { size: "xs", nbMoreItems: 8 },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { size: "sm", name: "Mason Johnson" }),
+            React.createElement(Avatar, { size: "sm", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" }),
+            React.createElement(Avatar, { size: "sm", name: "Eleanor Wright" })),
+        React.createElement(Avatar.Stack, { size: "xs", nbMoreItems: 0 },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }))),
+    React.createElement("div", { className: "s-flex s-flex-row s-gap-2" },
+        React.createElement(Avatar.Stack, { size: "sm", nbMoreItems: 0, isRounded: true },
+            React.createElement(Avatar, { name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }),
+            React.createElement(Avatar, { name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" })),
+        React.createElement(Avatar.Stack, { size: "sm", nbMoreItems: 8 },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { size: "sm", name: "Mason Johnson" }),
+            React.createElement(Avatar, { size: "sm", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" }),
+            React.createElement(Avatar, { size: "sm", name: "Eleanor Wright" })),
+        React.createElement(Avatar.Stack, { nbMoreItems: 0 },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }))),
+    React.createElement("div", { className: "s-flex s-flex-row s-gap-4" },
+        React.createElement(Avatar.Stack, { nbMoreItems: 0, size: "md" },
+            React.createElement(Avatar, { name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }),
+            React.createElement(Avatar, { name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" })),
+        React.createElement(Avatar.Stack, { nbMoreItems: 8, size: "md" },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+            React.createElement(Avatar, { size: "md", name: "Mason Johnson" }),
+            React.createElement(Avatar, { name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" }),
+            React.createElement(Avatar, { size: "md", name: "Eleanor Wright" })),
+        React.createElement(Avatar.Stack, { nbMoreItems: 0, size: "md" },
+            React.createElement(Avatar, { name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }))))); };
+export var AvatarGridExample = function () { return (React.createElement("div", { style: gridStyle },
+    React.createElement(Avatar, { size: "auto" }),
+    React.createElement(Avatar, { size: "auto" }),
+    React.createElement(Avatar, { size: "auto" }),
+    React.createElement(Avatar, { size: "auto" }),
+    React.createElement(Avatar, { size: "auto" }),
+    React.createElement(Avatar, { size: "auto", name: "Isabelle Doe" }),
+    React.createElement(Avatar, { size: "auto", name: "Rafael Doe" }),
+    React.createElement(Avatar, { size: "auto", name: "Aria Doe" }),
+    React.createElement(Avatar, { size: "auto", name: "Omar Doe" }),
+    React.createElement(Avatar, { size: "auto", name: "Omar Doe" }),
+    React.createElement(Avatar, { size: "auto", name: "Eleanor Wright" }),
+    React.createElement(Avatar, { size: "auto", name: "Mason Johnson" }),
+    React.createElement(Avatar, { size: "auto", name: "Oliver Bennett" }),
+    React.createElement(Avatar, { size: "auto", name: "Sophia Garcia" }),
+    React.createElement(Avatar, { size: "auto", name: "Lucas Adams" }),
+    React.createElement(Avatar, { size: "auto", name: "Ava Torres" }),
+    React.createElement(Avatar, { size: "auto", name: "Liam White" }),
+    React.createElement(Avatar, { size: "auto", name: "Emma Jenkins" }),
+    React.createElement(Avatar, { size: "auto", name: "Noah Martinez" }),
+    React.createElement(Avatar, { size: "auto", name: "Isabella Thompson" }),
+    React.createElement(Avatar, { size: "auto", name: "Ethan Roberts" }),
+    React.createElement(Avatar, { size: "auto", name: "Charlotte Turner" }),
+    React.createElement(Avatar, { size: "auto", name: "Benjamin Foster" }),
+    React.createElement(Avatar, { size: "auto", name: "Mia Evans" }),
+    React.createElement(Avatar, { size: "auto", name: "Alexander Perry" }),
+    React.createElement(Avatar, { size: "auto", name: "Harper Sanchez" }),
+    React.createElement(Avatar, { size: "auto", name: "William Murphy" }),
+    React.createElement(Avatar, { size: "auto", name: "Lily Phillips" }),
+    React.createElement(Avatar, { size: "auto", name: "James Coleman" }),
+    React.createElement(Avatar, { size: "auto", name: "Aria Mitchell" }),
+    React.createElement(Avatar, { size: "auto", name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+    React.createElement(Avatar, { size: "auto", name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+    React.createElement(Avatar, { size: "auto", name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }),
+    React.createElement(Avatar, { size: "auto", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" }))); };
+export var AvatarBusyExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", null, "With nothing"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { busy: true, size: "xs" }),
+        React.createElement(Avatar, { busy: true, size: "sm" }),
+        React.createElement(Avatar, { busy: true, size: "md" }),
+        React.createElement(Avatar, { busy: true, size: "lg" }),
+        React.createElement(Avatar, { busy: true, size: "xl" })),
+    React.createElement("div", null, "With name"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { busy: true, size: "xs", name: "Isabelle Doe" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Rafael Doe" }),
+        React.createElement(Avatar, { busy: true, size: "md", name: "Aria Doe" }),
+        React.createElement(Avatar, { busy: true, size: "lg", name: "Omar Doe" }),
+        React.createElement(Avatar, { busy: true, size: "xl", name: "Eleanor Doe" })),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Eleanor Wright" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Mason Johnson" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Oliver Bennett" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Sophia Garcia" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Lucas Adams" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Ava Torres" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Liam White" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Emma Jenkins" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Noah Martinez" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Isabella Thompson" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Ethan Roberts" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Charlotte Turner" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Benjamin Foster" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Mia Evans" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Alexander Perry" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Harper Sanchez" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "William Murphy" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Lily Phillips" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "James Coleman" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Aria Mitchell" })),
+    React.createElement("div", null, "With image"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { busy: true, size: "xs", name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
+        React.createElement(Avatar, { busy: true, size: "sm", name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
+        React.createElement(Avatar, { busy: true, size: "md", name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }),
+        React.createElement(Avatar, { busy: true, size: "lg", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" })))); };
+export var AvatarClickableExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement("div", null, "With nothing"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", clickable: true }),
+        React.createElement(Avatar, { size: "sm", clickable: true }),
+        React.createElement(Avatar, { size: "md", clickable: true }),
+        React.createElement(Avatar, { size: "lg", clickable: true })),
+    React.createElement("div", null, "With name"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", name: "Isabelle Doe", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Rafael Doe", clickable: true }),
+        React.createElement(Avatar, { size: "md", name: "Aria Doe", clickable: true }),
+        React.createElement(Avatar, { size: "lg", name: "Omar Doe", clickable: true })),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "sm", name: "Eleanor Wright", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Mason Johnson", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Oliver Bennett", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Sophia Garcia", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Lucas Adams", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Ava Torres", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Liam White", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Emma Jenkins", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Noah Martinez", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Isabella Thompson", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Ethan Roberts", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Charlotte Turner", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Benjamin Foster", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Mia Evans", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Alexander Perry", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Harper Sanchez", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "William Murphy", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Lily Phillips", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "James Coleman", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Aria Mitchell", clickable: true })),
+    React.createElement("div", null, "With image"),
+    React.createElement("div", { className: "s-flex s-gap-4" },
+        React.createElement(Avatar, { size: "xs", name: "Isabelle Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg", clickable: true }),
+        React.createElement(Avatar, { size: "sm", name: "Rafael Doe", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg", clickable: true }),
+        React.createElement(Avatar, { size: "md", name: "Aria Doe", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg", clickable: true }),
+        React.createElement(Avatar, { size: "lg", name: "Omar Doe", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg", clickable: true })))); };
+export var AvatarWithImage = {
+    args: {
+        size: "md",
+        visual: "http://edouardwautier.com/img/me.jpg",
+    },
+};
+export var AvatarWithName = {
+    args: {
+        name: "John Doe",
+        size: "md",
+    },
+};
+export var AvatarEmpty = {
+    args: {
+        size: "md",
+    },
+};
+//# sourceMappingURL=Avatar.stories.js.map

package/dist/stories/Avatar.stories.js.map

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

package/dist/stories/AvatarSet.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DroidAvatarSet: () => React.JSX.Element;
+//# sourceMappingURL=AvatarSet.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarSet.stories.d.ts","sourceRoot":"","sources":["../../src/stories/AvatarSet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAI1B,wBAEE;AAoHF,eAAO,MAAM,cAAc,yBAqB1B,CAAC"}

package/dist/stories/AvatarSet.stories.js

@@ -0,0 +1,144 @@
+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 { Avatar } from "../index_with_tw_base";
+export default {
+    title: "Assets/DroidAvatarSet",
+};
+var avatarUrlList = {
+    "Droid_Black_1.jpg": "https://dust.tt/static/droidavatar/Droid_Black_1.jpg",
+    "Droid_Black_2.jpg": "https://dust.tt/static/droidavatar/Droid_Black_2.jpg",
+    "Droid_Black_3.jpg": "https://dust.tt/static/droidavatar/Droid_Black_3.jpg",
+    "Droid_Black_4.jpg": "https://dust.tt/static/droidavatar/Droid_Black_4.jpg",
+    "Droid_Black_5.jpg": "https://dust.tt/static/droidavatar/Droid_Black_5.jpg",
+    "Droid_Black_6.jpg": "https://dust.tt/static/droidavatar/Droid_Black_6.jpg",
+    "Droid_Black_7.jpg": "https://dust.tt/static/droidavatar/Droid_Black_7.jpg",
+    "Droid_Black_8.jpg": "https://dust.tt/static/droidavatar/Droid_Black_8.jpg",
+    "Droid_Cream_1.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_1.jpg",
+    "Droid_Cream_2.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_2.jpg",
+    "Droid_Cream_3.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_3.jpg",
+    "Droid_Cream_4.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_4.jpg",
+    "Droid_Cream_5.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_5.jpg",
+    "Droid_Cream_6.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_6.jpg",
+    "Droid_Cream_7.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_7.jpg",
+    "Droid_Cream_8.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_8.jpg",
+    "Droid_Green_1.jpg": "https://dust.tt/static/droidavatar/Droid_Green_1.jpg",
+    "Droid_Green_2.jpg": "https://dust.tt/static/droidavatar/Droid_Green_2.jpg",
+    "Droid_Green_3.jpg": "https://dust.tt/static/droidavatar/Droid_Green_3.jpg",
+    "Droid_Green_4.jpg": "https://dust.tt/static/droidavatar/Droid_Green_4.jpg",
+    "Droid_Green_5.jpg": "https://dust.tt/static/droidavatar/Droid_Green_5.jpg",
+    "Droid_Green_6.jpg": "https://dust.tt/static/droidavatar/Droid_Green_6.jpg",
+    "Droid_Green_7.jpg": "https://dust.tt/static/droidavatar/Droid_Green_7.jpg",
+    "Droid_Green_8.jpg": "https://dust.tt/static/droidavatar/Droid_Green_8.jpg",
+    "Droid_Indigo_1.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_1.jpg",
+    "Droid_Indigo_2.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_2.jpg",
+    "Droid_Indigo_3.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_3.jpg",
+    "Droid_Indigo_4.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_4.jpg",
+    "Droid_Indigo_5.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_5.jpg",
+    "Droid_Indigo_6.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_6.jpg",
+    "Droid_Indigo_7.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg",
+    "Droid_Indigo_8.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_8.jpg",
+    "Droid_Lime_1.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg",
+    "Droid_Lime_2.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_2.jpg",
+    "Droid_Lime_3.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg",
+    "Droid_Lime_4.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_4.jpg",
+    "Droid_Lime_5.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_5.jpg",
+    "Droid_Lime_6.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_6.jpg",
+    "Droid_Lime_7.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_7.jpg",
+    "Droid_Lime_8.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_8.jpg",
+    "Droid_Orange_1.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_1.jpg",
+    "Droid_Orange_2.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_2.jpg",
+    "Droid_Orange_3.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_3.jpg",
+    "Droid_Orange_4.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_4.jpg",
+    "Droid_Orange_5.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_5.jpg",
+    "Droid_Orange_6.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_6.jpg",
+    "Droid_Orange_7.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_7.jpg",
+    "Droid_Orange_8.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_8.jpg",
+    "Droid_Pink_1.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_1.jpg",
+    "Droid_Pink_2.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_2.jpg",
+    "Droid_Pink_3.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg",
+    "Droid_Pink_4.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_4.jpg",
+    "Droid_Pink_5.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_5.jpg",
+    "Droid_Pink_6.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_6.jpg",
+    "Droid_Pink_7.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_7.jpg",
+    "Droid_Pink_8.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_8.jpg",
+    "Droid_Purple_1.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_1.jpg",
+    "Droid_Purple_2.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_2.jpg",
+    "Droid_Purple_3.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_3.jpg",
+    "Droid_Purple_4.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_4.jpg",
+    "Droid_Purple_5.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_5.jpg",
+    "Droid_Purple_6.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_6.jpg",
+    "Droid_Purple_7.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_7.jpg",
+    "Droid_Purple_8.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_8.jpg",
+    "Droid_Red_1.jpg": "https://dust.tt/static/droidavatar/Droid_Red_1.jpg",
+    "Droid_Red_2.jpg": "https://dust.tt/static/droidavatar/Droid_Red_2.jpg",
+    "Droid_Red_3.jpg": "https://dust.tt/static/droidavatar/Droid_Red_3.jpg",
+    "Droid_Red_4.jpg": "https://dust.tt/static/droidavatar/Droid_Red_4.jpg",
+    "Droid_Red_5.jpg": "https://dust.tt/static/droidavatar/Droid_Red_5.jpg",
+    "Droid_Red_6.jpg": "https://dust.tt/static/droidavatar/Droid_Red_6.jpg",
+    "Droid_Red_7.jpg": "https://dust.tt/static/droidavatar/Droid_Red_7.jpg",
+    "Droid_Red_8.jpg": "https://dust.tt/static/droidavatar/Droid_Red_8.jpg",
+    "Droid_Sky_1.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_1.jpg",
+    "Droid_Sky_2.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_2.jpg",
+    "Droid_Sky_3.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_3.jpg",
+    "Droid_Sky_4.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_4.jpg",
+    "Droid_Sky_5.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_5.jpg",
+    "Droid_Sky_6.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_6.jpg",
+    "Droid_Sky_7.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_7.jpg",
+    "Droid_Sky_8.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_8.jpg",
+    "Droid_Teal_1.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_1.jpg",
+    "Droid_Teal_2.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_2.jpg",
+    "Droid_Teal_3.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_3.jpg",
+    "Droid_Teal_4.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_4.jpg",
+    "Droid_Teal_5.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_5.jpg",
+    "Droid_Teal_6.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_6.jpg",
+    "Droid_Teal_7.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_7.jpg",
+    "Droid_Teal_8.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_8.jpg",
+    "Droid_Yellow_1.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_1.jpg",
+    "Droid_Yellow_2.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_2.jpg",
+    "Droid_Yellow_3.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg",
+    "Droid_Yellow_4.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_4.jpg",
+    "Droid_Yellow_5.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_5.jpg",
+    "Droid_Yellow_6.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_6.jpg",
+    "Droid_Yellow_7.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_7.jpg",
+    "Droid_Yellow_8.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_8.jpg",
+};
+var gridStyle = {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(100px, 1fr))",
+    gap: "48px 16px",
+};
+var itemStyle = {
+    marginTop: "12px",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textAlign: "left",
+    width: "100%",
+};
+export var DroidAvatarSet = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { className: "s-py-4 s-text-base" },
+        "url is",
+        " ",
+        React.createElement("span", { className: "s-font-bold" }, "\"https://dust.tt/static/droidavatar/filename\"")),
+    React.createElement("div", { style: gridStyle }, Object.entries(avatarUrlList).map(function (_a) {
+        var _b = __read(_a, 2), filename = _b[0], url = _b[1];
+        return (React.createElement("div", { key: filename, style: itemStyle },
+            React.createElement(Avatar, { visual: url, size: "md" }),
+            React.createElement("div", { className: "s-overflow-hidden s-text-ellipsis s-text-xs" }, filename)));
+    })))); };
+//# sourceMappingURL=AvatarSet.stories.js.map

package/dist/stories/AvatarSet.stories.js.map

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

package/dist/stories/Banner.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,yBA0DvB,CAAC"}

package/dist/stories/Banner.stories.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { Banner } from "../components/Banner";
+import { Button } from "../components/Button";
+var meta = {
+    title: "Components/Banner",
+    component: Banner,
+};
+export default meta;
+export var BasicBanner = function () {
+    return (React.createElement("div", { className: "s-flex s-h-full s-w-full s-flex-col s-gap-10" },
+        React.createElement(Banner, null,
+            React.createElement("div", { className: "s-flex s-items-center s-gap-x-4" },
+                React.createElement("strong", { className: "s-font-semibold" }, "GeneriCon 2023"),
+                React.createElement("p", null, "Join us in Denver from June 7 \u2013 9 to see what\u2019s coming next\u00A0"),
+                React.createElement(Button, { variant: "tertiary", size: "sm", label: "Register Now" }))),
+        React.createElement(Banner, { variant: "incident" },
+            React.createElement("div", null,
+                React.createElement("span", { className: "s-font-bold" },
+                    "OpenAI APIs are encountering a",
+                    " ",
+                    React.createElement("a", { href: "https://status.openai.com/", target: "_blank", className: "underline" }, "partial outage.")),
+                React.createElement("br", null),
+                React.createElement("span", null,
+                    "It may cause slowness and errors from assistants using GPT or data retrieval. We are monitoring the situation",
+                    " ",
+                    React.createElement("a", { href: "http://status.dust.tt/", target: "_blank", className: "underline" }, "here"),
+                    "."))),
+        React.createElement(Banner, { variant: "error" },
+            React.createElement("div", { className: "s-flex s-items-center" },
+                React.createElement("strong", { className: "s-font-semibold" }, "OpenAI Outage:"),
+                "\u00A0It may cause slowness and errors from assistants using GPT or data retrieval. We are monitoring the situation\u00A0",
+                React.createElement("strong", { className: "s-font-semibold" },
+                    React.createElement("a", { href: "http://status.dust.tt/", target: "_blank", className: "s-underline" }, "here")),
+                "."))));
+};
+//# sourceMappingURL=Banner.stories.js.map

package/dist/stories/Banner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.js","sourceRoot":"","sources":["../../src/stories/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;CACY,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,CACL,6BAAK,SAAS,EAAC,8CAA8C;QAC3D,oBAAC,MAAM;YACL,6BAAK,SAAS,EAAC,iCAAiC;gBAC9C,gCAAQ,SAAS,EAAC,iBAAiB,qBAAwB;gBAC3D,6GAEI;gBACJ,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,GAAG,CACxD,CACC;QACT,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU;YACxB;gBACE,8BAAM,SAAS,EAAC,aAAa;;oBACI,GAAG;oBAClC,2BACE,IAAI,EAAC,4BAA4B,EACjC,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,WAAW,sBAGnB,CACC;gBACP,+BAAM;gBACN;;oBAE6C,GAAG;oBAC9C,2BACE,IAAI,EAAC,wBAAwB,EAC7B,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,WAAW,WAGnB;wBAEC,CACH,CACC;QACT,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO;YACrB,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,gCAAQ,SAAS,EAAC,iBAAiB,qBAAwB;;gBAG3D,gCAAQ,SAAS,EAAC,iBAAiB;oBACjC,2BACE,IAAI,EAAC,wBAAwB,EAC7B,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,aAAa,WAGrB,CACG;oBAEL,CACC,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/BarHeader.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { BarHeader } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof BarHeader;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicBarHeader: Story;
+export declare const BasicBarHeaderValidate: () => React.JSX.Element;
+export declare const BasicBarHeaderValidateCustomLabel: () => React.JSX.Element;
+export declare const BasicBarHeaderValidateSaveDisabled: () => React.JSX.Element;
+export declare const BasicBarHeaderBack: () => React.JSX.Element;
+export declare const BasicBarHeaderClose: () => React.JSX.Element;
+export declare const BasicBarHeaderConversation: () => React.JSX.Element;
+//# sourceMappingURL=BarHeader.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarHeader.stories.d.ts","sourceRoot":"","sources":["../../src/stories/BarHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAQ,MAAM,uBAAuB,CAAC;AAExD,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAgClC,CAAC;AAEF,eAAO,MAAM,iCAAiC,yBAiC7C,CAAC;AAEF,eAAO,MAAM,kCAAkC,yBAgB9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAgB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,yBAgB/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,yBAgBtC,CAAC"}