@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/stories/Page.stories.js

@@ -0,0 +1,192 @@
+import React from "react";
+import { ChatBubbleLeftRightIcon } from "../icons/solid";
+import { Avatar, Button, ChatBubbleBottomCenterTextIcon, CloudArrowLeftRightIcon, ContextItem, FolderIcon, GlobeAltIcon, Icon, Page, RocketIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/Page",
+    component: Page,
+};
+export default meta;
+export var PageSimpleExample = function () {
+    return (React.createElement(Page, null,
+        React.createElement(Page.Header, { title: "Title", description: "Description", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement(Page.P, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc"),
+        React.createElement(Page.SectionHeader, { title: "Section Title", description: "Section Description", action: { label: "Action", size: "sm" } }),
+        React.createElement(Page.Layout, { direction: "horizontal" },
+            React.createElement("div", { className: "s-h-16 s-w-16 s-bg-brand" }))));
+};
+export var QIGExample = function () {
+    return (React.createElement(Page, null,
+        React.createElement(Page.Header, { icon: RocketIcon, title: React.createElement(React.Fragment, null,
+                "Get Started: ",
+                React.createElement("br", null),
+                "Quick Guide for new members") }),
+        React.createElement(Page.Horizontal, null,
+            React.createElement(Page.Vertical, { sizing: "grow" },
+                React.createElement(Page.H, null,
+                    "\uD83D\uDC4B ",
+                    React.createElement("br", null),
+                    "Hello ",
+                    React.createElement("br", null),
+                    " ",
+                    React.createElement("span", { className: "text-success-500" }, "@mentions")),
+                React.createElement(Page.P, null, "In Dust, you won't find just one AI assistant, but multiple ones."),
+                React.createElement(Page.P, null, "You can call any assistant at any time by typing \u201C@\u201D and the name of the assistant.")),
+            React.createElement(Page.Vertical, { sizing: "grow" },
+                React.createElement("img", { src: "/static/quick_start_guide_input_bar.png" }))),
+        React.createElement(Page.Horizontal, null,
+            React.createElement(Page.Vertical, null,
+                React.createElement(Page.H, null,
+                    "\uD83D\uDC69\u200D\uD83C\uDFA8\uD83E\uDDB8\u200D\u2640\uFE0F\uD83E\uDD77\uD83E\uDDD1\u200D\uD83D\uDE80",
+                    React.createElement("br", null),
+                    " Why multiple",
+                    React.createElement("br", null),
+                    " Assistants?"),
+                React.createElement(Page.P, null,
+                    "The basic assistant is",
+                    " ",
+                    React.createElement("span", { className: "font-bold text-success-500" }, "@gpt4"),
+                    ". It is a raw model. \u201CRaw\u201D means it does not have particular instructions or access to knowledge."),
+                React.createElement(Page.P, null,
+                    "You also have access to assistants that use a raw model (gpt4 for instance), AND give them specific instructions and access to knowledge.",
+                    " ",
+                    React.createElement("span", { className: "font-bold" }, "They can answer specific questions, really well.")),
+                React.createElement(Page.P, null, "Assistants can be provided by Dust, by your company (Company assistants), by your coworkers (Shared assistants).")),
+            React.createElement(Page.Vertical, null,
+                React.createElement(Page.H, null,
+                    "\uD83D\uDEE0\uFE0F",
+                    React.createElement("br", null),
+                    "How to make",
+                    React.createElement("br", null),
+                    "an Assistant?"),
+                React.createElement(Page.P, null, "You can build Assistants!"),
+                React.createElement(Page.P, null, "Assistants starts with an \u201Cinstruction\u201D. A simple text, explaining what you want them to do."),
+                React.createElement(Page.P, null,
+                    "For instance, ",
+                    React.createElement("span", { className: "italic" }, "\u201CAct as a doctor\u201D"),
+                    ",",
+                    " ",
+                    React.createElement("span", { className: "italic" }, "\u201CSummarise this document\u201D"),
+                    ",",
+                    " ",
+                    React.createElement("span", { className: "italic" }, "\u201CWhat do you know about X\u201D"),
+                    "."),
+                React.createElement(Page.P, null,
+                    "You can give them access to knowledge.",
+                    React.createElement("br", null),
+                    "We call them ",
+                    React.createElement("span", { className: "font-bold" }, "Data sources.")),
+                React.createElement(Page.P, null,
+                    "With the right Data source, assistants can answer demands like",
+                    React.createElement("span", { className: "italic" }, "\u201CHave we been working with company X\u201D"),
+                    ", ",
+                    React.createElement("span", { className: "italic" }, "\u201CHow do we manage expenses\u201D"),
+                    ",",
+                    " ",
+                    React.createElement("span", { className: "italic" }, "\u201CWrite an intro email using the company tone of voice\u201D...")))),
+        React.createElement(Page.Vertical, null,
+            React.createElement(Page.H, null,
+                "\uD83D\uDCDA",
+                React.createElement("br", null),
+                "What are",
+                React.createElement("br", null),
+                "Data sources?"),
+            React.createElement(Page.P, null,
+                "To augment your assistants with knowledge, you give them data.",
+                React.createElement("br", null),
+                " Data can comes in different ways in Dust.",
+                " ",
+                React.createElement("span", { className: "font-bold" }, "Here are the three main ways:")),
+            React.createElement(Page.Horizontal, null,
+                React.createElement(Page.Vertical, { sizing: "grow" },
+                    React.createElement("div", { className: "flex items-center gap-2" },
+                        React.createElement(Icon, { visual: CloudArrowLeftRightIcon }),
+                        " ",
+                        React.createElement(Page.H, { variant: "h6" }, "Connections")),
+                    React.createElement(Page.P, null, "Notion, Slack, Google Drive... Dust can connect to multiple platforms and make syncronise your data.")),
+                React.createElement(Page.Vertical, { sizing: "grow" },
+                    React.createElement(Page.Horizontal, null,
+                        React.createElement("div", { className: "flex items-center gap-2" },
+                            React.createElement(Icon, { visual: FolderIcon }),
+                            " ",
+                            React.createElement(Page.H, { variant: "h6" }, "Folders"))),
+                    React.createElement(Page.P, null, "Upload files (text, pdf, csv) directly in Dust.")),
+                React.createElement(Page.Vertical, { sizing: "grow" },
+                    React.createElement(Page.Horizontal, null,
+                        React.createElement("div", { className: "flex items-center gap-2" },
+                            React.createElement(Icon, { visual: GlobeAltIcon }),
+                            " ",
+                            React.createElement(Page.H, { variant: "h6" }, "Websites"))),
+                    React.createElement(Page.P, null, "Any public website can be synced in Dust. Think FAQ, wikipedia pages, documentation..."))))));
+};
+export var PageExample = function () {
+    return (React.createElement(Page, null,
+        React.createElement(Page.Header, { title: "Title", description: "Description", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement(Page.P, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc"),
+        React.createElement(Page.SectionHeader, { title: "Section Title", description: "Section Description", action: { label: "Action", size: "sm" } }),
+        React.createElement(ContextItem.List, null,
+            React.createElement(ContextItem, { title: "@Gpt4", visual: React.createElement(Avatar, { visual: "https://dust.tt/static/systemavatar/gpt4_avatar_full.png", size: "sm" }) },
+                React.createElement(ContextItem.Description, { description: "Lats, pricing, history of contacts, contact message" })),
+            React.createElement(ContextItem, { title: "@SalesFr", action: React.createElement(Button, { variant: "secondary", label: "Manage", size: "sm" }), visual: React.createElement(Avatar, { visual: "https://dust.tt/static/droidavatar/Droid_Indigo_4.jpg", size: "sm" }) },
+                React.createElement(ContextItem.Description, { description: "Lats, pricing, history of contacts, contact message" })),
+            React.createElement(ContextItem, { title: "@SupportFr", action: React.createElement(Button, { variant: "secondary", label: "Manage", size: "sm" }), visual: React.createElement(Avatar, { visual: "https://dust.tt/static/droidavatar/Droid_Pink_4.jpg", size: "sm" }) },
+                React.createElement(ContextItem.Description, { description: "Lats, pricing, history of contacts, contact message" })))));
+};
+export var AssistantBuilder = function () {
+    return (React.createElement(Page, null,
+        React.createElement(Page.Layout, { direction: "horizontal" },
+            React.createElement(Page.Layout, { direction: "vertical", sizing: "grow", gap: "lg" },
+                React.createElement(Page.H, { variant: "h2" }, "Identity"),
+                React.createElement(Page.Layout, { direction: "vertical", gap: "xs" },
+                    React.createElement(Page.H, { variant: "h4" }, "Name / Handle"),
+                    React.createElement(Page.P, { variant: "secondary" }, "The handle of your Droid will be used to call your Dro\u00EFd with an \u201C@\u201D hand (for instance @myAssistant).")),
+                React.createElement(Page.Layout, { direction: "vertical", gap: "xs" },
+                    React.createElement(Page.H, { variant: "h4" }, "Description"),
+                    React.createElement(Page.P, { variant: "secondary" }, "The description helps your collaborators and Dust to understand the purpose of the assistant. It must be descriptive and short."))),
+            React.createElement(Page.Layout, { direction: "vertical", align: "center" },
+                React.createElement(Avatar, { size: "xl", visual: "https://dust.tt/static/droidavatar/Droid_Black_2.jpg/" }),
+                React.createElement(Button, { size: "sm", variant: "tertiary", label: "Change" }))),
+        React.createElement(Page.Separator, null),
+        React.createElement(Page.Layout, { direction: "vertical", sizing: "grow", gap: "xs" },
+            React.createElement(Page.H, { variant: "h2" }, "Instructions"),
+            React.createElement(Page.P, { variant: "secondary" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc")),
+        React.createElement(Page.Separator, null),
+        React.createElement(Page.Layout, { direction: "vertical", sizing: "grow", gap: "lg" },
+            React.createElement(Page.Layout, { direction: "vertical", sizing: "grow", gap: "xs" },
+                React.createElement(Page.H, { variant: "h2" }, "Actions"),
+                React.createElement(Page.P, { variant: "secondary" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod a massa quis lacinia. Donec euismod nisl eget nunc")),
+            React.createElement(Page.Layout, { direction: "horizontal" },
+                React.createElement(Page.Layout, { direction: "vertical", gap: "xs", sizing: "grow" },
+                    React.createElement(Page.H, { variant: "h5" }, "Setting data sources is not an obligation."),
+                    React.createElement(Page.P, { variant: "secondary" }, "By default, your assistant will follow your instructions and answer based on commun knowledge.")),
+                React.createElement(Page.Layout, { direction: "vertical", gap: "xs", sizing: "grow" },
+                    React.createElement(Page.H, { variant: "h5" }, "Choose your data sources with care."),
+                    React.createElement(Page.P, { variant: "secondary" }, "Giving a lot of data is does not always give better results. Selecting only the right data is better."))))));
+};
+export var HelpExample = function () {
+    return (React.createElement(Page, null,
+        React.createElement(Page.Header, { title: "Welcome to Assistant", icon: ChatBubbleBottomCenterTextIcon }),
+        React.createElement(Page.Layout, { direction: "vertical", gap: "xs", align: "left" },
+            React.createElement(Page.SectionHeader, { title: "Getting started?" }),
+            React.createElement(Page.P, { variant: "secondary" },
+                "Using assistant is easy as asking a question to a friend or a coworker.",
+                React.createElement("br", null),
+                "Try it out:"),
+            React.createElement(Button, { variant: "primary", label: "Hey @helper, how do I use the assistant ?", icon: ChatBubbleLeftRightIcon })),
+        React.createElement(Page.Separator, null),
+        React.createElement(Page.Layout, { direction: "vertical", gap: "xs" },
+            React.createElement(Page.SectionHeader, { title: "Meet your smart friends" }),
+            React.createElement(Page.P, { variant: "secondary" },
+                "Dust is not just a single assistant, it\u2019s a full team at your service.",
+                " ",
+                React.createElement("br", null),
+                "Each member has a set of specific set skills."),
+            React.createElement(Page.P, { variant: "secondary" }, "Meet some your Droid team:")),
+        React.createElement(Page.Separator, null),
+        React.createElement(Page.Layout, { direction: "vertical", gap: "xs" },
+            React.createElement(Page.SectionHeader, { title: "Frequently asked questions" }),
+            React.createElement(Page.Layout, { direction: "fluid", gap: "sm" },
+                React.createElement(Button, { variant: "secondary", label: "Hey @helper, how do I use the assistant?", icon: ChatBubbleLeftRightIcon, hasMagnifying: false }),
+                React.createElement(Button, { variant: "secondary", label: "Hey @helper, What is assistant not good at?", icon: ChatBubbleLeftRightIcon, hasMagnifying: false }),
+                React.createElement(Button, { variant: "secondary", label: "Hey @helper, Anything I should know?", icon: ChatBubbleLeftRightIcon, hasMagnifying: false })))));
+};
+//# sourceMappingURL=Page.stories.js.map

package/dist/stories/Page.stories.js.map

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

package/dist/stories/PaginatedCitationsGrid.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PaginatedCitationsGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,QAAA,MAAM,IAAI;;;CAGqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,6BAA6B,yBAQzC,CAAC;AAEF,eAAO,MAAM,YAAY,yBAQxB,CAAC"}

package/dist/stories/PaginatedCitationsGrid.stories.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { PaginatedCitationsGrid } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/PaginatedCitationsGrid",
+    component: PaginatedCitationsGrid,
+};
+export default meta;
+function makeCitationItems(items) {
+    return Array.from({ length: items }, function (_, idx) { return ({
+        title: "test ".concat(idx + 1),
+        href: "empty",
+        type: "document",
+    }); });
+}
+export var PaginatedCitationsGridExample = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement(PaginatedCitationsGrid, { items: makeCitationItems(10) }))));
+};
+export var WithFewItems = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement(PaginatedCitationsGrid, { items: makeCitationItems(2) }))));
+};
+//# sourceMappingURL=PaginatedCitationsGrid.stories.js.map

package/dist/stories/PaginatedCitationsGrid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatedCitationsGrid.stories.js","sourceRoot":"","sources":["../../src/stories/PaginatedCitationsGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,sBAAsB;CACY,CAAC;AAEhD,eAAe,IAAI,CAAC;AAEpB,SAAS,iBAAiB,CAAC,KAAa;IACtC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,CAAC;QAChD,KAAK,EAAE,eAAQ,GAAG,GAAG,CAAC,CAAE;QACxB,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAA0B;KACjC,CAAC,EAJ+C,CAI/C,CAAC,CAAC;AACN,CAAC;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,sBAAsB,IAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,GAAI,CACpD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,sBAAsB,IAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAI,CACnD,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/Pagination.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,yBAQxB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAUxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAWnC,CAAC"}

package/dist/stories/Pagination.stories.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Pagination } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Pagination",
+    component: Pagination,
+};
+export default meta;
+export var PaginationSM = function () {
+    return (React.createElement(Pagination, { itemsCount: 960, maxItemsPerPage: 50, onButtonClick: function () { } }));
+};
+export var PaginationXS = function () {
+    return (React.createElement(Pagination, { itemsCount: 960, maxItemsPerPage: 50, size: "xs", showDetails: false, onButtonClick: function () { } }));
+};
+export var PaginationNoPageButtons = function () {
+    return (React.createElement(Pagination, { itemsCount: 960, maxItemsPerPage: 50, size: "xs", showDetails: false, showPageButtons: false, onButtonClick: function () { } }));
+};
+//# sourceMappingURL=Pagination.stories.js.map

package/dist/stories/Pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,CACL,oBAAC,UAAU,IACT,UAAU,EAAE,GAAG,EACf,eAAe,EAAE,EAAE,EACnB,aAAa,EAAE,cAAO,CAAC,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,CACL,oBAAC,UAAU,IACT,UAAU,EAAE,GAAG,EACf,eAAe,EAAE,EAAE,EACnB,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,cAAO,CAAC,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,OAAO,CACL,oBAAC,UAAU,IACT,UAAU,EAAE,GAAG,EACf,eAAe,EAAE,EAAE,EACnB,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,cAAO,CAAC,GACvB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/PlatformIconSet.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformIconSet.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PlatformIconSet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAK1B,wBAEE;AAgBF,eAAO,MAAM,aAAa,yBAgBzB,CAAC"}

package/dist/stories/PlatformIconSet.stories.js

@@ -0,0 +1,43 @@
+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 { Icon } from "../index_with_tw_base";
+import * as PlatformIcons from "../logo/platforms";
+export default {
+    title: "Assets/PlatformLogos",
+};
+var gridStyle = {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(160px, 1fr))",
+    gap: "48px 16px",
+};
+var itemStyle = {
+    marginTop: "12px",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textAlign: "left",
+    width: "100%",
+};
+export var PlatformLogos = function () { return (React.createElement("div", { style: gridStyle }, Object.entries(PlatformIcons).map(function (_a) {
+    var _b = __read(_a, 2), iconName = _b[0], IconComponent = _b[1];
+    var CurrentIcon = ("default" in IconComponent ? IconComponent.default : IconComponent);
+    return (React.createElement("div", { key: iconName },
+        React.createElement(Icon, { visual: CurrentIcon, size: "lg" }),
+        React.createElement("div", { style: itemStyle, className: "s-text-base" }, iconName + "Logo")));
+}))); };
+//# sourceMappingURL=PlatformIconSet.stories.js.map

package/dist/stories/PlatformIconSet.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformIconSet.stories.js","sourceRoot":"","sources":["../../src/stories/PlatformIconSet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,aAAa,MAAM,mBAAmB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,uCAAuC;IAC5D,GAAG,EAAE,WAAW;CACjB,CAAC;AACF,IAAM,SAAS,GAAG;IAChB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,KAAK,EAAE,SAAS,IAClB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;QAAzB,KAAA,aAAyB,EAAxB,QAAQ,QAAA,EAAE,aAAa,QAAA;IAC1D,IAAM,WAAW,GAAG,CAClB,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CACR,CAAC;IAC7D,OAAO,CACL,6BAAK,GAAG,EAAE,QAAQ;QAChB,oBAAC,IAAI,IAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,GAAG;QACvC,6BAAK,KAAK,EAAE,SAAgC,EAAE,SAAS,EAAC,aAAa,IAClE,QAAQ,GAAG,MAAM,CACd,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CACE,CACP,EAhBkC,CAgBlC,CAAC"}

package/dist/stories/Popup.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,QAAA,MAAM,IAAI;;;CAGoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,yBAoCxB,CAAC"}

package/dist/stories/Popup.stories.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Popup } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Popup",
+    component: Popup,
+};
+export default meta;
+export var PopupExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+    React.createElement(Popup, { show: true, chipLabel: "Basic", description: "Basic popup", buttonLabel: "Ok", buttonClick: function () {
+            alert("Onclick fn");
+        } }),
+    React.createElement(Popup, { show: true, chipLabel: "Closeable", description: "Using onClose prop", buttonLabel: "Ok", buttonClick: function () {
+            alert("Onclick fn");
+        }, onClose: function () {
+            alert("OnClose fn");
+        } }),
+    React.createElement(Popup, { show: true, chipLabel: "Positioned", description: "Positioned right via className", buttonLabel: "Ok", buttonClick: function () {
+            alert("Onclick fn");
+        }, className: "s-fixed s-right-16" }))); };
+//# sourceMappingURL=Popup.stories.js.map

package/dist/stories/Popup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.stories.js","sourceRoot":"","sources":["../../src/stories/Popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;CACY,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,YAAY,GAAG,cAAM,OAAA,CAChC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,WAAW,EAAE,aAAa,EAC1B,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE;YACX,KAAK,CAAC,YAAY,CAAC,CAAC;QACtB,CAAC,GACD;IAEF,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,oBAAoB,EACjC,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE;YACX,KAAK,CAAC,YAAY,CAAC,CAAC;QACtB,CAAC,EACD,OAAO,EAAE;YACP,KAAK,CAAC,YAAY,CAAC,CAAC;QACtB,CAAC,GACD;IAEF,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,gCAAgC,EAC7C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE;YACX,KAAK,CAAC,YAAY,CAAC,CAAC;QACtB,CAAC,EACD,SAAS,EAAC,oBAAoB,GAC9B,CACE,CACP,EApCiC,CAoCjC,CAAC"}

package/dist/stories/PriceTable.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTable.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PriceTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEtE,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,SAAS,yBA0DrB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA6CrB,CAAC"}

package/dist/stories/PriceTable.stories.js

@@ -0,0 +1,73 @@
+import React from "react";
+import { Button, Hoverable, PriceTable } from "../index_with_tw_base";
+var meta = {
+    title: "Components/PriceTable",
+    component: PriceTable,
+};
+export default meta;
+export var PricingXS = function () {
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(PriceTable.Container, null,
+            React.createElement(PriceTable, { title: "Business", price: "0\u20AC", color: "emerald", priceLabel: "/ month / seat" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" })),
+                React.createElement(PriceTable.Item, { label: React.createElement(React.Fragment, null,
+                        "\"Unlimited members / workspace\"",
+                        React.createElement("br", null),
+                        React.createElement(Hoverable, { onClick: function () {
+                                alert("Clicked!");
+                            } }, "hello")) }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom assistants" }),
+                React.createElement(PriceTable.Item, { label: "Advanced LLM models (gpt4, Claude, ...)" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" }))),
+            React.createElement(PriceTable, { title: "Enterprise", price: "Custom" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Start Now" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited workspaces" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom assistants" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "sm", variant: "primary", label: "Contact us" }))))));
+};
+export var PricingSM = function () {
+    return (React.createElement("div", { className: "s-h-full s-w-full" },
+        React.createElement(PriceTable.Container, null,
+            React.createElement(PriceTable, { title: "pro", price: "29\u20AC", color: "sky", priceLabel: "/ month / seat", size: "sm" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Select this plan" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom assistants" }),
+                React.createElement(PriceTable.Item, { label: "Advanced LLM models (gpt4, Claude, ...)" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Select this plan" }))),
+            React.createElement(PriceTable, { title: "Enterprise", price: "Custom", size: "sm" },
+                React.createElement(PriceTable.ActionContainer, { position: "top" },
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Contact us" })),
+                React.createElement(PriceTable.Item, { label: "Unlimited members / workspace" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited workspaces" }),
+                React.createElement(PriceTable.Item, { label: "Unlimited custom assistants" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.Item, { label: "1 user" }),
+                React.createElement(PriceTable.ActionContainer, null,
+                    React.createElement(Button, { size: "md", variant: "primary", label: "Contact us" }))))));
+};
+//# sourceMappingURL=PriceTable.stories.js.map

package/dist/stories/PriceTable.stories.js.map

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

package/dist/stories/RadioButton.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBAuD/B,CAAC"}

package/dist/stories/RadioButton.stories.js

@@ -0,0 +1,65 @@
+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 { RadioButton } from "../components/RadioButton";
+var meta = {
+    title: "Primitives/RadioButton",
+    component: RadioButton,
+};
+export default meta;
+export var RadioButtonExamples = function () {
+    var _a = __read(React.useState("yes"), 2), value1 = _a[0], setValue1 = _a[1];
+    var _b = __read(React.useState(""), 2), value2 = _b[0], setValue2 = _b[1];
+    return (React.createElement("div", null,
+        React.createElement(RadioButton, { name: "test1", choices: [
+                {
+                    label: "yes",
+                    value: "yes",
+                    disabled: false,
+                },
+                {
+                    label: "no",
+                    value: "no",
+                    disabled: false,
+                },
+                {
+                    label: "maybe",
+                    value: "maybe",
+                    disabled: true,
+                },
+            ], value: value1, onChange: function (v) {
+                setValue1(v);
+            } }),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement(RadioButton, { name: "test2", className: "s-flex-col", choices: [
+                {
+                    label: "more",
+                    value: "more",
+                    disabled: false,
+                },
+                {
+                    label: "less",
+                    value: "no",
+                    disabled: false,
+                },
+            ], value: value2, onChange: function (v) {
+                setValue2(v);
+            } })));
+};
+//# sourceMappingURL=RadioButton.stories.js.map

package/dist/stories/RadioButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC3B,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,KAAK,CAAC,IAAA,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IACpD,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAI;oBACX,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,OAAO;oBACd,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,IAAI;iBACf;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD;QACF,+BAAM;QACN,+BAAM;QACN,+BAAM;QACN,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,IAAI;oBACX,QAAQ,EAAE,KAAK;iBAChB;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/Searchbar.stories.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        placeholder: string;
+        value: string | null;
+        onChange?: ((value: string) => void) | undefined;
+        onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+        name: string;
+        size?: "xs" | "sm" | "md" | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLInputElement>>;
+};
+export default meta;
+export declare const SearchbarExample: () => React.JSX.Element;
+//# sourceMappingURL=Searchbar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Searchbar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBAgG5B,CAAC"}