@juspay/svelte-ui-components 2.9.0 → 2.11.0

package/dist/Tooltip/properties.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export type MandatoryTooltipProperties = {
+    text: string;
+    children: Snippet;
+};
+export type OptionalTooltipProperties = {
+    position?: TooltipPosition;
+    delay?: number;
+    testId?: string | null;
+    classes?: string;
+};
+export type TooltipProperties = MandatoryTooltipProperties & OptionalTooltipProperties;

package/dist/Tooltip/properties.js

@@ -0,0 +1 @@
+export {};

package/dist/assets/battery.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 28 13" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="24" height="12" rx="2" stroke="currentColor" stroke-width="1" fill="none" />
+  <rect x="2" y="2" width="18" height="8" rx="1" />
+  <rect x="25" y="3.5" width="3" height="5" rx="1" />
+</svg>

package/dist/assets/checkmark.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="20 6 9 17 4 12"></polyline>
+</svg>

package/dist/assets/chevron-down-sm.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-down.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="6 9 12 15 18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-left-lg.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="15 18 9 12 15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-right-lg.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="9 18 15 12 9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/chevron-up.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="18 15 12 9 6 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/close.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <line x1="18" y1="6" x2="6" y2="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <line x1="6" y1="6" x2="18" y2="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/copy.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+</svg>

package/dist/assets/error-circle.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 8V12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="12" cy="16" r="1" fill="currentColor"/>
+</svg>

package/dist/assets/lock.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM15.1 8H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z" fill="currentColor"/>
+</svg>

package/dist/assets/minus.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg">
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>

package/dist/assets/monitor.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
+  <line x1="8" y1="21" x2="16" y2="21"></line>
+  <line x1="12" y1="17" x2="12" y2="21"></line>
+</svg>

package/dist/assets/moon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+</svg>

package/dist/assets/palette.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="13.5" cy="6.5" r="0.5" fill="currentColor"></circle>
+  <circle cx="17.5" cy="10.5" r="0.5" fill="currentColor"></circle>
+  <circle cx="8.5" cy="7.5" r="0.5" fill="currentColor"></circle>
+  <circle cx="6.5" cy="12.5" r="0.5" fill="currentColor"></circle>
+  <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path>
+</svg>

package/dist/assets/search.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11" cy="11" r="8"></circle>
+  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+</svg>

package/dist/assets/signal.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 18 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="8" width="3" height="4" rx="0.5" />
+  <rect x="5" y="5" width="3" height="7" rx="0.5" />
+  <rect x="10" y="2" width="3" height="10" rx="0.5" />
+  <rect x="15" y="0" width="3" height="12" rx="0.5" />
+</svg>

package/dist/assets/sun.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="5"></circle>
+  <line x1="12" y1="1" x2="12" y2="3"></line>
+  <line x1="12" y1="21" x2="12" y2="23"></line>
+  <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+  <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+  <line x1="1" y1="12" x2="3" y2="12"></line>
+  <line x1="21" y1="12" x2="23" y2="12"></line>
+  <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+  <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+</svg>

package/dist/assets/wifi.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 2.4C5.6 2.4 3.5 3.4 2 5l1.4 1.4C4.6 5.2 6.2 4.4 8 4.4s3.4.8 4.6 2l1.4-1.4C12.5 3.4 10.4 2.4 8 2.4zM8 6.4c-1.4 0-2.6.6-3.4 1.4L6 9.2c.5-.5 1.2-.8 2-.8s1.5.3 2 .8l1.4-1.4C10.6 7 9.4 6.4 8 6.4zM8 10.4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z" />
+</svg>

package/dist/index.d.ts

@@ -24,6 +24,33 @@ export { default as Toast } from './Toast/Toast.svelte';
 export { default as GridItem } from './GridItem/GridItem.svelte';
 export { default as IconStack } from './IconStack/IconStack.svelte';
 export { default as Img } from './Img/Img.svelte';
+export { default as Checkbox } from './Checkbox/Checkbox.svelte';
+export { default as Radio } from './Radio/Radio.svelte';
+export { default as Avatar } from './Avatar/Avatar.svelte';
+export { default as Tabs } from './Tabs/Tabs.svelte';
+export { default as Choicebox } from './Choicebox/Choicebox.svelte';
+export { default as Slider } from './Slider/Slider.svelte';
+export { default as Tooltip } from './Tooltip/Tooltip.svelte';
+export { default as Shimmer } from './Shimmer/Shimmer.svelte';
+export { default as Progress } from './Progress/Progress.svelte';
+export { default as Pill } from './Pill/Pill.svelte';
+export { default as Pagination } from './Pagination/Pagination.svelte';
+export { default as Snippet } from './Snippet/Snippet.svelte';
+export { default as Gauge } from './Gauge/Gauge.svelte';
+export { default as SplitButton } from './SplitButton/SplitButton.svelte';
+export { default as KeyboardInput } from './KeyboardInput/KeyboardInput.svelte';
+export { default as LoadingDots } from './LoadingDots/LoadingDots.svelte';
+export { default as Menu } from './Menu/Menu.svelte';
+export { default as Sheet } from './Sheet/Sheet.svelte';
+export { default as Scroller } from './Scroller/Scroller.svelte';
+export { default as CommandMenu } from './CommandMenu/CommandMenu.svelte';
+export { default as ContextMenu } from './ContextMenu/ContextMenu.svelte';
+export { default as Calendar } from './Calendar/Calendar.svelte';
+export { default as RelativeTime } from './RelativeTime/RelativeTime.svelte';
+export { default as ThemeSwitcher } from './ThemeSwitcher/ThemeSwitcher.svelte';
+export { default as Book } from './Book/Book.svelte';
+export { default as Browser } from './Browser/Browser.svelte';
+export { default as Phone } from './Phone/Phone.svelte';
 export type * from './Button/properties';
 export type * from './Modal/properties';
 export type * from './Input/properties';
@@ -43,4 +70,32 @@ export type * from './Stepper/properties';
 export type * from './Toast/properties';
 export type * from './IconStack/properties';
 export type * from './Img/properties';
+export type * from './Checkbox/properties';
+export type * from './Radio/properties';
+export type * from './Avatar/properties';
+export type * from './Tabs/properties';
+export type * from './Choicebox/properties';
+export type * from './Slider/properties';
+export type * from './Tooltip/properties';
+export type * from './Shimmer/properties';
+export type * from './Progress/properties';
+export type * from './Pill/properties';
+export type * from './Pagination/properties';
+export type * from './Snippet/properties';
+export type * from './Gauge/properties';
+export type * from './SplitButton/properties';
+export type * from './KeyboardInput/properties';
+export type * from './LoadingDots/properties';
+export type * from './Menu/properties';
+export type * from './Sheet/properties';
+export type * from './Scroller/properties';
+export type * from './CommandMenu/properties';
+export type * from './ContextMenu/properties';
+export type * from './Calendar/properties';
+export type * from './RelativeTime/properties';
+export type * from './ThemeSwitcher/properties';
+export type * from './Book/properties';
+export type * from './Browser/properties';
+export type * from './Phone/properties';
+export type * from './Loader/properties';
 export { validateInput } from './utils';

package/dist/index.js

@@ -24,4 +24,31 @@ export { default as Toast } from './Toast/Toast.svelte';
 export { default as GridItem } from './GridItem/GridItem.svelte';
 export { default as IconStack } from './IconStack/IconStack.svelte';
 export { default as Img } from './Img/Img.svelte';
+export { default as Checkbox } from './Checkbox/Checkbox.svelte';
+export { default as Radio } from './Radio/Radio.svelte';
+export { default as Avatar } from './Avatar/Avatar.svelte';
+export { default as Tabs } from './Tabs/Tabs.svelte';
+export { default as Choicebox } from './Choicebox/Choicebox.svelte';
+export { default as Slider } from './Slider/Slider.svelte';
+export { default as Tooltip } from './Tooltip/Tooltip.svelte';
+export { default as Shimmer } from './Shimmer/Shimmer.svelte';
+export { default as Progress } from './Progress/Progress.svelte';
+export { default as Pill } from './Pill/Pill.svelte';
+export { default as Pagination } from './Pagination/Pagination.svelte';
+export { default as Snippet } from './Snippet/Snippet.svelte';
+export { default as Gauge } from './Gauge/Gauge.svelte';
+export { default as SplitButton } from './SplitButton/SplitButton.svelte';
+export { default as KeyboardInput } from './KeyboardInput/KeyboardInput.svelte';
+export { default as LoadingDots } from './LoadingDots/LoadingDots.svelte';
+export { default as Menu } from './Menu/Menu.svelte';
+export { default as Sheet } from './Sheet/Sheet.svelte';
+export { default as Scroller } from './Scroller/Scroller.svelte';
+export { default as CommandMenu } from './CommandMenu/CommandMenu.svelte';
+export { default as ContextMenu } from './ContextMenu/ContextMenu.svelte';
+export { default as Calendar } from './Calendar/Calendar.svelte';
+export { default as RelativeTime } from './RelativeTime/RelativeTime.svelte';
+export { default as ThemeSwitcher } from './ThemeSwitcher/ThemeSwitcher.svelte';
+export { default as Book } from './Book/Book.svelte';
+export { default as Browser } from './Browser/Browser.svelte';
+export { default as Phone } from './Phone/Phone.svelte';
 export { validateInput } from './utils';

package/dist/utils.d.ts

@@ -14,4 +14,6 @@ export declare function validateInput(inputValue: string, dataType: InputDataTyp
  * @param delay The delay period in milliseconds before invoking the callback.
  * @returns A debouncer function that accepts a callback and delays its invocation based on the specified delay.
  */
+export declare function getStorageItem(key: string): string | null;
+export declare function setStorageItem(key: string, value: string): void;
 export declare function createDebouncer(delay: number): <T extends unknown[]>(callback: (...args: T) => void, ...args: T) => void;

package/dist/utils.js

@@ -125,11 +125,9 @@ function validateEmailInput(emailId) {
  * @returns ValidationState
  */
 function validatePhoneNumber(phoneNumber) {
-    let validationPattern = null;
-    let inProgressPattern = null;
     try {
-        validationPattern = new RegExp('^[6-9]{1}[0-9]{9}$');
-        inProgressPattern = new RegExp('^[6-9]{1}[0-9]{0,9}$');
+        const validationPattern = new RegExp('^[6-9]{1}[0-9]{9}$');
+        const inProgressPattern = new RegExp('^[6-9]{1}[0-9]{0,9}$');
         if (validationPattern.test(phoneNumber)) {
             return 'Valid';
         }
@@ -150,6 +148,22 @@ function validatePhoneNumber(phoneNumber) {
  * @param delay The delay period in milliseconds before invoking the callback.
  * @returns A debouncer function that accepts a callback and delays its invocation based on the specified delay.
  */
+export function getStorageItem(key) {
+    try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return null;
+    }
+}
+export function setStorageItem(key, value) {
+    try {
+        localStorage.setItem(key, value);
+    }
+    catch {
+        // localStorage unavailable (SSR, private browsing, storage full)
+    }
+}
 export function createDebouncer(delay) {
     let lastCallTime = 0;
     return function (callback, ...args) {

package/package.json

@@ -1,6 +1,24 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.9.0",
+  "version": "2.11.0",
+  "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
+  "keywords": [
+    "svelte",
+    "svelte5",
+    "ui",
+    "components",
+    "component-library",
+    "design-system",
+    "css-variables",
+    "themeable",
+    "svelte-components"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/juspay/svelte-ui-components"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/juspay/svelte-ui-components",
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build && npm run package",
@@ -34,8 +52,11 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
+    "@eslint/compat": "^2.0.2",
+    "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.56.1",
     "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/kit": "^2.47.3",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
@@ -47,7 +68,10 @@
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.12.5",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "globals": "^17.3.0",
     "husky": "^9.1.7",
+    "marked": "^17.0.3",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "publint": "^0.3.15",
@@ -56,6 +80,7 @@
     "tslib": "^2.8.1",
     "type-decoder": "^2.1.0",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.0",
     "vite": "^7.1.11",
     "vitest": "^4.0.1"
   },