@lotte-innovate/ui-component-test 0.1.80 → 0.1.82

package/dist/lib/components/RadioGroup/RadioGroupItem.js

@@ -25,7 +25,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { RadioGroupContext } from './RadioGroupRoot';
-import { cn } from '../../lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {

package/dist/lib/components/RadioGroup/RadioGroupRoot.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from 'react';
 import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var radioGroupVariants = cva('', {
     variants: {
         size: {

package/dist/lib/components/SegmentedControl/SegmentedControlItem.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 { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-import { cn } from '../../lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var SegmentedControlItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, appearance = _a.appearance, props = __rest(_a, ["children", "className", "appearance"]);
     var appearanceClassName = '';

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.js

@@ -24,9 +24,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';
-import { scalingVariants } from '../../lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 export * from './SegmentedControlItem';
-import { cn } from '../../lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils/utils';
-import { radiusVariants, selectAppearanceStyle } from '../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
 var selectVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -23,8 +23,8 @@ 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, scalingVariants } from '../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle, scalingVariants } from '../../../lib/constants';
 import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
 var separatorVariants = cva('', {
     variants: {

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from '../../lib/utils/utils';
-import { radiusVariants } from '../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 var separatorVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -23,8 +23,8 @@ 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 { radiusVariants } from '../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
 var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {

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

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../lib/utils/utils';
-import { scalingVariants } from '../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -24,7 +24,7 @@ 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 { cn } from '../../../lib/utils/utils';
 var tabNavVariants = cva('', {
     variants: {},
 });

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

@@ -24,8 +24,8 @@ 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 { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -23,9 +23,9 @@ 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 '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { weightVariants } from '../../lib/constants';
+import { weightVariants } from '../../../lib/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),

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

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

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

@@ -23,8 +23,8 @@ 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 '../../../lib/utils/utils';
+import { bgColorStyle, radiusVariants } from '../../../lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
 var textFieldVariants = cva('', {
     variants: {

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

@@ -24,9 +24,9 @@ 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 '../../../lib/utils/utils';
+import Button from '../../../lib/components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useToastContext } from './ToastRoot';
 export var toastActionButtonVariants = cva("absolute items-center justify-center", {
     variants: {

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

@@ -24,7 +24,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 '../../../lib/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

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

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

@@ -24,7 +24,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 '../../../lib/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/Toggle/ToggleWithText.js

@@ -24,9 +24,9 @@ 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 { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -24,8 +24,8 @@ 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 { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 export * from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {

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

@@ -24,9 +24,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 '../../../lib/constants';
 import { ToggleGroupContext } from './ToggleGroupRoot';
-import { cn } from '../../lib/utils/utils';
+import { cn } from '../../../lib/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.js

@@ -24,8 +24,8 @@ 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 { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 var toggleVariants = cva('inline-flex', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -23,10 +23,10 @@ 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 '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
-import { Text } from '../../lib/Typography/Text';
+import { Text } from '../../../lib/Typography/Text';
 var toggleSwitchVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -25,8 +25,8 @@ 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 { cn } from '../../../lib/utils/utils';
+import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
 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/constants.js

@@ -1,5 +1,5 @@
-import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from 'lib/color/constants';
-import * as lightColors from 'lib/color/light';
+import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../lib/color/constants';
+import * as lightColors from '../lib/color/light';
 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%'];

package/dist/lib/utils/useDarkMode.js

@@ -1,4 +1,4 @@
-import { slateA, slateDarkA } from '../lib/color/alpha';
+import { slateA, slateDarkA } from '../../lib/color/alpha';
 import { useEffect, useState } from 'react';
 export var useDarkMode = function (isRAxes) {
     if (isRAxes === void 0) { isRAxes = false; }

package/dist/src/app/layout.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Metadata } from 'next';
+import './globals.css';
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: Readonly<{
+    children: React.ReactNode;
+}>): import("react").JSX.Element;

package/dist/src/app/page.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function Home(): React.JSX.Element;

package/dist/src/app/template/colorPicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IColor } from 'lib/types';
+declare const ColorPicker: ({ setColorTheme, }: {
+    setColorTheme: (color: IColor) => void;
+    mode: string;
+}) => import("react").JSX.Element;
+export default ColorPicker;

package/dist/src/app/template/theme.d.ts

@@ -0,0 +1,12 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IColor, IRadius, IScaling, IWeight } from 'lib/types';
+type ITheme = {
+    setRadiusTheme: Dispatch<SetStateAction<IRadius>>;
+    setScalingTheme: Dispatch<SetStateAction<IScaling>>;
+    setFontWeightTheme: Dispatch<SetStateAction<IWeight>>;
+    setColorTheme: Dispatch<SetStateAction<IColor>>;
+    setFontColorTheme: Dispatch<SetStateAction<IColor>>;
+    mode: string;
+};
+declare const Theme: ({ setRadiusTheme, setScalingTheme, setFontWeightTheme, setColorTheme, setFontColorTheme, mode, }: ITheme) => React.JSX.Element;
+export default Theme;

package/dist/src/lib/Typography/Header/index.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { IColor } from 'lib/types';
+export interface HeaderProps extends VariantProps<typeof headerVariants> {
+    color?: IColor;
+}
+declare let headerVariants: (props?: ({
+    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    headers?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Header: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Header;

package/dist/src/lib/Typography/Text/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor, ITypoSize } from 'lib/types';
+export interface TextProps extends VariantProps<typeof textVariants> {
+    color?: IColor;
+    size?: ITypoSize;
+    as?: 'span' | 'div' | 'label' | 'p';
+    align?: 'left' | 'center' | 'right';
+}
+declare const textVariants: (props?: ({
+    weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;
+export default Text;

package/dist/src/lib/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Header } from './Header';
+export { default as Text } from './Text';