@makolabs/ripple 0.4.1-0 → 0.5.0

package/dist/layout/card/metric-card.d.ts

@@ -1,21 +1,21 @@
 export declare const metricCard: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            value?: import("tailwind-merge").ClassNameValue;
-            title?: import("tailwind-merge").ClassNameValue;
-            progress?: import("tailwind-merge").ClassNameValue;
-            detail?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            value?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            progress?: import("tailwind-variants").ClassValue;
+            detail?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            value?: import("tailwind-merge").ClassNameValue;
-            title?: import("tailwind-merge").ClassNameValue;
-            progress?: import("tailwind-merge").ClassNameValue;
-            detail?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            value?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            progress?: import("tailwind-variants").ClassValue;
+            detail?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -26,12 +26,12 @@ export declare const metricCard: import("tailwind-variants").TVReturnType<{
     progress: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            value?: import("tailwind-merge").ClassNameValue;
-            title?: import("tailwind-merge").ClassNameValue;
-            progress?: import("tailwind-merge").ClassNameValue;
-            detail?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            value?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            progress?: import("tailwind-variants").ClassValue;
+            detail?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {

package/dist/layout/table/Cells.svelte

@@ -1,5 +1,6 @@
 <script module lang="ts">
 	import type { StatusType, KeyType, DataRow } from './table.js';
+	import { formatTime } from '../../helper/date.js';
 
 	export { DateCell, Currency, Percentage, PhoneNumber, Email, Status, Time };
 
@@ -24,13 +25,6 @@
 		return match ? `(${match[1]}) ${match[2]}-${match[3]}` : String(phoneNumber);
 	}
 
-	function formatTime(time: string | number | Date): KeyType {
-		return new Date(time).toLocaleTimeString('en-US', {
-			hour: '2-digit',
-			minute: '2-digit'
-		});
-	}
-
 	function formatCurrency(value: number): KeyType {
 		return new Intl.NumberFormat('en-US', {
 			style: 'currency',

package/dist/layout/table/Cells.svelte.d.ts

@@ -1,5 +1,4 @@
 import type { KeyType, DataRow } from './table.js';
-export { DateCell, Currency, Percentage, PhoneNumber, Email, Status, Time };
 declare const DateCell: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
 declare const Currency: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
 declare const Percentage: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
@@ -7,6 +6,7 @@ declare const PhoneNumber: (row: DataRow, key: KeyType) => ReturnType<import("sv
 declare const Email: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
 declare const Status: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
 declare const Time: (row: DataRow, key: KeyType) => ReturnType<import("svelte").Snippet>;
+export { DateCell, Currency, Percentage, PhoneNumber, Email, Status, Time };
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/modal/Modal.svelte

@@ -5,7 +5,7 @@
 	import { quintOut } from 'svelte/easing';
 	import { cn } from '../helper/cls.js';
 	import { modal } from './modal.js';
-	import type { MakeModalProps } from '../index.js';
+	import { Size, type MakeModalProps } from '../index.js';
 
 	let {
 		open = $bindable(false),
@@ -13,6 +13,7 @@
 		title,
 		description,
 		position = 'center',
+		size = Size.BASE,
 		children,
 		header,
 		custom,
@@ -38,7 +39,8 @@
 	} = $derived(
 		modal({
 			open,
-			position
+			position,
+			size
 		})
 	);
 

package/dist/modal/Modal.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { MakeModalProps } from '../index.js';
+import { type MakeModalProps } from '../index.js';
 declare const Modal: import("svelte").Component<MakeModalProps, {}, "open">;
 type Modal = ReturnType<typeof Modal>;
 export default Modal;

package/dist/modal/modal.d.ts

@@ -1,3 +1,4 @@
+import { Size } from '../index.js';
 export declare const modal: import("tailwind-variants").TVReturnType<{
     open: {
         true: {
@@ -29,22 +30,22 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };
@@ -99,22 +100,22 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };
@@ -169,22 +170,22 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };

package/dist/modal/modal.js

@@ -1,4 +1,5 @@
 import { tv } from 'tailwind-variants';
+import { Size } from '../index.js';
 export const modal = tv({
     slots: {
         base: 'fixed inset-0 z-50 flex items-center justify-center overflow-y-auto',
@@ -41,22 +42,22 @@ export const modal = tv({
             }
         },
         size: {
-            xs: {
+            [Size.XS]: {
                 contentWrapper: 'w-full max-w-xs'
             },
-            sm: {
+            [Size.SM]: {
                 contentWrapper: 'w-full max-w-sm'
             },
-            base: {
+            [Size.BASE]: {
                 contentWrapper: 'w-full max-w-md'
             },
-            lg: {
+            [Size.LG]: {
                 contentWrapper: 'w-full max-w-lg'
             },
-            xl: {
+            [Size.XL]: {
                 contentWrapper: 'w-full max-w-xl'
             },
-            '2xl': {
+            [Size.XXL]: {
                 contentWrapper: 'w-full max-w-2xl'
             }
         },

package/dist/sonner/sonner.svelte

@@ -4,10 +4,4 @@
 	let restProps: SonnerProps = $props();
 </script>
 
-<Sonner
-	class="toaster group"
-	toastOptions={{
-
-  }}
-	{...restProps}
-/>
+<Sonner class="toaster group" toastOptions={{}} {...restProps} />

package/dist/types/markdown.d.ts

@@ -0,0 +1,14 @@
+declare module 'markdown' {
+	export interface MarkdownOptions {
+		dialect?: string;
+	}
+
+	export interface MarkdownAPI {
+		toHTML(markdown: string, options?: MarkdownOptions): string;
+		parse(markdown: string): any;
+		renderJsonML(jsonml: any): string;
+		toHTMLTree(tree: any): any;
+	}
+
+	export const markdown: MarkdownAPI;
+}

package/dist/utils/Portal.svelte

@@ -74,7 +74,7 @@
 
 		// Allow pointer events on the content
 		ref.style.pointerEvents = 'auto';
-		
+
 		// Initially hide the content
 		ref.style.opacity = '0';
 

package/package.json

@@ -1,123 +1,130 @@
 {
-  "name": "@makolabs/ripple",
-  "version": "0.4.1-0",
-  "description": "Simple Svelte 5 powered component library ✨",
-  "license": "SEE LICENSE IN LICENSE",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/makolabsai/ripple-ui.git"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run prepack",
-    "preview": "vite preview",
-    "prepare": "svelte-kit sync || echo ''",
-    "prepack": "svelte-kit sync && svelte-package && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "format": "prettier --write .",
-    "lint": "prettier --check . && eslint .",
-    "test:unit": "vitest",
-    "test": "npm run test:unit -- --run && npm run test:e2e",
-    "test:e2e": "playwright test",
-    "pub:minor": "git add . && git commit -m \"chore: prepare for publish minor\" && npm version minor && git push --follow-tags && npm publish",
-    "pub:patch": "git add . && git commit -m \"chore: prepare for publish patch\" && npm version patch && git push --follow-tags && npm publish",
-    "pub:prelish": "git add . && git commit -m \"chore: prepare for publish premajor\" && npm version premajor && git push --follow-tags && npm publish",
-    "pub:major": "git add . && git commit -m \"chore: prepare for publish major\" && npm version major && git push --follow-tags && npm publish",
-    "pub:preminor": "git add . && git commit -m \"chore: prepare for publish preminor\" && npm version preminor && git push --follow-tags && npm publish",
-    "pub:prepatch": "git add . && git commit -m \"chore: prepare for publish prepatch\" && npm version prepatch && git push --follow-tags && npm publish",
-    "pub:prerelease": "git add . && git commit -m \"chore: prepare for publish prerelease\" && npm version prerelease && git push --follow-tags && npm publish",
-    "pub:from-git": "git add . && git commit -m \"chore: prepare for publish from-git\" && npm version from-git && git push --follow-tags && npm publish",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@eslint/compat": "^1.2.5",
-    "@eslint/js": "^9.18.0",
-    "@playwright/test": "^1.49.1",
-    "@storybook/addon-a11y": "^9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-svelte-csf": "^5.0.7",
-    "@storybook/sveltekit": "^9.0.18",
-    "@sveltejs/adapter-cloudflare": "^5.0.1",
-    "@sveltejs/kit": "^2.16.0",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.0",
-    "@tailwindcss/vite": "^4.0.14",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/svelte": "^5.2.4",
-    "@types/node": "^22.13.10",
-    "eslint": "^9.18.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-storybook": "^9.0.18",
-    "eslint-plugin-svelte": "^3.0.0",
-    "globals": "^16.0.0",
-    "jsdom": "^26.0.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-svelte": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "publint": "^0.3.2",
-    "storybook": "^9.0.18",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.0",
-    "sveltekit-superforms": "^2.24.0",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.0.0",
-    "typescript-eslint": "^8.20.0",
-    "vite": "^6.0.0",
-    "vitest": "^3.0.0",
-    "zod": "^3.24.2"
-  },
-  "keywords": [
-    "svelte",
-    "ui",
-    "svelte5",
-    "modal",
-    "navigation",
-    "ripple",
-    "button",
-    "sidebar",
-    "card",
-    "select",
-    "tooltip",
-    "accordion",
-    "tabs",
-    "alert",
-    "badge",
-    "breadcrumb",
-    "carousel",
-    "collapse",
-    "list-group",
-    "pagination",
-    "progress",
-    "spinner",
-    "toast"
-  ],
-  "dependencies": {
-    "dayjs": "^1.11.13",
-    "echarts": "^5.6.0",
-    "svelte-sonner": "^0.3.28",
-    "tailwind-merge": "^3.0.2",
-    "tailwind-variants": "^1.0.0"
-  }
+	"name": "@makolabs/ripple",
+	"version": "0.5.0",
+	"description": "Simple Svelte 5 powered component library ✨",
+	"license": "SEE LICENSE IN LICENSE",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/makolabsai/ripple-ui.git"
+	},
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run && npm run test:e2e",
+		"test:e2e": "playwright test",
+		"pub:minor": "git add . && git commit -m \"chore: prepare for publish minor\" && npm version minor && git push --follow-tags && npm publish",
+		"pub:patch": "git add . && git commit -m \"chore: prepare for publish patch\" && npm version patch && git push --follow-tags && npm publish",
+		"pub:prelish": "git add . && git commit -m \"chore: prepare for publish premajor\" && npm version premajor && git push --follow-tags && npm publish",
+		"pub:major": "git add . && git commit -m \"chore: prepare for publish major\" && npm version major && git push --follow-tags && npm publish",
+		"pub:preminor": "git add . && git commit -m \"chore: prepare for publish preminor\" && npm version preminor && git push --follow-tags && npm publish",
+		"pub:prepatch": "git add . && git commit -m \"chore: prepare for publish prepatch\" && npm version prepatch && git push --follow-tags && npm publish",
+		"pub:prerelease": "git add . && git commit -m \"chore: prepare for publish prerelease\" && npm version prerelease && git push --follow-tags && npm publish",
+		"pub:from-git": "git add . && git commit -m \"chore: prepare for publish from-git\" && npm version from-git && git push --follow-tags && npm publish",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@playwright/test": "^1.49.1",
+		"@storybook/addon-a11y": "^9.0.18",
+		"@storybook/addon-docs": "^9.0.18",
+		"@storybook/addon-svelte-csf": "^5.0.7",
+		"@storybook/sveltekit": "^9.0.18",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@tailwindcss/vite": "^4.0.14",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/svelte": "^5.2.4",
+		"@types/node": "^22.13.10",
+		"eslint": "^9.18.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-storybook": "^9.0.18",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
+		"jsdom": "^26.0.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"publint": "^0.3.2",
+		"storybook": "^9.0.18",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"sveltekit-superforms": "^2.24.0",
+		"tailwindcss": "^4.0.0",
+		"typescript": "^5.0.0",
+		"typescript-eslint": "^8.20.0",
+		"vite": "^6.0.0",
+		"vitest": "^3.0.0",
+		"zod": "^3.24.2"
+	},
+	"keywords": [
+		"svelte",
+		"ui",
+		"svelte5",
+		"modal",
+		"navigation",
+		"ripple",
+		"button",
+		"sidebar",
+		"card",
+		"select",
+		"tooltip",
+		"accordion",
+		"tabs",
+		"alert",
+		"badge",
+		"breadcrumb",
+		"carousel",
+		"collapse",
+		"list-group",
+		"pagination",
+		"progress",
+		"spinner",
+		"toast"
+	],
+	"dependencies": {
+		"@friendofsvelte/mermaid": "^0.0.4",
+		"@friendofsvelte/state": "^0.0.6-ts",
+		"@sveltejs/adapter-static": "^3.0.9",
+		"compromise": "^14.14.4",
+		"dayjs": "^1.11.13",
+		"echarts": "^5.6.0",
+		"marked": "^16.2.1",
+		"mem0ai": "^2.1.37",
+		"natural": "^8.1.0",
+		"svelte-highlight": "^7.8.4",
+		"svelte-sonner": "^0.3.28",
+		"tailwind-merge": "^3.0.2",
+		"tailwind-variants": "^1.0.0"
+	}
 }