@morscherlab/mld-sdk 0.6.0

package/dist/components/AuditTrail.vue.d.ts

@@ -0,0 +1,47 @@
+type AuditEntryType = 'create' | 'update' | 'delete' | 'system';
+interface AuditEntry {
+    id: string;
+    type: AuditEntryType;
+    action: string;
+    detail?: string;
+    user?: string;
+    timestamp: Date | string;
+    metadata?: Record<string, unknown>;
+}
+interface Props {
+    entries: AuditEntry[];
+    maxHeight?: string;
+    showFilters?: boolean;
+    emptyMessage?: string;
+    order?: 'newest' | 'oldest';
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        entry?(_: {
+            entry: AuditEntry;
+        }): any;
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "entry-click": (entry: AuditEntry) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEntry-click"?: ((entry: AuditEntry) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    emptyMessage: string;
+    order: "newest" | "oldest";
+    showFilters: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AuditTrail.vue.js

@@ -0,0 +1,189 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, Fragment, renderList, toDisplayString, vModelSelect, createCommentVNode, normalizeStyle, renderSlot, createTextVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-audit-trail__filters"
+};
+const _hoisted_2 = ["value"];
+const _hoisted_3 = ["value"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "mld-audit-trail__content" };
+const _hoisted_6 = { class: "mld-audit-trail__header" };
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-audit-trail__avatar"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "mld-audit-trail__user"
+};
+const _hoisted_9 = { class: "mld-audit-trail__timestamp" };
+const _hoisted_10 = { class: "mld-audit-trail__action" };
+const _hoisted_11 = {
+  key: 0,
+  class: "mld-audit-trail__detail"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "mld-audit-trail__metadata"
+};
+const _hoisted_13 = { class: "mld-audit-trail__metadata-key" };
+const _hoisted_14 = {
+  key: 2,
+  class: "mld-audit-trail__empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AuditTrail",
+  props: {
+    entries: {},
+    maxHeight: {},
+    showFilters: { type: Boolean, default: false },
+    emptyMessage: { default: "No activity yet" },
+    order: { default: "newest" },
+    size: { default: "md" }
+  },
+  emits: ["entry-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const filterType = ref("");
+    const filterUser = ref("");
+    const uniqueTypes = computed(() => {
+      const types = new Set(props.entries.map((e) => e.type));
+      return Array.from(types);
+    });
+    const uniqueUsers = computed(() => {
+      const users = new Set(props.entries.filter((e) => e.user).map((e) => e.user));
+      return Array.from(users);
+    });
+    const filteredEntries = computed(() => {
+      let result = props.entries;
+      if (filterType.value) {
+        result = result.filter((e) => e.type === filterType.value);
+      }
+      if (filterUser.value) {
+        result = result.filter((e) => e.user === filterUser.value);
+      }
+      return result;
+    });
+    const sortedEntries = computed(() => {
+      const entries = [...filteredEntries.value];
+      entries.sort((a, b) => {
+        const timeA = new Date(a.timestamp).getTime();
+        const timeB = new Date(b.timestamp).getTime();
+        return props.order === "newest" ? timeB - timeA : timeA - timeB;
+      });
+      return entries;
+    });
+    function getInitials(name) {
+      var _a;
+      const words = name.trim().split(/\s+/);
+      if (words.length >= 2) {
+        return (words[0][0] + words[1][0]).toUpperCase();
+      }
+      return (((_a = words[0]) == null ? void 0 : _a[0]) ?? "").toUpperCase();
+    }
+    const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+    function formatTimestamp(timestamp) {
+      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);
+      const now = Date.now();
+      const diffMs = date.getTime() - now;
+      const diffSec = Math.round(diffMs / 1e3);
+      const diffMin = Math.round(diffSec / 60);
+      const diffHr = Math.round(diffMin / 60);
+      const diffDay = Math.round(diffHr / 24);
+      const diffWeek = Math.round(diffDay / 7);
+      if (Math.abs(diffSec) < 60) return rtf.format(diffSec, "second");
+      if (Math.abs(diffMin) < 60) return rtf.format(diffMin, "minute");
+      if (Math.abs(diffHr) < 24) return rtf.format(diffHr, "hour");
+      if (Math.abs(diffDay) < 7) return rtf.format(diffDay, "day");
+      if (Math.abs(diffWeek) < 5) return rtf.format(diffWeek, "week");
+      return date.toLocaleDateString();
+    }
+    function handleEntryClick(entry) {
+      emit("entry-click", entry);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-audit-trail", `mld-audit-trail--${__props.size}`])
+      }, [
+        __props.showFilters ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          withDirectives(createElementVNode("select", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterType.value = $event),
+            class: "mld-audit-trail__filter-select"
+          }, [
+            _cache[2] || (_cache[2] = createElementVNode("option", { value: "" }, "All types", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(uniqueTypes.value, (t) => {
+              return openBlock(), createElementBlock("option", {
+                key: t,
+                value: t
+              }, toDisplayString(t), 9, _hoisted_2);
+            }), 128))
+          ], 512), [
+            [vModelSelect, filterType.value]
+          ]),
+          withDirectives(createElementVNode("select", {
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterUser.value = $event),
+            class: "mld-audit-trail__filter-select"
+          }, [
+            _cache[3] || (_cache[3] = createElementVNode("option", { value: "" }, "All users", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(uniqueUsers.value, (u) => {
+              return openBlock(), createElementBlock("option", {
+                key: u,
+                value: u
+              }, toDisplayString(u), 9, _hoisted_3);
+            }), 128))
+          ], 512), [
+            [vModelSelect, filterUser.value]
+          ])
+        ])) : createCommentVNode("", true),
+        sortedEntries.value.length ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "mld-audit-trail__list",
+          style: normalizeStyle(__props.maxHeight ? { maxHeight: __props.maxHeight, overflowY: "auto" } : {})
+        }, [
+          _cache[5] || (_cache[5] = createElementVNode("div", { class: "mld-audit-trail__line" }, null, -1)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(sortedEntries.value, (entry) => {
+            return openBlock(), createElementBlock("div", {
+              key: entry.id,
+              class: normalizeClass(["mld-audit-trail__entry", `mld-audit-trail__entry--${entry.type}`]),
+              onClick: ($event) => handleEntryClick(entry)
+            }, [
+              renderSlot(_ctx.$slots, "entry", { entry }, () => [
+                _cache[4] || (_cache[4] = createElementVNode("div", { class: "mld-audit-trail__dot" }, null, -1)),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
+                    entry.user ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(getInitials(entry.user)), 1)) : createCommentVNode("", true),
+                    entry.user ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(entry.user), 1)) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_9, toDisplayString(formatTimestamp(entry.timestamp)), 1)
+                  ]),
+                  createElementVNode("div", _hoisted_10, toDisplayString(entry.action), 1),
+                  entry.detail ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(entry.detail), 1)) : createCommentVNode("", true),
+                  entry.metadata && Object.keys(entry.metadata).length ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(entry.metadata, (value, key) => {
+                      return openBlock(), createElementBlock("span", {
+                        key: String(key),
+                        class: "mld-audit-trail__metadata-item"
+                      }, [
+                        createElementVNode("span", _hoisted_13, toDisplayString(key) + ":", 1),
+                        createTextVNode(" " + toDisplayString(value), 1)
+                      ]);
+                    }), 128))
+                  ])) : createCommentVNode("", true)
+                ])
+              ])
+            ], 10, _hoisted_4);
+          }), 128))
+        ], 4)) : createCommentVNode("", true),
+        !sortedEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(__props.emptyMessage), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AuditTrail.vue.js.map

package/dist/components/AuditTrail.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTrail.vue.js","sources":["../../src/components/AuditTrail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ntype AuditEntryType = 'create' | 'update' | 'delete' | 'system'\n\ninterface AuditEntry {\n  id: string\n  type: AuditEntryType\n  action: string\n  detail?: string\n  user?: string\n  timestamp: Date | string\n  metadata?: Record<string, unknown>\n}\n\ninterface Props {\n  entries: AuditEntry[]\n  maxHeight?: string\n  showFilters?: boolean\n  emptyMessage?: string\n  order?: 'newest' | 'oldest'\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showFilters: false,\n  emptyMessage: 'No activity yet',\n  order: 'newest',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'entry-click': [entry: AuditEntry]\n}>()\n\nconst filterType = ref<AuditEntryType | ''>('')\nconst filterUser = ref('')\n\nconst uniqueTypes = computed(() => {\n  const types = new Set(props.entries.map(e => e.type))\n  return Array.from(types)\n})\n\nconst uniqueUsers = computed(() => {\n  const users = new Set(props.entries.filter(e => e.user).map(e => e.user!))\n  return Array.from(users)\n})\n\nconst filteredEntries = computed(() => {\n  let result = props.entries\n  if (filterType.value) {\n    result = result.filter(e => e.type === filterType.value)\n  }\n  if (filterUser.value) {\n    result = result.filter(e => e.user === filterUser.value)\n  }\n  return result\n})\n\nconst sortedEntries = computed(() => {\n  const entries = [...filteredEntries.value]\n  entries.sort((a, b) => {\n    const timeA = new Date(a.timestamp).getTime()\n    const timeB = new Date(b.timestamp).getTime()\n    return props.order === 'newest' ? timeB - timeA : timeA - timeB\n  })\n  return entries\n})\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/)\n  if (words.length >= 2) {\n    return (words[0][0] + words[1][0]).toUpperCase()\n  }\n  return (words[0]?.[0] ?? '').toUpperCase()\n}\n\nconst rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' })\n\nfunction formatTimestamp(timestamp: Date | string): string {\n  const date = timestamp instanceof Date ? timestamp : new Date(timestamp)\n  const now = Date.now()\n  const diffMs = date.getTime() - now\n  const diffSec = Math.round(diffMs / 1000)\n  const diffMin = Math.round(diffSec / 60)\n  const diffHr = Math.round(diffMin / 60)\n  const diffDay = Math.round(diffHr / 24)\n  const diffWeek = Math.round(diffDay / 7)\n\n  if (Math.abs(diffSec) < 60) return rtf.format(diffSec, 'second')\n  if (Math.abs(diffMin) < 60) return rtf.format(diffMin, 'minute')\n  if (Math.abs(diffHr) < 24) return rtf.format(diffHr, 'hour')\n  if (Math.abs(diffDay) < 7) return rtf.format(diffDay, 'day')\n  if (Math.abs(diffWeek) < 5) return rtf.format(diffWeek, 'week')\n  return date.toLocaleDateString()\n}\n\nfunction handleEntryClick(entry: AuditEntry) {\n  emit('entry-click', entry)\n}\n</script>\n\n<template>\n  <div :class=\"['mld-audit-trail', `mld-audit-trail--${size}`]\">\n    <div v-if=\"showFilters\" class=\"mld-audit-trail__filters\">\n      <select v-model=\"filterType\" class=\"mld-audit-trail__filter-select\">\n        <option value=\"\">All types</option>\n        <option v-for=\"t in uniqueTypes\" :key=\"t\" :value=\"t\">{{ t }}</option>\n      </select>\n      <select v-model=\"filterUser\" class=\"mld-audit-trail__filter-select\">\n        <option value=\"\">All users</option>\n        <option v-for=\"u in uniqueUsers\" :key=\"u\" :value=\"u\">{{ u }}</option>\n      </select>\n    </div>\n\n    <div\n      v-if=\"sortedEntries.length\"\n      class=\"mld-audit-trail__list\"\n      :style=\"maxHeight ? { maxHeight, overflowY: 'auto' } : {}\"\n    >\n      <div class=\"mld-audit-trail__line\" />\n      <div\n        v-for=\"entry in sortedEntries\"\n        :key=\"entry.id\"\n        :class=\"['mld-audit-trail__entry', `mld-audit-trail__entry--${entry.type}`]\"\n        @click=\"handleEntryClick(entry)\"\n      >\n        <slot name=\"entry\" :entry=\"entry\">\n          <div class=\"mld-audit-trail__dot\" />\n          <div class=\"mld-audit-trail__content\">\n            <div class=\"mld-audit-trail__header\">\n              <div v-if=\"entry.user\" class=\"mld-audit-trail__avatar\">{{ getInitials(entry.user) }}</div>\n              <span v-if=\"entry.user\" class=\"mld-audit-trail__user\">{{ entry.user }}</span>\n              <span class=\"mld-audit-trail__timestamp\">{{ formatTimestamp(entry.timestamp) }}</span>\n            </div>\n            <div class=\"mld-audit-trail__action\">{{ entry.action }}</div>\n            <div v-if=\"entry.detail\" class=\"mld-audit-trail__detail\">{{ entry.detail }}</div>\n            <div v-if=\"entry.metadata && Object.keys(entry.metadata).length\" class=\"mld-audit-trail__metadata\">\n              <span\n                v-for=\"(value, key) in entry.metadata\"\n                :key=\"String(key)\"\n                class=\"mld-audit-trail__metadata-item\"\n              >\n                <span class=\"mld-audit-trail__metadata-key\">{{ key }}:</span>\n                {{ value }}\n              </span>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n\n    <div v-if=\"!sortedEntries.length\" class=\"mld-audit-trail__empty\">\n      <slot name=\"empty\">{{ emptyMessage }}</slot>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/audit-trail.css';\n</style>\n"],"names":["_createElementBlock","_openBlock","_createElementVNode","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_renderSlot","_toDisplayString","_createTextVNode"],"mappings":"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"}

package/dist/components/AuditTrail.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./AuditTrail.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AuditTrail.vue3.js.map

package/dist/components/AuditTrail.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTrail.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Avatar.vue.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    name?: string;
+    initials?: string;
+    src?: string;
+    alt?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    alt: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Avatar.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString, createElementVNode } from "vue";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  key: 1,
+  class: "mld-avatar__initials"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "mld-avatar__fallback",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Avatar",
+  props: {
+    name: {},
+    initials: {},
+    src: {},
+    alt: { default: "" },
+    size: { default: "md" },
+    color: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const PALETTE = ["#3B82F6", "#8B5CF6", "#EC4899", "#F97316", "#10B981", "#F59E0B", "#06B6D4", "#6366F1"];
+    const computedInitials = computed(
+      () => {
+        var _a;
+        return props.initials || ((_a = props.name) == null ? void 0 : _a.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2)) || "";
+      }
+    );
+    const backgroundColor = computed(() => {
+      if (props.color) return props.color;
+      if (!props.name) return void 0;
+      let hash = 0;
+      for (let i = 0; i < props.name.length; i++) {
+        hash = props.name.charCodeAt(i) + ((hash << 5) - hash);
+      }
+      return PALETTE[Math.abs(hash) % PALETTE.length];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["mld-avatar", `mld-avatar--${__props.size}`]),
+        style: normalizeStyle(backgroundColor.value ? { backgroundColor: backgroundColor.value } : void 0),
+        role: "img",
+        "aria-label": __props.alt || __props.name || "User avatar"
+      }, [
+        __props.src ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: __props.src,
+          alt: __props.alt || __props.name || "",
+          class: "mld-avatar__image"
+        }, null, 8, _hoisted_2)) : computedInitials.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(computedInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, null, -1)
+        ])]))
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Avatar.vue.js.map

package/dist/components/Avatar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.vue.js","sources":["../../src/components/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  name?: string\n  initials?: string\n  src?: string\n  alt?: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  alt: '',\n  size: 'md',\n})\n\nconst PALETTE = ['#3B82F6', '#8B5CF6', '#EC4899', '#F97316', '#10B981', '#F59E0B', '#06B6D4', '#6366F1']\n\nconst computedInitials = computed(() =>\n  props.initials || props.name?.split(' ').map(w => w[0]).join('').toUpperCase().slice(0, 2) || ''\n)\n\nconst backgroundColor = computed(() => {\n  if (props.color) return props.color\n  if (!props.name) return undefined\n\n  let hash = 0\n  for (let i = 0; i < props.name.length; i++) {\n    hash = props.name.charCodeAt(i) + ((hash << 5) - hash)\n  }\n  return PALETTE[Math.abs(hash) % PALETTE.length]\n})\n</script>\n\n<template>\n  <span\n    :class=\"['mld-avatar', `mld-avatar--${size}`]\"\n    :style=\"backgroundColor ? { backgroundColor } : undefined\"\n    role=\"img\"\n    :aria-label=\"alt || name || 'User avatar'\"\n  >\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      :alt=\"alt || name || ''\"\n      class=\"mld-avatar__image\"\n    >\n    <span v-else-if=\"computedInitials\" class=\"mld-avatar__initials\">\n      {{ computedInitials }}\n    </span>\n    <svg\n      v-else\n      class=\"mld-avatar__fallback\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </svg>\n  </span>\n</template>\n\n<style>\n@import '../styles/components/avatar.css';\n</style>\n"],"names":["_createElementBlock","_normalizeStyle","_toDisplayString","_openBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AAKd,UAAM,UAAU,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAEvG,UAAM,mBAAmB;AAAA,MAAS;;AAChC,qBAAM,cAAY,WAAM,SAAN,mBAAY,MAAM,KAAK,IAAI,CAAA,MAAK,EAAE,CAAC,GAAG,KAAK,IAAI,cAAc,MAAM,GAAG,OAAM;AAAA;AAAA,IAAA;AAGhG,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,MAAM,MAAO,QAAO,MAAM;AAC9B,UAAI,CAAC,MAAM,KAAM,QAAO;AAExB,UAAI,OAAO;AACX,eAAS,IAAI,GAAG,IAAI,MAAM,KAAK,QAAQ,KAAK;AAC1C,eAAO,MAAM,KAAK,WAAW,CAAC,MAAM,QAAQ,KAAK;AAAA,MACnD;AACA,aAAO,QAAQ,KAAK,IAAI,IAAI,IAAI,QAAQ,MAAM;AAAA,IAChD,CAAC;;0BAICA,mBAuBO,QAAA;AAAA,QAtBJ,oDAAqC,QAAA,IAAI,EAAA,CAAA;AAAA,QACzC,OAAKC,eAAE,gBAAA,QAAe,EAAA,iBAAK,gBAAA,MAAA,IAAoB,MAAS;AAAA,QACzD,MAAK;AAAA,QACJ,cAAY,QAAA,OAAO,QAAA,QAAI;AAAA,MAAA;QAGhB,QAAA,oBADRD,mBAKC,OAAA;AAAA;UAHE,KAAK,QAAA;AAAA,UACL,KAAK,QAAA,OAAO,QAAA,QAAI;AAAA,UACjB,OAAM;AAAA,QAAA,2BAES,iBAAA,sBAAjBA,mBAEO,QAFP,YAEOE,gBADF,iBAAA,KAAgB,GAAA,CAAA,MAErBC,aAAAH,mBAOM,OAPN,YAOM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,UADJI,mBAA0H,QAAA,EAApH,GAAE,gHAAA,GAA+G,MAAA,EAAA;AAAA,QAAA;;;;;"}

package/dist/components/Avatar.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./Avatar.vue.js";
+/* empty css            */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Avatar.vue3.js.map

package/dist/components/Avatar.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/BaseButton.vue.d.ts

@@ -0,0 +1,37 @@
+import { ButtonVariant, ButtonSize } from '../types';
+interface Props {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    fullWidth?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    loading: boolean;
+    type: "button" | "submit" | "reset";
+    fullWidth: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BaseButton.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot } from "vue";
+const _hoisted_1 = ["type", "disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-button__spinner",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    type: { default: "button" },
+    fullWidth: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick(event) {
+      if (!props.disabled && !props.loading) {
+        emit("click", event);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: __props.type,
+        disabled: __props.disabled || __props.loading,
+        class: normalizeClass([
+          "mld-button",
+          `mld-button--${__props.variant}`,
+          `mld-button--${__props.size}`,
+          __props.fullWidth ? "mld-button--full-width" : "",
+          __props.disabled || __props.loading ? "mld-button--disabled" : ""
+        ]),
+        onClick: handleClick
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          createElementVNode("circle", {
+            style: { "opacity": "0.25" },
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }, null, -1),
+          createElementVNode("path", {
+            style: { "opacity": "0.75" },
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }, null, -1)
+        ])])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseButton.vue.js.map

package/dist/components/BaseButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.vue.js","sources":["../../src/components/BaseButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  type?: 'button' | 'submit' | 'reset'\n  fullWidth?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  type: 'button',\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :class=\"[\n      'mld-button',\n      `mld-button--${variant}`,\n      `mld-button--${size}`,\n      fullWidth ? 'mld-button--full-width' : '',\n      (disabled || loading) ? 'mld-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      class=\"mld-button__spinner\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <slot />\n  </button>\n</template>\n\n<style>\n@import '../styles/components/button.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQ;AASd,UAAM,OAAO;AAIb,aAAS,YAAY,OAAmB;AACtC,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,SAAS;AACrC,aAAK,SAAS,KAAK;AAAA,MACrB;AAAA,IACF;;0BAIEA,mBAiCS,UAAA;AAAA,QAhCN,MAAM,QAAA;AAAA,QACN,UAAU,QAAA,YAAY,QAAA;AAAA,QACtB,OAAKC,eAAA;AAAA;yBAA6C,QAAA,OAAO;AAAA,yBAAyB,QAAA,IAAI;AAAA,UAAU,QAAA,YAAS,2BAAA;AAAA,UAAyC,QAAA,YAAY,QAAA,UAAO,yBAAA;AAAA,QAAA;QAOrK,SAAO;AAAA,MAAA;QAGA,QAAA,WADRC,aAAAF,mBAmBM,OAnBN,YAmBM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,UAbJG,mBAOE,UAAA;AAAA,YANA,OAAA,EAAA,WAAA,OAAA;AAAA,YACA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,mBAIE,QAAA;AAAA,YAHA,OAAA,EAAA,WAAA,OAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;;QAGNC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/BaseButton.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./BaseButton.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseButton.vue3.js.map

package/dist/components/BaseButton.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/BaseCheckbox.vue.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    modelValue?: boolean;
+    label?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+export default _default;

package/dist/components/BaseCheckbox.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "mld-checkbox__input-wrapper" };
+const _hoisted_2 = ["checked", "disabled", "aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    label: {},
+    disabled: { type: Boolean, default: false },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleChange(event) {
+      const target = event.target;
+      emit("update:modelValue", target.checked);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          "mld-checkbox",
+          props.disabled ? "mld-checkbox--disabled" : ""
+        ])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: props.modelValue,
+            disabled: props.disabled,
+            "aria-label": props.label || "Checkbox",
+            class: "mld-checkbox__native",
+            onChange: handleChange
+          }, null, 40, _hoisted_2),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "mld-checkbox__box",
+              `mld-checkbox__box--${props.size}`,
+              props.modelValue ? "mld-checkbox__box--checked" : ""
+            ])
+          }, [
+            props.modelValue ? (openBlock(), createElementBlock("svg", {
+              key: 0,
+              class: normalizeClass(["mld-checkbox__icon", `mld-checkbox__icon--${props.size}`]),
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true"
+            }, [..._cache[0] || (_cache[0] = [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "3",
+                d: "M5 13l4 4L19 7"
+              }, null, -1)
+            ])], 2)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        props.label ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["mld-checkbox__label", `mld-checkbox__label--${props.size}`])
+        }, toDisplayString(props.label), 3)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseCheckbox.vue.js.map

package/dist/components/BaseCheckbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCheckbox.vue.js","sources":["../../src/components/BaseCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  modelValue?: boolean\n  label?: string\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: false,\n  disabled: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nfunction handleChange(event: Event) {\n  const target = event.target as HTMLInputElement\n  emit('update:modelValue', target.checked)\n}\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'mld-checkbox',\n      props.disabled ? 'mld-checkbox--disabled' : '',\n    ]\"\n  >\n    <div class=\"mld-checkbox__input-wrapper\">\n      <input\n        type=\"checkbox\"\n        :checked=\"props.modelValue\"\n        :disabled=\"props.disabled\"\n        :aria-label=\"props.label || 'Checkbox'\"\n        class=\"mld-checkbox__native\"\n        @change=\"handleChange\"\n      />\n      <div\n        :class=\"[\n          'mld-checkbox__box',\n          `mld-checkbox__box--${props.size}`,\n          props.modelValue ? 'mld-checkbox__box--checked' : '',\n        ]\"\n      >\n        <svg\n          v-if=\"props.modelValue\"\n          :class=\"['mld-checkbox__icon', `mld-checkbox__icon--${props.size}`]\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\" />\n        </svg>\n      </div>\n    </div>\n    <span v-if=\"props.label\" :class=\"['mld-checkbox__label', `mld-checkbox__label--${props.size}`]\">\n      {{ props.label }}\n    </span>\n  </label>\n</template>\n\n<style>\n@import '../styles/components/checkbox.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAIb,aAAS,aAAa,OAAc;AAClC,YAAM,SAAS,MAAM;AACrB,WAAK,qBAAqB,OAAO,OAAO;AAAA,IAC1C;;0BAIEA,mBAqCQ,SAAA;AAAA,QApCL,OAAKC,eAAA;AAAA;UAAgC,MAAM,WAAQ,2BAAA;AAAA,QAAA;;QAKpDC,mBA2BM,OA3BN,YA2BM;AAAA,UA1BJA,mBAOE,SAAA;AAAA,YANA,MAAK;AAAA,YACJ,SAAS,MAAM;AAAA,YACf,UAAU,MAAM;AAAA,YAChB,cAAY,MAAM,SAAK;AAAA,YACxB,OAAM;AAAA,YACL,UAAQ;AAAA,UAAA;UAEXA,mBAiBM,OAAA;AAAA,YAhBH,OAAKD,eAAA;AAAA;cAAmE,sBAAA,MAAM,IAAI;AAAA,cAAc,MAAM,aAAU,+BAAA;AAAA,YAAA;;YAOzG,MAAM,2BADdD,mBASM,OAAA;AAAA;cAPH,OAAKC,eAAA,CAAA,sBAAA,uBAAgD,MAAM,IAAI,EAAA,CAAA;AAAA,cAChE,MAAK;AAAA,cACL,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,eAAY;AAAA,YAAA;cAEZC,mBAA2F,QAAA;AAAA,gBAArF,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;;;QAIlE,MAAM,sBAAlBF,mBAEO,QAAA;AAAA;UAFmB,OAAKC,eAAA,CAAA,uBAAA,wBAAkD,MAAM,IAAI,EAAA,CAAA;AAAA,QAAA,GACtFE,gBAAA,MAAM,KAAK,GAAA,CAAA;;;;;"}

package/dist/components/BaseCheckbox.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./BaseCheckbox.vue.js";
+/* empty css                  */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseCheckbox.vue3.js.map

package/dist/components/BaseCheckbox.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCheckbox.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/BaseInput.vue.d.ts

@@ -0,0 +1,33 @@
+import { InputType } from '../types';
+interface Props {
+    modelValue?: string | number;
+    type?: InputType;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    autocomplete?: string;
+    autofocus?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    type: InputType;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;