@makolabs/ripple 0.4.1-0 → 1.0.1

package/dist/modal/modal.js

@@ -1,81 +1,40 @@
 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',
-        backdrop: 'fixed inset-0 transition-opacity bg-black/50',
-        contentWrapper: 'absolute transform overflow-hidden transition-all px-2',
-        content: 'bg-white overflow-hidden rounded-lg',
-        header: 'px-4 py-3 flex items-center justify-between border-b border-default-200',
-        body: 'px-3 py-2 max-h-[70dvh] overflow-y-auto',
-        title: 'text-default-900 leading-6 text-base font-semibold',
-        closeButton: 'text-default-400 hover:text-default-500 rounded-md cursor-pointer'
+        base: 'fixed inset-0 z-50 flex items-center justify-center p-4',
+        backdrop: 'fixed inset-0 bg-black/50 backdrop-blur-sm',
+        container: 'relative w-full flex flex-col bg-white rounded-xl shadow-2xl overflow-hidden',
+        header: 'px-6 py-4 border-b border-gray-200 flex items-center justify-between shrink-0',
+        body: 'flex-1 px-6 py-4 overflow-y-auto',
+        footer: 'px-6 py-4 border-t border-gray-200 bg-gray-50/80 shrink-0',
+        title: 'text-lg font-semibold text-gray-900',
+        description: 'text-sm text-gray-600 mt-1',
+        close: 'p-2 -mr-2 ml-4 rounded-lg text-gray-400 hover:text-gray-600 hover:bg-gray-100 transition-colors'
     },
     variants: {
-        open: {
-            true: {
-                base: 'visible',
-                backdrop: 'visible opacity-100',
-                contentWrapper: 'visible scale-100 opacity-100'
-            },
-            false: {
-                base: 'invisible',
-                backdrop: 'invisible opacity-0',
-                contentWrapper: 'invisible scale-95 opacity-0'
-            }
-        },
-        position: {
-            center: {
-                contentWrapper: 'mx-auto'
-            },
-            top: {
-                contentWrapper: 'mx-auto top-7'
-            },
-            bottom: {
-                contentWrapper: 'mx-auto bottom-7'
-            },
-            left: {
-                contentWrapper: 'left-7'
-            },
-            right: {
-                contentWrapper: 'right-7'
-            }
-        },
         size: {
-            xs: {
-                contentWrapper: 'w-full max-w-xs'
-            },
-            sm: {
-                contentWrapper: 'w-full max-w-sm'
+            [Size.XS]: {
+                container: 'max-w-xs max-h-[80vh]'
             },
-            base: {
-                contentWrapper: 'w-full max-w-md'
+            [Size.SM]: {
+                container: 'max-w-sm max-h-[85vh]'
             },
-            lg: {
-                contentWrapper: 'w-full max-w-lg'
+            [Size.BASE]: {
+                container: 'max-w-md max-h-[85vh]'
             },
-            xl: {
-                contentWrapper: 'w-full max-w-xl'
-            },
-            '2xl': {
-                contentWrapper: 'w-full max-w-2xl'
-            }
-        },
-        border: {
-            none: {
-                content: 'border-0'
+            [Size.LG]: {
+                container: 'max-w-lg max-h-[90vh]'
             },
-            default: {
-                content: 'border border-default-200'
+            [Size.XL]: {
+                container: 'max-w-xl max-h-[90vh]'
             },
-            colored: {
-                content: 'border'
+            [Size.XXL]: {
+                container: 'max-w-2xl max-h-[90vh]'
             }
         }
     },
     defaultVariants: {
-        open: false,
-        position: 'center',
-        size: 'base',
-        color: 'default'
+        size: Size.BASE
     }
 });

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": "1.0.1",
+	"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"
+	}
 }