@jasmine-ui/vue 0.6.0

package/dist/components/switch/switch.style.d.ts

@@ -0,0 +1,196 @@
+export declare const switchVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            track: string;
+        };
+        primary: {
+            track: string;
+        };
+        danger: {
+            track: string;
+        };
+        success: {
+            track: string;
+        };
+        warning: {
+            track: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            thumb: string;
+        };
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+        full: {
+            track: string;
+            thumb: string;
+        };
+    };
+    iconPlacement: {
+        track: {
+            track: string;
+        };
+        thumb: {
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    thumb: string;
+    label: string;
+    iconWrapper: string;
+}, undefined, {
+    color: {
+        default: {
+            track: string;
+        };
+        primary: {
+            track: string;
+        };
+        danger: {
+            track: string;
+        };
+        success: {
+            track: string;
+        };
+        warning: {
+            track: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            thumb: string;
+        };
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+        full: {
+            track: string;
+            thumb: string;
+        };
+    };
+    iconPlacement: {
+        track: {
+            track: string;
+        };
+        thumb: {
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    thumb: string;
+    label: string;
+    iconWrapper: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            track: string;
+        };
+        primary: {
+            track: string;
+        };
+        danger: {
+            track: string;
+        };
+        success: {
+            track: string;
+        };
+        warning: {
+            track: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            thumb: string;
+        };
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+        full: {
+            track: string;
+            thumb: string;
+        };
+    };
+    iconPlacement: {
+        track: {
+            track: string;
+        };
+        thumb: {
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    thumb: string;
+    label: string;
+    iconWrapper: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/table/index.d.ts

@@ -0,0 +1 @@
+export { default as Table } from './table';

package/dist/components/table/table.composable.d.ts

@@ -0,0 +1,162 @@
+import { ExtractPropTypes } from 'vue';
+import { TableColumn, TableSortDescriptor } from '../../types/common';
+import { tableProps } from './table.props';
+type TableProps = ExtractPropTypes<typeof tableProps>;
+type TableEmitFn = {
+    (event: 'update:modelValue', value: string | number | Array<string | number>): void;
+    (event: 'update:sortDescriptor', value: TableSortDescriptor): void;
+    (event: 'row-click', payload: {
+        row: Record<string, unknown>;
+        index: number;
+    }): void;
+};
+/**
+ * Composable that handles Table component logic.
+ * Provides computed classes, sorted rows, selection helpers, and event handlers.
+ */
+export declare const useTable: (props: TableProps, emit: TableEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        base: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        thead: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        headerRow: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        headerCell: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        tbody: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        row: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        cell: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        sortIcon: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        loadingOverlay: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        emptyState: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        thead: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        headerRow: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        headerCell: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        tbody: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        row: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        cell: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        sortIcon: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        loadingOverlay: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        emptyState: (slotProps?: ({
+            variant?: "bordered" | "flat" | "striped" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            selectionMode?: "none" | "single" | "multiple" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    sortedRows: import('vue').ComputedRef<Record<string, unknown>[]>;
+    getRowKey: (row: Record<string, unknown>) => string | number;
+    handleHeaderClick: (column: TableColumn) => void;
+    handleRowClick: (row: Record<string, unknown>, index: number) => void;
+    isRowSelected: (row: Record<string, unknown>) => boolean;
+    isAllSelected: import('vue').ComputedRef<boolean>;
+    isSomeSelected: import('vue').ComputedRef<boolean>;
+    toggleSelectAll: () => void;
+};
+export {};

package/dist/components/table/table.d.ts

@@ -0,0 +1,162 @@
+import { TableColumn, TableSortDescriptor } from '../../types/common';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`header-${string}`, (_: {
+        column: TableColumn;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: Record<string, unknown>;
+        column: TableColumn;
+        value: unknown;
+        index: number;
+    }) => any>> & {
+        top?(_: {}): any;
+        empty?(_: {}): any;
+        loading?(_: {}): any;
+        bottom?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<TableColumn[]>;
+        default: () => never[];
+    };
+    rows: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    sortDescriptor: {
+        type: import('vue').PropType<TableSortDescriptor>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: import('vue').PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types/common').TableVariant>;
+        default: "flat";
+    };
+    isHeaderSticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    "update:sortDescriptor": (value: TableSortDescriptor) => any;
+    "row-click": (payload: {
+        row: Record<string, unknown>;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<TableColumn[]>;
+        default: () => never[];
+    };
+    rows: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    sortDescriptor: {
+        type: import('vue').PropType<TableSortDescriptor>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: import('vue').PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types/common').TableVariant>;
+        default: "flat";
+    };
+    isHeaderSticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    "onUpdate:sortDescriptor"?: ((value: TableSortDescriptor) => any) | undefined;
+    "onRow-click"?: ((payload: {
+        row: Record<string, unknown>;
+        index: number;
+    }) => any) | undefined;
+}>, {
+    variant: import('../../types/common').TableVariant;
+    color: import('../../types/common').Color;
+    size: import('../../types/common').Size;
+    modelValue: string | number | (string | number)[];
+    isDisabled: boolean;
+    isLoading: boolean;
+    selectionMode: import('../../types/common').SelectionMode;
+    columns: TableColumn[];
+    emptyContent: string;
+    rows: Record<string, unknown>[];
+    rowKey: string;
+    sortDescriptor: TableSortDescriptor;
+    isHeaderSticky: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/table.props.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { TableColumn, TableSortDescriptor } from '../../types/common';
+export declare const tableProps: {
+    columns: {
+        type: PropType<TableColumn[]>;
+        default: () => never[];
+    };
+    rows: {
+        type: PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    sortDescriptor: {
+        type: PropType<TableSortDescriptor>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: PropType<import('../../types/common').TableVariant>;
+        default: "flat";
+    };
+    isHeaderSticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+};