@lotte-innovate/ui-component-test 0.1.126 → 0.1.127-beta.0

package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts

@@ -3,13 +3,17 @@ import { CheckboxGroup as CheckboxGroupTheme } from '@radix-ui/themes';
 import { CheckboxVariants } from '../../../lib/components/Checkbox';
 import { VariantProps } from 'class-variance-authority';
 import { IAppearance, IColor } from '../../../lib/types';
-export interface CheckboxGroupRootProps extends VariantProps<typeof CheckboxGroupVariants>, VariantProps<typeof CheckboxVariants> {
+export interface CheckboxGroupRootProps extends VariantProps<typeof CheckboxGroupVerticalVariants>, VariantProps<typeof CheckboxVariants> {
     children?: ReactNode;
     defaultValue?: string[];
     color?: IColor;
     appearance?: Exclude<IAppearance, 'ghost' | 'outline' | 'solid'>;
+    orientation?: 'horizontal' | 'vertical';
 }
-export declare const CheckboxGroupVariants: (props?: ({
+export declare const CheckboxGroupVerticalVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const CheckboxGroupHorizontalVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const useCheckboxGroupContext: () => CheckboxGroupRootProps;

package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.js

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { useTheme } from '../../../lib/theme';
 import { MAIN_COLOR } from '../../../lib/color/constants';
-export var CheckboxGroupVariants = cva("", {
+export var CheckboxGroupVerticalVariants = cva("", {
     variants: {
         size: {
             small: 'space-y-1',
@@ -18,6 +18,18 @@ export var CheckboxGroupVariants = cva("", {
         size: 'medium',
     },
 });
+export var CheckboxGroupHorizontalVariants = cva("flex-row", {
+    variants: {
+        size: {
+            small: 'space-x-2',
+            medium: 'space-x-3',
+            large: 'space-x-4',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
 var CheckboxGroupContext = createContext({
     size: 'medium',
     color: MAIN_COLOR,
@@ -29,7 +41,7 @@ export var useCheckboxGroupContext = function () {
     return useContext(CheckboxGroupContext);
 };
 export var CheckboxGroupRoot = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance;
+    var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance, _b = _a.orientation, orientation = _b === void 0 ? 'vertical' : _b;
     var theme = useTheme().theme;
     var contextValue = {
         radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
@@ -38,7 +50,10 @@ export var CheckboxGroupRoot = forwardRef(function (_a, ref) {
         size: size,
         appearance: appearance,
     };
-    return (_jsx(CheckboxGroupContext.Provider, { value: contextValue, children: _jsx(CheckboxGroupTheme.Root, { ref: ref, defaultValue: defaultValue, className: cn(CheckboxGroupVariants({ size: size }), className), children: Children.map(children, function (child) { return React.cloneElement(child, { defaultValue: defaultValue }); }) }) }));
+    var sizeClassName = orientation === 'vertical'
+        ? CheckboxGroupVerticalVariants({ size: size })
+        : CheckboxGroupHorizontalVariants({ size: size });
+    return (_jsx(CheckboxGroupContext.Provider, { value: contextValue, children: _jsx(CheckboxGroupTheme.Root, { ref: ref, defaultValue: defaultValue, className: cn(sizeClassName, className), children: Children.map(children, function (child) { return React.cloneElement(child, { defaultValue: defaultValue }); }) }) }));
 });
 CheckboxGroupRoot.displayName = 'CheckboxGroup.Root';
 export default CheckboxGroupRoot;

package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import a,{createContext as r,forwardRef as i,Children as m,useContext as o}from"react";import{CheckboxGroup as t}from"@radix-ui/themes";import{cva as l}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var n=l("",{variants:{size:{small:"space-y-1",medium:"space-y-2",large:"space-y-3"}},defaultVariants:{size:"medium"}}),d=r({size:"medium",color:c,scaling:"100%",radius:"medium",appearance:"surface"}),p=function(){return o(d)},f=i((function(r,i){var o=r.className,l=r.children,c=r.defaultValue,p=r.scaling,f=r.size,h=r.color,v=r.radius,z=r.appearance,g=u().theme,y={radius:null!=v?v:g.themeRadius,scaling:null!=p?p:g.themeScaling,color:null!=h?h:g.themeColor,size:f,appearance:z};return e(d.Provider,{value:y,children:e(t.Root,{ref:i,defaultValue:c,className:s(n({size:f}),o),children:m.map(l,(function(e){return a.cloneElement(e,{defaultValue:c})}))})})}));f.displayName="CheckboxGroup.Root";export{f as CheckboxGroupRoot,n as CheckboxGroupVariants,f as default,p as useCheckboxGroupContext};
+import{jsx as e}from"react/jsx-runtime";import a,{createContext as r,forwardRef as i,Children as s,useContext as t}from"react";import{CheckboxGroup as l}from"@radix-ui/themes";import{cva as m}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var n=m("",{variants:{size:{small:"space-y-1",medium:"space-y-2",large:"space-y-3"}},defaultVariants:{size:"medium"}}),d=m("flex-row",{variants:{size:{small:"space-x-2",medium:"space-x-3",large:"space-x-4"}},defaultVariants:{size:"medium"}}),p=r({size:"medium",color:c,scaling:"100%",radius:"medium",appearance:"surface"}),f=function(){return t(p)},h=i((function(r,i){var t=r.className,m=r.children,c=r.defaultValue,f=r.scaling,h=r.size,v=r.color,z=r.radius,x=r.appearance,g=r.orientation,y=void 0===g?"vertical":g,V=u().theme,j={radius:null!=z?z:V.themeRadius,scaling:null!=f?f:V.themeScaling,color:null!=v?v:V.themeColor,size:h,appearance:x},N="vertical"===y?n({size:h}):d({size:h});return e(p.Provider,{value:j,children:e(l.Root,{ref:i,defaultValue:c,className:o(N,t),children:s.map(m,(function(e){return a.cloneElement(e,{defaultValue:c})}))})})}));h.displayName="CheckboxGroup.Root";export{d as CheckboxGroupHorizontalVariants,h as CheckboxGroupRoot,n as CheckboxGroupVerticalVariants,h as default,f as useCheckboxGroupContext};
 //# sourceMappingURL=CheckboxGroupRoot.mjs.map

package/dist/lib/components/Grid/useGrid.js

@@ -30,6 +30,11 @@ import Checkbox from '../Checkbox';
 function IndeterminateCheckbox(_a) {
     var indeterminate = _a.indeterminate, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange;
     var ref = useRef();
+    React.useEffect(function () {
+        if (typeof indeterminate === 'boolean') {
+            ref.current.indeterminate = checked && indeterminate;
+        }
+    }, [ref, indeterminate]);
     return (_jsx(Checkbox, { ref: ref, id: "checkbox", checked: checked, disabled: disabled, onCheckedChange: onChange, indeterminate: indeterminate }));
 }
 export var useGrid = function (_a) {
@@ -56,13 +61,12 @@ export var useGrid = function (_a) {
                 var table = _a.table;
                 return (_jsx("div", { className: "header-checkbox", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
-                        onChange: table.toggleAllRowsSelected }) }));
+                        onChange: table.getToggleAllRowsSelectedHandler() }) }));
             },
             cell: function (_a) {
                 var row = _a.row;
-                return (_jsx("div", { className: "px-1", style: { paddingLeft: "".concat(row.depth * 10, "px") }, children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected(),
-                        disabled: !row.getCanSelect(),
-                        indeterminate: row.getIsSomeSelected(),
+                return (_jsx("div", { className: "px-1", style: { paddingLeft: "".concat(row.depth * 10, "px") }, children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected() || row.getIsSomeSelected() || row.getIsAllSubRowsSelected(),
+                        indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
                         onChange: row.getToggleSelectedHandler() }) }));
             },
         });

package/dist/lib/components/Grid/useGrid.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as c,useReactTable as d}from"@tanstack/react-table";import i,{useRef as s}from"react";import{IconButton as g}from"../IconButton/index.mjs";import{ChevronDownIcon as p,ChevronRightIcon as u}from"@radix-ui/react-icons";import{Checkbox as h}from"../Checkbox/index.mjs";var m=function(){return m=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},m.apply(this,arguments)},f=function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t};function w(e){var t=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=s();return n(h,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:a,indeterminate:t})}var b=function(s){var h,b,x=f(s,[]),v=i.useState([]),S=v[0],y=v[1],R=i.useState({}),C=R[0],O=R[1],k=i.useState({}),E=k[0],j=k[1],I=o(),P=null===(h=null==x?void 0:x.columns)||void 0===h?void 0:h.map((function(e){return I.accessor(e.id,m({},e))}));if(x.enableExpanding){var M=P[0].cell;P[0]=m(m({},P[0]),{cell:function(o){var r;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*o.row.depth,"px")},children:[o.row.getCanExpand()?n(g,{onClick:o.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(r=o.color)&&void 0!==r?r:"red",children:o.row.getIsExpanded()?n(p,{}):n(u,{})}):n(t,{}),n("div",{children:M?M(o):o.getValue()})]})}})}x.enableRowSelection&&(null==P||P.unshift({id:"select",header:function(e){var t=e.table;return n("div",{className:"header-checkbox",children:n(w,{checked:t.getIsAllRowsSelected()||t.getIsSomeRowsSelected(),indeterminate:t.getIsSomeRowsSelected(),onChange:t.toggleAllRowsSelected})})},cell:function(e){var t=e.row;return n("div",{className:"px-1",style:{paddingLeft:"".concat(10*t.depth,"px")},children:n(w,{checked:t.getIsSelected(),disabled:!t.getCanSelect(),indeterminate:t.getIsSomeSelected(),onChange:t.getToggleSelectedHandler()})})}}));var N=m(m({state:{sorting:S,rowSelection:E,expanded:C}},x),{data:x.data,columns:P,color:null!==(b=x.color)&&void 0!==b?b:"red",paginateExpandedRows:!0,enableExpanding:!!x.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:O,onSortingChange:y,onRowSelectionChange:j,getSortedRowModel:r(),getCoreRowModel:a(),getExpandedRowModel:l()});return x.enableRowPagination&&(N.getPaginationRowModel=c()),d(N)};export{b as useGrid};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as c,useReactTable as d}from"@tanstack/react-table";import i,{useRef as s}from"react";import{IconButton as g}from"../IconButton/index.mjs";import{ChevronDownIcon as u,ChevronRightIcon as p}from"@radix-ui/react-icons";import{Checkbox as f}from"../Checkbox/index.mjs";var m=function(){return m=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)},h=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};function w(e){var n=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=s();return i.useEffect((function(){"boolean"==typeof n&&(l.current.indeterminate=o&&n)}),[l,n]),t(f,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:a,indeterminate:n})}var S=function(s){var f,S,b=h(s,[]),x=i.useState([]),v=x[0],R=x[1],y=i.useState({}),C=y[0],O=y[1],E=i.useState({}),I=E[0],k=E[1],j=o(),P=null===(f=null==b?void 0:b.columns)||void 0===f?void 0:f.map((function(e){return j.accessor(e.id,m({},e))}));if(b.enableExpanding){var A=P[0].cell;P[0]=m(m({},P[0]),{cell:function(o){var r;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*o.row.depth,"px")},children:[o.row.getCanExpand()?t(g,{onClick:o.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(r=o.color)&&void 0!==r?r:"red",children:o.row.getIsExpanded()?t(u,{}):t(p,{})}):t(n,{}),t("div",{children:A?A(o):o.getValue()})]})}})}b.enableRowSelection&&(null==P||P.unshift({id:"select",header:function(e){var n=e.table;return t("div",{className:"header-checkbox",children:t(w,{checked:n.getIsAllRowsSelected()||n.getIsSomeRowsSelected(),indeterminate:n.getIsSomeRowsSelected(),onChange:n.getToggleAllRowsSelectedHandler()})})},cell:function(e){var n=e.row;return t("div",{className:"px-1",style:{paddingLeft:"".concat(10*n.depth,"px")},children:t(w,{checked:n.getIsSelected()||n.getIsSomeSelected()||n.getIsAllSubRowsSelected(),indeterminate:n.getIsSomeSelected()&&!n.getIsAllSubRowsSelected(),onChange:n.getToggleSelectedHandler()})})}}));var M=m(m({state:{sorting:v,rowSelection:I,expanded:C}},b),{data:b.data,columns:P,color:null!==(S=b.color)&&void 0!==S?S:"red",paginateExpandedRows:!0,enableExpanding:!!b.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:O,onSortingChange:R,onRowSelectionChange:k,getSortedRowModel:r(),getCoreRowModel:a(),getExpandedRowModel:l()});return b.enableRowPagination&&(M.getPaginationRowModel=c()),d(M)};export{S as useGrid};
 //# sourceMappingURL=useGrid.mjs.map

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

@@ -24,9 +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 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`,
-{
+export var timelineConnectorVariants = cva('absolute top-[10px] left-[3px] h-[60px] w-0.5 bg-slateA-6 dark:bg-slateDarkA-6 z-5', {
     variants: {},
 });
 export var TimelineConnector = forwardRef(function (_a, ref) {

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";var a=function(){return a=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var a in t=arguments[e])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},a.apply(this,arguments)},n=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(e[o[a]]=r[o[a]])}return e},i=e("absolute top-[10px] left-[3px] h-[60px] w-0.5 bg-slateA-6 dark:bg-slateDarkA-6 z-5",{variants:{}}),l=t((function(t,e){var l=t.className,p=n(t,["className"]);return r("div",a({ref:e,className:o(i({}),l)},p))}));l.displayName="Timeline.Connector";export{l as TimelineConnector,i as timelineConnectorVariants};
+//# sourceMappingURL=TimelineConnector.mjs.map

package/dist/lib/components/Timeline/TimelineConnector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineConnector.mjs","sources":["../../../lib/components/Timeline/TimelineConnector.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var timelineConnectorVariants = cva('absolute top-[10px] left-[3px] h-[60px] w-0.5 bg-slateA-6 dark:bg-slateDarkA-6 z-5', {\n    variants: {},\n});\nexport var TimelineConnector = forwardRef(function (_a, ref) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsx(\"div\", __assign({ ref: ref, className: cn(timelineConnectorVariants({}), className) }, props)));\n});\nTimelineConnector.displayName = 'Timeline.Connector';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","timelineConnectorVariants","cva","variants","TimelineConnector","forwardRef","_a","ref","className","props","_jsx","cn","displayName"],"mappings":"qKAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAA4BC,EAAI,qFAAsF,CAC7HC,SAAU,CAAE,IAELC,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAYF,EAAGE,UAAWC,EAAQb,EAAOU,EAAI,CAAC,cAClD,OAAQI,EAAK,MAAO7B,EAAS,CAAE0B,IAAKA,EAAKC,UAAWG,EAAGV,EAA0B,CAAE,GAAGO,IAAcC,GACxG,IACAL,EAAkBQ,YAAc"}

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

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

package/dist/lib/components/Timeline/TimelineContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContent.mjs","sources":["../../../lib/components/Timeline/TimelineContent.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var timelineContentVariants = cva(\"flex flex-col items-start p-6 pt-0\", {\n    variants: {},\n});\nexport var TimelineContent = forwardRef(function (_a, ref) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsx(\"div\", __assign({ ref: ref, className: cn(timelineContentVariants({}), className) }, props)));\n});\nTimelineContent.displayName = 'Timeline.Content';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","timelineContentVariants","cva","variants","TimelineContent","forwardRef","_a","ref","className","props","_jsx","cn","displayName"],"mappings":"qKAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAA0BC,EAAI,qCAAsC,CAC3EC,SAAU,CAAE,IAELC,EAAkBC,GAAW,SAAUC,EAAIC,GAClD,IAAIC,EAAYF,EAAGE,UAAWC,EAAQb,EAAOU,EAAI,CAAC,cAClD,OAAQI,EAAK,MAAO7B,EAAS,CAAE0B,IAAKA,EAAKC,UAAWG,EAAGV,EAAwB,CAAE,GAAGO,IAAcC,GACtG,IACAL,EAAgBQ,YAAc"}

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

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

package/dist/lib/components/Timeline/TimelineDescription.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineDescription.mjs","sources":["../../../lib/components/Timeline/TimelineDescription.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var timelineDescriptionVariants = cva(\"text-muted-foreground max-w-sm text-sm text-slate-12 dark:text-slateDark-12\", {\n    variants: {},\n});\nexport var TimelineDescription = forwardRef(function (_a, ref) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsx(\"p\", __assign({ ref: ref, className: cn(timelineDescriptionVariants({}), className) }, props)));\n});\nTimelineDescription.displayName = 'Timeline.Description';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","timelineDescriptionVariants","cva","variants","TimelineDescription","forwardRef","_a","ref","className","props","_jsx","cn","displayName"],"mappings":"qKAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAA8BC,EAAI,8EAA+E,CACxHC,SAAU,CAAE,IAELC,EAAsBC,GAAW,SAAUC,EAAIC,GACtD,IAAIC,EAAYF,EAAGE,UAAWC,EAAQb,EAAOU,EAAI,CAAC,cAClD,OAAQI,EAAK,IAAK7B,EAAS,CAAE0B,IAAKA,EAAKC,UAAWG,EAAGV,EAA4B,CAAE,GAAGO,IAAcC,GACxG,IACAL,EAAoBQ,YAAc"}

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

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

package/dist/lib/components/Timeline/TimelineHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineHeader.mjs","sources":["../../../lib/components/Timeline/TimelineHeader.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var timelineHeaderVariants = cva(\"flex items-center gap-4\", {\n    variants: {},\n});\nexport var TimelineHeader = forwardRef(function (_a, ref) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsx(\"div\", __assign({ ref: ref, className: cn(timelineHeaderVariants({}), className) }, props)));\n});\nTimelineHeader.displayName = 'Timeline.Header';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","timelineHeaderVariants","cva","variants","TimelineHeader","forwardRef","_a","ref","className","props","_jsx","cn","displayName"],"mappings":"qKAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAAyBC,EAAI,0BAA2B,CAC/DC,SAAU,CAAE,IAELC,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAYF,EAAGE,UAAWC,EAAQb,EAAOU,EAAI,CAAC,cAClD,OAAQI,EAAK,MAAO7B,EAAS,CAAE0B,IAAKA,EAAKC,UAAWG,EAAGV,EAAuB,CAAE,GAAGO,IAAcC,GACrG,IACAL,EAAeQ,YAAc"}

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,7 +27,7 @@ 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]", {
+export var timelineIconVariants = cva("relative flex size-3 flex-col rounded-full border-2 bg-white z-10", {
     variants: {
         color: borderColorStyle(),
     },
@@ -35,8 +36,8 @@ export var timelineIconVariants = cva("flex size-3 flex-col rounded-full border-
     },
 });
 export var TimelineIcon = forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var color = useContext(TimelineContext).color;
-    return _jsx("div", __assign({ ref: ref, className: cn(timelineIconVariants({ color: color }), className) }, props));
+    return (_jsx("div", __assign({ ref: ref, className: cn(timelineIconVariants({ color: color }), className) }, props, { children: children })));
 });
 TimelineIcon.displayName = 'Timeline.Icon';

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{TimelineContext as n}from"./TimelineRoot.mjs";import{borderColorStyle as i}from"../../constants.mjs";import{cn as l}from"../../utils/utils.mjs";var a=function(){return a=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},a.apply(this,arguments)},c=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},s=o("relative flex size-3 flex-col rounded-full border-2 bg-white z-10",{variants:{color:i()},defaultVariants:{color:"red"}}),m=e((function(e,o){var i=e.className,m=e.children,f=c(e,["className","children"]),p=t(n).color;return r("div",a({ref:o,className:l(s({color:p}),i)},f,{children:m}))}));m.displayName="Timeline.Icon";export{m as TimelineIcon,s as timelineIconVariants};
+//# sourceMappingURL=TimelineIcon.mjs.map

package/dist/lib/components/Timeline/TimelineIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineIcon.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Timeline/TimelineItem.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 timelineItemVariants = cva('relative flex flex-col p-6 pt-3 [&>*]:mb-3', {
+export var timelineItemVariants = cva('flex flex-col p-6 pt-3 [&>*]:mb-3', {
     variants: {},
 });
 export var TimelineItem = forwardRef(function (_a, ref) {

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

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

package/dist/lib/components/Timeline/TimelineItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.mjs","sources":["../../../lib/components/Timeline/TimelineItem.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var timelineItemVariants = cva('flex flex-col p-6 pt-3 [&>*]:mb-3', {\n    variants: {},\n});\nexport var TimelineItem = forwardRef(function (_a, ref) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsx(\"li\", __assign({ ref: ref, className: cn(timelineItemVariants({}), className) }, props)));\n});\nTimelineItem.displayName = 'Timeline.Item';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","timelineItemVariants","cva","variants","TimelineItem","forwardRef","_a","ref","className","props","_jsx","cn","displayName"],"mappings":"qKAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAAuBC,EAAI,oCAAqC,CACvEC,SAAU,CAAE,IAELC,EAAeC,GAAW,SAAUC,EAAIC,GAC/C,IAAIC,EAAYF,EAAGE,UAAWC,EAAQb,EAAOU,EAAI,CAAC,cAClD,OAAQI,EAAK,KAAM7B,EAAS,CAAE0B,IAAKA,EAAKC,UAAWG,EAAGV,EAAqB,CAAE,GAAGO,IAAcC,GAClG,IACAL,EAAaQ,YAAc"}

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

@@ -26,13 +26,13 @@ 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", {
+export var timelineRootVariants = cva("flex flex-col", {
     variants: {
         scaling: __assign({}, scalingVariants),
         size: {
-            small: 'text-xs',
-            medium: 'text-sm',
-            large: 'text-base',
+            small: 'text-xs w-[350px]',
+            medium: 'text-sm w-[400px]',
+            large: 'text-base w-[450px]',
         },
         color: textColorStyle(),
     },
@@ -47,7 +47,7 @@ export var TimelineContext = createContext({
 });
 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 };
+    var contextValue = { color: color, size: size };
     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';

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as t}from"react";import{cva as o}from"class-variance-authority";import{scalingVariants as a,textColorStyle as l}from"../../constants.mjs";import{cn as i}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},s.apply(this,arguments)},n=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},c=o("flex flex-col",{variants:{scaling:s({},a),size:{small:"text-xs w-[350px]",medium:"text-sm w-[400px]",large:"text-base w-[450px]"},color:l()},defaultVariants:{scaling:"100%",size:"medium",color:"red"}}),m=e({color:"red"}),p=t((function(e,t){var o=e.className,a=e.scaling,l=e.size,p=e.color,f=n(e,["className","scaling","size","color"]),u={color:p,size:l};return r(m.Provider,{value:u,children:r("ol",s({ref:t,className:i(c({scaling:a,size:l,color:p}),o)},f))})}));p.displayName="Timeline.Root";export{m as TimelineContext,p as TimelineRoot,c as timelineRootVariants};
+//# sourceMappingURL=TimelineRoot.mjs.map

package/dist/lib/components/Timeline/TimelineRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -2,5 +2,7 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 export interface TimelineTimeProps extends VariantProps<typeof timelineTimeVariants> {
 }
-export declare const timelineTimeVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const timelineTimeVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const TimelineTime: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,14 +22,25 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
+import { TimelineContext } from './TimelineRoot';
 import { cn } from '../../../lib/utils/utils';
-export var timelineTimeVariants = cva('absolute translate-x-36 -translate-x-[7.5rem] text-xs font-medium leading-none text-slate-11 dark:text-slateDark-11', {
-    variants: {},
+export var timelineTimeVariants = cva('flex-6 font-medium text-right leading-none text-slate-11 dark:text-slateDark-11', {
+    variants: {
+        size: {
+            small: 'text-[11px]',
+            medium: 'text-xs',
+            large: 'text-sm',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
 });
 export var TimelineTime = forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("p", __assign({ ref: ref, className: cn(timelineTimeVariants({}), className) }, props)));
+    var size = useContext(TimelineContext).size;
+    return _jsx("p", __assign({ ref: ref, className: cn(timelineTimeVariants({ size: size }), className) }, props));
 });
 TimelineTime.displayName = 'Timeline.Time';

package/dist/lib/components/Timeline/TimelineTime.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{TimelineContext as i}from"./TimelineRoot.mjs";import{cn as o}from"../../utils/utils.mjs";var n=function(){return n=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},n.apply(this,arguments)},s=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(r[a[i]]=t[a[i]])}return r},l=a("flex-6 font-medium text-right leading-none text-slate-11 dark:text-slateDark-11",{variants:{size:{small:"text-[11px]",medium:"text-xs",large:"text-sm"}},defaultVariants:{size:"medium"}}),m=e((function(e,a){var m=e.className,p=s(e,["className"]),f=r(i).size;return t("p",n({ref:a,className:o(l({size:f}),m)},p))}));m.displayName="Timeline.Time";export{m as TimelineTime,l as timelineTimeVariants};
+//# sourceMappingURL=TimelineTime.mjs.map

package/dist/lib/components/Timeline/TimelineTime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTime.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -2,5 +2,7 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 export interface TimelineTitleProps extends VariantProps<typeof timelineTitleVariants> {
 }
-export declare const timelineTitleVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const timelineTitleVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const TimelineTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,14 +22,25 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
+import { TimelineContext } from './TimelineRoot';
 import { cn } from '../../../lib/utils/utils';
-export var timelineTitleVariants = cva("font-normal leading-none tracking-tight text-slate-12 dark:text-slateDark-12", {
-    variants: {},
+export var timelineTitleVariants = cva("flex-6 font-normal leading-none tracking-tight text-slate-12 dark:text-slateDark-12", {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
 });
 export var TimelineTitle = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx("h3", __assign({ ref: ref, className: cn(timelineTitleVariants({}), className) }, props, { children: children })));
+    var size = useContext(TimelineContext).size;
+    return (_jsx("h3", __assign({ ref: ref, className: cn(timelineTitleVariants({ size: size }), className) }, props, { children: children })));
 });
 TimelineTitle.displayName = 'Timeline.Title';

package/dist/lib/components/Timeline/TimelineTitle.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{TimelineContext as i}from"./TimelineRoot.mjs";import{cn as n}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o.apply(this,arguments)},l=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(r[a[i]]=t[a[i]])}return r},s=a("flex-6 font-normal leading-none tracking-tight text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),m=e((function(e,a){var m=e.className,c=e.children,f=l(e,["className","children"]),p=r(i).size;return t("h3",o({ref:a,className:n(s({size:p}),m)},f,{children:c}))}));m.displayName="Timeline.Title";export{m as TimelineTitle,s as timelineTitleVariants};
+//# sourceMappingURL=TimelineTitle.mjs.map

package/dist/lib/components/Timeline/TimelineTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTitle.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Timeline/index.mjs

@@ -0,0 +1,2 @@
+import{TimelineRoot as m}from"./TimelineRoot.mjs";import{TimelineItem as e}from"./TimelineItem.mjs";import{TimelineConnector as i}from"./TimelineConnector.mjs";import{TimelineHeader as o}from"./TimelineHeader.mjs";import{TimelineTime as r}from"./TimelineTime.mjs";import{TimelineIcon as t}from"./TimelineIcon.mjs";import{TimelineTitle as n}from"./TimelineTitle.mjs";import{TimelineContent as T}from"./TimelineContent.mjs";import{TimelineDescription as l}from"./TimelineDescription.mjs";var p={Root:m,Item:e,Connector:i,Header:o,Time:r,Icon:t,Title:n,Content:T,Description:l};export{p as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Timeline/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Timeline/index.js"],"sourcesContent":["import { TimelineRoot as Root } from './TimelineRoot';\nimport { TimelineItem as Item } from './TimelineItem';\nimport { TimelineConnector as Connector } from './TimelineConnector';\nimport { TimelineHeader as Header } from './TimelineHeader';\nimport { TimelineTime as Time } from './TimelineTime';\nimport { TimelineIcon as Icon } from './TimelineIcon';\nimport { TimelineTitle as Title } from './TimelineTitle';\nimport { TimelineContent as Content } from './TimelineContent';\nimport { TimelineDescription as Description } from './TimelineDescription';\nvar Timeline = {\n    Root: Root,\n    Item: Item,\n    Connector: Connector,\n    Header: Header,\n    Time: Time,\n    Icon: Icon,\n    Title: Title,\n    Content: Content,\n    Description: Description,\n};\nexport default Timeline;\n"],"names":["Timeline","Root","Item","Connector","Header","Time","Icon","Title","Content","Description"],"mappings":"seASG,IAACA,EAAW,CACXC,KAAMA,EACNC,KAAMA,EACNC,UAAWA,EACXC,OAAQA,EACRC,KAAMA,EACNC,KAAMA,EACNC,MAAOA,EACPC,QAASA,EACTC,YAAaA"}

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

@@ -40,6 +40,7 @@ export { default as TabNav } from './TabNav';
 export { default as Tabs } from './Tabs';
 export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
+export { default as Timeline } from './Timeline';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
 export { default as ToggleWithText } from './Toggle/ToggleWithText';

package/dist/lib/components/index.js

@@ -41,6 +41,7 @@ export { default as TabNav } from './TabNav';
 export { default as Tabs } from './Tabs';
 export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
+export { default as Timeline } from './Timeline';
 export { default as Toast } from './Toast';
 export { default as Toggle } from './Toggle';
 export { default as ToggleWithText } from './Toggle/ToggleWithText';