@juspay/svelte-ui-components 2.1.0 → 2.2.0

package/dist/Carousel/Carousel.svelte

@@ -9,7 +9,7 @@
     showDots = false,
     isScrollableLast = false,
     onkeydown
-  }: CarouselProperties = $props();
+  }: CarouselProperties<Record<string, unknown>> = $props();
 
   let slidesDiv: HTMLDivElement | undefined = $state();
   let intervalId: number;

package/dist/Carousel/Carousel.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CarouselProperties } from './properties';
-declare const Carousel: import("svelte").Component<CarouselProperties, {}, "">;
+declare const Carousel: import("svelte").Component<CarouselProperties<Record<string, unknown>>, {}, "">;
 type Carousel = ReturnType<typeof Carousel>;
 export default Carousel;

package/dist/Carousel/properties.d.ts

@@ -1,9 +1,10 @@
-import type { SvelteComponent } from 'svelte';
-export type CarouselProperties = {
-    views: {
-        properties?: Record<string, unknown>;
-        component: typeof SvelteComponent;
-    }[];
+import type { Component } from 'svelte';
+export type CarouselView<TProps extends Record<string, unknown> = Record<string, unknown>> = {
+    properties?: TProps;
+    component: Component<TProps>;
+};
+export type CarouselProperties<TProps extends Record<string, unknown> = Record<string, unknown>> = {
+    views: CarouselView<TProps>[];
     autoplay?: boolean;
     autoplayInterval?: number;
     showDots?: boolean;

package/dist/InputButton/properties.d.ts

@@ -1,8 +1,10 @@
 import type { ButtonProperties } from '../Button/properties';
 import type { InputProperties } from '../Input/properties';
 import type { Snippet } from 'svelte';
-export type InputButtonProperties = {
+export type InputButtonProperties = OptionalInputButtonProperties & {
     value: string;
+};
+export type OptionalInputButtonProperties = {
     inputProperties: Omit<InputProperties, 'value'>;
     rightButtonProperties?: ButtonProperties | null;
     leftButtonProperties?: ButtonProperties | null;

package/dist/index.d.ts

@@ -26,7 +26,7 @@ export { default as IconStack } from './IconStack/IconStack.svelte';
 export type { ButtonProperties } from './Button/properties';
 export type { ModalProperties, ModalAlign, ModalSize } from './Modal/properties';
 export type { InputProperties, OptionalInputProps } from './Input/properties';
-export type { InputButtonProperties } from './InputButton/properties';
+export type { InputButtonProperties, OptionalInputButtonProperties } from './InputButton/properties';
 export type { ListItemProperties } from './ListItem/properties';
 export type { InputDataType } from './types';
 export type { AutoCompleteType } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build && npm run package",