@morscherlab/mld-sdk 0.6.0

package/dist/components/TimePicker.vue.js

@@ -0,0 +1,275 @@
+import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, toDisplayString, unref, nextTick } from "vue";
+import { generateTimeSlots, parseTime, formatTime, compareTime } from "../composables/useTimeUtils.js";
+const _hoisted_1 = { class: "mld-time-picker__input-wrapper" };
+const _hoisted_2 = ["value", "placeholder", "disabled", "aria-expanded"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-time-picker__dropdown"
+};
+const _hoisted_4 = ["aria-selected", "aria-disabled", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TimePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "Select time" },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: "md" },
+    min: {},
+    max: {},
+    step: { default: 15 },
+    format: { default: "24h" },
+    clearable: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = ref(false);
+    const containerRef = ref();
+    const listRef = ref();
+    const highlightedIndex = ref(-1);
+    const slots = computed(() => {
+      const start = props.min ?? "00:00";
+      const end = props.max ?? "23:59";
+      return generateTimeSlots(start, end, props.step);
+    });
+    const displayValue = computed(() => {
+      if (!props.modelValue) return "";
+      const { hour, minute } = parseTime(props.modelValue);
+      return formatTime(hour, minute, props.format);
+    });
+    function isSlotDisabled(slot) {
+      if (props.min && compareTime(slot, props.min) < 0) return true;
+      if (props.max && compareTime(slot, props.max) > 0) return true;
+      return false;
+    }
+    function selectSlot(slot) {
+      if (isSlotDisabled(slot) || props.disabled) return;
+      emit("update:modelValue", slot);
+      isOpen.value = false;
+    }
+    function clear() {
+      emit("update:modelValue", void 0);
+      isOpen.value = false;
+    }
+    function toggleDropdown() {
+      if (props.disabled) return;
+      isOpen.value = !isOpen.value;
+    }
+    function handleClickOutside(event) {
+      if (containerRef.value && !containerRef.value.contains(event.target)) {
+        isOpen.value = false;
+      }
+    }
+    function scrollToActiveSlot() {
+      nextTick(() => {
+        if (!listRef.value) return;
+        const activeEl = listRef.value.querySelector(".mld-time-picker__slot--active");
+        if (activeEl) {
+          activeEl.scrollIntoView({ block: "center" });
+        } else if (props.modelValue) {
+          const nearestIndex = findNearestSlotIndex(props.modelValue);
+          if (nearestIndex >= 0) {
+            const children = listRef.value.children;
+            if (children[nearestIndex]) {
+              children[nearestIndex].scrollIntoView({ block: "center" });
+            }
+          }
+        }
+      });
+    }
+    function findNearestSlotIndex(time) {
+      if (slots.value.length === 0) return -1;
+      let bestIndex = 0;
+      let bestDiff = Infinity;
+      for (let i = 0; i < slots.value.length; i++) {
+        const { hour: h1, minute: m1 } = parseTime(slots.value[i]);
+        const { hour: h2, minute: m2 } = parseTime(time);
+        const minuteDiff = Math.abs(h1 * 60 + m1 - (h2 * 60 + m2));
+        if (minuteDiff < bestDiff) {
+          bestDiff = minuteDiff;
+          bestIndex = i;
+        }
+      }
+      return bestIndex;
+    }
+    function handleKeydown(event) {
+      if (!isOpen.value) {
+        if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+          event.preventDefault();
+          isOpen.value = true;
+          return;
+        }
+        return;
+      }
+      switch (event.key) {
+        case "ArrowDown": {
+          event.preventDefault();
+          let next = highlightedIndex.value + 1;
+          while (next < slots.value.length && isSlotDisabled(slots.value[next])) next++;
+          if (next < slots.value.length) {
+            highlightedIndex.value = next;
+            scrollToHighlighted();
+          }
+          break;
+        }
+        case "ArrowUp": {
+          event.preventDefault();
+          let prev = highlightedIndex.value - 1;
+          while (prev >= 0 && isSlotDisabled(slots.value[prev])) prev--;
+          if (prev >= 0) {
+            highlightedIndex.value = prev;
+            scrollToHighlighted();
+          }
+          break;
+        }
+        case "Enter": {
+          event.preventDefault();
+          if (highlightedIndex.value >= 0 && highlightedIndex.value < slots.value.length) {
+            selectSlot(slots.value[highlightedIndex.value]);
+          }
+          break;
+        }
+        case "Escape": {
+          event.preventDefault();
+          isOpen.value = false;
+          break;
+        }
+      }
+    }
+    function scrollToHighlighted() {
+      nextTick(() => {
+        if (!listRef.value) return;
+        const children = listRef.value.children;
+        if (children[highlightedIndex.value]) {
+          children[highlightedIndex.value].scrollIntoView({ block: "nearest" });
+        }
+      });
+    }
+    watch(isOpen, (open) => {
+      if (open) {
+        if (props.modelValue) {
+          const idx = slots.value.indexOf(props.modelValue);
+          highlightedIndex.value = idx >= 0 ? idx : findNearestSlotIndex(props.modelValue);
+        } else {
+          highlightedIndex.value = 0;
+        }
+        scrollToActiveSlot();
+      } else {
+        highlightedIndex.value = -1;
+      }
+    });
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "mld-time-picker",
+        onKeydown: handleKeydown
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("input", {
+            type: "text",
+            readonly: "",
+            value: displayValue.value,
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: normalizeClass([
+              "mld-time-picker__input",
+              `mld-time-picker__input--${__props.size}`,
+              __props.error ? "mld-time-picker__input--error" : "",
+              __props.disabled ? "mld-time-picker__input--disabled" : ""
+            ]),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": isOpen.value,
+            onClick: toggleDropdown
+          }, null, 10, _hoisted_2),
+          __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "mld-time-picker__clear-btn",
+            "aria-label": "Clear time",
+            onClick: withModifiers(clear, ["stop"])
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("path", { d: "M18 6 6 18" }),
+              createElementVNode("path", { d: "m6 6 12 12" })
+            ], -1)
+          ])])) : createCommentVNode("", true),
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "mld-time-picker__icon" }, [
+            createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("circle", {
+                cx: "12",
+                cy: "12",
+                r: "10"
+              }),
+              createElementVNode("path", { d: "M12 6v6l4 2" })
+            ])
+          ], -1))
+        ]),
+        createVNode(Transition, {
+          "enter-active-class": "mld-time-picker__dropdown-enter-active",
+          "enter-from-class": "mld-time-picker__dropdown-enter-from",
+          "enter-to-class": "mld-time-picker__dropdown-enter-to",
+          "leave-active-class": "mld-time-picker__dropdown-leave-active",
+          "leave-from-class": "mld-time-picker__dropdown-leave-from",
+          "leave-to-class": "mld-time-picker__dropdown-leave-to"
+        }, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("ul", {
+                ref_key: "listRef",
+                ref: listRef,
+                class: "mld-time-picker__list",
+                role: "listbox",
+                "aria-label": "Available times"
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (slot, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: slot,
+                    role: "option",
+                    "aria-selected": slot === __props.modelValue,
+                    "aria-disabled": isSlotDisabled(slot),
+                    class: normalizeClass([
+                      "mld-time-picker__slot",
+                      slot === __props.modelValue ? "mld-time-picker__slot--active" : "",
+                      isSlotDisabled(slot) ? "mld-time-picker__slot--disabled" : "",
+                      index === highlightedIndex.value && !isSlotDisabled(slot) ? "mld-time-picker__slot--highlighted" : ""
+                    ]),
+                    onClick: ($event) => selectSlot(slot)
+                  }, toDisplayString(unref(formatTime)(unref(parseTime)(slot).hour, unref(parseTime)(slot).minute, __props.format)), 11, _hoisted_4);
+                }), 128))
+              ], 512)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 544);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TimePicker.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.vue.js","sources":["../../src/components/TimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'\nimport { generateTimeSlots, formatTime, parseTime, compareTime } from '../composables/useTimeUtils'\n\ninterface Props {\n  modelValue?: string\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  min?: string\n  max?: string\n  step?: number\n  format?: '12h' | '24h'\n  clearable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  placeholder: 'Select time',\n  disabled: false,\n  error: false,\n  size: 'md',\n  step: 15,\n  format: '24h',\n  clearable: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | undefined]\n}>()\n\nconst isOpen = ref(false)\nconst containerRef = ref<HTMLDivElement>()\nconst listRef = ref<HTMLUListElement>()\nconst highlightedIndex = ref(-1)\n\nconst slots = computed(() => {\n  const start = props.min ?? '00:00'\n  const end = props.max ?? '23:59'\n  return generateTimeSlots(start, end, props.step)\n})\n\nconst displayValue = computed(() => {\n  if (!props.modelValue) return ''\n  const { hour, minute } = parseTime(props.modelValue)\n  return formatTime(hour, minute, props.format)\n})\n\nfunction isSlotDisabled(slot: string): boolean {\n  if (props.min && compareTime(slot, props.min) < 0) return true\n  if (props.max && compareTime(slot, props.max) > 0) return true\n  return false\n}\n\nfunction selectSlot(slot: string) {\n  if (isSlotDisabled(slot) || props.disabled) return\n  emit('update:modelValue', slot)\n  isOpen.value = false\n}\n\nfunction clear() {\n  emit('update:modelValue', undefined)\n  isOpen.value = false\n}\n\nfunction toggleDropdown() {\n  if (props.disabled) return\n  isOpen.value = !isOpen.value\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (containerRef.value && !containerRef.value.contains(event.target as Node)) {\n    isOpen.value = false\n  }\n}\n\nfunction scrollToActiveSlot() {\n  nextTick(() => {\n    if (!listRef.value) return\n    const activeEl = listRef.value.querySelector('.mld-time-picker__slot--active') as HTMLElement | null\n    if (activeEl) {\n      activeEl.scrollIntoView({ block: 'center' })\n    } else if (props.modelValue) {\n      // Scroll to nearest slot\n      const nearestIndex = findNearestSlotIndex(props.modelValue)\n      if (nearestIndex >= 0) {\n        const children = listRef.value.children\n        if (children[nearestIndex]) {\n          (children[nearestIndex] as HTMLElement).scrollIntoView({ block: 'center' })\n        }\n      }\n    }\n  })\n}\n\nfunction findNearestSlotIndex(time: string): number {\n  if (slots.value.length === 0) return -1\n  let bestIndex = 0\n  let bestDiff = Infinity\n  for (let i = 0; i < slots.value.length; i++) {\n    const { hour: h1, minute: m1 } = parseTime(slots.value[i])\n    const { hour: h2, minute: m2 } = parseTime(time)\n    const minuteDiff = Math.abs((h1 * 60 + m1) - (h2 * 60 + m2))\n    if (minuteDiff < bestDiff) {\n      bestDiff = minuteDiff\n      bestIndex = i\n    }\n  }\n  return bestIndex\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!isOpen.value) {\n    if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {\n      event.preventDefault()\n      isOpen.value = true\n      return\n    }\n    return\n  }\n\n  switch (event.key) {\n    case 'ArrowDown': {\n      event.preventDefault()\n      let next = highlightedIndex.value + 1\n      while (next < slots.value.length && isSlotDisabled(slots.value[next])) next++\n      if (next < slots.value.length) {\n        highlightedIndex.value = next\n        scrollToHighlighted()\n      }\n      break\n    }\n    case 'ArrowUp': {\n      event.preventDefault()\n      let prev = highlightedIndex.value - 1\n      while (prev >= 0 && isSlotDisabled(slots.value[prev])) prev--\n      if (prev >= 0) {\n        highlightedIndex.value = prev\n        scrollToHighlighted()\n      }\n      break\n    }\n    case 'Enter': {\n      event.preventDefault()\n      if (highlightedIndex.value >= 0 && highlightedIndex.value < slots.value.length) {\n        selectSlot(slots.value[highlightedIndex.value])\n      }\n      break\n    }\n    case 'Escape': {\n      event.preventDefault()\n      isOpen.value = false\n      break\n    }\n  }\n}\n\nfunction scrollToHighlighted() {\n  nextTick(() => {\n    if (!listRef.value) return\n    const children = listRef.value.children\n    if (children[highlightedIndex.value]) {\n      (children[highlightedIndex.value] as HTMLElement).scrollIntoView({ block: 'nearest' })\n    }\n  })\n}\n\nwatch(isOpen, (open) => {\n  if (open) {\n    // Set highlighted index to current value or nearest slot\n    if (props.modelValue) {\n      const idx = slots.value.indexOf(props.modelValue)\n      highlightedIndex.value = idx >= 0 ? idx : findNearestSlotIndex(props.modelValue)\n    } else {\n      highlightedIndex.value = 0\n    }\n    scrollToActiveSlot()\n  } else {\n    highlightedIndex.value = -1\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=\"containerRef\" class=\"mld-time-picker\" @keydown=\"handleKeydown\">\n    <div class=\"mld-time-picker__input-wrapper\">\n      <input\n        type=\"text\"\n        readonly\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :class=\"[\n          'mld-time-picker__input',\n          `mld-time-picker__input--${size}`,\n          error ? 'mld-time-picker__input--error' : '',\n          disabled ? 'mld-time-picker__input--disabled' : '',\n        ]\"\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        :aria-expanded=\"isOpen\"\n        @click=\"toggleDropdown\"\n      />\n      <button\n        v-if=\"clearable && modelValue\"\n        type=\"button\"\n        class=\"mld-time-picker__clear-btn\"\n        aria-label=\"Clear time\"\n        @click.stop=\"clear\"\n      >\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n        </svg>\n      </button>\n      <div class=\"mld-time-picker__icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 6v6l4 2\" />\n        </svg>\n      </div>\n    </div>\n\n    <Transition\n      enter-active-class=\"mld-time-picker__dropdown-enter-active\"\n      enter-from-class=\"mld-time-picker__dropdown-enter-from\"\n      enter-to-class=\"mld-time-picker__dropdown-enter-to\"\n      leave-active-class=\"mld-time-picker__dropdown-leave-active\"\n      leave-from-class=\"mld-time-picker__dropdown-leave-from\"\n      leave-to-class=\"mld-time-picker__dropdown-leave-to\"\n    >\n      <div\n        v-if=\"isOpen\"\n        class=\"mld-time-picker__dropdown\"\n      >\n        <ul\n          ref=\"listRef\"\n          class=\"mld-time-picker__list\"\n          role=\"listbox\"\n          aria-label=\"Available times\"\n        >\n          <li\n            v-for=\"(slot, index) in slots\"\n            :key=\"slot\"\n            role=\"option\"\n            :aria-selected=\"slot === modelValue\"\n            :aria-disabled=\"isSlotDisabled(slot)\"\n            :class=\"[\n              'mld-time-picker__slot',\n              slot === modelValue ? 'mld-time-picker__slot--active' : '',\n              isSlotDisabled(slot) ? 'mld-time-picker__slot--disabled' : '',\n              index === highlightedIndex && !isSlotDisabled(slot) ? 'mld-time-picker__slot--highlighted' : '',\n            ]\"\n            @click=\"selectSlot(slot)\"\n          >\n            {{ formatTime(parseTime(slot).hour, parseTime(slot).minute, format) }}\n          </li>\n        </ul>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/time-picker.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_Transition","_openBlock","_Fragment","_renderList","_toDisplayString","_unref"],"mappings":"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"}

package/dist/components/TimePicker.vue3.js

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

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

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

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

@@ -0,0 +1,27 @@
+import { TimeRange } from '../types/components';
+interface Props {
+    modelValue?: TimeRange;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    min?: string;
+    max?: string;
+    step?: number;
+    format?: '12h' | '24h';
+    showDuration?: boolean;
+    blockedRanges?: TimeRange[];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: TimeRange | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TimeRange | undefined) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    step: number;
+    format: "12h" | "24h";
+    showDuration: boolean;
+    blockedRanges: TimeRange[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/TimeRangeInput.vue.js

@@ -0,0 +1,115 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import _sfc_main$1 from "./TimePicker.vue.js";
+/* empty css                */
+import { durationMinutes, formatDuration, compareTime } from "../composables/useTimeUtils.js";
+const _hoisted_1 = { class: "mld-time-range" };
+const _hoisted_2 = { class: "mld-time-range__start" };
+const _hoisted_3 = { class: "mld-time-range__separator" };
+const _hoisted_4 = { class: "mld-time-range__end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TimeRangeInput",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: "md" },
+    min: {},
+    max: {},
+    step: { default: 15 },
+    format: { default: "24h" },
+    showDuration: { type: Boolean, default: true },
+    blockedRanges: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const startValue = computed(() => {
+      var _a;
+      return (_a = props.modelValue) == null ? void 0 : _a.start;
+    });
+    const endValue = computed(() => {
+      var _a;
+      return (_a = props.modelValue) == null ? void 0 : _a.end;
+    });
+    const duration = computed(() => {
+      var _a, _b;
+      if (!((_a = props.modelValue) == null ? void 0 : _a.start) || !((_b = props.modelValue) == null ? void 0 : _b.end)) return null;
+      return durationMinutes(props.modelValue.start, props.modelValue.end);
+    });
+    const durationLabel = computed(() => {
+      if (duration.value === null) return "";
+      return formatDuration(duration.value);
+    });
+    const isInvalid = computed(() => {
+      var _a, _b;
+      if (!((_a = props.modelValue) == null ? void 0 : _a.start) || !((_b = props.modelValue) == null ? void 0 : _b.end)) return false;
+      return compareTime(props.modelValue.start, props.modelValue.end) >= 0;
+    });
+    const endMin = computed(() => {
+      var _a;
+      if ((_a = props.modelValue) == null ? void 0 : _a.start) return props.modelValue.start;
+      return props.min;
+    });
+    function onStartChange(value) {
+      var _a;
+      if (!value) {
+        emit("update:modelValue", void 0);
+        return;
+      }
+      const end = ((_a = props.modelValue) == null ? void 0 : _a.end) || "";
+      emit("update:modelValue", { start: value, end });
+    }
+    function onEndChange(value) {
+      var _a;
+      if (!value) {
+        emit("update:modelValue", void 0);
+        return;
+      }
+      const start = ((_a = props.modelValue) == null ? void 0 : _a.start) || "";
+      emit("update:modelValue", { start, end: value });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            "model-value": startValue.value,
+            disabled: __props.disabled,
+            error: __props.error || isInvalid.value,
+            size: __props.size,
+            min: __props.min,
+            max: __props.max,
+            step: __props.step,
+            format: __props.format,
+            placeholder: "Start",
+            "onUpdate:modelValue": onStartChange
+          }, null, 8, ["model-value", "disabled", "error", "size", "min", "max", "step", "format"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          __props.showDuration && duration.value !== null ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["mld-time-range__duration", isInvalid.value ? "mld-time-range__duration--error" : ""])
+          }, toDisplayString(durationLabel.value), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_sfc_main$1, {
+            "model-value": endValue.value,
+            disabled: __props.disabled,
+            error: __props.error || isInvalid.value,
+            size: __props.size,
+            min: endMin.value,
+            max: __props.max,
+            step: __props.step,
+            format: __props.format,
+            placeholder: "End",
+            "onUpdate:modelValue": onEndChange
+          }, null, 8, ["model-value", "disabled", "error", "size", "min", "max", "step", "format"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TimeRangeInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.vue.js","sources":["../../src/components/TimeRangeInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { TimeRange } from '../types/components'\nimport TimePicker from './TimePicker.vue'\nimport { durationMinutes, formatDuration, compareTime } from '../composables/useTimeUtils'\n\ninterface Props {\n  modelValue?: TimeRange\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  min?: string\n  max?: string\n  step?: number\n  format?: '12h' | '24h'\n  showDuration?: boolean\n  blockedRanges?: TimeRange[]\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  error: false,\n  size: 'md',\n  step: 15,\n  format: '24h',\n  showDuration: true,\n  blockedRanges: () => [],\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: TimeRange | undefined]\n}>()\n\nconst startValue = computed(() => props.modelValue?.start)\nconst endValue = computed(() => props.modelValue?.end)\n\nconst duration = computed(() => {\n  if (!props.modelValue?.start || !props.modelValue?.end) return null\n  return durationMinutes(props.modelValue.start, props.modelValue.end)\n})\n\nconst durationLabel = computed(() => {\n  if (duration.value === null) return ''\n  return formatDuration(duration.value)\n})\n\nconst isInvalid = computed(() => {\n  if (!props.modelValue?.start || !props.modelValue?.end) return false\n  return compareTime(props.modelValue.start, props.modelValue.end) >= 0\n})\n\nconst endMin = computed(() => {\n  if (props.modelValue?.start) return props.modelValue.start\n  return props.min\n})\n\nfunction onStartChange(value: string | undefined) {\n  if (!value) {\n    emit('update:modelValue', undefined)\n    return\n  }\n  const end = props.modelValue?.end || ''\n  emit('update:modelValue', { start: value, end })\n}\n\nfunction onEndChange(value: string | undefined) {\n  if (!value) {\n    emit('update:modelValue', undefined)\n    return\n  }\n  const start = props.modelValue?.start || ''\n  emit('update:modelValue', { start, end: value })\n}\n</script>\n\n<template>\n  <div class=\"mld-time-range\">\n    <div class=\"mld-time-range__start\">\n      <TimePicker\n        :model-value=\"startValue\"\n        :disabled=\"disabled\"\n        :error=\"error || isInvalid\"\n        :size=\"size\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :format=\"format\"\n        placeholder=\"Start\"\n        @update:model-value=\"onStartChange\"\n      />\n    </div>\n\n    <div class=\"mld-time-range__separator\">\n      <span\n        v-if=\"showDuration && duration !== null\"\n        :class=\"['mld-time-range__duration', isInvalid ? 'mld-time-range__duration--error' : '']\"\n      >\n        {{ durationLabel }}\n      </span>\n    </div>\n\n    <div class=\"mld-time-range__end\">\n      <TimePicker\n        :model-value=\"endValue\"\n        :disabled=\"disabled\"\n        :error=\"error || isInvalid\"\n        :size=\"size\"\n        :min=\"endMin\"\n        :max=\"max\"\n        :step=\"step\"\n        :format=\"format\"\n        placeholder=\"End\"\n        @update:model-value=\"onEndChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/time-range-input.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","TimePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAIb,UAAM,aAAa,SAAS,MAAA;;AAAM,yBAAM,eAAN,mBAAkB;AAAA,KAAK;AACzD,UAAM,WAAW,SAAS,MAAA;;AAAM,yBAAM,eAAN,mBAAkB;AAAA,KAAG;AAErD,UAAM,WAAW,SAAS,MAAM;;AAC9B,UAAI,GAAC,WAAM,eAAN,mBAAkB,UAAS,GAAC,WAAM,eAAN,mBAAkB,KAAK,QAAO;AAC/D,aAAO,gBAAgB,MAAM,WAAW,OAAO,MAAM,WAAW,GAAG;AAAA,IACrE,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,SAAS,UAAU,KAAM,QAAO;AACpC,aAAO,eAAe,SAAS,KAAK;AAAA,IACtC,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,UAAI,GAAC,WAAM,eAAN,mBAAkB,UAAS,GAAC,WAAM,eAAN,mBAAkB,KAAK,QAAO;AAC/D,aAAO,YAAY,MAAM,WAAW,OAAO,MAAM,WAAW,GAAG,KAAK;AAAA,IACtE,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,WAAI,WAAM,eAAN,mBAAkB,MAAO,QAAO,MAAM,WAAW;AACrD,aAAO,MAAM;AAAA,IACf,CAAC;AAED,aAAS,cAAc,OAA2B;;AAChD,UAAI,CAAC,OAAO;AACV,aAAK,qBAAqB,MAAS;AACnC;AAAA,MACF;AACA,YAAM,QAAM,WAAM,eAAN,mBAAkB,QAAO;AACrC,WAAK,qBAAqB,EAAE,OAAO,OAAO,KAAK;AAAA,IACjD;AAEA,aAAS,YAAY,OAA2B;;AAC9C,UAAI,CAAC,OAAO;AACV,aAAK,qBAAqB,MAAS;AACnC;AAAA,MACF;AACA,YAAM,UAAQ,WAAM,eAAN,mBAAkB,UAAS;AACzC,WAAK,qBAAqB,EAAE,OAAO,KAAK,OAAO;AAAA,IACjD;;AAIE,aAAAA,UAAA,GAAAC,mBAuCM,OAvCN,YAuCM;AAAA,QAtCJC,mBAaM,OAbN,YAaM;AAAA,UAZJC,YAWEC,aAAA;AAAA,YAVC,eAAa,WAAA;AAAA,YACb,UAAU,QAAA;AAAA,YACV,OAAO,QAAA,SAAS,UAAA;AAAA,YAChB,MAAM,QAAA;AAAA,YACN,KAAK,QAAA;AAAA,YACL,KAAK,QAAA;AAAA,YACL,MAAM,QAAA;AAAA,YACN,QAAQ,QAAA;AAAA,YACT,aAAY;AAAA,YACX,uBAAoB;AAAA,UAAA;;QAIzBF,mBAOM,OAPN,YAOM;AAAA,UALI,QAAA,gBAAgB,SAAA,UAAQ,qBADhCD,mBAKO,QAAA;AAAA;YAHJ,mDAAoC,UAAA,QAAS,oCAAA,EAAA,CAAA;AAAA,UAAA,mBAE3C,cAAA,KAAa,GAAA,CAAA;;QAIpBC,mBAaM,OAbN,YAaM;AAAA,UAZJC,YAWEC,aAAA;AAAA,YAVC,eAAa,SAAA;AAAA,YACb,UAAU,QAAA;AAAA,YACV,OAAO,QAAA,SAAS,UAAA;AAAA,YAChB,MAAM,QAAA;AAAA,YACN,KAAK,OAAA;AAAA,YACL,KAAK,QAAA;AAAA,YACL,MAAM,QAAA;AAAA,YACN,QAAQ,QAAA;AAAA,YACT,aAAY;AAAA,YACX,uBAAoB;AAAA,UAAA;;;;;;"}

package/dist/components/TimeRangeInput.vue3.js

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

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ToastNotification.vue.js

@@ -0,0 +1,113 @@
+import { defineComponent, openBlock, createBlock, Teleport, createElementVNode, createVNode, TransitionGroup, withCtx, createElementBlock, Fragment, renderList, unref, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+import { useToast } from "../composables/useToast.js";
+const _hoisted_1 = { class: "mld-toast__container" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "mld-toast__message" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToastNotification",
+  setup(__props) {
+    const { toasts, dismiss } = useToast();
+    const accentColors = {
+      success: "#10B981",
+      error: "#EF4444",
+      warning: "#F59E0B",
+      info: "#3B82F6"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(TransitionGroup, { name: "toast" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
+                return openBlock(), createElementBlock("div", {
+                  key: toast.id,
+                  class: normalizeClass(["mld-toast__item", `mld-toast__item--${toast.type}`]),
+                  style: normalizeStyle({
+                    borderLeftColor: accentColors[toast.type]
+                  }),
+                  role: "alert",
+                  onClick: ($event) => unref(dismiss)(toast.id)
+                }, [
+                  toast.type === "success" ? (openBlock(), createElementBlock("svg", {
+                    key: 0,
+                    class: "mld-toast__icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    style: normalizeStyle({ color: accentColors[toast.type] })
+                  }, [..._cache[0] || (_cache[0] = [
+                    createElementVNode("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }, null, -1),
+                    createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)
+                  ])], 4)) : toast.type === "error" ? (openBlock(), createElementBlock("svg", {
+                    key: 1,
+                    class: "mld-toast__icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    style: normalizeStyle({ color: accentColors[toast.type] })
+                  }, [..._cache[1] || (_cache[1] = [
+                    createElementVNode("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }, null, -1),
+                    createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
+                    createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
+                  ])], 4)) : toast.type === "warning" ? (openBlock(), createElementBlock("svg", {
+                    key: 2,
+                    class: "mld-toast__icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    style: normalizeStyle({ color: accentColors[toast.type] })
+                  }, [..._cache[2] || (_cache[2] = [
+                    createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
+                    createElementVNode("path", { d: "M12 9v4" }, null, -1),
+                    createElementVNode("path", { d: "M12 17h.01" }, null, -1)
+                  ])], 4)) : (openBlock(), createElementBlock("svg", {
+                    key: 3,
+                    class: "mld-toast__icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    style: normalizeStyle({ color: accentColors[toast.type] })
+                  }, [..._cache[3] || (_cache[3] = [
+                    createElementVNode("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }, null, -1),
+                    createElementVNode("path", { d: "M12 16v-4" }, null, -1),
+                    createElementVNode("path", { d: "M12 8h.01" }, null, -1)
+                  ])], 4)),
+                  createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1)
+                ], 14, _hoisted_2);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ToastNotification.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNotification.vue.js","sources":["../../src/components/ToastNotification.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useToast } from '../composables/useToast'\nimport type { Toast } from '../types'\n\nconst { toasts, dismiss } = useToast()\n\nconst accentColors: Record<Toast['type'], string> = {\n  success: '#10B981',\n  error: '#EF4444',\n  warning: '#F59E0B',\n  info: '#3B82F6',\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"mld-toast__container\">\n      <TransitionGroup name=\"toast\">\n        <div\n          v-for=\"toast in toasts\"\n          :key=\"toast.id\"\n          :class=\"['mld-toast__item', `mld-toast__item--${toast.type}`]\"\n          :style=\"{\n            borderLeftColor: accentColors[toast.type],\n          }\"\n          role=\"alert\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <!-- Lucide circle-check -->\n          <svg v-if=\"toast.type === 'success'\" class=\"mld-toast__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" :style=\"{ color: accentColors[toast.type] }\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m9 12 2 2 4-4\" />\n          </svg>\n          <!-- Lucide circle-x -->\n          <svg v-else-if=\"toast.type === 'error'\" class=\"mld-toast__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" :style=\"{ color: accentColors[toast.type] }\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />\n          </svg>\n          <!-- Lucide triangle-alert -->\n          <svg v-else-if=\"toast.type === 'warning'\" class=\"mld-toast__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" :style=\"{ color: accentColors[toast.type] }\">\n            <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n          </svg>\n          <!-- Lucide info -->\n          <svg v-else class=\"mld-toast__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" :style=\"{ color: accentColors[toast.type] }\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n          </svg>\n          <span class=\"mld-toast__message\">{{ toast.message }}</span>\n        </div>\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n\n<style>\n@import '../styles/components/toast.css';\n</style>\n"],"names":["_createBlock","_Teleport","_createElementVNode","_createVNode","_TransitionGroup","_createElementBlock","_Fragment","_renderList","_unref","_normalizeClass","_normalizeStyle","_toDisplayString"],"mappings":"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"}

package/dist/components/ToastNotification.vue3.js

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

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

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

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

@@ -0,0 +1,25 @@
+interface Props {
+    text: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    delay?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    position: "top" | "bottom" | "left" | "right";
+    delay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};