@lotte-innovate/ui-component-test 0.1.69-beta.4 → 0.1.69-beta.5

package/dist/lib/components/Breadcrumb/BreadcrumbList.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
-export var breadcrumbListVariants = cva("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5", {
+export var breadcrumbListVariants = cva("flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5", {
     variants: {},
 });
 export var BreadcrumbList = forwardRef(function (_a, ref) {

package/dist/lib/components/Breadcrumb/BreadcrumbPage.js

@@ -25,7 +25,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { BreadCrumbContext } from './BreadcrumbRoot';
 import { cn } from '../../../lib/utils/utils';
-export var breadcrumbPageVariants = cva("text-foreground font-medium", {
+export var breadcrumbPageVariants = cva("font-medium", {
     variants: {
         size: {
             small: 'text-xs',

package/dist/lib/components/Gnb/GnbInfo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbInfoProps extends VariantProps<typeof gnbInfoVariants> {
+}
+declare const gnbInfoVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbInfo: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & GnbInfoProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/Gnb/GnbInfo.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbInfo = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("div", __assign({ className: cn(gnbInfoVariants({ size: size }), className), ref: ref }, props, { children: _jsx("nav", { className: "flex items-center", children: children }) })));
+});
+GnbInfo.displayName = 'Gnb.Info';

package/dist/lib/components/Gnb/GnbLogo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbLogoProps extends VariantProps<typeof gnbLogoVariants> {
+}
+declare const gnbLogoVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbLogo: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & GnbLogoProps & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/lib/components/Gnb/GnbLogo.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import LogoImage from 'stories/assets/logo.png';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+import Image from 'next/image';
+var gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6', {
+    variants: {
+        size: {
+            small: 'text-xs w-[140px] h-[15px]',
+            medium: 'text-sm w-[150px] h-[20px]',
+            large: 'text-base w-[160px] h-[25px]',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbLogo = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: "/", className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Image, { src: LogoImage, alt: "logo" }) })));
+});
+GnbLogo.displayName = 'Gnb.Logo';

package/dist/lib/components/Gnb/GnbMenu.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { INavItem } from '../../../lib/types';
+export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
+    menuList: INavItem[];
+}
+declare const gnbMenuVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & GnbMenuProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/Gnb/GnbMenu.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { usePathname } from 'next/navigation';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+import Link from 'next/link';
+var gnbMenuVariants = cva('mr-4 hidden md:flex', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenu = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, menuList = _a.menuList, props = __rest(_a, ["children", "className", "menuList"]);
+    var size = useContext(GnbContext).size;
+    var pathname = usePathname();
+    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: menuList.map(function (menu, index) { return (_jsx(Link, { href: menu.href, className: cn('hover:text-slate-11', menu.href.startsWith(pathname) ? 'text-slate-12' : 'text-slate-10'), children: menu.title }, index)); }) }) })));
+});
+GnbMenu.displayName = 'Gnb.Menu';

package/dist/lib/components/Gnb/GnbRoot.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbProps extends VariantProps<typeof GnbVariants> {
+}
+declare const GnbVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbContext: React.Context<GnbProps>;
+export declare const Gnb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & GnbProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/lib/components/Gnb/GnbRoot.js

@@ -0,0 +1,51 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, createContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+var GnbVariants = cva('sticky top-0 z-50 w-full px-8 backdrop-blur flex items-center', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'text-xs h-12',
+            medium: 'text-sm h-14',
+            large: 'text-base h-16',
+        },
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var GnbContext = createContext({
+    size: 'medium',
+});
+export var Gnb = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "className", "size", "scaling"]);
+    var contextValue = { size: size };
+    return (_jsx(GnbContext.Provider, { value: contextValue, children: _jsx("header", __assign({ className: cn(GnbVariants({ size: size, scaling: scaling }), className), ref: ref }, props, { children: children })) }));
+});
+Gnb.displayName = 'Gnb.Root';

package/dist/lib/components/Gnb/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Gnb: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("./GnbRoot").GnbProps & import("react").RefAttributes<HTMLElement>>;
+    Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbLogo").GnbLogoProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbMenu").GnbMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    Info: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbInfo").GnbInfoProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default Gnb;

package/dist/lib/components/Gnb/index.js

@@ -0,0 +1,11 @@
+import { Gnb as Root } from './GnbRoot';
+import { GnbLogo as Logo } from './GnbLogo';
+import { GnbMenu as Menu } from './GnbMenu';
+import { GnbInfo as Info } from './GnbInfo';
+var Gnb = {
+    Root: Root,
+    Logo: Logo,
+    Menu: Menu,
+    Info: Info,
+};
+export default Gnb;

package/dist/lib/components/Slider/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from '../../../lib/types';
+import { IColor, IScaling } from '../../../lib/types';
 export interface SliderProps extends VariantProps<typeof sliderVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;
     size?: 'small' | 'medium' | 'large';
     scaling?: IScaling;
+    color?: IColor;
 }
 declare const sliderVariants: (props?: ({
     radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;

package/dist/lib/components/Timeline/TimelineConnector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineConnectorProps extends VariantProps<typeof timelineConnectorVariants> {
+}
+export declare const timelineConnectorVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineConnector: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Timeline/TimelineConnector.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var timelineConnectorVariants = cva('absolute top-[5px] left-[30px] -translate-x-1/2 translate-y-2 h-full w-0.5 bg-slateA-6 dark:bg-slateDarkA-6', 
+// `absolute left-[30px] top-[5px] h-full w-px -translate-x-1/2 translate-y-2 bg-slateA-7 dark:bg-slateDarkA-7`,
+{
+    variants: {},
+});
+export var TimelineConnector = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("div", __assign({ ref: ref, className: cn(timelineConnectorVariants({}), className) }, props)));
+});
+TimelineConnector.displayName = 'Timeline.Connector';

package/dist/lib/components/Timeline/TimelineContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineContentProps extends VariantProps<typeof timelineContentVariants> {
+}
+export declare const timelineContentVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Timeline/TimelineContent.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var timelineContentVariants = cva("flex flex-col items-start p-6 pt-0", {
+    variants: {},
+});
+export var TimelineContent = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("div", __assign({ ref: ref, className: cn(timelineContentVariants({}), className) }, props)));
+});
+TimelineContent.displayName = 'Timeline.Content';

package/dist/lib/components/Timeline/TimelineDescription.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineDescriptionProps extends VariantProps<typeof timelineDescriptionVariants> {
+}
+export declare const timelineDescriptionVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/lib/components/Timeline/TimelineDescription.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var timelineDescriptionVariants = cva("text-muted-foreground max-w-sm text-sm text-slate-12 dark:text-slateDark-12", {
+    variants: {},
+});
+export var TimelineDescription = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("p", __assign({ ref: ref, className: cn(timelineDescriptionVariants({}), className) }, props)));
+});
+TimelineDescription.displayName = 'Timeline.Description';

package/dist/lib/components/Timeline/TimelineHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineHeaderProps extends VariantProps<typeof timelineHeaderVariants> {
+}
+export declare const timelineHeaderVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Timeline/TimelineHeader.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var timelineHeaderVariants = cva("flex items-center gap-4", {
+    variants: {},
+});
+export var TimelineHeader = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("div", __assign({ ref: ref, className: cn(timelineHeaderVariants({}), className) }, props)));
+});
+TimelineHeader.displayName = 'Timeline.Header';

package/dist/lib/components/Timeline/TimelineIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineIconProps extends VariantProps<typeof timelineIconVariants> {
+}
+export declare const timelineIconVariants: (props?: ({
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Timeline/TimelineIcon.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { TimelineContext } from './TimelineRoot';
+import { borderColorStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+export var timelineIconVariants = cva("flex size-3 flex-col rounded-full border-2 bg-white z-[987654321]", {
+    variants: {
+        color: borderColorStyle(),
+    },
+    defaultVariants: {
+        color: 'red',
+    },
+});
+export var TimelineIcon = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var color = useContext(TimelineContext).color;
+    return _jsx("div", __assign({ ref: ref, className: cn(timelineIconVariants({ color: color }), className) }, props));
+});
+TimelineIcon.displayName = 'Timeline.Icon';

package/dist/lib/components/Timeline/TimelineItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineItemProps extends VariantProps<typeof timelineItemVariants> {
+}
+export declare const timelineItemVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineItem: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

package/dist/lib/components/Timeline/TimelineItem.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var timelineItemVariants = cva('relative flex flex-col p-6 pt-3 [&>*]:mb-3', {
+    variants: {},
+});
+export var TimelineItem = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("li", __assign({ ref: ref, className: cn(timelineItemVariants({}), className) }, props)));
+});
+TimelineItem.displayName = 'Timeline.Item';

package/dist/lib/components/Timeline/TimelineRoot.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface TimelineRootProps extends VariantProps<typeof timelineRootVariants> {
+}
+export declare const timelineRootVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TimelineContext: React.Context<TimelineRootProps>;
+export declare const TimelineRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLOListElement> & TimelineRootProps & React.RefAttributes<HTMLOListElement>>;

package/dist/lib/components/Timeline/TimelineRoot.js

@@ -0,0 +1,53 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, createContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants, textColorStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+export var timelineRootVariants = cva("flex flex-col pl-24", {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+        color: textColorStyle(),
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+        color: 'red',
+    },
+});
+export var TimelineContext = createContext({
+    color: 'red',
+});
+export var TimelineRoot = forwardRef(function (_a, ref) {
+    var className = _a.className, scaling = _a.scaling, size = _a.size, color = _a.color, props = __rest(_a, ["className", "scaling", "size", "color"]);
+    var contextValue = { color: color };
+    return (_jsx(TimelineContext.Provider, { value: contextValue, children: _jsx("ol", __assign({ ref: ref, className: cn(timelineRootVariants({ scaling: scaling, size: size, color: color }), className) }, props)) }));
+});
+TimelineRoot.displayName = 'Timeline.Root';