@salesql/sql_components_vue3 0.3.1 → 1.0.0

package/dist/ui/DsNotification/DsNotification.types.d.ts

@@ -0,0 +1,14 @@
+export declare const DS_NOTIFICATION_TYPES: {
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+export type DsNotificationType = (typeof DS_NOTIFICATION_TYPES)[keyof typeof DS_NOTIFICATION_TYPES];
+export declare const DS_NOTIFICATION_POSITIONS: {
+    readonly TOP_LEFT: "top-left";
+    readonly TOP_RIGHT: "top-right";
+    readonly BOTTOM_LEFT: "bottom-left";
+    readonly BOTTOM_RIGHT: "bottom-right";
+};
+export type DsNotificationPosition = (typeof DS_NOTIFICATION_POSITIONS)[keyof typeof DS_NOTIFICATION_POSITIONS];
+export declare const DS_NOTIFICATION_ICONS: Record<DsNotificationType, string>;

package/dist/ui/DsNotification/DsNotification.vue.d.ts

@@ -0,0 +1,83 @@
+import { type PropType } from 'vue';
+import { type DsNotificationType, type DsNotificationPosition } from './DsNotification.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<DsNotificationType>;
+        default: "info";
+    };
+    position: {
+        type: PropType<DsNotificationPosition>;
+        default: "bottom-left";
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    linkTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    link: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<DsNotificationType>;
+        default: "info";
+    };
+    position: {
+        type: PropType<DsNotificationPosition>;
+        default: "bottom-left";
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    linkTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    link: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: DsNotificationType;
+    link: string;
+    title: string;
+    closeLabel: string;
+    description: string;
+    position: DsNotificationPosition;
+    linkTitle: string;
+    showClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ui/DsNotification/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsNotification } from './DsNotification.vue';
+export * from './DsNotification.types';

package/dist/ui/DsSpinner/DsSpinner.types.d.ts

@@ -0,0 +1,6 @@
+export declare const DS_SPINNER_TONES: {
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+    readonly ACCENT: "accent";
+};
+export type DsSpinnerTone = (typeof DS_SPINNER_TONES)[keyof typeof DS_SPINNER_TONES];

package/dist/ui/{SqlSpinner/SqlSpinner.vue.d.ts → DsSpinner/DsSpinner.vue.d.ts}

@@ -1,34 +1,34 @@
 import { type PropType } from 'vue';
-import { type SqlSpinnerSize, type SqlSpinnerThemeMode } from './SqlSpinner.types';
+import { type DsSpinnerTone } from './DsSpinner.types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<SqlSpinnerThemeMode>;
-        default: "dark";
-    };
     size: {
-        type: PropType<SqlSpinnerSize>;
-        default: "small";
+        type: NumberConstructor;
+        default: number;
+    };
+    tone: {
+        type: PropType<DsSpinnerTone>;
+        default: "dark";
     };
     label: {
         type: StringConstructor;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<SqlSpinnerThemeMode>;
-        default: "dark";
-    };
     size: {
-        type: PropType<SqlSpinnerSize>;
-        default: "small";
+        type: NumberConstructor;
+        default: number;
+    };
+    tone: {
+        type: PropType<DsSpinnerTone>;
+        default: "dark";
     };
     label: {
         type: StringConstructor;
         default: string;
     };
 }>> & Readonly<{}>, {
-    type: SqlSpinnerThemeMode;
-    size: SqlSpinnerSize;
+    size: number;
+    tone: DsSpinnerTone;
     label: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/ui/DsSpinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsSpinner } from './DsSpinner.vue';
+export * from './DsSpinner.types';

package/dist/ui/DsTable/DsTable.types.d.ts

@@ -0,0 +1,16 @@
+export declare const DS_TABLE_ALIGN: {
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+};
+export type DsTableAlign = (typeof DS_TABLE_ALIGN)[keyof typeof DS_TABLE_ALIGN];
+export interface DsTableColumn {
+    key: string;
+    label: string;
+    align?: DsTableAlign;
+    width?: string;
+}
+export interface DsTableRow {
+    id: string | number;
+    [key: string]: unknown;
+}

package/dist/ui/{BasicTable/BasicTable.vue.d.ts → DsTable/DsTable.vue.d.ts}

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
-import { type BasicTableColumn, type BasicTableRow } from './BasicTable.types';
+import { type DsTableColumn, type DsTableRow } from './DsTable.types';
 declare var __VLS_1: {}, __VLS_4: `cell-${string}`, __VLS_5: {
-    row: BasicTableRow;
+    row: DsTableRow;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_4>]?: (props: typeof __VLS_5) => any;
@@ -10,32 +10,41 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
-        type: PropType<BasicTableColumn[]>;
+        type: PropType<DsTableColumn[]>;
         required: true;
     };
     rows: {
-        type: PropType<BasicTableRow[]>;
+        type: PropType<DsTableRow[]>;
         required: true;
     };
     emptyMessage: {
         type: StringConstructor;
         default: string;
     };
+    highlightRowId: {
+        type: PropType<string | number | null>;
+        default: null;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
-        type: PropType<BasicTableColumn[]>;
+        type: PropType<DsTableColumn[]>;
         required: true;
     };
     rows: {
-        type: PropType<BasicTableRow[]>;
+        type: PropType<DsTableRow[]>;
         required: true;
     };
     emptyMessage: {
         type: StringConstructor;
         default: string;
     };
+    highlightRowId: {
+        type: PropType<string | number | null>;
+        default: null;
+    };
 }>> & Readonly<{}>, {
     emptyMessage: string;
+    highlightRowId: string | number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/ui/DsTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsTable } from './DsTable.vue';
+export * from './DsTable.types';

package/dist/ui/DsTag/DsTag.types.d.ts

@@ -0,0 +1,8 @@
+export declare const DS_TAG_TONES: {
+    readonly DEFAULT: "default";
+    readonly SUCCESS: "success";
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+export type DsTagTone = (typeof DS_TAG_TONES)[keyof typeof DS_TAG_TONES];

package/dist/ui/DsTag/DsTag.vue.d.ts

@@ -0,0 +1,45 @@
+import { type PropType } from 'vue';
+import { type DsTagTone } from './DsTag.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<DsTagTone>;
+        default: "default";
+    };
+    rounded: BooleanConstructor;
+    closable: BooleanConstructor;
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<DsTagTone>;
+        default: "default";
+    };
+    rounded: BooleanConstructor;
+    closable: BooleanConstructor;
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    tone: DsTagTone;
+    rounded: boolean;
+    closable: boolean;
+    closeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/DsTag/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsTag } from './DsTag.vue';
+export * from './DsTag.types';

package/dist/ui/DsTextarea/DsTextarea.types.d.ts

@@ -0,0 +1,8 @@
+export interface DsTextareaProps {
+    modelValue?: string;
+    placeholder?: string;
+    rows?: number;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+}

package/dist/ui/DsTextarea/DsTextarea.vue.d.ts

@@ -0,0 +1,70 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focus: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    error: boolean;
+    id: string;
+    rows: number;
+    placeholder: string;
+    errorMessage: string;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ui/DsTextarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsTextarea } from './DsTextarea.vue';
+export * from './DsTextarea.types';

package/dist/ui/DsVerificationIcon/DsVerificationIcon.types.d.ts

@@ -0,0 +1,6 @@
+export declare const DS_VERIFICATION_STATES: {
+    readonly VERIFIED: "verified";
+    readonly UNVERIFIED: "unverified";
+    readonly NEW: "new";
+};
+export type DsVerificationState = (typeof DS_VERIFICATION_STATES)[keyof typeof DS_VERIFICATION_STATES];

package/dist/ui/DsVerificationIcon/DsVerificationIcon.vue.d.ts

@@ -0,0 +1,52 @@
+import { type PropType } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    verified: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    isContactData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    verified: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    isContactData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    label: string;
+    verified: boolean | null;
+    isContactData: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/DsVerificationIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsVerificationIcon } from './DsVerificationIcon.vue';
+export * from './DsVerificationIcon.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesql/sql_components_vue3",
-  "version": "0.3.1",
+  "version": "1.0.0",
   "description": "Librería de componentes Vue 3 (SalesQL)",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -26,20 +26,20 @@
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@histoire/plugin-vue": "1.0.0-alpha.3",
-    "@vitejs/plugin-vue": "^6.0.1",
+    "@histoire/plugin-vue": "1.0.0-beta.1",
+    "@vitejs/plugin-vue": "6.0.1",
     "@vitest/coverage-v8": "^3.2.0",
     "@vue/test-utils": "^2.4.6",
     "flexsearch": "^0.8.212",
-    "histoire": "1.0.0-alpha.3",
+    "histoire": "1.0.0-beta.1",
     "jsdom": "^26.1.0",
     "sass": "^1.93.2",
     "shiki": "^3.13.0",
-    "vite": "^7.1.7",
+    "vite": "7.3.2",
     "vitest": "^3.2.0",
     "vscode-oniguruma": "^2.0.1",
     "vscode-textmate": "^9.2.0",
-    "vue": "^3.5.0",
+    "vue": "3.5.39",
     "vue-tsc": "^2.2.12"
   },
   "publishConfig": {

package/dist/ui/BasicTable/BasicTable.types.d.ts

@@ -1,16 +0,0 @@
-export declare const BASIC_TABLE_ALIGN: {
-    readonly LEFT: "left";
-    readonly CENTER: "center";
-    readonly RIGHT: "right";
-};
-export type BasicTableAlign = (typeof BASIC_TABLE_ALIGN)[keyof typeof BASIC_TABLE_ALIGN];
-export interface BasicTableColumn {
-    key: string;
-    label: string;
-    align?: BasicTableAlign;
-    width?: string;
-}
-export interface BasicTableRow {
-    id: string | number;
-    [key: string]: unknown;
-}

package/dist/ui/BasicTable/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BasicTable } from './BasicTable.vue';
-export * from './BasicTable.types';

package/dist/ui/SqlButton/SqlButton.types.d.ts

@@ -1,31 +0,0 @@
-export declare const SQL_BUTTON_TYPES: {
-    readonly DEFAULT: "default";
-    readonly PRIMARY: "primary";
-    readonly SECONDARY: "secondary";
-    readonly TERTIARY: "tertiary";
-    readonly SPECIAL: "special";
-    readonly SPECIAL2: "special2";
-    readonly SPECIAL3: "special3";
-    readonly DOTTED: "dotted";
-    readonly DANGER: "danger";
-    readonly GRADIENT: "gradient";
-};
-export type SqlButtonType = (typeof SQL_BUTTON_TYPES)[keyof typeof SQL_BUTTON_TYPES];
-export declare const SQL_BUTTON_SIZES: {
-    readonly SMALL: "small";
-    readonly SMALL_SQUARE: "small-square";
-    readonly SMALL_SQUARE_NO_PADDING: "small-square-no-padding";
-    readonly MEDIUM: "medium";
-    readonly MEDIUM_SQUARE: "medium-square";
-    readonly LARGE: "large";
-    readonly LARGE_SQUARE: "large-square";
-    readonly XLARGE: "xlarge";
-    readonly XLARGE_SQUARE: "xlarge-square";
-};
-export type SqlButtonSize = (typeof SQL_BUTTON_SIZES)[keyof typeof SQL_BUTTON_SIZES];
-export declare const SQL_BUTTON_NATIVE_TYPES: {
-    readonly BUTTON: "button";
-    readonly SUBMIT: "submit";
-    readonly RESET: "reset";
-};
-export type SqlButtonNativeType = (typeof SQL_BUTTON_NATIVE_TYPES)[keyof typeof SQL_BUTTON_NATIVE_TYPES];

package/dist/ui/SqlButton/SqlButton.vue.d.ts

@@ -1,75 +0,0 @@
-import { type PropType } from 'vue';
-import { type SqlButtonNativeType, type SqlButtonSize, type SqlButtonType } from './SqlButton.types';
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<SqlButtonType>;
-        default: "default";
-    };
-    size: {
-        type: PropType<SqlButtonSize>;
-        default: "large";
-    };
-    nativeType: {
-        type: PropType<SqlButtonNativeType>;
-        default: "button";
-    };
-    selected: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-    plain: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: BooleanConstructor;
-    circle: BooleanConstructor;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (event: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<SqlButtonType>;
-        default: "default";
-    };
-    size: {
-        type: PropType<SqlButtonSize>;
-        default: "large";
-    };
-    nativeType: {
-        type: PropType<SqlButtonNativeType>;
-        default: "button";
-    };
-    selected: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-    plain: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: BooleanConstructor;
-    circle: BooleanConstructor;
-}>> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {
-    type: SqlButtonType;
-    size: SqlButtonSize;
-    circle: boolean;
-    nativeType: SqlButtonNativeType;
-    selected: boolean | null;
-    loading: boolean;
-    disabled: boolean;
-    plain: boolean;
-    autofocus: boolean;
-    round: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/ui/SqlButton/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SqlButton } from './SqlButton.vue';
-export * from './SqlButton.types';

package/dist/ui/SqlSpinner/SqlSpinner.types.d.ts

@@ -1,11 +0,0 @@
-export declare const SQL_SPINNER_THEME_MODES: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-};
-export type SqlSpinnerThemeMode = (typeof SQL_SPINNER_THEME_MODES)[keyof typeof SQL_SPINNER_THEME_MODES];
-export declare const SQL_SPINNER_SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
-};
-export type SqlSpinnerSize = (typeof SQL_SPINNER_SIZES)[keyof typeof SQL_SPINNER_SIZES];

package/dist/ui/SqlSpinner/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SqlSpinner } from './SqlSpinner.vue';
-export * from './SqlSpinner.types';