@mci-ui/mci-ui 0.0.78 → 0.0.80

package/dist/types/shared/ui/mciPicker/MciPicker.d.ts

@@ -1,25 +1,3 @@
-import { Locale } from '../../lib/locales';
-type DateValue = Date | string | null;
-type RangeValue = [DateValue, DateValue];
-export interface MciPickerProps {
-    type?: 'date' | 'range';
-    value?: DateValue | RangeValue;
-    onChange?: (value: any) => void;
-    placeholder?: string | [string, string];
-    label?: string;
-    disabled?: boolean;
-    required?: boolean;
-    className?: string;
-    format?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    error?: string;
-    showClear?: boolean;
-    allowManualInput?: boolean;
-    locale?: Locale;
-    startView?: 'day' | 'month' | 'year';
-    iconPosition?: 'left' | 'right';
-    align?: 'left' | 'right' | 'center' | 'auto';
-}
+import { MciPickerProps } from '../../types/ui/picker.types';
 declare const MciPicker: import('react').ForwardRefExoticComponent<MciPickerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default MciPicker;

package/dist/types/shared/ui/mciPicker/mci-picker.utils.d.ts

@@ -0,0 +1,14 @@
+import { DateValue } from '../../types/ui/picker.types';
+export declare function toSafeDate(value: DateValue | undefined): Date | null;
+export declare function normalizeDate(date: Date): Date;
+export declare function formatDateByPattern(date: Date | null, pattern: string): string;
+export declare function parseDateFromInput(value: string): Date | null;
+export declare function formatManualDateInput(value: string): string;
+export declare function isDateOutsideBounds(date: Date, minDate?: Date, maxDate?: Date): boolean;
+export declare function shiftMonth(date: Date, offset: number): Date;
+export declare function shiftYear(date: Date, offset: number): Date;
+export declare function getCalendarDays(monthDate: Date): {
+    date: Date;
+    isCurrentMonth: boolean;
+}[];
+export declare function isSameCalendarDay(a: Date, b: Date): boolean;

package/dist/types/shared/ui/mciSelect/MciSelect.d.ts

@@ -1,27 +1,4 @@
 import { default as React } from 'react';
-type Option = {
-    value: string | number;
-    label: string;
-};
-type SelectProps = {
-    label?: string;
-    placeholder?: string;
-    options: Option[];
-    icon?: React.ReactNode;
-    iconPosition?: 'left' | 'right';
-    size?: 'sm' | 'md' | 'base';
-    error?: string;
-    disabled?: boolean;
-    required?: boolean;
-    value?: string | number;
-    onChange?: (value: string | number) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    className?: string;
-    clearable?: boolean;
-    searchable?: boolean;
-    onSearch?: (searchTerm: string) => void;
-    name?: string;
-};
+import { SelectProps } from '../../types/ui/select.types';
 declare const MciSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
 export default MciSelect;

package/dist/types/shared/ui/mciSelect/mci-select.utils.d.ts

@@ -0,0 +1,39 @@
+import { Option } from '../../types/ui/select.types';
+export declare const SELECT_SIZES: {
+    readonly sm: {
+        readonly container: "h-9 text-sm";
+        readonly padding: "px-2";
+        readonly iconPaddingLeft: "pl-7";
+        readonly iconPaddingRight: "pr-7";
+        readonly iconSize: "w-4 h-4";
+        readonly iconWrapper: "left-2";
+        readonly rightIconWrapper: "right-2";
+        readonly label: "text-sm";
+        readonly dropdown: "text-sm";
+    };
+    readonly md: {
+        readonly container: "h-10 text-sm";
+        readonly padding: "px-4";
+        readonly iconPaddingLeft: "pl-8";
+        readonly iconPaddingRight: "pr-8";
+        readonly iconSize: "w-5 h-5";
+        readonly iconWrapper: "left-3";
+        readonly rightIconWrapper: "right-3";
+        readonly label: "text-sm";
+        readonly dropdown: "text-sm";
+    };
+    readonly base: {
+        readonly container: "h-12 text-base";
+        readonly padding: "px-4";
+        readonly iconPaddingLeft: "pl-10";
+        readonly iconPaddingRight: "pl-3";
+        readonly iconSize: "w-5 h-5";
+        readonly iconWrapper: "left-4";
+        readonly rightIconWrapper: "right-16";
+        readonly label: "text-base";
+        readonly dropdown: "text-base";
+    };
+};
+export declare function getFilteredOptions(options: Option[], searchTerm: string, searchable: boolean, hasExternalSearch: boolean): Option[];
+export declare function getSelectStateStyles(disabled: boolean, error?: string): "border-slate-200 bg-slate-100 text-slate-400 cursor-not-allowed" | "border-red-600 focus:border-red-600 shadow-red bg-white" | "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600 bg-white";
+export declare function getSelectIconColor(disabled: boolean, error: string | undefined, isOpen: boolean, isFocused: boolean): "text-slate-400" | "text-red-600" | "text-black";

package/dist/types/shared/ui/mciSkeleton/MciSkeleton.d.ts

@@ -1,8 +1,2 @@
-type SkeletonProps = {
-    className?: string;
-    variant?: 'default' | 'rounded' | 'circle';
-    width?: string | number;
-    height?: string | number;
-};
+import { SkeletonProps } from '../../types/ui/skeleton.types';
 export default function MciSkeleton({ className, variant, width, height, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/shared/ui/mciTable/MciTableClamp2.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type Clamp2Props = {
+    children: ReactNode;
+    title?: string;
+};
+export default function MciTableClamp2({ children, title }: Clamp2Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/shared/ui/mciTable/mci-table.utils.d.ts

@@ -0,0 +1,3 @@
+import { MciTableSort } from '../../types/mci-table.types';
+export declare function normalizeColWidth(width?: string | number): string | undefined;
+export declare function sortRows<T extends Record<string, unknown>>(rows: T[], activeSort: MciTableSort<T> | null, isExternalSort: boolean): T[];

package/dist/types/shared/ui/mciTabs/MciTabs.d.ts

@@ -1,20 +1,2 @@
-import { default as React } from 'react';
-type Tab = {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    content: React.ReactNode;
-    disabled?: boolean;
-};
-type TabsProps = {
-    tabs: Tab[];
-    defaultTab?: string;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    className?: string;
-    tabListClassName?: string;
-    contentClassName?: string;
-    extra?: React.ReactNode;
-    onChange?: (tabId: string | number) => void;
-};
+import { TabsProps } from '../../types/ui/tabs.types';
 export default function MciTabs({ tabs, defaultTab, position, className, tabListClassName, contentClassName, extra, onChange, }: TabsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/shared/ui/mciTag/MciTag.d.ts

@@ -1,12 +1,2 @@
-import { default as React } from 'react';
-type TagProps = {
-    children: React.ReactNode;
-    variant?: 'success' | 'warning' | 'error' | 'gray' | 'blue';
-    size?: 'sm' | 'md' | 'lg';
-    icon?: React.ReactNode;
-    iconPosition?: 'left' | 'right';
-    rounded?: boolean;
-    className?: string;
-};
+import { TagProps } from '../../types/ui/tag.types';
 export default function MciTag({ children, variant, size, icon, iconPosition, className, }: TagProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/shared/ui/mciTextarea/MciTextarea.d.ts

@@ -1,14 +1,3 @@
-type TextareaProps = {
-    label?: string;
-    placeholder?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    error?: string;
-    className?: string;
-    rows?: number;
-    name?: string;
-};
+import { TextareaProps } from '../../types/ui/textarea.types';
 declare const MciTextarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default MciTextarea;

package/dist/types/shared/ui/mciToast/MciToast.d.ts

@@ -1,13 +1,5 @@
 import { ReactNode } from 'react';
-type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
-interface ToastProps {
-    title: string;
-    description?: string;
-    type?: ToastType;
-    duration?: number;
-    action?: ReactNode;
-    onClose?: () => void;
-}
+import { ToastProps } from '../../types/ui/toast.types';
 declare const MciToast: {
     success: (title: string | Omit<ToastProps, "type">, desc?: string, action?: ReactNode) => {
         close: () => void;

package/dist/types/shared/ui/mciToast/mci-toast.utils.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { ToastType } from '../../types/ui/toast.types';
+export declare const TOAST_ICONS: Record<ToastType, ReactNode>;
+export declare const TOAST_STYLES: {
+    readonly bg: {
+        readonly success: "bg-green-50";
+        readonly error: "bg-red-50";
+        readonly warning: "bg-orange-50";
+        readonly info: "bg-blue-50";
+        readonly loading: "bg-slate-50";
+    };
+    readonly line: {
+        readonly success: "bg-green-600";
+        readonly error: "bg-red-600";
+        readonly warning: "bg-orange-600";
+        readonly info: "bg-blue-600";
+        readonly loading: "bg-slate-600";
+    };
+    readonly text: {
+        readonly success: "text-green-600";
+        readonly error: "text-red-600";
+        readonly warning: "text-orange-600";
+        readonly info: "text-blue-600";
+        readonly loading: "text-slate-600";
+    };
+    readonly action: {
+        readonly success: "text-green-600";
+        readonly error: "text-red-600";
+        readonly warning: "text-orange-600";
+        readonly info: "text-blue-600";
+        readonly loading: "text-slate-600";
+    };
+};
+export declare function getOrCreateToastContainer(): HTMLElement;

package/dist/types/shared/ui/mciToggle/MciToggle.d.ts

@@ -1,11 +1,2 @@
-type ToggleProps = {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    variant?: 'blue' | 'yellow';
-    label?: string;
-    supportText?: string;
-    className?: string;
-};
+import { ToggleProps } from '../../types/ui/toggle.types';
 export default function MciToggle({ checked, onChange, disabled, variant, label, supportText, className, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/shared/ui/mciTooltip/MciTooltip.d.ts

@@ -1,10 +1,2 @@
-import { default as React } from 'react';
-type TooltipProps = {
-    content: React.ReactNode;
-    children: React.ReactNode;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    delay?: number;
-    className?: string;
-};
+import { TooltipProps } from '../../types/ui/tooltip.types';
 export default function MciTooltip({ content, children, position, delay, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/shared/ui/mciUpload/MciUpload.d.ts

@@ -1,30 +1,4 @@
 import { default as React } from 'react';
-import { UploadLocale } from '../../lib/uploadLanguage';
-interface FileInfo {
-    id: string;
-    file: File;
-    preview?: string;
-    progress: number;
-    status: 'uploading' | 'success' | 'error';
-    error?: string;
-}
-interface MciUploadProps {
-    multiple?: boolean;
-    accept?: string;
-    maxSize?: number;
-    maxFiles?: number;
-    disabled?: boolean;
-    label?: string;
-    required?: boolean;
-    error?: string;
-    className?: string;
-    onFilesChange?: (files: File[]) => void;
-    onUpload?: (files: FileInfo[]) => Promise<void>;
-    showPreview?: boolean;
-    locale?: UploadLocale;
-    showFileTypeIcon?: boolean;
-    customValidator?: (file: File) => string | null;
-    variant?: 'yellow' | 'blue';
-}
+import { MciUploadProps } from '../../types/ui/upload.types';
 declare const MciUpload: React.FC<MciUploadProps>;
 export default MciUpload;

package/dist/types/shared/ui/mciUpload/mci-upload.utils.d.ts

@@ -0,0 +1,5 @@
+export declare function getFileIcon(file: File): import("react/jsx-runtime").JSX.Element;
+export declare function formatFileSize(bytes: number): string;
+export declare function validateFileSize(file: File, maxSizeMb: number): boolean;
+export declare function validateFileType(file: File, accept: string): boolean;
+export declare function createPreview(file: File): Promise<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mci-ui/mci-ui",
   "private": false,
-  "version": "0.0.78",
+  "version": "0.0.80",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/dist/types/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;