@mci-ui/mci-ui 0.0.84 → 0.0.85

package/dist/assets/icons/check.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 11, height: 8, viewBox: "0 0 11 8", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0.625 3.76944L3.76944 6.91389L10.0694 0.625", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};

package/dist/assets/icons/close.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M7.75739 7.75735L16.2427 16.2426", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.75733 16.2426L16.2426 7.75735", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};

package/dist/assets/icons/loaderIcon.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const C = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 177 177", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { opacity: 0.083334, d: "M94.5 48.5C94.5 41.8726 91.8137 36.5 88.5 36.5C85.1863 36.5 82.5 41.8726 82.5 48.5C82.5 55.1274 85.1863 60.5 88.5 60.5C91.8137 60.5 94.5 55.1274 94.5 48.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.166667, d: "M113.697 56.8591C117.011 51.1196 117.371 45.1237 114.501 43.4668C111.631 41.8099 106.618 45.1196 103.305 50.8591C99.991 56.5986 99.6311 62.5946 102.501 64.2514C105.371 65.9083 110.383 62.5986 113.697 56.8591Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.25, d: "M126.141 73.696C131.88 70.3823 135.19 65.3696 133.533 62.4999C131.876 59.6301 125.88 59.99 120.141 63.3037C114.401 66.6174 111.092 71.6301 112.749 74.4999C114.405 77.3696 120.401 77.0097 126.141 73.696Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.333334, d: "M128.5 94.5C135.127 94.5 140.5 91.8137 140.5 88.5C140.5 85.1863 135.127 82.5 128.5 82.5C121.873 82.5 116.5 85.1863 116.5 88.5C116.5 91.8137 121.873 94.5 128.5 94.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.416667, d: "M120.141 113.696C125.88 117.01 131.876 117.37 133.533 114.5C135.19 111.63 131.88 106.617 126.141 103.304C120.401 99.99 114.405 99.6301 112.749 102.5C111.092 105.37 114.401 110.382 120.141 113.696Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.5, d: "M103.303 126.141C106.617 131.88 111.629 135.19 114.499 133.533C117.369 131.876 117.009 125.88 113.695 120.141C110.382 114.401 105.369 111.092 102.499 112.749C99.6294 114.405 99.9893 120.401 103.303 126.141Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.583334, d: "M82.5 128.5C82.5 135.127 85.1863 140.5 88.5 140.5C91.8137 140.5 94.5 135.127 94.5 128.5C94.5 121.873 91.8137 116.5 88.5 116.5C85.1863 116.5 82.5 121.873 82.5 128.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.666667, d: "M63.303 120.141C59.9893 125.88 59.6294 131.876 62.4992 133.533C65.3689 135.19 70.3816 131.88 73.6953 126.141C77.009 120.401 77.3689 114.405 74.4992 112.749C71.6294 111.092 66.6167 114.401 63.303 120.141Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.75, d: "M50.8591 103.304C45.1196 106.618 41.8099 111.63 43.4668 114.5C45.1237 117.37 51.1196 117.01 56.8591 113.696C62.5986 110.383 65.9083 105.37 64.2514 102.5C62.5946 99.6304 56.5986 99.9903 50.8591 103.304Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.833334, d: "M48.5 82.5C41.8726 82.5 36.5 85.1863 36.5 88.5C36.5 91.8137 41.8726 94.5 48.5 94.5C55.1274 94.5 60.5 91.8137 60.5 88.5C60.5 85.1863 55.1274 82.5 48.5 82.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.916667, d: "M56.8591 63.304C51.1196 59.9903 45.1237 59.6304 43.4668 62.5001C41.8099 65.3699 45.1196 70.3826 50.8591 73.6963C56.5986 77.01 62.5946 77.3699 64.2514 74.5001C65.9083 71.6304 62.5986 66.6177 56.8591 63.304Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M73.697 50.8591C70.3833 45.1196 65.3706 41.8099 62.5008 43.4668C59.6311 45.1237 59.991 51.1196 63.3047 56.8591C66.6184 62.5986 71.6311 65.9083 74.5008 64.2514C77.3706 62.5946 77.0107 56.5986 73.697 50.8591Z", fill: "currentColor" }));
+export {
+  C as default
+};

package/dist/index.js

@@ -0,0 +1,53 @@
+/* empty css          */
+import { default as t } from "./shared/ui/mciBreadcrumb/MciBreadcrumb.js";
+import { default as f } from "./shared/ui/mciButton/MciButton.js";
+import { default as i } from "./shared/ui/mciCheck/MciCheck.js";
+import { default as d } from "./shared/ui/mciCollapse/MciCollapse.js";
+import { default as s } from "./shared/ui/mciAccordion/MciAccordion.js";
+import { default as m } from "./shared/ui/mciDrawer/MciDrawer.js";
+import { default as M } from "./shared/ui/mciInput/MciInput.js";
+import { default as T } from "./shared/ui/mciPicker/MciPicker.js";
+import { default as g } from "./shared/ui/mciSelect/MciSelect.js";
+import { default as P } from "./shared/ui/mciTable/MciTable.js";
+import { default as I } from "./shared/ui/mciUpload/MciUpload.js";
+import { default as h } from "./shared/ui/MciModal/MciModal.js";
+import { default as w } from "./shared/ui/mciPagination/MciPagination.js";
+import { default as A } from "./shared/ui/mciSkeleton/MciSkeleton.js";
+import { default as L } from "./shared/ui/mciTabs/MciTabs.js";
+import { default as j } from "./shared/ui/mciTag/MciTag.js";
+import { default as v } from "./shared/ui/mciTextarea/MciTextarea.js";
+import { default as E } from "./shared/ui/mciToast/MciToast.js";
+import { default as G } from "./shared/ui/mciTooltip/MciTooltip.js";
+import { default as J } from "./shared/ui/mciToggle/MciToggle.js";
+import { default as N } from "./shared/ui/mciLoader/MciLoader.js";
+import { default as Q } from "./shared/ui/mciPhone/MciPhone.js";
+import { default as V } from "./shared/ui/mciIdentityInput/MciIdentityInput.js";
+import { default as X } from "./shared/ui/mciTable/MciTableColumnsPanel.js";
+import { default as Z } from "./shared/lib/hooks/useTableColumnSettings.js";
+export {
+  s as MciAccordion,
+  t as MciBreadcrumb,
+  f as MciButton,
+  i as MciCheck,
+  d as MciCollapse,
+  m as MciDrawer,
+  V as MciIdentityInput,
+  M as MciInput,
+  N as MciLoader,
+  h as MciModal,
+  w as MciPagination,
+  Q as MciPhone,
+  T as MciPicker,
+  g as MciSelect,
+  A as MciSkeleton,
+  P as MciTable,
+  X as MciTableColumnsPanel,
+  L as MciTabs,
+  j as MciTag,
+  v as MciTextarea,
+  E as MciToast,
+  J as MciToggle,
+  G as MciTooltip,
+  I as MciUpload,
+  Z as useTableColumnSettings
+};

package/dist/shared/lib/hooks/useTableColumnSettings.js

@@ -0,0 +1,132 @@
+import { useMemo as m, useState as R, useEffect as p, useCallback as A } from "react";
+const I = (d) => Array.isArray(d) && d.every((t) => typeof t == "string"), X = (d) => {
+  if (!d) return null;
+  try {
+    const t = JSON.parse(d);
+    if (typeof t != "object" || t === null) return null;
+    const s = t;
+    return !I(s.order) || !I(s.hidden) ? null : { order: s.order, hidden: s.hidden };
+  } catch {
+    return null;
+  }
+}, S = (d) => {
+  const t = /* @__PURE__ */ new Set(), s = [];
+  for (const l of d)
+    t.has(l) || (t.add(l), s.push(l));
+  return s;
+}, q = (d) => new Set((d ?? []).map(String)), N = (d, t) => {
+  const s = t ? S(t.filter((l) => d.includes(l))) : [];
+  return S([...s, ...d]);
+}, V = (d, t) => {
+  if (!t?.length) return [];
+  const s = q(t);
+  return d.filter((l) => !s.has(l));
+}, B = (d, t) => Math.max(0, Math.min(d, t)), x = (d, t, s) => {
+  const l = new Set(t), b = S(d.filter((r) => l.has(r))), H = Math.max(0, t.length - s);
+  return b.slice(0, H);
+};
+function P(d) {
+  const { storageKey: t, columns: s, defaultVisibleKeys: l, defaultOrder: b, minVisible: H = 5 } = d, r = m(() => s.map((e) => String(e.key)), [s]), y = m(() => new Set(r), [r]), h = m(
+    () => B(H, r.length),
+    [r.length, H]
+  ), [g, w] = R(() => {
+    const e = N(
+      r,
+      b?.map(String) ?? []
+    ), i = V(
+      r,
+      l?.map(String) ?? []
+    );
+    if (typeof window > "u")
+      return {
+        order: e,
+        hidden: x(i, r, h)
+      };
+    const n = X(window.localStorage.getItem(t)), c = S((n?.order ?? []).filter((f) => y.has(f))), a = S([...c, ...e, ...r]), o = S((n?.hidden ?? []).filter((f) => y.has(f)));
+    return {
+      order: a,
+      hidden: x(n ? o : i, r, h)
+    };
+  });
+  p(() => {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(t, JSON.stringify(g));
+      } catch {
+      }
+  }, [g, t]), p(() => {
+    w((e) => {
+      const i = S([
+        ...e.order.filter((o) => y.has(o)),
+        ...r.filter((o) => !e.order.includes(o))
+      ]), n = x(e.hidden, r, h), c = i.length === e.order.length && i.every((o, u) => o === e.order[u]), a = n.length === e.hidden.length && n.every((o, u) => o === e.hidden[u]);
+      return c && a ? e : { order: i, hidden: n };
+    });
+  }, [r, y, h]);
+  const M = m(() => new Set(g.hidden), [g.hidden]), E = m(() => {
+    const e = /* @__PURE__ */ new Map();
+    return g.order.forEach((i, n) => e.set(i, n)), [...s].sort((i, n) => {
+      const c = e.get(String(i.key)) ?? Number.MAX_SAFE_INTEGER, a = e.get(String(n.key)) ?? Number.MAX_SAFE_INTEGER;
+      return c - a;
+    });
+  }, [s, g.order]), K = m(
+    () => E.filter((e) => !M.has(String(e.key))),
+    [E, M]
+  ), k = m(
+    () => g.hidden.filter((e) => y.has(e)),
+    [g.hidden, y]
+  ), T = r.length - k.length, _ = A((e) => {
+    const i = String(e);
+    w((n) => {
+      if (n.hidden.includes(i))
+        return { ...n, hidden: n.hidden.filter((u) => u !== i) };
+      if (r.length - n.hidden.length <= h) return n;
+      const o = x([...n.hidden, i], r, h);
+      return { ...n, hidden: o };
+    });
+  }, [r, h]), j = A((e, i) => {
+    w((n) => {
+      const c = n.order.slice();
+      if (e < 0 || i < 0 || e >= c.length || i >= c.length) return n;
+      const [a] = c.splice(e, 1);
+      return c.splice(i, 0, a), { ...n, order: c };
+    });
+  }, []), F = A((e, i, n = "before") => {
+    const c = String(e), a = String(i);
+    c !== a && w((o) => {
+      const u = o.order.slice(), f = u.indexOf(c), O = u.indexOf(a);
+      if (f < 0 || O < 0 || f === O) return o;
+      let C = n === "after" ? O + 1 : O;
+      if (f < C && (C -= 1), C === f) return o;
+      const [J] = u.splice(f, 1);
+      return u.splice(C, 0, J), { ...o, order: u };
+    });
+  }, []), G = A(() => {
+    w(() => {
+      const e = N(
+        r,
+        b?.map(String) ?? []
+      ), i = V(
+        r,
+        l?.map(String) ?? []
+      );
+      return {
+        order: e,
+        hidden: x(i, r, h)
+      };
+    });
+  }, [r, b, l, h]);
+  return {
+    orderedAllColumns: E,
+    orderedColumns: K,
+    hiddenKeys: k,
+    visibleCount: T,
+    toggleColumn: _,
+    moveColumn: j,
+    moveColumnByKey: F,
+    reset: G
+  };
+}
+export {
+  P as default
+};

package/dist/shared/lib/locales.js

@@ -0,0 +1,101 @@
+const a = {
+  uz: {
+    months: [
+      "Yanvar",
+      "Fevral",
+      "Mart",
+      "Aprel",
+      "May",
+      "Iyun",
+      "Iyul",
+      "Avgust",
+      "Sentabr",
+      "Oktabr",
+      "Noyabr",
+      "Dekabr"
+    ],
+    monthsShort: [
+      "Yan",
+      "Fev",
+      "Mar",
+      "Apr",
+      "May",
+      "Iyn",
+      "Iyl",
+      "Avg",
+      "Sen",
+      "Okt",
+      "Noy",
+      "Dek"
+    ],
+    weekdays: ["Yakshanba", "Dushanba", "Seshanba", "Chorshanba", "Payshanba", "Juma", "Shanba"],
+    weekdaysShort: ["Ya", "Du", "Se", "Ch", "Pa", "Ju", "Sh"]
+  },
+  ru: {
+    months: [
+      "Январь",
+      "Февраль",
+      "Март",
+      "Апрель",
+      "Май",
+      "Июнь",
+      "Июль",
+      "Август",
+      "Сентябрь",
+      "Октябрь",
+      "Ноябрь",
+      "Декабрь"
+    ],
+    monthsShort: [
+      "Янв",
+      "Фев",
+      "Мар",
+      "Апр",
+      "Май",
+      "Июн",
+      "Июл",
+      "Авг",
+      "Сен",
+      "Окт",
+      "Ноя",
+      "Дек"
+    ],
+    weekdays: ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"],
+    weekdaysShort: ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"]
+  },
+  en: {
+    months: [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    monthsShort: [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    weekdaysShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
+  }
+};
+export {
+  a as locales
+};

package/dist/shared/lib/uploadLanguage.js

@@ -0,0 +1,80 @@
+const r = {
+  uz: {
+    dragAndDrop: "Faylni bu yerga torting",
+    clickToUpload: "yoki bosib tanlang",
+    or: "yoki",
+    dropHereTitle: "Faylni shu yerga yuklang",
+    fileRequirements: (e, l, a, i) => `${e ? `Maksimum ${l} ta fayl` : "1 ta fayl"} • ${a}MB gacha • ${i !== "*/*" ? `Format: ${i}` : "Barcha formatlar"}`,
+    selectedFiles: "Tanlangan fayllar",
+    clearAll: "Barchasini o‘chirish",
+    uploading: "Yuklanmoqda...",
+    success: "Yuklandi",
+    error: "Xatolik",
+    preview: "Ko‘rish",
+    download: "Yuklab olish",
+    remove: "O‘chirish",
+    maxFilesError: (e) => `Maksimum ${e} ta fayl yuklash mumkin`,
+    fileSizeError: (e, l) => `"${e}" fayl hajmi ${l}MB dan kichik bo‘lishi kerak`,
+    fileTypeError: (e) => `"${e}" fayl turi qabul qilinmaydi`,
+    blockedFileTypeError: (e) => `"${e}" fayli xavfsizlik sabab bloklandi (arxiv yoki bajariladigan fayl)`,
+    uploadFailed: "Yuklash muvaffaqiyatsiz tugadi",
+    file: "Fayl",
+    image: "Rasm",
+    video: "Video",
+    audio: "Audio",
+    document: "Hujjat"
+  },
+  ru: {
+    dragAndDrop: "Перетащите файл сюда",
+    clickToUpload: "или выберите нажатием",
+    or: "или",
+    dropHereTitle: "Загрузите свой файл сюда",
+    fileRequirements: (e, l, a, i) => `${e ? `Максимум ${l} файлов` : "1 файл"} • До ${a}MB • ${i !== "*/*" ? `Формат: ${i}` : "Все форматы"}`,
+    selectedFiles: "Выбранные файлы",
+    clearAll: "Очистить все",
+    uploading: "Загружается...",
+    success: "Загружено",
+    error: "Ошибка",
+    preview: "Просмотр",
+    download: "Скачать",
+    remove: "Удалить",
+    maxFilesError: (e) => `Можно загрузить максимум ${e} файлов`,
+    fileSizeError: (e, l) => `Размер файла "${e}" должен быть меньше ${l}MB`,
+    fileTypeError: (e) => `Тип файла "${e}" не поддерживается`,
+    blockedFileTypeError: (e) => `Файл "${e}" заблокирован политикой безопасности (архив или исполняемый тип)`,
+    uploadFailed: "Не удалось загрузить файл",
+    file: "Файл",
+    image: "Изображение",
+    video: "Видео",
+    audio: "Аудио",
+    document: "Документ"
+  },
+  en: {
+    dragAndDrop: "Drag and drop a file here",
+    clickToUpload: "or click to select",
+    or: "or",
+    dropHereTitle: "Upload your file here",
+    fileRequirements: (e, l, a, i) => `${e ? `Up to ${l} files` : "1 file"} • Up to ${a}MB • ${i !== "*/*" ? `Format: ${i}` : "All formats"}`,
+    selectedFiles: "Selected files",
+    clearAll: "Clear all",
+    uploading: "Uploading...",
+    success: "Uploaded",
+    error: "Error",
+    preview: "Preview",
+    download: "Download",
+    remove: "Remove",
+    maxFilesError: (e) => `You can upload up to ${e} files`,
+    fileSizeError: (e, l) => `File "${e}" must be smaller than ${l}MB`,
+    fileTypeError: (e) => `File type "${e}" is not supported`,
+    blockedFileTypeError: (e) => `File "${e}" is blocked by security policy (archive or executable type)`,
+    uploadFailed: "Upload failed",
+    file: "File",
+    image: "Image",
+    video: "Video",
+    audio: "Audio",
+    document: "Document"
+  }
+};
+export {
+  r as uploadLanguages
+};

package/dist/shared/lib/utils.js

@@ -0,0 +1,20 @@
+import { clsx as r } from "clsx";
+import { twMerge as i } from "tailwind-merge";
+function u(...e) {
+  return i(r(e));
+}
+function a(e) {
+  return { handleEscape: (t) => {
+    t.key === "Escape" && e();
+  } };
+}
+function l(e, n) {
+  return { handleClick: (c) => {
+    e.current && !e.current.contains(c.target) && n();
+  } };
+}
+export {
+  u as cn,
+  l as useClickOutside,
+  a as useEscapeKey
+};

package/dist/shared/ui/MciModal/MciModal.js

@@ -0,0 +1,97 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import k from "../../../assets/icons/close.svg.js";
+import { useRef as E, useEffect as b } from "react";
+import { useEscapeKey as j, useClickOutside as w, cn as n } from "../../lib/utils.js";
+function z({
+  show: t,
+  setShow: s,
+  title: i,
+  description: r,
+  Header: c,
+  Body: m,
+  footer: u,
+  handleClickOutside: a = !1,
+  showCloseIcon: p = !0,
+  showHeader: x = !0,
+  overlayClassName: v,
+  containerClassName: h,
+  bodyClassName: y,
+  footerClassName: N
+}) {
+  const f = E(null), { handleEscape: o } = j(() => s(!1));
+  b(() => (t ? (document.addEventListener("keydown", o), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", o)), [t, o]);
+  const { handleClick: l } = w(f, () => {
+    a && s(!1);
+  });
+  b(() => (t && a && document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l)), [t, l, a]);
+  const g = x && !!(c || i || r);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n(
+        "bg-black/40 fixed inset-0 z-50 flex justify-center transition-all duration-500 ease-in-out",
+        "items-end sm:items-center",
+        t ? "opacity-100" : "pointer-events-none opacity-0",
+        v
+      ),
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          ref: f,
+          className: n(
+            "relative bg-white w-full",
+            "sm:max-w-[720px]",
+            "rounded-t-2xl sm:rounded-2xl",
+            "transition-all duration-500 ease-out",
+            t ? "scale-100 opacity-100" : "scale-95 opacity-0",
+            h
+          ),
+          children: [
+            g && /* @__PURE__ */ d("div", { className: "border-b border-slate-200 flex items-start justify-between p-4 sm:p-6 mb-4", children: [
+              c || /* @__PURE__ */ d("div", { className: "block", children: [
+                /* @__PURE__ */ e("h2", { className: "text-h3 font-semibold text-black", children: i }),
+                r && /* @__PURE__ */ e("p", { className: "text-base text-slate-base font-normal mt-2", children: r })
+              ] }),
+              p && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => s(!1),
+                  className: "bg-slate-100 rounded-xl w-12 h-12 hover:cursor-pointer text-black transition flex items-center justify-center group",
+                  "aria-label": "Close modal",
+                  type: "button",
+                  children: /* @__PURE__ */ e(k, { className: "h-6 w-6 transition-transform duration-300 group-hover:rotate-180" })
+                }
+              )
+            ] }),
+            m && /* @__PURE__ */ e(
+              "div",
+              {
+                className: n(
+                  "scrollbar-thin scrollbar-thumb-slate-200 overflow-y-auto",
+                  "max-h-[70dvh] sm:max-h-96",
+                  "px-4 sm:px-6 mb-2",
+                  y
+                ),
+                children: m
+              }
+            ),
+            u && /* @__PURE__ */ e(
+              "div",
+              {
+                className: n(
+                  "flex items-center justify-end gap-3 border-t border-slate-200",
+                  "p-4 sm:p-6",
+                  N
+                ),
+                children: u
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  z as default
+};

package/dist/shared/ui/mciAccordion/MciAccordion.js

@@ -0,0 +1,74 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { AltArrowDown as h } from "@solar-icons/react";
+import m, { useState as y, useRef as w, useId as x } from "react";
+import { cn as n } from "../../lib/utils.js";
+const A = (e) => e.type.displayName, f = (e, t, i) => m.Children.toArray(e).find(
+  (o) => m.isValidElement(o) && (A(o) === t || o.type === i)
+) ?? null;
+function d({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ r("div", { className: n("text-base font-medium text-black", t), children: e });
+}
+d.displayName = "AccordionTitle";
+function c({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ r("div", { className: n("p-5 text-base", t), children: e });
+}
+c.displayName = "AccordionContent";
+function u({ children: e, defaultValue: t = !1, icon: i, className: o }) {
+  const [a, p] = y(t), b = w(null), s = x(), N = () => p((g) => !g);
+  return /* @__PURE__ */ l("div", { className: n("overflow-hidden rounded-xl border border-slate-200", o), children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        onClick: N,
+        "aria-expanded": a,
+        "aria-controls": s,
+        className: n(
+          "flex w-full items-center justify-between gap-2 p-5 transition-all duration-300 hover:cursor-pointer",
+          a ? "border-b border-slate-200" : "border-b border-transparent"
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex w-full items-center gap-2", children: [
+            i && /* @__PURE__ */ r("span", { className: "shrink-0", children: i }),
+            f(e, "AccordionTitle", d)
+          ] }),
+          /* @__PURE__ */ r(
+            h,
+            {
+              weight: "Linear",
+              size: 20,
+              className: n(
+                "shrink-0 text-slate-400 transition-transform duration-300",
+                a && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: s,
+        role: "region",
+        "aria-labelledby": s,
+        className: n(
+          "grid transition-[grid-template-rows] duration-300 ease-out",
+          a ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ r("div", { ref: b, className: "min-h-0 overflow-hidden", children: f(e, "AccordionContent", c) })
+      }
+    )
+  ] });
+}
+u.Title = d;
+u.Content = c;
+export {
+  u as default
+};

package/dist/shared/ui/mciBreadcrumb/MciBreadcrumb.js

@@ -0,0 +1,39 @@
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import { AltArrowRight as h } from "@solar-icons/react";
+import { cn as r } from "../../lib/utils.js";
+function b({
+  items: a,
+  variant: o = "blue",
+  className: i
+}) {
+  const n = o === "blue", m = n ? "hover:text-blue-600" : "hover:text-yellow-500", x = n ? "text-blue-600" : "text-yellow-500";
+  return /* @__PURE__ */ l("nav", { className: r("flex items-center", i), "aria-label": "Breadcrumb", children: a.map((e, s) => {
+    const c = s === a.length - 1;
+    return /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+      c ? /* @__PURE__ */ t("span", { className: r("flex items-center gap-x-2 font-medium", x), children: [
+        e.icon,
+        /* @__PURE__ */ l("span", { children: e.label })
+      ] }) : /* @__PURE__ */ t(
+        "a",
+        {
+          href: e.href ?? "#",
+          onClick: (f) => {
+            e.onClick && (f.preventDefault(), e.onClick());
+          },
+          className: r(
+            "flex items-center gap-x-2 transition-all text-sm font-normal text-slate-500",
+            m
+          ),
+          children: [
+            e.icon,
+            /* @__PURE__ */ l("span", { children: e.label })
+          ]
+        }
+      ),
+      !c && /* @__PURE__ */ l("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ l(h, { weight: "Linear", size: 20, className: "text-slate-500" }) })
+    ] }, s);
+  }) });
+}
+export {
+  b as default
+};