@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/stories/ContentMessage.stories.js

@@ -0,0 +1,98 @@
+import React from "react";
+import { ChatBubbleBottomCenterTextIcon, ContentMessage, HeartIcon, InformationCircleIcon, } from "../index_with_tw_base";
+var ICONS = {
+    none: null,
+    InformationCircleIcon: InformationCircleIcon,
+    ChatBubbleBottomCenterTextIcon: ChatBubbleBottomCenterTextIcon,
+    HeartIcon: HeartIcon,
+};
+var meta = {
+    title: "Components/ContentMessage",
+    component: ContentMessage,
+    argTypes: {
+        title: {
+            control: "text",
+            description: "Title of the message",
+        },
+        children: {
+            control: "text",
+            description: "Content of the message",
+        },
+        variant: {
+            options: [
+                "primary",
+                "warning",
+                "success",
+                "highlight",
+                "info",
+                "green",
+                "blue",
+                "rose",
+                "golden",
+            ],
+            control: { type: "select" },
+            description: "Visual style variant",
+        },
+        size: {
+            options: ["sm", "md", "lg"],
+            control: { type: "select" },
+            description: "Size of the message",
+        },
+        icon: {
+            options: Object.keys(ICONS),
+            mapping: ICONS,
+            control: { type: "select" },
+            description: "Icon to display",
+        },
+    },
+};
+export default meta;
+export var Basic = {
+    args: {
+        title: "This is a title",
+        children: "This is a message. It can be multiple lines long.",
+        size: "md",
+    },
+};
+export var WithList = {
+    args: {
+        title: "Agent Thoughts",
+        variant: "primary",
+        size: "md",
+        children: (React.createElement("ul", { className: "s-list-disc s-py-2 s-pl-8 first:s-pt-0 last:s-pb-0" },
+            React.createElement("li", { className: "s-break-words s-py-1 first:s-pt-0 last:s-pb-0" },
+                React.createElement("div", { className: "s-whitespace-pre-wrap s-break-words s-py-1 s-font-normal first:s-pt-0 last:s-pb-0" }, "Should search internal data as this appears to be a code-related question specific to the company\"s codebase")),
+            React.createElement("li", { className: "s-break-words s-py-1 first:s-pt-0 last:s-pb-0" },
+                React.createElement("div", { className: "s-whitespace-pre-wrap s-break-words s-py-1 s-font-normal first:s-pt-0 last:s-pb-0" }, "Search results show that Page.SectionHeader expects a string title, but code is using JSX expression with concatenation")))),
+    },
+};
+export var MultiParagraph = {
+    args: {
+        title: "This is a title",
+        children: (React.createElement("div", { className: "s-flex s-flex-col s-gap-y-3" },
+            React.createElement("div", null, "This is a message. It can be multiple lines long."),
+            React.createElement("div", null,
+                "Another paragraph in the content message with a long line and some",
+                " ",
+                React.createElement("strong", null, "strong text"),
+                "."))),
+        size: "md",
+    },
+};
+export var ColorVariants = {
+    render: function () { return (React.createElement("div", { className: "s-grid s-grid-cols-1 s-gap-4 sm:s-grid-cols-2 lg:s-grid-cols-3" }, [
+        "primary",
+        "warning",
+        "success",
+        "highlight",
+        "info",
+        "green",
+        "blue",
+        "rose",
+        "golden",
+    ].map(function (variant) { return (React.createElement(ContentMessage, { key: variant, title: "".concat(variant.charAt(0).toUpperCase() + variant.slice(1), " Variant"), variant: variant, size: "md" },
+        "This is a ",
+        variant,
+        " variant message. It shows how the component looks with this color scheme.")); }))); },
+};
+//# sourceMappingURL=ContentMessage.stories.js.map

package/dist/esm/stories/ContentMessage.stories.js.map

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

package/dist/esm/stories/ContextItem.stories.d.ts

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

package/dist/esm/stories/ContextItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ContextItem.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAKL,WAAW,EAOZ,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,yBAkI3B,CAAC"}

package/dist/esm/stories/ContextItem.stories.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { DriveLogo, GithubLogo, NotionLogo, SlackLogo, } from "../logo/platforms";
+import { Avatar, Button, Chip, Cog6ToothIcon, ContextItem, FolderIcon, Icon, PencilSquareIcon, RobotIcon, SliderToggle, TrashIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Components/ContextItem",
+    component: ContextItem,
+};
+export default meta;
+export var ListItemExample = function () { return (React.createElement("div", null,
+    React.createElement(ContextItem.List, null,
+        React.createElement(ContextItem, { title: "docs.stripe.com-payments-payment-intents-verifying-status", subElement: React.createElement(React.Fragment, null,
+                "Added by: Edouard Wautier",
+                React.createElement("span", { className: "s-h-3 s-w-0.5 s-bg-primary-500" }),
+                React.createElement("div", { className: "s-flex s-items-center s-gap-1" },
+                    "Used by: 3",
+                    React.createElement(Icon, { visual: RobotIcon, size: "xs" }))), visual: React.createElement(Icon, { visual: FolderIcon, size: "md" }) },
+            React.createElement("div", { className: "s-py-2" },
+                React.createElement(Chip, { size: "xs", label: "Last Sync ~7 days ago", color: "green" })),
+            React.createElement(ContextItem.Description, { description: "Lats, pricing, history of contacts, contact message" })),
+        React.createElement(ContextItem.SectionHeader, { title: "Connected platforms", description: "Platforms connected" }),
+        React.createElement(ContextItem, { title: "Notion", visual: React.createElement(ContextItem.Visual, { visual: NotionLogo }), onClick: function () { return console.log("clicked item"); } },
+            React.createElement(ContextItem.Description, { description: "Teamspaces \u201CGeneral\u201D and \u201CPublic\u201D, pages \u201CEngineering\u201D, \u201CTeam Life\u201D, \u201CMarketing\u201D, \u201CBrand\u201D, \u201CGetting Started at Dust\u201D, \u201CBrand\u201D, \u201CDesign\u201D, \u201CProduct Decisions\u201D, \u201CHiring\u201D, \u201CMan" })),
+        React.createElement(ContextItem, { title: "Drive", visual: React.createElement(ContextItem.Visual, { visual: DriveLogo }), onClick: function () { return console.log("clicked"); } },
+            React.createElement(ContextItem.Description, { description: "Hello you" })),
+        React.createElement(ContextItem.SectionHeader, { title: "Connected platforms", description: "Platforms connected" }),
+        React.createElement(ContextItem, { title: "Slack", visual: React.createElement(ContextItem.Visual, { visual: SlackLogo }), action: React.createElement("div", { className: "s-flex s-gap-1" },
+                React.createElement(Button, { icon: TrashIcon, variant: "warning", label: "Remove" }),
+                React.createElement(Button, { variant: "outline", label: "Edit", size: "sm", icon: PencilSquareIcon })) },
+            React.createElement(ContextItem.Description, { description: "Hello you" })),
+        React.createElement(ContextItem, { title: "Github", subElement: React.createElement(React.Fragment, null, "By: Stan"), action: React.createElement(SliderToggle, { size: "xs" }), visual: React.createElement(ContextItem.Visual, { visual: GithubLogo }) },
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "s-py-2" },
+                    React.createElement(Chip, { label: "Syncing\u2026", color: "info", size: "sm", isBusy: true })),
+                React.createElement(ContextItem.Description, { description: "Teamspaces \u201CGeneral\u201D and \u201CPublic\u201D, pages \u201CEngineering\u201D, \u201CTeam Life\u201D, \u201CMarketing\u201D, \u201CBrand\u201D, \u201CGetting Started at Dust\u201D, \u201CBrand\u201D, \u201CDesign\u201D, \u201CProduct Decisions\u201D, \u201CHiring\u201D, \u201CMan" }))),
+        React.createElement(ContextItem, { title: "@Gpt4", action: React.createElement(SliderToggle, { size: "xs" }), 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", subElement: React.createElement(React.Fragment, null, "By: Edouard Wautier, Amira Hadad"), action: React.createElement(Button, { variant: "outline", label: "Manage", size: "sm", icon: Cog6ToothIcon }), 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", subElement: React.createElement(React.Fragment, null, "By: Edouard Wautier, Amira Hadad"), action: React.createElement(Button, { variant: "outline", label: "Manage", size: "sm", icon: Cog6ToothIcon }), 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" })),
+        undefined))); };
+//# sourceMappingURL=ContextItem.stories.js.map

package/dist/esm/stories/ContextItem.stories.js.map

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

package/dist/esm/stories/ConversationMessage.stories.d.ts

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

package/dist/esm/stories/ConversationMessage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,QAAA,MAAM,IAAI;;CAEkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBAuF/B,CAAC"}

package/dist/esm/stories/ConversationMessage.stories.js

@@ -0,0 +1,35 @@
+import React from "react";
+import { Button, Citation, CitationIcons, CitationTitle, ConversationContainer, ConversationMessage, GithubIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, Markdown, SlackLogo, TableIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Modules/ConversationMessage",
+};
+export default meta;
+export var ConversationExample = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "s-flex s-w-full s-justify-center s-gap-6" },
+            React.createElement(ConversationContainer, null,
+                React.createElement(ConversationMessage, { type: "user", name: "Edouard", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg", citations: [
+                        React.createElement(Citation, { href: "https://www.google.com" },
+                            React.createElement(CitationIcons, null,
+                                React.createElement(Icon, { visual: TableIcon, size: "sm" })),
+                            React.createElement(CitationTitle, null, "Title")),
+                    ] }, "I only want to show citations if a citations reactnode has been passed"),
+                React.createElement(ConversationMessage, { type: "agent", name: "@agent", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg", buttons: [
+                        React.createElement(Button, { icon: HandThumbUpIcon, onClick: function () { }, size: "xs", variant: "outline" }),
+                        React.createElement(Button, { icon: HandThumbDownIcon, onClick: function () { }, size: "xs", variant: "outline" }),
+                    ], citations: [
+                        React.createElement(Citation, { href: "https://www.google.com" },
+                            React.createElement(CitationIcons, null,
+                                React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
+                            React.createElement(CitationTitle, null, "Source: Thread on #general message from @ed")),
+                        React.createElement(Citation, { href: "https://www.google.com" },
+                            React.createElement(CitationIcons, null,
+                                React.createElement(Icon, { visual: GithubIcon, size: "sm" })),
+                            React.createElement(CitationTitle, null, "Title")),
+                    ] },
+                    React.createElement(Markdown, { content: example })),
+                React.createElement(ConversationMessage, { type: "user", name: "Edouard", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg" }, "In the invitation email to members sent by their companies, I'm trying to write a description of dust. I want it convey that: Dust is the place where they can use AI for productivity Dust is where they can find answers on the knwledge of the company Make 10 proposals of short text"),
+                React.createElement(ConversationMessage, { type: "user", name: "Edouard", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg", isDisabled: true, renderName: function (name) { return (React.createElement("span", { className: "s-text-gray-600 s-text-opacity-25" }, name)); } }, "This is a message with a disabled agent")))));
+};
+var example = "\n# Level 1 Title\n## Level 2 Title\n### Level 3 Title\n#### Level 4 Title\n##### Level 5 Title\n###### Level 6 Title\n\nThis is a paragraph with **bold** text and *italic* text. This is `code` block:\n```\nBlock \n```\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\n# Another Level 1 Title\n\nDemo of a list, showcasing our pets of the month:\n- Soupinou\n- Chawarma\n- Chalom\n- Anakine\n- Goose\n\nOrdered list: \n1. Soupinou\n2. Chawarma\n3. Chalom\n\n---\n\n### Demo of a quote below:\n\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\nAnother one, a short one:\n> Soupinou fait des miaou miaou.\n\n### Other stuff\n\n~~stuff~~\nlink www.x.com\nfootnote [^1]\n\n* [ ] to do\n* [x] done\n\n### Short Table\n\n| Date        | High Temperature (\u00B0C) | Low Temperature (\u00B0C) |\n|-------------|-----------------------|----------------------|\n| October 25  | 19                    | 14                   |\n| October 26  | 17                    | 12                   |\n| October 27  | 16                    | 10                   |\n| October 28  | 16                    | 9                    |\n| October 29  | 17                    | 8                    |\n| October 30  | 19                    | 8                    |\n| October 31  | 19                    | 10                   |\n\n";
+//# sourceMappingURL=ConversationMessage.stories.js.map

package/dist/esm/stories/ConversationMessage.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationMessage.stories.js","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,6BAA6B;CACM,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,0CAA0C;YACvD,oBAAC,qBAAqB;gBACpB,oBAAC,mBAAmB,IAClB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,UAAU,EAAC,qDAAqD,EAChE,SAAS,EAAE;wBACT,oBAAC,QAAQ,IAAC,IAAI,EAAC,wBAAwB;4BACrC,oBAAC,aAAa;gCACZ,oBAAC,IAAI,IAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,GAAG,CACvB;4BAChB,oBAAC,aAAa,gBAAsB,CAC3B;qBACZ,6EAImB;gBAEtB,oBAAC,mBAAmB,IAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,qDAAqD,EAChE,OAAO,EAAE;wBACP,oBAAC,MAAM,IACL,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,cAAO,CAAC,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,GAClB;wBACF,oBAAC,MAAM,IACL,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,cAAO,CAAC,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,GAClB;qBACH,EACD,SAAS,EAAE;wBACT,oBAAC,QAAQ,IAAC,IAAI,EAAC,wBAAwB;4BACrC,oBAAC,aAAa;gCACZ,oBAAC,IAAI,IAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,GAAG,CACvB;4BAChB,oBAAC,aAAa,sDAEE,CACP;wBACX,oBAAC,QAAQ,IAAC,IAAI,EAAC,wBAAwB;4BACrC,oBAAC,aAAa;gCACZ,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,CACxB;4BAChB,oBAAC,aAAa,gBAAsB,CAC3B;qBACZ;oBAED,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,GAAI,CACV;gBAEtB,oBAAC,mBAAmB,IAClB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,UAAU,EAAC,qDAAqD,gSAO5C;gBAEtB,oBAAC,mBAAmB,IAClB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,UAAU,EAAC,qDAAqD,EAChE,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,UAAC,IAAI,IAAK,OAAA,CACpB,8BAAM,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAQ,CAClE,EAFqB,CAErB,8CAGmB,CACA,CACpB,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG,qhEA6Df,CAAC"}

package/dist/esm/stories/Counter.stories.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../components/Counter").CounterProps & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        value: number;
+        size: "sm";
+        variant: "primary";
+        isInButton: false;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "number";
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        isInButton: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const Default: {
+    args: {
+        value: number;
+        variant: string;
+        isInButton: boolean;
+    };
+};
+//# sourceMappingURL=Counter.stories.d.ts.map

package/dist/esm/stories/Counter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Counter.stories.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/esm/stories/Counter.stories.js

@@ -0,0 +1,37 @@
+import { Counter } from "../components/Counter";
+var meta = {
+    title: "Primitives/Counter",
+    component: Counter,
+    args: {
+        value: 4,
+        size: "sm",
+        variant: "primary",
+        isInButton: false,
+    },
+    argTypes: {
+        value: {
+            control: { type: "number" },
+        },
+        size: {
+            control: { type: "select" },
+            options: ["xs", "sm", "md"],
+        },
+        variant: {
+            control: { type: "select" },
+            options: ["primary", "highlight", "warning", "outline", "ghost"],
+        },
+        isInButton: {
+            control: "boolean",
+            description: "Whether the counter is displayed inside a button",
+        },
+    },
+};
+export default meta;
+export var Default = {
+    args: {
+        value: 4,
+        variant: "primary",
+        isInButton: false,
+    },
+};
+//# sourceMappingURL=Counter.stories.js.map

package/dist/esm/stories/Counter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.stories.js","sourceRoot":"","sources":["../../../src/stories/Counter.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC5B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjE;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kDAAkD;SAChE;KACF;CAC6B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC"}

package/dist/esm/stories/DataTable.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { DataTable } from "../components";
+declare const meta: {
+    title: string;
+    component: typeof DataTable;
+};
+export default meta;
+export declare const DataTableExample: () => React.JSX.Element;
+export declare const DataTableClientSideSortingExample: () => React.JSX.Element;
+export declare const DataTablePaginatedExample: () => React.JSX.Element;
+export declare const DataTablePaginatedPageButtonsDisabledExample: () => React.JSX.Element;
+export declare const DataTablePaginatedServerSideExample: () => React.JSX.Element;
+export declare const DataTablePaginatedServerSideRowCountCappedExample: () => React.JSX.Element;
+export declare const ScrollableDataTableExample: () => React.JSX.Element;
+export declare const DataTableWithRowSelectionExample: () => React.JSX.Element;
+//# sourceMappingURL=DataTable.stories.d.ts.map

package/dist/esm/stories/DataTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,SAAS,EAWV,MAAM,sBAAsB,CAAC;AAI9B,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AA4OpB,eAAO,MAAM,gBAAgB,yBAiE5B,CAAC;AAEF,eAAO,MAAM,iCAAiC,yBA0B7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,yBA2BrC,CAAC;AAEF,eAAO,MAAM,4CAA4C,yBA4BxD,CAAC;AAEF,eAAO,MAAM,mCAAmC,yBAoD/C,CAAC;AAEF,eAAO,MAAM,iDAAiD,yBAqD7D,CAAC;AAkBF,eAAO,MAAM,0BAA0B,yBA0DtC,CAAC;AAEF,eAAO,MAAM,gCAAgC,yBA6C5C,CAAC"}