@lotte-innovate/ui-component-test 0.1.104 → 0.1.106

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

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { cn } from '../../utils/utils';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var tabNavVariants = cva('', {
     variants: {},
 });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from '../../types';
 import { Table as TableTheme } from '@radix-ui/themes';
 export interface TableProps extends VariantProps<typeof tableVariants> {
     color?: IColor;

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

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
+import { cn } from '../../utils/utils';
+import { radiusVariants, scalingVariants } from '../../constants';
+import { useTheme } from '../../theme';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -1,7 +1,7 @@
 import { Tabs as TabsTheme } from '@radix-ui/themes';
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from '../../types';
 export interface TabsProps extends VariantProps<typeof tabsVariants> {
     defaultValue?: string;
     size?: 'small' | 'medium';

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

@@ -24,11 +24,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 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 { cn } from '../../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';
+import { weightVariants } from '../../constants';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from '../../types';
 export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
     color?: IColor;
     href?: string;

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

@@ -25,10 +25,10 @@ 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';
+import { cn } from '../../utils/utils';
+import { radiusVariants, scalingVariants } from '../../constants';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var textAreaNavVariants = cva('w-[250px]', {
     variants: {
         size: {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { TextField as TextFieldTheme } from '@radix-ui/themes';
-import { IScaling } from '../../../lib/types';
+import { IScaling } from '../../types';
 export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;

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

@@ -24,11 +24,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 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 { cn } from '../../utils/utils';
+import { bgColorStyle, radiusVariants } from '../../constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var textFieldVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../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`,
 {

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var timelineContentVariants = cva("flex flex-col items-start p-6 pt-0", {
     variants: {},
 });

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var timelineDescriptionVariants = cva("text-muted-foreground max-w-sm text-sm text-slate-12 dark:text-slateDark-12", {
     variants: {},
 });

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var timelineHeaderVariants = cva("flex items-center gap-4", {
     variants: {},
 });

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { TimelineContext } from './TimelineRoot';
-import { borderColorStyle } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { borderColorStyle } from '../../constants';
+import { cn } from '../../utils/utils';
 export var timelineIconVariants = cva("flex size-3 flex-col rounded-full border-2 bg-white z-[987654321]", {
     variants: {
         color: borderColorStyle(),

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var timelineItemVariants = cva('relative flex flex-col p-6 pt-3 [&>*]:mb-3', {
     variants: {},
 });

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

@@ -24,8 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, createContext } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants, textColorStyle } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { scalingVariants, textColorStyle } from '../../constants';
+import { cn } from '../../utils/utils';
 export var timelineRootVariants = cva("flex flex-col pl-24", {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../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: {},
 });

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var timelineTitleVariants = cva("font-normal leading-none tracking-tight text-slate-12 dark:text-slateDark-12", {
     variants: {},
 });

package/dist/lib/components/Toast/ToastActionButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export interface ToastActionButtonProps extends VariantProps<typeof toastActionButtonVariants> {
     altText?: string;
     appearance?: IAppearance;

package/dist/lib/components/Toast/ToastActionButton.js

@@ -25,10 +25,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import Button from '../../../lib/components/Button';
-import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from '../../utils/utils';
+import Button from '../../components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../constants';
 import { useToastContext } from './ToastRoot';
+import { MAIN_COLOR } from '../../color/constants';
+import { useTheme } from '../../theme';
 export var toastActionButtonVariants = cva("absolute items-center justify-center", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -47,8 +49,10 @@ export var toastActionButtonVariants = cva("absolute items-center justify-center
     },
 });
 export var ToastActionButton = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "appearance", "altText"]);
-    var _d = useToastContext(), radius = _d.radius, scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.altText, altText = _d === void 0 ? 'altText' : _d, props = __rest(_a, ["className", "children", "appearance", "altText"]);
+    var theme = useTheme().theme;
+    var _e = useToastContext(), radius = _e.radius, scaling = _e.scaling, size = _e.size, color = _e.color;
     var semantics = ['danger', 'warning', 'success', 'information'];
     var colorMap = {
         danger: 'red',
@@ -62,7 +66,7 @@ export var ToastActionButton = forwardRef(function (_a, ref) {
     };
     var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
         ? getSemanticsStyle(color)
-        : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
+        : appearanceStyle(appearance, (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR), className);
     return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
 });
 ToastActionButton.displayName = 'Toast.ActionButton';

package/dist/lib/components/Toast/ToastActionButton.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as e from"@radix-ui/react-toast";import{cva as i}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{Button as o}from"../Button/index.mjs";import{radiusVariants as a,scalingVariants as s,appearanceStyle as m}from"../../constants.mjs";import{useToastContext as l}from"./ToastRoot.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t},u.apply(this,arguments)},f=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(t);n<i.length;n++)r.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n])&&(e[i[n]]=t[i[n]])}return e},d=i("absolute items-center justify-center",{variants:{radius:u({},a.base),size:{small:"text-xs min-w-[56px] h-[25px] font-normal right-3",medium:"text-xs min-w-[56px] h-[25px] font-normal right-3",large:"text-[15px] min-w-[76px] h-[35px] font-medium right-4","x-large":"text-[15px] min-w-[76px] h-[35px] font-medium right-4"},scaling:u({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),x=r((function(r,i){var a,s=r.className,x=r.children,h=r.appearance,g=void 0===h?"surface":h,y=r.altText,v=void 0===y?"altText":y,j=f(r,["className","children","appearance","altText"]),b=p().theme,O=l(),w=O.radius,T=O.scaling,P=O.size,z=O.color,N={danger:"red",information:"sky",success:"green",warning:"amber"},A=n(d({size:P,radius:w,scaling:T}),z&&["danger","warning","success","information"].includes(z)?function(t){var r=N[t];return r?m("outline",r):void 0}(z):m(g,null!==(a=null!=z?z:b.themeColor)&&void 0!==a?a:c),s);return t(e.Action,u({ref:i,altText:v},j,{className:A,asChild:!0,children:t(o,{children:x})}))}));x.displayName="Toast.ActionButton";export{x as ToastActionButton,d as toastActionButtonVariants};
+//# sourceMappingURL=ToastActionButton.mjs.map

package/dist/lib/components/Toast/ToastDescription.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
     contentText?: string;
     appearance?: IAppearance;

package/dist/lib/components/Toast/ToastDescription.js

@@ -25,7 +25,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
     variants: {

package/dist/lib/components/Toast/ToastRoot.js

@@ -24,10 +24,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, createContext, useContext, } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../utils/utils';
+import { scalingVariants } from '../../constants';
 import * as ToastPrimitive from '@radix-ui/react-toast';
-import { useTheme } from '../../../lib/theme';
+import { useTheme } from '../../theme';
 export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
     variants: {
         radius: {

package/dist/lib/components/Toast/ToastTitle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export interface ToastTitleProps extends VariantProps<typeof toastTitleVariants> {
     titleText?: string;
     appearance?: IAppearance;

package/dist/lib/components/Toast/ToastTitle.js

@@ -25,7 +25,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
     variants: {

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Toast/index.js"],"sourcesContent":["import { ToastRoot as Root } from './ToastRoot';\nimport { ToastTitle as Title } from './ToastTitle';\nimport { ToastDescription as Description } from './ToastDescription';\nimport { ToastActionButton as ActionButton } from './ToastActionButton';\nvar Toast = {\n    Root: Root,\n    Title: Title,\n    Description: Description,\n    ActionButton: ActionButton,\n};\nexport default Toast;\n"],"names":["Toast","Root","Title","Description","ActionButton"],"mappings":"gNAIG,IAACA,EAAQ,CACRC,KAAMA,EACNC,MAAOA,EACPC,YAAaA,EACbC,aAAcA"}

package/dist/lib/components/Toggle/ToggleWithText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
     text?: string;
     appearance?: IAppearance;

package/dist/lib/components/Toggle/ToggleWithText.js

@@ -25,11 +25,11 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { radiusVariants, toggleAppearanceStyle } from '../../constants';
+import { scalingVariants } from '../../constants';
+import { cn } from '../../utils/utils';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium w-fit', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export { ToggleWithText } from './ToggleWithText';
 export interface ToggleProps extends VariantProps<typeof toggleVariants> {
     size?: 'small' | 'medium' | 'large';

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

@@ -25,10 +25,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../constants';
+import { cn } from '../../utils/utils';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 export { ToggleWithText } from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {

package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from '../../../lib/types';
+import { IAppearance } from '../../types';
 export interface ToggleGroupItemProps extends VariantProps<typeof toggleGroupItemVariants> {
     appearance?: IAppearance;
     size?: 'small' | 'medium' | 'large';

package/dist/lib/components/ToggleGroup/ToggleGroupItem.js

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef, useContext, } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { toggleAppearanceStyle } from '../../../lib/constants';
+import { toggleAppearanceStyle } from '../../constants';
 import { ToggleGroupContext } from './ToggleGroupRoot';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../utils/utils';
 export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
     variants: {
         size: {

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps } from 'class-variance-authority';
 import { toggleGroupItemVariants } from './ToggleGroupItem';
-import { IAppearance, IColor } from '../../../lib/types';
+import { IAppearance, IColor } from '../../types';
 export interface ToggleGroupProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
     appearance?: IAppearance;
     color?: IColor;

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js

@@ -25,10 +25,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { scalingVariants } from '../../constants';
+import { cn } from '../../utils/utils';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var toggleVariants = cva('inline-flex', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/ToggleGroup/index.js"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot';\nimport { ToggleGroupItem } from './ToggleGroupItem';\nvar ToggleGroup = {\n    Root: ToggleGroupRoot,\n    Item: ToggleGroupItem,\n};\nexport default ToggleGroup;\n"],"names":["ToggleGroup","Root","ToggleGroupRoot","Item","ToggleGroupItem"],"mappings":"gHAEG,IAACA,EAAc,CACdC,KAAMC,EACNC,KAAMC"}

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

@@ -24,12 +24,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from '../../utils/utils';
+import { radiusVariants, scalingVariants } from '../../constants';
 import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
-import { Text } from '../../../lib/Typography/Text';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
+import { Text } from '../../Typography/Text';
+import { useTheme } from '../../theme';
+import { MAIN_COLOR } from '../../color/constants';
 var toggleSwitchVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
+import { IColor } from '../../types';
 export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof tooltipVariants> {
     label?: string;
     defaultValue?: string;

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

@@ -25,9 +25,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
+import { cn } from '../../utils/utils';
+import { primaryColorStyle, radiusVariants, weightVariants } from '../../constants';
+import { useTheme } from '../../theme';
 var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
     variants: {
         weight: __assign({}, weightVariants),

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

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

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

@@ -11,6 +11,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as CheckboxCard } from './CheckboxCard';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as ContextMenu } from './ContextMenu';
+export { default as Collapsible } from './Collapsible';
 export { default as DataList } from './DataList';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';

package/dist/lib/components/index.js

@@ -12,6 +12,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as CheckboxCard } from './CheckboxCard';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as ContextMenu } from './ContextMenu';
+export { default as Collapsible } from './Collapsible';
 export { default as DataList } from './DataList';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';

package/dist/lib/constants.js

@@ -1,4 +1,4 @@
-import { ColorStyle, DarkColorStyle, MAIN_COLOR, colorOptions } from '../lib/color/constants';
+import { ColorStyle, DarkColorStyle, MAIN_COLOR, colorOptions } from './color/constants';
 export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
 export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
 export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];