@makolabs/ripple 1.7.11 → 1.8.0

package/dist/variants.d.ts

@@ -1,20 +1,20 @@
 import type { ChartColors, VariantColors, VariantSizes } from './index.js';
 export declare const Color: {
-    DEFAULT: string;
-    PRIMARY: string;
-    SECONDARY: string;
-    INFO: string;
-    SUCCESS: string;
-    WARNING: string;
-    DANGER: string;
+    readonly DEFAULT: "default";
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
 };
 export declare const Size: {
-    XS: string;
-    SM: string;
-    BASE: string;
-    LG: string;
-    XL: string;
-    XXL: string;
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly BASE: "base";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "2xl";
 };
 export declare const ChartColor: {
     readonly HEALTH: "health";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "1.7.11",
+	"version": "1.8.0",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {
@@ -58,6 +58,8 @@
 		"@storybook/addon-docs": "^10.0.7",
 		"@storybook/addon-svelte-csf": "^5.0.10",
 		"@storybook/sveltekit": "^10.0.7",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.48.4",
 		"@sveltejs/package": "^2.5.4",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
 		"@tailwindcss/vite": "^4.1.17",
@@ -112,17 +114,18 @@
 		"spinner",
 		"toast"
 	],
+	"engines": {
+		"node": ">=20"
+	},
+	"lint-staged": {
+		"*.{js,ts,svelte,css,md,json}": "prettier --write"
+	},
 	"dependencies": {
 		"@friendofsvelte/mermaid": "^0.0.4",
 		"@friendofsvelte/state": "^0.0.6-ts",
-		"@sveltejs/adapter-static": "^3.0.10",
-		"@sveltejs/kit": "^2.48.4",
-		"compromise": "^14.14.4",
 		"dayjs": "^1.11.19",
 		"echarts": "^6.0.0",
 		"marked": "^17.0.0",
-		"mem0ai": "^2.1.38",
-		"natural": "^8.1.0",
 		"svelte-highlight": "^7.9.0",
 		"svelte-sonner": "^1.0.6",
 		"tailwind-merge": "^3.4.0",

package/dist/ai/AIChatInterfaceTestWrapper.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-	import AIChatInterface from './AIChatInterface.svelte';
-	import type { AIAdapter } from '../adapters/ai/index.js';
-	import type { ChatMessage, VariantColors } from '../index.js';
-
-	interface AIChatInterfaceTestWrapperProps {
-		adapter: AIAdapter;
-		title?: string;
-		subtitle?: string;
-		placeholder?: string;
-		color?: VariantColors;
-		disabled?: boolean;
-		loading?: boolean;
-		messages?: ChatMessage[];
-		class?: string;
-		context?: Record<string, unknown>;
-	}
-
-	let {
-		adapter,
-		messages = $bindable([]),
-		...restProps
-	}: AIChatInterfaceTestWrapperProps = $props();
-</script>
-
-<AIChatInterface {adapter} bind:messages {...restProps} />

package/dist/ai/AIChatInterfaceTestWrapper.svelte.d.ts

@@ -1,17 +0,0 @@
-import type { AIAdapter } from '../adapters/ai/index.js';
-import type { ChatMessage, VariantColors } from '../index.js';
-interface AIChatInterfaceTestWrapperProps {
-    adapter: AIAdapter;
-    title?: string;
-    subtitle?: string;
-    placeholder?: string;
-    color?: VariantColors;
-    disabled?: boolean;
-    loading?: boolean;
-    messages?: ChatMessage[];
-    class?: string;
-    context?: Record<string, unknown>;
-}
-declare const AIChatInterfaceTestWrapper: import("svelte").Component<AIChatInterfaceTestWrapperProps, {}, "messages">;
-type AIChatInterfaceTestWrapper = ReturnType<typeof AIChatInterfaceTestWrapper>;
-export default AIChatInterfaceTestWrapper;

package/dist/button/ButtonTestWrapper.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-	import Button from './Button.svelte';
-	import type { ButtonProps } from '../index.js';
-
-	let { text = '', ...buttonProps }: ButtonProps & { text?: string } = $props();
-</script>
-
-<Button {...buttonProps}>
-	{text}
-</Button>

package/dist/button/ButtonTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { ButtonProps } from '../index.js';
-type $$ComponentProps = ButtonProps & {
-    text?: string;
-};
-declare const ButtonTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type ButtonTestWrapper = ReturnType<typeof ButtonTestWrapper>;
-export default ButtonTestWrapper;

package/dist/drawer/DrawerTestWrapper.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import Drawer from './Drawer.svelte';
-
-	let {
-		title,
-		content,
-		open = $bindable(false),
-		onclose
-	}: {
-		title: string;
-		content: string;
-		open?: boolean;
-		onclose?: () => void;
-	} = $props();
-</script>
-
-<Drawer {title} bind:open {onclose}>
-	{content}
-</Drawer>

package/dist/drawer/DrawerTestWrapper.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    title: string;
-    content: string;
-    open?: boolean;
-    onclose?: () => void;
-};
-declare const DrawerTestWrapper: import("svelte").Component<$$ComponentProps, {}, "open">;
-type DrawerTestWrapper = ReturnType<typeof DrawerTestWrapper>;
-export default DrawerTestWrapper;

package/dist/elements/accordion/AccordionTestWrapper.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import Accordion from './Accordion.svelte';
-
-	let {
-		title,
-		content,
-		open = $bindable(false),
-		onexpand,
-		oncollapse
-	}: {
-		title: string;
-		content: string;
-		open?: boolean;
-		onexpand?: () => void;
-		oncollapse?: () => void;
-	} = $props();
-</script>
-
-<Accordion {title} bind:open {onexpand} {oncollapse}>
-	{content}
-</Accordion>

package/dist/elements/accordion/AccordionTestWrapper.svelte.d.ts

@@ -1,10 +0,0 @@
-type $$ComponentProps = {
-    title: string;
-    content: string;
-    open?: boolean;
-    onexpand?: () => void;
-    oncollapse?: () => void;
-};
-declare const AccordionTestWrapper: import("svelte").Component<$$ComponentProps, {}, "open">;
-type AccordionTestWrapper = ReturnType<typeof AccordionTestWrapper>;
-export default AccordionTestWrapper;

package/dist/elements/badge/BadgeTestWrapper.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-	import Badge from './Badge.svelte';
-
-	let {
-		text,
-		color,
-		size,
-		onclose
-	}: { text: string; color?: string; size?: string; onclose?: () => void } = $props();
-</script>
-
-<Badge {color} {size} {onclose}>
-	{text}
-</Badge>

package/dist/elements/badge/BadgeTestWrapper.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    text: string;
-    color?: string;
-    size?: string;
-    onclose?: () => void;
-};
-declare const BadgeTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type BadgeTestWrapper = ReturnType<typeof BadgeTestWrapper>;
-export default BadgeTestWrapper;

package/dist/forms/CheckboxTestWrapper.svelte

@@ -1,8 +0,0 @@
-<script lang="ts">
-	import Checkbox from './Checkbox.svelte';
-	import type { CheckboxProps } from '../index.js';
-
-	let { ...checkboxProps }: CheckboxProps = $props();
-</script>
-
-<Checkbox {...checkboxProps} />

package/dist/forms/CheckboxTestWrapper.svelte.d.ts

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

package/dist/forms/InputTestWrapper.svelte

@@ -1,8 +0,0 @@
-<script lang="ts">
-	import Input from './Input.svelte';
-	import type { InputProps } from '../index.js';
-
-	let { ...inputProps }: InputProps = $props();
-</script>
-
-<Input {...inputProps} />

package/dist/forms/InputTestWrapper.svelte.d.ts

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

package/dist/forms/ToggleTestWrapper.svelte

@@ -1,8 +0,0 @@
-<script lang="ts">
-	import Toggle from './Toggle.svelte';
-	import type { ToggleProps } from '../index.js';
-
-	let { label = '', ...toggleProps }: ToggleProps & { label?: string } = $props();
-</script>
-
-<Toggle {label} {...toggleProps} />

package/dist/forms/ToggleTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { ToggleProps } from '../index.js';
-type $$ComponentProps = ToggleProps & {
-    label?: string;
-};
-declare const ToggleTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type ToggleTestWrapper = ReturnType<typeof ToggleTestWrapper>;
-export default ToggleTestWrapper;

package/dist/layout/card/CardTestWrapper.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-	import Card from './Card.svelte';
-
-	let {
-		title,
-		content
-	}: {
-		title?: string;
-		content: string;
-	} = $props();
-</script>
-
-<Card {title}>
-	{content}
-</Card>

package/dist/layout/card/CardTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-type $$ComponentProps = {
-    title?: string;
-    content: string;
-};
-declare const CardTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type CardTestWrapper = ReturnType<typeof CardTestWrapper>;
-export default CardTestWrapper;

package/dist/modal/ModalTestWrapper.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import Modal from './Modal.svelte';
-	import type { ModalProps } from '../index.js';
-
-	let {
-		bodyText = '',
-		footerText = '',
-		...modalProps
-	}: ModalProps & { bodyText?: string; footerText?: string } = $props();
-</script>
-
-<Modal {...modalProps}>
-	<div>{bodyText}</div>
-	{#if footerText}
-		<!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
-		{#snippet footer()}
-			<div>{footerText}</div>
-		{/snippet}
-	{/if}
-</Modal>

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

@@ -1,8 +0,0 @@
-import type { ModalProps } from '../index.js';
-type $$ComponentProps = ModalProps & {
-    bodyText?: string;
-    footerText?: string;
-};
-declare const ModalTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type ModalTestWrapper = ReturnType<typeof ModalTestWrapper>;
-export default ModalTestWrapper;

package/dist/user-management/UserManagementTestWrapper.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import UserManagement from './UserManagement.svelte';
-	import type { UserManagementProps, User, Role, Permission } from '../index.js';
-	import * as mockAdapter from '../funcs/mock-user-management.js';
-	import { resetState } from '../funcs/mock-user-management.js';
-
-	interface Props extends Omit<UserManagementProps, 'adapter'> {
-		testId?: string;
-		initialUsers?: User[];
-		roles?: Role[];
-		permissions?: Permission[];
-		simulateDelay?: boolean;
-		delayMs?: number;
-	}
-
-	let { testId, initialUsers, roles, permissions, simulateDelay, delayMs, ...rest }: Props =
-		$props();
-
-	// Initialize mock adapter with provided data
-	onMount(async () => {
-		await resetState({
-			initialUsers,
-			simulateDelay,
-			delayMs
-		});
-	});
-</script>
-
-<div data-testid={testId}>
-	<UserManagement adapter={mockAdapter} {roles} {permissions} {...rest} />
-</div>

package/dist/user-management/UserManagementTestWrapper.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { UserManagementProps, User, Role, Permission } from '../index.js';
-interface Props extends Omit<UserManagementProps, 'adapter'> {
-    testId?: string;
-    initialUsers?: User[];
-    roles?: Role[];
-    permissions?: Permission[];
-    simulateDelay?: boolean;
-    delayMs?: number;
-}
-declare const UserManagementTestWrapper: import("svelte").Component<Props, {}, "">;
-type UserManagementTestWrapper = ReturnType<typeof UserManagementTestWrapper>;
-export default UserManagementTestWrapper;

package/dist/user-management/UserModalTestWrapper.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import UserModal from './UserModal.svelte';
-	import type { UserModalProps } from '../index.js';
-
-	interface Props extends UserModalProps {
-		testId?: string;
-	}
-
-	let {
-		open = $bindable(),
-		user = $bindable(),
-		roles = [],
-		onSave = async () => {},
-		onClose = () => {},
-		testId,
-		...rest
-	}: Props = $props();
-</script>
-
-<div data-testid={testId}>
-	<UserModal bind:open bind:user {roles} {onSave} {onClose} {...rest} />
-</div>

package/dist/user-management/UserModalTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { UserModalProps } from '../index.js';
-interface Props extends UserModalProps {
-    testId?: string;
-}
-declare const UserModalTestWrapper: import("svelte").Component<Props, {}, "open" | "user">;
-type UserModalTestWrapper = ReturnType<typeof UserModalTestWrapper>;
-export default UserModalTestWrapper;

package/dist/user-management/UserTableTestWrapper.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">
-	import UserTable from './UserTable.svelte';
-	import type { UserTableProps } from '../index.js';
-
-	interface Props extends UserTableProps {
-		testId?: string;
-	}
-
-	let {
-		users = [],
-		loading = false,
-		currentPage = 1,
-		pageSize = 10,
-		totalUsers = 0,
-		onPageChange = () => {},
-		onPageSizeChange = () => {},
-		onSort,
-		onView = () => {},
-		onEdit = () => {},
-		onDelete = () => {},
-		testId,
-		...rest
-	}: Props = $props();
-</script>
-
-<div data-testid={testId}>
-	<UserTable
-		{users}
-		{loading}
-		{currentPage}
-		{pageSize}
-		{totalUsers}
-		{onPageChange}
-		{onPageSizeChange}
-		{onSort}
-		{onView}
-		{onEdit}
-		{onDelete}
-		{...rest}
-	/>
-</div>

package/dist/user-management/UserTableTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { UserTableProps } from '../index.js';
-interface Props extends UserTableProps {
-    testId?: string;
-}
-declare const UserTableTestWrapper: import("svelte").Component<Props, {}, "">;
-type UserTableTestWrapper = ReturnType<typeof UserTableTestWrapper>;
-export default UserTableTestWrapper;

package/dist/user-management/UserViewModalTestWrapper.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import UserViewModal from './UserViewModal.svelte';
-	import type { UserViewModalProps } from '../index.js';
-
-	interface Props extends UserViewModalProps {
-		testId?: string;
-	}
-
-	let {
-		open = $bindable(),
-		user = $bindable(),
-		permissions = [],
-		onEdit,
-		onClose = () => {},
-		testId,
-		...rest
-	}: Props = $props();
-</script>
-
-<div data-testid={testId}>
-	<UserViewModal bind:open bind:user {permissions} {onEdit} {onClose} {...rest} />
-</div>

package/dist/user-management/UserViewModalTestWrapper.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { UserViewModalProps } from '../index.js';
-interface Props extends UserViewModalProps {
-    testId?: string;
-}
-declare const UserViewModalTestWrapper: import("svelte").Component<Props, {}, "open" | "user">;
-type UserViewModalTestWrapper = ReturnType<typeof UserViewModalTestWrapper>;
-export default UserViewModalTestWrapper;