@vasakgroup/vue-libvasak 0.3.0 → 0.3.1

package/dist/types/cards/DeviceCard.vue.d.ts

@@ -0,0 +1,32 @@
+interface Props {
+    icon: string;
+    title: string;
+    subtitle?: string;
+    metadata?: string;
+    extraInfo?: string[];
+    isConnected?: boolean;
+    showActionButton?: boolean;
+    actionLabel?: string;
+    showStatusIndicator?: boolean;
+    customClass?: string;
+    clickable?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onAction?: (() => any) | undefined;
+}>, {
+    metadata: string;
+    subtitle: string;
+    customClass: string;
+    extraInfo: string[];
+    isConnected: boolean;
+    showActionButton: boolean;
+    actionLabel: string;
+    showStatusIndicator: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/cards/ListCard.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    clickable?: boolean;
+    customClass?: string | Record<string, boolean>;
+}
+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, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    customClass: string | Record<string, boolean>;
+    clickable: boolean;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/types/controls/ActionButton.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    label: string;
+    disabled?: boolean;
+    variant?: 'primary' | 'secondary' | 'danger';
+    loading?: boolean;
+    customClass?: string | Record<string, boolean>;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    iconSrc?: string;
+    iconAlt?: string;
+    iconRight?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    type: "button" | "submit" | "reset";
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    variant: "primary" | "secondary" | "danger";
+    loading: boolean;
+    customClass: string | Record<string, boolean>;
+    fullWidth: boolean;
+    iconSrc: string;
+    iconAlt: string;
+    iconRight: boolean;
+    stopPropagation: boolean;
+    preventDefault: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/controls/ToggleControl.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    isActive?: boolean;
+    isLoading?: boolean;
+    iconClass?: Record<string, boolean>;
+    customClass?: Record<string, boolean>;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    customClass: Record<string, boolean>;
+    tooltip: string;
+    iconClass: Record<string, boolean>;
+    isActive: boolean;
+    isLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/forms/FormGroup.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    label: string;
+    htmlFor?: string;
+    customClass?: string | Record<string, boolean>;
+    labelClass?: string | Record<string, boolean>;
+}
+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, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    customClass: string | Record<string, boolean>;
+    htmlFor: string;
+    labelClass: string | Record<string, boolean>;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/types/forms/SliderControl.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    modelValue: number;
+    min?: number;
+    max?: number;
+    showButton?: boolean;
+    iconClass?: string | Record<string, boolean>;
+    getPercentageClass?: (percentage: number) => string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    buttonClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onButtonClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    tooltip: string;
+    min: number;
+    max: number;
+    showButton: boolean;
+    iconClass: string | Record<string, boolean>;
+    getPercentageClass: (percentage: number) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/forms/SwitchToggle.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    isOn: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    activeClass?: string;
+    inactiveClass?: string;
+    customClass?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "medium";
+    customClass: string;
+    activeClass: string;
+    inactiveClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/{src/index.ts → dist/types/index.d.ts}

@@ -12,45 +12,9 @@ import SwitchToggle from "./forms/SwitchToggle.vue";
 import ToggleControl from "./controls/ToggleControl.vue";
 import TrayIconButton from "./tray/TrayIconButton.vue";
 import type { App } from "vue";
-
-const components = [
-  SideBar,
-  SideButton,
-  SideGroup,
-  WindowFrame,
-  ActionButton,
-  ConfigSection,
-  DeviceCard,
-  FormGroup,
-  ListCard,
-  SliderControl,
-  SwitchToggle,
-  ToggleControl,
-  TrayIconButton,
-];
-
-export default {
-  install(app: App) {
-    components.forEach((component) => {
-      app.component(component.name as string, component);
-    });
-  },
+declare const _default: {
+    install(app: App): void;
 };
-
-export {
-  SideBar,
-  SideButton,
-  SideGroup,
-  WindowFrame,
-  ActionButton,
-  ConfigSection,
-  DeviceCard,
-  FormGroup,
-  ListCard,
-  SliderControl,
-  SwitchToggle,
-  ToggleControl,
-  TrayIconButton,
-};
-
+export default _default;
+export { SideBar, SideButton, SideGroup, WindowFrame, ActionButton, ConfigSection, DeviceCard, FormGroup, ListCard, SliderControl, SwitchToggle, ToggleControl, TrayIconButton, };
 export type { SidebarCategory, SidebarItem } from "./sidebar/tipos";

package/dist/types/layout/ConfigSection.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    title: string;
+    icon?: string;
+    customClass?: string | Record<string, boolean>;
+}
+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, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    icon: string;
+    customClass: string | Record<string, boolean>;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/types/sidebar/SideBar.vue.d.ts

@@ -0,0 +1,51 @@
+import type { SidebarCategory } from './tipos';
+type __VLS_Props = {
+    /** El nombre de la ventana. Sin él y sin `subtitle` no hay área de título. */
+    title?: string;
+    subtitle?: string;
+    categories?: SidebarCategory[];
+    /** El identificador del elemento activo. */
+    modelValue?: string;
+    /** Plegada desde afuera. Sin esto, la barra se maneja sola. */
+    collapsed?: boolean;
+    /** Lo que oye un lector de pantalla en el botón de plegar. */
+    collapseLabel?: string;
+    expandLabel?: string;
+};
+declare var __VLS_1: {
+    collapsed: false;
+}, __VLS_16: {
+    collapsed: boolean;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    collapsed: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    collapsed: boolean;
+    subtitle: string;
+    categories: SidebarCategory[];
+    modelValue: string;
+    collapseLabel: string;
+    expandLabel: 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;
+    };
+};

package/dist/types/sidebar/SideButton.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    label: string;
+    icon?: string;
+    active?: boolean;
+    collapsed?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    collapsed: boolean;
+    icon: string;
+    active: boolean;
+    disabled: boolean;
+    badge: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sidebar/SideGroup.vue.d.ts

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

package/dist/types/sidebar/tipos.d.ts

@@ -0,0 +1,15 @@
+/** Un elemento de la barra lateral: un lugar al que se va. */
+export interface SidebarItem {
+    id: string;
+    label: string;
+    /** Un nombre del tema de iconos del escritorio, no una ruta. */
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+/** Un grupo de elementos, con su título plegable. */
+export interface SidebarCategory {
+    id: string;
+    title: string;
+    items: SidebarItem[];
+}

package/dist/types/tray/TrayIconButton.vue.d.ts

@@ -0,0 +1,37 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    badge?: number | null;
+    iconClass?: string | Record<string, boolean>;
+    customClass?: string | Record<string, boolean>;
+    tooltipClass?: string | Record<string, boolean>;
+    showCustomTooltip?: boolean;
+    customTooltipText?: 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, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    badge: number | null;
+    alt: string;
+    customClass: string | Record<string, boolean>;
+    tooltip: string;
+    iconClass: string | Record<string, boolean>;
+    tooltipClass: string | Record<string, boolean>;
+    showCustomTooltip: boolean;
+    customTooltipText: 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;
+    };
+};

package/dist/types/window/TopBar.vue.d.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    image: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    image: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/window/WindowFrame.vue.d.ts

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

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@vasakgroup/vue-libvasak",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Vue componenets for VSK Applications",
   "main": "./dist/vue-libvasak.umd.js",
   "module": "./dist/vue-libvasak.es.js",
-  "types": "src/types/vue-libvasak.d.ts",
+  "types": "./dist/types/index.d.ts",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "exports": {
     ".": {
-      "types": "./src/types/vue-libvasak.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/vue-libvasak.es.js",
       "require": "./dist/vue-libvasak.umd.js",
       "default": "./dist/vue-libvasak.es.js"
@@ -65,10 +64,11 @@
     "vue-tsc": "^3.3.11"
   },
   "scripts": {
-    "build": "bunx vue-tsc --noEmit && bunx --bun vite build",
+    "build": "bun run typecheck && bunx --bun vite build && bun run tipos",
     "dev": "bunx --bun vite",
     "prepare": "bun run build",
     "typecheck": "bunx vue-tsc --noEmit",
-    "test": "bun test"
+    "test": "bun test",
+    "tipos": "bunx vue-tsc --declaration --emitDeclarationOnly --noEmit false --outDir dist/types"
   }
 }

package/src/cards/DeviceCard.vue

@@ -1,82 +0,0 @@
-<template>
-  <div
-    class="flex items-center justify-between background rounded-vsk px-6 py-3 mb-4"
-    :class="[{ 'border-l-4 border-green-500': isConnected }, customClass]"
-    @click="handleClick"
-  >
-    <div class="flex items-center gap-3 flex-1 min-w-0">
-      <img :src="icon" :alt="title" class="h-7 w-7 shrink-0" />
-      <div class="min-w-0">
-        <div class="font-semibold truncate">
-          {{ title }}
-        </div>
-        <div v-if="subtitle" class="text-xs text-gray-400 truncate">
-          {{ subtitle }}
-        </div>
-        <div v-if="metadata" class="text-xs text-gray-400 truncate">
-          {{ metadata }}
-        </div>
-        <div v-if="extraInfo && extraInfo.length > 0" class="text-xs text-gray-400 flex gap-2 mt-1">
-          <span v-for="(info, index) in extraInfo" :key="index">
-            {{ info }}
-          </span>
-        </div>
-      </div>
-    </div>
-    
-    <button
-      v-if="showActionButton"
-      class="bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70"
-      @click.stop="handleAction"
-    >
-      {{ actionLabel }}
-    </button>
-
-    <!-- Status indicator for connected state -->
-    <div
-      v-if="showStatusIndicator && isConnected"
-      class="w-2 h-2 rounded-full bg-green-500"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  icon: string;
-  title: string;
-  subtitle?: string;
-  metadata?: string;
-  extraInfo?: string[];
-  isConnected?: boolean;
-  showActionButton?: boolean;
-  actionLabel?: string;
-  showStatusIndicator?: boolean;
-  customClass?: string;
-  clickable?: boolean;
-}
-
-withDefaults(defineProps<Props>(), {
-  subtitle: '',
-  metadata: '',
-  extraInfo: () => [],
-  isConnected: false,
-  showActionButton: true,
-  actionLabel: 'Conectar',
-  showStatusIndicator: false,
-  customClass: '',
-  clickable: false,
-});
-
-const emit = defineEmits<{
-  action: [];
-  click: [];
-}>();
-
-const handleAction = () => {
-  emit('action');
-};
-
-const handleClick = () => {
-  emit('click');
-};
-</script>

package/src/cards/ListCard.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  clickable?: boolean;
-  customClass?: string | Record<string, boolean>;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  clickable: false,
-  customClass: () => ({}),
-});
-
-const emit = defineEmits<{
-  click: [];
-}>();
-
-const handleClick = () => {
-  if (props.clickable) {
-    emit('click');
-  }
-};
-</script>
-
-<template>
-  <div
-    :class="[
-      'flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200',
-      {
-        'hover:bg-vsk-primary/5 cursor-pointer': props.clickable,
-      },
-      customClass,
-    ]"
-    @click="handleClick"
-  >
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-/* Ningún estilo adicional requerido */
-</style>