@morscherlab/mld-sdk 0.6.0

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

@@ -0,0 +1,30 @@
+interface Props {
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        dropdownRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+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;
+}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropdownRef: HTMLDivElement;
+}, 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/SettingsButton.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, withModifiers, normalizeClass, withDirectives, renderSlot, vShow } from "vue";
+const _hoisted_1 = { class: "mld-settings-dropdown" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsButton",
+  props: {
+    size: { default: "md" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const isOpen = ref(false);
+    const dropdownRef = ref(null);
+    function toggle(event) {
+      isOpen.value = !isOpen.value;
+      emit("click", event);
+    }
+    function handleClickOutside(event) {
+      const target = event.target;
+      if (dropdownRef.value && !dropdownRef.value.contains(target)) {
+        isOpen.value = false;
+      }
+    }
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "dropdownRef",
+        ref: dropdownRef,
+        class: "mld-settings-button"
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["mld-settings-button__trigger", `mld-settings-button__trigger--${__props.size}`]),
+          "aria-label": "Settings",
+          onClick: withModifiers(toggle, ["stop"])
+        }, [
+          (openBlock(), createElementBlock("svg", {
+            class: normalizeClass(`mld-settings-button__icon--${__props.size}`),
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }, null, -1),
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "3"
+            }, null, -1)
+          ])], 2))
+        ], 2),
+        withDirectives(createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "mld-settings-dropdown__empty" }, " No settings configured ", -1))
+          ])
+        ], 512), [
+          [vShow, isOpen.value]
+        ])
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SettingsButton.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.vue.js","sources":["../../src/components/SettingsButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue'\n\ninterface Props {\n  size?: 'sm' | 'md' | 'lg'\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst isOpen = ref(false)\nconst dropdownRef = ref<HTMLElement | null>(null)\n\nfunction toggle(event: MouseEvent) {\n  isOpen.value = !isOpen.value\n  emit('click', event)\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  const target = event.target as Node\n  if (dropdownRef.value && !dropdownRef.value.contains(target)) {\n    isOpen.value = false\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n})\n</script>\n\n<template>\n  <div ref=\"dropdownRef\" class=\"mld-settings-button\">\n    <button\n      type=\"button\"\n      :class=\"['mld-settings-button__trigger', `mld-settings-button__trigger--${size}`]\"\n      aria-label=\"Settings\"\n      @click.stop=\"toggle\"\n    >\n      <!-- Settings/Gear icon -->\n      <svg\n        :class=\"`mld-settings-button__icon--${size}`\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />\n      </svg>\n    </button>\n\n    <!-- Dropdown panel -->\n    <div v-show=\"isOpen\" class=\"mld-settings-dropdown\">\n      <slot>\n        <div class=\"mld-settings-dropdown__empty\">\n          No settings configured\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/settings-button.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_withDirectives","_renderSlot"],"mappings":";;;;;;;;;AAWA,UAAM,OAAO;AAIb,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,cAAc,IAAwB,IAAI;AAEhD,aAAS,OAAO,OAAmB;AACjC,aAAO,QAAQ,CAAC,OAAO;AACvB,WAAK,SAAS,KAAK;AAAA,IACrB;AAEA,aAAS,mBAAmB,OAAmB;AAC7C,YAAM,SAAS,MAAM;AACrB,UAAI,YAAY,SAAS,CAAC,YAAY,MAAM,SAAS,MAAM,GAAG;AAC5D,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAEA,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAAA,IACvD,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;0BAICA,mBA6BM,OAAA;AAAA,iBA7BG;AAAA,QAAJ,KAAI;AAAA,QAAc,OAAM;AAAA,MAAA;QAC3BC,mBAkBS,UAAA;AAAA,UAjBP,MAAK;AAAA,UACJ,wFAAyE,QAAA,IAAI,EAAA,CAAA;AAAA,UAC9E,cAAW;AAAA,UACV,uBAAY,QAAM,CAAA,MAAA,CAAA;AAAA,QAAA;wBAGnBD,mBAUM,OAAA;AAAA,YATH,oDAAqC,QAAA,IAAI,EAAA;AAAA,YAC1C,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,YACb,kBAAe;AAAA,YACf,mBAAgB;AAAA,UAAA;YAEhBC,mBAAoV,QAAA,EAA9U,GAAE,0UAAA,GAAyU,MAAA,EAAA;AAAA,YAAGA,mBAAgC,UAAA;AAAA,cAAxB,IAAG;AAAA,cAAK,IAAG;AAAA,cAAK,GAAE;AAAA,YAAA;;;QAKlXC,eAAAD,mBAMM,OANN,YAMM;AAAA,UALJE,WAIO,4BAJP,MAIO;AAAA,YAHL,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAF,mBAEM,OAAA,EAFD,OAAM,kCAA+B,4BAE1C,EAAA;AAAA,UAAA;;kBAJS,OAAA,KAAM;AAAA,QAAA;;;;;"}

package/dist/components/SettingsButton.vue3.js

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

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

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

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

@@ -0,0 +1,40 @@
+export interface SettingsTab {
+    id: string;
+    label: string;
+    icon?: string;
+}
+interface Props {
+    modelValue: boolean;
+    title?: string;
+    tabs?: SettingsTab[];
+    showAppearance?: boolean;
+    size?: 'md' | 'lg' | 'xl';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`tab-${string}`, (_: {}) => any>> & {
+        appearance?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    size: "md" | "lg" | "xl";
+    title: string;
+    tabs: SettingsTab[];
+    showAppearance: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/SettingsModal.vue.js

@@ -0,0 +1,141 @@
+import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, withDirectives, renderSlot, vShow, unref } from "vue";
+import _sfc_main$1 from "./BaseModal.vue.js";
+/* empty css               */
+import { useSettingsStore, colorPalettes } from "../stores/settings.js";
+const _hoisted_1 = { class: "mld-settings-modal" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-settings-modal__tabs"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "mld-settings-modal__content" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "mld-settings-modal__section" };
+const _hoisted_7 = { class: "mld-settings-modal__option-group" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "mld-settings-modal__section" };
+const _hoisted_10 = { class: "mld-settings-modal__option-group" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "mld-settings-modal__section" };
+const _hoisted_13 = { class: "mld-settings-modal__option-group" };
+const _hoisted_14 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "Settings" },
+    tabs: { default: () => [] },
+    showAppearance: { type: Boolean, default: true },
+    size: { default: "lg" }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const props = __props;
+    const emit = __emit;
+    const settings = useSettingsStore();
+    const allTabs = computed(
+      () => props.showAppearance ? [...props.tabs, { id: "appearance", label: "Appearance" }] : props.tabs
+    );
+    const activeTab = ref(((_a = allTabs.value[0]) == null ? void 0 : _a.id) || "appearance");
+    const themeOptions = [
+      { value: "light", label: "Light" },
+      { value: "dark", label: "Dark" },
+      { value: "system", label: "System" }
+    ];
+    const densityOptions = [
+      { value: "compact", label: "Compact" },
+      { value: "normal", label: "Normal" },
+      { value: "comfortable", label: "Comfortable" }
+    ];
+    function handleClose() {
+      emit("update:modelValue", false);
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "model-value": __props.modelValue,
+        title: __props.title,
+        size: __props.size,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
+        onClose: handleClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            allTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
+                return openBlock(), createElementBlock("button", {
+                  key: tab.id,
+                  type: "button",
+                  class: normalizeClass(["mld-settings-modal__tab", { "mld-settings-modal__tab--active": activeTab.value === tab.id }]),
+                  onClick: ($event) => activeTab.value = tab.id
+                }, toDisplayString(tab.label), 11, _hoisted_3);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+                return withDirectives((openBlock(), createElementBlock("div", {
+                  key: tab.id
+                }, [
+                  renderSlot(_ctx.$slots, `tab-${tab.id}`)
+                ], 512)), [
+                  [vShow, activeTab.value === tab.id]
+                ]);
+              }), 128)),
+              __props.showAppearance ? withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  _cache[1] || (_cache[1] = createElementVNode("div", { class: "mld-settings-modal__section-label" }, "Theme", -1)),
+                  createElementVNode("div", _hoisted_7, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(themeOptions, (opt) => {
+                      return createElementVNode("button", {
+                        key: opt.value,
+                        type: "button",
+                        class: normalizeClass(["mld-settings-modal__option-btn", { "mld-settings-modal__option-btn--active": unref(settings).theme === opt.value }]),
+                        onClick: ($event) => unref(settings).theme = opt.value
+                      }, toDisplayString(opt.label), 11, _hoisted_8);
+                    }), 64))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_9, [
+                  _cache[2] || (_cache[2] = createElementVNode("div", { class: "mld-settings-modal__section-label" }, "Color Palette", -1)),
+                  createElementVNode("div", _hoisted_10, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
+                      return openBlock(), createElementBlock("button", {
+                        key,
+                        type: "button",
+                        class: normalizeClass(["mld-settings-modal__option-btn", { "mld-settings-modal__option-btn--active": unref(settings).colorPalette === key }]),
+                        onClick: ($event) => unref(settings).colorPalette = key
+                      }, toDisplayString(palette.name), 11, _hoisted_11);
+                    }), 128))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_12, [
+                  _cache[3] || (_cache[3] = createElementVNode("div", { class: "mld-settings-modal__section-label" }, "Table Density", -1)),
+                  createElementVNode("div", _hoisted_13, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(densityOptions, (opt) => {
+                      return createElementVNode("button", {
+                        key: opt.value,
+                        type: "button",
+                        class: normalizeClass(["mld-settings-modal__option-btn", { "mld-settings-modal__option-btn--active": unref(settings).tableDensity === opt.value }]),
+                        onClick: ($event) => unref(settings).tableDensity = opt.value
+                      }, toDisplayString(opt.label), 11, _hoisted_14);
+                    }), 64))
+                  ]),
+                  _cache[4] || (_cache[4] = createElementVNode("p", { class: "mld-settings-modal__note" }, "Adjusts row height in data tables.", -1))
+                ]),
+                renderSlot(_ctx.$slots, "appearance")
+              ], 512)), [
+                [vShow, activeTab.value === "appearance"]
+              ]) : createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value", "title", "size"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SettingsModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal.vue.js","sources":["../../src/components/SettingsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport { useSettingsStore, colorPalettes } from '../stores/settings'\nimport type { ThemeMode, ColorPalette, TableDensity } from '../types'\n\nexport interface SettingsTab {\n  id: string\n  label: string\n  icon?: string\n}\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  tabs?: SettingsTab[]\n  showAppearance?: boolean\n  size?: 'md' | 'lg' | 'xl'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Settings',\n  tabs: () => [],\n  showAppearance: true,\n  size: 'lg',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  close: []\n}>()\n\nconst settings = useSettingsStore()\n\nconst allTabs = computed<SettingsTab[]>(() =>\n  props.showAppearance\n    ? [...props.tabs, { id: 'appearance', label: 'Appearance' }]\n    : props.tabs\n)\n\nconst activeTab = ref(allTabs.value[0]?.id || 'appearance')\n\nconst themeOptions: { value: ThemeMode; label: string }[] = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'system', label: 'System' },\n]\n\nconst densityOptions: { value: TableDensity; label: string }[] = [\n  { value: 'compact', label: 'Compact' },\n  { value: 'normal', label: 'Normal' },\n  { value: 'comfortable', label: 'Comfortable' },\n]\n\nfunction handleClose() {\n  emit('update:modelValue', false)\n  emit('close')\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @close=\"handleClose\"\n  >\n    <div class=\"mld-settings-modal\">\n      <!-- Tabs -->\n      <div v-if=\"allTabs.length > 1\" class=\"mld-settings-modal__tabs\">\n        <button\n          v-for=\"tab in allTabs\"\n          :key=\"tab.id\"\n          type=\"button\"\n          :class=\"['mld-settings-modal__tab', { 'mld-settings-modal__tab--active': activeTab === tab.id }]\"\n          @click=\"activeTab = tab.id\"\n        >\n          {{ tab.label }}\n        </button>\n      </div>\n\n      <!-- Custom tab content -->\n      <div class=\"mld-settings-modal__content\">\n        <template v-for=\"tab in tabs\" :key=\"tab.id\">\n          <div v-show=\"activeTab === tab.id\">\n            <slot :name=\"`tab-${tab.id}`\" />\n          </div>\n        </template>\n\n        <!-- Built-in appearance tab -->\n        <div v-if=\"showAppearance\" v-show=\"activeTab === 'appearance'\">\n          <!-- Theme -->\n          <div class=\"mld-settings-modal__section\">\n            <div class=\"mld-settings-modal__section-label\">Theme</div>\n            <div class=\"mld-settings-modal__option-group\">\n              <button\n                v-for=\"opt in themeOptions\"\n                :key=\"opt.value\"\n                type=\"button\"\n                :class=\"['mld-settings-modal__option-btn', { 'mld-settings-modal__option-btn--active': settings.theme === opt.value }]\"\n                @click=\"settings.theme = opt.value\"\n              >\n                {{ opt.label }}\n              </button>\n            </div>\n          </div>\n\n          <!-- Color palette -->\n          <div class=\"mld-settings-modal__section\">\n            <div class=\"mld-settings-modal__section-label\">Color Palette</div>\n            <div class=\"mld-settings-modal__option-group\">\n              <button\n                v-for=\"(palette, key) in colorPalettes\"\n                :key=\"key\"\n                type=\"button\"\n                :class=\"['mld-settings-modal__option-btn', { 'mld-settings-modal__option-btn--active': settings.colorPalette === key }]\"\n                @click=\"settings.colorPalette = key as ColorPalette\"\n              >\n                {{ palette.name }}\n              </button>\n            </div>\n          </div>\n\n          <!-- Table density -->\n          <div class=\"mld-settings-modal__section\">\n            <div class=\"mld-settings-modal__section-label\">Table Density</div>\n            <div class=\"mld-settings-modal__option-group\">\n              <button\n                v-for=\"opt in densityOptions\"\n                :key=\"opt.value\"\n                type=\"button\"\n                :class=\"['mld-settings-modal__option-btn', { 'mld-settings-modal__option-btn--active': settings.tableDensity === opt.value }]\"\n                @click=\"settings.tableDensity = opt.value\"\n              >\n                {{ opt.label }}\n              </button>\n            </div>\n            <p class=\"mld-settings-modal__note\">Adjusts row height in data tables.</p>\n          </div>\n\n          <slot name=\"appearance\" />\n        </div>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/settings-modal.css';\n</style>\n"],"names":["_createBlock","BaseModal","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_toDisplayString","_renderSlot","_unref"],"mappings":"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"}

package/dist/components/SettingsModal.vue3.js

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

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

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

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

@@ -0,0 +1,11 @@
+interface Props {
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    width?: string | number;
+    height?: string | number;
+    animation?: 'pulse' | 'wave' | 'none';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "text" | "circular" | "rectangular" | "rounded";
+    animation: "pulse" | "wave" | "none";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Skeleton.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
+  props: {
+    variant: { default: "text" },
+    width: {},
+    height: {},
+    animation: { default: "pulse" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => {
+      const s = {};
+      if (props.width) {
+        s.width = typeof props.width === "number" ? `${props.width}px` : props.width;
+      }
+      if (props.height) {
+        s.height = typeof props.height === "number" ? `${props.height}px` : props.height;
+      }
+      return s;
+    });
+    const classes = computed(() => {
+      const base = ["bg-bg-hover"];
+      switch (props.variant) {
+        case "circular":
+          base.push("rounded-full");
+          if (!props.width && !props.height) {
+            base.push("w-10 h-10");
+          }
+          break;
+        case "rectangular":
+          base.push("rounded-none");
+          if (!props.height) base.push("h-24");
+          break;
+        case "rounded":
+          base.push("rounded-mld");
+          if (!props.height) base.push("h-24");
+          break;
+        default:
+          base.push("rounded");
+          if (!props.height) base.push("h-4");
+          if (!props.width) base.push("w-full");
+      }
+      switch (props.animation) {
+        case "pulse":
+          base.push("animate-pulse");
+          break;
+        case "wave":
+          base.push("skeleton-wave");
+          break;
+      }
+      return base;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(style.value)
+      }, null, 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Skeleton.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue.js","sources":["../../src/components/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded'\n  width?: string | number\n  height?: string | number\n  animation?: 'pulse' | 'wave' | 'none'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'text',\n  animation: 'pulse',\n})\n\nconst style = computed(() => {\n  const s: Record<string, string> = {}\n\n  if (props.width) {\n    s.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n\n  if (props.height) {\n    s.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n\n  return s\n})\n\nconst classes = computed(() => {\n  const base = ['bg-bg-hover']\n\n  switch (props.variant) {\n    case 'circular':\n      base.push('rounded-full')\n      if (!props.width && !props.height) {\n        base.push('w-10 h-10')\n      }\n      break\n    case 'rectangular':\n      base.push('rounded-none')\n      if (!props.height) base.push('h-24')\n      break\n    case 'rounded':\n      base.push('rounded-mld')\n      if (!props.height) base.push('h-24')\n      break\n    default:\n      base.push('rounded')\n      if (!props.height) base.push('h-4')\n      if (!props.width) base.push('w-full')\n  }\n\n  switch (props.animation) {\n    case 'pulse':\n      base.push('animate-pulse')\n      break\n    case 'wave':\n      base.push('skeleton-wave')\n      break\n  }\n\n  return base\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n\n<style>\n@import '../styles/components/skeleton.css';\n</style>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;AAUA,UAAM,QAAQ;AAKd,UAAM,QAAQ,SAAS,MAAM;AAC3B,YAAM,IAA4B,CAAA;AAElC,UAAI,MAAM,OAAO;AACf,UAAE,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,KAAK,OAAO,MAAM;AAAA,MACzE;AAEA,UAAI,MAAM,QAAQ;AAChB,UAAE,SAAS,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,MAAM,OAAO,MAAM;AAAA,MAC5E;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,OAAO,CAAC,aAAa;AAE3B,cAAQ,MAAM,SAAA;AAAA,QACZ,KAAK;AACH,eAAK,KAAK,cAAc;AACxB,cAAI,CAAC,MAAM,SAAS,CAAC,MAAM,QAAQ;AACjC,iBAAK,KAAK,WAAW;AAAA,UACvB;AACA;AAAA,QACF,KAAK;AACH,eAAK,KAAK,cAAc;AACxB,cAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,MAAM;AACnC;AAAA,QACF,KAAK;AACH,eAAK,KAAK,aAAa;AACvB,cAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,MAAM;AACnC;AAAA,QACF;AACE,eAAK,KAAK,SAAS;AACnB,cAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,KAAK;AAClC,cAAI,CAAC,MAAM,MAAO,MAAK,KAAK,QAAQ;AAAA,MAAA;AAGxC,cAAQ,MAAM,WAAA;AAAA,QACZ,KAAK;AACH,eAAK,KAAK,eAAe;AACzB;AAAA,QACF,KAAK;AACH,eAAK,KAAK,eAAe;AACzB;AAAA,MAAA;AAGJ,aAAO;AAAA,IACT,CAAC;;0BAICA,mBAAuC,OAAA;AAAA,QAAjC,sBAAO,QAAA,KAAO;AAAA,QAAG,sBAAO,MAAA,KAAK;AAAA,MAAA;;;;"}

package/dist/components/Skeleton.vue3.js

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

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

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

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

@@ -0,0 +1,13 @@
+interface Props {
+    status?: 'success' | 'warning' | 'error' | 'info' | 'muted';
+    label?: string;
+    pulse?: boolean;
+    color?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    color: string;
+    pulse: boolean;
+    status: "success" | "warning" | "error" | "info" | "muted";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/StatusIndicator.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "mld-status" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-status__label"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StatusIndicator",
+  props: {
+    status: { default: "muted" },
+    label: { default: void 0 },
+    pulse: { type: Boolean, default: false },
+    color: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const dotStyle = computed(
+      () => props.color ? { backgroundColor: props.color, color: props.color } : {}
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        createElementVNode("span", {
+          class: normalizeClass([
+            "mld-status__dot",
+            { [`mld-status__dot--${__props.status}`]: !__props.color },
+            { "mld-status__dot--pulse": __props.pulse }
+          ]),
+          style: normalizeStyle(dotStyle.value)
+        }, null, 6),
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=StatusIndicator.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.vue.js","sources":["../../src/components/StatusIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\ninterface Props {\n  status?: 'success' | 'warning' | 'error' | 'info' | 'muted'\n  label?: string\n  pulse?: boolean\n  color?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  status: 'muted',\n  label: undefined,\n  pulse: false,\n  color: undefined,\n})\n\nconst dotStyle = computed(() =>\n  props.color ? { backgroundColor: props.color, color: props.color } : {}\n)\n</script>\n\n<template>\n  <span class=\"mld-status\">\n    <span\n      :class=\"[\n        'mld-status__dot',\n        { [`mld-status__dot--${status}`]: !color },\n        { 'mld-status__dot--pulse': pulse },\n      ]\"\n      :style=\"dotStyle\"\n    />\n    <span v-if=\"label\" class=\"mld-status__label\">{{ label }}</span>\n  </span>\n</template>\n\n<style>\n@import '../styles/components/status-indicator.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAOd,UAAM,WAAW;AAAA,MAAS,MACxB,MAAM,QAAQ,EAAE,iBAAiB,MAAM,OAAO,OAAO,MAAM,UAAU,CAAA;AAAA,IAAC;;AAKtE,aAAAA,UAAA,GAAAC,mBAUO,QAVP,YAUO;AAAA,QATLC,mBAOE,QAAA;AAAA,UANC,OAAKC,eAAA;AAAA;YAA8D,EAAA,CAAA,oBAAA,QAAA,MAAM,MAAM,QAAA,MAAA;AAAA,wCAA6C,QAAA,MAAA;AAAA,UAAK;UAKjI,sBAAO,SAAA,KAAQ;AAAA,QAAA;QAEN,QAAA,sBAAZF,mBAA+D,QAA/D,YAA+DG,gBAAf,QAAA,KAAK,GAAA,CAAA;;;;;"}

package/dist/components/StatusIndicator.vue3.js

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

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

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

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

@@ -0,0 +1,72 @@
+interface WizardStep {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    optional?: boolean;
+}
+type WizardStepState = 'pending' | 'active' | 'completed' | 'disabled';
+interface Props {
+    steps: WizardStep[];
+    modelValue?: number;
+    linear?: boolean;
+    showProgress?: boolean;
+    showStepNumbers?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function setStepValid(index: number, valid: boolean): void;
+declare function goNext(): void;
+declare function goBack(): void;
+declare function finish(): void;
+declare function cancel(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`step-${string}`, (_: {
+        step: WizardStep;
+        index: number;
+    }) => any>> & {
+        progress?(_: {
+            steps: WizardStep[];
+            current: number;
+            states: WizardStepState[];
+        }): any;
+        navigation?(_: {
+            goBack: typeof goBack;
+            goNext: typeof goNext;
+            finish: typeof finish;
+            cancel: typeof cancel;
+            isFirst: boolean;
+            isLast: boolean;
+            canProceed: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    setStepValid: typeof setStepValid;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (index: number) => any;
+    cancel: () => any;
+    complete: () => any;
+    "step-change": (change: [from: number, to: number]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onComplete?: (() => any) | undefined;
+    "onStep-change"?: ((change: [from: number, to: number]) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    modelValue: number;
+    linear: boolean;
+    showProgress: boolean;
+    showStepNumbers: 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;
+    };
+};