enerdot-front-system 0.0.29-beta.8 → 0.1.0

package/dist/lib/components/Button/common.d.ts

@@ -1,11 +1,8 @@
-export declare const levels: {
-    [key: string]: {
-        height: number;
-        fontSize: number;
-    };
-};
-export declare const borderRadii: {
+type levelType = "small" | "medium" | "large";
+export declare const levelButtonStyles: Record<levelType, React.CSSProperties>;
+export declare const variantToborderRadius: {
     full: number;
     round: number;
     no: number;
 };
+export {};

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

@@ -10,6 +10,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     /**theme - secondary, text만 지원 */
     isSelected?: boolean;
     buttonRef?: React.RefObject<HTMLButtonElement>;
+    sx?: React.CSSProperties;
 }
 export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

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

@@ -1,6 +1,7 @@
 import { ButtonProps } from '../../Button';
 interface TertiaryButtonProps extends Omit<ButtonProps, "theme"> {
     isOpen?: boolean;
+    isError?: boolean;
 }
 declare const TertiaryButton: (props: TertiaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default TertiaryButton;

package/dist/lib/components/ButtonFilter/CustomFilter.d.ts

@@ -8,6 +8,7 @@ export interface CustomButtonFilterProps {
     isOpen: boolean;
     onOpenFilter: () => void;
     onCloseFilter: () => void;
+    isError?: boolean;
 }
-export declare const CustomButtonFilter: ({ title, isSelected, level, tooltipWidth, children, isOpen, onOpenFilter, onCloseFilter, }: CustomButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomButtonFilter: ({ title, isSelected, level, tooltipWidth, children, isOpen, onOpenFilter, onCloseFilter, isError, }: CustomButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomButtonFilter;

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

@@ -9,6 +9,8 @@ export interface ButtonFilterProps {
     onChange: (value: Options) => void;
     isAllChecked?: boolean;
     allCheckText?: string;
+    menuHeight?: number;
+    isError?: boolean;
 }
-export declare const ButtonFilter: ({ title, level, type, options, values, onChange, isAllChecked, allCheckText, }: ButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonFilter: ({ title, level, type, options, values, onChange, isAllChecked, allCheckText, menuHeight, isError, }: ButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonFilter;

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

@@ -1,9 +1,10 @@
-interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { Theme } from '../../types/theme';
+export interface CheckboxProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
     children?: React.ReactNode;
     onClickBox?: (info: {
         checked?: boolean;
         name?: string;
     }, event?: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const Checkbox: ({ id, checked, name, required, children, disabled, onClickBox, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ id, checked, name, required, lightTheme, children, disabled, onClickBox, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

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

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
 import { ChipColorTheme } from './theme';
-export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+import { Theme } from '../../types/theme';
+export interface ChipProps extends Theme, React.HTMLAttributes<HTMLDivElement> {
     colorTheme?: keyof ChipColorTheme;
-    level?: "small" | "regular" | "large";
+    level?: "small" | "regular" | "large" | "x-large";
     borderRadius?: "round" | "full";
     isDot?: boolean;
     isWhiteBg?: boolean;
+    /** * @deprecated 'gap' 속성은 더 이상 사용되지 않습니다.
+     * v0.1.0부터 내부 여백은 level로 관리됩니다.
+     */
     gap?: number;
 }
 export declare const Chip: ({ children, level, borderRadius, colorTheme, isWhiteBg, gap, isDot, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Chip/theme.d.ts

@@ -2,13 +2,8 @@ type ColorObject = {
     bgColor: string;
     textColor: string;
 };
+type ChipBaseColor = "yellow" | "orange" | "red" | "green" | "primary" | "gray" | "cyan";
 export type ChipColorTheme = {
-    yellow: ColorObject;
-    orange: ColorObject;
-    red: ColorObject;
-    green: ColorObject;
-    primary: ColorObject;
-    gray: ColorObject;
+    [key in ChipBaseColor]: ColorObject;
 };
-export declare const colorThemes: ChipColorTheme;
 export {};

package/dist/lib/components/DateSelector/DatePicker/Buttons/ArrowButton.d.ts

@@ -1,11 +1,11 @@
 import { default as moment } from 'moment';
 interface ArrowButtonProps {
-    level: "small" | "large";
+    level: "small" | "medium" | "large";
     dateType: "day" | "week" | "month" | "quarter" | "year";
     format: "hyphenFormat" | "dotFormat";
     onClick: () => void;
     disabled?: boolean;
-    date: moment.Moment;
+    date?: moment.Moment;
     minDate?: moment.Moment;
     maxDate?: moment.Moment;
     onChange: (e: {
@@ -13,6 +13,7 @@ interface ArrowButtonProps {
         name?: string;
     }) => void;
     name?: string;
+    isIcon?: boolean;
 }
-declare const ArrowButton: ({ level, dateType, onClick, format, disabled, date, maxDate, minDate, onChange, name, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowButton: ({ level, dateType, onClick, format, disabled, date, maxDate, minDate, onChange, name, isIcon, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ArrowButton;

package/dist/lib/components/DateSelector/DatePicker/Buttons/InputButton.d.ts

@@ -1,10 +1,14 @@
-interface InputButtonProps {
-    level: "small" | "large";
+import { Theme } from '../../../../../../../../../../src/lib/types/theme';
+interface InputButtonProps extends Theme {
+    level: "small" | "medium" | "large";
     dateType: "day" | "week" | "month" | "quarter" | "year";
     format: "hyphenFormat" | "dotFormat";
     onClick: () => void;
     disabled?: boolean;
     date: moment.Moment;
+    onCancel?: () => void;
+    isError?: boolean;
+    isIcon?: boolean;
 }
-declare const InputButton: ({ level, dateType, onClick, format, disabled, date, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputButton: ({ level, dateType, onClick, format, disabled, date, onCancel, isError, isIcon, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default InputButton;

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

@@ -1,6 +1,7 @@
 import { default as moment } from 'moment';
-export interface DatePickerProps {
-    date: moment.Moment;
+import { Theme } from '../../../../../../../../../src/lib/types/theme';
+export interface DatePickerProps extends Theme {
+    date?: moment.Moment;
     onChange: (e: {
         date: moment.Moment;
         name?: string;
@@ -11,9 +12,12 @@ export interface DatePickerProps {
     disabled?: boolean;
     name?: string;
     width?: "auto" | `${number}px` | "100%";
-    level?: "small" | "large";
+    level?: "small" | "medium" | "large";
     format?: "hyphenFormat" | "dotFormat";
     buttonType?: "arrow" | "input";
+    isCancelable?: boolean;
+    isError?: boolean;
+    isIcon?: boolean;
 }
-export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, isCancelable, isError, isIcon, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/lib/components/DateSelector/DateRangePicker/InputButton.d.ts

@@ -0,0 +1,13 @@
+interface InputButtonProps {
+    level: "small" | "medium" | "large";
+    dateType: "day" | "month" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    dates: [moment.Moment, moment.Moment];
+    onCancel?: () => void;
+    isError?: boolean;
+    isIcon?: boolean;
+}
+declare const InputButton: ({ level, dateType, onClick, format, disabled, dates, onCancel, isError, isIcon, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputButton;

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

@@ -11,10 +11,13 @@ export interface DateRangePickerProps {
     disabled?: boolean;
     name?: string;
     width?: "auto" | `${number}px` | "100%";
-    level?: "small" | "large";
+    level?: "small" | "medium" | "large";
     format?: "hyphenFormat" | "dotFormat";
     buttonType?: "arrow" | "input";
     maxRange?: number;
+    isCancelable?: boolean;
+    isError?: boolean;
+    isIcon?: boolean;
 }
-export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, isCancelable, isError, isIcon, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

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

@@ -1,6 +1,7 @@
 interface DividerProps {
     size?: number;
     direction?: "row" | "column";
+    color?: string;
 }
-export declare const Divider: ({ size, direction }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Divider: ({ size, direction, color, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

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

@@ -1,10 +1,14 @@
-interface ButtonProps {
+import { Theme } from '../../../types/theme';
+import { ButtonProps as ButtonProps } from '../../Button/index';
+interface _ButtonProps extends Theme {
     children?: React.ReactNode;
     onClick?: () => void;
     level?: "small" | "medium" | "large";
     isOpen?: boolean;
     width?: string;
     disabled?: boolean;
+    isError?: boolean;
+    borderRadius?: ButtonProps["borderRadius"];
 }
-declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: (props: _ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/lib/components/Dropdown/OptionList/CheckboxOption.d.ts

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface CheckboxOptionProps {
+import { Theme } from '../../../types/theme';
+interface CheckboxOptionProps extends Theme {
     option: DropdownOption;
     values: Option[];
     onChange: (value: Option[]) => void;
@@ -8,5 +9,5 @@ interface CheckboxOptionProps {
     isSelected: boolean;
     children: React.ReactNode;
 }
-declare const CheckboxOption: ({ option, values, onChange, level, isSelected, children, }: CheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxOption: ({ option, values, onChange, level, isSelected, children, lightTheme, }: CheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxOption;

package/dist/lib/components/Dropdown/OptionList/OptionSubLabelWrapper.d.ts

@@ -0,0 +1,11 @@
+import { SelectOptionProps } from './SeletOption';
+/**
+ * 기존 [Radio,Select,Checkbox] Option 컴포넌트에 하단에 Sublabel추가 하기 위한 래퍼 컴포넌트.
+ */
+declare const OptionSubLabelWrapper: ({ option, isLarge, isSelected, children, }: {
+    option: SelectOptionProps["option"];
+    isSelected?: SelectOptionProps["isSelected"];
+    isLarge?: boolean;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default OptionSubLabelWrapper;

package/dist/lib/components/Dropdown/OptionList/RadioOption.d.ts

@@ -1,11 +1,12 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface RadioOptionProps {
+import { Theme } from '../../../types/theme';
+interface RadioOptionProps extends Theme {
     option: DropdownOption;
     onChange: (value: Option[]) => void;
     level: "small" | "medium" | "large";
     isSelected: boolean;
     children: React.ReactNode;
 }
-declare const RadioOption: ({ option, onChange, level, isSelected, children, }: RadioOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioOption: ({ lightTheme, option, onChange, level, isSelected, children, }: RadioOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioOption;

package/dist/lib/components/Dropdown/OptionList/SeletOption.d.ts

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface SelectOptionProps {
+import { Theme } from '../../../types/theme';
+export interface SelectOptionProps extends Theme {
     option: DropdownOption;
     onChange: (value: Option[]) => void;
     level: "small" | "medium" | "large";
@@ -8,5 +9,5 @@ interface SelectOptionProps {
     onHideTooltip: () => void;
     children: React.ReactNode;
 }
-declare const SelectOption: ({ option, onChange, level, isSelected, onHideTooltip, children, }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectOption: ({ lightTheme, option, onChange, level, isSelected, onHideTooltip, children, }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectOption;

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

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface OptionListProps {
+import { Theme } from '../../../types/theme';
+interface OptionListProps extends Theme {
     options: DropdownOption[];
     values: Option[];
     onChange: (value: Option[]) => void;

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

@@ -1,12 +1,14 @@
 import { Option, Options } from '../../types/option';
+import { Theme } from '../../types/theme';
 import { ButtonProps } from '../Button';
 export interface DropdownOption extends Option {
     element?: React.ReactNode;
 }
-export interface DropdownProps {
+export interface DropdownProps extends Theme {
     initialPlaceholder: string;
     level?: ButtonProps["level"];
     type?: "checkbox" | "radio" | "select";
+    borderRadius?: ButtonProps["borderRadius"];
     options: DropdownOption[];
     values: Options;
     onChange: (value: Options) => void;
@@ -15,6 +17,8 @@ export interface DropdownProps {
     unit?: string;
     width?: "auto" | `${number}px` | "100%";
     disabled?: boolean;
+    menuHeight?: number;
+    isError?: boolean;
 }
-export declare const Dropdown: ({ initialPlaceholder, level, type, options, values, onChange, isAllChecked, allCheckText, unit, width, disabled, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ initialPlaceholder, level, type, lightTheme, options, values, onChange, isAllChecked, allCheckText, unit, width, disabled, menuHeight, isError, borderRadius, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/dist/lib/components/IconButton/common.d.ts

@@ -1,11 +1,3 @@
-export declare const levels: {
-    small: {
-        padding: number;
-    };
-    medium: {
-        padding: number;
-    };
-    large: {
-        padding: number;
-    };
-};
+type variants = "small" | "medium" | "large";
+export declare const levelButtonStyles: Record<variants, React.CSSProperties>;
+export {};

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

@@ -5,6 +5,7 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     baseColor?: "primary" | "green" | "red" | "orange" | "yellow" | "gray";
     isRound?: boolean;
     buttonRef?: React.RefObject<HTMLButtonElement>;
+    sx?: React.CSSProperties;
 }
 export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

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

@@ -1,16 +1,20 @@
 import { ReactNode } from 'react';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    level?: "large" | "small";
+import { Theme } from '../../../types/theme';
+export interface InputProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
+    level?: "large" | "medium" | "small";
     width?: string;
     unit?: string | ReactNode;
-    min?: number;
-    max?: number;
     label?: string;
     errorMessage?: string;
     successMessage?: string;
     guideMessage?: string;
     onCancel?: (name?: string) => void;
     textAlign?: "left" | "right";
+    isShowCount?: boolean;
+    isError?: boolean;
+    isSuccess?: boolean;
+    decimalLimits?: number;
+    sx?: React.CSSProperties;
 }
-export declare const Input: ({ unit, type, onChange, min, max, width, label, level, value, disabled, errorMessage, successMessage, guideMessage, required, onCancel, textAlign, ...props }: InputProps) => JSX.Element;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1,8 +1,9 @@
-export interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { Theme } from '../../../types/theme';
+export interface SearchInputProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
     width?: string;
-    level?: "small" | "large";
+    level?: "small" | "medium" | "large";
     onCancel?: (name?: string) => void;
     textAlign?: "left" | "right";
 }
-export declare const SearchInput: ({ width, level, value, disabled, onCancel, textAlign, ...props }: SearchInputProps) => JSX.Element;
+export declare const SearchInput: ({ width, level, value, disabled, onCancel, lightTheme, textAlign, ...props }: SearchInputProps) => JSX.Element;
 export default SearchInput;

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

@@ -1,4 +1,5 @@
-interface PaginationProps {
+import { Theme } from '../../types/theme';
+interface PaginationProps extends Theme {
     totalPageCount: number;
     currentPage: number;
     displayRangeCount?: number;

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

@@ -1,4 +1,5 @@
-interface RadioButtonProps {
+import { Theme } from '../../../types/theme';
+interface RadioButtonProps extends Theme {
     checked: boolean;
     label?: string;
     name?: string;

package/dist/lib/components/Radio/RadioButtons.d.ts

@@ -1,9 +1,10 @@
 import { Option, Options } from '../../types/option';
-export interface RadioButtonsProps {
+import { Theme } from '../../types/theme';
+export interface RadioButtonsProps extends Theme {
     options: Options;
-    value: Option;
+    value: Option | null;
     onClick: (value: Option) => void;
     disabled?: boolean;
 }
-export declare const RadioButtons: ({ options, value, onClick, disabled, }: RadioButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtons: ({ options, value, onClick, disabled, lightTheme, }: RadioButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButtons;

package/dist/lib/components/Svg/Symbol/Cancel.d.ts

@@ -0,0 +1,2 @@
+declare const CancelIcon: () => import("react/jsx-runtime").JSX.Element;
+export default CancelIcon;

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

@@ -1,9 +1,10 @@
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     width?: string;
     label?: string;
-    errorText?: string;
+    errorMessage?: string;
     isShutdown?: boolean;
     isRequired?: boolean;
+    isError?: boolean;
 }
-export declare const Textarea: ({ errorText, width, label, isShutdown, value, disabled, isRequired, ...props }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ errorMessage, width, label, isShutdown, value, disabled, isRequired, isError, ...props }: TextareaProps) => JSX.Element;
 export default Textarea;

package/dist/lib/hooks/useTooltipWithPortal.d.ts

@@ -0,0 +1,44 @@
+export interface UseMenuWithPortalOptions {
+    containerRef: React.MutableRefObject<HTMLElement | null>;
+    menuRef: React.MutableRefObject<HTMLElement | null>;
+    minWidth?: number;
+    estimatedMenuHeight?: number;
+    gap?: number;
+}
+export interface UseMenuWithPortalReturn {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    menuStyle: React.CSSProperties;
+}
+/**
+ * createPortal을 사용하는 툴팁을 위한 통합 훅
+ * 외부 클릭 감지와 위치 계산 기능을 모두 제공합니다.
+ *
+ * @param options - 툴팁 옵션
+ * @returns isOpen, setOpen, menuStyle을 반환
+ *
+ * @example
+ * ```tsx
+ * const containerRef = useRef<HTMLDivElement>(null);
+ * const menuRef = useRef<HTMLDivElement>(null);
+ *
+ * const { isOpen, setOpen, menuStyle } = useMenuWithPortal({
+ *   containerRef,
+ *   menuRef,
+ *   minWidth: 300,
+ *   estimatedMenuHeight: 510,
+ *   gap: 8,
+ * });
+ *
+ * return (
+ *   <>
+ *     <div ref={containerRef} onClick={() => setOpen(true)}>...</div>
+ *     {isOpen && createPortal(
+ *       <div ref={menuRef} style={menuStyle}>...</div>,
+ *       document.body
+ *     )}
+ *   </>
+ * );
+ * ```
+ */
+export declare const useMenuWithPortal: ({ containerRef, menuRef, minWidth, estimatedMenuHeight, gap, }: UseMenuWithPortalOptions) => UseMenuWithPortalReturn;

package/dist/lib/index.d.ts

@@ -19,6 +19,5 @@ export * from './components/Radio/RadioButtons';
 export * from './components/Segment';
 export * from './components/Tab';
 export * from './components/Textarea';
-export { useTooltipPosition } from './hooks/useTooltipPosition';
 export { useVirtualScroll } from './hooks/useVirtualScroll';
 export * from './theme/color.style';

package/dist/lib/server.d.ts

@@ -0,0 +1,3 @@
+export * from './components/Chip';
+export * from './components/Divider';
+export * from './theme/color.style';

package/dist/lib/theme/color.style.d.ts

@@ -2,6 +2,7 @@ export declare const themeColors: ThemeColors;
 export interface ThemeColors {
     white: string;
     black: string;
+    dark_black: string;
     gray50: string;
     gray100: string;
     gray200: string;
@@ -46,4 +47,56 @@ export interface ThemeColors {
     yellow300: string;
     yellow400: string;
     yellow500: string;
+    dark_gray50: string;
+    dark_gray100: string;
+    dark_gray200: string;
+    dark_gray250: string;
+    dark_gray300: string;
+    dark_gray400: string;
+    dark_gray500: string;
+    dark_gray600: string;
+    dark_gray700: string;
+    dark_gray750: string;
+    dark_gray800: string;
+    dark_gray850: string;
+    dark_gray900: string;
+    dark_blue100: string;
+    dark_blue200: string;
+    dark_blue300: string;
+    dark_blue400: string;
+    dark_blue500: string;
+    dark_blue600: string;
+    dark_blue700: string;
+    dark_blue800: string;
+    dark_blue900: string;
+    dark_cyan50: string;
+    dark_cyan100: string;
+    dark_cyan200: string;
+    dark_cyan300: string;
+    dark_cyan400: string;
+    dark_cyan500: string;
+    dark_red50: string;
+    dark_red100: string;
+    dark_red200: string;
+    dark_red300: string;
+    dark_red400: string;
+    dark_red500: string;
+    dark_green50: string;
+    dark_green100: string;
+    dark_green200: string;
+    dark_green300: string;
+    dark_green400: string;
+    dark_green500: string;
+    dark_yellow50: string;
+    dark_yellow100: string;
+    dark_yellow200: string;
+    dark_yellow300: string;
+    dark_yellow400: string;
+    dark_yellow500: string;
+    dark_orange50: string;
+    dark_orange100: string;
+    dark_orange200: string;
+    dark_orange300: string;
+    dark_orange400: string;
+    dark_orange500: string;
 }

package/dist/lib/types/option.d.ts

@@ -1,5 +1,6 @@
-export type Option = {
-    label: string;
-    value: string;
+export type Option<T = string> = {
+    label: T;
+    subLabel?: string;
+    value: T;
 };
-export type Options = Option[];
+export type Options<T = string> = Option<T>[];

package/dist/lib/types/theme.d.ts

@@ -0,0 +1,4 @@
+export interface Theme {
+    lightTheme?: LightThemeType;
+}
+export type LightThemeType = "light" | "dark";

package/dist/lib/utils/dark.d.ts

@@ -0,0 +1 @@
+export declare const setDarkMode: (isDark: boolean) => void;

package/dist/server.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bp7Gu_Dn.cjs");exports.Chip=e.Chip;exports.Divider=e.Divider;exports.themeColors=e.themeColors;

package/dist/server.es.js

@@ -0,0 +1,6 @@
+import { C as r, D as s, t as a } from "./index-aVal9heD.js";
+export {
+  r as Chip,
+  s as Divider,
+  a as themeColors
+};