cisse-vue-ui 0.2.7 → 0.3.0

package/dist/{Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs → DatePicker.vue_vue_type_script_setup_true_lang-qux1VNn0.cjs}

@@ -2,8 +2,9 @@
 const vue = require("vue");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
-const _hoisted_1$6 = ["data-error", "for"];
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-DM9IkUGy.cjs");
+const _hoisted_1$8 = ["data-error", "for"];
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "FormLabel",
   props: {
     error: { type: [String, Boolean] },
@@ -17,12 +18,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         class: "block text-sm font-medium text-gray-700 data-[error=true]:text-red-500 dark:text-gray-300"
       }, [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$6);
+      ], 8, _hoisted_1$8);
     };
   }
 });
-const _hoisted_1$5 = ["data-error"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = ["data-error"];
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "FormHelp",
   props: {
     error: { type: Boolean },
@@ -37,12 +38,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString(__props.text ?? ""), 1)
         ])
-      ], 8, _hoisted_1$5);
+      ], 8, _hoisted_1$7);
     };
   }
 });
-const _hoisted_1$4 = ["id", "disabled", "name", "placeholder", "type"];
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$6 = ["id", "disabled", "name", "placeholder", "type"];
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "FormInput",
   props: /* @__PURE__ */ vue.mergeModels({
     type: { default: "text" },
@@ -68,32 +69,32 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         placeholder: __props.placeholder,
         type: __props.type,
         class: "mt-1 block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-gray-400 shadow-sm invalid:border-pink-500 invalid:text-pink-600 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none focus:invalid:border-pink-500 focus:invalid:ring-pink-500 disabled:border-gray-200 disabled:bg-gray-50 disabled:text-gray-500 disabled:shadow-none dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200 dark:placeholder-gray-500 dark:focus:border-primary dark:focus:ring-primary dark:disabled:border-gray-800 dark:disabled:bg-gray-950 dark:disabled:text-gray-500"
-      }, _ctx.$attrs), null, 16, _hoisted_1$4)), [
+      }, _ctx.$attrs), null, 16, _hoisted_1$6)), [
         [vue.vModelDynamic, modelValue.value]
       ]);
     };
   }
 });
-const _hoisted_1$3 = { class: "relative" };
-const _hoisted_2$2 = ["id", "disabled"];
-const _hoisted_3$1 = { class: "flex-1 truncate" };
-const _hoisted_4$1 = {
+const _hoisted_1$5 = { class: "relative" };
+const _hoisted_2$4 = ["id", "disabled"];
+const _hoisted_3$3 = { class: "flex-1 truncate" };
+const _hoisted_4$3 = {
   key: 0,
   class: "sticky top-0 border-b border-gray-200 bg-white p-2 dark:border-gray-700 dark:bg-gray-800"
 };
-const _hoisted_5 = { class: "flex items-center gap-2 rounded-md border border-gray-300 bg-gray-50 px-2 py-1.5 dark:border-gray-600 dark:bg-gray-900" };
-const _hoisted_6 = {
+const _hoisted_5$2 = { class: "flex items-center gap-2 rounded-md border border-gray-300 bg-gray-50 px-2 py-1.5 dark:border-gray-600 dark:bg-gray-900" };
+const _hoisted_6$2 = {
   key: 1,
   class: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400"
 };
-const _hoisted_7 = { class: "py-1" };
-const _hoisted_8 = ["data-index", "onClick", "onMouseenter"];
-const _hoisted_9 = {
+const _hoisted_7$2 = { class: "py-1" };
+const _hoisted_8$2 = ["data-index", "onClick", "onMouseenter"];
+const _hoisted_9$1 = {
   key: 1,
   class: "size-4 shrink-0"
 };
-const _hoisted_10 = { class: "flex-1" };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_10$1 = { class: "flex-1" };
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "FormSelect",
   props: /* @__PURE__ */ vue.mergeModels({
     options: {},
@@ -206,7 +207,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       return [base, state, text, props.triggerClass];
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
         vue.createElementVNode("button", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -221,13 +222,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             option: selectedOption.value,
             placeholder: __props.placeholder
           }, () => [
-            vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(displayValue.value), 1)
+            vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(displayValue.value), 1)
           ]),
           vue.createVNode(vue.unref(vue$1.Icon), {
             icon: "lucide:chevron-down",
             class: vue.normalizeClass(["size-4 shrink-0 text-gray-400 transition-transform", vue.unref(isOpen) && "rotate-180"])
           }, null, 8, ["class"])
-        ], 42, _hoisted_2$2),
+        ], 42, _hoisted_2$4),
         (vue.openBlock(), vue.createBlock(vue.Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -251,8 +252,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                   !__props.teleport && "absolute mt-1 w-full"
                 ])
               }, [
-                __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
-                  vue.createElementVNode("div", _hoisted_5, [
+                __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+                  vue.createElementVNode("div", _hoisted_5$2, [
                     vue.createVNode(vue.unref(vue$1.Icon), {
                       icon: "lucide:search",
                       class: "size-4 text-gray-400"
@@ -270,8 +271,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ])
                 ])) : vue.createCommentVNode("", true),
-                filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.noResultsText), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_7, [
+                filteredOptions.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, vue.toDisplayString(__props.noResultsText), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", _hoisted_7$2, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option, index) => {
                     return vue.openBlock(), vue.createElementBlock("button", {
                       key: String(option.value),
@@ -295,10 +296,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                           key: 0,
                           icon: "lucide:check",
                           class: "size-4 shrink-0 text-primary"
-                        })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_9)),
-                        vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(option.label), 1)
+                        })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$1)),
+                        vue.createElementVNode("span", _hoisted_10$1, vue.toDisplayString(option.label), 1)
                       ])
-                    ], 42, _hoisted_8);
+                    ], 42, _hoisted_8$2);
                   }), 128))
                 ])
               ], 6)) : vue.createCommentVNode("", true)
@@ -310,8 +311,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["hidden"];
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$4 = ["hidden"];
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "FormGroup",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -344,7 +345,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
-            __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+            __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
               key: 0,
               "html-for": __props.id ?? __props.name,
               error: __props.error
@@ -356,17 +357,17 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["html-for", "error"])) : vue.createCommentVNode("", true)
           ]),
           vue.renderSlot(_ctx.$slots, "input", {}, () => [
-            isSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$3, vue.mergeProps({
+            isSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$5, vue.mergeProps({
               key: 0,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-            }, { ..._ctx.$attrs, ..._ctx.$props }), null, 16, ["modelValue"])) : (vue.openBlock(), vue.createBlock(_sfc_main$4, vue.mergeProps({
+            }, { ..._ctx.$attrs, ..._ctx.$props }), null, 16, ["modelValue"])) : (vue.openBlock(), vue.createBlock(_sfc_main$6, vue.mergeProps({
               key: 1,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
             }, { ..._ctx.$attrs, ..._ctx.$props }), null, 16, ["modelValue"]))
           ]),
-          __props.error && typeof __props.error === "string" ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
+          __props.error && typeof __props.error === "string" ? (vue.openBlock(), vue.createBlock(_sfc_main$7, {
             key: 0,
             error: true
           }, {
@@ -376,13 +377,13 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             _: 1
           })) : vue.createCommentVNode("", true)
         ])
-      ], 12, _hoisted_1$2);
+      ], 12, _hoisted_1$4);
     };
   }
 });
-const _hoisted_1$1 = { class: "relative" };
-const _hoisted_2$1 = ["disabled", "placeholder", "value"];
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$3 = { class: "relative" };
+const _hoisted_2$3 = ["disabled", "placeholder", "value"];
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchInput",
   props: {
     modelValue: {},
@@ -398,7 +399,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", target.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
         vue.createVNode(vue.unref(vue$1.Icon), {
           icon: __props.icon,
           class: "absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 text-gray-400"
@@ -410,25 +411,25 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           class: "focus:border-primary focus:ring-primary w-full rounded-lg border border-gray-300 bg-white py-2 pr-4 pl-10 text-gray-900 placeholder-gray-400 transition-colors disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-500",
           type: "text",
           onInput: handleInput
-        }, null, 40, _hoisted_2$1)
+        }, null, 40, _hoisted_2$3)
       ]);
     };
   }
 });
-const _hoisted_1 = ["aria-checked", "disabled"];
-const _hoisted_2 = {
+const _hoisted_1$2 = ["aria-checked", "disabled"];
+const _hoisted_2$2 = {
   key: 0,
   class: "flex flex-col"
 };
-const _hoisted_3 = {
+const _hoisted_3$2 = {
   key: 0,
   class: "text-sm font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_4 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "text-sm text-gray-500 dark:text-gray-400"
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -483,20 +484,331 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               __props.modelValue ? translateSizes[__props.size] : "translate-x-1"
             ])
           }, null, 2)
-        ], 10, _hoisted_1),
-        __props.label || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-          __props.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true)
+        ], 10, _hoisted_1$2),
+        __props.label || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+          __props.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$2, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-exports._sfc_main = _sfc_main$6;
-exports._sfc_main$1 = _sfc_main$5;
-exports._sfc_main$2 = _sfc_main$4;
-exports._sfc_main$3 = _sfc_main$3;
-exports._sfc_main$4 = _sfc_main$2;
-exports._sfc_main$5 = _sfc_main$1;
-exports._sfc_main$6 = _sfc_main;
-//# sourceMappingURL=Switch.vue_vue_type_script_setup_true_lang-wRTWorCd.cjs.map
+const _hoisted_1$1 = { class: "w-full" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "mb-2 flex justify-between text-sm"
+};
+const _hoisted_3$1 = { class: "text-gray-600 dark:text-gray-400" };
+const _hoisted_4$1 = { class: "font-medium text-gray-900 dark:text-white" };
+const _hoisted_5$1 = { class: "text-gray-600 dark:text-gray-400" };
+const _hoisted_6$1 = { class: "relative" };
+const _hoisted_7$1 = ["value", "min", "max", "step", "disabled"];
+const _hoisted_8$1 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Slider",
+  props: /* @__PURE__ */ vue.mergeModels({
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    showValue: { type: Boolean, default: false },
+    formatValue: {}
+  }, {
+    "modelValue": { default: 0 },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const percentage = vue.computed(() => {
+      return (modelValue.value - props.min) / (props.max - props.min) * 100;
+    });
+    const displayValue = vue.computed(() => {
+      if (props.formatValue) {
+        return props.formatValue(modelValue.value);
+      }
+      return modelValue.value.toString();
+    });
+    const handleInput = (event) => {
+      const target = event.target;
+      modelValue.value = Number(target.value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+          vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(__props.min), 1),
+          vue.createElementVNode("span", _hoisted_4$1, vue.toDisplayString(displayValue.value), 1),
+          vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(__props.max), 1)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_6$1, [
+          vue.createElementVNode("input", {
+            type: "range",
+            value: modelValue.value,
+            min: __props.min,
+            max: __props.max,
+            step: __props.step,
+            disabled: __props.disabled,
+            class: "slider-input w-full cursor-pointer appearance-none bg-transparent disabled:cursor-not-allowed disabled:opacity-50",
+            onInput: handleInput
+          }, null, 40, _hoisted_7$1),
+          vue.createElementVNode("div", _hoisted_8$1, [
+            vue.createElementVNode("div", {
+              class: "h-2 rounded-full bg-primary",
+              style: vue.normalizeStyle({ width: `${percentage.value}%` })
+            }, null, 4)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const Slider = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-89741e22"]]);
+const _hoisted_1 = { class: "relative" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = { class: "flex-1 truncate" };
+const _hoisted_4 = { class: "flex items-center gap-1" };
+const _hoisted_5 = { class: "mb-4 flex items-center justify-between" };
+const _hoisted_6 = { class: "font-medium text-gray-900 dark:text-white" };
+const _hoisted_7 = { class: "mb-2 grid grid-cols-7 gap-1" };
+const _hoisted_8 = { class: "grid grid-cols-7 gap-1" };
+const _hoisted_9 = ["disabled", "onClick"];
+const _hoisted_10 = { class: "mt-4 border-t border-gray-200 pt-3 dark:border-gray-700" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "DatePicker",
+  props: /* @__PURE__ */ vue.mergeModels({
+    placeholder: { default: "Select date" },
+    format: { default: "short" },
+    locale: { default: "en-US" },
+    disabled: { type: Boolean, default: false },
+    minDate: {},
+    maxDate: {},
+    teleport: { type: Boolean, default: true }
+  }, {
+    "modelValue": { default: null },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const triggerRef = vue.ref();
+    const calendarRef = vue.ref();
+    const { isOpen, dropdownStyle, toggle, close } = useDropdown.useDropdown(triggerRef, calendarRef, {
+      teleport: props.teleport,
+      gap: 4
+    });
+    const currentMonth = vue.ref(modelValue.value ? new Date(modelValue.value) : /* @__PURE__ */ new Date());
+    const weekDays = vue.computed(() => {
+      const days = [];
+      const formatter = new Intl.DateTimeFormat(props.locale, { weekday: "short" });
+      for (let i = 0; i < 7; i++) {
+        const date = new Date(2024, 0, i);
+        days.push(formatter.format(date));
+      }
+      return days;
+    });
+    const monthYear = vue.computed(() => {
+      const formatter = new Intl.DateTimeFormat(props.locale, { month: "long", year: "numeric" });
+      return formatter.format(currentMonth.value);
+    });
+    const calendarDays = vue.computed(() => {
+      const year = currentMonth.value.getFullYear();
+      const month = currentMonth.value.getMonth();
+      const firstDay = new Date(year, month, 1);
+      const lastDay = new Date(year, month + 1, 0);
+      const days = [];
+      let startDay = firstDay.getDay();
+      startDay = startDay === 0 ? 6 : startDay - 1;
+      for (let i = startDay - 1; i >= 0; i--) {
+        const date = new Date(year, month, -i);
+        days.push({
+          date,
+          isCurrentMonth: false,
+          isToday: false,
+          isSelected: false,
+          isDisabled: isDateDisabled(date)
+        });
+      }
+      const today = /* @__PURE__ */ new Date();
+      for (let i = 1; i <= lastDay.getDate(); i++) {
+        const date = new Date(year, month, i);
+        days.push({
+          date,
+          isCurrentMonth: true,
+          isToday: isSameDay(date, today),
+          isSelected: modelValue.value ? isSameDay(date, modelValue.value) : false,
+          isDisabled: isDateDisabled(date)
+        });
+      }
+      const remainingDays = 42 - days.length;
+      for (let i = 1; i <= remainingDays; i++) {
+        const date = new Date(year, month + 1, i);
+        days.push({
+          date,
+          isCurrentMonth: false,
+          isToday: false,
+          isSelected: false,
+          isDisabled: isDateDisabled(date)
+        });
+      }
+      return days;
+    });
+    const displayValue = vue.computed(() => {
+      if (!modelValue.value) return "";
+      const formatter = new Intl.DateTimeFormat(props.locale, {
+        dateStyle: props.format
+      });
+      return formatter.format(modelValue.value);
+    });
+    const isSameDay = (a, b) => {
+      return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+    };
+    const isDateDisabled = (date) => {
+      if (props.minDate && date < props.minDate) return true;
+      if (props.maxDate && date > props.maxDate) return true;
+      return false;
+    };
+    const prevMonth = () => {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() - 1, 1);
+    };
+    const nextMonth = () => {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() + 1, 1);
+    };
+    const selectDate = (day) => {
+      if (day.isDisabled) return;
+      modelValue.value = day.date;
+      close();
+    };
+    const clear = () => {
+      modelValue.value = null;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("button", {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          type: "button",
+          disabled: __props.disabled,
+          class: vue.normalizeClass([
+            "flex w-full items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm text-left transition",
+            __props.disabled ? "cursor-not-allowed border-gray-200 bg-gray-50 text-gray-500 dark:border-gray-800 dark:bg-gray-950" : vue.unref(isOpen) ? "border-primary ring-2 ring-primary/20 bg-white dark:bg-gray-900" : "border-gray-300 bg-white hover:border-gray-400 dark:border-gray-700 dark:bg-gray-900",
+            modelValue.value ? "text-gray-900 dark:text-white" : "text-gray-400 dark:text-gray-500"
+          ]),
+          onClick: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => vue.unref(toggle) && vue.unref(toggle)(...args))
+        }, [
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(displayValue.value || __props.placeholder), 1),
+          vue.createElementVNode("div", _hoisted_4, [
+            modelValue.value ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "rounded p-0.5 hover:bg-gray-100 dark:hover:bg-gray-800",
+              onClick: vue.withModifiers(clear, ["stop"])
+            }, [
+              vue.createVNode(vue.unref(vue$1.Icon), {
+                icon: "lucide:x",
+                class: "size-4 text-gray-400"
+              })
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(vue.unref(vue$1.Icon), {
+              icon: "lucide:calendar",
+              class: "size-4 text-gray-400"
+            })
+          ])
+        ], 10, _hoisted_2),
+        (vue.openBlock(), vue.createBlock(vue.Teleport, {
+          to: "body",
+          disabled: !__props.teleport
+        }, [
+          vue.createVNode(vue.Transition, {
+            "enter-active-class": "transition duration-100 ease-out",
+            "enter-from-class": "opacity-0 scale-95",
+            "enter-to-class": "opacity-100 scale-100",
+            "leave-active-class": "transition duration-75 ease-in",
+            "leave-from-class": "opacity-100 scale-100",
+            "leave-to-class": "opacity-0 scale-95"
+          }, {
+            default: vue.withCtx(() => [
+              vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "calendarRef",
+                ref: calendarRef,
+                style: vue.normalizeStyle(vue.unref(dropdownStyle)),
+                class: "z-[9999] w-72 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800"
+              }, [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: "rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-700",
+                    onClick: prevMonth
+                  }, [
+                    vue.createVNode(vue.unref(vue$1.Icon), {
+                      icon: "lucide:chevron-left",
+                      class: "size-5 text-gray-600 dark:text-gray-400"
+                    })
+                  ]),
+                  vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(monthYear.value), 1),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: "rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-700",
+                    onClick: nextMonth
+                  }, [
+                    vue.createVNode(vue.unref(vue$1.Icon), {
+                      icon: "lucide:chevron-right",
+                      class: "size-5 text-gray-600 dark:text-gray-400"
+                    })
+                  ])
+                ]),
+                vue.createElementVNode("div", _hoisted_7, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: day,
+                      class: "text-center text-xs font-medium text-gray-500 dark:text-gray-400"
+                    }, vue.toDisplayString(day), 1);
+                  }), 128))
+                ]),
+                vue.createElementVNode("div", _hoisted_8, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarDays.value, (day, index) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: index,
+                      type: "button",
+                      disabled: day.isDisabled,
+                      class: vue.normalizeClass([
+                        "h-8 w-8 rounded text-sm transition",
+                        day.isDisabled && "cursor-not-allowed opacity-30",
+                        !day.isCurrentMonth && "text-gray-400 dark:text-gray-600",
+                        day.isCurrentMonth && !day.isSelected && !day.isToday && "text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700",
+                        day.isToday && !day.isSelected && "bg-gray-100 font-semibold text-gray-900 dark:bg-gray-700 dark:text-white",
+                        day.isSelected && "bg-primary text-white font-semibold"
+                      ]),
+                      onClick: ($event) => selectDate(day)
+                    }, vue.toDisplayString(day.date.getDate()), 11, _hoisted_9);
+                  }), 128))
+                ]),
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: "w-full rounded py-1.5 text-sm font-medium text-primary hover:bg-primary/10",
+                    onClick: _cache[1] || (_cache[1] = ($event) => selectDate({ date: /* @__PURE__ */ new Date(), isDisabled: false }))
+                  }, " Today ")
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ], 8, ["disabled"]))
+      ]);
+    };
+  }
+});
+exports.Slider = Slider;
+exports._sfc_main = _sfc_main$8;
+exports._sfc_main$1 = _sfc_main$7;
+exports._sfc_main$2 = _sfc_main$6;
+exports._sfc_main$3 = _sfc_main$5;
+exports._sfc_main$4 = _sfc_main$4;
+exports._sfc_main$5 = _sfc_main$3;
+exports._sfc_main$6 = _sfc_main$2;
+exports._sfc_main$7 = _sfc_main;
+//# sourceMappingURL=DatePicker.vue_vue_type_script_setup_true_lang-qux1VNn0.cjs.map