@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/timeline.js

@@ -1,3 +1,5 @@
+"use client";
+
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
@@ -27,86 +29,86 @@ const getItemStatus = (itemIndex, activeIndex) => {
 //#endregion
 //#region src/ui/timeline/timeline-connector.tsx
 const timelineConnectorVariants = tv({
-	base: ["absolute z-0", "group-last/timeline-item:hidden"],
-	variants: {
-		status: {
-			completed: "bg-primary",
-			active: "bg-border",
-			pending: "bg-border"
-		},
-		orientation: {
-			vertical: "",
-			horizontal: ""
-		},
-		variant: {
-			default: "",
-			alternate: ""
-		},
-		isAlternateRight: {
-			true: "",
-			false: ""
-		}
-	},
+	base: ["z-base absolute", "group-last/timeline-item:hidden"],
 	compoundVariants: [
 		{
-			orientation: "vertical",
-			variant: "default",
 			className: [
 				"start-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]",
 				"top-[var(--timeline-dot-size)]",
 				"h-[calc(100%-var(--timeline-dot-size))]",
 				"w-[var(--timeline-connector-thickness)]"
-			]
+			],
+			orientation: "vertical",
+			variant: "default"
 		},
 		{
-			orientation: "horizontal",
-			variant: "default",
 			className: [
 				"start-[var(--timeline-dot-size)]",
 				"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]",
 				"h-[var(--timeline-connector-thickness)]",
 				"w-[calc(100%-var(--timeline-dot-size))]"
-			]
+			],
+			orientation: "horizontal",
+			variant: "default"
 		},
 		{
-			orientation: "vertical",
-			variant: "alternate",
-			isAlternateRight: false,
 			className: [
 				"top-0",
 				"-right-[var(--timeline-connector-thickness)/2]",
 				"h-full",
 				"w-[var(--timeline-connector-thickness)]"
-			]
+			],
+			isAlternateRight: false,
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			orientation: "vertical",
-			variant: "alternate",
-			isAlternateRight: true,
 			className: [
 				"top-0",
 				"-left-[var(--timeline-connector-thickness)/2]",
 				"h-full",
 				"w-[var(--timeline-connector-thickness)]"
-			]
+			],
+			isAlternateRight: true,
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			orientation: "horizontal",
-			variant: "alternate",
 			className: [
 				"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]",
 				"left-[var(--timeline-dot-size)]",
 				"row-start-2",
 				"h-[var(--timeline-connector-thickness)]",
 				"w-[calc(100%-var(--timeline-dot-size))]"
-			]
+			],
+			orientation: "horizontal",
+			variant: "alternate"
 		}
 	],
 	defaultVariants: {
-		status: "pending",
+		isAlternateRight: false,
 		orientation: "vertical",
-		variant: "default",
-		isAlternateRight: false
+		status: "pending",
+		variant: "default"
+	},
+	variants: {
+		isAlternateRight: {
+			false: "",
+			true: ""
+		},
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		},
+		status: {
+			active: "bg-border",
+			completed: "bg-primary",
+			pending: "bg-border"
+		},
+		variant: {
+			alternate: "",
+			default: ""
+		}
 	}
 });
 const TimelineConnector = ({ className, render, forceMount, ...props }) => {
@@ -117,17 +119,17 @@ const TimelineConnector = ({ className, render, forceMount, ...props }) => {
 		props: mergeProps({
 			"aria-hidden": true,
 			className: cn(timelineConnectorVariants({
-				status,
+				isAlternateRight,
 				orientation,
-				variant,
-				isAlternateRight
+				status,
+				variant
 			}), forceMount && "group-last/timeline-item:block", className)
 		}, props),
 		render,
 		state: {
+			orientation,
 			slot: "timeline-connector",
-			status,
-			orientation
+			status
 		}
 	});
 };
@@ -136,44 +138,44 @@ const TimelineConnector = ({ className, render, forceMount, ...props }) => {
 //#region src/ui/timeline/timeline-content.tsx
 const timelineContentVariants = tv({
 	base: "flex-1",
-	variants: {
-		orientation: {
-			vertical: "",
-			horizontal: ""
-		},
-		variant: {
-			default: "",
-			alternate: ""
-		},
-		isAlternateRight: {
-			true: "",
-			false: ""
-		}
-	},
 	compoundVariants: [
 		{
-			variant: "alternate",
-			orientation: "vertical",
+			className: "text-right",
 			isAlternateRight: false,
-			className: "text-right"
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			variant: "alternate",
-			orientation: "horizontal",
+			className: "row-start-3 pt-2",
 			isAlternateRight: false,
-			className: "row-start-3 pt-2"
+			orientation: "horizontal",
+			variant: "alternate"
 		},
 		{
-			variant: "alternate",
-			orientation: "horizontal",
+			className: "row-start-1 pb-2",
 			isAlternateRight: true,
-			className: "row-start-1 pb-2"
+			orientation: "horizontal",
+			variant: "alternate"
 		}
 	],
 	defaultVariants: {
+		isAlternateRight: false,
 		orientation: "vertical",
-		variant: "default",
-		isAlternateRight: false
+		variant: "default"
+	},
+	variants: {
+		isAlternateRight: {
+			false: "",
+			true: ""
+		},
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		},
+		variant: {
+			alternate: "",
+			default: ""
+		}
 	}
 });
 const TimelineContent = ({ className, render, ...props }) => {
@@ -182,9 +184,9 @@ const TimelineContent = ({ className, render, ...props }) => {
 	return useRender({
 		defaultTagName: "div",
 		props: mergeProps({ className: cn(timelineContentVariants({
+			isAlternateRight,
 			orientation,
-			variant,
-			isAlternateRight
+			variant
 		}), className) }, props),
 		render,
 		state: {
@@ -198,7 +200,7 @@ const TimelineContent = ({ className, render, ...props }) => {
 //#region src/ui/timeline/timeline-description.tsx
 const TimelineDescription = ({ className, render, ...props }) => useRender({
 	defaultTagName: "div",
-	props: mergeProps({ className: cn("text-sm text-muted-foreground", className) }, props),
+	props: mergeProps({ className: cn("text-muted-foreground text-sm", className) }, props),
 	render,
 	state: { slot: "timeline-description" }
 });
@@ -206,50 +208,50 @@ const TimelineDescription = ({ className, render, ...props }) => useRender({
 //#endregion
 //#region src/ui/timeline/timeline-dot.tsx
 const timelineDotVariants = tv({
-	base: ["relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 bg-background", "size-[var(--timeline-dot-size)]"],
-	variants: {
-		status: {
-			completed: "border-primary bg-primary",
-			active: "border-primary bg-background",
-			pending: "border-border bg-background"
-		},
-		orientation: {
-			vertical: "",
-			horizontal: ""
-		},
-		variant: {
-			default: "",
-			alternate: ""
-		},
-		isAlternateRight: {
-			true: "",
-			false: ""
-		}
-	},
+	base: ["z-raised bg-background relative flex shrink-0 items-center justify-center rounded-full border-2", "size-[var(--timeline-dot-size)]"],
 	compoundVariants: [
 		{
-			variant: "alternate",
-			orientation: "vertical",
+			className: "absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]",
 			isAlternateRight: false,
-			className: "absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]"
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			variant: "alternate",
-			orientation: "vertical",
+			className: "absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]",
 			isAlternateRight: true,
-			className: "absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]"
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			variant: "alternate",
+			className: "row-start-2",
 			orientation: "horizontal",
-			className: "row-start-2"
+			variant: "alternate"
 		}
 	],
 	defaultVariants: {
-		status: "pending",
+		isAlternateRight: false,
 		orientation: "vertical",
-		variant: "default",
-		isAlternateRight: false
+		status: "pending",
+		variant: "default"
+	},
+	variants: {
+		isAlternateRight: {
+			false: "",
+			true: ""
+		},
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		},
+		status: {
+			active: "border-primary bg-background",
+			completed: "border-primary bg-primary",
+			pending: "border-border bg-background"
+		},
+		variant: {
+			alternate: "",
+			default: ""
+		}
 	}
 });
 const TimelineDot = ({ className, render, ...props }) => {
@@ -258,16 +260,16 @@ const TimelineDot = ({ className, render, ...props }) => {
 	return useRender({
 		defaultTagName: "div",
 		props: mergeProps({ className: cn(timelineDotVariants({
-			status,
+			isAlternateRight,
 			orientation,
-			variant,
-			isAlternateRight
+			status,
+			variant
 		}), className) }, props),
 		render,
 		state: {
+			orientation,
 			slot: "timeline-dot",
-			status,
-			orientation
+			status
 		}
 	});
 };
@@ -285,53 +287,53 @@ const TimelineHeader = ({ className, render, ...props }) => useRender({
 //#region src/ui/timeline/timeline-item.tsx
 const timelineItemVariants = tv({
 	base: "group/timeline-item relative flex",
-	variants: {
-		orientation: {
-			vertical: "",
-			horizontal: ""
-		},
-		variant: {
-			default: "",
-			alternate: ""
-		},
-		isAlternateRight: {
-			true: "",
-			false: ""
-		}
-	},
 	compoundVariants: [
 		{
+			className: "gap-3 pb-8 last:pb-0",
 			orientation: "vertical",
-			variant: "default",
-			className: "gap-3 pb-8 last:pb-0"
+			variant: "default"
 		},
 		{
+			className: "flex-col gap-3",
 			orientation: "horizontal",
-			variant: "default",
-			className: "flex-col gap-3"
+			variant: "default"
 		},
 		{
-			orientation: "vertical",
-			variant: "alternate",
+			className: "w-1/2 gap-3 pr-6 pb-8 last:pb-0",
 			isAlternateRight: false,
-			className: "w-1/2 gap-3 pr-6 pb-8 last:pb-0"
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
-			orientation: "vertical",
-			variant: "alternate",
+			className: "ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0",
 			isAlternateRight: true,
-			className: "ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0"
+			orientation: "vertical",
+			variant: "alternate"
 		},
 		{
+			className: "grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3",
 			orientation: "horizontal",
-			variant: "alternate",
-			className: "grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3"
+			variant: "alternate"
 		}
 	],
 	defaultVariants: {
+		isAlternateRight: false,
 		orientation: "vertical",
-		variant: "default",
-		isAlternateRight: false
+		variant: "default"
+	},
+	variants: {
+		isAlternateRight: {
+			false: "",
+			true: ""
+		},
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		},
+		variant: {
+			alternate: "",
+			default: ""
+		}
 	}
 });
 const TimelineItem = ({ index, className, children, ...props }) => {
@@ -340,8 +342,8 @@ const TimelineItem = ({ index, className, children, ...props }) => {
 	const isAlternateRight = variant === "alternate" && index % 2 === 1;
 	const itemContextValue = useMemo(() => ({
 		index,
-		status,
-		isAlternateRight
+		isAlternateRight,
+		status
 	}), [
 		index,
 		status,
@@ -352,9 +354,9 @@ const TimelineItem = ({ index, className, children, ...props }) => {
 		children: /* @__PURE__ */ jsx("li", {
 			"aria-current": status === "active" ? "step" : void 0,
 			className: cn(timelineItemVariants({
+				isAlternateRight,
 				orientation,
-				variant,
-				isAlternateRight
+				variant
 			}), className),
 			"data-alternate-right": isAlternateRight ? "" : void 0,
 			"data-orientation": orientation,
@@ -371,7 +373,7 @@ const TimelineItem = ({ index, className, children, ...props }) => {
 //#region src/ui/timeline/timeline-time.tsx
 const TimelineTime = ({ className, render, ...props }) => useRender({
 	defaultTagName: "time",
-	props: mergeProps({ className: cn("text-xs text-muted-foreground", className) }, props),
+	props: mergeProps({ className: cn("text-muted-foreground text-xs", className) }, props),
 	render,
 	state: { slot: "timeline-time" }
 });
@@ -393,49 +395,49 @@ const timelineVariants = tv({
 		"[--timeline-connector-thickness:0.125rem]",
 		"[--timeline-dot-size:0.875rem]"
 	],
-	variants: {
-		orientation: {
-			vertical: "flex-col",
-			horizontal: "flex-row items-start"
-		},
-		variant: {
-			default: "",
-			alternate: ""
-		}
-	},
 	compoundVariants: [
 		{
+			className: "gap-0",
 			orientation: "vertical",
-			variant: "default",
-			className: "gap-0"
+			variant: "default"
 		},
 		{
+			className: "gap-0",
 			orientation: "horizontal",
-			variant: "default",
-			className: "gap-0"
+			variant: "default"
 		},
 		{
+			className: "relative w-full gap-0",
 			orientation: "vertical",
-			variant: "alternate",
-			className: "relative w-full gap-0"
+			variant: "alternate"
 		},
 		{
+			className: "items-center gap-0",
 			orientation: "horizontal",
-			variant: "alternate",
-			className: "items-center gap-0"
+			variant: "alternate"
 		}
 	],
 	defaultVariants: {
 		orientation: "vertical",
 		variant: "default"
+	},
+	variants: {
+		orientation: {
+			horizontal: "flex-row items-start",
+			vertical: "flex-col"
+		},
+		variant: {
+			alternate: "",
+			default: ""
+		}
 	}
 });
 const Timeline = ({ orientation = "vertical", variant = "default", dir = "ltr", activeIndex, className, children, ...props }) => {
 	const contextValue = useMemo(() => ({
-		orientation,
-		variant,
+		activeIndex,
 		dir,
-		activeIndex
+		orientation,
+		variant
 	}), [
 		orientation,
 		variant,

package/dist/ui/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","names":[],"sources":["../../src/ui/timeline/use-timeline.ts","../../src/ui/timeline/timeline-connector.tsx","../../src/ui/timeline/timeline-content.tsx","../../src/ui/timeline/timeline-description.tsx","../../src/ui/timeline/timeline-dot.tsx","../../src/ui/timeline/timeline-header.tsx","../../src/ui/timeline/timeline-item.tsx","../../src/ui/timeline/timeline-time.tsx","../../src/ui/timeline/timeline-title.tsx","../../src/ui/timeline/timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"vertical\" | \"horizontal\";\ntype Variant = \"default\" | \"alternate\";\ntype Status = \"completed\" | \"active\" | \"pending\";\n\ninterface TimelineContextValue {\n  orientation: Orientation;\n  variant: Variant;\n  dir: Direction;\n  activeIndex?: number;\n}\n\ninterface TimelineItemContextValue {\n  index: number;\n  status: Status;\n  isAlternateRight: boolean;\n}\n\nconst TimelineContext = createContext<TimelineContextValue | null>(null);\n\nconst useTimeline = () => {\n  const context = useContext(TimelineContext);\n\n  if (!context) {\n    throw new Error(\"useTimeline must be used within a <Timeline />\");\n  }\n\n  return context;\n};\n\nconst TimelineItemContext = createContext<TimelineItemContextValue | null>(\n  null\n);\n\nconst useTimelineItem = () => {\n  const context = useContext(TimelineItemContext);\n\n  if (!context) {\n    throw new Error(\"useTimelineItem must be used within a <TimelineItem />\");\n  }\n\n  return context;\n};\n\nconst getItemStatus = (itemIndex: number, activeIndex?: number): Status => {\n  if (activeIndex === undefined) {\n    return \"pending\";\n  }\n  if (itemIndex < activeIndex) {\n    return \"completed\";\n  }\n  if (itemIndex === activeIndex) {\n    return \"active\";\n  }\n  return \"pending\";\n};\n\nexport {\n  type Direction,\n  type Orientation,\n  type Status,\n  type TimelineContextValue,\n  type TimelineItemContextValue,\n  type Variant,\n  getItemStatus,\n  TimelineContext,\n  TimelineItemContext,\n  useTimeline,\n  useTimelineItem,\n};\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineConnectorVariants = tv({\n  base: [\"absolute z-0\", \"group-last/timeline-item:hidden\"],\n  variants: {\n    status: {\n      completed: \"bg-primary\",\n      active: \"bg-border\",\n      pending: \"bg-border\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: [\n        \"start-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"top-[var(--timeline-dot-size)]\",\n        \"h-[calc(100%-var(--timeline-dot-size))]\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: [\n        \"start-[var(--timeline-dot-size)]\",\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: [\n        \"top-0\",\n        \"-right-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: [\n        \"top-0\",\n        \"-left-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: [\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"left-[var(--timeline-dot-size)]\",\n        \"row-start-2\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineConnectorProps extends useRender.ComponentProps<\"div\"> {\n  forceMount?: boolean;\n}\n\nconst TimelineConnector = ({\n  className,\n  render,\n  forceMount,\n  ...props\n}: TimelineConnectorProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        \"aria-hidden\": true,\n        className: cn(\n          timelineConnectorVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          forceMount && \"group-last/timeline-item:block\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-connector\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineConnector, timelineConnectorVariants };\nexport type { TimelineConnectorProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineContentVariants = tv({\n  base: \"flex-1\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className: \"text-right\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: false,\n      className: \"row-start-3 pt-2\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: true,\n      className: \"row-start-1 pb-2\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineContentProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineContent = ({\n  className,\n  render,\n  ...props\n}: TimelineContentProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineContentVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-content\",\n      status,\n    },\n  });\n};\n\nexport { TimelineContent, timelineContentVariants };\nexport type { TimelineContentProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineDescriptionProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDescription = ({\n  className,\n  render,\n  ...props\n}: TimelineDescriptionProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"text-sm text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-description\",\n    },\n  });\n\nexport { TimelineDescription };\nexport type { TimelineDescriptionProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineDotVariants = tv({\n  base: [\n    \"relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 bg-background\",\n    \"size-[var(--timeline-dot-size)]\",\n  ],\n  variants: {\n    status: {\n      completed: \"border-primary bg-primary\",\n      active: \"border-primary bg-background\",\n      pending: \"border-border bg-background\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className:\n        \"absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: true,\n      className:\n        \"absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      className: \"row-start-2\",\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineDotProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDot = ({ className, render, ...props }: TimelineDotProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineDotVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-dot\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineDot, timelineDotVariants };\nexport type { TimelineDotProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineHeaderProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineHeader = ({ className, render, ...props }: TimelineHeaderProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex flex-col gap-1\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-header\",\n    },\n  });\n\nexport { TimelineHeader };\nexport type { TimelineHeaderProps };\n","import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport {\n  getItemStatus,\n  TimelineItemContext,\n  useTimeline,\n} from \"./use-timeline\";\n\nconst timelineItemVariants = tv({\n  base: \"group/timeline-item relative flex\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-3 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"flex-col gap-3\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: \"w-1/2 gap-3 pr-6 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: \"ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineItemProps extends ComponentProps<\"li\"> {\n  index: number;\n  children?: ReactNode;\n}\n\nconst TimelineItem = ({\n  index,\n  className,\n  children,\n  ...props\n}: TimelineItemProps) => {\n  const { orientation, variant, dir, activeIndex } = useTimeline();\n\n  const status = getItemStatus(index, activeIndex);\n  const isAlternateRight = variant === \"alternate\" && index % 2 === 1;\n\n  const itemContextValue = useMemo(\n    () => ({\n      index,\n      status,\n      isAlternateRight,\n    }),\n    [index, status, isAlternateRight]\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemContextValue}>\n      <li\n        aria-current={status === \"active\" ? \"step\" : undefined}\n        className={cn(\n          timelineItemVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        )}\n        data-alternate-right={isAlternateRight ? \"\" : undefined}\n        data-orientation={orientation}\n        data-slot=\"timeline-item\"\n        data-status={status}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n};\n\nexport { TimelineItem, timelineItemVariants };\nexport type { TimelineItemProps };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTimeProps = useRender.ComponentProps<\"time\"> &\n  Pick<ComponentProps<\"time\">, \"dateTime\">;\n\nconst TimelineTime = ({ className, render, ...props }: TimelineTimeProps) =>\n  useRender({\n    defaultTagName: \"time\",\n    props: mergeProps<\"time\">(\n      {\n        className: cn(\"text-xs text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-time\",\n    },\n  });\n\nexport { TimelineTime };\nexport type { TimelineTimeProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTitleProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineTitle = ({ className, render, ...props }: TimelineTitleProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"leading-none font-semibold\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-title\",\n    },\n  });\n\nexport { TimelineTitle };\nexport type { TimelineTitleProps };\n","import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { TimelineConnector } from \"./timeline-connector\";\nimport { TimelineContent } from \"./timeline-content\";\nimport { TimelineDescription } from \"./timeline-description\";\nimport { TimelineDot } from \"./timeline-dot\";\nimport { TimelineHeader } from \"./timeline-header\";\nimport { TimelineItem } from \"./timeline-item\";\nimport { TimelineTime } from \"./timeline-time\";\nimport { TimelineTitle } from \"./timeline-title\";\nimport { type Direction, TimelineContext } from \"./use-timeline\";\n\nconst timelineVariants = tv({\n  base: [\n    \"group/timeline relative flex\",\n    \"[--timeline-connector-thickness:0.125rem]\",\n    \"[--timeline-dot-size:0.875rem]\",\n  ],\n  variants: {\n    orientation: {\n      vertical: \"flex-col\",\n      horizontal: \"flex-row items-start\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      className: \"relative w-full gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"items-center gap-0\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n});\n\ninterface TimelineProps\n  extends ComponentProps<\"ol\">, VariantProps<typeof timelineVariants> {\n  dir?: Direction;\n  activeIndex?: number;\n  children?: ReactNode;\n}\n\nconst Timeline = ({\n  orientation = \"vertical\",\n  variant = \"default\",\n  dir = \"ltr\",\n  activeIndex,\n  className,\n  children,\n  ...props\n}: TimelineProps) => {\n  const contextValue = useMemo(\n    () => ({\n      orientation,\n      variant,\n      dir,\n      activeIndex,\n    }),\n    [orientation, variant, dir, activeIndex]\n  );\n\n  return (\n    <TimelineContext.Provider value={contextValue}>\n      <ol\n        className={cn(timelineVariants({ orientation, variant }), className)}\n        data-orientation={orientation}\n        data-slot=\"timeline\"\n        data-variant={variant}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </ol>\n    </TimelineContext.Provider>\n  );\n};\n\nTimeline.Connector = TimelineConnector;\nTimeline.Content = TimelineContent;\nTimeline.Description = TimelineDescription;\nTimeline.Dot = TimelineDot;\nTimeline.Header = TimelineHeader;\nTimeline.Item = TimelineItem;\nTimeline.Time = TimelineTime;\nTimeline.Title = TimelineTitle;\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineDot,\n  TimelineHeader,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n  timelineVariants,\n};\nexport type { TimelineProps };\n\nexport type { TimelineConnectorProps } from \"./timeline-connector\";\nexport type { TimelineContentProps } from \"./timeline-content\";\nexport type { TimelineDescriptionProps } from \"./timeline-description\";\nexport type { TimelineDotProps } from \"./timeline-dot\";\nexport type { TimelineHeaderProps } from \"./timeline-header\";\nexport type { TimelineItemProps } from \"./timeline-item\";\nexport type { TimelineTimeProps } from \"./timeline-time\";\nexport type { TimelineTitleProps } from \"./timeline-title\";\n"],"mappings":"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"}
+{"version":3,"file":"timeline.js","names":[],"sources":["../../src/ui/timeline/use-timeline.ts","../../src/ui/timeline/timeline-connector.tsx","../../src/ui/timeline/timeline-content.tsx","../../src/ui/timeline/timeline-description.tsx","../../src/ui/timeline/timeline-dot.tsx","../../src/ui/timeline/timeline-header.tsx","../../src/ui/timeline/timeline-item.tsx","../../src/ui/timeline/timeline-time.tsx","../../src/ui/timeline/timeline-title.tsx","../../src/ui/timeline/timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"vertical\" | \"horizontal\";\ntype Variant = \"default\" | \"alternate\";\ntype Status = \"completed\" | \"active\" | \"pending\";\n\ninterface TimelineContextValue {\n  orientation: Orientation;\n  variant: Variant;\n  dir: Direction;\n  activeIndex?: number;\n}\n\ninterface TimelineItemContextValue {\n  index: number;\n  status: Status;\n  isAlternateRight: boolean;\n}\n\nconst TimelineContext = createContext<TimelineContextValue | null>(null);\n\nconst useTimeline = () => {\n  const context = useContext(TimelineContext);\n\n  if (!context) {\n    throw new Error(\"useTimeline must be used within a <Timeline />\");\n  }\n\n  return context;\n};\n\nconst TimelineItemContext = createContext<TimelineItemContextValue | null>(\n  null\n);\n\nconst useTimelineItem = () => {\n  const context = useContext(TimelineItemContext);\n\n  if (!context) {\n    throw new Error(\"useTimelineItem must be used within a <TimelineItem />\");\n  }\n\n  return context;\n};\n\nconst getItemStatus = (itemIndex: number, activeIndex?: number): Status => {\n  if (activeIndex === undefined) {\n    return \"pending\";\n  }\n  if (itemIndex < activeIndex) {\n    return \"completed\";\n  }\n  if (itemIndex === activeIndex) {\n    return \"active\";\n  }\n  return \"pending\";\n};\n\nexport {\n  type Direction,\n  type Orientation,\n  type Status,\n  type TimelineContextValue,\n  type TimelineItemContextValue,\n  type Variant,\n  getItemStatus,\n  TimelineContext,\n  TimelineItemContext,\n  useTimeline,\n  useTimelineItem,\n};\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineConnectorVariants = tv({\n  base: [\"z-base absolute\", \"group-last/timeline-item:hidden\"],\n  compoundVariants: [\n    {\n      className: [\n        \"start-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"top-[var(--timeline-dot-size)]\",\n        \"h-[calc(100%-var(--timeline-dot-size))]\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n      orientation: \"vertical\",\n      variant: \"default\",\n    },\n    {\n      className: [\n        \"start-[var(--timeline-dot-size)]\",\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n      orientation: \"horizontal\",\n      variant: \"default\",\n    },\n    {\n      className: [\n        \"top-0\",\n        \"-right-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n      isAlternateRight: false,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: [\n        \"top-0\",\n        \"-left-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n      isAlternateRight: true,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: [\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"left-[var(--timeline-dot-size)]\",\n        \"row-start-2\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n  ],\n  defaultVariants: {\n    isAlternateRight: false,\n    orientation: \"vertical\",\n    status: \"pending\",\n    variant: \"default\",\n  },\n  variants: {\n    isAlternateRight: {\n      false: \"\",\n      true: \"\",\n    },\n    orientation: {\n      horizontal: \"\",\n      vertical: \"\",\n    },\n    status: {\n      active: \"bg-border\",\n      completed: \"bg-primary\",\n      pending: \"bg-border\",\n    },\n    variant: {\n      alternate: \"\",\n      default: \"\",\n    },\n  },\n});\n\ninterface TimelineConnectorProps extends useRender.ComponentProps<\"div\"> {\n  forceMount?: boolean;\n}\n\nconst TimelineConnector = ({\n  className,\n  render,\n  forceMount,\n  ...props\n}: TimelineConnectorProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        \"aria-hidden\": true,\n        className: cn(\n          timelineConnectorVariants({\n            isAlternateRight,\n            orientation,\n            status,\n            variant,\n          }),\n          forceMount && \"group-last/timeline-item:block\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      orientation,\n      slot: \"timeline-connector\",\n      status,\n    },\n  });\n};\n\nexport { TimelineConnector, timelineConnectorVariants };\nexport type { TimelineConnectorProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineContentVariants = tv({\n  base: \"flex-1\",\n  compoundVariants: [\n    {\n      className: \"text-right\",\n      isAlternateRight: false,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"row-start-3 pt-2\",\n      isAlternateRight: false,\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"row-start-1 pb-2\",\n      isAlternateRight: true,\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n  ],\n  defaultVariants: {\n    isAlternateRight: false,\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n  variants: {\n    isAlternateRight: {\n      false: \"\",\n      true: \"\",\n    },\n    orientation: {\n      horizontal: \"\",\n      vertical: \"\",\n    },\n    variant: {\n      alternate: \"\",\n      default: \"\",\n    },\n  },\n});\n\ntype TimelineContentProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineContent = ({\n  className,\n  render,\n  ...props\n}: TimelineContentProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineContentVariants({\n            isAlternateRight,\n            orientation,\n            variant,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-content\",\n      status,\n    },\n  });\n};\n\nexport { TimelineContent, timelineContentVariants };\nexport type { TimelineContentProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineDescriptionProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDescription = ({\n  className,\n  render,\n  ...props\n}: TimelineDescriptionProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"text-muted-foreground text-sm\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-description\",\n    },\n  });\n\nexport { TimelineDescription };\nexport type { TimelineDescriptionProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineDotVariants = tv({\n  base: [\n    \"z-raised bg-background relative flex shrink-0 items-center justify-center rounded-full border-2\",\n    \"size-[var(--timeline-dot-size)]\",\n  ],\n  compoundVariants: [\n    {\n      className:\n        \"absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n      isAlternateRight: false,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className:\n        \"absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n      isAlternateRight: true,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"row-start-2\",\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n  ],\n  defaultVariants: {\n    isAlternateRight: false,\n    orientation: \"vertical\",\n    status: \"pending\",\n    variant: \"default\",\n  },\n  variants: {\n    isAlternateRight: {\n      false: \"\",\n      true: \"\",\n    },\n    orientation: {\n      horizontal: \"\",\n      vertical: \"\",\n    },\n    status: {\n      active: \"border-primary bg-background\",\n      completed: \"border-primary bg-primary\",\n      pending: \"border-border bg-background\",\n    },\n    variant: {\n      alternate: \"\",\n      default: \"\",\n    },\n  },\n});\n\ntype TimelineDotProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDot = ({ className, render, ...props }: TimelineDotProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineDotVariants({\n            isAlternateRight,\n            orientation,\n            status,\n            variant,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      orientation,\n      slot: \"timeline-dot\",\n      status,\n    },\n  });\n};\n\nexport { TimelineDot, timelineDotVariants };\nexport type { TimelineDotProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineHeaderProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineHeader = ({ className, render, ...props }: TimelineHeaderProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex flex-col gap-1\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-header\",\n    },\n  });\n\nexport { TimelineHeader };\nexport type { TimelineHeaderProps };\n","import { useMemo } from \"react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport {\n  getItemStatus,\n  TimelineItemContext,\n  useTimeline,\n} from \"./use-timeline\";\n\nconst timelineItemVariants = tv({\n  base: \"group/timeline-item relative flex\",\n  compoundVariants: [\n    {\n      className: \"gap-3 pb-8 last:pb-0\",\n      orientation: \"vertical\",\n      variant: \"default\",\n    },\n    {\n      className: \"flex-col gap-3\",\n      orientation: \"horizontal\",\n      variant: \"default\",\n    },\n    {\n      className: \"w-1/2 gap-3 pr-6 pb-8 last:pb-0\",\n      isAlternateRight: false,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0\",\n      isAlternateRight: true,\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3\",\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n  ],\n  defaultVariants: {\n    isAlternateRight: false,\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n  variants: {\n    isAlternateRight: {\n      false: \"\",\n      true: \"\",\n    },\n    orientation: {\n      horizontal: \"\",\n      vertical: \"\",\n    },\n    variant: {\n      alternate: \"\",\n      default: \"\",\n    },\n  },\n});\n\ninterface TimelineItemProps extends ComponentProps<\"li\"> {\n  index: number;\n  children?: ReactNode;\n}\n\nconst TimelineItem = ({\n  index,\n  className,\n  children,\n  ...props\n}: TimelineItemProps) => {\n  const { orientation, variant, dir, activeIndex } = useTimeline();\n\n  const status = getItemStatus(index, activeIndex);\n  const isAlternateRight = variant === \"alternate\" && index % 2 === 1;\n\n  const itemContextValue = useMemo(\n    () => ({\n      index,\n      isAlternateRight,\n      status,\n    }),\n    [index, status, isAlternateRight]\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemContextValue}>\n      <li\n        aria-current={status === \"active\" ? \"step\" : undefined}\n        className={cn(\n          timelineItemVariants({\n            isAlternateRight,\n            orientation,\n            variant,\n          }),\n          className\n        )}\n        data-alternate-right={isAlternateRight ? \"\" : undefined}\n        data-orientation={orientation}\n        data-slot=\"timeline-item\"\n        data-status={status}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n};\n\nexport { TimelineItem, timelineItemVariants };\nexport type { TimelineItemProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTimeProps = useRender.ComponentProps<\"time\"> &\n  Pick<ComponentProps<\"time\">, \"dateTime\">;\n\nconst TimelineTime = ({ className, render, ...props }: TimelineTimeProps) =>\n  useRender({\n    defaultTagName: \"time\",\n    props: mergeProps<\"time\">(\n      {\n        className: cn(\"text-muted-foreground text-xs\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-time\",\n    },\n  });\n\nexport { TimelineTime };\nexport type { TimelineTimeProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTitleProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineTitle = ({ className, render, ...props }: TimelineTitleProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"leading-none font-semibold\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-title\",\n    },\n  });\n\nexport { TimelineTitle };\nexport type { TimelineTitleProps };\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { TimelineConnector } from \"./timeline-connector\";\nimport { TimelineContent } from \"./timeline-content\";\nimport { TimelineDescription } from \"./timeline-description\";\nimport { TimelineDot } from \"./timeline-dot\";\nimport { TimelineHeader } from \"./timeline-header\";\nimport { TimelineItem } from \"./timeline-item\";\nimport { TimelineTime } from \"./timeline-time\";\nimport { TimelineTitle } from \"./timeline-title\";\nimport { TimelineContext } from \"./use-timeline\";\nimport type { Direction } from \"./use-timeline\";\n\nconst timelineVariants = tv({\n  base: [\n    \"group/timeline relative flex\",\n    \"[--timeline-connector-thickness:0.125rem]\",\n    \"[--timeline-dot-size:0.875rem]\",\n  ],\n  compoundVariants: [\n    {\n      className: \"gap-0\",\n      orientation: \"vertical\",\n      variant: \"default\",\n    },\n    {\n      className: \"gap-0\",\n      orientation: \"horizontal\",\n      variant: \"default\",\n    },\n    {\n      className: \"relative w-full gap-0\",\n      orientation: \"vertical\",\n      variant: \"alternate\",\n    },\n    {\n      className: \"items-center gap-0\",\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n  variants: {\n    orientation: {\n      horizontal: \"flex-row items-start\",\n      vertical: \"flex-col\",\n    },\n    variant: {\n      alternate: \"\",\n      default: \"\",\n    },\n  },\n});\n\ninterface TimelineProps\n  extends ComponentProps<\"ol\">, VariantProps<typeof timelineVariants> {\n  dir?: Direction;\n  activeIndex?: number;\n  children?: ReactNode;\n}\n\nconst Timeline = ({\n  orientation = \"vertical\",\n  variant = \"default\",\n  dir = \"ltr\",\n  activeIndex,\n  className,\n  children,\n  ...props\n}: TimelineProps) => {\n  const contextValue = useMemo(\n    () => ({\n      activeIndex,\n      dir,\n      orientation,\n      variant,\n    }),\n    [orientation, variant, dir, activeIndex]\n  );\n\n  return (\n    <TimelineContext.Provider value={contextValue}>\n      <ol\n        className={cn(timelineVariants({ orientation, variant }), className)}\n        data-orientation={orientation}\n        data-slot=\"timeline\"\n        data-variant={variant}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </ol>\n    </TimelineContext.Provider>\n  );\n};\n\nTimeline.Connector = TimelineConnector;\nTimeline.Content = TimelineContent;\nTimeline.Description = TimelineDescription;\nTimeline.Dot = TimelineDot;\nTimeline.Header = TimelineHeader;\nTimeline.Item = TimelineItem;\nTimeline.Time = TimelineTime;\nTimeline.Title = TimelineTitle;\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineDot,\n  TimelineHeader,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n  timelineVariants,\n};\nexport type { TimelineProps };\n\nexport type { TimelineConnectorProps } from \"./timeline-connector\";\nexport type { TimelineContentProps } from \"./timeline-content\";\nexport type { TimelineDescriptionProps } from \"./timeline-description\";\nexport type { TimelineDotProps } from \"./timeline-dot\";\nexport type { TimelineHeaderProps } from \"./timeline-header\";\nexport type { TimelineItemProps } from \"./timeline-item\";\nexport type { TimelineTimeProps } from \"./timeline-time\";\nexport type { TimelineTitleProps } from \"./timeline-title\";\n"],"mappings":";;;;;;;;;AAsBA,MAAM,kBAAkB,cAA2C,KAAK;AAExE,MAAM,oBAAoB;CACxB,MAAM,UAAU,WAAW,gBAAgB;AAE3C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAGnE,QAAO;;AAGT,MAAM,sBAAsB,cAC1B,KACD;AAED,MAAM,wBAAwB;CAC5B,MAAM,UAAU,WAAW,oBAAoB;AAE/C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,yDAAyD;AAG3E,QAAO;;AAGT,MAAM,iBAAiB,WAAmB,gBAAiC;AACzE,KAAI,gBAAgB,OAClB,QAAO;AAET,KAAI,YAAY,YACd,QAAO;AAET,KAAI,cAAc,YAChB,QAAO;AAET,QAAO;;;;;ACpDT,MAAM,4BAA4B,GAAG;CACnC,MAAM,CAAC,mBAAmB,kCAAkC;CAC5D,kBAAkB;EAChB;GACE,WAAW;IACT;IACA;IACA;IACA;IACD;GACD,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;IACT;IACA;IACA;IACA;IACD;GACD,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;IACT;IACA;IACA;IACA;IACD;GACD,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;IACT;IACA;IACA;IACA;IACD;GACD,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;IACT;IACA;IACA;IACA;IACA;IACD;GACD,aAAa;GACb,SAAS;GACV;EACF;CACD,iBAAiB;EACf,kBAAkB;EAClB,aAAa;EACb,QAAQ;EACR,SAAS;EACV;CACD,UAAU;EACR,kBAAkB;GAChB,OAAO;GACP,MAAM;GACP;EACD,aAAa;GACX,YAAY;GACZ,UAAU;GACX;EACD,QAAQ;GACN,QAAQ;GACR,WAAW;GACX,SAAS;GACV;EACD,SAAS;GACP,WAAW;GACX,SAAS;GACV;EACF;CACF,CAAC;AAMF,MAAM,qBAAqB,EACzB,WACA,QACA,YACA,GAAG,YACyB;CAC5B,MAAM,EAAE,aAAa,YAAY,aAAa;CAC9C,MAAM,EAAE,QAAQ,qBAAqB,iBAAiB;AAEtD,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL;GACE,eAAe;GACf,WAAW,GACT,0BAA0B;IACxB;IACA;IACA;IACA;IACD,CAAC,EACF,cAAc,kCACd,UACD;GACF,EACD,MACD;EACD;EACA,OAAO;GACL;GACA,MAAM;GACN;GACD;EACF,CAAC;;;;;ACzHJ,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,kBAAkB;EAChB;GACE,WAAW;GACX,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;GACX,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;GACX,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACF;CACD,iBAAiB;EACf,kBAAkB;EAClB,aAAa;EACb,SAAS;EACV;CACD,UAAU;EACR,kBAAkB;GAChB,OAAO;GACP,MAAM;GACP;EACD,aAAa;GACX,YAAY;GACZ,UAAU;GACX;EACD,SAAS;GACP,WAAW;GACX,SAAS;GACV;EACF;CACF,CAAC;AAIF,MAAM,mBAAmB,EACvB,WACA,QACA,GAAG,YACuB;CAC1B,MAAM,EAAE,aAAa,YAAY,aAAa;CAC9C,MAAM,EAAE,QAAQ,qBAAqB,iBAAiB;AAEtD,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,wBAAwB;GACtB;GACA;GACA;GACD,CAAC,EACF,UACD,EACF,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACD;EACF,CAAC;;;;;ACzEJ,MAAM,uBAAuB,EAC3B,WACA,QACA,GAAG,YAEH,UAAU;CACR,gBAAgB;CAChB,OAAO,WACL,EACE,WAAW,GAAG,iCAAiC,UAAU,EAC1D,EACD,MACD;CACD;CACA,OAAO,EACL,MAAM,wBACP;CACF,CAAC;;;;ACjBJ,MAAM,sBAAsB,GAAG;CAC7B,MAAM,CACJ,mGACA,kCACD;CACD,kBAAkB;EAChB;GACE,WACE;GACF,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WACE;GACF,kBAAkB;GAClB,aAAa;GACb,SAAS;GACV;EACD;GACE,WAAW;GACX,aAAa;GA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"}