@casinogate/ui 1.10.3 → 1.10.4

package/dist/assets/css/root.css

@@ -256,12 +256,18 @@
   .cgui\:ms-auto {
     margin-inline-start: auto;
   }
+  .cgui\:-mt-0\.5 {
+    margin-top: calc(var(--cgui-spacing) * -0.5);
+  }
   .cgui\:mt-2 {
     margin-top: calc(var(--cgui-spacing) * 2);
   }
   .cgui\:mt-4 {
     margin-top: calc(var(--cgui-spacing) * 4);
   }
+  .cgui\:-mb-0\.5 {
+    margin-bottom: calc(var(--cgui-spacing) * -0.5);
+  }
   .cgui\:mb-1 {
     margin-bottom: calc(var(--cgui-spacing) * 1);
   }
@@ -1268,6 +1274,10 @@
     --tw-duration: 150ms;
     transition-duration: 150ms;
   }
+  .cgui\:duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
   .cgui\:duration-250 {
     --tw-duration: 250ms;
     transition-duration: 250ms;
@@ -1888,6 +1898,20 @@
       }
     }
   }
+  .cgui\:data-\[direction\=asc\]\:\[\&_\[data-direction\=asc\]\]\:text-icon-regular {
+    &[data-direction="asc"] {
+      & [data-direction=asc] {
+        color: var(--cg-ui-color-icon-regular);
+      }
+    }
+  }
+  .cgui\:data-\[direction\=desc\]\:\[\&_\[data-direction\=desc\]\]\:text-icon-regular {
+    &[data-direction="desc"] {
+      & [data-direction=desc] {
+        color: var(--cg-ui-color-icon-regular);
+      }
+    }
+  }
   .cgui\:group-data-\[compact\=false\]\/navigation\:data-\[state\=open\]\:\[\&_\[data-slot\=\"chevron\"\]\]\:rotate-180 {
     &:is(:where(.cgui\:group\/navigation)[data-compact="false"] *) {
       &[data-state="open"] {
@@ -2029,6 +2053,25 @@
       color: var(--cg-ui-color-icon-regular);
     }
   }
+  .cgui\:\[\&_svg\]\:transition-all {
+    & svg {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--cgui-default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--cgui-default-transition-duration));
+    }
+  }
+  .cgui\:\[\&_svg\]\:duration-200 {
+    & svg {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .cgui\:\[\&_svg\]\:ease-in-out {
+    & svg {
+      --tw-ease: var(--cgui-ease-in-out);
+      transition-timing-function: var(--cgui-ease-in-out);
+    }
+  }
   .cgui\:\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-3 {
     & svg:not([class*="size-"]) {
       width: calc(var(--cgui-spacing) * 3);

package/dist/components/data-table/components/data-table.sort-button.svelte

@@ -10,6 +10,7 @@
     ref = $bindable(null),
     id = useId(),
     class: className,
+    direction,
     children,
     child,
     ...restProps
@@ -25,8 +26,12 @@
 
   const styles = DataTableStylesContext.get();
 
+  const attrs = $derived({
+    'data-direction': direction,
+  });
+
   const mergedProps = $derived(
-    mergeProps(restProps, sortButtonState.props, { class: cn(styles.current.sortButton(), className) })
+    mergeProps(restProps, sortButtonState.props, attrs, { class: cn(styles.current.sortButton(), className) })
   );
 </script>
 
@@ -37,7 +42,9 @@
     {#if children}
       {@render children?.()}
     {:else}
-      <Icon.Sort />
+      <Icon.SortUp class="cgui:-mb-0.5" data-direction="asc" />
+
+      <Icon.SortDown class="cgui:-mt-0.5" data-direction="desc" />
     {/if}
   </button>
 {/if}

package/dist/components/data-table/data-table.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" generics="TData extends RowData = any">
   import { Spinner } from '../spinner/index.js';
+  import { atom, cn } from '../../internal/utils/common.js';
   import { watch } from 'runed';
   import { fade } from 'svelte/transition';
   import DataTableBody from './components/data-table.body.svelte';
@@ -42,12 +43,28 @@
       {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <DataTableRow>
           {#each headerGroup.headers as header (header.id)}
-            <DataTableHead {header}>
+            <DataTableHead
+              {header}
+              class={cn({
+                'cgui:cursor-pointer cgui:select-none': header.column.getCanSort(),
+              })}
+              onclick={() => {
+                if (header.column.getCanSort()) {
+                  header.column.toggleSorting();
+                }
+              }}
+            >
               {#if !header.isPlaceholder}
                 <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
 
                 {#if header.column.getCanSort()}
-                  <DataTableSortButton />
+                  {@const dir = atom(() => {
+                    const val = header.column.getIsSorted();
+
+                    return typeof val === 'boolean' ? null : val;
+                  })}
+
+                  <DataTableSortButton direction={dir} />
                 {/if}
 
                 {#if restProps.resizable && header.column.getCanResize()}

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

@@ -3,4 +3,4 @@ export * from './exports.js';
 export type { ColumnSizingState, ExpandedState, ExpandedStateList, GroupingState, PaginationState, RowSelectionState, SortingState, TableState, Updater, } from '@tanstack/table-core';
 export { createTable } from './models/index.js';
 export type { ColumnDef, DataTableBodyProps, DataTableCellProps, DataTableHeaderProps, DataTableHeadProps, DataTableProps, DataTableResizeHandlerProps, DataTableRootProps, DataTableRowProps, DataTableSortButtonProps, DataTableTableProps, RowData, } from './types.js';
-export { rowModels, usePaginationState, useResizeState, useRowSelectionState } from './utils/index.js';
+export { rowModels, usePaginationState, useResizeState, useRowSelectionState, useSortState } from './utils/index.js';

package/dist/components/data-table/index.js

@@ -1,4 +1,4 @@
 export * as DataTablePrimitive from './exports-primitive.js';
 export * from './exports.js';
 export { createTable } from './models/index.js';
-export { rowModels, usePaginationState, useResizeState, useRowSelectionState } from './utils/index.js';
+export { rowModels, usePaginationState, useResizeState, useRowSelectionState, useSortState } from './utils/index.js';

package/dist/components/data-table/styles.js

@@ -21,8 +21,12 @@ export const dataTableVariants = tv({
         head: ['cgui:h-12 cgui:relative cgui:px-2', 'cgui:whitespace-nowrap cgui:bg-clip-padding cgui:align-middle'],
         sortButton: [
             'cgui:absolute cgui:top-1/2 cgui:-translate-y-1/2 cgui:right-4',
-            'cgui:flex cgui:shrink-0 cgui:size-4 cgui:justify-center cgui:items-center cgui:gap-1 cgui:text-icon-regular',
-            'cgui:cursor-pointer',
+            'cgui:flex cgui:flex-col cgui:shrink-0 cgui:size-6 cgui:justify-center cgui:items-center cgui:text-icon-default',
+            'cgui:transition-all cgui:duration-200 cgui:ease-in-out',
+            'cgui:cursor-pointer cgui:select-none',
+            'cgui:[&_svg]:size-4 cgui:[&_svg]:transition-all cgui:[&_svg]:duration-200 cgui:[&_svg]:ease-in-out',
+            'cgui:data-[direction=asc]:[&_[data-direction=asc]]:text-icon-regular',
+            'cgui:data-[direction=desc]:[&_[data-direction=desc]]:text-icon-regular',
         ],
         cell: ['cgui:whitespace-nowrap cgui:bg-clip-padding cgui:p-2', 'cgui:font-normal cgui:align-middle'],
         resizeHandler: [

package/dist/components/data-table/types.d.ts

@@ -26,7 +26,9 @@ type DataTableResizeHandlerPropsWithoutHTML = WithElementRef<{}>;
 export type DataTableResizeHandlerProps = DataTableResizeHandlerPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableResizeHandlerPropsWithoutHTML>;
 type DataTableRowPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
 export type DataTableRowProps = DataTableRowPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableRowPropsWithoutHTML>;
-type DataTableSortButtonPropsWithoutHTML = WithElementRef<WithChild<{}>>;
+type DataTableSortButtonPropsWithoutHTML = WithElementRef<WithChild<{
+    direction?: 'asc' | 'desc' | null | undefined;
+}>>;
 export type DataTableSortButtonProps = DataTableSortButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, DataTableSortButtonPropsWithoutHTML>;
 type DataTableTablePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
 export type DataTableTableProps = DataTableTablePropsWithoutHTML & Without<PrimitiveTableAttributes, DataTableTablePropsWithoutHTML>;

package/dist/components/data-table/utils/index.d.ts

@@ -2,3 +2,4 @@ export { usePaginationState } from './pagination-state.svelte.js';
 export { useResizeState } from './resize-state.svelte.js';
 export { rowModels } from './row-models.js';
 export { useRowSelectionState } from './row-selection-state.svelte.js';
+export { useSortState } from './use-sort-sate.svelte.js';

package/dist/components/data-table/utils/index.js

@@ -2,3 +2,4 @@ export { usePaginationState } from './pagination-state.svelte.js';
 export { useResizeState } from './resize-state.svelte.js';
 export { rowModels } from './row-models.js';
 export { useRowSelectionState } from './row-selection-state.svelte.js';
+export { useSortState } from './use-sort-sate.svelte.js';

package/dist/components/data-table/utils/use-sort-sate.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { OnChangeFn, SortingState } from '@tanstack/table-core';
+type Opts = {
+    defaultValue?: () => SortingState;
+    onValueChange?: (value: SortingState) => void;
+};
+declare class SortState {
+    #private;
+    constructor(opts?: Opts);
+    updater: OnChangeFn<SortingState>;
+    get current(): SortingState;
+    set current(value: SortingState);
+}
+export declare const useSortState: (opts?: Opts) => SortState;
+export {};

package/dist/components/data-table/utils/use-sort-sate.svelte.js

@@ -0,0 +1,30 @@
+import { noop } from '../../../internal/utils/common.js';
+class SortState {
+    #current;
+    #onValueChange;
+    constructor(opts) {
+        this.#current = $state(opts?.defaultValue?.() ?? []);
+        this.#onValueChange = opts?.onValueChange ?? noop;
+    }
+    updater = (updater) => {
+        let newSort;
+        if (updater instanceof Function) {
+            newSort = updater(this.#current);
+        }
+        else {
+            newSort = updater;
+        }
+        this.current = newSort;
+        this.#onValueChange(newSort);
+        console.log(newSort);
+    };
+    get current() {
+        return this.#current;
+    }
+    set current(value) {
+        this.#current = value;
+    }
+}
+export const useSortState = (opts) => {
+    return new SortState(opts);
+};

package/dist/components/icons/exports.d.ts

@@ -22,6 +22,8 @@ export { default as Minus } from './minus.svelte';
 export { default as Plus } from './plus.svelte';
 export { default as SidebarToggle } from './sidebar-toggle.svelte';
 export { default as Slash } from './slash.svelte';
+export { default as SortDown } from './sort-down.svelte';
+export { default as SortUp } from './sort-up.svelte';
 export { default as Sort } from './sort.svelte';
 export { default as Spinner } from './spinner.svelte';
 export { default as Success } from './success.svelte';

package/dist/components/icons/exports.js

@@ -22,6 +22,8 @@ export { default as Minus } from './minus.svelte';
 export { default as Plus } from './plus.svelte';
 export { default as SidebarToggle } from './sidebar-toggle.svelte';
 export { default as Slash } from './slash.svelte';
+export { default as SortDown } from './sort-down.svelte';
+export { default as SortUp } from './sort-up.svelte';
 export { default as Sort } from './sort.svelte';
 export { default as Spinner } from './spinner.svelte';
 export { default as Success } from './success.svelte';

package/dist/components/icons/sort-down.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 24 24" {...props}>
+  <path
+    fill={color}
+    fill-rule="evenodd"
+    d="M18.425 10.271C19.499 8.967 18.57 7 16.88 7H7.12c-1.69 0-2.618 1.967-1.544 3.271l4.881 5.927a2 2 0 0 0 3.088 0z"
+    clip-rule="evenodd"
+  /></svg
+>

package/dist/components/icons/sort-down.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SortDown: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type SortDown = ReturnType<typeof SortDown>;
+export default SortDown;

package/dist/components/icons/sort-up.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 24 24" {...props}>
+  <path
+    fill={color}
+    fill-rule="evenodd"
+    d="M5.575 13.729C4.501 15.033 5.43 17 7.12 17h9.762c1.69 0 2.618-1.967 1.544-3.271l-4.881-5.927a2 2 0 0 0-3.088 0l-4.88 5.927Z"
+    clip-rule="evenodd"
+  /></svg
+>

package/dist/components/icons/sort-up.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SortUp: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type SortUp = ReturnType<typeof SortUp>;
+export default SortUp;

package/dist/components/select/select.svelte

@@ -102,8 +102,6 @@
         return;
       }
 
-      console.log('newValue', newValue);
-
       if (typeof newValue === 'string') {
         const item = newValue ? (collection.find(newValue) ?? null) : null;
 

package/dist/internal/mocks/MOCK_DATA.json

@@ -0,0 +1,100 @@
+[{"id":1,"first_name":"Buiron","last_name":"Moffett","email":"bmoffett0@accuweather.com","gender":"Male","city":"Pará de Minas"},
+{"id":2,"first_name":"Gabriellia","last_name":"Erratt","email":"gerratt1@huffingtonpost.com","gender":"Female","city":"Staroyur’yevo"},
+{"id":3,"first_name":"Arturo","last_name":"Wimpress","email":"awimpress2@ft.com","gender":"Male","city":"Haiphong"},
+{"id":4,"first_name":"Dev","last_name":"Olivetti","email":"dolivetti3@cbsnews.com","gender":"Male","city":"Itambé"},
+{"id":5,"first_name":"Nariko","last_name":"Baguley","email":"nbaguley4@w3.org","gender":"Female","city":"Rzhev"},
+{"id":6,"first_name":"Samantha","last_name":"Pardi","email":"spardi5@dell.com","gender":"Female","city":"Pimentel"},
+{"id":7,"first_name":"Eduino","last_name":"Hanby","email":"ehanby6@senate.gov","gender":"Male","city":"Doljo"},
+{"id":8,"first_name":"Peter","last_name":"Comelini","email":"pcomelini7@etsy.com","gender":"Male","city":"Norakert"},
+{"id":9,"first_name":"Pinchas","last_name":"Skene","email":"pskene8@oracle.com","gender":"Male","city":"Orekhovo-Zuyevo"},
+{"id":10,"first_name":"Angeli","last_name":"Bounde","email":"abounde9@ning.com","gender":"Male","city":"Mirpur Khas"},
+{"id":11,"first_name":"Ettie","last_name":"Ech","email":"eecha@jigsy.com","gender":"Female","city":"Wucheng"},
+{"id":12,"first_name":"Trace","last_name":"Haglington","email":"thaglingtonb@51.la","gender":"Male","city":"Mtsensk"},
+{"id":13,"first_name":"Lavena","last_name":"Gurnay","email":"lgurnayc@mlb.com","gender":"Female","city":"Zhanggongmiao"},
+{"id":14,"first_name":"Maribeth","last_name":"Diggin","email":"mdiggind@tripod.com","gender":"Polygender","city":"Digdig"},
+{"id":15,"first_name":"Nichole","last_name":"Ellcock","email":"nellcocke@elegantthemes.com","gender":"Female","city":"Tuanjie"},
+{"id":16,"first_name":"Frasquito","last_name":"Martill","email":"fmartillf@japanpost.jp","gender":"Male","city":"Tân Việt"},
+{"id":17,"first_name":"Sylvia","last_name":"Lansdale","email":"slansdaleg@loc.gov","gender":"Female","city":"Uren’"},
+{"id":18,"first_name":"Toinette","last_name":"Burren","email":"tburrenh@redcross.org","gender":"Female","city":"Sungai Raya"},
+{"id":19,"first_name":"Daria","last_name":"Eden","email":"dedeni@oaic.gov.au","gender":"Female","city":"Norrköping"},
+{"id":20,"first_name":"Adore","last_name":"Cockshott","email":"acockshottj@wikimedia.org","gender":"Female","city":"Tonj"},
+{"id":21,"first_name":"Jobyna","last_name":"Langmaid","email":"jlangmaidk@simplemachines.org","gender":"Female","city":"Al Qurayn"},
+{"id":22,"first_name":"Aldis","last_name":"Davydkov","email":"adavydkovl@icq.com","gender":"Male","city":"Shuanglongchang"},
+{"id":23,"first_name":"Ben","last_name":"Bethell","email":"bbethellm@cdc.gov","gender":"Male","city":"Gotse Delchev"},
+{"id":24,"first_name":"Ulric","last_name":"Aspinwall","email":"uaspinwalln@hibu.com","gender":"Male","city":"Central"},
+{"id":25,"first_name":"Gabbie","last_name":"Renny","email":"grennyo@163.com","gender":"Male","city":"Sarmanovo"},
+{"id":26,"first_name":"Tybie","last_name":"Shippam","email":"tshippamp@va.gov","gender":"Female","city":"Tifni"},
+{"id":27,"first_name":"Bartolemo","last_name":"Legen","email":"blegenq@techcrunch.com","gender":"Male","city":"Vanderhoof"},
+{"id":28,"first_name":"Cecilia","last_name":"Tarbath","email":"ctarbathr@joomla.org","gender":"Female","city":"Biscoitos"},
+{"id":29,"first_name":"Ambrosi","last_name":"Ferreiro","email":"aferreiros@adobe.com","gender":"Male","city":"Qorovulbozor Shahri"},
+{"id":30,"first_name":"Jody","last_name":"Wickmann","email":"jwickmannt@va.gov","gender":"Genderfluid","city":"Palumbungan"},
+{"id":31,"first_name":"Aeriell","last_name":"Aberdein","email":"aaberdeinu@lycos.com","gender":"Genderqueer","city":"Shishi"},
+{"id":32,"first_name":"Normy","last_name":"Jakobsson","email":"njakobssonv@phoca.cz","gender":"Bigender","city":"Falun"},
+{"id":33,"first_name":"Adan","last_name":"Crus","email":"acrusw@netlog.com","gender":"Female","city":"Pobé"},
+{"id":34,"first_name":"Maddalena","last_name":"Lishman","email":"mlishmanx@salon.com","gender":"Female","city":"Sidaharja"},
+{"id":35,"first_name":"Rozalin","last_name":"Devall","email":"rdevally@spotify.com","gender":"Female","city":"Stare Miasto"},
+{"id":36,"first_name":"Yasmin","last_name":"Bossingham","email":"ybossinghamz@cdc.gov","gender":"Genderqueer","city":"Gadingrejo"},
+{"id":37,"first_name":"Catina","last_name":"Salla","email":"csalla10@hud.gov","gender":"Female","city":"Bershet’"},
+{"id":38,"first_name":"Ryon","last_name":"Breslau","email":"rbreslau11@wired.com","gender":"Male","city":"Keswick"},
+{"id":39,"first_name":"Sal","last_name":"Malone","email":"smalone12@nature.com","gender":"Female","city":"Larangan"},
+{"id":40,"first_name":"Torrence","last_name":"Garth","email":"tgarth13@dropbox.com","gender":"Male","city":"Lidingö"},
+{"id":41,"first_name":"Dre","last_name":"Prewer","email":"dprewer14@patch.com","gender":"Female","city":"Huandiqiao"},
+{"id":42,"first_name":"Shurwood","last_name":"Gyngyll","email":"sgyngyll15@google.co.jp","gender":"Male","city":"Kambove"},
+{"id":43,"first_name":"Laural","last_name":"Ioselev","email":"lioselev16@ycombinator.com","gender":"Female","city":"Pitogo"},
+{"id":44,"first_name":"Rozelle","last_name":"Moncrefe","email":"rmoncrefe17@wikimedia.org","gender":"Female","city":"Sanhe"},
+{"id":45,"first_name":"Rudy","last_name":"Testo","email":"rtesto18@storify.com","gender":"Male","city":"Darungan Lor"},
+{"id":46,"first_name":"Vincents","last_name":"Winkett","email":"vwinkett19@wunderground.com","gender":"Male","city":"Cimara"},
+{"id":47,"first_name":"Berkly","last_name":"Crannis","email":"bcrannis1a@businessinsider.com","gender":"Male","city":"Era"},
+{"id":48,"first_name":"Billie","last_name":"Kinver","email":"bkinver1b@github.com","gender":"Female","city":"Vĩnh Tường"},
+{"id":49,"first_name":"Cully","last_name":"McVee","email":"cmcvee1c@jigsy.com","gender":"Male","city":"Purda"},
+{"id":50,"first_name":"Rube","last_name":"McKerron","email":"rmckerron1d@artisteer.com","gender":"Male","city":"Lunenburg"},
+{"id":51,"first_name":"Christoffer","last_name":"Blankman","email":"cblankman1e@dailymail.co.uk","gender":"Male","city":"Bijelo Polje"},
+{"id":52,"first_name":"Josefa","last_name":"Claxson","email":"jclaxson1f@sogou.com","gender":"Female","city":"Esperanza"},
+{"id":53,"first_name":"Pat","last_name":"Pinchon","email":"ppinchon1g@livejournal.com","gender":"Male","city":"Shilaoren"},
+{"id":54,"first_name":"Kinsley","last_name":"Wolstenholme","email":"kwolstenholme1h@deliciousdays.com","gender":"Male","city":"La Cruz"},
+{"id":55,"first_name":"Martha","last_name":"Fishbourne","email":"mfishbourne1i@engadget.com","gender":"Female","city":"Yepocapa"},
+{"id":56,"first_name":"Binky","last_name":"Hollyer","email":"bhollyer1j@webs.com","gender":"Bigender","city":"Viking"},
+{"id":57,"first_name":"Norean","last_name":"Jaycox","email":"njaycox1k@mapy.cz","gender":"Genderfluid","city":"Kepahiang"},
+{"id":58,"first_name":"Francois","last_name":"Witchard","email":"fwitchard1l@seattletimes.com","gender":"Male","city":"Araçatuba"},
+{"id":59,"first_name":"Gordy","last_name":"Adelsberg","email":"gadelsberg1m@creativecommons.org","gender":"Male","city":"Lukolela"},
+{"id":60,"first_name":"Babara","last_name":"Landsbury","email":"blandsbury1n@is.gd","gender":"Female","city":"Esuk Oron"},
+{"id":61,"first_name":"Ruby","last_name":"Posse","email":"rposse1o@unc.edu","gender":"Female","city":"Ramanavichy"},
+{"id":62,"first_name":"Roobbie","last_name":"Brookes","email":"rbrookes1p@va.gov","gender":"Female","city":"Villanueva"},
+{"id":63,"first_name":"Richardo","last_name":"McKeran","email":"rmckeran1q@sitemeter.com","gender":"Polygender","city":"Meilin"},
+{"id":64,"first_name":"Jany","last_name":"Heasly","email":"jheasly1r@salon.com","gender":"Female","city":"Kuhmalahti"},
+{"id":65,"first_name":"Clotilda","last_name":"Dyball","email":"cdyball1s@mapquest.com","gender":"Female","city":"Machachi"},
+{"id":66,"first_name":"Eartha","last_name":"Benzie","email":"ebenzie1t@unicef.org","gender":"Female","city":"Belyayevka"},
+{"id":67,"first_name":"Massimo","last_name":"Bodd","email":"mbodd1u@businessweek.com","gender":"Male","city":"Lere"},
+{"id":68,"first_name":"Bendick","last_name":"Arthars","email":"barthars1v@chronoengine.com","gender":"Male","city":"Martil"},
+{"id":69,"first_name":"Ingemar","last_name":"Willox","email":"iwillox1w@cbslocal.com","gender":"Male","city":"Saint-Bruno"},
+{"id":70,"first_name":"Raddy","last_name":"Summerill","email":"rsummerill1x@nature.com","gender":"Male","city":"Laško"},
+{"id":71,"first_name":"Suzy","last_name":"Freke","email":"sfreke1y@wordpress.com","gender":"Female","city":"Krynice"},
+{"id":72,"first_name":"Obadias","last_name":"Finnes","email":"ofinnes1z@ox.ac.uk","gender":"Male","city":"Gedongmulyo"},
+{"id":73,"first_name":"Fredra","last_name":"Linay","email":"flinay20@intel.com","gender":"Female","city":"Tādif"},
+{"id":74,"first_name":"Rozelle","last_name":"Gostick","email":"rgostick21@last.fm","gender":"Female","city":"Xiaohenglong"},
+{"id":75,"first_name":"Joleen","last_name":"Marrian","email":"jmarrian22@nbcnews.com","gender":"Female","city":"‘Afak"},
+{"id":76,"first_name":"Townie","last_name":"Cattlemull","email":"tcattlemull23@lulu.com","gender":"Male","city":"Skaramangás"},
+{"id":77,"first_name":"Sosanna","last_name":"Airy","email":"sairy24@fastcompany.com","gender":"Female","city":"Sevilla"},
+{"id":78,"first_name":"Ulrich","last_name":"De Mattei","email":"udemattei25@tinyurl.com","gender":"Male","city":"Juarez"},
+{"id":79,"first_name":"Tabb","last_name":"Pether","email":"tpether26@ovh.net","gender":"Male","city":"Ourovéni"},
+{"id":80,"first_name":"Collie","last_name":"Roadnight","email":"croadnight27@icq.com","gender":"Female","city":"Lintingkou"},
+{"id":81,"first_name":"Freddy","last_name":"Douthwaite","email":"fdouthwaite28@intel.com","gender":"Male","city":"Datong"},
+{"id":82,"first_name":"Barry","last_name":"Peery","email":"bpeery29@sina.com.cn","gender":"Male","city":"Xiayunling"},
+{"id":83,"first_name":"Chryste","last_name":"Biggs","email":"cbiggs2a@tumblr.com","gender":"Female","city":"Tanjung Palas"},
+{"id":84,"first_name":"Maurene","last_name":"Tatham","email":"mtatham2b@altervista.org","gender":"Female","city":"Daba"},
+{"id":85,"first_name":"Therese","last_name":"Ithell","email":"tithell2c@adobe.com","gender":"Non-binary","city":"Nikitinskiy"},
+{"id":86,"first_name":"Marlowe","last_name":"Zettoi","email":"mzettoi2d@rakuten.co.jp","gender":"Male","city":"Itaí"},
+{"id":87,"first_name":"Bethina","last_name":"Arndtsen","email":"barndtsen2e@uol.com.br","gender":"Polygender","city":"Laranjeiras"},
+{"id":88,"first_name":"Davie","last_name":"Iglesia","email":"diglesia2f@facebook.com","gender":"Male","city":"Robīt"},
+{"id":89,"first_name":"Tiffanie","last_name":"Welchman","email":"twelchman2g@yahoo.co.jp","gender":"Female","city":"Budapest"},
+{"id":90,"first_name":"Remus","last_name":"Zimmermeister","email":"rzimmermeister2h@wikipedia.org","gender":"Male","city":"Karnobat"},
+{"id":91,"first_name":"Lotti","last_name":"Arnall","email":"larnall2i@redcross.org","gender":"Female","city":"Sidu"},
+{"id":92,"first_name":"Tildi","last_name":"Chorlton","email":"tchorlton2j@freewebs.com","gender":"Female","city":"Skála"},
+{"id":93,"first_name":"Hogan","last_name":"Gwyllt","email":"hgwyllt2k@tripadvisor.com","gender":"Male","city":"Echarate"},
+{"id":94,"first_name":"Nanci","last_name":"Ansteys","email":"nansteys2l@umn.edu","gender":"Female","city":"Hezhi"},
+{"id":95,"first_name":"Katha","last_name":"Casson","email":"kcasson2m@dagondesign.com","gender":"Female","city":"Bailizhou"},
+{"id":96,"first_name":"Orson","last_name":"Aberkirdo","email":"oaberkirdo2n@yahoo.com","gender":"Male","city":"Bačka Topola"},
+{"id":97,"first_name":"Jenda","last_name":"Danilenko","email":"jdanilenko2o@php.net","gender":"Female","city":"Stamford"},
+{"id":98,"first_name":"Eugene","last_name":"Waterfall","email":"ewaterfall2p@ted.com","gender":"Male","city":"Satuek"},
+{"id":99,"first_name":"Ondrea","last_name":"Bernardez","email":"obernardez2q@google.com.au","gender":"Female","city":"Smołdzino"},
+{"id":100,"first_name":"Shepperd","last_name":"Simao","email":"ssimao2r@github.com","gender":"Male","city":"Detusoko"}]

package/dist/internal/mocks/types.d.ts

@@ -0,0 +1,2 @@
+import data from './MOCK_DATA.json';
+export type MockDataItem = (typeof data)[number];

package/dist/internal/mocks/types.js

@@ -0,0 +1 @@
+import data from './MOCK_DATA.json' with { type: 'json' };

package/dist/internal/mocks/utils.d.ts

@@ -0,0 +1,16 @@
+import type { MockDataItem } from './types.js';
+export interface FetchParams {
+    page?: number;
+    limit?: number;
+    sort_order?: 'asc' | 'desc';
+    sort_by?: keyof MockDataItem;
+}
+export interface FetchResponse {
+    data: MockDataItem[];
+    total: number;
+    page: number;
+    limit: number;
+    totalPages: number;
+}
+export declare const promiseData: () => Promise<unknown>;
+export declare const fetchMockData: ({ page, limit, sort_order, sort_by, }?: FetchParams) => Promise<FetchResponse>;

package/dist/internal/mocks/utils.js

@@ -0,0 +1,37 @@
+import data from './MOCK_DATA.json' with { type: 'json' };
+export const promiseData = () => {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve(data);
+        }, 1000);
+    });
+};
+export const fetchMockData = ({ page = 1, limit = 10, sort_order = 'asc', sort_by, } = {}) => {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            let result = [...data];
+            if (sort_by) {
+                result.sort((a, b) => {
+                    const valA = a[sort_by];
+                    const valB = b[sort_by];
+                    if (typeof valA === 'number' && typeof valB === 'number') {
+                        return sort_order === 'asc' ? valA - valB : valB - valA;
+                    }
+                    const strA = String(valA).toLowerCase();
+                    const strB = String(valB).toLowerCase();
+                    const comparison = strA.localeCompare(strB);
+                    return sort_order === 'asc' ? comparison : -comparison;
+                });
+            }
+            const start = (page - 1) * limit;
+            const paginated = result.slice(start, start + limit);
+            resolve({
+                data: paginated,
+                total: data.length,
+                page,
+                limit,
+                totalPages: Math.ceil(data.length / limit),
+            });
+        }, 2000);
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.10.3",
+  "version": "1.10.4",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",

package/dist/internal/mocks/data-table.d.ts

@@ -1,9 +0,0 @@
-export declare const MOCK_DATA_TABLE: {
-    id: number;
-    first_name: string;
-    last_name: string;
-    email: string;
-    gender: string;
-    ip_address: string;
-    Bank: string;
-}[];

package/dist/internal/mocks/data-table.js

@@ -1,146 +0,0 @@
-export const MOCK_DATA_TABLE = [
-    {
-        id: 1,
-        first_name: 'Malissia',
-        last_name: 'Addy',
-        email: 'maddy0@de.vu',
-        gender: 'Female',
-        ip_address: '43.68.51.116',
-        Bank: 'DE',
-    },
-    {
-        id: 2,
-        first_name: 'Damita',
-        last_name: 'Straughan',
-        email: 'dstraughan1@usnews.com',
-        gender: 'Female',
-        ip_address: '238.67.96.239',
-        Bank: 'US',
-    },
-    {
-        id: 3,
-        first_name: 'Paulette',
-        last_name: 'Rabbe',
-        email: 'prabbe2@nbcnews.com',
-        gender: 'Female',
-        ip_address: '128.249.122.73',
-        Bank: 'FR',
-    },
-    {
-        id: 4,
-        first_name: 'Nariko',
-        last_name: 'Waddam',
-        email: 'nwaddam3@geocities.jp',
-        gender: 'Female',
-        ip_address: '124.56.149.7',
-        Bank: 'US',
-    },
-    {
-        id: 5,
-        first_name: 'Dianna',
-        last_name: 'Moorcraft',
-        email: 'dmoorcraft4@slate.com',
-        gender: 'Bigender',
-        ip_address: '148.209.188.127',
-        Bank: 'US',
-    },
-    {
-        id: 6,
-        first_name: 'Dall',
-        last_name: 'Pither',
-        email: 'dpither5@ezinearticles.com',
-        gender: 'Male',
-        ip_address: '36.167.238.151',
-        Bank: 'US',
-    },
-    {
-        id: 7,
-        first_name: 'Shurlock',
-        last_name: 'Prall',
-        email: 'sprall6@google.es',
-        gender: 'Male',
-        ip_address: '20.242.10.212',
-        Bank: 'PL',
-    },
-    {
-        id: 8,
-        first_name: 'Trenna',
-        last_name: 'Hartopp',
-        email: 'thartopp7@admin.ch',
-        gender: 'Female',
-        ip_address: '182.114.18.31',
-        Bank: 'AT',
-    },
-    {
-        id: 9,
-        first_name: 'Diena',
-        last_name: 'Franckton',
-        email: 'dfranckton8@alexa.com',
-        gender: 'Female',
-        ip_address: '104.28.228.192',
-        Bank: 'DE',
-    },
-    {
-        id: 10,
-        first_name: 'Alfonso',
-        last_name: 'Amps',
-        email: 'aamps9@a8.net',
-        gender: 'Male',
-        ip_address: '30.142.173.108',
-        Bank: 'IE',
-    },
-    {
-        id: 11,
-        first_name: 'Kaiser',
-        last_name: 'Chadwell',
-        email: 'kchadwella@state.gov',
-        gender: 'Male',
-        ip_address: '142.228.205.126',
-        Bank: 'US',
-    },
-    {
-        id: 12,
-        first_name: 'Farrand',
-        last_name: 'Micklem',
-        email: 'fmicklemb@nyu.edu',
-        gender: 'Female',
-        ip_address: '200.225.126.182',
-        Bank: 'US',
-    },
-    {
-        id: 13,
-        first_name: 'Bebe',
-        last_name: 'Sleightholm',
-        email: 'bsleightholmc@linkedin.com',
-        gender: 'Female',
-        ip_address: '135.114.24.235',
-        Bank: 'US',
-    },
-    {
-        id: 14,
-        first_name: 'Zelma',
-        last_name: 'Shapcott',
-        email: 'zshapcottd@theguardian.com',
-        gender: 'Female',
-        ip_address: '150.185.115.144',
-        Bank: 'US',
-    },
-    {
-        id: 15,
-        first_name: 'Glenna',
-        last_name: 'Harpur',
-        email: 'gharpure@jigsy.com',
-        gender: 'Female',
-        ip_address: '118.161.247.224',
-        Bank: 'US',
-    },
-    {
-        id: 16,
-        first_name: 'Brigida',
-        last_name: 'Bemrose',
-        email: 'bbemrosef@ow.ly',
-        gender: 'Female',
-        ip_address: '136.222.10.10',
-        Bank: 'US',
-    },
-];