lapikit 0.0.0-insiders.09c4e21 → 0.0.0-insiders.0c6d23b

package/README.md

@@ -1,5 +1,5 @@
 <a href="https://lapikit.dev">
-  <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/lapikit.svg" alt="Lapikit Logo" width="125">
+  <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/lapikit.svg" alt="Lapikit Logo" width="125">
 </a>
 
 # Lapikit - Svelte components library
@@ -8,10 +8,10 @@
 [![][subscribe-to-instagram]](https://www.instagram.com/lapikit/)
 [![][join-discord-lapikit]](https://discord.gg/gn9ZGtDtK4)
 
-[![][version]](https://github.com/nycolaide/lapikit/releases?q=lapikit&expanded=true)
+[![][version]](https://github.com/lapikit/lapikit/releases?q=lapikit&expanded=true)
 [![][installs]](https://www.npmjs.com/package/lapikit)
 [![][installs-this-month]](https://www.npmjs.com/package/lapikit)
-[![][license]](https://github.com/nycolaide/lapikit/blob/main/LICENSE)
+[![][license]](https://github.com/lapikit/lapikit/blob/main/LICENSE)
 [![][discord]](https://discord.gg/gn9ZGtDtK4)
 
 Lapikit is a comprehensive Svelte components library that provides developers with a wide range of pre-built, customizable UI components to streamline the development process. Whether you're building a simple website or a complex web application, Lapikit has the tools you need to create beautiful and functional user interfaces with ease.
@@ -71,7 +71,7 @@ Lapikit has created to help Svelte developers save time and effort when building
 
 ## 💖Community
 
-Join our growing community on [Discord](https://discord.gg/gn9ZGtDtK4) and [GitHub Discussions](https://github.com/nycolaide/lapikit/discussions) where we discuss and collaborate on all things Lapikit. Don't be shy, jump right in and be part of the discussion!
+Join our growing community on [Discord](https://discord.gg/gn9ZGtDtK4) and [GitHub Discussions](https://github.com/lapikit/lapikit/discussions) where we discuss and collaborate on all things Lapikit. Don't be shy, jump right in and be part of the discussion!
 
 ## 💁‍♂️Contributing
 
@@ -84,9 +84,9 @@ Be part of the next revolution in code editing by contributing to the project. T
 
 ## 📄License
 
-Licensed under the [MIT license](https://github.com/nycolaide/lapikit/blob/main/LICENSE).
+Licensed under the [MIT license](https://github.com/lapikit/lapikit/blob/main/LICENSE).
 
-Copyright © 2025 Nycolaide
+Copyright © 2025 - 2026 Nycolaide
 
 ## 🪧We support these projects
 
@@ -96,12 +96,12 @@ We are proud supporters of the open-source community and contribute to several p
   <tr>
     <td>
       <a href="https://www.w3.org/">
-        <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/w3c.svg" alt="W3C" width="75">
+        <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/w3c.svg" alt="W3C" width="75">
       </a>
     </td>
     <td>
       <a href="https://humanstxt.org/">
-        <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/humans.png" alt="Humans.txt" width="115">
+        <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/humans.png" alt="Humans.txt" width="115">
       </a>
     </td>
   </tr>
@@ -111,7 +111,7 @@ We are proud supporters of the open-source community and contribute to several p
 [join-discord-lapikit]: https://img.shields.io/badge/Join%20the%20community-black.svg?style=for-the-badge&logo=Discord
 [subscribe-to-instagram]: https://img.shields.io/badge/Follow%20@Lapikit-black.svg?style=for-the-badge&logo=Instagram
 [version]: https://img.shields.io/npm/v/lapikit.svg?label=Version&color=f58142
-[license]: https://badgen.net/github/license/nycolaide/lapikit?label=License&color=cc5640
+[license]: https://badgen.net/github/license/lapikit/lapikit?label=License&color=cc5640
 [installs]: https://badgen.net/npm/dt/lapikit?label=NPM%20installs&color=40ba12
 [installs-this-month]: https://badgen.net/npm/dm/lapikit?label=NPM%20installs&color=40ba12
 [discord]: https://img.shields.io/discord/1383879204671721492?color=5865F2&label=Discord&logo=discord&logoColor=white

package/bin/{helper.js → helpers.js}

@@ -1,3 +1,5 @@
+import readline from 'node:readline/promises';
+
 const color = {
 	red: (text) => `\x1b[31m${text}\x1b[0m`,
 	green: (text) => `\x1b[32m${text}\x1b[0m`,
@@ -57,3 +59,42 @@ export const terminal = (type = 'info', msg) => {
 	else if (type === 'none') console.log(msg);
 	else console.log(name, ansi.bold.blue('[info]'), msg);
 };
+
+export function createRL() {
+	return readline.createInterface({ input: process.stdin, output: process.stdout });
+}
+
+export async function toggle(rl, message, initial = true) {
+	const hint = initial ? 'Y/n' : 'y/N';
+	const answer = (await rl.question(`${message} (${hint}): `)).trim().toLowerCase();
+	if (answer === '') return initial;
+	return answer === 'y';
+}
+
+export async function text(rl, message, initial = '', validate) {
+	while (true) {
+		const hint = initial ? ` (${initial})` : '';
+		const answer = (await rl.question(`${message}${hint}: `)).trim();
+		const value = answer === '' ? initial : answer;
+		if (validate) {
+			const result = validate(value);
+			if (result !== true) {
+				terminal('warn', result);
+				continue;
+			}
+		}
+		return value;
+	}
+}
+
+export async function select(rl, message, choices) {
+	console.log(`\n${message}`);
+	choices.forEach((c, i) => console.log(`  ${i + 1}. ${c.title}`));
+
+	while (true) {
+		const answer = (await rl.question(`Choice (1): `)).trim();
+		const index = answer === '' ? 0 : parseInt(answer, 10) - 1;
+		if (index >= 0 && index < choices.length) return choices[index].value;
+		terminal('warn', `Please enter a number between 1 and ${choices.length}`);
+	}
+}

package/bin/hooks.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+import { terminal } from './helpers.js';
+
+export async function findSvelteConfigFile(projectPath) {
+	for (const ext of ['js', 'ts']) {
+		const file = path.join(projectPath, `svelte.config.${ext}`);
+		try {
+			await fs.access(file);
+			return file;
+		} catch {
+			// lapikit other step
+		}
+	}
+	throw new Error('No svelte.config.js or svelte.config.ts file found');
+}
+
+export async function addLiliPreprocess(svelteConfigFile) {
+	let content = await fs.readFile(svelteConfigFile, 'utf-8');
+	const lapikitImport = `import { lapikitPreprocess } from 'lapikit/labs/preprocess';`;
+
+	if (content.includes(`from 'lapikit/labs/preprocess'`)) {
+		terminal('info', `lapikitPreprocess already imported in ${svelteConfigFile}`);
+		return;
+	}
+
+	const lines = content.split('\n');
+	let importInsertIndex = 0;
+	for (let i = 0; i < lines.length; i++) {
+		if (lines[i].trim().startsWith('import ')) importInsertIndex = i + 1;
+	}
+	lines.splice(importInsertIndex, 0, lapikitImport);
+	content = lines.join('\n');
+
+	if (!content.match(/preprocess\s*:/)) {
+		content = content.replace(
+			/(const\s+\w+\s*=\s*\{|export\s+default\s*\{)/,
+			(m) => `${m}\n\tpreprocess: [lapikitPreprocess()],`
+		);
+	} else if (content.match(/preprocess\s*:\s*\[/)) {
+		content = content.replace(/preprocess\s*:\s*\[([\s\S]*?)\]/, (_, inner) => {
+			const trimmed = inner.trim();
+			if (!trimmed) return `preprocess: [lapikitPreprocess()]`;
+
+			if (inner.includes('\n')) {
+				const firstItemMatch = inner.match(/\n(\s*)\S/);
+				const indent = firstItemMatch ? firstItemMatch[1] : '\t\t';
+				const closingMatch = inner.match(/\n(\s*)$/);
+				const closingIndent = closingMatch ? closingMatch[1] : '\t';
+				const innerTrimmed = inner.trimEnd();
+				const sep = innerTrimmed.endsWith(',') ? '' : ',';
+				return `preprocess: [${innerTrimmed}${sep}\n${indent}lapikitPreprocess()\n${closingIndent}]`;
+			} else {
+				const sep = trimmed.endsWith(',') ? ' ' : ', ';
+				return `preprocess: [${trimmed}${sep}lapikitPreprocess()]`;
+			}
+		});
+	} else {
+		content = content.replace(
+			/preprocess\s*:\s*([^,\n\]{}]+)/,
+			(_, val) => `preprocess: [${val.trim()}, lapikitPreprocess()]`
+		);
+	}
+
+	await fs.writeFile(svelteConfigFile, content);
+	terminal('success', `lapikitPreprocess added to ${svelteConfigFile}`);
+}

package/bin/index.js

@@ -1,9 +1,10 @@
 #!/usr/bin/env node
-import { initConfiguration } from './configuration.js';
-import { ansi, terminal } from './helper.js';
-import { initPrompts } from './prompts.js';
+import { ansi, terminal, createRL, toggle } from './helpers.js';
+import { addLiliPreprocess, findSvelteConfigFile } from './hooks.js';
 
 async function run() {
+	const rl = createRL();
+
 	console.log('  _                 _ _    _ _   ');
 	console.log(' | |               (_) |  (_) |  ');
 	console.log(' | |     __ _ _ __  _| | ___| |_ ');
@@ -15,15 +16,38 @@ async function run() {
 
 	terminal('none', `${ansi.bold.blue('Lapikit')} - Component Library for Svelte\n\n`);
 
-	const promptsConfig = await initPrompts();
+	console.log(
+		'This installer will guide you through the process of installing Lapikit on your Svelte project.\n'
+	);
+
+	console.log('List actions that will be done:');
+	console.log(
+		ansi.color.green('✓') +
+			' Add lili preprocess (named: lapikitPreprocess) on your svelte.config.js file\n'
+	);
+	console.log(ansi.underline.purple('Setup will take less than 5 seconds\n'));
+
+	const confirm = await toggle(rl, 'Launch install Lapikit on your project?');
+	if (!confirm) {
+		terminal('warn', `installation canceled.`);
+		process.exit(0);
+	}
+
+	console.log('\n');
 
-	await initConfiguration(promptsConfig);
+	try {
+		const svelteConfigFile = await findSvelteConfigFile(process.cwd());
+		await addLiliPreprocess(svelteConfigFile);
+	} catch (error) {
+		terminal('warn', `Warning: Could not update svelte.config file: ${error.message}`);
+	}
 }
 
 run()
 	.then(() => {
-		terminal('none', `\n\n\n\nWebsite: https://lapikit.dev`);
-		terminal('none', `Github: https://github.com/nycolaide/lapikit`);
+		terminal('none', `\n\nThank's for installing Lapikit!\n`);
+		terminal('none', `Website: https://lapikit.dev`);
+		terminal('none', `Github: https://github.com/lapikit/lapikit`);
 		terminal('none', `Support the developement: https://buymeacoffee.com/nycolaide`);
 		process.exit(0);
 	})

package/dist/@types/actions.d.ts

@@ -0,0 +1,19 @@
+import type { Action } from 'svelte/action';
+/** Accordion */
+export type AccordionOptions = {
+    multiple?: boolean;
+    readOnly?: boolean;
+};
+/**Modal */
+export type ModalState = boolean | 'persistent';
+/**Theme */
+export type ThemeOptions = {
+    name?: string;
+    key?: string;
+    overridden?: boolean;
+};
+export type ThemeAction = {
+    action: Action<HTMLElement, ThemeOptions | undefined>;
+    set: (name: string) => void;
+    readonly active: string;
+};

package/dist/@types/animations.d.ts

@@ -0,0 +1,7 @@
+export interface RippleProps {
+    component?: string;
+    center?: boolean;
+    color?: string;
+    duration?: number;
+    disabled?: boolean;
+}

package/dist/@types/components.d.ts

@@ -0,0 +1,33 @@
+import type { Snippet } from 'svelte';
+import type { ClassNameType, IdElementType, KitClassNameType, KitStylePropertiesType, PropValue, SClassProp, SStyleProp, StylePropertiesType } from './';
+export interface useClassNameProps {
+    baseClass?: string;
+    className?: string;
+    sClass?: SClassProp;
+    classProps?: Record<string, PropValue>;
+}
+export interface useStylesProps {
+    styleAttr?: string;
+    sStyle?: SStyleProp;
+    styleProps?: Record<string, PropValue>;
+}
+export interface Base {
+    id?: IdElementType;
+    class?: ClassNameType;
+    style?: StylePropertiesType;
+    's-class'?: KitClassNameType;
+    's-style'?: KitStylePropertiesType;
+    [key: string]: any;
+}
+export interface Component extends Base {
+    children?: Snippet;
+}
+export type KitComponentScan = {
+    code: string;
+    changed: boolean;
+    importedComponents: Map<string, string>;
+};
+export type ComponentInfo = {
+    name: string;
+    ref: string;
+};

package/dist/@types/core.d.ts

@@ -0,0 +1,3 @@
+export type LapikitPreprocessOptions = {
+    plugins?: string[];
+};

package/dist/@types/dom.d.ts

@@ -0,0 +1,7 @@
+export type IdElementType = string | undefined;
+export type ClassNameType = string | string[] | undefined;
+export type StylePropertiesType = string | undefined;
+export type KitClassNameType = string | string[] | undefined;
+export type KitStylePropertiesType = Record<string, boolean | string> | undefined;
+export type SClassProp = string | string[] | Record<string, boolean | string> | undefined;
+export type SStyleProp = Record<string, boolean | string> | undefined;

package/dist/@types/events.d.ts

@@ -0,0 +1,4 @@
+export type ClickOutsideOptions = {
+    exclude?: (HTMLElement | PointerEvent | null)[];
+    onClose: () => void;
+};

package/dist/@types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './dom.js';
+export * from './components.js';
+export * from './props.js';
+export * from './events.js';
+export * from './animations.js';
+export * from './core.js';
+export * from './actions.js';

package/dist/@types/index.js

@@ -0,0 +1,7 @@
+export * from './dom.js';
+export * from './components.js';
+export * from './props.js';
+export * from './events.js';
+export * from './animations.js';
+export * from './core.js';
+export * from './actions.js';

package/dist/@types/props.d.ts

@@ -0,0 +1,4 @@
+export type PropValue = string | boolean | number | null | undefined;
+export type SizeType = 'default' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type RoundedType = 0 | '0' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type DensityType = 'none' | 'compact' | 'default' | 'comfortable';

package/dist/animations/index.d.ts

@@ -0,0 +1 @@
+export * from './ripple.ts';

package/dist/animations/index.js

@@ -0,0 +1 @@
+export * from "./ripple.js";

package/dist/animations/ripple.d.ts

@@ -0,0 +1,5 @@
+import type { RippleProps } from '../@types';
+export declare function ripple(el: HTMLElement, options?: RippleProps): {
+    destroy(): void;
+    update(newOptions: RippleProps): void;
+};

package/dist/{internal/core/animations → animations}/ripple.js

@@ -1,9 +1,22 @@
 const triggerEvents = ['pointerdown', 'touchstart', 'keydown'];
 const cancelEvents = ['mouseleave', 'dragleave', 'touchmove', 'touchcancel', 'pointerup', 'keyup'];
+function resolveDuration(options) {
+    return options.duration && options.duration > 0 ? options.duration : undefined;
+}
+function getCoords(e) {
+    if (window.TouchEvent && e instanceof TouchEvent) {
+        return { x: e.touches[0].clientX, y: e.touches[0].clientY };
+    }
+    return { x: e.clientX, y: e.clientY };
+}
 export function ripple(el, options = {}) {
     const rippleContainer = document.createElement('div');
+    const activeRipples = new Set();
     addClasses();
     setOptions(options);
+    function isAriaDisabled() {
+        return el.getAttribute('aria-disabled') === 'true';
+    }
     function addClasses(center) {
         const shouldBeCentered = center || options.center;
         if (!rippleContainer.classList.contains('kit-ripple--effect')) {
@@ -16,28 +29,26 @@ export function ripple(el, options = {}) {
             rippleContainer.classList.add('kit-ripple--center');
         }
     }
-    function setOptions(options) {
-        if (options.disabled || el.hasAttribute('aria-disabled')) {
+    function setOptions(newOptions) {
+        if (newOptions.disabled || isAriaDisabled()) {
             rippleContainer.remove();
         }
         else {
             el.appendChild(rippleContainer);
         }
-        if (options.duration && options.duration < 0) {
-            options.duration = undefined;
+        if (newOptions.component) {
+            rippleContainer.style.setProperty('--system-ripple-radius', `var(--kit-${newOptions.component}-radius)`);
         }
-        if (options.component) {
-            rippleContainer.style.setProperty('--system-ripple-radius', `var(--${options.component}-shape)`);
+        if (newOptions.color) {
+            rippleContainer.style.setProperty('--system-ripple-color', newOptions.color);
         }
-        if (options.color) {
-            rippleContainer.style.setProperty('--system-ripple-color', options.color);
-        }
-        if (options.duration) {
-            rippleContainer.style.setProperty('--system-animation-ripple-duration', `${options.duration}ms`);
+        const duration = resolveDuration(newOptions);
+        if (duration) {
+            rippleContainer.style.setProperty('--system-animation-ripple-duration', `${duration}ms`);
         }
     }
     function createRipple(e, center) {
-        if (options.disabled || el.hasAttribute('aria-disabled')) {
+        if (options.disabled || isAriaDisabled()) {
             return;
         }
         if (e instanceof KeyboardEvent) {
@@ -51,12 +62,7 @@ export function ripple(el, options = {}) {
         }
         addClasses(center);
         const rect = el.getBoundingClientRect();
-        const clientX = window.TouchEvent && e instanceof TouchEvent
-            ? e.touches[0].clientX
-            : e.clientX;
-        const clientY = window.TouchEvent && e instanceof TouchEvent
-            ? e.touches[0].clientY
-            : e.clientY;
+        const { x: clientX, y: clientY } = getCoords(e);
         const x = clientX - rect.left > el.offsetWidth / 2 ? 0 : el.offsetWidth;
         const y = clientY - rect.top > el.offsetHeight / 2 ? 0 : el.offsetHeight;
         const radius = Math.hypot(x - (clientX - rect.left), y - (clientY - rect.top));
@@ -66,16 +72,23 @@ export function ripple(el, options = {}) {
         ripple.style.top = `${clientY - rect.top - radius}px`;
         ripple.style.width = ripple.style.height = `${radius * 2}px`;
         rippleContainer.appendChild(ripple);
-        function removeRipple() {
-            if (ripple === null) {
-                return;
+        let timeoutId;
+        function cleanup() {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
             }
+            cancelEvents.forEach((event) => el.removeEventListener(event, removeRipple));
+            ripple.remove();
+        }
+        function removeRipple() {
             ripple.style.opacity = '0';
-            setTimeout(() => {
-                ripple.remove();
-            }, options.duration || 1000);
             cancelEvents.forEach((event) => el.removeEventListener(event, removeRipple));
+            timeoutId = setTimeout(() => {
+                ripple.remove();
+                activeRipples.delete(cleanup);
+            }, resolveDuration(options) || 1000);
         }
+        activeRipples.add(cleanup);
         cancelEvents.forEach((event) => el.addEventListener(event, removeRipple, { passive: true }));
     }
     triggerEvents.forEach((event) => el.addEventListener(event, createRipple, { passive: event === 'touchstart' }));
@@ -84,6 +97,9 @@ export function ripple(el, options = {}) {
             triggerEvents.forEach((event) => {
                 el.removeEventListener(event, createRipple);
             });
+            activeRipples.forEach((cleanup) => cleanup());
+            activeRipples.clear();
+            rippleContainer.remove();
         },
         update(newOptions) {
             options = newOptions;

package/dist/assets/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-end-horizontal-icon lucide-align-end-horizontal"><rect width="6" height="16" x="4" y="2" rx="2"/><rect width="6" height="9" x="14" y="9" rx="2"/><path d="M22 22H2"/></svg>

package/dist/components/accordion/accordion.svelte

@@ -1,39 +1,120 @@
 <script lang="ts">
-	import { getAssets } from '../../internal/core/actions/assets.svelte.js';
-	import type { AccordionProps } from './types.js';
+	import { useClassName, useStyles } from '../../utils';
+	import { makeComponentProps } from '../../html-mapped';
+	import type { AccordionProps } from './accordion.types.js';
 
 	let {
 		ref = $bindable(),
-		children,
 		is = 'div',
-		dark,
-		light,
-		color,
-		background,
-		spacer,
-		hideIcon,
-		rounded,
+		children = undefined,
+		class: className = '',
+		style: styleAttr = '',
+		's-class': sClass,
+		's-style': sStyle,
+		text = undefined,
+		color = undefined,
+		background = undefined,
+		rounded = undefined,
+		spacer = false,
+		hideIcon = false,
 		...rest
 	}: AccordionProps = $props();
 
-	const assets = getAssets();
+	let { classProps, styleProps, restProps } = $derived(
+		makeComponentProps(rest as Record<string, unknown>)
+	);
+
+	let componentClass = $derived(
+		useClassName({
+			baseClass: 'kit-accordion',
+			className: `${className ?? ''}`.trim(),
+			sClass,
+			classProps
+		})
+	);
+
+	let componentStyle = $derived(
+		useStyles({
+			styleAttr,
+			sStyle,
+			styleProps
+		})
+	);
+
+	let mergedStyle = $derived(
+		[
+			componentStyle,
+			color ? `--kit-accordion-fg:${color}` : '',
+			background ? `--kit-accordion-bg:${background}` : ''
+		]
+			.filter(Boolean)
+			.join('; ')
+	);
 </script>
 
 <svelte:element
 	this={is}
 	bind:this={ref}
-	{...rest}
-	class={[
-		'kit-accordion',
-		spacer && 'kit-accordion--spacer',
-		hideIcon && 'kit-accordion--hide-icon',
-		light && 'light',
-		dark && 'dark',
-		rest.class
-	]}
-	style:--accordion-shape={assets.shape(rounded)}
-	style:--accordion-background={assets.color(background)}
-	style:--accordion-color={assets.color(color)}
+	class={componentClass}
+	style={mergedStyle}
+	{...restProps}
+	data-text={text ? true : undefined}
+	data-spacer={spacer}
+	data-hide-icon={hideIcon}
+	data-rounded={rounded}
 >
 	{@render children?.()}
 </svelte:element>
+
+<style>
+	.kit-accordion {
+		--kit-accordion-radius: 8px;
+		--kit-accordion-gap: 0;
+		--kit-accordion-fg: var(--kit-fg);
+		--kit-accordion-bg: transparent;
+
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+		width: 100%;
+		padding: 0;
+		list-style: none;
+		position: relative;
+		z-index: 1;
+		gap: var(--kit-accordion-gap);
+		color: var(--kit-accordion-fg);
+		background: var(--kit-accordion-bg);
+	}
+
+	.kit-accordion[data-spacer='true'] {
+		--kit-accordion-gap: 1rem;
+	}
+
+	.kit-accordion[data-rounded='0'] {
+		--kit-accordion-radius: 0;
+	}
+
+	.kit-accordion[data-rounded='xs'] {
+		--kit-accordion-radius: 2px;
+	}
+
+	.kit-accordion[data-rounded='sm'] {
+		--kit-accordion-radius: 4px;
+	}
+
+	.kit-accordion[data-rounded='md'] {
+		--kit-accordion-radius: 8px;
+	}
+
+	.kit-accordion[data-rounded='lg'] {
+		--kit-accordion-radius: 16px;
+	}
+
+	.kit-accordion[data-rounded='xl'] {
+		--kit-accordion-radius: 99999px;
+	}
+
+	.kit-accordion[data-hide-icon='true'] :global(.kit-accordion-item__indicator) {
+		display: none;
+	}
+</style>

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

@@ -1,4 +1,4 @@
-import type { AccordionProps } from './types.js';
+import type { AccordionProps } from './accordion.types.ts';
 declare const Accordion: import("svelte").Component<AccordionProps, {}, "ref">;
 type Accordion = ReturnType<typeof Accordion>;
 export default Accordion;