@mci-ui/mci-ui 0.0.88 → 0.0.89

package/dist/shared/ui/mciUpload/MciUpload.js

@@ -1,11 +1,11 @@
-import { jsxs as s, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { Upload as le, File as se, Star2 as oe, Eye as ne } from "@solar-icons/react";
+import { jsxs as o, jsx as t, Fragment as k } from "react/jsx-runtime";
+import { Upload as le, File as oe, Star2 as se, Eye as ne } from "@solar-icons/react";
 import ae from "../../../assets/icons/close.svg.js";
-import { useState as T, useRef as H, useMemo as P, useCallback as c, useEffect as ie } from "react";
+import { useState as O, useRef as C, useMemo as T, useCallback as c, useEffect as ie } from "react";
 import { uploadLanguages as ce } from "../../lib/uploadLanguage.js";
-import { cn as o } from "../../lib/utils.js";
-import { buildSecureAccept as de, getAllowedFormatsHint as ue, validateFileSize as pe, validateFileType as me, createPreview as be, getFileIcon as ge, formatFileSize as he } from "./mci-upload.utils.js";
-const fe = {
+import { cn as s } from "../../lib/utils.js";
+import { buildSecureAccept as de, getAllowedFormatsHint as ge, validateFileSize as ue, validateFileType as be, createPreview as pe, getFileIcon as me, formatFileSize as he } from "./mci-upload.utils.js";
+const xe = {
   blue: {
     dropBorder: "border-blue-200 hover:border-blue-300",
     dropBg: "bg-blue-50/40 hover:bg-blue-50/60",
@@ -18,17 +18,28 @@ const fe = {
     fileIconDoc: "bg-green-50 text-green-600"
   },
   yellow: {
-    dropBorder: "border-yellow-200 hover:border-yellow-300",
-    dropBg: "bg-yellow-50/40 hover:bg-yellow-50/60",
-    dropActive: "border-yellow-500 bg-yellow-50",
-    iconWrap: "text-yellow-700",
+    dropBorder: "border-yellow-300 hover:border-yellow-400",
+    dropBg: "bg-yellow-50/60 hover:bg-yellow-100/60",
+    dropActive: "border-yellow-500 bg-yellow-100/80",
+    iconWrap: "text-yellow-600",
     title: "text-yellow-700",
     hint: "text-slate-500",
-    progressFill: "bg-yellow-600",
+    progressFill: "bg-yellow-500",
     fileIconImg: "bg-blue-50 text-blue-600",
     fileIconDoc: "bg-green-50 text-green-600"
+  },
+  orange: {
+    dropBorder: "border-orange-200 hover:border-orange-300",
+    dropBg: "bg-orange-50/40 hover:bg-orange-50/60",
+    dropActive: "border-orange-600 bg-orange-50",
+    iconWrap: "text-orange-600",
+    title: "text-orange-600",
+    hint: "text-slate-500",
+    progressFill: "bg-orange-600",
+    fileIconImg: "bg-orange-50 text-orange-600",
+    fileIconDoc: "bg-green-50 text-green-600"
   }
-}, xe = {
+}, fe = {
   blue: {
     dropBorder: "border-blue-800 hover:border-blue-700",
     dropBg: "bg-blue-950/40 hover:bg-blue-950/60",
@@ -41,137 +52,148 @@ const fe = {
     fileIconDoc: "bg-green-950 text-green-400"
   },
   yellow: {
-    dropBorder: "border-yellow-800 hover:border-yellow-700",
-    dropBg: "bg-yellow-950/40 hover:bg-yellow-950/60",
-    dropActive: "border-yellow-600 bg-yellow-950/60",
-    iconWrap: "text-yellow-400",
-    title: "text-yellow-400",
+    dropBorder: "border-yellow-700 hover:border-yellow-600",
+    dropBg: "bg-yellow-950/45 hover:bg-yellow-950/65",
+    dropActive: "border-yellow-500 bg-yellow-950/70",
+    iconWrap: "text-yellow-300",
+    title: "text-yellow-300",
     hint: "text-slate-400",
-    progressFill: "bg-yellow-500",
+    progressFill: "bg-yellow-400",
     fileIconImg: "bg-blue-950 text-blue-400",
     fileIconDoc: "bg-green-950 text-green-400"
+  },
+  orange: {
+    dropBorder: "border-orange-800 hover:border-orange-700",
+    dropBg: "bg-orange-950/40 hover:bg-orange-950/60",
+    dropActive: "border-orange-600 bg-orange-950/60",
+    iconWrap: "text-orange-400",
+    title: "text-orange-400",
+    hint: "text-slate-400",
+    progressFill: "bg-orange-600",
+    fileIconImg: "bg-orange-950 text-orange-400",
+    fileIconDoc: "bg-green-950 text-green-400"
   }
-}, je = ({
+}, Be = ({
   multiple: y = !1,
   accept: h = "*/*",
   maxSize: N = 10,
   maxFiles: D = 5,
-  disabled: u = !1,
+  disabled: g = !1,
   label: W,
-  required: z = !1,
+  required: H = !1,
   error: F,
-  className: I,
-  onFilesChange: f,
+  className: z,
+  onFilesChange: x,
   onUpload: w,
   showPreview: _ = !0,
   locale: q = "uz",
   showFileTypeIcon: K = !0,
-  variant: R = "yellow",
+  variant: R = "orange",
   customValidator: U,
   darkMode: i = !1
 }) => {
-  const [m, x] = T([]), [$, L] = T(!1), [O, S] = T(!1), A = H(null), n = ce[q], p = P(() => i ? xe[R] : fe[R], [R, i]), G = P(() => de(h), [h]), J = P(() => ue(h), [h]), v = H(/* @__PURE__ */ new Map()), j = c((e) => {
+  const [b, f] = O([]), [$, L] = O(!1), [I, P] = O(!1), A = C(null), n = ce[q], u = T(() => i ? fe[R] : xe[R], [R, i]), G = T(() => de(h), [h]), J = T(() => ge(h), [h]), v = C(/* @__PURE__ */ new Map()), B = c((e) => {
     const l = v.current.get(e);
     l && (URL.revokeObjectURL(l), v.current.delete(e));
-  }, []), B = c(() => {
+  }, []), j = c(() => {
     for (const e of v.current.values())
       URL.revokeObjectURL(e);
     v.current.clear();
   }, []);
   ie(() => () => {
-    B();
-  }, [B]);
+    j();
+  }, [j]);
   const Q = c((e) => {
     let l = v.current.get(e.id);
-    l || (l = URL.createObjectURL(e.file), v.current.set(e.id, l), setTimeout(() => j(e.id), 5 * 6e4)), window.open(l, "_blank", "noopener,noreferrer");
-  }, [j]), E = c(
+    l || (l = URL.createObjectURL(e.file), v.current.set(e.id, l), setTimeout(() => B(e.id), 5 * 6e4)), window.open(l, "_blank", "noopener,noreferrer");
+  }, [B]), E = c(
     async (e) => {
       const l = Array.from(e), d = [];
       for (const r of l) {
-        if (m.length + d.length >= D) {
+        if (b.length + d.length >= D) {
           alert(n.maxFilesError(D));
           break;
         }
-        if (!pe(r, N)) {
+        if (!ue(r, N)) {
           alert(n.fileSizeError(r.name, N));
           continue;
         }
-        const a = me(r, h);
+        const a = be(r, h);
         if (!a.isValid) {
           a.reason === "blocked" ? alert(n.blockedFileTypeError(r.name)) : alert(n.fileTypeError(r.name));
           continue;
         }
         if (U) {
-          const k = U(r);
-          if (k) {
-            alert(k);
+          const S = U(r);
+          if (S) {
+            alert(S);
             continue;
           }
         }
-        const b = await be(r), g = w ? "uploading" : "success", re = w ? 0 : 100;
+        const p = await pe(r), m = w ? "uploading" : "success", re = w ? 0 : 100;
         d.push({
           id: Math.random().toString(36).substr(2, 9),
           file: r,
-          preview: b,
+          preview: p,
           progress: re,
-          status: g
+          status: m
         });
       }
       if (d.length > 0) {
-        const r = y ? [...m, ...d] : d;
-        if (x(r), f?.(r.map((a) => a.file)), w) {
-          S(!0);
+        const r = y ? [...b, ...d] : d;
+        if (f(r), x?.(r.map((a) => a.file)), w) {
+          P(!0);
           try {
-            const a = r.map((b, g) => ({
-              ...b,
-              progress: Math.min(100, (g + 1) / r.length * 100)
+            const a = r.map((p, m) => ({
+              ...p,
+              progress: Math.min(100, (m + 1) / r.length * 100)
             }));
-            x(a), await w(a), x(
-              (b) => b.map((g) => ({
-                ...g,
+            f(a), await w(a), f(
+              (p) => p.map((m) => ({
+                ...m,
                 status: "success",
                 progress: 100
               }))
             );
           } catch (a) {
-            x(
-              (b) => b.map((g) => ({
-                ...g,
+            f(
+              (p) => p.map((m) => ({
+                ...m,
                 status: "error",
                 error: a instanceof Error ? a.message : n.uploadFailed
               }))
             );
           } finally {
-            S(!1);
+            P(!1);
           }
         }
       }
     },
     [
-      m,
+      b,
       D,
       U,
       n,
       h,
       N,
       y,
-      f,
+      x,
       w
     ]
   ), V = c(
     (e) => {
-      e.preventDefault(), u || L(!0);
+      e.preventDefault(), g || L(!0);
     },
-    [u]
+    [g]
   ), X = c((e) => {
     e.preventDefault(), L(!1);
   }, []), Y = c(
     (e) => {
-      if (e.preventDefault(), L(!1), u) return;
+      if (e.preventDefault(), L(!1), g) return;
       const l = e.dataTransfer.files;
       l.length > 0 && E(l);
     },
-    [u, E]
+    [g, E]
   ), Z = c(
     (e) => {
       const l = e.target.files;
@@ -180,40 +202,40 @@ const fe = {
     [E]
   ), M = c(
     (e) => {
-      j(e), x((l) => {
+      B(e), f((l) => {
         const d = l.filter((r) => r.id !== e);
-        return f?.(d.map((r) => r.file)), d;
+        return x?.(d.map((r) => r.file)), d;
       });
     },
-    [f, j]
+    [x, B]
   ), ee = c(() => {
-    B(), x([]), f?.([]);
-  }, [f, B]), te = c(() => {
+    j(), f([]), x?.([]);
+  }, [x, j]), te = c(() => {
     A.current?.click();
   }, []);
-  return /* @__PURE__ */ s("div", { className: o("w-full", I), children: [
-    W && /* @__PURE__ */ s(
+  return /* @__PURE__ */ o("div", { className: s("w-full", z), children: [
+    W && /* @__PURE__ */ o(
       "label",
       {
-        className: o(
+        className: s(
           "mb-2 block text-base font-medium",
           F ? "text-red-600" : i ? "text-slate-300" : "text-slate-700"
         ),
         children: [
           W,
-          z && /* @__PURE__ */ t("span", { className: "ml-1 text-extra-small text-red-600", children: "*" })
+          H && /* @__PURE__ */ t("span", { className: "ml-1 text-extra-small text-red-600", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       "div",
       {
-        className: o(
+        className: s(
           "group relative flex min-h-[180px] w-full cursor-pointer items-center justify-center rounded-2xl border border-dashed p-6 text-center transition-all duration-300",
-          p.dropBorder,
-          p.dropBg,
-          $ && p.dropActive,
-          u && "cursor-not-allowed opacity-60",
+          u.dropBorder,
+          u.dropBg,
+          $ && u.dropActive,
+          g && "cursor-not-allowed opacity-60",
           F && (i ? "border-red-500 bg-red-950/30" : "border-red-600 bg-red-50/30")
         ),
         onDragOver: V,
@@ -229,53 +251,53 @@ const fe = {
               multiple: y,
               accept: G,
               onChange: Z,
-              disabled: u,
+              disabled: g,
               className: "hidden"
             }
           ),
-          /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3", children: [
-            /* @__PURE__ */ t("div", { className: o("flex h-12 w-12 items-center justify-center rounded-xl", p.iconWrap), children: /* @__PURE__ */ t(le, { size: 20 }) }),
-            /* @__PURE__ */ t("p", { className: o("text-base font-medium", p.title), children: n.dropHereTitle }),
-            /* @__PURE__ */ t("p", { className: o("text-sm font-normal", p.hint), children: n.fileRequirements(y, D, N, J) })
+          /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-3", children: [
+            /* @__PURE__ */ t("div", { className: s("flex h-12 w-12 items-center justify-center rounded-xl", u.iconWrap), children: /* @__PURE__ */ t(le, { size: 20 }) }),
+            /* @__PURE__ */ t("p", { className: s("text-base font-medium", u.title), children: n.dropHereTitle }),
+            /* @__PURE__ */ t("p", { className: s("text-sm font-normal", u.hint), children: n.fileRequirements(y, D, N, J) })
           ] })
         ]
       }
     ),
-    m.length > 0 && /* @__PURE__ */ s("div", { className: "mt-4 space-y-3", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ s("span", { className: o("text-sm font-medium", i ? "text-slate-300" : "text-slate-700"), children: [
+    b.length > 0 && /* @__PURE__ */ o("div", { className: "mt-4 space-y-3", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ o("span", { className: s("text-sm font-medium", i ? "text-slate-300" : "text-slate-700"), children: [
           n.selectedFiles,
           " (",
-          m.length,
+          b.length,
           ")"
         ] }),
-        m.length > 1 && /* @__PURE__ */ t(
+        b.length > 1 && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: ee,
-            disabled: u || O,
-            className: "text-sm font-medium text-red-600 disabled:opacity-50",
+            disabled: g || I,
+            className: "cursor-pointer text-sm font-medium text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
             children: n.clearAll
           }
         )
       ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-3", children: m.map((e) => {
-        const d = !!e.preview ? p.fileIconImg : p.fileIconDoc, r = u || O || e.status === "uploading";
-        return /* @__PURE__ */ s(
+      /* @__PURE__ */ t("div", { className: "space-y-3", children: b.map((e) => {
+        const d = !!e.preview ? u.fileIconImg : u.fileIconDoc, r = g || I || e.status === "uploading";
+        return /* @__PURE__ */ o(
           "div",
           {
-            className: o(
+            className: s(
               "flex items-center justify-between rounded-2xl border p-4",
               i ? "border-neutral-700" : "border-slate-200",
               e.status === "error" && (i ? "border-red-500" : "border-red-600")
             ),
             children: [
-              /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-4", children: [
+              /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-4", children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    className: o(
+                    className: s(
                       "flex h-14 w-14 items-center justify-center rounded-2xl",
                       d
                     ),
@@ -286,31 +308,31 @@ const fe = {
                         alt: e.file.name,
                         className: "h-10 w-10 rounded-xl object-cover"
                       }
-                    ) : K ? ge(e.file) : /* @__PURE__ */ t(se, { className: "h-6 w-6 text-slate-500" })
+                    ) : K ? me(e.file) : /* @__PURE__ */ t(oe, { className: "h-6 w-6 text-slate-500" })
                   }
                 ),
-                /* @__PURE__ */ s("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ t("p", { className: o("truncate text-lg font-semibold", i ? "text-slate-100" : "text-primary"), children: e.file.name }),
-                  /* @__PURE__ */ s("div", { className: o("mt-1 flex flex-wrap items-center gap-2 text-sm", i ? "text-slate-400" : "text-slate-500"), children: [
+                /* @__PURE__ */ o("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ t("p", { className: s("truncate text-lg font-semibold", i ? "text-slate-100" : "text-primary"), children: e.file.name }),
+                  /* @__PURE__ */ o("div", { className: s("mt-1 flex flex-wrap items-center gap-2 text-sm", i ? "text-slate-400" : "text-slate-500"), children: [
                     /* @__PURE__ */ t("span", { children: he(e.file.size) }),
-                    e.status === "uploading" && /* @__PURE__ */ s(C, { children: [
+                    e.status === "uploading" && /* @__PURE__ */ o(k, { children: [
                       /* @__PURE__ */ t("span", { children: "•" }),
-                      /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
-                        /* @__PURE__ */ t(oe, { className: "mr-1 h-5 w-5 animate-spin" }),
+                      /* @__PURE__ */ o("span", { className: "inline-flex items-center", children: [
+                        /* @__PURE__ */ t(se, { className: "mr-1 h-5 w-5 animate-spin" }),
                         n.uploading
                       ] })
                     ] }),
-                    e.status === "success" && /* @__PURE__ */ s(C, { children: [
+                    e.status === "success" && /* @__PURE__ */ o(k, { children: [
                       /* @__PURE__ */ t("span", { children: "•" }),
                       /* @__PURE__ */ t("span", { className: "font-normal text-green-600", children: n.success })
                     ] })
                   ] }),
-                  e.status === "uploading" && /* @__PURE__ */ t("div", { className: o("mt-2 h-1.5 w-full rounded-full", i ? "bg-neutral-700" : "bg-slate-200"), children: /* @__PURE__ */ t(
+                  e.status === "uploading" && /* @__PURE__ */ t("div", { className: s("mt-2 h-1.5 w-full rounded-full", i ? "bg-neutral-700" : "bg-slate-200"), children: /* @__PURE__ */ t(
                     "div",
                     {
-                      className: o(
+                      className: s(
                         "h-1.5 rounded-full transition-all duration-300",
-                        p.progressFill
+                        u.progressFill
                       ),
                       style: { width: `${e.progress}%` }
                     }
@@ -318,7 +340,7 @@ const fe = {
                   e.status === "error" && e.error && /* @__PURE__ */ t("p", { className: "mt-2 text-sm font-normal text-red-600", children: e.error })
                 ] })
               ] }),
-              /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ t(
                   "button",
                   {
@@ -327,7 +349,7 @@ const fe = {
                       a.stopPropagation(), r || Q(e);
                     },
                     disabled: r,
-                    className: o("rounded-xl p-2 hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", i ? "hover:bg-neutral-800" : "hover:bg-slate-100"),
+                    className: s("rounded-xl p-2 hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", i ? "hover:bg-neutral-800" : "hover:bg-slate-100"),
                     title: n.preview,
                     children: /* @__PURE__ */ t(ne, { size: 20, className: "text-slate-400" })
                   }
@@ -339,8 +361,8 @@ const fe = {
                     onClick: (a) => {
                       a.stopPropagation(), M(e.id);
                     },
-                    disabled: u || O,
-                    className: o("rounded-xl p-2 disabled:opacity-50 hover:cursor-pointer", i ? "text-slate-400 hover:bg-neutral-800" : "text-slate-base hover:bg-slate-100"),
+                    disabled: g || I,
+                    className: s("rounded-xl p-2 hover:cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", i ? "text-slate-400 hover:bg-neutral-800" : "text-slate-base hover:bg-slate-100"),
                     title: n.remove,
                     children: /* @__PURE__ */ t(ae, { className: "h-6 w-6" })
                   }
@@ -356,5 +378,5 @@ const fe = {
   ] });
 };
 export {
-  je as default
+  Be as default
 };

package/dist/types/shared/types/mci-table.types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export type Align = 'left' | 'center' | 'right';
 export type ColumnKey<T> = Extract<keyof T, string>;
 export type MciTablePanelLocale = 'ru' | 'uz';
+export type MciTableVariant = 'blue' | 'yellow' | 'orange';
 export type MciTableColumn<T> = {
     key: ColumnKey<T>;
     title: string;
@@ -40,6 +41,7 @@ export interface MciTableProps<T extends Record<string, unknown>> {
     skeletonRows?: number;
     noDataText?: string;
     darkMode?: boolean;
+    variant?: MciTableVariant;
     sort?: MciTableSort<T> | null;
     onSortChange?: (sort: MciTableSort<T> | null) => void;
     className?: string;

package/dist/types/shared/types/ui/breadcrumb.types.d.ts

@@ -5,7 +5,7 @@ export type BreadcrumbItem = {
     onClick?: () => void;
     icon?: ReactNode;
 };
-export type Variant = 'blue' | 'yellow';
+export type Variant = 'blue' | 'yellow' | 'orange';
 export type MciBreadcrumbProps = {
     items: BreadcrumbItem[];
     variant?: Variant;

package/dist/types/shared/types/ui/button.types.d.ts

@@ -5,7 +5,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>
     iconPosition?: 'left' | 'right';
     size?: 'sm' | 'md' | 'base';
     variant?: 'primary' | 'secondary' | 'outline' | 'danger' | 'tertiary';
-    color?: 'blue' | 'yellow';
+    color?: 'blue' | 'yellow' | 'orange';
     darkMode?: boolean;
     loading?: boolean;
 };

package/dist/types/shared/types/ui/check.types.d.ts

@@ -4,7 +4,7 @@ export type MciCheckProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' |
     label?: string;
     supportText?: string;
     error?: string;
-    variant?: 'blue' | 'yellow';
+    variant?: 'blue' | 'yellow' | 'orange';
     darkMode?: boolean;
     className?: string;
 };

package/dist/types/shared/types/ui/drawer.types.d.ts

@@ -15,4 +15,5 @@ export interface DrawerProps {
     closeOnEscape?: boolean;
     width?: string | number;
     darkMode?: boolean;
+    variant?: 'blue' | 'yellow' | 'orange';
 }

package/dist/types/shared/types/ui/loader.types.d.ts

@@ -4,5 +4,5 @@ export interface MciLoaderProps {
     iconClassName?: string;
     isLoading?: boolean;
     isFullPage?: boolean;
-    variant?: 'yellow' | 'blue';
+    variant?: 'yellow' | 'blue' | 'orange';
 }

package/dist/types/shared/types/ui/pagination.types.d.ts

@@ -7,7 +7,7 @@ export interface PaginationProps {
     siblingCount?: number;
     perPageOptions?: number[];
     showPerPage?: boolean;
-    variant?: 'yellow' | 'blue';
+    variant?: 'yellow' | 'blue' | 'orange';
     size?: 'medium' | 'large';
     darkMode?: boolean;
     paginationClassName?: string;

package/dist/types/shared/types/ui/toggle.types.d.ts

@@ -2,7 +2,7 @@ import { ButtonHTMLAttributes } from 'react';
 export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'type' | 'className' | 'onChange'> & {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
-    variant?: 'blue' | 'yellow';
+    variant?: 'blue' | 'yellow' | 'orange';
     darkMode?: boolean;
     label?: string;
     supportText?: string;

package/dist/types/shared/types/ui/upload.types.d.ts

@@ -23,6 +23,6 @@ export interface MciUploadProps {
     locale?: UploadLocale;
     showFileTypeIcon?: boolean;
     customValidator?: (file: File) => string | null;
-    variant?: 'yellow' | 'blue';
+    variant?: 'yellow' | 'blue' | 'orange';
     darkMode?: boolean;
 }

package/dist/types/shared/ui/mciDrawer/MciDrawer.d.ts

@@ -1,2 +1,2 @@
 import { DrawerProps } from '../../types/ui/drawer.types';
-export default function MciDrawer({ isOpen, onClose, position, children, footer, title, description, showCloseButton, drawerClassName, contentClassName, footerClassName, closeOnOverlayClick, closeOnEscape, width, darkMode, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export default function MciDrawer({ isOpen, onClose, position, children, footer, title, description, showCloseButton, drawerClassName, contentClassName, footerClassName, closeOnOverlayClick, closeOnEscape, width, darkMode, variant, }: DrawerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { MciTableProps } from '../../types/mci-table.types.ts';
-export default function MciTable<T extends Record<string, unknown>>({ columns, data, loading, skeletonRows, noDataText, sort: externalSort, onSortChange, className, headerClassName, bodyClassName, darkMode, rowKey, rowSelection, }: MciTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function MciTable<T extends Record<string, unknown>>({ columns, data, loading, skeletonRows, noDataText, sort: externalSort, onSortChange, className, headerClassName, bodyClassName, darkMode, variant, rowKey, rowSelection, }: MciTableProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ColumnKey, MciTableColumn, MciTablePanelLocale } from '../../types/mci-table.types.ts';
+import { ColumnKey, MciTableColumn, MciTablePanelLocale, MciTableVariant } from '../../types/mci-table.types.ts';
 type DropPosition = 'before' | 'after';
 type Props<T extends Record<string, unknown>> = {
     open: boolean;
@@ -11,6 +11,7 @@ type Props<T extends Record<string, unknown>> = {
     minVisible?: number;
     locale?: MciTablePanelLocale;
     darkMode?: boolean;
+    variant?: MciTableVariant;
 };
-export default function MciTableColumnsPanel<T extends Record<string, unknown>>({ open, onClose, columns, hidden, onToggle, onMove, onMoveByKey, minVisible, locale, darkMode, }: Props<T>): import("react/jsx-runtime").JSX.Element | null;
+export default function MciTableColumnsPanel<T extends Record<string, unknown>>({ open, onClose, columns, hidden, onToggle, onMove, onMoveByKey, minVisible, locale, darkMode, variant, }: Props<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mci-ui/mci-ui",
   "private": false,
-  "version": "0.0.88",
+  "version": "0.0.89",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",