@dust-tt/sparkle 0.4.5 → 0.4.6-rc-1

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

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const markerVariants: (props?: ({
+    variant?: "current" | "complete" | "upcoming" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * When true, last item does not render a line below it.
+     */
+    bounded?: boolean;
+}
+declare function Timeline({ className, children, bounded, ...props }: TimelineProps): React.JSX.Element;
+declare namespace Timeline {
+    var displayName: string;
+    var Item: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+}
+export interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof markerVariants> {
+    title?: string;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+    isLast?: boolean;
+}
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+export { Timeline, TimelineItem };
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;mFAyBnB,CAAC;AAeF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,OAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,qBAwBf;kBA7BQ,QAAQ;;;;AA+BjB,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,0FAuDjB,CAAC;AAMF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/Timeline.js

@@ -0,0 +1,59 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../lib/utils";
+var markerVariants = cva("s-flex s-h-3.5 s-w-3.5 s-items-center s-justify-center s-rounded-full s-border-2", {
+    variants: {
+        variant: {
+            complete: cn("s-border-highlight-500 dark:s-border-highlight-500-night", "s-bg-highlight-500 dark:s-bg-highlight-500-night", "s-shadow-sm"),
+            current: cn("s-border-highlight-500 dark:s-border-highlight-500-night", "s-bg-background dark:s-bg-background-night", "s-shadow-sm"),
+            upcoming: cn("s-border-border dark:s-border-border-night", "s-bg-background dark:s-bg-background-night"),
+        },
+    },
+    defaultVariants: {
+        variant: "complete",
+    },
+});
+var lineVariants = cva("s-w-[2px] s-flex-1", {
+    variants: {
+        variant: {
+            complete: "s-bg-highlight-500 dark:s-bg-highlight-500-night",
+            current: "s-bg-highlight-500 dark:s-bg-highlight-500-night",
+            upcoming: "s-bg-border dark:s-bg-border-night",
+        },
+    },
+    defaultVariants: {
+        variant: "complete",
+    },
+});
+function Timeline(_a) {
+    var className = _a.className, children = _a.children, _b = _a.bounded, bounded = _b === void 0 ? true : _b, props = __rest(_a, ["className", "children", "bounded"]);
+    var items = React.Children.toArray(children);
+    return (React.createElement("div", __assign({ className: cn("s-flex s-flex-col s-text-foreground dark:s-text-foreground-night", className) }, props), items.map(function (child, index) {
+        if (!React.isValidElement(child)) {
+            return child;
+        }
+        var isLast = index === items.length - 1;
+        return React.cloneElement(child, {
+            isLast: bounded ? isLast : false,
+        });
+    })));
+}
+var TimelineItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "complete" : _b, title = _a.title, description = _a.description, meta = _a.meta, children = _a.children, isLast = _a.isLast, props = __rest(_a, ["className", "variant", "title", "description", "meta", "children", "isLast"]);
+    var showBottomLine = !isLast;
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-grid s-grid-cols-[auto,1fr] s-gap-x-4 sm:s-gap-x-6", className) }, props),
+        React.createElement("div", { className: "s-flex s-flex-col s-items-center s-gap-2 s-px-1 s-pb-2", "aria-hidden": "true" },
+            React.createElement("div", { className: cn("s-flex-shrink-0", markerVariants({ variant: variant })) }),
+            showBottomLine && (React.createElement("div", { className: cn("s-flex-1", lineVariants({ variant: variant })) }))),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-pb-4" },
+            title && (React.createElement("div", { className: "s-heading-xs s-text-foreground dark:s-text-foreground-night" }, title)),
+            meta && (React.createElement("div", { className: "s-text-xs s-font-medium s-text-muted-foreground dark:s-text-muted-foreground-night" }, meta)),
+            description && (React.createElement("div", { className: "s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, description)),
+            children && React.createElement("div", { className: "s-mt-2" }, children))));
+});
+TimelineItem.displayName = "TimelineItem";
+Timeline.displayName = "Timeline";
+Timeline.Item = TimelineItem;
+export { Timeline, TimelineItem };
+//# sourceMappingURL=Timeline.js.map

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

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

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

@@ -74,6 +74,7 @@ export { Sheet, SheetClose, SheetContainer, SheetContent, SheetDescription, Shee
 export { SliderToggle } from "./SliderToggle";
 export { default as Spinner } from "./Spinner";
 export { FlexSplitButton } from "./SplitButton";
+export { Timeline, TimelineItem } from "./Timeline";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./Tabs";
 export { ReadOnlyTextArea, TextArea } from "./TextArea";
 export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, } from "./Tooltip";

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

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

package/dist/esm/components/index.js

@@ -63,6 +63,7 @@ export { Sheet, SheetClose, SheetContainer, SheetContent, SheetDescription, Shee
 export { SliderToggle } from "./SliderToggle";
 export { default as Spinner } from "./Spinner";
 export { FlexSplitButton } from "./SplitButton";
+export { Timeline, TimelineItem } from "./Timeline";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./Tabs";
 export { ReadOnlyTextArea, TextArea } from "./TextArea";
 export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, } from "./Tooltip";

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

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

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

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react";
+import { Timeline } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Timeline;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Timeline.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;CAIuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAwLrB,CAAC"}

package/dist/esm/stories/Timeline.stories.js

@@ -0,0 +1,85 @@
+import React from "react";
+import { Card, Timeline } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Timeline",
+    component: Timeline,
+    tags: ["autodocs"],
+};
+export default meta;
+export var Default = {
+    render: function () { return (React.createElement("div", { className: "s-max-w-4xl s-space-y-8" },
+        React.createElement(Timeline, null,
+            React.createElement(Timeline.Item, { variant: "upcoming", title: "Version: October 30, 2025 at 1:36:44 PM", meta: "4 feedback items", description: "Latest production version. All feedback is processed." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Jules Belveze"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "24 days ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Good stuff"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Jules Belveze"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "26 days ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Test"))))),
+            React.createElement(Timeline.Item, { variant: "upcoming", title: "Version: October 24, 2025 at 1:48:53 PM", meta: "In review", description: "You are reviewing feedback for this version." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Jules Belveze"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "27 days ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Clear and concise brother"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Jules Belveze"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "27 days ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Good stuff brother"))))),
+            React.createElement(Timeline.Item, { variant: "upcoming", title: "Version: September 30, 2025 at 1:21:09 PM", meta: "Archived", description: "Older feedback is still available for reference." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "ilias@dust.tt"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "1 month ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "View conversation"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "okal@dust.tt"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "1 month ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "View conversation"))))),
+            React.createElement(Timeline.Item, { variant: "complete", title: "Version: September 15, 2025 at 10:30:00 AM", meta: "Released", description: "Major feature update with performance improvements." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Sarah Chen"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "2 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Performance improvements are impressive!"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Mike Johnson"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "2 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Great work on this release"))))),
+            React.createElement(Timeline.Item, { variant: "current", title: "Version: August 28, 2025 at 3:15:22 PM", meta: "In progress", description: "Bug fixes and minor updates being reviewed." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Anna Smith"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "3 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Found a few edge cases to handle"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Tom Brown"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "3 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Needs more testing"))))),
+            React.createElement(Timeline.Item, { variant: "complete", title: "Version: August 10, 2025 at 9:45:00 AM", meta: "Deployed", description: "Initial release with core functionality." },
+                React.createElement("div", { className: "s-grid s-gap-3 s-pt-2 sm:s-grid-cols-2" },
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Alex Martinez"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "3 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Solid foundation"))),
+                    React.createElement(Card, null,
+                        React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+                            React.createElement("div", { className: "s-text-sm s-font-medium" }, "Lisa Wang"),
+                            React.createElement("div", { className: "s-text-xs s-text-muted-foreground" }, "3 months ago"),
+                            React.createElement("div", { className: "s-mt-2 s-text-sm" }, "Looking forward to next iteration")))))))); },
+};
+//# sourceMappingURL=Timeline.stories.js.map

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

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

package/dist/sparkle.css

@@ -1726,6 +1726,10 @@ select {
   width: 250px;
 }
 
+.s-w-\[2px\] {
+  width: 2px;
+}
+
 .s-w-\[300px\] {
   width: 300px;
 }
@@ -2298,6 +2302,11 @@ select {
        column-gap: 0.625rem;
 }
 
+.s-gap-x-4 {
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+
 .s-gap-y-3 {
   row-gap: 0.75rem;
 }
@@ -2532,6 +2541,10 @@ select {
   border-width: 0px;
 }
 
+.s-border-2 {
+  border-width: 2px;
+}
+
 .s-border-b {
   border-bottom-width: 1px;
 }
@@ -2676,6 +2689,11 @@ select {
   border-color: rgb(122 198 255 / var(--tw-border-opacity));
 }
 
+.s-border-highlight-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(28 145 255 / var(--tw-border-opacity));
+}
+
 .s-border-info-100 {
   --tw-border-opacity: 1;
   border-color: rgb(255 239 168 / var(--tw-border-opacity));
@@ -2929,6 +2947,11 @@ select {
   background-color: rgb(4 23 40 / var(--tw-bg-opacity));
 }
 
+.s-bg-border {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 238 239 / var(--tw-bg-opacity));
+}
+
 .s-bg-brand {
   --tw-bg-opacity: 1;
   background-color: rgb(65 139 92 / var(--tw-bg-opacity));
@@ -6671,6 +6694,11 @@ select {
   border-color: rgb(10 108 198 / var(--tw-border-opacity));
 }
 
+:is(.s-dark .dark\:s-border-highlight-500-night) {
+  --tw-border-opacity: 1;
+  border-color: rgb(28 145 255 / var(--tw-border-opacity));
+}
+
 :is(.s-dark .dark\:s-border-info-100-night) {
   --tw-border-opacity: 1;
   border-color: rgb(112 53 12 / var(--tw-border-opacity));
@@ -8962,6 +8990,11 @@ select {
     gap: 0.75rem;
   }
 
+  .sm\:s-gap-x-6 {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
   .sm\:s-p-0 {
     padding: 0px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.4.5",
+  "version": "0.4.6-rc-1",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Timeline.tsx

@@ -0,0 +1,154 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@sparkle/lib/utils";
+
+const markerVariants = cva(
+  "s-flex s-h-3.5 s-w-3.5 s-items-center s-justify-center s-rounded-full s-border-2",
+  {
+    variants: {
+      variant: {
+        complete: cn(
+          "s-border-highlight-500 dark:s-border-highlight-500-night",
+          "s-bg-highlight-500 dark:s-bg-highlight-500-night",
+          "s-shadow-sm"
+        ),
+        current: cn(
+          "s-border-highlight-500 dark:s-border-highlight-500-night",
+          "s-bg-background dark:s-bg-background-night",
+          "s-shadow-sm"
+        ),
+        upcoming: cn(
+          "s-border-border dark:s-border-border-night",
+          "s-bg-background dark:s-bg-background-night"
+        ),
+      },
+    },
+    defaultVariants: {
+      variant: "complete",
+    },
+  }
+);
+
+const lineVariants = cva("s-w-[2px] s-flex-1", {
+  variants: {
+    variant: {
+      complete: "s-bg-highlight-500 dark:s-bg-highlight-500-night",
+      current: "s-bg-highlight-500 dark:s-bg-highlight-500-night",
+      upcoming: "s-bg-border dark:s-bg-border-night",
+    },
+  },
+  defaultVariants: {
+    variant: "complete",
+  },
+});
+
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * When true, last item does not render a line below it.
+   */
+  bounded?: boolean;
+}
+
+function Timeline({
+  className,
+  children,
+  bounded = true,
+  ...props
+}: TimelineProps) {
+  const items = React.Children.toArray(children);
+
+  return (
+    <div
+      className={cn(
+        "s-flex s-flex-col s-text-foreground dark:s-text-foreground-night",
+        className
+      )}
+      {...props}
+    >
+      {items.map((child, index) => {
+        if (!React.isValidElement<TimelineItemProps>(child)) {
+          return child;
+        }
+
+        const isLast = index === items.length - 1;
+
+        return React.cloneElement(child, {
+          isLast: bounded ? isLast : false,
+        });
+      })}
+    </div>
+  );
+}
+
+export interface TimelineItemProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof markerVariants> {
+  title?: string;
+  description?: React.ReactNode;
+  meta?: React.ReactNode;
+  isLast?: boolean;
+}
+
+const TimelineItem = React.forwardRef<HTMLDivElement, TimelineItemProps>(
+  (
+    {
+      className,
+      variant = "complete",
+      title,
+      description,
+      meta,
+      children,
+      isLast,
+      ...props
+    },
+    ref
+  ) => {
+    const showBottomLine = !isLast;
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "s-grid s-grid-cols-[auto,1fr] s-gap-x-4 sm:s-gap-x-6",
+          className
+        )}
+        {...props}
+      >
+        <div
+          className="s-flex s-flex-col s-items-center s-gap-2 s-px-1 s-pb-2"
+          aria-hidden="true"
+        >
+          <div className={cn("s-flex-shrink-0", markerVariants({ variant }))} />
+          {showBottomLine && (
+            <div className={cn("s-flex-1", lineVariants({ variant }))} />
+          )}
+        </div>
+        <div className="s-flex s-flex-col s-gap-1 s-pb-4">
+          {title && (
+            <div className="s-heading-xs s-text-foreground dark:s-text-foreground-night">
+              {title}
+            </div>
+          )}
+          {meta && (
+            <div className="s-text-xs s-font-medium s-text-muted-foreground dark:s-text-muted-foreground-night">
+              {meta}
+            </div>
+          )}
+          {description && (
+            <div className="s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night">
+              {description}
+            </div>
+          )}
+          {children && <div className="s-mt-2">{children}</div>}
+        </div>
+      </div>
+    );
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+
+Timeline.displayName = "Timeline";
+Timeline.Item = TimelineItem;
+
+export { Timeline, TimelineItem };

package/src/components/index.ts

@@ -177,6 +177,7 @@ export {
 export { SliderToggle } from "./SliderToggle";
 export { default as Spinner } from "./Spinner";
 export { FlexSplitButton } from "./SplitButton";
+export { Timeline, TimelineItem } from "./Timeline";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./Tabs";
 export { ReadOnlyTextArea, TextArea } from "./TextArea";
 export {