@dust-tt/sparkle 0.2.538 → 0.2.539-rc-2

package/src/stories/Bar.stories.tsx

@@ -0,0 +1,280 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+
+import { ChatBubbleBottomCenterTextIcon } from "@sparkle/icons/app";
+
+import {
+  Bar,
+  Page,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "../index_with_tw_base";
+
+const meta = {
+  title: "Modules/Bar",
+  component: Bar,
+} satisfies Meta<typeof Bar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const BasicBarHeader: Story = {
+  args: {
+    position: "top",
+    title: "Knowledge Base",
+  },
+};
+
+export const BasicBarFooter: Story = {
+  args: {
+    position: "bottom",
+    rightActions: <span>Right Actions</span>,
+  },
+};
+
+export const BasicBarHeaderValidate = () => {
+  const [isSaving, setIsSaving] = React.useState(false);
+
+  return (
+    <div className="s-h-full s-w-full">
+      <Bar
+        position="top"
+        title="Knowledge Base"
+        rightActions={
+          <Bar.ButtonBar
+            variant="validate"
+            isSaving={isSaving}
+            onSave={() => {
+              setIsSaving(true);
+              setTimeout(() => {
+                setIsSaving(false);
+                alert("Save !");
+              }, 2000);
+            }}
+          />
+        }
+      />
+      <div className="s-mt-16 s-h-full s-w-full s-overflow-y-auto">
+        <Page.Header title="Page Title" icon={ChatBubbleBottomCenterTextIcon} />
+        <div className="s-flex s-flex-col s-gap-y-96">
+          <img
+            src="/static/landing/mainVisual/MainVisual1.png"
+            alt="Main Visual 1"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual2.png"
+            alt="Main Visual 2"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual3.png"
+            alt="Main Visual 3"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual4.png"
+            alt="Main Visual 4"
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export const BasicBarFooterValidate = () => {
+  const [isSaving, setIsSaving] = React.useState(false);
+
+  return (
+    <div className="s-flex s-h-full s-w-full s-flex-col">
+      <div className="s-flex-1 s-overflow-y-auto s-p-4">
+        <Page.Header title="Page Title" icon={ChatBubbleBottomCenterTextIcon} />
+        <div className="s-flex s-flex-col s-gap-y-96">
+          <img
+            src="/static/landing/mainVisual/MainVisual1.png"
+            alt="Main Visual 1"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual2.png"
+            alt="Main Visual 2"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual3.png"
+            alt="Main Visual 3"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual4.png"
+            alt="Main Visual 4"
+          />
+        </div>
+      </div>
+      <Bar
+        position="bottom"
+        rightActions={
+          <Bar.ButtonBar
+            variant="validate"
+            isSaving={isSaving}
+            onCancel={() => alert("Cancelled!")}
+            onSave={() => {
+              setIsSaving(true);
+              setTimeout(() => {
+                setIsSaving(false);
+                alert("Saved!");
+              }, 2000);
+            }}
+          />
+        }
+      />
+    </div>
+  );
+};
+
+export const HeaderAndFooterCombined = () => {
+  const [isSaving, setIsSaving] = React.useState(false);
+
+  return (
+    <div className="s-flex s-h-full s-w-full s-flex-col">
+      <Bar
+        position="top"
+        title="Agent Builder"
+        rightActions={
+          <Bar.ButtonBar variant="close" onClose={() => alert("Closed!")} />
+        }
+      />
+      <div className="s-flex-1 s-overflow-y-auto s-p-4">
+        <Page.Header
+          title="Page Content"
+          icon={ChatBubbleBottomCenterTextIcon}
+        />
+        <div className="s-flex s-flex-col s-gap-y-96">
+          <img
+            src="/static/landing/mainVisual/MainVisual1.png"
+            alt="Main Visual 1"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual2.png"
+            alt="Main Visual 2"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual3.png"
+            alt="Main Visual 3"
+          />
+          <img
+            src="/static/landing/mainVisual/MainVisual4.png"
+            alt="Main Visual 4"
+          />
+        </div>
+      </div>
+      <Bar
+        position="bottom"
+        rightActions={
+          <Bar.ButtonBar
+            variant="validate"
+            isSaving={isSaving}
+            onCancel={() => alert("Cancelled!")}
+            onSave={() => {
+              setIsSaving(true);
+              setTimeout(() => {
+                setIsSaving(false);
+                alert("Saved!");
+              }, 2000);
+            }}
+          />
+        }
+      />
+    </div>
+  );
+};
+
+export const DefaultVariantInPanel = () => {
+  const [isSaving, setIsSaving] = React.useState(false);
+
+  return (
+    <div className="s-h-full s-w-full">
+      <ResizablePanelGroup direction="horizontal" className="s-h-full s-w-full">
+        <ResizablePanel defaultSize={70} minSize={30}>
+          <div className="s-flex s-h-full s-flex-col s-bg-white s-shadow-sm">
+            <Bar
+              position="top"
+              variant="default"
+              title="Agent Builder"
+              rightActions={
+                <Bar.ButtonBar
+                  variant="close"
+                  onClose={() => alert("Closed!")}
+                />
+              }
+            />
+            <div className="s-flex-1 s-overflow-y-auto s-p-4">
+              <Page.Header
+                title="Left Panel Content"
+                icon={ChatBubbleBottomCenterTextIcon}
+              />
+              <p className="s-text-sm s-text-gray-600">
+                This demonstrates the "default" variant of Bar that is contained
+                within its parent container, perfect for panels and sidebars.
+                This panel uses ResizablePanelGroup like AgentBuilderLayout.
+              </p>
+            </div>
+            <Bar
+              position="bottom"
+              variant="default"
+              rightActions={
+                <Bar.ButtonBar
+                  variant="validate"
+                  isSaving={isSaving}
+                  onCancel={() => alert("Cancelled!")}
+                  onSave={() => {
+                    setIsSaving(true);
+                    setTimeout(() => {
+                      setIsSaving(false);
+                      alert("Saved!");
+                    }, 2000);
+                  }}
+                />
+              }
+            />
+          </div>
+        </ResizablePanel>
+
+        <ResizableHandle />
+
+        <ResizablePanel defaultSize={30} minSize={20}>
+          <div className="s-flex s-h-full s-flex-col s-bg-white s-shadow-sm">
+            <Bar
+              position="top"
+              variant="default"
+              title="Preview Panel"
+              rightActions={
+                <Bar.ButtonBar
+                  variant="close"
+                  onClose={() => alert("Closed!")}
+                />
+              }
+            />
+            <div className="s-flex-1 s-overflow-y-auto s-p-4">
+              <Page.Header
+                title="Right Panel Content"
+                icon={ChatBubbleBottomCenterTextIcon}
+              />
+              <p className="s-text-sm s-text-gray-600">
+                Notice how each Bar is scoped to its own panel width, unlike the
+                "full" variant which would span the entire viewport width. You
+                can resize this panel!
+              </p>
+            </div>
+            <Bar
+              position="bottom"
+              variant="default"
+              rightActions={
+                <Bar.ButtonBar
+                  variant="validate"
+                  onCancel={() => alert("Cancelled!")}
+                  onSave={() => alert("Saved!")}
+                />
+              }
+            />
+          </div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+  );
+};

package/dist/esm/components/BarHeader.d.ts

@@ -1,42 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import React from "react";
-declare const barHeaderVariants: (props?: ({
-    variant?: "default" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface BarHeaderProps extends VariantProps<typeof barHeaderVariants> {
-    title: string;
-    tooltip?: string;
-    leftActions?: React.ReactNode;
-    rightActions?: React.ReactNode;
-    className?: string;
-}
-export declare function BarHeader({ title, tooltip, leftActions, rightActions, className, variant, }: BarHeaderProps): React.JSX.Element;
-export declare namespace BarHeader {
-    var ButtonBar: (props: BarHeaderButtonBarProps) => React.JSX.Element | null;
-}
-type BarHeaderButtonBarCloseProps = {
-    variant: "close";
-    onClose?: () => void;
-};
-type BarHeaderButtonBarBackProps = {
-    variant: "back";
-    onBack?: () => void;
-};
-type BarHeaderButtonBarValidateProps = {
-    variant: "validate";
-    onCancel?: () => void;
-    onSave?: () => void;
-    saveLabel?: string;
-    isSaving?: boolean;
-    isDisabled?: boolean;
-    savingLabel?: string;
-    saveTooltip?: string;
-};
-type BarHeaderButtonBarConversationProps = {
-    variant: "conversation";
-    onDelete?: () => void;
-    onShare?: () => void;
-};
-export type BarHeaderButtonBarProps = BarHeaderButtonBarCloseProps | BarHeaderButtonBarBackProps | BarHeaderButtonBarValidateProps | BarHeaderButtonBarConversationProps;
-export {};
-//# sourceMappingURL=BarHeader.d.ts.map

package/dist/esm/components/BarHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,iBAAiB;;mFActB,CAAC;AAEF,UAAU,cAAe,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,cAAc,qBAuBhB;yBA9Be,SAAS;;;AAgCzB,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,OAAO,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,mCAAmC,CAAC"}

package/dist/esm/components/BarHeader.js.map

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

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

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

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

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

package/dist/esm/stories/BarHeader.stories.js

@@ -1,120 +0,0 @@
-import { __read } from "tslib";
-import React from "react";
-import { ChatBubbleBottomCenterTextIcon } from "../icons/app";
-import { BarHeader, Page, ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "../index_with_tw_base";
-var meta = {
-    title: "Modules/BarHeader",
-    component: BarHeader,
-};
-export default meta;
-export var BasicBarHeader = {
-    args: {
-        title: "Knowledge Base",
-    },
-};
-export var BasicBarHeaderValidate = function () {
-    var _a = __read(React.useState(false), 2), isSaving = _a[0], setIsSaving = _a[1];
-    return (React.createElement("div", { className: "s-h-full s-w-full" },
-        React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", isSaving: isSaving, onSave: function () {
-                    setIsSaving(true);
-                    setTimeout(function () {
-                        setIsSaving(false);
-                        alert("Save !");
-                    }, 2000);
-                } }) }),
-        React.createElement("div", { className: "s-mt-16 s-h-full s-w-full s-overflow-y-auto" },
-            React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-            React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" })))));
-};
-export var BasicBarHeaderValidateCustomLabel = function () {
-    var _a = __read(React.useState(false), 2), isSaving = _a[0], setIsSaving = _a[1];
-    return (React.createElement("div", { className: "s-h-full s-w-full" },
-        React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", isSaving: isSaving, saveLabel: "Soupinou", onSave: function () {
-                    setIsSaving(true);
-                    setTimeout(function () {
-                        setIsSaving(false);
-                        alert("Save !");
-                    }, 2000);
-                } }) }),
-        React.createElement("div", { className: "s-mt-16 s-h-full s-w-full s-overflow-y-auto" },
-            React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-            React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" }),
-                React.createElement("img", { src: "https://source.unsplash.com/random" })))));
-};
-export var BasicBarHeaderValidateSaveDisabled = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
-    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate" }) }),
-    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
-        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
-export var BasicBarHeaderBack = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
-    React.createElement(BarHeader, { title: "Knowledge Base", leftActions: React.createElement(BarHeader.ButtonBar, { variant: "back" }) }),
-    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
-        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
-export var BasicBarHeaderClose = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
-    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "close" }) }),
-    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
-        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
-export var BasicBarHeaderConversation = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
-    React.createElement(BarHeader, { title: "Knowledge Base", tooltip: "This is a tooltip", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "conversation" }) }),
-    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
-        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
-export var BasicBarHeaderValidateSaveDisabledWithTooltip = function () { return (React.createElement("div", { className: "s-mt-16 s-h-full s-w-full" },
-    React.createElement(BarHeader, { title: "Knowledge Base", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", saveTooltip: "Saving agents is temporarily disabled and will be re-enabled shortly" }) }),
-    React.createElement("div", { className: "s-flex s-flex-col s-gap-16 s-overflow-auto" },
-        React.createElement(Page.Header, { title: "Page Title", icon: ChatBubbleBottomCenterTextIcon }),
-        React.createElement("div", { className: "s-flex s-flex-col s-gap-y-96" },
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }),
-            React.createElement("img", { src: "https://source.unsplash.com/random" }))))); };
-export var DefaultVariantInPanel = function () {
-    var _a = __read(React.useState(false), 2), isSaving = _a[0], setIsSaving = _a[1];
-    return (React.createElement("div", { className: "s-h-full s-w-full" },
-        React.createElement(ResizablePanelGroup, { direction: "horizontal", className: "s-h-full s-w-full" },
-            React.createElement(ResizablePanel, { defaultSize: 70, minSize: 30 },
-                React.createElement("div", { className: "s-flex s-h-full s-flex-col s-bg-white s-shadow-sm" },
-                    React.createElement(BarHeader, { variant: "default", title: "Agent Builder", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "validate", isSaving: isSaving, onCancel: function () { return alert("Cancelled!"); }, onSave: function () {
-                                setIsSaving(true);
-                                setTimeout(function () {
-                                    setIsSaving(false);
-                                    alert("Saved!");
-                                }, 2000);
-                            } }) }),
-                    React.createElement("div", { className: "s-flex-1 s-overflow-y-auto s-p-4" },
-                        React.createElement(Page.Header, { title: "Left Panel Content", icon: ChatBubbleBottomCenterTextIcon }),
-                        React.createElement("p", { className: "s-text-sm s-text-gray-600" }, "This demonstrates the \"default\" variant of BarHeader that is contained within its parent container, perfect for panels and sidebars. This panel uses ResizablePanelGroup like AgentBuilderLayout.")))),
-            React.createElement(ResizableHandle, null),
-            React.createElement(ResizablePanel, { defaultSize: 30, minSize: 20 },
-                React.createElement("div", { className: "s-flex s-h-full s-flex-col s-bg-white s-shadow-sm" },
-                    React.createElement(BarHeader, { variant: "default", title: "Preview Panel", rightActions: React.createElement(BarHeader.ButtonBar, { variant: "close", onClose: function () { return alert("Closed!"); } }) }),
-                    React.createElement("div", { className: "s-flex-1 s-overflow-y-auto s-p-4" },
-                        React.createElement(Page.Header, { title: "Right Panel Content", icon: ChatBubbleBottomCenterTextIcon }),
-                        React.createElement("p", { className: "s-text-sm s-text-gray-600" }, "Notice how each BarHeader is scoped to its own panel width, unlike the \"full\" variant which would span the entire viewport width. You can resize this panel!")))))));
-};
-//# sourceMappingURL=BarHeader.stories.js.map

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

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