@hybridly/vue 0.10.0-beta.1 → 0.10.0-beta.2

package/dist/_chunks/chunk.mjs

@@ -0,0 +1,25 @@
+import "node:module";
+
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+//#endregion
+export { __reExport as t };

package/dist/index.d.mts

@@ -1,12 +1,14 @@
-import * as vue10 from "vue";
-import { App, ComputedRef, DeepReadonly, MaybeRefOrGetter, Plugin, PropType, Ref, h } from "vue";
-import * as _hybridly_core0 from "@hybridly/core";
-import { GlobalHybridlyProperties, HybridRequestOptions, Method, Plugin as Plugin$1, RouteName, RouteParameters, RouterContext, RouterContextOptions, UrlResolvable, can, registerHook as registerHook$1, route, router } from "@hybridly/core";
+import * as vue0 from "vue";
+import { App, ComputedRef, DeepReadonly, DefineComponent, MaybeRefOrGetter, Plugin, Ref, h } from "vue";
+import { GlobalHybridlyProperties, HybridRequestOptions, Method, Plugin as Plugin$1, Progress, RouteName, RouteParameters, RouterContext, RouterContextOptions, UrlResolvable, can, registerHook as registerHook$1, route, router } from "@hybridly/core";
 import { FormDataConvertible, RequestData } from "@hybridly/utils";
 import { Path, PathValue, SearchableObject } from "@clickbar/dot-diver";
 import { Axios } from "axios";
-import * as _vue_shared0 from "@vue/shared";
 
+//#region ../hybridly/src/index.d.ts
+
+import * as import__hybridly_core from "@hybridly/core";
+//#endregion
 //#region src/plugins/progress.d.ts
 interface ProgressOptions {
   /**
@@ -44,7 +46,7 @@ type InternalProperties = GlobalHybridlyProperties & {
   [key: string]: Property$1;
 };
 /** Accesses all current properties. */
-declare function useProperties<T extends object, Global extends InternalProperties = InternalProperties>(): vue10.DeepReadonly<vue10.UnwrapNestedRefs<T & Global>>;
+declare function useProperties<T extends object, Global extends InternalProperties = InternalProperties>(): vue0.DeepReadonly<vue0.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
 declare function useProperty<Override = never, T extends SearchableObject = GlobalHybridlyProperties, P extends Path<T> & string = Path<T> & string, ReturnType$1 = ([Override] extends [never] ? PathValue<T, P> : Override)>(path: [Override] extends [never] ? P : string): ComputedRef<ReturnType$1>;
 /**
@@ -79,54 +81,41 @@ interface FormOptions<T extends SearchableObject> extends Omit<HybridRequestOpti
    */
   transform?: (fields: T) => any;
 }
-declare function useForm<T extends SearchableObject, P extends Path<T> & string = Path<T> & string>(options: FormOptions<T>): {
+interface FormReturn<T extends SearchableObject, P extends Path<T> & string = Path<T> & string> {
   resetFields: (...keys: P[]) => void;
   reset: () => void;
   resetSubmissionState: () => void;
   clear: (...keys: P[]) => void;
-  fields: vue10.UnwrapRef<T>;
+  fields: T;
   abort: () => void;
   setErrors: (incoming: Errors<T>) => void;
   clearErrors: (...keys: P[]) => void;
   clearError: (key: P) => void;
   setInitial: (newInitial: Partial<T>) => void;
   hasDirty: (...keys: P[]) => boolean;
-  submitWith: (optionsOverrides?: Omit<FormOptions<T>, "fields" | "key">) => Promise<_hybridly_core0.NavigationResponse>;
-  submitWithOptions: (optionsOverrides?: Omit<FormOptions<T>, "fields" | "key">) => Promise<_hybridly_core0.NavigationResponse>;
-  submit: () => Promise<_hybridly_core0.NavigationResponse>;
+  submitWith: (optionsOverrides?: Omit<FormOptions<T>, 'fields' | 'key'>) => Promise<any>;
+  submitWithOptions: (optionsOverrides?: Omit<FormOptions<T>, 'fields' | 'key'>) => Promise<any>;
+  submit: () => Promise<any>;
   hasErrors: boolean;
-  initial: vue10.UnwrapRef<DeepReadonly<T>>;
-  loaded: DeepReadonly<any>;
-  progress: {
-    readonly event: {
-      readonly loaded: number;
-      readonly total?: number | undefined;
-      readonly progress?: number | undefined;
-      readonly bytes: number;
-      readonly rate?: number | undefined;
-      readonly estimated?: number | undefined;
-      readonly upload?: boolean | undefined;
-      readonly download?: boolean | undefined;
-      readonly event?: any;
-      readonly lengthComputable: boolean;
-    };
-    readonly percentage: Readonly<number>;
-  } | undefined;
+  initial: DeepReadonly<T>;
+  loaded: DeepReadonly<T>;
+  progress: Progress | undefined;
   isDirty: boolean;
-  errors: vue10.UnwrapRef<DeepReadonly<[Errors<T>] extends [vue10.Ref<any, any>] ? _vue_shared0.IfAny<vue10.Ref<any, any> & Errors<T>, vue10.Ref<vue10.Ref<any, any> & Errors<T>, vue10.Ref<any, any> & Errors<T>>, vue10.Ref<any, any> & Errors<T>> : vue10.Ref<vue10.UnwrapRef<Errors<T>>, Errors<T> | vue10.UnwrapRef<Errors<T>>>>>;
+  errors: Errors<T>;
   processing: boolean;
   successful: boolean;
   failed: boolean;
   recentlySuccessful: boolean;
   recentlyFailed: boolean;
-};
+}
+declare function useForm<T extends SearchableObject, P extends Path<T> & string = Path<T> & string>(options: FormOptions<T>): FormReturn<T, P>;
 //#endregion
 //#region src/composables/history.d.ts
 /**
  * Returns a ref with a value saved in the history state through Hybridly.
  * The state is linked to a specific browser history entry.
  */
-declare function useHistoryState<T = any>(key: string, initial: T): [T] extends [vue10.Ref<any, any>] ? _vue_shared0.IfAny<T, vue10.Ref<T, T>, T> : vue10.Ref<vue10.UnwrapRef<T>, T | vue10.UnwrapRef<T>>;
+declare function useHistoryState<T = any>(key: string, initial: T): Ref<T>;
 //#endregion
 //#region src/composables/back-forward.d.ts
 type BackForwardCallback = (context: RouterContext) => void;
@@ -177,6 +166,7 @@ interface PaginatorLink {
   url?: string;
   label: string;
   active: boolean;
+  page?: number;
 }
 interface CursorPaginatorMeta {
   path: string;
@@ -210,6 +200,11 @@ interface PaginatorMeta {
   next_page_url?: string;
   prev_page_url?: string;
 }
+type MaybeWithData<T> = T | Omit<T, 'data'>;
+type PaginatorResult<T, P> = P extends MaybeWithData<Paginator<T>> ? P & {
+  to: (page: number) => Promise<index_d_exports.NavigationResponse> | undefined;
+} : P;
+declare function createPaginator<T, P extends MaybeWithData<Paginator<T> | SimplePaginator<T> | CursorPaginator<T>>>(paginator: P, options?: Omit<index_d_exports.HybridRequestOptions, 'method' | 'url'>): PaginatorResult<T, P>;
 //#endregion
 //#region src/composables/register-hook.d.ts
 /**
@@ -236,9 +231,9 @@ declare function useDialog(): {
   /** Unmounts the dialog. Should be called after its closing animations. */
   unmount: () => void;
   /** Whether the dialog is shown. */
-  show: vue10.WritableComputedRef<boolean | undefined, boolean | undefined>;
+  show: vue0.WritableComputedRef<boolean | undefined, boolean | undefined>;
   /** Properties of the dialog. */
-  properties: vue10.ComputedRef<Properties | undefined>;
+  properties: vue0.ComputedRef<Properties | undefined>;
 };
 //#endregion
 //#region src/composables/refinements.d.ts
@@ -375,7 +370,7 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
   /**
    * Binds a named filter to a ref, applying filters when it changes and updating the ref accordingly.
    */
-  bindFilter: <T = any>(name: string, options?: BindFilterOptions<T>) => Ref<T>;
+  bindFilter: <T = string | number>(name: string, options?: BindFilterOptions<T>) => Ref<T>;
   /**
    * Available filters.
    */
@@ -383,11 +378,11 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
     /**
      * Applies this filter.
      */
-    apply: (value: any, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+    apply: (value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
     /**
      * Clears this filter.
      */
-    clear: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    clear: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
     /**
      * Whether this filter is currently active.
      */
@@ -428,7 +423,7 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
     /**
      * Toggles this sort.
      */
-    toggle: (options?: ToggleSortOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+    toggle: (options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
     /**
      * Checks if this sort is active.
      */
@@ -436,7 +431,7 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
     /**
      * Clears this sort.
      */
-    clear: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    clear: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
     /**
      * Whether this sort is currently active.
      */
@@ -481,7 +476,7 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
   /**
    * The key for the filters.
    */
-  filtersKey: vue10.ComputedRef<string>;
+  filtersKey: vue0.ComputedRef<string>;
   /**
    * Gets a filter by name.
    */
@@ -493,11 +488,11 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
   /**
    * Resets all filters and sorts.
    */
-  reset: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+  reset: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
   /**
    * Toggles the specified sort.
    */
-  toggleSort: (name: string, options?: ToggleSortOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+  toggleSort: (name: string, options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
   /**
    * Whether a sort is active.
    */
@@ -517,25 +512,25 @@ declare function useRefinements<Properties$1 extends object, RefinementsKey exte
   /**
    * Clears the given filter.
    */
-  clearFilter: (filter: string, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+  clearFilter: (filter: string, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
   /**
    * Resets all sorts.
    */
-  clearSorts: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+  clearSorts: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
   /**
    * Resets all filters.
    */
-  clearFilters: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+  clearFilters: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
   /**
    * Applies the given filter.
    */
-  applyFilter: (name: string, value: any, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+  applyFilter: (name: string, value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
 };
 //#endregion
 //#region src/composables/current-route.d.ts
 declare function useRoute(): {
-  isNavigating: Readonly<vue10.Ref<boolean, boolean>>;
-  current: Readonly<vue10.Ref<string | undefined, string | undefined>>;
+  isNavigating: Readonly<vue0.Ref<boolean, boolean>>;
+  current: Readonly<vue0.Ref<string | undefined, string | undefined>>;
   matches: <T extends RouteName>(name: MaybeRefOrGetter<T>, parameters?: RouteParameters<T>) => boolean;
 };
 //#endregion
@@ -549,7 +544,7 @@ interface BulkSelection<T = any> {
   except: Set<T>;
 }
 declare function useBulkSelect<T = any>(): {
-  allSelected: vue10.ComputedRef<boolean>;
+  allSelected: vue0.ComputedRef<boolean>;
   selectAll: () => void;
   deselectAll: () => void;
   select: (...records: T[]) => void;
@@ -574,7 +569,7 @@ declare global {
     inlineActions: InlineAction[];
     bulkActions: BulkAction[];
     records: Array<T>;
-    paginator: Exclude<PaginatorKind extends 'cursor' ? CursorPaginator<T> : (PaginatorKind extends 'simple' ? SimplePaginator<T> : Paginator<T>), 'data'>;
+    paginator: Omit<PaginatorKind extends 'cursor' ? CursorPaginator<T> : (PaginatorKind extends 'simple' ? SimplePaginator<T> : Paginator<T>), 'data'>;
     refinements: Refinements;
     endpoint: string;
   }
@@ -628,10 +623,10 @@ interface TableDefaultOptions extends AvailableHybridRequestOptions {
  * Provides utilities for working with tables.
  */
 declare function useTable<RecordType extends (Props[PropsKey] extends Table<infer T, any> ? T : never), RecordTypeWithExtra extends AsRecordTypeWithExtra<RecordType>, PaginatorKindName extends (Props[PropsKey] extends Table<any, infer PaginatorKind> ? PaginatorKind : never), TableType extends (Props[PropsKey] extends Table<any, PaginatorKindName> ? Table<RecordTypeWithExtra, PaginatorKindName> : never), Props extends Record<string, unknown>, PropsKey extends keyof Props>(props: Props, key: PropsKey, defaultOptions?: TableDefaultOptions): {
-  bindFilter: <T = any>(name: string, options?: BindFilterOptions<T>) => vue10.Ref<T, T>;
+  bindFilter: <T = string | number>(name: string, options?: BindFilterOptions<T>) => vue0.Ref<T, T>;
   filters: {
-    apply: (value: any, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
-    clear: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    apply: (value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
+    clear: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
     is_active: boolean;
     type: "trashed" | "callback" | "exact" | "similar:loose" | "similar:begins_with_strict" | "similar:ends_with_strict" | string;
     label: string;
@@ -642,9 +637,9 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
     default: any;
   }[];
   sorts: {
-    toggle: (options?: ToggleSortOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+    toggle: (options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
     isSorting: (direction?: SortDirection) => boolean;
-    clear: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    clear: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
     is_active: boolean;
     direction?: SortDirection | undefined;
     default?: SortDirection | undefined;
@@ -659,16 +654,16 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
   filtersKey: string;
   getFilter: (name: string) => FilterRefinement | undefined;
   getSort: (name: string) => SortRefinement | undefined;
-  reset: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
-  toggleSort: (name: string, options?: ToggleSortOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+  reset: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
+  toggleSort: (name: string, options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
   isSorting: (name?: string, direction?: SortDirection) => boolean;
   isFiltering: (name?: string) => boolean;
   currentSorts: () => Array<SortRefinement>;
   currentFilters: () => Array<FilterRefinement>;
-  clearFilter: (filter: string, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
-  clearSorts: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
-  clearFilters: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
-  applyFilter: (name: string, value: any, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+  clearFilter: (filter: string, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
+  clearSorts: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
+  clearFilters: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
+  applyFilter: (name: string, value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
   selectAll: () => void;
   deselectAll: () => void;
   selectPage: () => void;
@@ -695,7 +690,7 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
     /** Custom metadata for this action. */
     metadata: any;
     /** Executes the action. */
-    execute: (record: RecordTypeWithExtra | RecordIdentifier) => Promise<_hybridly_core0.NavigationResponse>;
+    execute: (record: RecordTypeWithExtra | RecordIdentifier) => Promise<index_d_exports.NavigationResponse>;
   }[];
   bulkActions: {
     /** Should deselect all records after action. */
@@ -709,19 +704,19 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
     /** Custom metadata for this action. */
     metadata: any;
     /** Executes the action. */
-    execute: (options?: BulkActionOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    execute: (options?: BulkActionOptions) => Promise<index_d_exports.NavigationResponse>;
   }[];
-  executeInlineAction: (action: Action | string, record: RecordTypeWithExtra | RecordIdentifier) => Promise<_hybridly_core0.NavigationResponse>;
-  executeBulkAction: (action: Action | string, options?: BulkActionOptions) => Promise<_hybridly_core0.NavigationResponse>;
+  executeInlineAction: (action: Action | string, record: RecordTypeWithExtra | RecordIdentifier) => Promise<index_d_exports.NavigationResponse>;
+  executeBulkAction: (action: Action | string, options?: BulkActionOptions) => Promise<index_d_exports.NavigationResponse>;
   columns: {
     /** Toggles sorting for this column. */
-    toggleSort: (options?: ToggleSortOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+    toggleSort: (options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
     /** Checks whether the column is being sorted. */
     isSorting: (direction?: SortDirection) => boolean;
     /** Applies the filer for this column. */
-    applyFilter: (value: any, options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse | undefined>;
+    applyFilter: (value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
     /** Clears the filter for this column. */
-    clearFilter: (options?: AvailableHybridRequestOptions) => Promise<_hybridly_core0.NavigationResponse>;
+    clearFilter: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
     /** Checks whether the column is sortable. */
     isSortable: boolean;
     /** Checks whether the column is filterable. */
@@ -742,11 +737,11 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
     /** The key of the record. Use this instead of `id`. */
     key: RecordIdentifier;
     /** Executes the given inline action. */
-    execute: (action: string | InlineAction) => Promise<_hybridly_core0.NavigationResponse>;
+    execute: (action: string | InlineAction) => Promise<index_d_exports.NavigationResponse>;
     /** Gets the available inline actions. */
     actions: {
       /** Executes the action. */
-      execute: () => Promise<_hybridly_core0.NavigationResponse>;
+      execute: () => Promise<index_d_exports.NavigationResponse>;
       /** The name of this action. */
       name: string;
       /** The label of this action. */
@@ -769,7 +764,7 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
     /** Gets the extra object of the record for the specified column. */
     extra: (column: string | Column<RecordTypeWithExtra>, path: string) => any;
   }[];
-  paginator: Exclude<PaginatorKindName extends "cursor" ? CursorPaginator<RecordTypeWithExtra> : PaginatorKindName extends "simple" ? SimplePaginator<RecordTypeWithExtra> : Paginator<RecordTypeWithExtra>, "data">;
+  paginator: PaginatorResult<unknown, Omit<PaginatorKindName extends "cursor" ? CursorPaginator<RecordTypeWithExtra> : PaginatorKindName extends "simple" ? SimplePaginator<RecordTypeWithExtra> : Paginator<RecordTypeWithExtra>, "data">>;
 };
 //#endregion
 //#region src/composables/query-parameters.d.ts
@@ -863,161 +858,19 @@ interface SetupArguments {
 }
 //#endregion
 //#region src/components/link.d.ts
-declare const RouterLink: vue10.DefineComponent<vue10.ExtractPropTypes<{
-  href: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  as: {
-    type: (StringConstructor | ObjectConstructor)[];
-    default: string;
-  };
-  method: {
-    type: PropType<Method | Lowercase<Method>>;
-    default: string;
-  };
-  data: {
-    type: PropType<RequestData>;
-    default: () => {};
-  };
-  external: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  disabled: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  options: {
-    type: PropType<Omit<HybridRequestOptions, "url" | "data" | "method">>;
-    default: () => {};
-  };
-  text: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  preload: {
-    type: PropType<boolean | "hover" | "mount">;
-    default: boolean;
-  };
-  preserveScroll: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-  preserveState: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-}>, (props: _vue_shared0.LooseRequired<Readonly<vue10.ExtractPropTypes<{
-  href: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  as: {
-    type: (StringConstructor | ObjectConstructor)[];
-    default: string;
-  };
-  method: {
-    type: PropType<Method | Lowercase<Method>>;
-    default: string;
-  };
-  data: {
-    type: PropType<RequestData>;
-    default: () => {};
-  };
-  external: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  disabled: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  options: {
-    type: PropType<Omit<HybridRequestOptions, "url" | "data" | "method">>;
-    default: () => {};
-  };
-  text: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  preload: {
-    type: PropType<boolean | "hover" | "mount">;
-    default: boolean;
-  };
-  preserveScroll: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-  preserveState: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-}>> & Readonly<{}> & {}>) => vue10.VNode<vue10.RendererNode, vue10.RendererElement, {
-  [key: string]: any;
-}>, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {}, string, vue10.PublicProps, Readonly<vue10.ExtractPropTypes<{
-  href: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  as: {
-    type: (StringConstructor | ObjectConstructor)[];
-    default: string;
-  };
-  method: {
-    type: PropType<Method | Lowercase<Method>>;
-    default: string;
-  };
-  data: {
-    type: PropType<RequestData>;
-    default: () => {};
-  };
-  external: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  disabled: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  options: {
-    type: PropType<Omit<HybridRequestOptions, "url" | "data" | "method">>;
-    default: () => {};
-  };
-  text: {
-    type: StringConstructor;
-    required: false;
-    default: undefined;
-  };
-  preload: {
-    type: PropType<boolean | "hover" | "mount">;
-    default: boolean;
-  };
-  preserveScroll: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-  preserveState: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-}>> & Readonly<{}>, {
-  data: RequestData;
-  method: "delete" | "get" | Method | "post" | "put" | "patch";
-  preserveScroll: boolean;
-  preserveState: boolean;
-  href: string;
-  as: string | Record<string, any>;
-  external: boolean;
-  disabled: boolean;
-  options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-  text: string;
-  preload: boolean | "hover" | "mount";
-}, {}, {}, {}, string, vue10.ComponentProvideOptions, true, {}, any>;
+interface RouterLinkProps {
+  href?: string;
+  as?: string | object;
+  method?: Method | Lowercase<Method>;
+  data?: RequestData;
+  external?: boolean;
+  disabled?: boolean;
+  options?: Omit<HybridRequestOptions, 'url' | 'data' | 'method'>;
+  text?: string;
+  preload?: boolean | 'hover' | 'mount';
+  preserveScroll?: boolean;
+  preserveState?: boolean;
+}
+declare const RouterLink: DefineComponent<RouterLinkProps>;
 //#endregion
-export { Action, AvailableHybridRequestOptions, BindFilterOptions, BulkAction, BulkSelection, Column, DefaultFormOptions, type InitializeOptions, InlineAction, InternalProperties, RecordIdentifier, RouterLink, SortDirection, TableDefaultOptions, ToggleSortOptions, can, initializeHybridly, registerHook, route, router, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameter, useQueryParameters, useRefinements, useRoute, useTable };
+export { Action, AvailableHybridRequestOptions, BindFilterOptions, BulkAction, BulkSelection, Column, DefaultFormOptions, FormReturn, type InitializeOptions, InlineAction, InternalProperties, MaybeWithData, PaginatorResult, RecordIdentifier, RouterLink, SortDirection, TableDefaultOptions, ToggleSortOptions, can, createPaginator, initializeHybridly, registerHook, route, router, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameter, useQueryParameters, useRefinements, useRoute, useTable };

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { t as __reExport } from "./_chunks/chunk.mjs";
 import { computed, createApp, defineComponent, getCurrentInstance, h, isRef, nextTick, onUnmounted, reactive, readonly, ref, shallowRef, toRaw, toValue, triggerRef, unref, watch } from "vue";
 import { can, createRouter, definePlugin, makeUrl, registerHook as registerHook$1, route, route as route$1, router, router as router$1 } from "@hybridly/core";
 import { clone, debounce, debug, merge, random, setValueAtPath, showViewComponentErrorModal, unsetPropertyAtPath } from "@hybridly/utils";
@@ -943,6 +944,28 @@ function useBackForward(options) {
 	};
 }
 
+//#endregion
+//#region ../hybridly/dist/index.mjs
+var dist_exports = {};
+import * as import__hybridly_core from "@hybridly/core";
+__reExport(dist_exports, import__hybridly_core);
+
+//#endregion
+//#region src/composables/paginator.ts
+function createPaginator(paginator, options) {
+	const isPaginator = (p) => {
+		return "links" in p && "meta" in p && "last_page" in p.meta;
+	};
+	if (isPaginator(paginator)) return {
+		...paginator,
+		to: (page) => {
+			const link = paginator.links.find((l) => l.page === page);
+			if (link?.url) return dist_exports.router.get(link.url, options);
+		}
+	};
+	return paginator;
+}
+
 //#endregion
 //#region src/composables/register-hook.ts
 /**
@@ -1383,7 +1406,7 @@ function useTable(props, key, defaultOptions = {}) {
 			isFilterable: !!refinements.filters.find((filters) => filters.name === column.name)
 		}))),
 		data: computed(() => table.value.records.map((record) => {
-			return Object.fromEntries(Object.entries(record).map(([key$1, value]) => [key$1, value.value]));
+			return Object.fromEntries(Object.entries(record).map(([key$1, value]) => [key$1, value.value]).filter(([key$1]) => key$1 === "__hybridId"));
 		})),
 		records: computed(() => table.value.records.map((record) => ({
 			record: Object.values(record).map((record$1) => record$1.value),
@@ -1400,10 +1423,10 @@ function useTable(props, key, defaultOptions = {}) {
 			value: (column) => record[typeof column === "string" ? column : column.name].value,
 			extra: (column, path) => getByPath(record[typeof column === "string" ? column : column.name].extra, path)
 		}))),
-		paginator: computed(() => table.value.paginator),
+		paginator: computed(() => createPaginator(table.value.paginator)),
 		...refinements
 	});
 }
 
 //#endregion
-export { RouterLink, can, initializeHybridly, registerHook, route, router, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameter, useQueryParameters, useRefinements, useRoute, useTable };
+export { RouterLink, can, createPaginator, initializeHybridly, registerHook, route, router, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameter, useQueryParameters, useRefinements, useRoute, useTable };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridly/vue",
   "type": "module",
-  "version": "0.10.0-beta.1",
+  "version": "0.10.0-beta.2",
   "description": "Vue adapter for Hybridly",
   "author": "Enzo Innocenzi <enzo@innocenzi.dev>",
   "license": "MIT",