@surdeddd/bottom-sheet 0.23.4 → 0.24.0

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 (80) hide show
  1. package/README.md +513 -527
  2. package/README.ru.md +533 -545
  3. package/dist/{BottomSheetCore-C5tJYVMY.d.cts → BottomSheetCore-B_r4KCQL.d.cts} +48 -13
  4. package/dist/{BottomSheetCore-DxSrC4QC.d.ts → BottomSheetCore-B_r4KCQL.d.ts} +48 -13
  5. package/dist/{BottomSheetEngine-B3F9qukX.d.cts → BottomSheetEngine-0F7mjyvF.d.cts} +1 -1
  6. package/dist/{BottomSheetEngine-BchzgqGG.d.ts → BottomSheetEngine-CJV_DDrM.d.ts} +1 -1
  7. package/dist/core.cjs +810 -436
  8. package/dist/core.d.cts +2 -3
  9. package/dist/core.d.ts +2 -3
  10. package/dist/core.js +810 -436
  11. package/dist/debug.d.cts +0 -1
  12. package/dist/debug.d.ts +0 -1
  13. package/dist/{default-features-DwVTzDwP.d.ts → default-features-4Xwv6aVt.d.ts} +4 -2
  14. package/dist/{default-features-BGiCSmV1.d.cts → default-features-DX2NOxP6.d.cts} +4 -2
  15. package/dist/element.cjs +1421 -697
  16. package/dist/element.d.cts +11 -3
  17. package/dist/element.d.ts +11 -3
  18. package/dist/element.iife.global.js +2 -2
  19. package/dist/element.js +1421 -697
  20. package/dist/features.cjs +334 -190
  21. package/dist/features.d.cts +3 -4
  22. package/dist/features.d.ts +3 -4
  23. package/dist/features.js +334 -191
  24. package/dist/{index-C7TSQkVK.d.cts → index-2shlxhcG.d.cts} +1 -1
  25. package/dist/{index-CdM1tke5.d.ts → index-CNCRQnpc.d.ts} +1 -1
  26. package/dist/index.cjs +1129 -631
  27. package/dist/index.d.cts +11 -6
  28. package/dist/index.d.ts +11 -6
  29. package/dist/index.js +1129 -632
  30. package/dist/integrations/formik.cjs +21 -10
  31. package/dist/integrations/formik.d.cts +0 -1
  32. package/dist/integrations/formik.d.ts +0 -1
  33. package/dist/integrations/formik.js +22 -11
  34. package/dist/integrations/react-hook-form.cjs +21 -12
  35. package/dist/integrations/react-hook-form.d.cts +0 -1
  36. package/dist/integrations/react-hook-form.d.ts +0 -1
  37. package/dist/integrations/react-hook-form.js +21 -12
  38. package/dist/option-keys-DItuAjUw.d.cts +6 -0
  39. package/dist/option-keys-a5DYNwwO.d.ts +6 -0
  40. package/dist/overlay.cjs +386 -189
  41. package/dist/overlay.d.cts +1 -3
  42. package/dist/overlay.d.ts +1 -3
  43. package/dist/overlay.js +386 -189
  44. package/dist/preact.d.cts +3 -4
  45. package/dist/preact.d.ts +3 -4
  46. package/dist/qwik-lib/index.qwik.cjs +1306 -671
  47. package/dist/qwik-lib/index.qwik.mjs +1306 -671
  48. package/dist/qwik.cjs +1326 -701
  49. package/dist/qwik.d.cts +12 -30
  50. package/dist/qwik.d.ts +12 -30
  51. package/dist/qwik.js +1326 -701
  52. package/dist/react.cjs +1373 -750
  53. package/dist/react.d.cts +26 -12
  54. package/dist/react.d.ts +26 -12
  55. package/dist/react.js +1375 -752
  56. package/dist/solid.cjs +1332 -727
  57. package/dist/solid.d.cts +13 -438
  58. package/dist/solid.d.ts +13 -438
  59. package/dist/solid.js +1334 -729
  60. package/dist/solid.source.jsx +1374 -751
  61. package/dist/styles.css +20 -6
  62. package/dist/svelte-core.cjs +1209 -676
  63. package/dist/svelte-core.js +1207 -677
  64. package/dist/svelte-src/BottomSheet.svelte +101 -58
  65. package/dist/svelte.cjs +1323 -705
  66. package/dist/svelte.d.cts +45 -25
  67. package/dist/svelte.d.ts +45 -25
  68. package/dist/svelte.js +1323 -705
  69. package/dist/vue.cjs +1354 -773
  70. package/dist/vue.d.cts +20 -3
  71. package/dist/vue.d.ts +20 -3
  72. package/dist/vue.js +1354 -773
  73. package/dist/webgl.cjs +38 -7
  74. package/dist/webgl.d.cts +0 -1
  75. package/dist/webgl.d.ts +0 -1
  76. package/dist/webgl.js +38 -7
  77. package/llms.txt +330 -0
  78. package/package.json +41 -19
  79. package/dist/transform-jVfAikE9.d.cts +0 -3
  80. package/dist/transform-jVfAikE9.d.ts +0 -3
package/dist/vue.d.cts CHANGED
@@ -5,6 +5,7 @@ import type {
5
5
  CloseReason,
6
6
  EngineOptions,
7
7
  EngineState,
8
+ PhysicalSheetMode,
8
9
  SheetEventMap,
9
10
  SheetMode,
10
11
  SnapPoint,
@@ -56,6 +57,8 @@ export type UseBottomSheetVueReturn<TId extends string = string> = {
56
57
  recompute: () => void;
57
58
  setScrimColor: (color: string | undefined | null) => void;
58
59
  setBackdropRange: (range: [number, number]) => void;
60
+ setBackdropOpacity: (value: number) => void;
61
+ setBackdropColor: (color: string | undefined | null) => void;
59
62
  setRadius: (r: string | number) => void;
60
63
  setMaxHeight: (h: string | number) => void;
61
64
  expand: () => Promise<void>;
@@ -68,6 +71,9 @@ export type UseBottomSheetVueReturn<TId extends string = string> = {
68
71
  fn: (payload: SheetEventMap[K]) => void,
69
72
  ) => () => void;
70
73
  getEngine: () => BottomSheetEngine | null;
74
+ physicalMode: { value: PhysicalSheetMode };
75
+ restAtStart: "closed" | undefined;
76
+ setMode: (mode: SheetMode) => void;
71
77
  };
72
78
 
73
79
  export function useBottomSheet<TId extends string = string>(
@@ -76,7 +82,14 @@ export function useBottomSheet<TId extends string = string>(
76
82
 
77
83
  export type BottomSheetInstance<TId extends string = string> = Omit<
78
84
  UseBottomSheetVueReturn<TId>,
79
- "sheetRef" | "handleRef" | "contentRef" | "backdropRef" | "screenRef"
85
+ | "sheetRef"
86
+ | "handleRef"
87
+ | "contentRef"
88
+ | "backdropRef"
89
+ | "screenRef"
90
+ | "physicalMode"
91
+ | "restAtStart"
92
+ | "setMode"
80
93
  >;
81
94
 
82
95
  export type VueAnchor<TId extends string = string> = Omit<
@@ -84,11 +97,15 @@ export type VueAnchor<TId extends string = string> = Omit<
84
97
  "element"
85
98
  > & { id: string };
86
99
 
87
- export type BottomSheetProps<TId extends string = string> =
88
- UseBottomSheetVueOptions<TId> & {
100
+ export type BottomSheetProps<TId extends string = string> = Omit<
101
+ UseBottomSheetVueOptions<TId>,
102
+ "onSnap"
103
+ > & {
89
104
  backdrop?: boolean;
90
105
  closeOnBackdrop?: boolean;
91
106
  ariaLabel?: string;
107
+ handleLabel?: string;
108
+ contentLabel?: string;
92
109
  open?: boolean;
93
110
  snap?: TId;
94
111
  teleport?: boolean;
package/dist/vue.d.ts CHANGED
@@ -5,6 +5,7 @@ import type {
5
5
  CloseReason,
6
6
  EngineOptions,
7
7
  EngineState,
8
+ PhysicalSheetMode,
8
9
  SheetEventMap,
9
10
  SheetMode,
10
11
  SnapPoint,
@@ -56,6 +57,8 @@ export type UseBottomSheetVueReturn<TId extends string = string> = {
56
57
  recompute: () => void;
57
58
  setScrimColor: (color: string | undefined | null) => void;
58
59
  setBackdropRange: (range: [number, number]) => void;
60
+ setBackdropOpacity: (value: number) => void;
61
+ setBackdropColor: (color: string | undefined | null) => void;
59
62
  setRadius: (r: string | number) => void;
60
63
  setMaxHeight: (h: string | number) => void;
61
64
  expand: () => Promise<void>;
@@ -68,6 +71,9 @@ export type UseBottomSheetVueReturn<TId extends string = string> = {
68
71
  fn: (payload: SheetEventMap[K]) => void,
69
72
  ) => () => void;
70
73
  getEngine: () => BottomSheetEngine | null;
74
+ physicalMode: { value: PhysicalSheetMode };
75
+ restAtStart: "closed" | undefined;
76
+ setMode: (mode: SheetMode) => void;
71
77
  };
72
78
 
73
79
  export function useBottomSheet<TId extends string = string>(
@@ -76,7 +82,14 @@ export function useBottomSheet<TId extends string = string>(
76
82
 
77
83
  export type BottomSheetInstance<TId extends string = string> = Omit<
78
84
  UseBottomSheetVueReturn<TId>,
79
- "sheetRef" | "handleRef" | "contentRef" | "backdropRef" | "screenRef"
85
+ | "sheetRef"
86
+ | "handleRef"
87
+ | "contentRef"
88
+ | "backdropRef"
89
+ | "screenRef"
90
+ | "physicalMode"
91
+ | "restAtStart"
92
+ | "setMode"
80
93
  >;
81
94
 
82
95
  export type VueAnchor<TId extends string = string> = Omit<
@@ -84,11 +97,15 @@ export type VueAnchor<TId extends string = string> = Omit<
84
97
  "element"
85
98
  > & { id: string };
86
99
 
87
- export type BottomSheetProps<TId extends string = string> =
88
- UseBottomSheetVueOptions<TId> & {
100
+ export type BottomSheetProps<TId extends string = string> = Omit<
101
+ UseBottomSheetVueOptions<TId>,
102
+ "onSnap"
103
+ > & {
89
104
  backdrop?: boolean;
90
105
  closeOnBackdrop?: boolean;
91
106
  ariaLabel?: string;
107
+ handleLabel?: string;
108
+ contentLabel?: string;
92
109
  open?: boolean;
93
110
  snap?: TId;
94
111
  teleport?: boolean;