@lotte-innovate/ui-component-test 0.2.52 → 0.2.53

package/dist/lib/components/Tabs/DynamicTabs.js

@@ -0,0 +1,73 @@
+'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, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, Cross1Icon, TrashIcon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { bgColorStyle, scalingVariants, weightVariants } from '../../../lib/constants';
+import React, { useEffect, useState } from 'react';
+import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+import IconButton from '../IconButton';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+var dynamivTabsVariants = cva('', {
+    variants: {
+        weight: __assign({}, weightVariants),
+        scaling: __assign({}, scalingVariants),
+        color: bgColorStyle(),
+    },
+});
+var DynamicTabs = React.forwardRef(function (_a, ref) {
+    var _b;
+    var tabData = _a.tabData, scaling = _a.scaling, color = _a.color, setTabData = _a.setTabData, defaultTab = _a.defaultTab, onDeleteTab = _a.onDeleteTab, onDeleteAllTabs = _a.onDeleteAllTabs, onSelect = _a.onSelect, maxCount = _a.maxCount, className = _a.className, rootProps = __rest(_a, ["tabData", "scaling", "color", "setTabData", "defaultTab", "onDeleteTab", "onDeleteAllTabs", "onSelect", "maxCount", "className"]);
+    var _c = useState(0), selectedInx = _c[0], setselectedInx = _c[1];
+    var theme = useTheme().theme;
+    var dynamicTabsStyle = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
+    };
+    useEffect(function () {
+        if (tabData.length > 20)
+            setTabData(tabData.slice(0, 20));
+    }, [tabData]);
+    return (_jsxs(Tabs, __assign({ selectedIndex: selectedInx, className: cn('flex w-full text-slate-12', dynamivTabsVariants({ scaling: dynamicTabsStyle.scaling }), className), onSelect: function (index, last, event) {
+            setselectedInx(index);
+            onSelect && onSelect(index, last, event);
+        } }, rootProps, { children: [_jsx(TabList, { className: "mb-[10px] flex flex-1 overflow-x-auto overflow-y-hidden p-0", children: tabData.map(function (tab, index) { return (_jsx(Tab, { className: cn('relative bottom-[-1px] inline-block w-[50px] max-w-[350px] flex-1 cursor-pointer list-none aria-selected:rounded-t-lg aria-selected:border aria-selected:border-b-0 aria-selected:border-slateA-8 aria-selected:bg-slate-1'), onClick: function (e) { var _a, _b; return ((_a = tab.title) === null || _a === void 0 ? void 0 : _a.onClick) && ((_b = tab.title) === null || _b === void 0 ? void 0 : _b.onClick(tab)); }, children: _jsxs("div", { className: cn('mx-[3px] my-[2px] flex justify-between rounded-lg px-[9px] py-[4px]', "hover:bg-".concat(dynamicTabsStyle.color, "A-6 hover:dark:bg-").concat(dynamicTabsStyle.color, "DarkA-6")), children: [_jsx("div", { className: "flex-1 overflow-hidden truncate text-ellipsis", children: tab.title.children() }), ((tabData === null || tabData === void 0 ? void 0 : tabData.length) < 15 || selectedInx == index) && (_jsx(IconButton, { size: "small", appearance: "ghost", color: dynamicTabsStyle.color, scaling: dynamicTabsStyle.scaling, onClick: function () {
+                                    var filtered = tabData.filter(function (el) { return el.key !== tab.key; });
+                                    setTabData(defaultTab && filtered.length == 0 ? [defaultTab] : filtered);
+                                    filtered.length == 0
+                                        ? setselectedInx(0)
+                                        : selectedInx - 1 >= 0 && setselectedInx(selectedInx - 1);
+                                    onDeleteTab && onDeleteTab(tab);
+                                }, children: _jsx(Cross1Icon, {}) }))] }) }, index)); }) }), tabData.map(function (tab, index) {
+                var _a;
+                return (_jsx(TabPanel, { children: (_a = tab === null || tab === void 0 ? void 0 : tab.content) === null || _a === void 0 ? void 0 : _a.children() }, index));
+            }), _jsxs("div", { className: "right-5 mb-[10px] flex justify-end p-0 px-3 py-2", children: [_jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () {
+                            setselectedInx(0);
+                            setTabData(defaultTab ? [defaultTab] : []);
+                            onDeleteAllTabs && onDeleteAllTabs();
+                        }, children: _jsx(TrashIcon, {}) }), _jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () { return selectedInx - 1 >= 0 && setselectedInx(selectedInx - 1); }, children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () { return selectedInx + 1 < tabData.length && setselectedInx(selectedInx + 1); }, children: _jsx(ChevronRightIcon, {}) })] })] })));
+});
+DynamicTabs.displayName = 'DynamicTabs';
+export default DynamicTabs;

package/dist/lib/components/Tabs/DynamicTabs.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Cross1Icon as l,TrashIcon as n,ChevronLeftIcon as r,ChevronRightIcon as o}from"@radix-ui/react-icons";import{cva as a}from"class-variance-authority";import{weightVariants as i,scalingVariants as c,bgColorStyle as s}from"../../constants.mjs";import d,{useState as m,useEffect as u}from"react";import{Tabs as p,TabList as f,Tab as h,TabPanel as b}from"react-tabs";import{IconButton as v}from"../IconButton/index.mjs";import{cn as x}from"../../utils/utils.mjs";import{useTheme as g}from"../../theme/ThemeProvider.mjs";var y=function(){return y=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},y.apply(this,arguments)},j=function(e,t){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(l[n[r]]=e[n[r]])}return l},w=a("",{variants:{weight:y({},i),scaling:y({},c),color:s()}}),k=d.forwardRef((function(a,i){var c,s=a.tabData,d=a.scaling,k=a.color,O=a.setTabData,C=a.defaultTab,D=a.onDeleteTab,T=a.onDeleteAllTabs,N=a.onSelect;a.maxCount;var S=a.className,A=j(a,["tabData","scaling","color","setTabData","defaultTab","onDeleteTab","onDeleteAllTabs","onSelect","maxCount","className"]),P=m(0),z=P[0],I=P[1],B=g().theme,E={scaling:null!=d?d:B.themeScaling,color:null!==(c=null!=k?k:B.themeColor)&&void 0!==c?c:"slate"};return u((function(){s.length>20&&O(s.slice(0,20))}),[s]),e(p,y({selectedIndex:z,className:x("flex w-full text-slate-12",w({scaling:E.scaling}),S),onSelect:function(e,t,l){I(e),N&&N(e,t,l)}},A,{children:[t(f,{className:"mb-[10px] flex flex-1 overflow-x-auto overflow-y-hidden p-0",children:s.map((function(n,r){return t(h,{className:x("relative bottom-[-1px] inline-block w-[50px] max-w-[350px] flex-1 cursor-pointer list-none aria-selected:rounded-t-lg aria-selected:border aria-selected:border-b-0 aria-selected:border-slateA-8 aria-selected:bg-slate-1"),onClick:function(e){var t,l;return(null===(t=n.title)||void 0===t?void 0:t.onClick)&&(null===(l=n.title)||void 0===l?void 0:l.onClick(n))},children:e("div",{className:x("mx-[3px] my-[2px] flex justify-between rounded-lg px-[9px] py-[4px]","hover:bg-".concat(E.color,"A-6 hover:dark:bg-").concat(E.color,"DarkA-6")),children:[t("div",{className:"flex-1 overflow-hidden truncate text-ellipsis",children:n.title.children()}),((null==s?void 0:s.length)<15||z==r)&&t(v,{size:"small",appearance:"ghost",color:E.color,scaling:E.scaling,onClick:function(){var e=s.filter((function(e){return e.key!==n.key}));O(C&&0==e.length?[C]:e),0==e.length?I(0):z-1>=0&&I(z-1),D&&D(n)},children:t(l,{})})]})},r)}))}),s.map((function(e,l){var n;return t(b,{children:null===(n=null==e?void 0:e.content)||void 0===n?void 0:n.children()},l)})),e("div",{className:"right-5 mb-[10px] flex justify-end p-0 px-3 py-2",children:[t(v,{size:"small",appearance:"ghost",onClick:function(){I(0),O(C?[C]:[]),T&&T()},children:t(n,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z-1>=0&&I(z-1)},children:t(r,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z+1<s.length&&I(z+1)},children:t(o,{})})]})]}))}));k.displayName="DynamicTabs";export{k as default};
+//# sourceMappingURL=DynamicTabs.mjs.map

package/dist/lib/components/Tabs/DynamicTabs.mjs.map

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

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

@@ -0,0 +1,23 @@
+import { Tabs as TabsTheme } from '@radix-ui/themes';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/types';
+export interface TabsProps extends VariantProps<typeof tabsVariants> {
+    defaultValue?: string;
+    size?: 'small' | 'medium';
+    color?: IColor;
+}
+declare const tabsVariants: (props?: ({
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const List: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Tabs;

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

@@ -0,0 +1,68 @@
+'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 { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
+import React from 'react';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { weightVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+var tabsVariants = cva('', {
+    variants: {
+        weight: __assign({}, weightVariants),
+    },
+});
+export var Root = React.forwardRef(function (_a, forwardedRef) {
+    var _b;
+    var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
+    var theme = useTheme().theme;
+    return (_jsx(Theme, { accentColor: ((_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR), hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
+});
+Root.displayName = 'Tabs.Root';
+export var List = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
+});
+List.displayName = 'Tabs.List';
+export var Trigger = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
+    return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
+});
+Trigger.displayName = 'Tabs.Trigger';
+export var Content = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
+    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
+});
+Content.displayName = 'Tabs.Content';
+var Tabs = {
+    Root: Root,
+    List: List,
+    Trigger: Trigger,
+    Content: Content,
+};
+export default Tabs;

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{Theme as e,Tabs as t}from"@radix-ui/themes";import a from"react";import{cn as o}from"../../utils/utils.mjs";import{cva as s}from"class-variance-authority";import{weightVariants as i}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},c.apply(this,arguments)},m=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t};s("",{variants:{weight:c({},i)}});var f=a.forwardRef((function(a,s){var i,f=a.className,d=a.children,h=a.color,p=m(a,["className","children","color"]),u=n().theme;return r(e,{accentColor:null!==(i=null!=h?h:u.themeColor)&&void 0!==i?i:l,hasBackground:!1,children:r(t.Root,c({},p,{ref:s,className:o("",f),children:d}))})}));f.displayName="Tabs.Root";var d=a.forwardRef((function(e,a){var s=e.className;e.weight;var i=e.children,n=e.size,l=m(e,["className","weight","children","size"]),f="2";return"small"===n&&(f="1"),r(t.List,c({ref:a,size:f},l,{className:o("",s),children:i}))}));d.displayName="Tabs.List";var h=a.forwardRef((function(e,a){var s=e.className;e.weight;var i=e.children,n=m(e,["className","weight","children"]);return r(t.Trigger,c({ref:a,className:o("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",s)},n,{children:i}))}));h.displayName="Tabs.Trigger";var p=a.forwardRef((function(e,a){var s=e.className;e.weight;var i=e.children,n=m(e,["className","weight","children"]);return r(t.Content,c({ref:a},n,{className:o("mt-3",s),children:i}))}));p.displayName="Tabs.Content";var u={Root:f,List:d,Trigger:h,Content:p};export{p as Content,d as List,f as Root,h as Trigger,u as default};
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/types';
+export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
+    color?: IColor;
+    href?: string;
+    appearance?: 'classic' | 'soft' | 'surface';
+    size?: 'small' | 'medium' | 'large' | 'x-large';
+}
+declare const textAreaNavVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref">, "size"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

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

@@ -0,0 +1,66 @@
+'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 React from 'react';
+import { cva } from 'class-variance-authority';
+import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+var textAreaNavVariants = cva('w-[250px]', {
+    variants: {
+        size: {
+            small: 'text-xs h-[48px]',
+            medium: 'text-sm h-[64px]',
+            large: 'text-base h-[80px]',
+            'x-large': 'text-lg h-[96px]',
+        },
+        scaling: __assign({}, scalingVariants),
+        radius: __assign({}, radiusVariants['extra-large']),
+    },
+    defaultVariants: {
+        size: 'medium',
+        scaling: '100%',
+        radius: 'medium',
+    },
+});
+export var TextArea = React.forwardRef(function (_a, forwardedRef) {
+    var _b;
+    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
+    var theme = useTheme().theme;
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    if (size === 'large')
+        sizeTheme = '3';
+    var textAreaStyle = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        size: size,
+    };
+    return (_jsx(Theme, { hasBackground: false, accentColor: ((_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR), children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants(textAreaStyle), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
+});
+TextArea.displayName = 'TextArea';
+export default TextArea;

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as a}from"class-variance-authority";import{Theme as t,TextArea as i}from"@radix-ui/themes";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as s,radiusVariants as l}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},c.apply(this,arguments)},p=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(a[t[i]]=r[t[i]])}return a},u=a("w-[250px]",{variants:{size:{small:"text-xs h-[48px]",medium:"text-sm h-[64px]",large:"text-base h-[80px]","x-large":"text-lg h-[96px]"},scaling:c({},s),radius:c({},l["extra-large"])},defaultVariants:{size:"medium",scaling:"100%",radius:"medium"}}),f=e.forwardRef((function(e,a){var s,l=e.className;e.children;var f=e.size,d=e.appearance,h=e.scaling,x=e.radius,g=e.color,v=p(e,["className","children","size","appearance","scaling","radius","color"]),y=n().theme,O="2";"small"===f&&(O="1"),"large"===f&&(O="3");var j={scaling:null!=h?h:y.themeScaling,radius:null!=x?x:y.themeRadius,size:f};return r(t,{hasBackground:!1,accentColor:null!==(s=null!=g?g:y.themeColor)&&void 0!==s?s:m,children:r(i,c({ref:a,variant:d,size:O,className:o(u(j),"x-large"===f&&"rt-r-size-4",l)},v))})}));f.displayName="TextArea";export{f as TextArea,f as default};
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TextField as TextFieldTheme } from '@radix-ui/themes';
+import { IScaling } from '../../../lib/types';
+export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
+    appearance?: 'classic' | 'soft' | 'surface';
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+    scaling?: IScaling;
+}
+declare const textFieldVariants: (props?: ({
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref">, "size"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
+declare const TextField: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref">, "size"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+    Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default TextField;

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

@@ -0,0 +1,64 @@
+'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 React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle, radiusVariants } from '../../../lib/constants';
+import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+var textFieldVariants = cva('', {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        color: bgColorStyle(),
+    },
+});
+export var Root = React.forwardRef(function (_a, forwardedRef) {
+    var _b, _c;
+    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
+    var theme = useTheme().theme;
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    if (size === 'large')
+        sizeTheme = '3';
+    var contextValue = {
+        scaling: (_b = scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling) !== null && _b !== void 0 ? _b : '100%',
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        color: (_c = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _c !== void 0 ? _c : MAIN_COLOR,
+    };
+    return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));
+});
+Root.displayName = 'TextField.Root';
+export var Slot = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
+    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
+});
+Slot.displayName = 'TextField.Slot';
+var TextField = {
+    Root: Root,
+    Slot: Slot,
+};
+export default TextField;

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{radiusVariants as t,bgColorStyle as l}from"../../constants.mjs";import{Theme as i,TextField as s}from"@radix-ui/themes";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var m=function(){return m=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},m.apply(this,arguments)},d=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},u=o("",{variants:{radius:m({},t.base),color:l()}}),p=e.forwardRef((function(e,o){var t,l,p=e.className,f=e.color,h=e.size,v=e.appearance,y=e.scaling,g=e.radius,O=e.children,j=d(e,["className","color","size","appearance","scaling","radius","children"]),b=n().theme,x="2";"small"===h&&(x="1"),"large"===h&&(x="3");var N={scaling:null!==(t=null!=y?y:b.themeScaling)&&void 0!==t?t:"100%",radius:null!=g?g:b.themeRadius,color:null!==(l=null!=f?f:b.themeColor)&&void 0!==l?l:c};return r(i,{scaling:N.scaling,accentColor:N.color,hasBackground:!1,children:r(s.Root,m({ref:o,variant:v,size:x,radius:N.radius,color:N.color,className:a(u({radius:N.radius}),p)},j,{children:O}))})}));p.displayName="TextField.Root";var f=e.forwardRef((function(e,o){var t=e.className,l=e.color,i=e.side,n=e.radius,c=e.children,p=d(e,["className","color","side","radius","children"]);return r(s.Slot,m({ref:o,color:l,side:i,className:a(u({radius:n}),t)},p,{children:c}))}));f.displayName="TextField.Slot";var h={Root:p,Slot:f};export{p as Root,f as Slot,h as default};
+//# sourceMappingURL=index.mjs.map

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

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

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,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 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) {
+    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/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.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/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.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/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.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';