@likable-hair/svelte 4.0.1 → 4.0.3

package/dist/components/composed/forms/AsyncAutocomplete.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>export {};
 </script>
 
-<script lang="ts">import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
+<script lang="ts" generics="Data">import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
 import debounceStore from "../../../stores/debounce";
 import { writable } from 'svelte/store';
 let { items = [], values = [], multiple = false, searcher, placeholder, searchThreshold = 2, debounceTimeout = 500, searching = false, search = false, searchText, maxVisibleChips, menuOpened = false, mobileDrawer = false, closeOnSelect = false, disabled = false, chipLabelSnippet, itemLabelSnippet, onchange, } = $props();

package/dist/components/composed/forms/AsyncAutocomplete.svelte.d.ts

@@ -1,29 +1,50 @@
 import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
 export type { Item };
-import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
-import type { ComponentProps } from "svelte";
-interface Props {
-    items: Item[];
-    values?: Item[];
-    multiple?: boolean;
-    searcher: (params: {
-        searchText: string;
-    }) => Promise<Item[]>;
-    placeholder?: string;
-    searchThreshold?: number;
-    debounceTimeout?: number;
-    searching?: boolean;
-    search?: boolean;
-    searchText?: string;
-    maxVisibleChips?: number;
-    menuOpened?: boolean;
-    mobileDrawer?: boolean;
-    closeOnSelect?: boolean;
-    disabled?: boolean;
-    chipLabelSnippet?: ComponentProps<typeof Autocomplete>['chipLabelSnippet'];
-    itemLabelSnippet?: ComponentProps<typeof Autocomplete>['itemLabelSnippet'];
-    onchange?: ComponentProps<typeof Autocomplete>['onchange'];
+declare class __sveltets_Render<Data> {
+    props(): {
+        items: Item<Data>[];
+        values?: Item<Data>[] | undefined;
+        multiple?: boolean;
+        searcher: (params: {
+            searchText: string;
+        }) => Promise<Item<Data>[]>;
+        placeholder?: string;
+        searchThreshold?: number;
+        debounceTimeout?: number;
+        searching?: boolean;
+        search?: boolean;
+        searchText?: string;
+        maxVisibleChips?: number;
+        menuOpened?: boolean;
+        mobileDrawer?: boolean;
+        closeOnSelect?: boolean;
+        disabled?: boolean;
+        chipLabelSnippet?: import("svelte").Snippet<[{
+            selection: Item<Data>;
+        }]> | undefined;
+        itemLabelSnippet?: import("svelte").Snippet<[{
+            item: Item<Data>;
+        }]> | undefined;
+        onchange?: ((event: {
+            detail: {
+                unselect: Item<Data> | undefined;
+                select: Item<Data> | undefined;
+                selection: Item<Data>[];
+            };
+        }) => void) | undefined;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
 }
-declare const AsyncAutocomplete: import("svelte").Component<Props, {}, "">;
-type AsyncAutocomplete = ReturnType<typeof AsyncAutocomplete>;
+interface $$IsomorphicComponent {
+    new <Data>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Data>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Data>['props']>, ReturnType<__sveltets_Render<Data>['events']>, ReturnType<__sveltets_Render<Data>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Data>['bindings']>;
+    } & ReturnType<__sveltets_Render<Data>['exports']>;
+    <Data>(internal: unknown, props: ReturnType<__sveltets_Render<Data>['props']> & {}): ReturnType<__sveltets_Render<Data>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const AsyncAutocomplete: $$IsomorphicComponent;
+type AsyncAutocomplete<Data> = InstanceType<typeof AsyncAutocomplete<Data>>;
 export default AsyncAutocomplete;

package/dist/components/composed/list/PaginatedTable.svelte

@@ -8,7 +8,7 @@ import {} from "svelte";
 import Filters from "../search/Filters.svelte";
 import SearchBar from "../search/SearchBar.svelte";
 import Converter from "../../../utils/filters/filters";
-let { headers = [], items = [], sortedBy = $bindable(undefined), sortDirection = $bindable('asc'), page = 1, maxPage = undefined, rowsPerPageOptions = [
+let { headers = [], items = [], sortedBy = $bindable(undefined), sortDirection = $bindable('asc'), page = $bindable(1), maxPage = undefined, rowsPerPageOptions = [
     { label: "20", value: 20 },
     { label: "50", value: 50 },
     { label: "100", value: 100 },

package/dist/components/composed/list/PaginatedTable.svelte.d.ts

@@ -138,6 +138,6 @@ declare const PaginatedTable: import("svelte").Component<Omit<{
         maxPage: number | undefined;
         rowsPerPage: number;
     }]>;
-}, {}, "sortedBy" | "sortDirection" | "filters" | "rowsPerPage">;
+}, {}, "page" | "sortedBy" | "sortDirection" | "filters" | "rowsPerPage">;
 type PaginatedTable = ReturnType<typeof PaginatedTable>;
 export default PaginatedTable;

package/dist/components/simple/charts/Bar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { Chart, Tooltip, } from 'chart.js';
 import 'chart.js/auto';
 import 'chartjs-adapter-date-fns';
-let { data = $bindable(), options = $bindable(), resetZoom = $bindable(), ...rest } = $props();
+let { data, options = $bindable(), resetZoom = $bindable(), ...rest } = $props();
 Chart.register(Tooltip);
 let canvasElem, chart;
 $effect(() => {

package/dist/components/simple/charts/Bar.svelte.d.ts

@@ -7,6 +7,6 @@ interface Props extends HTMLCanvasAttributes {
     options: ChartOptions<'bar'>;
     resetZoom?: boolean;
 }
-declare const Bar: import("svelte").Component<Props, {}, "data" | "options" | "resetZoom">;
+declare const Bar: import("svelte").Component<Props, {}, "options" | "resetZoom">;
 type Bar = ReturnType<typeof Bar>;
 export default Bar;

package/dist/components/simple/charts/BarChart.svelte

@@ -104,7 +104,7 @@ let chartOptions = $derived({
 </script>
 
 <Bar
-  bind:data={data}
+  data={data}
   bind:resetZoom
   options={chartOptions}
   width={width}

package/dist/components/simple/charts/Line.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { Chart, Tooltip, } from 'chart.js';
 import 'chart.js/auto';
 import 'chartjs-adapter-date-fns';
-let { data = $bindable(), options = $bindable(), resetZoom = $bindable(), ...rest } = $props();
+let { data, options = $bindable(), resetZoom = $bindable(), ...rest } = $props();
 Chart.register(Tooltip);
 let canvasElem, chart;
 $effect(() => {

package/dist/components/simple/charts/Line.svelte.d.ts

@@ -7,6 +7,6 @@ interface Props extends HTMLCanvasAttributes {
     options: ChartOptions<'line'>;
     resetZoom?: boolean;
 }
-declare const Line: import("svelte").Component<Props, {}, "data" | "options" | "resetZoom">;
+declare const Line: import("svelte").Component<Props, {}, "options" | "resetZoom">;
 type Line = ReturnType<typeof Line>;
 export default Line;

package/dist/components/simple/charts/LineChart.svelte

@@ -90,7 +90,7 @@ let chartOptions = $derived({
 </script>
 
 <Line 
-  bind:data={(data as ComponentProps<typeof Line>['data'])}
+  data={(data as ComponentProps<typeof Line>['data'])}
   options={chartOptions}
   bind:resetZoom
 ></Line>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",