windly-ui 1.0.1 → 1.0.3

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

@@ -0,0 +1,83 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    flat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    square: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    flat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    square: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    dense: boolean;
+    color: string;
+    borderColor: string;
+    flat: boolean;
+    square: boolean;
+    bordered: boolean;
+    width: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
+    };
+};

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

@@ -0,0 +1,190 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: "blue-900";
+    };
+    rounded: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    size: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    iconSize: {
+        readonly type: StringConstructor;
+        readonly default: "lg";
+    };
+    modelValue: {
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    trueValue: {
+        default: boolean;
+    };
+    falseValue: {
+        default: boolean;
+    };
+    intermediateValue: {
+        default: null;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    intermediateIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: "blue-900";
+    };
+    rounded: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    size: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    iconSize: {
+        readonly type: StringConstructor;
+        readonly default: "lg";
+    };
+    modelValue: {
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    trueValue: {
+        default: boolean;
+    };
+    falseValue: {
+        default: boolean;
+    };
+    intermediateValue: {
+        default: null;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    intermediateIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    dense: boolean;
+    label: string;
+    name: string;
+    contentClass: string;
+    contentStyle: string;
+    textColor: string;
+    disable: boolean;
+    loading: boolean;
+    color: string;
+    rounded: string;
+    size: string;
+    iconSize: string;
+    trueValue: boolean;
+    falseValue: boolean;
+    intermediateValue: null;
+    checkedIcon: string;
+    uncheckedIcon: string;
+    intermediateIcon: string;
+    checkedColor: string;
+    uncheckedColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/{ui-library → dist/runtime}/components/Checkbox.vue

@@ -1,101 +1,78 @@
-<script setup lang="ts">
-defineOptions({ inheritAttrs: false })
-
-import { computed } from 'vue'
-import { useUiClasses } from './useUiClasses'
-import { uiProps } from './uiProps'
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: any): void
-}>()
-
+<script setup>
+defineOptions({ inheritAttrs: false });
+import { computed } from "vue";
+import { useUiClasses } from "./useUiClasses";
+import { uiProps } from "./uiProps";
+const emit = defineEmits(["update:modelValue"]);
 const props = defineProps({
   modelValue: { required: true },
-
   name: { type: String, default: null },
   label: { type: String, default: null },
-
   trueValue: { default: true },
   falseValue: { default: false },
   intermediateValue: { default: null },
-
-  checkedIcon: { type: String, default: 'check' },
+  checkedIcon: { type: String, default: "check" },
   uncheckedIcon: { type: String, default: null },
-  intermediateIcon: { type: String, default: 'remove' },
-
-  checkedColor: { type: String, default: '' },
-  uncheckedColor: { type: String, default: 'gray-400' },
-
+  intermediateIcon: { type: String, default: "remove" },
+  checkedColor: { type: String, default: "" },
+  uncheckedColor: { type: String, default: "gray-400" },
   dense: { type: Boolean, default: false },
-
-  ...uiProps,
-})
-
+  ...uiProps
+});
 const {
   disable,
   color,
   size,
   rounded,
-  roundedClass,
-} = useUiClasses(props)
-
+  roundedClass
+} = useUiClasses(props);
 const isChecked = computed(
   () => props.modelValue === props.trueValue
-)
-
+);
 const isIntermediate = computed(
   () => props.modelValue === props.intermediateValue
-)
-
+);
 const boxSizeClass = computed(() => {
   const map = {
-    sm: 'w-4 h-4',
-    md: 'w-5 h-5',
-    lg: 'w-6 h-6',
-  } as const
-  
-  return map[size.value as keyof typeof map]
-})
-
+    sm: "w-4 h-4",
+    md: "w-5 h-5",
+    lg: "w-6 h-6"
+  };
+  return map[size.value];
+});
 const labelSizeClass = computed(() => {
   const map = {
-    sm: 'text-sm',
-    md: 'text-base',
-    lg: 'text-xl',
-  } as const
-  
-  return map[size.value as keyof typeof map]
-})
-
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-xl"
+  };
+  return map[size.value];
+});
 const boxColorClass = computed(() => {
   if (isChecked.value) {
-    return `bg-${props.checkedColor || color.value} border-${props.checkedColor || color.value}`
+    return `bg-${props.checkedColor || color.value} border-${props.checkedColor || color.value}`;
   }
-
   if (isIntermediate.value) {
-    return `bg-${color.value} border-${color.value}`
+    return `bg-${color.value} border-${color.value}`;
   }
-
-  return `bg-transparent border-${props.uncheckedColor}`
-})
-
-const containerClass = computed(() =>
-  `
+  return `bg-transparent border-${props.uncheckedColor}`;
+});
+const containerClass = computed(
+  () => `
   inline-flex items-center gap-2
-  ${disable.value ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+  ${disable.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
   `
-)
-
+);
 function toggle() {
-  if (disable.value) return
-
+  if (disable.value) return;
   if (isChecked.value || isIntermediate.value) {
-    emit('update:modelValue', props.falseValue)
+    emit("update:modelValue", props.falseValue);
   } else {
-    emit('update:modelValue', props.trueValue)
+    emit("update:modelValue", props.trueValue);
   }
 }
 </script>
+
 <template>
   <label
     :class="containerClass"
@@ -112,11 +89,11 @@ function toggle() {
 
     <span
       :class="[
-        'flex items-center justify-center border transition-all duration-200 p-2',
-        boxSizeClass,
-        roundedClass[rounded as keyof typeof roundedClass],
-        boxColorClass,
-      ]"
+  'flex items-center justify-center border transition-all duration-200 p-2',
+  boxSizeClass,
+  roundedClass[rounded],
+  boxColorClass
+]"
       @click.prevent="toggle"
     >
       <i

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

@@ -0,0 +1,190 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: "blue-900";
+    };
+    rounded: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    size: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    iconSize: {
+        readonly type: StringConstructor;
+        readonly default: "lg";
+    };
+    modelValue: {
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    trueValue: {
+        default: boolean;
+    };
+    falseValue: {
+        default: boolean;
+    };
+    intermediateValue: {
+        default: null;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    intermediateIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    contentStyle: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    disable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: "blue-900";
+    };
+    rounded: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    size: {
+        readonly type: StringConstructor;
+        readonly default: "md";
+    };
+    iconSize: {
+        readonly type: StringConstructor;
+        readonly default: "lg";
+    };
+    modelValue: {
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: null;
+    };
+    trueValue: {
+        default: boolean;
+    };
+    falseValue: {
+        default: boolean;
+    };
+    intermediateValue: {
+        default: null;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    intermediateIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    uncheckedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    dense: boolean;
+    label: string;
+    name: string;
+    contentClass: string;
+    contentStyle: string;
+    textColor: string;
+    disable: boolean;
+    loading: boolean;
+    color: string;
+    rounded: string;
+    size: string;
+    iconSize: string;
+    trueValue: boolean;
+    falseValue: boolean;
+    intermediateValue: null;
+    checkedIcon: string;
+    uncheckedIcon: string;
+    intermediateIcon: string;
+    checkedColor: string;
+    uncheckedColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};