@foxui/core 0.4.0

package/dist/components/chat-bubble/ChatBubble.svelte.d.ts

@@ -0,0 +1,95 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        red: string;
+        yellow: string;
+        green: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        orange: string;
+        amber: string;
+        lime: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center flex-col justify-start items-start whitespace-nowrap rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-300 active:duration-100 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variant: {
+        primary: string;
+        secondary: string;
+        red: string;
+        yellow: string;
+        green: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        orange: string;
+        amber: string;
+        lime: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        red: string;
+        yellow: string;
+        green: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        orange: string;
+        amber: string;
+        lime: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center flex-col justify-start items-start whitespace-nowrap rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-300 active:duration-100 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
+export type BadgeSize = VariantProps<typeof badgeVariants>['size'];
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLSpanElement>> & {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    side?: 'left' | 'right';
+};
+declare const ChatBubble: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ChatBubble = ReturnType<typeof ChatBubble>;
+export default ChatBubble;

package/dist/components/chat-bubble/index.d.ts

@@ -0,0 +1 @@
+export { default as ChatBubble } from './ChatBubble.svelte';

package/dist/components/chat-bubble/index.js

@@ -0,0 +1 @@
+export { default as ChatBubble } from './ChatBubble.svelte';

package/dist/components/checkbox/checkbox.svelte

@@ -0,0 +1,91 @@
+<script lang="ts" module>
+	import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import { type VariantProps, tv } from 'tailwind-variants';
+	import { cn } from '../../utils';
+
+	export const checkboxVariants = tv({
+		base: 'peer cursor-pointer box-content size-4 shrink-0 inline-flex items-center justify-center rounded-2xl border outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent-500 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
+		variants: {
+			variant: {
+				primary:
+					'border-accent-200 bg-accent-100 focus-visible:outline-accent-500 data-[state=checked]:border-accent-300 data-[state=checked]:bg-accent-200 data-[state=checked]:text-accent-600 dark:border-accent-500/20 dark:bg-accent-500/5 dark:text-accent-500 dark:data-[state=checked]:border-accent-500/30 dark:data-[state=checked]:bg-accent-500/20 dark:data-[state=checked]:text-accent-500',
+				secondary:
+					'border-base-300 bg-base-100 focus-visible:outline-base-900 dark:focus-visible:outline-base-100 data-[state=checked]:border-base-400 data-[state=checked]:bg-base-200 data-[state=checked]:text-base-900 dark:border-base-700 dark:bg-base-900 dark:text-base-50 dark:data-[state=checked]:border-base-500/80 dark:data-[state=checked]:bg-base-500/30 dark:data-[state=checked]:text-base-100'
+			},
+			sizeVariant: {
+				default: 'size-5',
+				sm: 'size-4',
+				lg: 'size-6'
+			}
+		},
+		defaultVariants: {
+			variant: 'primary',
+			sizeVariant: 'default'
+		}
+	});
+
+	export type CheckboxVariant = VariantProps<typeof checkboxVariants>['variant'];
+	export type CheckboxSize = VariantProps<typeof checkboxVariants>['sizeVariant'];
+
+	export type CheckboxProps = WithoutChildrenOrChild<CheckboxPrimitive.RootProps> & {
+		variant?: CheckboxVariant;
+		sizeVariant?: CheckboxSize;
+	};
+</script>
+
+<script lang="ts">
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		variant = $bindable('primary'),
+		sizeVariant = $bindable('default'),
+		class: className,
+		...restProps
+	}: CheckboxProps = $props();
+</script>
+
+<CheckboxPrimitive.Root
+	bind:ref
+	class={cn(checkboxVariants({ variant, sizeVariant }), className)}
+	bind:checked
+	bind:indeterminate
+	{...restProps}
+>
+	{#snippet children({ checked, indeterminate })}
+		<div class="flex size-4 items-center justify-center text-current">
+			{#if indeterminate}
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="2.5"
+					stroke="currentColor"
+					class={[
+						sizeVariant === 'sm' && 'size-3.5',
+						sizeVariant === 'default' && 'size-4',
+						sizeVariant === 'lg' && 'size-4.5'
+					]}
+				>
+					<path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
+				</svg>
+			{:else}
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="2.5"
+					stroke="currentColor"
+					class={[
+						sizeVariant === 'sm' && 'size-3.5',
+						sizeVariant === 'default' && 'size-4',
+						sizeVariant === 'lg' && 'size-4.5',
+						!checked && 'text-transparent'
+					]}
+				>
+					<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+				</svg>
+			{/if}
+		</div>
+	{/snippet}
+</CheckboxPrimitive.Root>

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

@@ -0,0 +1,42 @@
+import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+import { type VariantProps } from 'tailwind-variants';
+export declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+    sizeVariant: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "peer cursor-pointer box-content size-4 shrink-0 inline-flex items-center justify-center rounded-2xl border outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent-500 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", {
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+    sizeVariant: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+    sizeVariant: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "peer cursor-pointer box-content size-4 shrink-0 inline-flex items-center justify-center rounded-2xl border outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent-500 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", unknown, unknown, undefined>>;
+export type CheckboxVariant = VariantProps<typeof checkboxVariants>['variant'];
+export type CheckboxSize = VariantProps<typeof checkboxVariants>['sizeVariant'];
+export type CheckboxProps = WithoutChildrenOrChild<CheckboxPrimitive.RootProps> & {
+    variant?: CheckboxVariant;
+    sizeVariant?: CheckboxSize;
+};
+declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "ref" | "variant" | "sizeVariant" | "checked" | "indeterminate">;
+type Checkbox = ReturnType<typeof Checkbox>;
+export default Checkbox;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './checkbox.svelte';

package/dist/components/checkbox/index.js

@@ -0,0 +1 @@
+export { default as Checkbox } from './checkbox.svelte';

package/dist/components/copy-code-button/AddCopyCodeButtons.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import CopyCodeButton from './CopyCodeButton.svelte';
+
+	onMount(() => {
+		addButton?.();
+	});
+
+	let { addButton = $bindable(() => {}) }: { addButton?: () => void } = $props();
+
+	let codeblocks: { element: HTMLElement; text?: string }[] = $state([]);
+
+	addButton = () => {
+		const preElements = Array.from(document.querySelectorAll('pre'));
+		for (let pre of preElements) {
+			if (pre.classList.contains('wrapped')) continue;
+
+			pre.classList.add('wrapped');
+
+			const wrapper = document.createElement('div');
+			wrapper.classList.add('relative', 'group');
+			const clone = pre.cloneNode(true);
+
+			wrapper.appendChild(clone);
+
+			pre.parentNode?.replaceChild(wrapper, pre);
+
+			codeblocks.push({ element: wrapper, text: pre.innerText });
+		}
+	};
+</script>
+
+{#each codeblocks as codeblock}
+	<CopyCodeButton element={codeblock.element} text={codeblock.text} />
+{/each}

package/dist/components/copy-code-button/AddCopyCodeButtons.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    addButton?: () => void;
+};
+declare const AddCopyCodeButtons: import("svelte").Component<$$ComponentProps, {}, "addButton">;
+type AddCopyCodeButtons = ReturnType<typeof AddCopyCodeButtons>;
+export default AddCopyCodeButtons;

package/dist/components/copy-code-button/CopyCodeButton.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+	import { cn } from '../../utils';
+	import { Portal } from 'bits-ui';
+
+	let { element, text }: { element: HTMLElement; text?: string } = $props();
+
+	let copied = $state(false);
+
+	async function clickedCopy() {
+		if (!text) {
+			text = element.innerText;
+		}
+
+		await navigator.clipboard.writeText(text);
+
+		copied = true;
+		setTimeout(() => {
+			copied = false;
+		}, 2000);
+	}
+</script>
+
+<Portal to={element}>
+	{#if !copied}
+		<button
+			class={cn(
+				'not-prose focus-visible:outline-base-600 dark:focus-visible:outline-base-400 cursor-pointer focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2',
+				'bg-base-200 inline-flex size-8 items-center justify-center p-1 transition-opacity duration-150 group-hover:opacity-100 [@media(pointer:fine)]:opacity-0',
+				'dark:bg-base-800 border-base-400 dark:border-base-700 dark:hover:bg-base-700 hover:bg-base-300 absolute top-3 right-3 rounded-2xl border'
+			)}
+			onclick={clickedCopy}
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				class="size-4.5"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					d="M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"
+				/>
+			</svg>
+
+			<span class="sr-only">copy code</span>
+		</button>
+	{:else}
+		<div
+			class={cn(
+				'bg-accent-500/10 border-accent-500/20 text-accent-600 dark:text-accent-400 absolute top-3 right-3',
+				'inline-flex size-8 items-center justify-center rounded-2xl border p-1 transition-opacity duration-500'
+			)}
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				class="size-4.5"
+			>
+				<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+			</svg>
+		</div>
+	{/if}
+</Portal>

package/dist/components/copy-code-button/CopyCodeButton.svelte.d.ts

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

package/dist/components/copy-code-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AddCopyCodeButtons } from './AddCopyCodeButtons.svelte';
+export { default as CopyCodeButton } from './CopyCodeButton.svelte';

package/dist/components/copy-code-button/index.js

@@ -0,0 +1,2 @@
+export { default as AddCopyCodeButtons } from './AddCopyCodeButtons.svelte';
+export { default as CopyCodeButton } from './CopyCodeButton.svelte';

package/dist/components/head/Head.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	const {
+		title,
+		description,
+		image,
+		url,
+		emojiFavicon
+	}: {
+		title?: string;
+		description?: string;
+		image?: string;
+		url?: string;
+		emojiFavicon?: string;
+	} = $props();
+</script>
+
+<svelte:head>
+	{#if emojiFavicon}
+		<link
+			rel="icon"
+			href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>{emojiFavicon}</text></svg>"
+		/>
+	{/if}
+
+	<meta property="og:type" content="website" />
+
+	{#if description}
+		<meta name="description" content={description} />
+		<meta property="og:description" content={description} />
+		<meta name="twitter:description" content={description} />
+	{/if}
+
+	{#if title}
+		<title>{title}</title>
+		<meta property="og:title" content={title} />
+		<meta name="twitter:title" content={title} />
+	{/if}
+
+	{#if image}
+		<meta property="og:image" content={image} />
+		<meta name="twitter:image" content={image} />
+		<meta name="twitter:card" content="summary_large_image" />
+	{/if}
+
+	{#if url}
+		<meta property="twitter:domain" content={new URL(url).hostname} />
+		<meta property="twitter:url" content={url} />
+	{/if}
+</svelte:head>

package/dist/components/head/Head.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    title?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+    emojiFavicon?: string;
+};
+declare const Head: import("svelte").Component<$$ComponentProps, {}, "">;
+type Head = ReturnType<typeof Head>;
+export default Head;

package/dist/components/head/index.d.ts

@@ -0,0 +1 @@
+export { default as Head } from './Head.svelte';

package/dist/components/head/index.js

@@ -0,0 +1 @@
+export { default as Head } from './Head.svelte';

package/dist/components/heading/Heading.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLBaseAttributes } from 'svelte/elements';
+	import { cn } from '../../utils';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		level = 1,
+		children,
+		...restProps
+	}: WithElementRef<HTMLBaseAttributes> & {
+		level?: 1 | 2 | 3 | 4 | 5 | 6;
+	} = $props();
+</script>
+
+<svelte:element
+	this={'h' + level}
+	bind:this={ref}
+	class={cn('text-base-900 dark:text-base-50 text-2xl font-semibold', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</svelte:element>

package/dist/components/heading/Heading.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLBaseAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLBaseAttributes> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare const Heading: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Heading = ReturnType<typeof Heading>;
+export default Heading;

package/dist/components/heading/Subheading.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLBaseAttributes } from 'svelte/elements';
+	import { cn } from '../../utils';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		level = 2,
+		children,
+		...restProps
+	}: WithElementRef<HTMLBaseAttributes> & {
+		level?: 1 | 2 | 3 | 4 | 5 | 6;
+	} = $props();
+</script>
+
+<svelte:element
+	this={'h' + level}
+	bind:this={ref}
+	class={cn('text-base-900 dark:text-base-50 text-base font-semibold sm:text-lg', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</svelte:element>

package/dist/components/heading/Subheading.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLBaseAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLBaseAttributes> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare const Subheading: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Subheading = ReturnType<typeof Subheading>;
+export default Subheading;

package/dist/components/heading/index.d.ts

@@ -0,0 +1,3 @@
+import Heading from './Heading.svelte';
+import Subheading from './Subheading.svelte';
+export { Heading, Subheading };

package/dist/components/heading/index.js

@@ -0,0 +1,3 @@
+import Heading from './Heading.svelte';
+import Subheading from './Subheading.svelte';
+export { Heading, Subheading };

package/dist/components/image/Image.svelte

@@ -0,0 +1,80 @@
+<script lang="ts" module>
+	import { cn } from '../../utils';
+	import type { HTMLImgAttributes } from 'svelte/elements';
+	import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui';
+
+	export type ImageProps = WithoutChildrenOrChild<
+		WithElementRef<HTMLImgAttributes, HTMLImageElement>
+	> & {
+		useThemeColor?: boolean;
+		containerClasses?: string;
+		blur?: boolean;
+		showNormalOnHover?: boolean;
+		alt: string;
+	};
+</script>
+
+<script lang="ts">
+	import { onMount } from 'svelte';
+
+	let loaded = $state(false);
+
+	onMount(() => {
+		if (ref?.complete) loaded = true;
+	});
+	let {
+		ref = $bindable(null),
+		src,
+		alt,
+		class: className,
+		containerClasses,
+		useThemeColor = false,
+		showNormalOnHover = false,
+		blur = true,
+		...restProps
+	}: ImageProps = $props();
+</script>
+
+<div class={cn('group relative h-fit w-fit', containerClasses)}>
+	{#if useThemeColor}
+		<div
+			class={[
+				'bg-accent-500/30 pointer-events-none absolute inset-0 z-20 size-full',
+				showNormalOnHover ? 'transition-all duration-300 ease-in-out group-hover:opacity-0' : ''
+			]}
+		></div>
+	{/if}
+
+	<img
+		{src}
+		bind:this={ref}
+		{alt}
+		class={cn(
+			useThemeColor ? 'brightness-125 grayscale' : '',
+			showNormalOnHover ? 'transition-all duration-300 ease-in-out group-hover:filter-none' : '',
+			className
+		)}
+		{...restProps}
+		onload={(evt) => {
+			loaded = true;
+			if (restProps.onload) {
+				restProps.onload(evt);
+			}
+		}}
+	/>
+
+	{#if !(typeof src === 'string') && blur}
+		<div
+			class="image-blur pointer-events-none absolute inset-0 rounded-2xl backdrop-blur-md data-[loaded=true]:hidden"
+			data-loaded={loaded}
+		></div>
+	{/if}
+</div>
+
+<noscript>
+	<style>
+		.image-blur {
+			display: none;
+		}
+	</style>
+</noscript>

package/dist/components/image/Image.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLImgAttributes } from 'svelte/elements';
+import type { WithElementRef, WithoutChildrenOrChild } from 'bits-ui';
+export type ImageProps = WithoutChildrenOrChild<WithElementRef<HTMLImgAttributes, HTMLImageElement>> & {
+    useThemeColor?: boolean;
+    containerClasses?: string;
+    blur?: boolean;
+    showNormalOnHover?: boolean;
+    alt: string;
+};
+declare const Image: import("svelte").Component<ImageProps, {}, "ref">;
+type Image = ReturnType<typeof Image>;
+export default Image;

package/dist/components/image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Image } from './Image.svelte';
+export type { ImageProps } from './Image.svelte';

package/dist/components/image/index.js

@@ -0,0 +1 @@
+export { default as Image } from './Image.svelte';

package/dist/components/image-container/ImageContainer.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { cn } from '../../utils';
+	import { Image, type ImageProps } from '../image';
+
+	let { ref = $bindable(null), containerClasses, ...restProps }: ImageProps = $props();
+</script>
+
+<Image
+	bind:ref
+	{...restProps}
+	containerClasses={cn(
+		'border-base-300 dark:border-base-700 overflow-hidden rounded-2xl border',
+		containerClasses
+	)}
+/>

package/dist/components/image-container/ImageContainer.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type ImageProps } from '../image';
+declare const ImageContainer: import("svelte").Component<ImageProps, {}, "ref">;
+type ImageContainer = ReturnType<typeof ImageContainer>;
+export default ImageContainer;

package/dist/components/image-container/index.d.ts

@@ -0,0 +1 @@
+export { default as ImageContainer } from './ImageContainer.svelte';

package/dist/components/image-container/index.js

@@ -0,0 +1 @@
+export { default as ImageContainer } from './ImageContainer.svelte';