mertani-web-toolkit 0.1.22 → 0.1.23

package/dist/components/Button/Button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import './button.css';
 	import { Icon } from '../../index.js';
-	import type { TIconName } from '../../types/Icon.ts';
+	import type { TIconName } from '../../types/Icon.js';
 
 	interface Props {
 		size?: 'small' | 'medium' | 'large';

package/dist/components/Button/Button.svelte.d.ts

@@ -1,5 +1,5 @@
 import './button.css';
-import type { TIconName } from '../../types/Icon.ts';
+import type { TIconName } from '../../types/Icon.js';
 interface Props {
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'secondary' | 'outline';

package/dist/components/Icon/Icon.svelte

@@ -1,46 +1,78 @@
 <script lang="ts">
-	import ChevronDown from '../../icons/ChevronDown.svelte';
-	import GearTwo from '../../icons/GearTwo.svelte';
-	import Logout from '../../icons/Logout.svelte';
-	import User from '../../icons/User.svelte';
-	import Window from '../../icons/Window.svelte';
-	import type { TIconName } from '../../types/Icon.ts';
+	import { iconMap } from '../../icons/index.js';
+	import type { TIconName } from '../../icons/index.js';
 
 	interface IconProps {
 		name: TIconName;
 		width?: number | string;
 		height?: number | string;
 		color?: string;
+		style?: string;
+		action?: () => void;
+		opacity?: number;
 	}
 
-	const { name, width, height, color }: IconProps = $props();
+	const { name, width, height, color, style, action, opacity }: IconProps = $props();
 
-	const iconMap = {
-		ChevronDown,
-		GearTwo,
-		Logout,
-		User,
-		Window
-	} as const;
+	const IconComponent = $derived(iconMap[name]);
 
-	const IconComponent = $derived(iconMap[name as keyof typeof iconMap]);
+	const iconWidth = $derived(
+		width !== undefined ? (typeof width === 'number' ? `${width}px` : width) : 'auto'
+	);
+	const iconHeight = $derived(
+		height !== undefined ? (typeof height === 'number' ? `${height}px` : height) : 'auto'
+	);
+	const iconColor = $derived(color || 'currentColor');
 
-	const iconStyle = $derived(() => {
-		const styles: string[] = [];
-		if (width !== undefined)
-			styles.push(`width: ${typeof width === 'number' ? width + 'px' : width}`);
-		if (height !== undefined)
-			styles.push(`height: ${typeof height === 'number' ? height + 'px' : height}`);
-		if (color !== undefined) styles.push(`color: ${color}`);
+	const iconOpacity = $derived(() => {
+		if (opacity === undefined) return undefined;
+		const clamped = Math.max(0, Math.min(100, opacity));
+		return clamped / 100;
+	});
 
-		return styles.join('; ');
+	const combinedStyles = $derived(() => {
+		const styles: string[] = [];
+		styles.push(`--icon-width: ${iconWidth};`);
+		styles.push(`--icon-height: ${iconHeight};`);
+		styles.push(`--icon-color: ${iconColor};`);
+		const opacityValue = iconOpacity();
+		if (opacityValue !== undefined) {
+			styles.push(`--icon-opacity: ${opacityValue};`);
+			styles.push(`opacity: ${opacityValue};`);
+		} else {
+			styles.push(`--icon-opacity: 1;`);
+		}
+		if (style) {
+			styles.push(style);
+		}
+		return styles.join(' ');
 	});
+
+	function handleClick() {
+		if (action) {
+			action();
+		}
+	}
 </script>
 
 {#if IconComponent}
 	{@const Component = IconComponent as any}
-	<div class="icon-wrapper" style={iconStyle()}>
-		<Component />
+	<div
+		class="icon-wrapper"
+		class:icon-clickable={action !== undefined}
+		style={combinedStyles()}
+		onclick={action ? handleClick : undefined}
+		role={action ? 'button' : undefined}
+		onkeydown={(e) => {
+			if (action && (e.key === 'Enter' || e.key === ' ')) {
+				e.preventDefault();
+				handleClick();
+			}
+		}}
+	>
+		<div class="icon-fallback">
+			<Component />
+		</div>
 	</div>
 {:else}
 	<span class="icon-error">Icon "{name}" tidak ditemukan</span>
@@ -51,18 +83,36 @@
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
+		width: var(--icon-width, auto);
+		height: var(--icon-height, auto);
+		color: var(--icon-color, currentColor);
+	}
+
+	.icon-wrapper.icon-clickable {
+		cursor: pointer;
+		transition: opacity 0.2s ease, transform 0.2s ease;
 	}
 
-	.icon-wrapper :global(svg) {
-		width: inherit;
-		height: inherit;
-		color: inherit;
+	.icon-wrapper.icon-clickable:hover {
+		opacity: calc(var(--icon-opacity, 1) * 0.8);
+	}
+
+	.icon-wrapper.icon-clickable:active {
+		transform: scale(0.95);
+	}
+
+	.icon-fallback {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 	}
 
-	.icon-wrapper :global(path),
-	.icon-wrapper :global(g path) {
-		fill: currentColor !important;
-		stroke: currentColor !important;
+	.icon-fallback :global(svg) {
+		width: var(--icon-width, auto);
+		height: var(--icon-height, auto);
+		color: var(--icon-color, currentColor);
 	}
 
 	.icon-error {

package/dist/components/Icon/Icon.svelte.d.ts

@@ -1,9 +1,12 @@
-import type { TIconName } from '../../types/Icon.ts';
+import type { TIconName } from '../../icons/index.js';
 interface IconProps {
     name: TIconName;
     width?: number | string;
     height?: number | string;
     color?: string;
+    style?: string;
+    action?: () => void;
+    opacity?: number;
 }
 declare const Icon: import("svelte").Component<IconProps, {}, "">;
 type Icon = ReturnType<typeof Icon>;

package/dist/components/Icon/IconLibrary.svelte

@@ -0,0 +1,197 @@
+<script lang="ts">
+	import { iconMap } from '../../icons/index.js';
+
+	const {
+		iconWidth = 24,
+		iconHeight = 24,
+		iconColor = '#212529',
+		style,
+		opacity,
+		action
+	} = $props<{
+		iconWidth?: number | string;
+		iconHeight?: number | string;
+		iconColor?: string;
+		style?: string;
+		opacity?: number;
+		action?: (iconName: string) => void;
+	}>();
+
+	// Daftar semua icon - otomatis dari iconMap
+	const icons = Object.entries(iconMap).map(([name, component]) => ({
+		name,
+		component
+	}));
+
+	let searchQuery = $state('');
+
+	let filteredIcons = $derived(
+		searchQuery.trim() === ''
+			? icons
+			: icons.filter((icon) => {
+					const query = searchQuery.toLowerCase();
+					return icon.name.toLowerCase().includes(query);
+				})
+	);
+
+	const iconOpacity = $derived(() => {
+		if (opacity === undefined) return undefined;
+		const clamped = Math.max(0, Math.min(100, opacity));
+		return clamped / 100;
+	});
+
+	const combinedStyles = $derived(() => {
+		const styles: string[] = [];
+		const opacityValue = iconOpacity();
+		if (opacityValue !== undefined) {
+			styles.push(`--icon-opacity: ${opacityValue};`);
+			styles.push(`opacity: ${opacityValue};`);
+		} else {
+			styles.push(`--icon-opacity: 1;`);
+		}
+		if (style) {
+			styles.push(style);
+		}
+		return styles.join(' ');
+	});
+
+	function handleIconClick(iconName: string) {
+		if (action) {
+			action(iconName);
+		}
+	}
+</script>
+
+<div class="icons-container">
+	<div class="search-container">
+		<input type="text" placeholder="Cari icon..." bind:value={searchQuery} class="search-input" />
+		<div class="search-info">
+			Menampilkan {filteredIcons.length} dari {icons.length} icon
+		</div>
+	</div>
+
+	<div
+		class="icons-grid"
+		style="--icon-width: {iconWidth}px; --icon-height: {iconHeight}px; --icon-color: {iconColor};"
+	>
+		{#each filteredIcons as icon}
+			{@const IconComponent = icon.component as any}
+			<div
+				class="icon-item"
+				class:icon-clickable={action !== undefined}
+				style={combinedStyles()}
+				onclick={action ? () => handleIconClick(icon.name) : undefined}
+				role={action ? 'button' : undefined}
+				onkeydown={(e) => {
+					if (action && (e.key === 'Enter' || e.key === ' ')) {
+						e.preventDefault();
+						handleIconClick(icon.name);
+					}
+				}}
+			>
+				<div class="icon-wrapper">
+					<IconComponent />
+				</div>
+				<div class="icon-name">{icon.name}</div>
+			</div>
+		{/each}
+	</div>
+
+	{#if filteredIcons.length === 0}
+		<div class="no-results">
+			<p>Tidak ada icon yang ditemukan untuk "{searchQuery}"</p>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.icons-container {
+		padding: 24px;
+		max-width: 1400px;
+		margin: 0 auto;
+	}
+
+	.search-container {
+		margin-bottom: 32px;
+	}
+
+	.search-input {
+		width: 100%;
+		max-width: 500px;
+		padding: 12px 16px;
+		font-size: 16px;
+		border: 1px solid #e0e0e0;
+		outline: none;
+		transition: border-color 0.2s ease;
+	}
+
+	.search-input:focus {
+		border-color: #007bff;
+	}
+
+	.search-info {
+		margin-top: 8px;
+		color: #666;
+		font-size: 14px;
+	}
+
+	.icons-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+	}
+
+	.icon-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 16px 8px;
+		border: 1px solid #e0e0e0;
+		transition: all 0.2s ease;
+		cursor: pointer;
+	}
+
+	.icon-item:hover {
+		background: #f8f9fa;
+	}
+
+	.icon-item.icon-clickable {
+		cursor: pointer;
+		transition: opacity 0.2s ease, transform 0.2s ease;
+	}
+
+	.icon-item.icon-clickable:hover {
+		opacity: calc(var(--icon-opacity, 1) * 0.8);
+	}
+
+	.icon-item.icon-clickable:active {
+		transform: scale(0.95);
+	}
+
+	.icon-wrapper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--icon-width, 24px);
+		height: var(--icon-height, 24px);
+		margin-bottom: 8px;
+		color: var(--icon-color, #212529);
+	}
+
+	.icon-name {
+		font-weight: 500;
+		font-size: 12px;
+		color: #212529;
+		text-align: center;
+		word-break: break-word;
+	}
+
+	.no-results {
+		text-align: center;
+		padding: 48px;
+		color: #999;
+	}
+
+	.no-results p {
+		font-size: 16px;
+	}
+</style>

package/dist/components/Icon/IconLibrary.svelte.d.ts

@@ -0,0 +1,11 @@
+type $$ComponentProps = {
+    iconWidth?: number | string;
+    iconHeight?: number | string;
+    iconColor?: string;
+    style?: string;
+    opacity?: number;
+    action?: (iconName: string) => void;
+};
+declare const IconLibrary: import("svelte").Component<$$ComponentProps, {}, "">;
+type IconLibrary = ReturnType<typeof IconLibrary>;
+export default IconLibrary;

package/dist/icons/BsActivity.svelte

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C6.10276 2.00004 6.20301 2.03175 6.2871 2.09079C6.3712 2.14984 6.43506 2.23336 6.47 2.33L10 12.036L11.53 7.828C11.5653 7.73174 11.6293 7.64864 11.7133 7.58997C11.7974 7.5313 11.8975 7.49989 12 7.5H15.5C15.6326 7.5 15.7598 7.55268 15.8536 7.64645C15.9473 7.74021 16 7.86739 16 8C16 8.13261 15.9473 8.25979 15.8536 8.35355C15.7598 8.44732 15.6326 8.5 15.5 8.5H12.35L10.47 13.67C10.435 13.7665 10.3711 13.8499 10.287 13.9089C10.2029 13.9678 10.1027 13.9994 10 13.9994C9.89731 13.9994 9.79712 13.9678 9.71303 13.9089C9.62894 13.8499 9.56503 13.7665 9.53 13.67L6 3.964L4.47 8.171C4.4349 8.26745 4.37096 8.35076 4.28688 8.40962C4.2028 8.46847 4.10264 8.50003 4 8.5H0.5C0.367392 8.5 0.240215 8.44732 0.146447 8.35355C0.0526784 8.25979 0 8.13261 0 8C0 7.86739 0.0526784 7.74021 0.146447 7.64645C0.240215 7.55268 0.367392 7.5 0.5 7.5H3.65L5.53 2.33C5.56494 2.23336 5.6288 2.14984 5.7129 2.09079C5.79699 2.03175 5.89724 2.00004 6 2Z" fill="currentColor"/>
+</svg>

package/dist/icons/BsActivity.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsActivity;
+type BsActivity = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsActivity: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrow90degLeft.svelte

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.14592 4.85414C1.09935 4.8077 1.06241 4.75252 1.0372 4.69178C1.012 4.63103 0.999023 4.56591 0.999023 4.50014C0.999023 4.43438 1.012 4.36926 1.0372 4.30851C1.06241 4.24776 1.09935 4.19259 1.14592 4.14614L5.14592 0.146143C5.2398 0.0522567 5.36714 -0.000488281 5.49992 -0.000488281C5.63269 -0.000488281 5.76003 0.0522567 5.85392 0.146143C5.9478 0.24003 6.00055 0.367368 6.00055 0.500143C6.00055 0.632919 5.9478 0.760257 5.85392 0.854143L2.70692 4.00014H12.4999C13.163 4.00014 13.7988 4.26354 14.2677 4.73238C14.7365 5.20122 14.9999 5.8371 14.9999 6.50014V14.5001C14.9999 14.6328 14.9472 14.7599 14.8535 14.8537C14.7597 14.9475 14.6325 15.0001 14.4999 15.0001C14.3673 15.0001 14.2401 14.9475 14.1464 14.8537C14.0526 14.7599 13.9999 14.6328 13.9999 14.5001V6.50014C13.9999 6.10232 13.8419 5.72079 13.5606 5.43948C13.2793 5.15818 12.8977 5.00014 12.4999 5.00014H2.70692L5.85392 8.14614C5.9004 8.19263 5.93728 8.24782 5.96244 8.30856C5.9876 8.3693 6.00055 8.4344 6.00055 8.50014C6.00055 8.56589 5.9876 8.63099 5.96244 8.69173C5.93728 8.75247 5.9004 8.80766 5.85392 8.85414C5.80743 8.90063 5.75224 8.93751 5.6915 8.96267C5.63076 8.98783 5.56566 9.00077 5.49992 9.00077C5.43417 9.00077 5.36907 8.98783 5.30833 8.96267C5.24759 8.93751 5.1924 8.90063 5.14592 8.85414L1.14592 4.85414Z" fill="currentColor"/>
+
+
+</svg>

package/dist/icons/BsArrow90degLeft.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrow90degLeft;
+type BsArrow90degLeft = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrow90degLeft: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrow90degRight.svelte

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.854 4.85414C14.9006 4.8077 14.9375 4.75252 14.9627 4.69178C14.9879 4.63103 15.0009 4.56591 15.0009 4.50014C15.0009 4.43438 14.9879 4.36926 14.9627 4.30851C14.9375 4.24776 14.9006 4.19259 14.854 4.14614L10.854 0.146143C10.7601 0.0522567 10.6328 -0.000488284 10.5 -0.000488281C10.3672 -0.000488278 10.2399 0.0522567 10.146 0.146143C10.0521 0.24003 9.99937 0.367368 9.99937 0.500143C9.99937 0.632919 10.0521 0.760257 10.146 0.854143L13.293 4.00014H3.5C2.83696 4.00014 2.20107 4.26354 1.73223 4.73238C1.26339 5.20122 1 5.8371 1 6.50014V14.5001C1 14.6328 1.05268 14.7599 1.14645 14.8537C1.24021 14.9475 1.36739 15.0001 1.5 15.0001C1.63261 15.0001 1.75979 14.9475 1.85355 14.8537C1.94732 14.7599 2 14.6328 2 14.5001V6.50014C2 6.10232 2.15804 5.72079 2.43934 5.43948C2.72064 5.15818 3.10218 5.00014 3.5 5.00014H13.293L10.146 8.14614C10.0521 8.24003 9.99937 8.36737 9.99937 8.50014C9.99937 8.63292 10.0521 8.76026 10.146 8.85414C10.2399 8.94803 10.3672 9.00077 10.5 9.00077C10.6328 9.00077 10.7601 8.94803 10.854 8.85414L14.854 4.85414Z" fill="currentColor"/>
+
+
+</svg>

package/dist/icons/BsArrow90degRight.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrow90degRight;
+type BsArrow90degRight = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrow90degRight: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrowDownCircle.svelte

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 8C1 9.85652 1.7375 11.637 3.05025 12.9497C4.36301 14.2625 6.14348 15 8 15C9.85652 15 11.637 14.2625 12.9497 12.9497C14.2625 11.637 15 9.85652 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1C6.14348 1 4.36301 1.7375 3.05025 3.05025C1.7375 4.36301 1 6.14348 1 8ZM16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8ZM8.5 4.5C8.5 4.36739 8.44732 4.24021 8.35355 4.14645C8.25979 4.05268 8.13261 4 8 4C7.86739 4 7.74021 4.05268 7.64645 4.14645C7.55268 4.24021 7.5 4.36739 7.5 4.5V10.293L5.354 8.146C5.26011 8.05211 5.13278 7.99937 5 7.99937C4.86722 7.99937 4.73989 8.05211 4.646 8.146C4.55211 8.23989 4.49937 8.36722 4.49937 8.5C4.49937 8.63278 4.55211 8.76011 4.646 8.854L7.646 11.854C7.69245 11.9006 7.74762 11.9375 7.80837 11.9627C7.86911 11.9879 7.93423 12.0009 8 12.0009C8.06577 12.0009 8.13089 11.9879 8.19163 11.9627C8.25238 11.9375 8.30755 11.9006 8.354 11.854L11.354 8.854C11.4479 8.76011 11.5006 8.63278 11.5006 8.5C11.5006 8.36722 11.4479 8.23989 11.354 8.146C11.2601 8.05211 11.1328 7.99937 11 7.99937C10.8672 7.99937 10.7399 8.05211 10.646 8.146L8.5 10.293V4.5Z" fill="currentColor"/>
+
+
+</svg>

package/dist/icons/BsArrowDownCircle.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrowDownCircle;
+type BsArrowDownCircle = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrowDownCircle: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrowRepeat.svelte

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5341 7.00002H15.4661C15.5136 7.00004 15.5601 7.01359 15.6002 7.03909C15.6403 7.06459 15.6722 7.10098 15.6924 7.144C15.7125 7.18702 15.72 7.23489 15.7139 7.282C15.7079 7.32912 15.6885 7.37352 15.6581 7.41002L13.6921 9.77002C13.6686 9.79816 13.6393 9.82079 13.6061 9.83633C13.5729 9.85186 13.5367 9.85991 13.5001 9.85991C13.4635 9.85991 13.4273 9.85186 13.3941 9.83633C13.3609 9.82079 13.3315 9.79816 13.3081 9.77002L11.3421 7.41002C11.3117 7.37352 11.2923 7.32912 11.2862 7.282C11.2802 7.23489 11.2876 7.18702 11.3078 7.144C11.3279 7.10098 11.3599 7.06459 11.4 7.03909C11.4401 7.01359 11.4866 7.00004 11.5341 7.00002ZM0.534086 9.00002H4.46609C4.51359 9.00001 4.56011 8.98645 4.60019 8.96096C4.64027 8.93546 4.67225 8.89907 4.6924 8.85605C4.71254 8.81303 4.72002 8.76516 4.71394 8.71804C4.70786 8.67093 4.68849 8.62652 4.65809 8.59002L2.69209 6.23002C2.66862 6.20189 2.63926 6.17925 2.60609 6.16372C2.57291 6.14819 2.53672 6.14014 2.50009 6.14014C2.46345 6.14014 2.42726 6.14819 2.39409 6.16372C2.36091 6.17925 2.33155 6.20189 2.30809 6.23002L0.342086 8.59002C0.311684 8.62652 0.29231 8.67093 0.286234 8.71804C0.280157 8.76516 0.287629 8.81303 0.307775 8.85605C0.327921 8.89907 0.359907 8.93546 0.399987 8.96096C0.440067 8.98645 0.486583 9.00001 0.534086 9.00002Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 3.00023C6.44801 3.00023 5.06001 3.70723 4.14301 4.81823C4.10206 4.87131 4.05086 4.9156 3.99245 4.94849C3.93404 4.98138 3.86961 5.00219 3.803 5.00968C3.73638 5.01717 3.66895 5.01119 3.60469 4.99209C3.54043 4.97299 3.48068 4.94117 3.42897 4.89851C3.37726 4.85586 3.33465 4.80324 3.30368 4.74379C3.27272 4.68434 3.25402 4.61926 3.24871 4.55244C3.24339 4.48562 3.25157 4.41841 3.27275 4.35481C3.29394 4.29121 3.32769 4.23252 3.37201 4.18223C4.1042 3.29576 5.0756 2.63824 6.17067 2.28789C7.26575 1.93753 8.43841 1.90908 9.54918 2.20592C10.66 2.50276 11.6621 3.1124 12.4364 3.96232C13.2107 4.81224 13.7246 5.86668 13.917 7.00023H12.9C12.6691 5.87104 12.0554 4.85623 11.1625 4.12738C10.2697 3.39853 9.15256 3.00037 8.00001 3.00023ZM3.10001 9.00023C3.28932 9.92486 3.73636 10.7771 4.38949 11.4584C5.04261 12.1397 5.87517 12.6223 6.79097 12.8505C7.70677 13.0787 8.66845 13.0431 9.5649 12.7479C10.4613 12.4527 11.256 11.9099 11.857 11.1822C11.898 11.1292 11.9492 11.0849 12.0076 11.052C12.066 11.0191 12.1304 10.9983 12.197 10.9908C12.2636 10.9833 12.3311 10.9893 12.3953 11.0084C12.4596 11.0275 12.5193 11.0593 12.5711 11.102C12.6228 11.1446 12.6654 11.1972 12.6963 11.2567C12.7273 11.3161 12.746 11.3812 12.7513 11.448C12.7566 11.5148 12.7484 11.5821 12.7273 11.6457C12.7061 11.7093 12.6723 11.7679 12.628 11.8182C11.8958 12.7047 10.9244 13.3622 9.82934 13.7126C8.73427 14.0629 7.56161 14.0914 6.45083 13.7945C5.34006 13.4977 4.33791 12.8881 3.5636 12.0381C2.78928 11.1882 2.27538 10.1338 2.08301 9.00023H3.10001Z" fill="currentColor"/>
+</svg>

package/dist/icons/BsArrowRepeat.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrowRepeat;
+type BsArrowRepeat = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrowRepeat: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrowReturnLeft.svelte

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4999 1.5C14.6325 1.5 14.7597 1.55268 14.8535 1.64645C14.9472 1.74021 14.9999 1.86739 14.9999 2V6.8C14.9999 7.1283 14.9353 7.45339 14.8096 7.75671C14.684 8.06002 14.4998 8.33562 14.2677 8.56777C14.0355 8.79991 13.7599 8.98406 13.4566 9.1097C13.1533 9.23534 12.8282 9.3 12.4999 9.3H2.70692L6.05392 12.646C6.1478 12.7399 6.20055 12.8672 6.20055 13C6.20055 13.1328 6.1478 13.2601 6.05392 13.354C5.96003 13.4479 5.83269 13.5006 5.69992 13.5006C5.56714 13.5006 5.4398 13.4479 5.34592 13.354L1.14592 9.154C1.09935 9.10755 1.06241 9.05238 1.0372 8.99163C1.012 8.93089 0.999023 8.86577 0.999023 8.8C0.999023 8.73423 1.012 8.66911 1.0372 8.60837C1.06241 8.54762 1.09935 8.49245 1.14592 8.446L5.14592 4.446C5.2398 4.35211 5.36714 4.29937 5.49992 4.29937C5.63269 4.29937 5.76003 4.35211 5.85392 4.446C5.9478 4.53989 6.00055 4.66722 6.00055 4.8C6.00055 4.93278 5.9478 5.06011 5.85392 5.154L2.70692 8.3H12.4999C12.8977 8.3 13.2793 8.14196 13.5606 7.86066C13.8419 7.57936 13.9999 7.19782 13.9999 6.8V2C13.9999 1.86739 14.0526 1.74021 14.1464 1.64645C14.2401 1.55268 14.3673 1.5 14.4999 1.5Z" fill="currentColor"/>
+</svg>

package/dist/icons/BsArrowReturnLeft.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrowReturnLeft;
+type BsArrowReturnLeft = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrowReturnLeft: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrowRightShort.svelte

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.00014C4 7.86754 4.05268 7.74036 4.14645 7.64659C4.24021 7.55282 4.36739 7.50014 4.5 7.50014H10.293L8.146 5.35414C8.05211 5.26026 7.99937 5.13292 7.99937 5.00014C7.99937 4.86737 8.05211 4.74003 8.146 4.64614C8.23989 4.55226 8.36722 4.49951 8.5 4.49951C8.63278 4.49951 8.76011 4.55226 8.854 4.64614L11.854 7.64614C11.9006 7.69259 11.9375 7.74776 11.9627 7.80851C11.9879 7.86926 12.0009 7.93438 12.0009 8.00014C12.0009 8.06591 11.9879 8.13103 11.9627 8.19178C11.9375 8.25252 11.9006 8.3077 11.854 8.35414L8.854 11.3541C8.76011 11.448 8.63278 11.5008 8.5 11.5008C8.36722 11.5008 8.23989 11.448 8.146 11.3541C8.05211 11.2603 7.99937 11.1329 7.99937 11.0001C7.99937 10.8674 8.05211 10.74 8.146 10.6461L10.293 8.50014H4.5C4.36739 8.50014 4.24021 8.44747 4.14645 8.3537C4.05268 8.25993 4 8.13275 4 8.00014Z" fill="currentColor"/>
+</svg>

package/dist/icons/BsArrowRightShort.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BsArrowRightShort;
+type BsArrowRightShort = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BsArrowRightShort: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/BsArrowUpCircle.svelte

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 8C1 9.85652 1.7375 11.637 3.05025 12.9497C4.36301 14.2625 6.14348 15 8 15C9.85652 15 11.637 14.2625 12.9497 12.9497C14.2625 11.637 15 9.85652 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1C6.14348 1 4.36301 1.7375 3.05025 3.05025C1.7375 4.36301 1 6.14348 1 8ZM16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8ZM8.5 11.5C8.5 11.6326 8.44732 11.7598 8.35355 11.8536C8.25979 11.9473 8.13261 12 8 12C7.86739 12 7.74021 11.9473 7.64645 11.8536C7.55268 11.7598 7.5 11.6326 7.5 11.5V5.707L5.354 7.854C5.26011 7.94789 5.13278 8.00063 5 8.00063C4.86722 8.00063 4.73989 7.94789 4.646 7.854C4.55211 7.76011 4.49937 7.63278 4.49937 7.5C4.49937 7.36722 4.55211 7.23989 4.646 7.146L7.646 4.146C7.69245 4.09944 7.74762 4.06249 7.80837 4.03729C7.86911 4.01208 7.93423 3.99911 8 3.99911C8.06577 3.99911 8.13089 4.01208 8.19163 4.03729C8.25238 4.06249 8.30755 4.09944 8.354 4.146L11.354 7.146C11.4479 7.23989 11.5006 7.36722 11.5006 7.5C11.5006 7.63278 11.4479 7.76011 11.354 7.854C11.2601 7.94789 11.1328 8.00063 11 8.00063C10.8672 8.00063 10.7399 7.94789 10.646 7.854L8.5 5.707V11.5Z" fill="currentColor"/>
+
+
+</svg>