@morscherlab/mld-sdk 0.6.0

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

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

package/dist/components/BaseSlider.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "mld-slider__container" };
+const _hoisted_2 = ["value", "min", "max", "step", "disabled", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-slider__value"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseSlider",
+  props: {
+    modelValue: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    showValue: { type: Boolean, default: true },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDragging = ref(false);
+    const sizeConfig = computed(() => {
+      switch (props.size) {
+        case "sm":
+          return { height: 4, thumb: 14 };
+        case "lg":
+          return { height: 10, thumb: 24 };
+        default:
+          return { height: 6, thumb: 18 };
+      }
+    });
+    const currentValue = computed(() => {
+      return props.modelValue ?? props.min;
+    });
+    const percentage = computed(() => {
+      const range = props.max - props.min;
+      if (range === 0) return 0;
+      return (currentValue.value - props.min) / range * 100;
+    });
+    function handleInput(event) {
+      const target = event.target;
+      emit("update:modelValue", Number(target.value));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-slider", { "mld-slider--disabled": __props.disabled }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: "mld-slider__track",
+            style: normalizeStyle({ height: `${sizeConfig.value.height}px` })
+          }, null, 4),
+          createElementVNode("div", {
+            class: "mld-slider__fill",
+            style: normalizeStyle({
+              height: `${sizeConfig.value.height}px`,
+              width: `${percentage.value}%`
+            })
+          }, null, 4),
+          createElementVNode("input", {
+            type: "range",
+            class: "mld-slider__input",
+            value: currentValue.value,
+            min: __props.min,
+            max: __props.max,
+            step: __props.step,
+            disabled: __props.disabled,
+            "aria-label": `Value: ${currentValue.value}`,
+            "aria-valuemin": __props.min,
+            "aria-valuemax": __props.max,
+            "aria-valuenow": currentValue.value,
+            onInput: handleInput,
+            onMousedown: _cache[0] || (_cache[0] = ($event) => isDragging.value = true),
+            onMouseup: _cache[1] || (_cache[1] = ($event) => isDragging.value = false),
+            onTouchstartPassive: _cache[2] || (_cache[2] = ($event) => isDragging.value = true),
+            onTouchend: _cache[3] || (_cache[3] = ($event) => isDragging.value = false)
+          }, null, 40, _hoisted_2),
+          createElementVNode("div", {
+            class: normalizeClass(["mld-slider__thumb", { "mld-slider__thumb--dragging": isDragging.value }]),
+            style: normalizeStyle({
+              width: `${sizeConfig.value.thumb}px`,
+              height: `${sizeConfig.value.thumb}px`,
+              left: `${percentage.value}%`
+            })
+          }, null, 6)
+        ]),
+        __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(currentValue.value), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseSlider.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSlider.vue.js","sources":["../../src/components/BaseSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ninterface Props {\n  modelValue?: number\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  showValue?: boolean\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  disabled: false,\n  showValue: true,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n}>()\n\nconst isDragging = ref(false)\n\nconst sizeConfig = computed(() => {\n  switch (props.size) {\n    case 'sm': return { height: 4, thumb: 14 }\n    case 'lg': return { height: 10, thumb: 24 }\n    default: return { height: 6, thumb: 18 }\n  }\n})\n\nconst currentValue = computed(() => {\n  return props.modelValue ?? props.min\n})\n\nconst percentage = computed(() => {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((currentValue.value - props.min) / range) * 100\n})\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  emit('update:modelValue', Number(target.value))\n}\n</script>\n\n<template>\n  <div class=\"mld-slider\" :class=\"{ 'mld-slider--disabled': disabled }\">\n    <div class=\"mld-slider__container\">\n      <!-- Track background -->\n      <div\n        class=\"mld-slider__track\"\n        :style=\"{ height: `${sizeConfig.height}px` }\"\n      />\n\n      <!-- Filled track -->\n      <div\n        class=\"mld-slider__fill\"\n        :style=\"{\n          height: `${sizeConfig.height}px`,\n          width: `${percentage}%`,\n        }\"\n      />\n\n      <!-- Native range input -->\n      <input\n        type=\"range\"\n        class=\"mld-slider__input\"\n        :value=\"currentValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Value: ${currentValue}`\"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"currentValue\"\n        @input=\"handleInput\"\n        @mousedown=\"isDragging = true\"\n        @mouseup=\"isDragging = false\"\n        @touchstart.passive=\"isDragging = true\"\n        @touchend=\"isDragging = false\"\n      />\n\n      <!-- Custom thumb -->\n      <div\n        class=\"mld-slider__thumb\"\n        :class=\"{ 'mld-slider__thumb--dragging': isDragging }\"\n        :style=\"{\n          width: `${sizeConfig.thumb}px`,\n          height: `${sizeConfig.thumb}px`,\n          left: `${percentage}%`,\n        }\"\n      />\n    </div>\n\n    <!-- Value display -->\n    <span v-if=\"showValue\" class=\"mld-slider__value\">\n      {{ currentValue }}\n    </span>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/slider.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AASd,UAAM,OAAO;AAIb,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,aAAa,SAAS,MAAM;AAChC,cAAQ,MAAM,MAAA;AAAA,QACZ,KAAK;AAAM,iBAAO,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,QACtC,KAAK;AAAM,iBAAO,EAAE,QAAQ,IAAI,OAAO,GAAA;AAAA,QACvC;AAAS,iBAAO,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,MAAG;AAAA,IAE3C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM,cAAc,MAAM;AAAA,IACnC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,QAAQ,MAAM,MAAM,MAAM;AAChC,UAAI,UAAU,EAAG,QAAO;AACxB,cAAS,aAAa,QAAQ,MAAM,OAAO,QAAS;AAAA,IACtD,CAAC;AAED,aAAS,YAAY,OAAc;AACjC,YAAM,SAAS,MAAM;AACrB,WAAK,qBAAqB,OAAO,OAAO,KAAK,CAAC;AAAA,IAChD;;0BAIEA,mBAqDM,OAAA;AAAA,QArDD,OAAKC,eAAA,CAAC,cAAY,EAAA,wBAAmC,QAAA,UAAQ,CAAA;AAAA,MAAA;QAChEC,mBA8CM,OA9CN,YA8CM;AAAA,UA5CJA,mBAGE,OAAA;AAAA,YAFA,OAAM;AAAA,YACL,OAAKC,eAAA,EAAA,QAAA,GAAe,WAAA,MAAW,MAAM,KAAA,CAAA;AAAA,UAAA;UAIxCD,mBAME,OAAA;AAAA,YALA,OAAM;AAAA,YACL,OAAKC,eAAA;AAAA,cAAyB,QAAA,GAAA,WAAA,MAAW,MAAM;AAAA,wBAA0B,WAAA,KAAU;AAAA,YAAA;;UAOtFD,mBAiBE,SAAA;AAAA,YAhBA,MAAK;AAAA,YACL,OAAM;AAAA,YACL,OAAO,aAAA;AAAA,YACP,KAAK,QAAA;AAAA,YACL,KAAK,QAAA;AAAA,YACL,MAAM,QAAA;AAAA,YACN,UAAU,QAAA;AAAA,YACV,wBAAsB,aAAA,KAAY;AAAA,YAClC,iBAAe,QAAA;AAAA,YACf,iBAAe,QAAA;AAAA,YACf,iBAAe,aAAA;AAAA,YACf,SAAO;AAAA,YACP,mDAAW,WAAA,QAAU;AAAA,YACrB,iDAAS,WAAA,QAAU;AAAA,uEACC,WAAA,QAAU;AAAA,YAC9B,kDAAU,WAAA,QAAU;AAAA,UAAA;UAIvBA,mBAQE,OAAA;AAAA,YAPA,OAAKD,eAAA,CAAC,qBAAmB,EAAA,+BACgB,WAAA,MAAA,CAAU,CAAA;AAAA,YAClD,OAAKE,eAAA;AAAA,cAAwB,OAAA,GAAA,WAAA,MAAW,KAAK;AAAA,cAA2B,QAAA,GAAA,WAAA,MAAW,KAAK;AAAA,uBAAyB,WAAA,KAAU;AAAA,YAAA;;;QASpH,QAAA,0BAAZH,mBAEO,QAFP,YAEOI,gBADF,aAAA,KAAY,GAAA,CAAA;;;;;"}

package/dist/components/BaseSlider.vue3.js

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

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

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

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

@@ -0,0 +1,14 @@
+import { TabItem } from '../types';
+interface Props {
+    modelValue: string;
+    tabs: TabItem[];
+    variant?: 'underline' | 'pills' | 'bordered';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    variant: "underline" | "pills" | "bordered";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/BaseTabs.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, createTextVNode } from "vue";
+const _hoisted_1 = ["aria-selected", "aria-disabled", "onClick"];
+const _hoisted_2 = { class: "mld-tab__content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-tab__icon"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mld-tab__badge"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseTabs",
+  props: {
+    modelValue: {},
+    tabs: {},
+    variant: { default: "underline" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeTab = computed(() => props.modelValue);
+    function selectTab(tabId) {
+      const tab = props.tabs.find((t) => t.id === tabId);
+      if (tab && !tab.disabled) {
+        emit("update:modelValue", tabId);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-tabs", `mld-tabs--${__props.variant}`]),
+        role: "tablist"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+          return openBlock(), createElementBlock("button", {
+            key: tab.id,
+            type: "button",
+            role: "tab",
+            "aria-selected": activeTab.value === tab.id,
+            "aria-disabled": tab.disabled,
+            class: normalizeClass([
+              "mld-tab",
+              activeTab.value === tab.id ? "mld-tab--active" : "",
+              tab.disabled ? "mld-tab--disabled" : ""
+            ]),
+            onClick: ($event) => selectTab(tab.id)
+          }, [
+            createElementVNode("span", _hoisted_2, [
+              tab.icon ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
+              tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
+            ])
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseTabs.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTabs.vue.js","sources":["../../src/components/BaseTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { TabItem } from '../types'\n\ninterface Props {\n  modelValue: string\n  tabs: TabItem[]\n  variant?: 'underline' | 'pills' | 'bordered'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'underline',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst activeTab = computed(() => props.modelValue)\n\nfunction selectTab(tabId: string) {\n  const tab = props.tabs.find(t => t.id === tabId)\n  if (tab && !tab.disabled) {\n    emit('update:modelValue', tabId)\n  }\n}\n</script>\n\n<template>\n  <div :class=\"['mld-tabs', `mld-tabs--${variant}`]\" role=\"tablist\">\n    <button\n      v-for=\"tab in tabs\"\n      :key=\"tab.id\"\n      type=\"button\"\n      role=\"tab\"\n      :aria-selected=\"activeTab === tab.id\"\n      :aria-disabled=\"tab.disabled\"\n      :class=\"[\n        'mld-tab',\n        activeTab === tab.id ? 'mld-tab--active' : '',\n        tab.disabled ? 'mld-tab--disabled' : '',\n      ]\"\n      @click=\"selectTab(tab.id)\"\n    >\n      <span class=\"mld-tab__content\">\n        <span v-if=\"tab.icon\" class=\"mld-tab__icon\">{{ tab.icon }}</span>\n        {{ tab.label }}\n        <span v-if=\"tab.badge !== undefined\" class=\"mld-tab__badge\">\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/tabs.css';\n</style>\n"],"names":["_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_openBlock","_toDisplayString","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,YAAY,SAAS,MAAM,MAAM,UAAU;AAEjD,aAAS,UAAU,OAAe;AAChC,YAAM,MAAM,MAAM,KAAK,KAAK,CAAA,MAAK,EAAE,OAAO,KAAK;AAC/C,UAAI,OAAO,CAAC,IAAI,UAAU;AACxB,aAAK,qBAAqB,KAAK;AAAA,MACjC;AAAA,IACF;;0BAIEA,mBAuBM,OAAA;AAAA,QAvBA,gDAAiC,QAAA,OAAO,EAAA,CAAA;AAAA,QAAK,MAAK;AAAA,MAAA;0BACtDA,mBAqBSC,UAAA,MAAAC,WApBO,QAAA,MAAI,CAAX,QAAG;8BADZF,mBAqBS,UAAA;AAAA,YAnBN,KAAK,IAAI;AAAA,YACV,MAAK;AAAA,YACL,MAAK;AAAA,YACJ,iBAAe,UAAA,UAAc,IAAI;AAAA,YACjC,iBAAe,IAAI;AAAA,YACnB,OAAKG,eAAA;AAAA;cAA+B,UAAA,UAAc,IAAI,KAAE,oBAAA;AAAA,cAAmC,IAAI,WAAQ,sBAAA;AAAA,YAAA;YAKvG,SAAK,CAAA,WAAE,UAAU,IAAI,EAAE;AAAA,UAAA;YAExBC,mBAMO,QANP,YAMO;AAAA,cALO,IAAI,QAAhBC,UAAA,GAAAL,mBAAiE,QAAjE,YAAiEM,gBAAlB,IAAI,IAAI,GAAA,CAAA;cAAUC,gBAAA,MACjED,gBAAG,IAAI,KAAK,IAAG,KACf,CAAA;AAAA,cAAY,IAAI,UAAU,UAA1BD,UAAA,GAAAL,mBAEO,QAFP,YAEOM,gBADF,IAAI,KAAK,GAAA,CAAA;;;;;;;;"}

package/dist/components/BaseTabs.vue3.js

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

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

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

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

@@ -0,0 +1,28 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    rows?: number;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    maxlength?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    readonly: boolean;
+    rows: number;
+    resize: "none" | "vertical" | "horizontal" | "both";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTextAreaElement>;
+export default _default;

package/dist/components/BaseTextarea.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass } from "vue";
+const _hoisted_1 = ["value", "placeholder", "disabled", "readonly", "rows", "maxlength"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseTextarea",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: "md" },
+    rows: { default: 3 },
+    resize: { default: "vertical" },
+    maxlength: {}
+  },
+  emits: ["update:modelValue", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleInput(event) {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("textarea", {
+        value: props.modelValue,
+        placeholder: props.placeholder,
+        disabled: props.disabled,
+        readonly: props.readonly,
+        rows: props.rows,
+        maxlength: props.maxlength,
+        class: normalizeClass([
+          "mld-textarea",
+          `mld-textarea--${props.size}`,
+          `mld-textarea--resize-${props.resize}`,
+          props.error ? "mld-textarea--error" : "",
+          props.disabled ? "mld-textarea--disabled" : ""
+        ]),
+        onInput: handleInput,
+        onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+        onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
+      }, null, 42, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseTextarea.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTextarea.vue.js","sources":["../../src/components/BaseTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  modelValue?: string\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  rows?: number\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both'\n  maxlength?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  readonly: false,\n  error: false,\n  size: 'md',\n  rows: 3,\n  resize: 'vertical',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  focus: [event: FocusEvent]\n  blur: [event: FocusEvent]\n}>()\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLTextAreaElement\n  emit('update:modelValue', target.value)\n}\n</script>\n\n<template>\n  <textarea\n    :value=\"props.modelValue\"\n    :placeholder=\"props.placeholder\"\n    :disabled=\"props.disabled\"\n    :readonly=\"props.readonly\"\n    :rows=\"props.rows\"\n    :maxlength=\"props.maxlength\"\n    :class=\"[\n      'mld-textarea',\n      `mld-textarea--${props.size}`,\n      `mld-textarea--resize-${props.resize}`,\n      props.error ? 'mld-textarea--error' : '',\n      props.disabled ? 'mld-textarea--disabled' : '',\n    ]\"\n    @input=\"handleInput\"\n    @focus=\"emit('focus', $event)\"\n    @blur=\"emit('blur', $event)\"\n  />\n</template>\n\n<style>\n@import '../styles/components/textarea.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AASd,UAAM,OAAO;AAMb,aAAS,YAAY,OAAc;AACjC,YAAM,SAAS,MAAM;AACrB,WAAK,qBAAqB,OAAO,KAAK;AAAA,IACxC;;0BAIEA,mBAiBE,YAAA;AAAA,QAhBC,OAAO,MAAM;AAAA,QACb,aAAa,MAAM;AAAA,QACnB,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,WAAW,MAAM;AAAA,QACjB,OAAKC,eAAA;AAAA;UAAiD,iBAAA,MAAM,IAAI;AAAA,UAAkC,wBAAA,MAAM,MAAM;AAAA,UAAU,MAAM,QAAK,wBAAA;AAAA,UAAqC,MAAM,WAAQ,2BAAA;AAAA,QAAA;QAOtL,SAAO;AAAA,QACP,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,SAAU,MAAM;AAAA,QAC3B,QAAI,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,QAAS,MAAM;AAAA,MAAA;;;;"}

package/dist/components/BaseTextarea.vue3.js

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

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

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

package/dist/components/BaseToggle.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, {}, HTMLDivElement>;
+export default _default;

package/dist/components/BaseToggle.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = ["tabindex", "aria-checked", "aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseToggle",
+  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 toggle() {
+      if (!props.disabled) {
+        emit("update:modelValue", !props.modelValue);
+      }
+    }
+    function handleKeydown(event) {
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        toggle();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "mld-toggle",
+          __props.disabled ? "mld-toggle--disabled" : ""
+        ]),
+        onClick: toggle
+      }, [
+        createElementVNode("div", {
+          role: "switch",
+          tabindex: __props.disabled ? -1 : 0,
+          "aria-checked": __props.modelValue,
+          "aria-label": __props.label || "Toggle",
+          class: normalizeClass([
+            "mld-toggle__track",
+            `mld-toggle__track--${__props.size}`,
+            __props.modelValue ? "mld-toggle__track--on" : "mld-toggle__track--off"
+          ]),
+          onKeydown: handleKeydown
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass([
+              "mld-toggle__knob",
+              `mld-toggle__knob--${__props.size}`,
+              __props.modelValue ? `mld-toggle__knob--on-${__props.size}` : "mld-toggle__knob--off"
+            ])
+          }, null, 2)
+        ], 42, _hoisted_1),
+        __props.label ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["mld-toggle__label", `mld-toggle__label--${__props.size}`])
+        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BaseToggle.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseToggle.vue.js","sources":["../../src/components/BaseToggle.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 toggle() {\n  if (!props.disabled) {\n    emit('update:modelValue', !props.modelValue)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    toggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mld-toggle',\n      disabled ? 'mld-toggle--disabled' : '',\n    ]\"\n    @click=\"toggle\"\n  >\n    <div\n      role=\"switch\"\n      :tabindex=\"disabled ? -1 : 0\"\n      :aria-checked=\"modelValue\"\n      :aria-label=\"label || 'Toggle'\"\n      :class=\"[\n        'mld-toggle__track',\n        `mld-toggle__track--${size}`,\n        modelValue ? 'mld-toggle__track--on' : 'mld-toggle__track--off',\n      ]\"\n      @keydown=\"handleKeydown\"\n    >\n      <span\n        :class=\"[\n          'mld-toggle__knob',\n          `mld-toggle__knob--${size}`,\n          modelValue ? `mld-toggle__knob--on-${size}` : 'mld-toggle__knob--off',\n        ]\"\n      />\n    </div>\n    <span\n      v-if=\"label\"\n      :class=\"['mld-toggle__label', `mld-toggle__label--${size}`]\"\n    >\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/toggle.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode"],"mappings":";;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAIb,aAAS,SAAS;AAChB,UAAI,CAAC,MAAM,UAAU;AACnB,aAAK,qBAAqB,CAAC,MAAM,UAAU;AAAA,MAC7C;AAAA,IACF;AAEA,aAAS,cAAc,OAAsB;AAC3C,UAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,cAAM,eAAA;AACN,eAAA;AAAA,MACF;AAAA,IACF;;0BAIEA,mBAiCM,OAAA;AAAA,QAhCH,OAAKC,eAAA;AAAA;UAA8B,QAAA,WAAQ,yBAAA;AAAA,QAAA;QAI3C,SAAO;AAAA,MAAA;QAERC,mBAmBM,OAAA;AAAA,UAlBJ,MAAK;AAAA,UACJ,UAAU,QAAA,WAAQ,KAAA;AAAA,UAClB,gBAAc,QAAA;AAAA,UACd,cAAY,QAAA,SAAK;AAAA,UACjB,OAAKD,eAAA;AAAA;kCAA+D,QAAA,IAAI;AAAA,YAAY,QAAA,aAAU,0BAAA;AAAA,UAAA;UAK9F,WAAS;AAAA,QAAA;UAEVC,mBAME,QAAA;AAAA,YALC,OAAKD,eAAA;AAAA;mCAAiE,QAAA,IAAI;AAAA,cAAc,QAAA,qCAAqC,QAAA,IAAI,KAAA;AAAA,YAAA;;;QAQ9H,QAAA,sBADRD,mBAKO,QAAA;AAAA;UAHJ,kEAAmD,QAAA,IAAI,EAAA,CAAA;AAAA,QAAA,mBAErD,QAAA,KAAK,GAAA,CAAA;;;;;"}

package/dist/components/BaseToggle.vue3.js

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

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

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

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

@@ -0,0 +1,59 @@
+type BatchItemStatus = 'pending' | 'processing' | 'completed' | 'error' | 'skipped';
+interface BatchItem {
+    id: string;
+    label: string;
+    status: BatchItemStatus;
+    progress?: number;
+    message?: string;
+}
+interface BatchSummary {
+    total: number;
+    completed: number;
+    processing: number;
+    error: number;
+    pending: number;
+    skipped: number;
+    percent: number;
+}
+interface Props {
+    items: BatchItem[];
+    showSummary?: boolean;
+    title?: string;
+    maxHeight?: string;
+    autoScroll?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        summary?(_: {
+            summary: BatchSummary;
+        }): any;
+        item?(_: {
+            item: BatchItem;
+        }): any;
+    };
+    refs: {
+        listRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (id: string) => any;
+    retry: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: ((id: string) => any) | undefined;
+    onRetry?: ((id: string) => any) | undefined;
+}>, {
+    showSummary: boolean;
+    autoScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: 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;
+    };
+};