@schemavaults/ui 0.16.4 → 0.18.0

package/dist/components/ui/empty-state/empty-state.d.ts

@@ -0,0 +1,51 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, Ref } from "react";
+export declare const emptyStateVariantIds: ["default", "muted", "destructive", "warning"];
+export type EmptyStateVariantId = (typeof emptyStateVariantIds)[number];
+export declare const emptyStateSizeIds: ["sm", "md", "lg"];
+export type EmptyStateSizeId = (typeof emptyStateSizeIds)[number];
+declare const emptyStateVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function EmptyState({ className, variant, size, ref, ...props }: EmptyStateProps): ReactElement;
+declare namespace EmptyState {
+    var displayName: string;
+}
+declare const emptyStateIconVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateIconVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function EmptyStateIcon({ className, variant, size, ref, ...props }: EmptyStateIconProps): ReactElement;
+declare namespace EmptyStateIcon {
+    var displayName: string;
+}
+export interface EmptyStateTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    size?: EmptyStateSizeId;
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare function EmptyStateTitle({ className, size, ref, ...props }: EmptyStateTitleProps): ReactElement;
+declare namespace EmptyStateTitle {
+    var displayName: string;
+}
+export interface EmptyStateDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function EmptyStateDescription({ className, ref, ...props }: EmptyStateDescriptionProps): ReactElement;
+declare namespace EmptyStateDescription {
+    var displayName: string;
+}
+export interface EmptyStateActionsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function EmptyStateActions({ className, ref, ...props }: EmptyStateActionsProps): ReactElement;
+declare namespace EmptyStateActions {
+    var displayName: string;
+}
+export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, emptyStateIconVariants, };

package/dist/components/ui/empty-state/empty-state.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const emptyStateVariantIds = [
+    "default",
+    "muted",
+    "destructive",
+    "warning",
+];
+export const emptyStateSizeIds = ["sm", "md", "lg"];
+const emptyStateVariants = cva("flex w-full flex-col items-center justify-center text-center rounded-lg border border-dashed", {
+    variants: {
+        variant: {
+            default: "bg-background text-foreground border-border",
+            muted: "bg-muted/40 text-foreground border-border",
+            destructive: "bg-destructive/5 text-destructive border-destructive/40 dark:border-destructive",
+            warning: "bg-warning/5 text-warning border-warning/40 dark:border-warning",
+        },
+        size: {
+            sm: "gap-2 p-4",
+            md: "gap-3 p-8",
+            lg: "gap-4 p-12",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function EmptyState({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, role: "status", "data-slot": "empty-state", className: cn(emptyStateVariants({ variant, size }), className), ...props }));
+}
+EmptyState.displayName = "EmptyState";
+const emptyStateIconVariants = cva("flex items-center justify-center rounded-full [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-muted text-muted-foreground",
+            muted: "bg-muted text-muted-foreground",
+            destructive: "bg-destructive/10 text-destructive",
+            warning: "bg-warning/10 text-warning",
+        },
+        size: {
+            sm: "size-10 [&>svg]:size-5",
+            md: "size-14 [&>svg]:size-7",
+            lg: "size-20 [&>svg]:size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function EmptyStateIcon({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", "data-slot": "empty-state-icon", className: cn(emptyStateIconVariants({ variant, size }), className), ...props }));
+}
+EmptyStateIcon.displayName = "EmptyStateIcon";
+const emptyStateTitleSizes = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg",
+};
+function EmptyStateTitle({ className, size = "md", ref, ...props }) {
+    return (_jsx("h3", { ref: ref, "data-slot": "empty-state-title", className: cn("font-semibold leading-tight tracking-tight", emptyStateTitleSizes[size], className), ...props, children: props.children }));
+}
+EmptyStateTitle.displayName = "EmptyStateTitle";
+function EmptyStateDescription({ className, ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "empty-state-description", className: cn("max-w-prose text-sm text-muted-foreground [&_p]:leading-relaxed", className), ...props }));
+}
+EmptyStateDescription.displayName = "EmptyStateDescription";
+function EmptyStateActions({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "empty-state-actions", className: cn("mt-2 flex flex-wrap items-center justify-center gap-2", className), ...props }));
+}
+EmptyStateActions.displayName = "EmptyStateActions";
+export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, emptyStateIconVariants, };
+//# sourceMappingURL=empty-state.js.map

package/dist/components/ui/empty-state/empty-state.js.map

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

package/dist/components/ui/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./empty-state";
+export type * from "./empty-state";

package/dist/components/ui/empty-state/index.js

@@ -0,0 +1,2 @@
+export * from "./empty-state";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -104,3 +104,7 @@ export * from "./spinner";
 export type * from "./spinner";
 export * from "./banner";
 export type * from "./banner";
+export * from "./empty-state";
+export type * from "./empty-state";
+export * from "./timeline";
+export type * from "./timeline";

package/dist/components/ui/index.js

@@ -51,4 +51,6 @@ export * from "./breadcrumb";
 export * from "./kbd";
 export * from "./spinner";
 export * from "./banner";
+export * from "./empty-state";
+export * from "./timeline";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC"}

package/dist/components/ui/timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { Timeline, Timeline as default, TimelineItem, TimelineIndicator, TimelineDot, TimelineConnector, TimelineContent, TimelineHeader, TimelineTitle, TimelineTime, TimelineDescription, timelineDotVariants, timelineConnectorVariants, timelineVariantIds, timelineSizeIds, } from "./timeline";
+export type { TimelineProps, TimelineItemProps, TimelineIndicatorProps, TimelineDotProps, TimelineConnectorProps, TimelineContentProps, TimelineHeaderProps, TimelineTitleProps, TimelineTimeProps, TimelineDescriptionProps, TimelineVariantId, TimelineSizeId, } from "./timeline";

package/dist/components/ui/timeline/index.js

@@ -0,0 +1,2 @@
+export { Timeline, Timeline as default, TimelineItem, TimelineIndicator, TimelineDot, TimelineConnector, TimelineContent, TimelineHeader, TimelineTitle, TimelineTime, TimelineDescription, timelineDotVariants, timelineConnectorVariants, timelineVariantIds, timelineSizeIds, } from "./timeline";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,IAAI,OAAO,EACnB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/ui/timeline/timeline.d.ts

@@ -0,0 +1,88 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, OlHTMLAttributes, LiHTMLAttributes, ReactElement, Ref } from "react";
+export declare const timelineVariantIds: ["default", "primary", "destructive", "warning", "muted"];
+export type TimelineVariantId = (typeof timelineVariantIds)[number];
+export declare const timelineSizeIds: ["sm", "md", "lg"];
+export type TimelineSizeId = (typeof timelineSizeIds)[number];
+export interface TimelineProps extends OlHTMLAttributes<HTMLOListElement> {
+    ref?: Ref<HTMLOListElement>;
+}
+declare function Timeline({ className, ref, ...props }: TimelineProps): ReactElement;
+declare namespace Timeline {
+    var displayName: string;
+}
+export interface TimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    size?: TimelineSizeId;
+    ref?: Ref<HTMLLIElement>;
+}
+declare function TimelineItem({ className, size, ref, ...props }: TimelineItemProps): ReactElement;
+declare namespace TimelineItem {
+    var displayName: string;
+}
+declare const timelineDotVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+    filled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TimelineDotProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof timelineDotVariants> {
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function TimelineDot({ className, variant, size, filled, ref, ...props }: TimelineDotProps): ReactElement;
+declare namespace TimelineDot {
+    var displayName: string;
+}
+declare const timelineConnectorVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TimelineConnectorProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof timelineConnectorVariants> {
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function TimelineConnector({ className, variant, ref, ...props }: TimelineConnectorProps): ReactElement;
+declare namespace TimelineConnector {
+    var displayName: string;
+}
+export interface TimelineIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    size?: TimelineSizeId;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function TimelineIndicator({ className, size, ref, ...props }: TimelineIndicatorProps): ReactElement;
+declare namespace TimelineIndicator {
+    var displayName: string;
+}
+export interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function TimelineContent({ className, ref, ...props }: TimelineContentProps): ReactElement;
+declare namespace TimelineContent {
+    var displayName: string;
+}
+export interface TimelineHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function TimelineHeader({ className, ref, ...props }: TimelineHeaderProps): ReactElement;
+declare namespace TimelineHeader {
+    var displayName: string;
+}
+export interface TimelineTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare function TimelineTitle({ className, ref, ...props }: TimelineTitleProps): ReactElement;
+declare namespace TimelineTitle {
+    var displayName: string;
+}
+export interface TimelineTimeProps extends HTMLAttributes<HTMLTimeElement> {
+    ref?: Ref<HTMLTimeElement>;
+    dateTime?: string;
+}
+declare function TimelineTime({ className, ref, dateTime, ...props }: TimelineTimeProps): ReactElement;
+declare namespace TimelineTime {
+    var displayName: string;
+}
+export interface TimelineDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function TimelineDescription({ className, ref, ...props }: TimelineDescriptionProps): ReactElement;
+declare namespace TimelineDescription {
+    var displayName: string;
+}
+export { Timeline, TimelineItem, TimelineIndicator, TimelineDot, TimelineConnector, TimelineContent, TimelineHeader, TimelineTitle, TimelineTime, TimelineDescription, timelineDotVariants, timelineConnectorVariants, };

package/dist/components/ui/timeline/timeline.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const timelineVariantIds = [
+    "default",
+    "primary",
+    "destructive",
+    "warning",
+    "muted",
+];
+export const timelineSizeIds = ["sm", "md", "lg"];
+function Timeline({ className, ref, ...props }) {
+    return (_jsx("ol", { ref: ref, "data-slot": "timeline", className: cn("relative flex flex-col", className), ...props }));
+}
+Timeline.displayName = "Timeline";
+const timelineItemSizes = {
+    sm: "gap-x-2 pb-4 [&:last-child]:pb-0",
+    md: "gap-x-3 pb-6 [&:last-child]:pb-0",
+    lg: "gap-x-4 pb-8 [&:last-child]:pb-0",
+};
+function TimelineItem({ className, size = "md", ref, ...props }) {
+    return (_jsx("li", { ref: ref, "data-slot": "timeline-item", className: cn("relative grid grid-cols-[auto_1fr] items-start", timelineItemSizes[size], className), ...props }));
+}
+TimelineItem.displayName = "TimelineItem";
+const timelineDotVariants = cva("relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "border-border bg-background text-foreground",
+            primary: "border-primary bg-primary text-primary-foreground",
+            destructive: "border-destructive bg-destructive text-white dark:bg-destructive/80",
+            warning: "border-warning bg-warning text-warning-foreground",
+            muted: "border-border bg-muted text-muted-foreground",
+        },
+        size: {
+            sm: "size-4 [&>svg]:size-2.5",
+            md: "size-6 [&>svg]:size-3.5",
+            lg: "size-8 [&>svg]:size-4",
+        },
+        filled: {
+            true: "",
+            false: "bg-background",
+        },
+    },
+    compoundVariants: [
+        {
+            filled: false,
+            variant: "default",
+            className: "text-muted-foreground",
+        },
+        {
+            filled: false,
+            variant: "primary",
+            className: "text-primary",
+        },
+        {
+            filled: false,
+            variant: "destructive",
+            className: "text-destructive dark:bg-background",
+        },
+        {
+            filled: false,
+            variant: "warning",
+            className: "text-warning",
+        },
+        {
+            filled: false,
+            variant: "muted",
+            className: "text-muted-foreground",
+        },
+    ],
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        filled: true,
+    },
+});
+function TimelineDot({ className, variant, size, filled, ref, ...props }) {
+    return (_jsx("span", { ref: ref, "aria-hidden": "true", "data-slot": "timeline-dot", className: cn(timelineDotVariants({ variant, size, filled }), className), ...props }));
+}
+TimelineDot.displayName = "TimelineDot";
+const timelineConnectorVariants = cva("row-start-2 mx-auto w-px flex-1", {
+    variants: {
+        variant: {
+            default: "bg-border",
+            primary: "bg-primary/40",
+            destructive: "bg-destructive/40",
+            warning: "bg-warning/40",
+            muted: "bg-muted-foreground/20",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function TimelineConnector({ className, variant, ref, ...props }) {
+    return (_jsx("span", { ref: ref, "aria-hidden": "true", "data-slot": "timeline-connector", className: cn(timelineConnectorVariants({ variant }), className), ...props }));
+}
+TimelineConnector.displayName = "TimelineConnector";
+const timelineIndicatorSizes = {
+    sm: "min-h-6",
+    md: "min-h-8",
+    lg: "min-h-10",
+};
+function TimelineIndicator({ className, size = "md", ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "timeline-indicator", className: cn("col-start-1 row-span-full grid grid-rows-[auto_1fr] items-start justify-items-center", timelineIndicatorSizes[size], className), ...props }));
+}
+TimelineIndicator.displayName = "TimelineIndicator";
+function TimelineContent({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "timeline-content", className: cn("col-start-2 flex flex-col gap-1 pt-0.5 text-sm", className), ...props }));
+}
+TimelineContent.displayName = "TimelineContent";
+function TimelineHeader({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "timeline-header", className: cn("flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5", className), ...props }));
+}
+TimelineHeader.displayName = "TimelineHeader";
+function TimelineTitle({ className, ref, ...props }) {
+    return (_jsx("h4", { ref: ref, "data-slot": "timeline-title", className: cn("text-sm font-semibold leading-tight text-foreground", className), ...props, children: props.children }));
+}
+TimelineTitle.displayName = "TimelineTitle";
+function TimelineTime({ className, ref, dateTime, ...props }) {
+    return (_jsx("time", { ref: ref, dateTime: dateTime, "data-slot": "timeline-time", className: cn("whitespace-nowrap text-xs font-medium text-muted-foreground tabular-nums", className), ...props }));
+}
+TimelineTime.displayName = "TimelineTime";
+function TimelineDescription({ className, ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "timeline-description", className: cn("text-sm leading-relaxed text-muted-foreground [&_p]:leading-relaxed", className), ...props }));
+}
+TimelineDescription.displayName = "TimelineDescription";
+export { Timeline, TimelineItem, TimelineIndicator, TimelineDot, TimelineConnector, TimelineContent, TimelineHeader, TimelineTitle, TimelineTime, TimelineDescription, timelineDotVariants, timelineConnectorVariants, };
+//# sourceMappingURL=timeline.js.map

package/dist/components/ui/timeline/timeline.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.16.4",
+  "version": "0.18.0",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",