@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/stories/Searchbar.stories.js

@@ -0,0 +1,56 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from "react";
+import { Button, Searchbar } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Searchbar",
+    component: Searchbar,
+};
+export default meta;
+export var SearchbarExample = function () {
+    var _a = __read(useState(""), 2), inputValue = _a[0], setInputValue = _a[1];
+    var _b = __read(useState("value"), 2), inputValue3 = _b[0], setInputValue3 = _b[1];
+    var handleChange = function (value) {
+        setInputValue(value);
+    };
+    var handleChange3 = function (value) {
+        setInputValue3(value);
+    };
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-12" },
+        React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
+            React.createElement("div", { className: "s-flex s-gap-2" },
+                React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue, onChange: handleChange, size: "md" }),
+                React.createElement("div", null,
+                    React.createElement(Button, { variant: "tertiary", size: "md", label: "Hello" }))),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue3, onChange: handleChange3, size: "md" }),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: "disabled", size: "md", disabled: true })),
+        React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
+            React.createElement("div", { className: "s-flex s-gap-2" },
+                React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue, onChange: handleChange }),
+                React.createElement("div", null,
+                    React.createElement(Button, { variant: "tertiary", size: "sm", label: "Hello" }))),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue3, onChange: handleChange3 }),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: "disabled", disabled: true })),
+        React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
+            React.createElement("div", { className: "s-flex s-gap-2" },
+                React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue, onChange: handleChange, size: "xs" }),
+                React.createElement("div", null,
+                    React.createElement(Button, { variant: "tertiary", size: "xs", label: "Hello" }))),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: inputValue3, onChange: handleChange3, size: "xs" }),
+            React.createElement(Searchbar, { placeholder: "Placeholder", name: "input", value: "disabled", size: "xs", disabled: true }))));
+};
+//# sourceMappingURL=Searchbar.stories.js.map

package/dist/stories/Searchbar.stories.js.map

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

package/dist/stories/Shadows.stories.d.ts

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

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

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

package/dist/stories/Shadows.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+export default {
+    title: "Styles/Shadows",
+};
+export var ShadowExamples = function () {
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-12" },
+        "box shadow",
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow-sm" }, "shadow-sm"),
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow" }, "shadow"),
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow-md" }, "shadow-md"),
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow-lg" }, "shadow-lg"),
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow-xl" }, "shadow-xl"),
+            React.createElement("div", { className: "s-rounded-xl s-p-6 s-shadow-2xl" }, "shadow-2xl")),
+        "drop shadow",
+        React.createElement("div", { className: "s-flex s-gap-6" },
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow-sm" }, "drop-shadow-sm"),
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow" }, "drop-shadow"),
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow-md" }, "drop-shadow-md"),
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow-lg" }, "drop-shadow-lg"),
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow-xl" }, "drop-shadow-xl"),
+            React.createElement("div", { className: "s-rounded-xl s-bg-white s-p-6 s-drop-shadow-2xl" }, "drop-shadow-2xl"))));
+};
+//# sourceMappingURL=Shadows.stories.js.map

package/dist/stories/Shadows.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadows.stories.js","sourceRoot":"","sources":["../../src/stories/Shadows.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAe;IACb,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;;QAEzC,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,gCAAgC,gBAAgB;YAC/D,6BAAK,SAAS,EAAC,6BAA6B,aAAa;YACzD,6BAAK,SAAS,EAAC,gCAAgC,gBAAgB;YAC/D,6BAAK,SAAS,EAAC,gCAAgC,gBAAgB;YAC/D,6BAAK,SAAS,EAAC,gCAAgC,gBAAgB;YAC/D,6BAAK,SAAS,EAAC,iCAAiC,iBAAiB,CAC7D;;QAEN,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,gDAAgD,qBAEzD;YACN,6BAAK,SAAS,EAAC,6CAA6C,kBAEtD;YACN,6BAAK,SAAS,EAAC,gDAAgD,qBAEzD;YACN,6BAAK,SAAS,EAAC,gDAAgD,qBAEzD;YACN,6BAAK,SAAS,EAAC,gDAAgD,qBAEzD;YACN,6BAAK,SAAS,EAAC,iDAAiD,sBAE1D,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/SliderToggle.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { SliderToggle } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof SliderToggle;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SliderToggleBasic: Story;
+export declare const SliderExample: () => React.JSX.Element;
+//# sourceMappingURL=SliderToggle.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderToggle.stories.d.ts","sourceRoot":"","sources":["../../src/stories/SliderToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE7D,QAAA,MAAM,IAAI;;;CAG2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF,eAAO,MAAM,aAAa,yBAgBzB,CAAC"}

package/dist/stories/SliderToggle.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Button, SliderToggle } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/SliderToggle",
+    component: SliderToggle,
+};
+export default meta;
+export var SliderToggleBasic = {
+    args: {
+        selected: false,
+    },
+};
+export var SliderExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-6" },
+    React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+        React.createElement(Button, { variant: "tertiary", size: "sm", label: "Settings" }),
+        React.createElement(SliderToggle, { size: "sm" }),
+        React.createElement(SliderToggle, { size: "sm", selected: true }),
+        React.createElement(SliderToggle, { size: "sm", disabled: true })),
+    React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+        React.createElement(Button, { variant: "tertiary", size: "xs", label: "Settings" }),
+        React.createElement(SliderToggle, { size: "xs" }),
+        React.createElement(SliderToggle, { size: "xs", selected: true }),
+        React.createElement(SliderToggle, { size: "xs", disabled: true })))); };
+//# sourceMappingURL=SliderToggle.stories.js.map

package/dist/stories/SliderToggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderToggle.stories.js","sourceRoot":"","sources":["../../src/stories/SliderToggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE7D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;CACY,CAAC;AAEtC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,GAAG;QACxD,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG;QAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,SAAG;QACnC,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,SAAG,CAC/B;IAEN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,GAAG;QACxD,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG;QAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,SAAG;QACnC,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,SAAG,CAC/B,CACF,CACP,EAhBkC,CAgBlC,CAAC"}

package/dist/stories/Spinner.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../components/Spinner").SpinnerProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SpinnerExample: () => React.JSX.Element;
+export declare const BasicSpinner: Story;
+//# sourceMappingURL=Spinner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,yBAqG1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC"}

package/dist/stories/Spinner.stories.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { Spinner } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Spinner",
+    component: Spinner,
+};
+export default meta;
+export var SpinnerExample = function () {
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+        "Size = XS",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "xs" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xs" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xs" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "xs" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "pink900", size: "xs" }))),
+        "Size = SM",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "sm" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "sm" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "sm" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "sm" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "pink900", size: "sm" }))),
+        "Size = MD",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "md" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "md" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "md" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "md" }))),
+        "Size = LG",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "lg" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "lg" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "lg" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "lg" }))),
+        "Size = XL",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "xl" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xl" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xl" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "xl" }))),
+        "Size = XXL",
+        React.createElement("div", { className: "s-flex s-gap-4" },
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "color", size: "xxl" })),
+            React.createElement("div", { className: "s-bg-slate-900 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xxl" })),
+            React.createElement("div", { className: "s-bg-emerald-500 s-p-20" },
+                React.createElement(Spinner, { variant: "light", size: "xxl" })),
+            React.createElement("div", { className: "s-p-20" },
+                React.createElement(Spinner, { variant: "dark", size: "xxl" })))));
+};
+export var BasicSpinner = {
+    args: {
+        size: "md",
+    },
+};
+//# sourceMappingURL=Spinner.stories.js.map

package/dist/stories/Spinner.stories.js.map

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

package/dist/stories/SystemAvatarSet.stories.d.ts

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

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

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

package/dist/stories/SystemAvatarSet.stories.js

@@ -0,0 +1,60 @@
+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/SystemAvatarSet",
+};
+var avatarUrlList = {
+    "dust_avatar_full.png": "https://dust.tt/static/systemavatar/dust_avatar_full.png",
+    "grammar_geek_full.png": "https://dust.tt/static/systemavatar/grammar_geek_full.png",
+    "drive_avatar_full.png": "https://dust.tt/static/systemavatar/drive_avatar_full.png",
+    "github_avatar_full.png": "https://dust.tt/static/systemavatar/github_avatar_full.png",
+    "notion_avatar_full.png": "https://dust.tt/static/systemavatar/notion_avatar_full.png",
+    "slack_avatar_full.png": "https://dust.tt/static/systemavatar/slack_avatar_full.png",
+    "gpt4_avatar_full.png": "https://dust.tt/static/systemavatar/gpt4_avatar_full.png",
+    "gpt3_avatar_full.png": "https://dust.tt/static/systemavatar/gpt3_avatar_full.png",
+    "claude_avatar_full.png": "https://dust.tt/static/systemavatar/claude_avatar_full.png",
+    "mistral_avatar_full.png": "https://dust.tt/static/systemavatar/mistral_avatar_full.png",
+    "confluence_avatar_full.png": "https://dust.tt/static/systemavatar/confluence_avatar_full.png",
+    "gemini_avatar_full.png": "https://dust.tt/static/systemavatar/gemini_avatar_full.png",
+};
+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 SystemAvatarSet = 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/systemavatar/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=SystemAvatarSet.stories.js.map

package/dist/stories/SystemAvatarSet.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAvatarSet.stories.js","sourceRoot":"","sources":["../../src/stories/SystemAvatarSet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,eAAe;IACb,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,IAAM,aAAa,GAAG;IACpB,sBAAsB,EACpB,0DAA0D;IAC5D,uBAAuB,EACrB,2DAA2D;IAC7D,uBAAuB,EACrB,2DAA2D;IAC7D,wBAAwB,EACtB,4DAA4D;IAC9D,wBAAwB,EACtB,4DAA4D;IAC9D,uBAAuB,EACrB,2DAA2D;IAC7D,sBAAsB,EACpB,0DAA0D;IAC5D,sBAAsB,EACpB,0DAA0D;IAC5D,wBAAwB,EACtB,4DAA4D;IAC9D,yBAAyB,EACvB,6DAA6D;IAC/D,4BAA4B,EAC1B,gEAAgE;IAClE,wBAAwB,EACtB,4DAA4D;CAC/D,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,uCAAuC;IAC5D,GAAG,EAAE,WAAW;CACjB,CAAC;AAEF,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,eAAe,GAAG,cAAM,OAAA,CACnC;IACE,6BAAK,SAAS,EAAC,oBAAoB;;QAC1B,GAAG;QACV,8BAAM,SAAS,EAAC,aAAa,uDAEtB,CACH;IACN,6BAAK,KAAK,EAAE,SAAS,IAClB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,EAAe;YAAf,KAAA,aAAe,EAAd,QAAQ,QAAA,EAAE,GAAG,QAAA;QAChD,OAAO,CACL,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAgC;YACzD,oBAAC,MAAM,IAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,IAAI,GAAG;YACjC,6BAAK,SAAS,EAAC,6CAA6C,IACzD,QAAQ,CACL,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACL,CACJ,EArBoC,CAqBpC,CAAC"}

package/dist/stories/Tab.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tab.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,GAAG,EAEJ,MAAM,uBAAuB,CAAC;AAM/B,QAAA,MAAM,IAAI;;;CAGkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,UAAU,yBAyEtB,CAAC"}

package/dist/stories/Tab.stories.js

@@ -0,0 +1,87 @@
+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 { CircleIcon, RobotIcon, SquareIcon, Tab, TriangleIcon, } from "../index_with_tw_base";
+import { ChatBubbleBottomCenterTextIcon, Cog6ToothIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Tab",
+    component: Tab,
+};
+export default meta;
+export var TabExample = function () {
+    var _a = __read(React.useState("chat"), 2), currentTab = _a[0], setCurrentTab = _a[1];
+    var _b = __read(React.useState("instructions"), 2), currentTab2 = _b[0], setCurrentTab2 = _b[1];
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-10" },
+        React.createElement("div", { className: "s-w-[320px]" },
+            React.createElement(Tab, { tabs: [
+                    {
+                        label: "Chat",
+                        id: "chat",
+                        current: currentTab === "chat",
+                        icon: ChatBubbleBottomCenterTextIcon,
+                        sizing: "expand",
+                    },
+                    {
+                        label: "Build",
+                        id: "build",
+                        current: currentTab === "build",
+                        icon: RobotIcon,
+                        sizing: "expand",
+                        hasSeparator: true,
+                    },
+                    {
+                        label: "Settings",
+                        id: "settings",
+                        hideLabel: true,
+                        current: false,
+                        icon: Cog6ToothIcon,
+                    },
+                ], setCurrentTab: function (tabId, event) {
+                    // add logic here
+                    event.preventDefault();
+                    setCurrentTab(tabId);
+                } })),
+        React.createElement("div", { className: "s-w-full" },
+            React.createElement(Tab, { variant: "stepper", tabs: [
+                    {
+                        label: "Instructions",
+                        id: "instructions",
+                        current: currentTab2 === "instructions",
+                        icon: SquareIcon,
+                        sizing: "hug",
+                    },
+                    {
+                        label: "Data sources & Actions",
+                        id: "data",
+                        current: currentTab2 === "data",
+                        icon: CircleIcon,
+                        sizing: "hug",
+                    },
+                    {
+                        label: "Naming",
+                        id: "naming",
+                        current: currentTab2 === "naming",
+                        icon: TriangleIcon,
+                        sizing: "hug",
+                    },
+                ], setCurrentTab: function (tabId, event) {
+                    // add logic here
+                    event.preventDefault();
+                    setCurrentTab2(tabId);
+                } }))));
+};
+//# sourceMappingURL=Tab.stories.js.map

package/dist/stories/Tab.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.stories.js","sourceRoot":"","sources":["../../src/stories/Tab.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,EACH,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,8BAA8B,EAC9B,aAAa,GACd,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,GAAG;CACY,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,UAAU,GAAG;IAClB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAA,EAAnD,UAAU,QAAA,EAAE,aAAa,QAA0B,CAAC;IACrD,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAA,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IACrE,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,aAAa;YAC1B,oBAAC,GAAG,IACF,IAAI,EAAE;oBACJ;wBACE,KAAK,EAAE,MAAM;wBACb,EAAE,EAAE,MAAM;wBACV,OAAO,EAAE,UAAU,KAAK,MAAM;wBAC9B,IAAI,EAAE,8BAA8B;wBACpC,MAAM,EAAE,QAAQ;qBACjB;oBACD;wBACE,KAAK,EAAE,OAAO;wBACd,EAAE,EAAE,OAAO;wBACX,OAAO,EAAE,UAAU,KAAK,OAAO;wBAC/B,IAAI,EAAE,SAAS;wBACf,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,IAAI;qBACnB;oBACD;wBACE,KAAK,EAAE,UAAU;wBACjB,EAAE,EAAE,UAAU;wBACd,SAAS,EAAE,IAAI;wBACf,OAAO,EAAE,KAAK;wBACd,IAAI,EAAE,aAAa;qBACpB;iBACF,EACD,aAAa,EAAE,UAAC,KAAK,EAAE,KAAK;oBAC1B,iBAAiB;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,GACD,CACE;QACN,6BAAK,SAAS,EAAC,UAAU;YACvB,oBAAC,GAAG,IACF,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE;oBACJ;wBACE,KAAK,EAAE,cAAc;wBACrB,EAAE,EAAE,cAAc;wBAClB,OAAO,EAAE,WAAW,KAAK,cAAc;wBACvC,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,KAAK;qBACd;oBACD;wBACE,KAAK,EAAE,wBAAwB;wBAC/B,EAAE,EAAE,MAAM;wBACV,OAAO,EAAE,WAAW,KAAK,MAAM;wBAC/B,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,KAAK;qBACd;oBACD;wBACE,KAAK,EAAE,QAAQ;wBACf,EAAE,EAAE,QAAQ;wBACZ,OAAO,EAAE,WAAW,KAAK,QAAQ;wBACjC,IAAI,EAAE,YAAY;wBAClB,MAAM,EAAE,KAAK;qBACd;iBACF,EACD,aAAa,EAAE,UAAC,KAAK,EAAE,KAAK;oBAC1B,iBAAiB;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,GACD,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/TextArea.stories.d.ts

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

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

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

package/dist/stories/TextArea.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, { useState } from "react";
+import { TextArea } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/TextArea",
+    component: TextArea,
+};
+export default meta;
+export var TextAreaExample = function () {
+    var _a = __read(useState([
+        "Normal",
+        "Error with label",
+        "Error no label",
+        "",
+    ]), 2), textValues = _a[0], setTextValues = _a[1];
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-20" },
+        React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
+            React.createElement(TextArea, { placeholder: "placeholder", value: textValues[0], onChange: function (v) {
+                    return setTextValues([v, textValues[1], textValues[2], textValues[3]]);
+                } }),
+            React.createElement(TextArea, { placeholder: "placeholder", value: textValues[1], error: "errored because blah", onChange: function (v) {
+                    return setTextValues([textValues[0], v, textValues[2], textValues[3]]);
+                }, showErrorLabel: true }),
+            React.createElement(TextArea, { placeholder: "placeholder", value: textValues[2], onChange: function (v) {
+                    return setTextValues([textValues[0], textValues[1], v, textValues[3]]);
+                }, error: "errored because blah" }))));
+};
+//# sourceMappingURL=TextArea.stories.js.map

package/dist/stories/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAA,OAA8B,QAAQ,CAAC;QAC3C,QAAQ;QACR,kBAAkB;QAClB,gBAAgB;QAChB,EAAE;KACH,CAAC,IAAA,EALK,UAAU,QAAA,EAAE,aAAa,QAK9B,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,GAEjE;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,cAAc,SACd;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,KAAK,EAAE,sBAAsB,GAC7B,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/Tooltip.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { Tooltip } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TooltipAbove: Story;
+export declare const TooltipBelow: Story;
+export declare const ToolTipWithContent: () => React.JSX.Element;
+export declare const TooltipLongLabel: () => React.JSX.Element;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAqB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAS5B,CAAC"}

package/dist/stories/Tooltip.stories.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Tooltip } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Tooltip",
+    component: Tooltip,
+};
+export default meta;
+export var TooltipAbove = {
+    args: {
+        label: "This is a tooltip",
+        children: "Hover me",
+        position: "above",
+    },
+};
+export var TooltipBelow = {
+    args: {
+        label: "This is a tooltip",
+        children: "Hover me",
+        position: "below",
+    },
+};
+export var ToolTipWithContent = function () { return (React.createElement("div", { className: "s-pl-32" },
+    React.createElement(Tooltip, { contentChildren: React.createElement("div", { className: "s-w-64" },
+            React.createElement("div", { className: "s-flex s-flex-col s-gap-y-2 s-break-words" },
+                React.createElement("div", { className: "s-flex s-font-semibold" }, "This is a more complex tooltip:"),
+                React.createElement("div", { className: "s-flex s-flex-wrap s-break-words" }, "It has some content that is long here and describes something about the content associated with this."))), position: "below" }, "Hover me"))); };
+export var TooltipLongLabel = function () { return (React.createElement("div", { className: "s-pl-64" },
+    React.createElement(Tooltip, { label: "This is a tooltip with a very long label that should wrap onto multiple lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.", position: "below" }, "Hover me"))); };
+//# sourceMappingURL=Tooltip.stories.js.map

package/dist/stories/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/stories/Tooltip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACY,CAAC;AAEjC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACtC,6BAAK,SAAS,EAAC,SAAS;IACtB,oBAAC,OAAO,IACN,eAAe,EACb,6BAAK,SAAS,EAAC,QAAQ;YACrB,6BAAK,SAAS,EAAC,2CAA2C;gBACxD,6BAAK,SAAS,EAAC,wBAAwB,sCAEjC;gBACN,6BAAK,SAAS,EAAC,kCAAkC,4GAG3C,CACF,CACF,EAER,QAAQ,EAAC,OAAO,eAGR,CACN,CACP,EArBuC,CAqBvC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,6BAAK,SAAS,EAAC,SAAS;IACtB,oBAAC,OAAO,IACN,KAAK,EAAC,6OAA6O,EACnP,QAAQ,EAAC,OAAO,eAGR,CACN,CACP,EATqC,CASrC,CAAC"}

package/dist/stories/Tree.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAOL,IAAI,EACL,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,yBA0RvB,CAAC;AAsCF,eAAO,MAAM,2BAA2B,yBAWvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,yBAWhC,CAAC"}