lapikit 0.0.0-insiders.d2eaed2 → 0.0.0-insiders.d417b60

package/dist/components/accordion/accordion.svelte

@@ -117,6 +117,10 @@
 		border-bottom-right-radius: var(--kit-accordion-item-radius);
 	}
 
+	.kit-accordion:not([data-spacer='true']) :global(.kit-accordion-item:first-child:last-child) {
+		border-radius: var(--kit-accordion-item-radius);
+	}
+
 	.kit-accordion[data-hide-icon='true'] :global(.kit-accordion-item__indicator) {
 		display: none;
 	}

package/dist/components/alert/alert.svelte

@@ -281,7 +281,7 @@
 	}
 	.kit-alert[data-size='xl'] {
 		--kit-alert-h: 64px;
-		--kit-alert-px: 20px;
+		--kit-alert-p: 20px;
 		--kit-alert-gap: var(--kit-space-comfortable);
 		--kit-alert-font: var(--kit-font-xl);
 	}

package/dist/components/app/app.svelte

@@ -62,12 +62,14 @@
 		--kit-density-comfortable: 4px;
 
 		--kit-shadow-opacity: 30%;
-		--kit-shadow-ambiant-opacity: 15%;
+		--kit-shadow-ambient-opacity: 15%;
 
 		--kit-disabled-opacity: 0.55;
 		--kit-font:
 			ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
 			'Segoe UI Symbol', 'Noto Color Emoji';
+
+		--kit-color-transparent: transparent;
 	}
 
 	:global(html:not([data-kit-theme])),
@@ -259,7 +261,7 @@
 		box-shadow:
 			0 1px 2px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 3px 8px -2px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='2']),
@@ -268,7 +270,7 @@
 		box-shadow:
 			0 1px 3px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 5px 12px -3px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='3']),
@@ -277,7 +279,7 @@
 		box-shadow:
 			0 2px 4px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 8px 20px -4px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='4']),
@@ -286,7 +288,7 @@
 		box-shadow:
 			0 3px 5px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 11px 26px -5px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='5']),
@@ -295,7 +297,7 @@
 		box-shadow:
 			0 4px 6px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 14px 32px -6px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 	@keyframes -global-animation-l-ripple {
 		from {

package/dist/components/appbar/appbar.svelte

@@ -146,10 +146,10 @@
 		--kit-appbar-density-offset: var(--kit-density-compact);
 	}
 	.kit-appbar[data-density='default'] {
-		--kit-appbar-density-offset: var(--kit-density-compact);
+		--kit-appbar-density-offset: var(--kit-density-default);
 	}
 	.kit-appbar[data-density='comfortable'] {
-		--kit-appbar-density-offset: var(--kit-density-compact);
+		--kit-appbar-density-offset: var(--kit-density-comfortable);
 	}
 
 	/** 

package/dist/components/avatar/avatar.svelte

@@ -62,8 +62,8 @@
 	class={componentClass}
 	style={resolvedStyle}
 	data-type={contentType}
-	data-size={contentType === 'label' ? size : undefined}
-	data-density={contentType === 'label' ? density : undefined}
+	data-size={size}
+	data-density={density}
 	data-rounded={rounded}
 	data-elevation={elevationState.base}
 	data-elevation-hover={elevationState.hover}
@@ -84,7 +84,6 @@
 		justify-content: center;
 		width: calc(var(--kit-avatar-h) + var(--kit-avatar-density-offset) / 2);
 		height: calc(var(--kit-avatar-h) + var(--kit-avatar-density-offset) / 2);
-		padding: calc(var(--kit-avatar-p) + var(--kit-avatar-density-offset) / 2);
 		overflow: hidden;
 		background: var(--kit-color-surface-3);
 		color: var(--kit-color-text);
@@ -167,31 +166,26 @@
 	*/
 	.kit-avatar[data-size='xs'] {
 		--kit-avatar-h: 32px;
-		--kit-avatar-p: 8px;
 		--kit-avatar-gap: var(--kit-space-compact);
 		--kit-avatar-font: var(--kit-font-xs);
 	}
 	.kit-avatar[data-size='sm'] {
 		--kit-avatar-h: 40px;
-		--kit-avatar-p: 10px;
 		--kit-avatar-gap: var(--kit-space-default);
 		--kit-avatar-font: var(--kit-font-sm);
 	}
 	.kit-avatar[data-size='md'] {
 		--kit-avatar-h: 48px;
-		--kit-avatar-p: 12px;
 		--kit-avatar-gap: var(--kit-space-default);
 		--kit-avatar-font: var(--kit-font-md);
 	}
 	.kit-avatar[data-size='lg'] {
 		--kit-avatar-h: 56px;
-		--kit-avatar-p: 16px;
 		--kit-avatar-gap: var(--kit-space-default);
 		--kit-avatar-font: var(--kit-font-lg);
 	}
 	.kit-avatar[data-size='xl'] {
 		--kit-avatar-h: 64px;
-		--kit-avatar-p: 20px;
 		--kit-avatar-gap: var(--kit-space-comfortable);
 		--kit-avatar-font: var(--kit-font-xl);
 	}

package/dist/components/btn/btn.svelte

@@ -221,7 +221,7 @@
 		background: var(--kit-btn-bg);
 		color: var(--kit-btn-fg);
 		height: calc(var(--kit-btn-h) + var(--kit-btn-density-offset) / 2);
-		padding-inline: calc(var(--kit-btn-p) * var(--kit-btn-density-offset) / 2);
+		padding-inline: calc(var(--kit-btn-p) + var(--kit-btn-density-offset) / 2);
 		border-radius: var(--kit-btn-radius);
 		text-decoration: none;
 		white-space: nowrap;
@@ -351,8 +351,8 @@
 	}
 
 	.kit-btn[data-icon='true'] {
-		width: max(28px, calc(var(--kit-btn-h) * var(--kit-btn-density-offset) / 2));
-		min-width: max(28px, calc(var(--kit-btn-h) * var(--kit-btn-density-offset) / 2));
+		width: max(28px, calc(var(--kit-btn-h) + var(--kit-btn-density-offset) / 2));
+		min-width: max(28px, calc(var(--kit-btn-h) + var(--kit-btn-density-offset) / 2));
 		padding-inline: 0;
 	}
 
@@ -418,7 +418,7 @@
 
 	.kit-btn[data-size='lg'] {
 		--kit-btn-h: 48px;
-		--kit-btn-px: 20px;
+		--kit-btn-p: 20px;
 		--kit-btn-gap: var(--kit-space-default);
 		--kit-btn-font: 16px;
 	}
@@ -428,7 +428,7 @@
 
 	.kit-btn[data-size='xl'] {
 		--kit-btn-h: 56px;
-		--kit-btn-px: 24px;
+		--kit-btn-p: 24px;
 		--kit-btn-gap: var(--kit-space-comfortable);
 		--kit-btn-font: 17px;
 	}

package/dist/components/chip/chip.svelte

@@ -250,6 +250,7 @@
 		white-space: nowrap;
 		user-select: none;
 		cursor: default;
+		font-size: var(--kit-chip-font);
 		border: 0;
 		transition:
 			background 150ms ease,
@@ -424,7 +425,7 @@
 
 	.kit-chip[data-size='lg'] {
 		--kit-chip-h: 36px;
-		--kit-chip-px: 14px;
+		--kit-chip-p: 14px;
 		--kit-chip-gap: var(--kit-space-default);
 		--kit-chip-font: 14px;
 	}
@@ -434,7 +435,7 @@
 
 	.kit-chip[data-size='xl'] {
 		--kit-chip-h: 40px;
-		--kit-chip-px: 16px;
+		--kit-chip-p: 16px;
 		--kit-chip-gap: var(--kit-space-comfortable);
 		--kit-chip-font: 15px;
 	}

package/dist/components/icon/icon.svelte

@@ -116,20 +116,26 @@
 
 <style>
 	.kit-icon {
+		--kit-icon-size-xs: 12px;
+		--kit-icon-size-sm: 14px;
+		--kit-icon-size-md: 16px;
+		--kit-icon-size-lg: 18px;
+		--kit-icon-size-xl: 20px;
+
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		text-indent: 0;
 		line-height: 1;
-		font-size: var(--kit-icon-current-size);
+		font-size: var(--kit-icon-current-size, var(--kit-icon-size-md));
 		vertical-align: middle;
 	}
 
 	.kit-icon :global(svg),
 	.kit-icon img,
 	.kit-icon .kit-icon__mask {
-		width: var(--kit-icon-current-size);
-		height: var(--kit-icon-current-size);
+		width: var(--kit-icon-current-size, var(--kit-icon-size-md));
+		height: var(--kit-icon-current-size, var(--kit-icon-size-md));
 		flex-shrink: 0;
 		display: block;
 	}
@@ -152,18 +158,18 @@
 	 * @link https://lapikit.dev/docs/components/icon#size 
 	 */
 	.kit-icon[data-size='xs'] {
-		--kit-icon-current-size: 12px;
+		--kit-icon-current-size: var(--kit-icon-size-xs);
 	}
 	.kit-icon[data-size='sm'] {
-		--kit-icon-current-size: 14px;
+		--kit-icon-current-size: var(--kit-icon-size-sm);
 	}
 	.kit-icon[data-size='md'] {
-		--kit-icon-current-size: 16px;
+		--kit-icon-current-size: var(--kit-icon-size-md);
 	}
 	.kit-icon[data-size='lg'] {
-		--kit-icon-current-size: 18px;
+		--kit-icon-current-size: var(--kit-icon-size-lg);
 	}
 	.kit-icon[data-size='xl'] {
-		--kit-icon-current-size: 20px;
+		--kit-icon-current-size: var(--kit-icon-size-xl);
 	}
 </style>

package/dist/components/list/list.svelte

@@ -181,6 +181,9 @@
 		border-bottom-left-radius: var(--kit-list-item-radius);
 		border-bottom-right-radius: var(--kit-list-item-radius);
 	}
+	.kit-list:not([data-nav='true']) :global(.kit-list-item:not(:first-child):not(:last-child)) {
+		--kit-list-item-radius: 0;
+	}
 
 	/**
 	* size
@@ -188,31 +191,31 @@
 	*/
 	.kit-list[data-size='xs'] :global(.kit-list-item) {
 		--kit-list-item-h: 28px;
-		--kit-list-item-px: 12px;
+		--kit-list-item-p: 12px;
 		--kit-list-item-gap: var(--kit-space-compact);
 		--kit-list-item-font: var(--kit-font-xs);
 	}
 	.kit-list[data-size='sm'] :global(.kit-list-item) {
 		--kit-list-item-h: 36px;
-		--kit-list-item-px: 14px;
+		--kit-list-item-p: 14px;
 		--kit-list-item-gap: var(--kit-space-default);
 		--kit-list-item-font: var(--kit-font-sm);
 	}
 	.kit-list[data-size='md'] :global(.kit-list-item) {
 		--kit-list-item-h: 44px;
-		--kit-list-item-px: 16px;
+		--kit-list-item-p: 16px;
 		--kit-list-item-gap: var(--kit-space-default);
 		--kit-list-item-font: var(--kit-font-md);
 	}
 	.kit-list[data-size='lg'] :global(.kit-list-item) {
 		--kit-list-item-h: 52px;
-		--kit-list-item-px: 20px;
+		--kit-list-item-p: 20px;
 		--kit-list-item-gap: var(--kit-space-default);
 		--kit-list-item-font: var(--kit-font-lg);
 	}
 	.kit-list[data-size='xl'] :global(.kit-list-item) {
 		--kit-list-item-h: 60px;
-		--kit-list-item-px: 24px;
+		--kit-list-item-p: 24px;
 		--kit-list-item-gap: var(--kit-space-comfortable);
 		--kit-list-item-font: var(--kit-font-xl);
 	}

package/dist/components/list/modules/list-item.svelte

@@ -118,15 +118,15 @@
 
 	.kit-list-item .kit-list-item__prepend,
 	.kit-list-item:not([data-prepend='true']) .kit-list-item__content {
-		margin-left: calc(var(--kit-list-item-px) + var(--kit-list-density-offset) / 2);
+		margin-left: calc(var(--kit-list-item-p) + var(--kit-list-density-offset) / 2);
 	}
 	.kit-list-item .kit-list-item__append,
 	.kit-list-item:not([data-append='true']) .kit-list-item__content {
-		margin-right: calc(var(--kit-list-item-px) + var(--kit-list-density-offset) / 2);
+		margin-right: calc(var(--kit-list-item-p) + var(--kit-list-density-offset) / 2);
 	}
 	.kit-list-item:not([data-prepend='true']):not([data-append='true']) .kit-list-item__content {
-		margin-left: calc(var(--kit-list-item-px) + var(--kit-list-density-offset) / 2);
-		margin-right: calc(var(--kit-list-item-px) + var(--kit-list-density-offset) / 2);
+		margin-left: calc(var(--kit-list-item-p) + var(--kit-list-density-offset) / 2);
+		margin-right: calc(var(--kit-list-item-p) + var(--kit-list-density-offset) / 2);
 	}
 
 	.kit-list-item[data-prepend='true']:not([data-append='true']) {

package/dist/components/toolbar/toolbar.svelte

@@ -228,7 +228,7 @@
 		align-items: center;
 		justify-content: flex-start;
 		min-height: calc(var(--kit-toolbar-h) + var(--kit-toolbar-density-offset) / 2);
-		padding: calc(var(--kit-toolbar-px) + var(--kit-toolbar-density-offset) / 2);
+		padding: calc(var(--kit-toolbar-p) + var(--kit-toolbar-density-offset) / 2);
 		gap: var(--kit-toolbar-gap);
 		width: 100%;
 		border-radius: inherit;

package/dist/components/tooltip/tooltip.svelte

@@ -231,7 +231,7 @@
 		display: inline-block;
 		width: max-content;
 		max-width: min(20rem, calc(100vw - 1rem));
-		padding: calc(var(--kit-space-default) * var(--kit-tooltip-density-offset) / 2);
+		padding: calc(var(--kit-space-default) + var(--kit-tooltip-density-offset) / 2);
 		border: 0;
 		border-radius: var(--kit-tooltip-radius);
 		background: var(--kit-tooltip-bg);

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

@@ -0,0 +1,5 @@
+import type { AccordionOptions } from '../@types';
+export declare function useAccordion({ multiple, readOnly }?: AccordionOptions): {
+    readonly values: (string | number)[];
+    toggle(id: string | number): void;
+};

package/dist/hooks/actions.d.ts

@@ -1,2 +1,2 @@
 export * from './themes.svelte.js';
-export * from '../components/accordion/accordion.svelte.js';
+export * from './accordion.svelte.js';

package/dist/hooks/actions.js

@@ -1,2 +1,2 @@
 export * from './themes.svelte.js';
-export * from '../components/accordion/accordion.svelte.js';
+export * from './accordion.svelte.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lapikit",
-  "version": "0.0.0-insiders.d2eaed2",
+  "version": "0.0.0-insiders.d417b60",
   "license": "MIT",
   "publishConfig": {
     "access": "public"