@rkosafo/cai.components 0.0.1 → 0.0.3

package/dist/ui/dropdown/DropdownItem.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+	import { dropdownItem } from './index.js';
+	import clsx from 'clsx';
+	import { getContext } from 'svelte';
+	import { getTheme, warnThemeDeprecation } from '../../themes/themeUtils.js';
+	import type { DropdownItemProps } from '../../index.js';
+
+	let {
+		aClass,
+		children,
+		activeClass,
+		liClass,
+		classes,
+		class: className,
+		...restProps
+	}: DropdownItemProps = $props();
+
+	warnThemeDeprecation(
+		'DropdownItem',
+		{ aClass, activeClass, liClass },
+		{ aClass: 'class', activeClass: 'active', liClass: 'li' }
+	);
+	const theme = getTheme('dropdownItem');
+	const styling = $derived(classes ?? { active: activeClass, li: liClass });
+
+	const activeUrl: { value: string } = getContext('activeUrl');
+
+	let isActive = $derived(activeUrl?.value ? restProps.href === activeUrl.value : false);
+
+	const { base, active, li } = dropdownItem();
+	let finalClass = $derived([
+		isActive
+			? active({ class: clsx(theme?.active, styling.active) })
+			: base({ class: clsx(theme?.base, className) })
+	]);
+</script>
+
+<li class={li({ class: clsx(styling.li) })}>
+	{#if restProps.href === undefined && restProps.onclick === undefined}
+		<div {...restProps} class={finalClass}>
+			{@render children()}
+		</div>
+	{:else if restProps.href === undefined}
+		<button type="button" {...restProps} class={finalClass}>
+			{@render children()}
+		</button>
+	{:else}
+		<a {...restProps} class={finalClass}>
+			{@render children()}
+		</a>
+	{/if}
+</li>

package/dist/ui/dropdown/DropdownItem.svelte.d.ts

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

package/dist/ui/dropdown/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Dropdown } from "./Dropdown.svelte";
+export { default as DropdownDivider } from './DropdownDivider.svelte';
+export { default as DropdownGroup } from './DropdownGroup.svelte';
+export { default as DropdownHeader } from './DropdownHeader.svelte';
+export { default as DropdownItem } from './DropdownItem.svelte';
+export { dropdown, dropdownDivider, dropdownGroup, dropdownHeader, dropdownItem } from './theme.js';

package/dist/ui/dropdown/index.js

@@ -0,0 +1,6 @@
+export { default as Dropdown } from "./Dropdown.svelte";
+export { default as DropdownDivider } from './DropdownDivider.svelte';
+export { default as DropdownGroup } from './DropdownGroup.svelte';
+export { default as DropdownHeader } from './DropdownHeader.svelte';
+export { default as DropdownItem } from './DropdownItem.svelte';
+export { dropdown, dropdownDivider, dropdownGroup, dropdownHeader, dropdownItem } from './theme.js';

package/dist/ui/dropdown/theme.d.ts

@@ -0,0 +1,55 @@
+import { type VariantProps } from 'tailwind-variants';
+import type { ClassValue } from 'clsx';
+type Slots<T extends {
+    slots: Record<string, unknown>;
+}> = Omit<T['slots'], 'base'>;
+export type Classes<T extends {
+    slots: Record<string, unknown>;
+}> = {
+    classes?: Partial<{
+        [K in keyof Slots<T>]: ClassValue;
+    }>;
+};
+export declare const dropdown: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700", unknown, unknown, undefined>>;
+export declare const dropdownDivider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", unknown, unknown, undefined>>;
+export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", unknown, unknown, undefined>>;
+export type DropdownItemVariants = VariantProps<typeof dropdownItem> & Classes<typeof dropdownItem>;
+export declare const dropdownItem: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    active: string;
+    li: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    active: string;
+    li: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    active: string;
+    li: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const dropdownGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", unknown, unknown, undefined>>;
+export {};

package/dist/ui/dropdown/theme.js

@@ -0,0 +1,20 @@
+import { tv } from 'tailwind-variants';
+export const dropdown = tv({
+    base: 'mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700'
+});
+export const dropdownDivider = tv({
+    base: 'my-1 h-px bg-gray-100 dark:bg-gray-500'
+});
+export const dropdownHeader = tv({
+    base: 'px-4 py-3 text-sm text-gray-900 dark:text-white'
+});
+export const dropdownItem = tv({
+    slots: {
+        base: 'block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white',
+        active: 'block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white',
+        li: ''
+    }
+});
+export const dropdownGroup = tv({
+    base: 'py-2 text-sm text-gray-700 dark:text-gray-200'
+});

package/dist/ui/footer/Footer.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { getTheme, type FooterProps } from '../../index.js';
+	import clsx from 'clsx';
+	import { footer } from './index.js';
+
+	let { children, footerType = 'default', class: className, ...restProps }: FooterProps = $props();
+
+	const theme = getTheme('footer');
+
+	const footerCls = $derived(footer({ footerType, class: clsx(theme, className) }));
+</script>
+
+<footer {...restProps} class={footerCls}>
+	{@render children()}
+</footer>

package/dist/ui/footer/Footer.svelte.d.ts

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

package/dist/ui/footer/FooterBrand.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { getTheme, type FooterBrandProps } from '../../index.js';
+	import clsx, { type ClassValue } from 'clsx';
+	import { footerBrand } from './index.js';
+
+	let {
+		children,
+		aClass,
+		spanClass,
+		imgClass,
+		href,
+		src,
+		alt,
+		name,
+		...restProps
+	}: FooterBrandProps = $props();
+
+	const theme = getTheme('footerBrand');
+
+	const { base, span, img } = $derived(footerBrand());
+</script>
+
+{#if href}
+	<a {...restProps} {href} class={base({ class: clsx(theme?.base, aClass) })}>
+		{#if src}
+			<img {src} class={img({ class: clsx(theme?.img, imgClass) })} {alt} />
+		{/if}
+		{#if name}
+			<span class={span({ class: clsx(theme?.span, spanClass) })}>{name}</span>
+		{/if}
+		{#if children}
+			{@render children()}
+		{/if}
+	</a>
+{:else}
+	<img {src} class={img({ class: clsx(imgClass) })} {alt} />
+{/if}

package/dist/ui/footer/FooterBrand.svelte.d.ts

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

package/dist/ui/footer/FooterCopyright.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { getTheme, warnThemeDeprecation } from '../../themes/themeUtils.js';
+	import clsx, { type ClassValue } from 'clsx';
+	import { footerCopyright } from './index.js';
+	import type { FooterCopyrightProps } from '../../index.js';
+
+	let {
+		spanClass,
+		aClass,
+		href,
+		by,
+		copyrightMessage = 'All Rights Reserved.',
+		year,
+		bySpanClass,
+		classes,
+		class: className,
+		...restProps
+	}: FooterCopyrightProps = $props();
+
+	warnThemeDeprecation(
+		'FooterCopyright',
+		{ aClass, spanClass, bySpanClass },
+		{ aClass: 'link', spanClass: 'class', bySpanClass: 'bySpan' }
+	);
+	// link, bySpan
+	const styling = $derived(classes ?? { bySpan: bySpanClass, link: aClass });
+
+	if (!year) year = new Date().getFullYear();
+
+	const { base, link, bySpan } = footerCopyright();
+
+	const theme = getTheme('footerCopyright');
+</script>
+
+<span class={base({ class: clsx(theme?.base, className ?? spanClass) })}>
+	&copy; {year}
+	{#if href}
+		<a {...restProps} {href} class={link({ class: clsx(theme?.link, styling.link) })}>
+			{by}
+		</a>
+	{:else}
+		<span class={bySpan({ class: clsx(theme?.bySpan, styling.bySpan) })}>{by}</span>
+	{/if}
+	{copyrightMessage}
+</span>

package/dist/ui/footer/FooterCopyright.svelte.d.ts

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

package/dist/ui/footer/FooterIcon.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { getTheme, type FooterIconProps } from '../../index.js';
+	import clsx from 'clsx';
+	import { footerIcon } from './index.js';
+
+	let { children, href, ariaLabel, class: className, ...restProps }: FooterIconProps = $props();
+
+	const theme = getTheme('footerIcon');
+</script>
+
+{#if href}
+	<a
+		{...restProps}
+		{href}
+		aria-label={ariaLabel}
+		class={footerIcon({ class: clsx(theme, className) })}
+	>
+		{@render children()}
+	</a>
+{:else}
+	{@render children()}
+{/if}

package/dist/ui/footer/FooterIcon.svelte.d.ts

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

package/dist/ui/footer/FooterLink.svelte

@@ -0,0 +1,33 @@
+<script lang="ts" module>
+</script>
+
+<script lang="ts">
+	import { getTheme, warnThemeDeprecation } from '../../themes/themeUtils.js';
+	import clsx, { type ClassValue } from 'clsx';
+	import { footerLink } from './index.js';
+	import type { FooterLinkProps } from '../../index.js';
+
+	let {
+		children,
+		liClass,
+		aClass,
+		href,
+		classes,
+		class: className,
+		...restProps
+	}: FooterLinkProps = $props();
+
+	warnThemeDeprecation('FooterLink', { liClass, aClass }, { liClass: 'class', aClass: 'link' });
+	// link, bySpan
+	const styling = $derived(classes ?? { link: aClass });
+
+	const theme = getTheme('footerLink');
+
+	const { base, link } = footerLink();
+</script>
+
+<li class={base({ class: clsx(theme?.base, className ?? liClass) })}>
+	<a {...restProps} {href} class={link({ class: clsx(theme?.link, styling.link) })}>
+		{@render children()}
+	</a>
+</li>

package/dist/ui/footer/FooterLink.svelte.d.ts

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

package/dist/ui/footer/FooterLinkGroup.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { getTheme, type FooterLinkGroupProps } from '../../index.js';
+	import clsx from 'clsx';
+	import { footerLinkGroup } from './index.js';
+
+	let { class: className, children, ...restProps }: FooterLinkGroupProps = $props();
+
+	const theme = getTheme('footerLinkGroup');
+</script>
+
+<ul {...restProps} class={footerLinkGroup({ class: clsx(theme, className) })}>
+	{@render children()}
+</ul>

package/dist/ui/footer/FooterLinkGroup.svelte.d.ts

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

package/dist/ui/footer/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Footer } from './Footer.svelte';
+export { default as FooterBrand } from './FooterBrand.svelte';
+export { default as FooterCopyright } from './FooterCopyright.svelte';
+export { default as FooterIcon } from './FooterIcon.svelte';
+export { default as FooterLink } from './FooterLink.svelte';
+export { default as FooterLinkGroup } from './FooterLinkGroup.svelte';
+export { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink } from './theme.js';

package/dist/ui/footer/index.js

@@ -0,0 +1,7 @@
+export { default as Footer } from './Footer.svelte';
+export { default as FooterBrand } from './FooterBrand.svelte';
+export { default as FooterCopyright } from './FooterCopyright.svelte';
+export { default as FooterIcon } from './FooterIcon.svelte';
+export { default as FooterLink } from './FooterLink.svelte';
+export { default as FooterLinkGroup } from './FooterLinkGroup.svelte';
+export { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink } from './theme.js';

package/dist/ui/footer/theme.d.ts

@@ -0,0 +1,137 @@
+import type { Classes } from "../../themes/themeUtils.js";
+import { type VariantProps } from "tailwind-variants";
+export declare const footer: import("tailwind-variants").TVReturnType<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, "bg-white dark:bg-gray-800", {
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, "bg-white dark:bg-gray-800", unknown, unknown, undefined>>;
+export type FooterBrandVariants = VariantProps<typeof footerBrand> & Classes<typeof footerBrand>;
+export declare const footerBrand: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, unknown, unknown, undefined>>;
+export type FooterCopyrightVariants = VariantProps<typeof footerCopyright> & Classes<typeof footerCopyright>;
+export declare const footerCopyright: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const footerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", unknown, unknown, undefined>>;
+export declare const footerLinkGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-600 dark:text-gray-400", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-600 dark:text-gray-400", unknown, unknown, undefined>>;
+export type FooterLinkVariants = VariantProps<typeof footerLink> & Classes<typeof footerLink>;
+export declare const footerLink: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    link: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/ui/footer/theme.js

@@ -0,0 +1,39 @@
+import { tv } from "tailwind-variants";
+export const footer = tv({
+    base: "bg-white dark:bg-gray-800",
+    variants: {
+        footerType: {
+            default: "p-4 rounded-lg shadow md:flex md:items-center md:justify-between md:p-6",
+            sitemap: "bg-white dark:bg-gray-900",
+            socialmedia: "p-4 sm:p-6",
+            logo: "p-4 rounded-lg shadow md:px-6 md:py-8",
+            sticky: "fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 dark:border-gray-600"
+        }
+    }
+});
+export const footerBrand = tv({
+    slots: {
+        base: "flex items-center",
+        span: "self-center text-2xl font-semibold whitespace-nowrap dark:text-white",
+        img: "me-3 h-8"
+    }
+});
+export const footerCopyright = tv({
+    slots: {
+        base: "block text-sm text-gray-500 sm:text-center dark:text-gray-400",
+        link: "hover:underline",
+        bySpan: "ms-1"
+    }
+});
+export const footerIcon = tv({
+    base: "text-gray-500 hover:text-gray-900 dark:hover:text-white"
+});
+export const footerLinkGroup = tv({
+    base: "text-gray-600 dark:text-gray-400"
+});
+export const footerLink = tv({
+    slots: {
+        base: "me-4 last:me-0 md:me-6",
+        link: "hover:underline"
+    }
+});

package/dist/ui/indicator/Indicator.svelte

@@ -0,0 +1,42 @@
+
+
+<script lang="ts">
+	import { indicator } from './index.js';
+	import clsx from 'clsx';
+
+	import { getTheme } from '../../themes/themeUtils.js';
+	import type { IndicatorProps } from '../../index.js';
+
+	let {
+		children,
+		color = 'primary',
+		cornerStyle = 'circular',
+		size = 'md',
+		border = false,
+		placement,
+		offset = true,
+		class: className,
+		...restProps
+	}: IndicatorProps = $props();
+	const theme = getTheme('indicator');
+
+	let hasChildren = !!children;
+	const base = $derived(
+		indicator({
+			color,
+			size,
+			cornerStyle,
+			border,
+			placement,
+			offset,
+			hasChildren,
+			class: clsx(theme, className)
+		})
+	);
+</script>
+
+<div {...restProps} class={base}>
+	{#if children}
+		{@render children()}
+	{/if}
+</div>

package/dist/ui/indicator/Indicator.svelte.d.ts

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

package/dist/ui/indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Indicator } from "./Indicator.svelte";
+export { indicator } from "./theme.js";

package/dist/ui/indicator/index.js

@@ -0,0 +1,2 @@
+export { default as Indicator } from "./Indicator.svelte";
+export { indicator } from "./theme.js";