@skeletonlabs/skeleton-svelte 4.1.0 → 4.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/date-picker/anatomy/next-trigger.svelte +1 -1
  2. package/dist/components/date-picker/anatomy/prev-trigger.svelte +1 -1
  3. package/dist/components/date-picker/anatomy/table-body.svelte +1 -1
  4. package/dist/components/date-picker/anatomy/table-cell-trigger.svelte +12 -11
  5. package/dist/components/date-picker/anatomy/table-cell.svelte +12 -11
  6. package/dist/components/date-picker/anatomy/table-head.svelte +1 -1
  7. package/dist/components/date-picker/anatomy/table-header.svelte +1 -1
  8. package/dist/components/date-picker/anatomy/table-row.svelte +1 -1
  9. package/dist/components/date-picker/anatomy/table.svelte +1 -1
  10. package/dist/components/date-picker/anatomy/view-control.svelte +1 -1
  11. package/dist/components/date-picker/anatomy/view-trigger.svelte +1 -1
  12. package/dist/components/date-picker/anatomy/view.svelte +2 -2
  13. package/dist/components/date-picker/anatomy/view.svelte.d.ts +1 -1
  14. package/dist/components/date-picker/modules/view-context.d.ts +2 -2
  15. package/dist/components/toast/anatomy/root.svelte +0 -2
  16. package/package.json +30 -30
package/dist/components/date-picker/anatomy/next-trigger.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  const attributes = $derived(
23
23
  mergeProps(
24
- datePicker().getNextTriggerProps(viewProps()),
24
+ datePicker().getNextTriggerProps(viewProps?.()),
25
25
  {
26
26
  class: classesDatePicker.nextTrigger,
27
27
  },
package/dist/components/date-picker/anatomy/prev-trigger.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  const attributes = $derived(
23
23
  mergeProps(
24
- datePicker().getPrevTriggerProps(viewProps()),
24
+ datePicker().getPrevTriggerProps(viewProps?.()),
25
25
  {
26
26
  class: classesDatePicker.prevTrigger,
27
27
  },
package/dist/components/date-picker/anatomy/table-body.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getTableBodyProps(viewProps()),
23
+ datePicker().getTableBodyProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.tableBody,
26
26
  },
package/dist/components/date-picker/anatomy/table-cell-trigger.svelte CHANGED
@@ -21,21 +21,22 @@
21
21
 
22
22
  const { element, children, ...rest } = $derived(props);
23
23
 
24
- function getTableCellTriggerProps(tableCellProps: TableCellProps) {
25
- switch (viewProps().view) {
26
- case 'day':
27
- // @ts-expect-error value is number filter
28
- return datePicker().getDayTableCellTriggerProps(tableCellProps);
29
- case 'month':
30
- return datePicker().getMonthTableCellTriggerProps(tableCellProps);
31
- case 'year':
32
- return datePicker().getYearTableCellTriggerProps(tableCellProps);
24
+ const refinedTableCellProps = $derived.by(() => {
25
+ const view = viewProps?.()?.view;
26
+ if (!view) {
27
+ return {};
33
28
  }
34
- }
29
+ return {
30
+ day: datePicker().getDayTableCellTriggerProps,
31
+ month: datePicker().getMonthTableCellTriggerProps,
32
+ year: datePicker().getYearTableCellTriggerProps,
33
+ // @ts-expect-error number === DateValue
34
+ }[view](tableCellProps());
35
+ });
35
36
 
36
37
  const attributes = $derived(
37
38
  mergeProps(
38
- getTableCellTriggerProps(tableCellProps() as TableCellProps),
39
+ refinedTableCellProps,
39
40
  {
40
41
  class: classesDatePicker.tableCellTrigger,
41
42
  },
package/dist/components/date-picker/anatomy/table-cell.svelte CHANGED
@@ -31,21 +31,22 @@
31
31
  );
32
32
  const { element, children, ...rest } = $derived(componentProps);
33
33
 
34
- function getTableCellProps(tableCellProps: TableCellProps) {
35
- switch (viewProps().view) {
36
- case 'day':
37
- // @ts-expect-error value is number filter
38
- return datePicker().getDayTableCellProps(tableCellProps);
39
- case 'month':
40
- return datePicker().getMonthTableCellProps(tableCellProps);
41
- case 'year':
42
- return datePicker().getYearTableCellProps(tableCellProps);
34
+ const refinedTableCellProps = $derived.by(() => {
35
+ const view = viewProps?.()?.view;
36
+ if (!view) {
37
+ return {};
43
38
  }
44
- }
39
+ return {
40
+ day: datePicker().getDayTableCellProps,
41
+ month: datePicker().getMonthTableCellProps,
42
+ year: datePicker().getYearTableCellProps,
43
+ // @ts-expect-error number === DateValue
44
+ }[view](tableCellProps);
45
+ });
45
46
 
46
47
  const attributes = $derived(
47
48
  mergeProps(
48
- getTableCellProps(tableCellProps as TableCellProps),
49
+ refinedTableCellProps,
49
50
  {
50
51
  class: classesDatePicker.tableCell,
51
52
  },
package/dist/components/date-picker/anatomy/table-head.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getTableHeadProps(viewProps()),
23
+ datePicker().getTableHeadProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.tableHead,
26
26
  },
package/dist/components/date-picker/anatomy/table-header.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getTableHeaderProps(viewProps()),
23
+ datePicker().getTableHeaderProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.tableHeader,
26
26
  },
package/dist/components/date-picker/anatomy/table-row.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getTableRowProps(viewProps()),
23
+ datePicker().getTableRowProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.tableRow,
26
26
  },
package/dist/components/date-picker/anatomy/table.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getTableProps(viewProps()),
23
+ datePicker().getTableProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.table,
26
26
  },
package/dist/components/date-picker/anatomy/view-control.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getViewControlProps(viewProps()),
23
+ datePicker().getViewControlProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.viewControl,
26
26
  },
package/dist/components/date-picker/anatomy/view-trigger.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  const attributes = $derived(
22
22
  mergeProps(
23
- datePicker().getViewTriggerProps(viewProps()),
23
+ datePicker().getViewTriggerProps(viewProps?.()),
24
24
  {
25
25
  class: classesDatePicker.viewTrigger,
26
26
  },
package/dist/components/date-picker/anatomy/view.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  import type { PropsWithElement } from '../../../internal/props-with-element';
4
4
  import type { ViewProps } from '@zag-js/date-picker';
5
5
 
6
- export interface DatePickerViewProps extends Required<ViewProps>, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
6
+ export interface DatePickerViewProps extends ViewProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
7
7
  </script>
8
8
 
9
9
  <script lang="ts">
@@ -17,7 +17,7 @@
17
17
 
18
18
  const datePicker = RootContext.consume();
19
19
 
20
- const [viewProps, componentProps] = $derived(splitViewProps(props) as [Required<ViewProps>, Omit<DatePickerViewProps, keyof ViewProps>]);
20
+ const [viewProps, componentProps] = $derived(splitViewProps(props));
21
21
  const { element, children, ...rest } = $derived(componentProps);
22
22
 
23
23
  const attributes = $derived(
package/dist/components/date-picker/anatomy/view.svelte.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { HTMLAttributes } from '../../../internal/html-attributes';
2
2
  import type { PropsWithElement } from '../../../internal/props-with-element';
3
3
  import type { ViewProps } from '@zag-js/date-picker';
4
- export interface DatePickerViewProps extends Required<ViewProps>, PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
+ export interface DatePickerViewProps extends ViewProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
5
5
  }
6
6
  declare const View: import("svelte").Component<DatePickerViewProps, {}, "">;
7
7
  type View = ReturnType<typeof View>;
package/dist/components/date-picker/modules/view-context.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { ViewProps } from '@zag-js/date-picker';
2
2
  export declare const ViewContext: {
3
3
  key: symbol;
4
- consume(): () => Required<ViewProps>;
5
- provide(value: () => Required<ViewProps>): () => Required<ViewProps>;
4
+ consume(): (() => ViewProps) | undefined;
5
+ provide(value: (() => ViewProps) | undefined): (() => ViewProps) | undefined;
6
6
  };
7
7
  //# sourceMappingURL=view-context.d.ts.map
package/dist/components/toast/anatomy/root.svelte CHANGED
@@ -21,10 +21,8 @@
21
21
 
22
22
  const { element, children, toast: toastProps, ...rest } = $derived(props);
23
23
 
24
- const id = $props.id();
25
24
  const service = useMachine(machine, () => ({
26
25
  ...toastProps,
27
- id: id,
28
26
  parent: group(),
29
27
  }));
30
28
  const toast = $derived(connect(service, normalizeProps));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-svelte",
3
- "version": "4.1.0",
3
+ "version": "4.1.2",
4
4
  "description": "The Svelte package for Skeleton.",
5
5
  "author": "endigo9740 <chris@skeletonlabs.dev>",
6
6
  "repository": {
@@ -22,47 +22,47 @@
22
22
  ],
23
23
  "sideEffects": false,
24
24
  "dependencies": {
25
- "@zag-js/accordion": "1.26.1",
26
- "@zag-js/avatar": "1.26.1",
27
- "@zag-js/collapsible": "1.26.1",
28
- "@zag-js/collection": "1.26.1",
29
- "@zag-js/combobox": "1.26.1",
30
- "@zag-js/date-picker": "1.26.1",
31
- "@zag-js/dialog": "1.26.1",
32
- "@zag-js/file-upload": "1.26.1",
33
- "@zag-js/listbox": "1.26.1",
34
- "@zag-js/pagination": "1.26.1",
35
- "@zag-js/popover": "1.26.1",
36
- "@zag-js/progress": "1.26.1",
37
- "@zag-js/radio-group": "1.26.1",
38
- "@zag-js/rating-group": "1.26.1",
39
- "@zag-js/slider": "1.26.1",
40
- "@zag-js/svelte": "1.26.1",
41
- "@zag-js/switch": "1.26.1",
42
- "@zag-js/tabs": "1.26.1",
43
- "@zag-js/tags-input": "1.26.1",
44
- "@zag-js/toast": "1.26.1",
45
- "@zag-js/toggle-group": "1.26.1",
46
- "@zag-js/tooltip": "1.26.1",
47
- "@zag-js/tree-view": "1.26.1",
48
- "@skeletonlabs/skeleton-common": "4.1.0"
25
+ "@zag-js/accordion": "1.26.3",
26
+ "@zag-js/avatar": "1.26.3",
27
+ "@zag-js/collapsible": "1.26.3",
28
+ "@zag-js/collection": "1.26.3",
29
+ "@zag-js/combobox": "1.26.3",
30
+ "@zag-js/date-picker": "1.26.3",
31
+ "@zag-js/dialog": "1.26.3",
32
+ "@zag-js/file-upload": "1.26.3",
33
+ "@zag-js/listbox": "1.26.3",
34
+ "@zag-js/pagination": "1.26.3",
35
+ "@zag-js/popover": "1.26.3",
36
+ "@zag-js/progress": "1.26.3",
37
+ "@zag-js/radio-group": "1.26.3",
38
+ "@zag-js/rating-group": "1.26.3",
39
+ "@zag-js/slider": "1.26.3",
40
+ "@zag-js/svelte": "1.26.3",
41
+ "@zag-js/switch": "1.26.3",
42
+ "@zag-js/tabs": "1.26.3",
43
+ "@zag-js/tags-input": "1.26.3",
44
+ "@zag-js/toast": "1.26.3",
45
+ "@zag-js/toggle-group": "1.26.3",
46
+ "@zag-js/tooltip": "1.26.3",
47
+ "@zag-js/tree-view": "1.26.3",
48
+ "@skeletonlabs/skeleton-common": "4.1.2"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "svelte": "^5.29.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@sveltejs/kit": "2.46.5",
54
+ "@sveltejs/kit": "2.47.1",
55
55
  "@sveltejs/package": "2.5.4",
56
56
  "@sveltejs/vite-plugin-svelte": "6.2.1",
57
57
  "@testing-library/jest-dom": "6.9.1",
58
58
  "@testing-library/svelte": "5.2.8",
59
- "jsdom": "27.0.0",
60
- "svelte": "5.39.12",
59
+ "jsdom": "27.0.1",
60
+ "svelte": "5.41.0",
61
61
  "svelte-check": "4.3.3",
62
62
  "typescript": "5.9.3",
63
- "vite": "7.1.9",
63
+ "vite": "7.1.10",
64
64
  "vitest": "3.2.4",
65
- "@skeletonlabs/skeleton": "4.1.0"
65
+ "@skeletonlabs/skeleton": "4.1.2"
66
66
  },
67
67
  "license": "MIT",
68
68
  "type": "module",