windly-ui 1.0.2 → 1.0.3

package/dist/runtime/components/Date.vue.d.ts

@@ -0,0 +1,137 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    multiDate: BooleanConstructor;
+    rangeDate: BooleanConstructor;
+    disabledDates: {
+        type: () => string[];
+        default: () => never[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderRadius: {
+        type: StringConstructor;
+        default: string;
+        acceptedValues: string[];
+    };
+    flat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    multiDate: BooleanConstructor;
+    rangeDate: BooleanConstructor;
+    disabledDates: {
+        type: () => string[];
+        default: () => never[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderRadius: {
+        type: StringConstructor;
+        default: string;
+        acceptedValues: string[];
+    };
+    flat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | unknown[];
+    contentClass: string;
+    contentStyle: string;
+    textColor: string;
+    disable: boolean;
+    color: string;
+    backgroundColor: string;
+    flat: boolean;
+    bordered: boolean;
+    borderRadius: string;
+    multiDate: boolean;
+    rangeDate: boolean;
+    disabledDates: string[];
+    format: string;
+    showHeader: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Dialog.d.vue.ts

@@ -0,0 +1,103 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showConfirmBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: unknown) => any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isOpen": (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showConfirmBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: unknown) => any;
+    };
+}>> & Readonly<{
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    position: string;
+    message: string;
+    confirmBtnText: string;
+    cancelBtnText: string;
+    showConfirmBtn: boolean;
+    showCloseIcon: boolean;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    title?: ((props: {}) => any) | undefined;
+} & {
+    message?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/Dialog.vue

@@ -0,0 +1,152 @@
+<template>
+  <transition name="fade">
+    <div
+      v-if="isOpen"
+      class="fixed inset-0 z-50 flex bg-black bg-opacity-60"
+      role="dialog"
+      aria-modal="true"
+      @click.self="handleOutsideClick"
+      :class="positionClasses"
+    >
+      <div class="bg-white rounded-lg shadow-lg w-96 p-6">
+        <!-- Header -->
+        <div class="flex justify-between items-center mb-4">
+          <slot name="title">
+            <h3 class="text-lg font-semibold">
+              {{ title }}
+            </h3>
+          </slot>
+
+          <button
+            v-if="showCloseIcon"
+            @click="close"
+            class="text-gray-500 hover:text-gray-700"
+            aria-label="Close modal"
+          >
+            <span class="material-icons">close</span>
+          </button>
+        </div>
+
+        <!-- Message -->
+        <slot name="message">
+          <p class="text-gray-600 mb-6">
+            {{ message }}
+          </p>
+        </slot>
+
+        <!-- Actions -->
+        <div class="flex justify-end">
+          <button
+            @click="close"
+            class="mr-2 px-4 py-2 bg-gray-200 text-gray-700 rounded-lg transition hover:bg-gray-300"
+          >
+            {{ cancelBtnText }}
+          </button>
+
+          <button
+            v-if="showConfirmBtn"
+            @click="handleConfirm"
+            class="px-4 py-2 bg-blue-500 text-white rounded-lg transition hover:bg-blue-600"
+          >
+            {{ confirmBtnText }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script setup>
+import { computed, watch, onBeforeUnmount } from "vue";
+import { useRouter } from "vue-router";
+const props = defineProps({
+  isOpen: {
+    type: Boolean,
+    required: true
+  },
+  title: {
+    type: String,
+    default: "Modal Title"
+  },
+  message: {
+    type: String,
+    default: ""
+  },
+  confirmBtnText: {
+    type: String,
+    default: "Confirm"
+  },
+  cancelBtnText: {
+    type: String,
+    default: "Cancel"
+  },
+  showConfirmBtn: {
+    type: Boolean,
+    default: false
+  },
+  showCloseIcon: {
+    type: Boolean,
+    default: false
+  },
+  persistent: {
+    type: Boolean,
+    default: false
+  },
+  position: {
+    type: String,
+    default: "center",
+    validator: (val) => ["center", "top", "bottom", "left", "right"].includes(val)
+  }
+});
+const emit = defineEmits(["update:isOpen", "confirm"]);
+const router = useRouter();
+const close = () => emit("update:isOpen", false);
+const handleConfirm = () => {
+  emit("confirm");
+  close();
+};
+const handleOutsideClick = () => {
+  if (!props.persistent) close();
+};
+const handleEscKey = (event) => {
+  if (event.key === "Escape" && !props.persistent) {
+    close();
+  }
+};
+const positionClasses = computed(() => {
+  switch (props.position) {
+    case "top":
+      return "items-start justify-center p-6";
+    case "bottom":
+      return "items-end justify-center p-6";
+    case "left":
+      return "items-center justify-start p-6";
+    case "right":
+      return "items-center justify-end p-6";
+    default:
+      return "items-center justify-center p-6";
+  }
+});
+watch(
+  () => props.isOpen,
+  (open) => {
+    if (open) {
+      document.addEventListener("keydown", handleEscKey);
+    } else {
+      document.removeEventListener("keydown", handleEscKey);
+    }
+  }
+);
+const removeGuard = router.beforeEach((to, from, next) => {
+  if (props.isOpen && !props.persistent) close();
+  next();
+});
+onBeforeUnmount(() => {
+  document.removeEventListener("keydown", handleEscKey);
+  removeGuard?.();
+});
+</script>
+
+<style scoped>
+.fade-enter-active{animation:fadeInScale .3s ease forwards}.fade-leave-active{transition:opacity .3s ease,transform .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-leave-to{opacity:0;transform:scale(.9)}
+</style>

package/dist/runtime/components/Dialog.vue.d.ts

@@ -0,0 +1,103 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showConfirmBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: unknown) => any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isOpen": (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showConfirmBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: unknown) => any;
+    };
+}>> & Readonly<{
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    position: string;
+    message: string;
+    confirmBtnText: string;
+    cancelBtnText: string;
+    showConfirmBtn: boolean;
+    showCloseIcon: boolean;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    title?: ((props: {}) => any) | undefined;
+} & {
+    message?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/Divider.d.vue.ts

@@ -0,0 +1,51 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thickness: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thickness: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    type: string;
+    color: string;
+    vertical: boolean;
+    inset: boolean;
+    thickness: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Divider.vue

@@ -0,0 +1,52 @@
+<script setup>
+defineOptions({
+  inheritAttrs: false
+});
+import { computed } from "vue";
+const props = defineProps({
+  color: {
+    type: String,
+    default: "gray-300"
+  },
+  type: {
+    type: String,
+    default: "solid"
+  },
+  vertical: {
+    type: Boolean,
+    default: false
+  },
+  inset: {
+    type: Boolean,
+    default: false
+  },
+  thickness: {
+    type: String,
+    default: "1px"
+  }
+});
+const isHex = (val) => val.startsWith("#");
+const dividerStyle = computed(() => {
+  const style = {};
+  if (isHex(props.color)) {
+    style.borderColor = props.color;
+  }
+  style.borderWidth = props.thickness;
+  return style;
+});
+const dividerClass = computed(() => [
+  props.vertical ? "h-full border-l" : "w-full border-t",
+  props.type === "dashed" ? "border-dashed" : "",
+  props.type === "dotted" ? "border-dotted" : "",
+  props.inset ? "mx-4" : "",
+  !isHex(props.color) ? `border-${props.color}` : ""
+]);
+</script>
+
+<template>
+  <div
+    :class="dividerClass"
+    :style="dividerStyle"
+    v-bind="$attrs"
+  />
+</template>

package/dist/runtime/components/Divider.vue.d.ts

@@ -0,0 +1,51 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thickness: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thickness: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    type: string;
+    color: string;
+    vertical: boolean;
+    inset: boolean;
+    thickness: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Drawer.d.vue.ts

@@ -0,0 +1,30 @@
+type DrawerDirection = 'left' | 'right';
+interface Props {
+    isOpen: boolean;
+    direction?: DrawerDirection;
+    background?: string;
+    width?: string;
+    padding?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    width: string;
+    background: string;
+    direction: DrawerDirection;
+    padding: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};