cisse-vue-ui 0.8.3 → 0.9.0

package/dist/components/core/CardWrapper.stories.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as CardWrapper } from './CardWrapper.vue';
+declare const meta: Meta<typeof CardWrapper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitleAndIcon: Story;
+export declare const WithActions: Story;
+export declare const WithFooter: Story;
+export declare const ShadowVariants: Story;
+export declare const RoundedVariants: Story;
+export declare const BorderVariants: Story;
+export declare const Variants: Story;
+export declare const PaddingVariants: Story;
+export declare const HeaderPaddingVariants: Story;
+export declare const NoDividers: Story;
+export declare const CustomClasses: Story;
+export declare const CustomIconSlot: Story;
+export declare const Loading: Story;
+export declare const LoadingWithOptions: Story;
+export declare const AccentVariants: Story;
+export declare const Clickable: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const ImageTop: Story;
+export declare const ImageLeft: Story;
+export declare const ImageBackground: Story;
+export declare const ImagePositions: Story;
+export declare const InteractiveStates: Story;
+export declare const ProductCard: Story;
+export declare const BlogPostCard: Story;
+export declare const CompleteExample: Story;

package/dist/components/core/CardWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/CardWrapper.vue.d.ts

@@ -0,0 +1,129 @@
+export type CardShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export type CardRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+export type CardBorder = 'none' | 'default' | 'primary' | 'secondary';
+export type CardVariant = 'default' | 'glass' | 'outline' | 'flat';
+export type CardAccent = 'none' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+export type CardImagePosition = 'top' | 'bottom' | 'left' | 'right' | 'background';
+type __VLS_Props = {
+    /** Card title */
+    title?: string;
+    /** Card description */
+    description?: string;
+    /** Header icon (Iconify format) */
+    icon?: string;
+    /** Shadow level */
+    shadow?: CardShadow;
+    /** Border radius */
+    rounded?: CardRounded;
+    /** Content padding (defaults to none for CardComponent compatibility) */
+    padding?: CardPadding;
+    /** Header/footer padding (defaults to md to match CardComponent header) */
+    headerPadding?: CardPadding;
+    /** Border style */
+    border?: CardBorder;
+    /** Visual variant */
+    variant?: CardVariant;
+    /** Colored accent border (top or left depending on layout) */
+    accent?: CardAccent;
+    /** Show header divider */
+    headerDivider?: boolean;
+    /** Show footer divider */
+    footerDivider?: boolean;
+    /** Make card clickable with hover effects */
+    clickable?: boolean;
+    /** Selected state (adds visual indicator) */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Image URL for card media */
+    image?: string;
+    /** Image alt text */
+    imageAlt?: string;
+    /** Image position */
+    imagePosition?: CardImagePosition;
+    /** Image height (for top/bottom positions) */
+    imageHeight?: string;
+    /** Image width (for left/right positions) */
+    imageWidth?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Number of skeleton lines */
+    loadingLines?: number;
+    /** Show avatar in skeleton */
+    loadingAvatar?: boolean;
+    /** Show actions in skeleton */
+    loadingActions?: boolean;
+    /** Custom class for the card container */
+    cardClass?: string;
+    /** Custom class for the header section */
+    headerClass?: string;
+    /** Custom class for the title */
+    titleClass?: string;
+    /** Custom class for the description */
+    descriptionClass?: string;
+    /** Custom class for the icon wrapper */
+    iconClass?: string;
+    /** Custom class for the icon element */
+    iconElementClass?: string;
+    /** Custom class for the content/body */
+    contentClass?: string;
+    /** Custom class for the footer */
+    footerClass?: string;
+    /** Custom class for dividers */
+    dividerClass?: string;
+    /** Custom class for the actions container */
+    actionsClass?: string;
+    /** Custom class for the image */
+    imageClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {}): any;
+        image?(_: {}): any;
+        image?(_: {}): any;
+        header?(_: {}): any;
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        actions?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    rounded: CardRounded;
+    loading: boolean;
+    loadingLines: number;
+    loadingAvatar: boolean;
+    loadingActions: boolean;
+    shadow: CardShadow;
+    padding: CardPadding;
+    headerPadding: CardPadding;
+    border: CardBorder;
+    variant: CardVariant;
+    accent: CardAccent;
+    headerDivider: boolean;
+    footerDivider: boolean;
+    clickable: boolean;
+    selected: boolean;
+    disabled: boolean;
+    imagePosition: CardImagePosition;
+    imageHeight: string;
+    imageWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/core/CollapsibleCard.vue.d.ts

@@ -25,9 +25,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    defaultExpanded: boolean;
     headerClass: string;
     contentClass: string;
+    defaultExpanded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/core/DataTable.stories.d.ts

@@ -0,0 +1,38 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { DataTable as TableComponent } from './table';
+declare const meta: Meta<typeof TableComponent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTypes: Story;
+export declare const WithBadge: Story;
+export declare const WithAlignment: Story;
+export declare const Selectable: Story;
+export declare const WithActions: Story;
+export declare const WithCustomSlot: Story;
+export declare const EmptyStateBasic: Story;
+export declare const NestedProperties: Story;
+export declare const Loading: Story;
+export declare const LoadingCustomRows: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const Compact: Story;
+export declare const NoHover: Story;
+export declare const StickyHeader: Story;
+export declare const ClickableRows: Story;
+export declare const AllFeatures: Story;
+export declare const EmptyState: Story;
+export declare const CustomEmptyState: Story;
+export declare const ErrorState: Story;
+export declare const CustomErrorState: Story;
+export declare const WithColumnVisibility: Story;
+export declare const WithPagination: Story;
+export declare const PaginationCustomPageSize: Story;
+export declare const PaginationControlled: Story;
+export declare const PaginationServerSide: Story;
+export declare const PaginationWithSelection: Story;
+export declare const PaginationNoPageSizeSelector: Story;
+export declare const WithPinnedRows: Story;
+export declare const WithEditableCells: Story;
+export declare const WithVirtualScroll: Story;
+export declare const WithResizableColumns: Story;

package/dist/components/core/Dropdown.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((item: DropdownItem) => any) | undefined;
 }>, {
     width: "auto" | "full" | "sm" | "md" | "lg";
-    teleport: boolean;
     align: "left" | "right";
+    teleport: boolean;
     items: DropdownItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: HTMLDivElement;

package/dist/components/core/Popover.vue.d.ts

@@ -28,9 +28,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     width: "auto" | "sm" | "md" | "lg";
-    teleport: boolean;
-    position: PopoverPosition;
     hover: boolean;
+    position: PopoverPosition;
+    teleport: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: HTMLDivElement;
     popoverRef: HTMLDivElement;

package/dist/components/core/Tooltip.stories.d.ts

@@ -8,3 +8,6 @@ export declare const Positions: Story;
 export declare const WithDelay: Story;
 export declare const Disabled: Story;
 export declare const OnIcons: Story;
+export declare const AllPositions: Story;
+export declare const LongContent: Story;
+export declare const OnText: Story;

package/dist/components/core/index.cjs

@@ -1,31 +1,48 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs");
+const FilterTabs_vue_vue_type_script_setup_true_lang = require("../../FilterTabs.vue_vue_type_script_setup_true_lang-COkZbeGG.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs");
 const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
-exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
-exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.Avatar = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.Breadcrumb = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.Accordion = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$30;
+exports.AccordionItem = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$31;
+exports.AutocompleteComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$19;
+exports.Avatar = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$21;
+exports.Breadcrumb = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$29;
+exports.Caption = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$3;
 exports.CardComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.DarkModeToggle = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
-exports.Drawer = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$13;
-exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$21;
-exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$12;
-exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$19;
-exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$20;
-exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$9;
-exports.TabPanel = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.TableAction = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.TableComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.Tabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.Timeline = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
-exports.Tooltip = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$11;
+exports.CardWrapper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.Col = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.Colgroup = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.CollapsibleCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$25;
+exports.DarkModeToggle = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$33;
+exports.DataTable = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.Drawer = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$28;
+exports.ExpandableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$15;
+exports.FilterTabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$36;
+exports.MobileList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$17;
+exports.Popover = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$27;
+exports.ResponsiveList = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$18;
+exports.StatsCard = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$34;
+exports.StatsGrid = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$35;
+exports.Stepper = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$24;
+exports.TabPanel = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$23;
+exports.Table = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.TableAction = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$20;
+exports.TableComponent = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.TableContextKey = FilterTabs_vue_vue_type_script_setup_true_lang.TableContextKey;
+exports.TableFooter = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.TableHeader = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$12;
+exports.TableRow = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.Tabs = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$22;
+exports.Tbody = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.Td = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$11;
+exports.Tfoot = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.Th = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.Thead = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.Timeline = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$32;
+exports.Tooltip = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$26;
+exports.Tr = FilterTabs_vue_vue_type_script_setup_true_lang._sfc_main$9;
 exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/core/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,8 @@
 export { default as CardComponent } from './CardComponent.vue';
-export { default as TableComponent } from './TableComponent.vue';
+export { default as CardWrapper } from './CardWrapper.vue';
+export type { CardShadow, CardRounded, CardPadding, CardBorder, CardVariant, CardAccent, CardImagePosition, } from './CardWrapper.vue';
+export { Table, TableContextKey, type TableContext, Caption, Colgroup, Col, Thead, Tbody, Tfoot, Tr, Th, type SortDirection, Td, TableHeader, TableRow, TableFooter, ExpandableRow, DataTable, } from './table';
+export { DataTable as TableComponent } from './table';
 export { default as MobileList } from './MobileList.vue';
 export { default as ResponsiveList } from './ResponsiveList.vue';
 export { default as AutocompleteComponent } from './AutocompleteComponent.vue';

package/dist/components/core/index.js

@@ -1,33 +1,50 @@
-import { o, p, d, f, n, _, j, r, m, u, b, l, c, s, t, i, h, e, a, g, q, k } from "../../FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js";
-import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js";
+import { D, E, s, u, C, c, _, a, e, d, y, G, p, B, o, J, q, A, r, H, I, x, w, b, t, p as p2, T, n, l, m, v, g, k, h, j, f, F, z, i } from "../../FilterTabs.vue_vue_type_script_setup_true_lang-CzpYHtc5.js";
+import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
 import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
 export {
-  o as Accordion,
-  p as AccordionItem,
-  d as AutocompleteComponent,
-  f as Avatar,
-  n as Breadcrumb,
+  D as Accordion,
+  E as AccordionItem,
+  s as AutocompleteComponent,
+  u as Avatar,
+  C as Breadcrumb,
   _4 as Button,
+  c as Caption,
   _ as CardComponent,
-  j as CollapsibleCard,
-  r as DarkModeToggle,
-  m as Drawer,
+  a as CardWrapper,
+  e as Col,
+  d as Colgroup,
+  y as CollapsibleCard,
+  G as DarkModeToggle,
+  p as DataTable,
+  B as Drawer,
   a2 as Dropdown,
-  u as FilterTabs,
+  o as ExpandableRow,
+  J as FilterTabs,
   _2 as MenuItem,
-  b as MobileList,
-  l as Popover,
-  c as ResponsiveList,
-  s as StatsCard,
-  t as StatsGrid,
+  q as MobileList,
+  A as Popover,
+  r as ResponsiveList,
+  H as StatsCard,
+  I as StatsGrid,
   _3 as StatusBadge,
-  i as Stepper,
-  h as TabPanel,
-  e as TableAction,
-  a as TableComponent,
-  g as Tabs,
-  q as Timeline,
-  k as Tooltip
+  x as Stepper,
+  w as TabPanel,
+  b as Table,
+  t as TableAction,
+  p2 as TableComponent,
+  T as TableContextKey,
+  n as TableFooter,
+  l as TableHeader,
+  m as TableRow,
+  v as Tabs,
+  g as Tbody,
+  k as Td,
+  h as Tfoot,
+  j as Th,
+  f as Thead,
+  F as Timeline,
+  z as Tooltip,
+  i as Tr
 };
 //# sourceMappingURL=index.js.map

package/dist/components/core/table/DataTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/{TableComponent.vue.d.ts → table/DataTable.vue.d.ts}

@@ -1,5 +1,5 @@
-import { Property } from '../../types';
-export type SortDirection = 'asc' | 'desc';
+import { Property } from '../../../types';
+import { SortDirection } from './atoms/Th.vue';
 type ItemType = {
     id: number | string;
     [key: string]: unknown;
@@ -15,7 +15,7 @@ type __VLS_Props = {
     selectedItems?: Set<string>;
     /** Filter function to determine if an item is selectable */
     selectableFilter?: (item: ItemType) => boolean;
-    /** Key field for unique identification (default: 'id') */
+    /** Key field for unique identification */
     keyField?: string;
     /** Current sort column */
     sortBy?: string;
@@ -25,18 +25,53 @@ type __VLS_Props = {
     loading?: boolean;
     /** Number of skeleton rows to show when loading */
     loadingRows?: number;
+    /** Whether there is an error to display */
+    error?: boolean;
+    /** Error message to display (if error slot not provided) */
+    errorMessage?: string;
+    /** Enable alternating row colors */
+    striped?: boolean;
+    /** Show cell borders */
+    bordered?: boolean;
+    /** Enable row hover effect */
+    hover?: boolean;
+    /** Use compact padding */
+    compact?: boolean;
+    /** Make header sticky on scroll */
+    stickyHeader?: boolean;
+    /** Make rows clickable */
+    clickableRows?: boolean;
+    /** Enable client-side pagination */
+    paginated?: boolean;
+    /** Number of items per page */
+    pageSize?: number;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Show page size selector */
+    showPageSize?: boolean;
+    /** Current page (1-indexed, for controlled pagination) */
+    currentPage?: number;
+    /** Total items (for server-side pagination) */
+    totalItems?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {
-        property: Property;
+        column: Property;
     }) => any>> & Partial<Record<string, (_: {
-        item: ItemType;
-        property: Property;
+        item: {
+            [key: string]: unknown;
+            id: number | string;
+        };
         value: unknown;
+        column: Property;
     }) => any>> & {
+        error?(_: {}): any;
         action?(_: {
-            item: ItemType;
+            item: {
+                [key: string]: unknown;
+                id: number | string;
+            };
         }): any;
         empty?(_: {}): any;
     };
@@ -48,15 +83,33 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     sort: (column: string, direction: SortDirection) => any;
     select: (id: string) => any;
     selectAll: () => any;
+    "update:pageSize": (size: number) => any;
+    rowClick: (item: ItemType, event: MouseEvent) => any;
+    "update:currentPage": (page: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSort?: ((column: string, direction: SortDirection) => any) | undefined;
     onSelect?: ((id: string) => any) | undefined;
     onSelectAll?: (() => any) | undefined;
+    "onUpdate:pageSize"?: ((size: number) => any) | undefined;
+    onRowClick?: ((item: ItemType, event: MouseEvent) => any) | undefined;
+    "onUpdate:currentPage"?: ((page: number) => any) | undefined;
 }>, {
     loading: boolean;
+    striped: boolean;
+    bordered: boolean;
+    hover: boolean;
+    compact: boolean;
+    stickyHeader: boolean;
+    error: boolean;
     selectable: boolean;
+    pageSize: number;
+    pageSizeOptions: number[];
+    showPageSize: boolean;
     keyField: string;
     loadingRows: number;
+    errorMessage: string;
+    clickableRows: boolean;
+    paginated: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/core/table/Table.stories.d.ts

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { Table } from './index';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicTable: Story;
+export declare const StripedTable: Story;
+export declare const BorderedTable: Story;
+export declare const CompactTable: Story;
+export declare const SortableHeaders: Story;
+export declare const ClickableRows: Story;
+export declare const SelectableRows: Story;
+export declare const WithFooter: Story;
+export declare const ColumnWidths: Story;
+export declare const TruncatedCells: Story;
+export declare const DisabledRows: Story;
+export declare const ColspanRowspan: Story;
+export declare const MultipleTheadTbody: Story;
+export declare const RowGrouping: Story;
+export declare const WithColgroup: Story;
+export declare const ComplexLayout: Story;
+export declare const WithCaption: Story;
+export declare const CaptionBottom: Story;
+export declare const ScreenReaderOnlyCaption: Story;
+export declare const ExpandableRows: Story;
+export declare const ExpandableRowsControlled: Story;
+export declare const ExpandableRowsOnRowClick: Story;

package/dist/components/core/table/atoms/Caption.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/table/atoms/Caption.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** Position of the caption */
+    position?: 'top' | 'bottom';
+    /** Visually hide caption but keep for screen readers */
+    srOnly?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    position: "top" | "bottom";
+    srOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/core/table/atoms/Col.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/table/atoms/Col.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    /** Number of columns to span */
+    span?: number | string;
+    /** Column width */
+    width?: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/core/table/atoms/Colgroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/table/atoms/Colgroup.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/core/table/atoms/Table.test.d.ts

@@ -0,0 +1 @@
+export {};