lapikit 0.4.14 → 0.4.15

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/dom.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/@types/events.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/@types/index.js

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

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

@@ -0,0 +1,3 @@
+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';

package/dist/@types/props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/accordion/accordion.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { AccordionProps } from './accordion.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { RoundedType, Component } from '../../utils/types';
+import type { RoundedType, Component } from '../../@types';
 import type { Snippet } from 'svelte';
 export interface AccordionProps extends Component {
     ref?: HTMLElement | null;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../../utils';
-	import { makeComponentProps } from '../../../compiler/mapped-code';
+	import { makeComponentProps } from '../../../html-mapped';
 	import type { AccordionItemModelProps, AccordionItemProps } from '../accordion.types.js';
 
 	let {

package/dist/components/alert/alert.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { AlertDensity, AlertProps, AlertTone, AlertVariant } from './alert.types.js';
 
 	function resolveVariant(value: AlertVariant | undefined): AlertVariant {

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

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { Component, RoundedType } from '../../utils/types';
+import type { Component, RoundedType } from '../../@types';
 export type AlertVariant = 'filled' | 'outline' | 'text';
 export type AlertDensity = 'compact' | 'comfortable' | 'default';
 export type AlertTone = 'default' | 'info' | 'success' | 'warning' | 'error';

package/dist/components/appbar/appbar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { AppbarProps } from './appbar.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType } from '../../utils/types';
+import type { Component, RoundedType } from '../../@types';
 type Density = 'compact' | 'comfortable' | 'default';
 type Variant = 'outline' | 'text';
 export interface AppbarProps extends Component {

package/dist/components/aspect-ratio/aspect-ratio.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { AspectRatioFit, AspectRatioProps, AspectRatioValue } from './aspect-ratio.types.js';
 
 	const FALLBACK_RATIO = 16 / 9;

package/dist/components/aspect-ratio/aspect-ratio.types.d.ts

@@ -1,4 +1,4 @@
-import type { Component } from '../../utils/types';
+import type { Component } from '../../@types';
 export type AspectRatioValue = string | number;
 export type AspectRatioFit = 'cover' | 'contain' | 'fill';
 export interface AspectRatioProps extends Component {

package/dist/components/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { AvatarProps } from './avatar.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { Component } from '../../utils/types';
+import type { Component } from '../../@types';
 export type AvatarSize = 'default' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type AvatarDensity = 'compact' | 'comfortable' | 'default';
 export interface AvatarProps extends Component {

package/dist/components/btn/btn.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { ripple } from '../../animations';
 	import type { ButtonProps } from './btn.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType, SizeType } from '../../utils/types';
+import type { Component, RoundedType, SizeType } from '../../@types';
 import type { Snippet } from 'svelte';
 export interface ButtonProps extends Component {
     ref?: HTMLElement | null;

package/dist/components/card/card.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { ripple } from '../../animations';
 	import type { CardProps } from './card.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType } from '../../utils/types';
+import type { Component, RoundedType } from '../../@types';
 export interface CardProps extends Component {
     ref?: HTMLElement | null;
     is?: 'div' | 'article' | 'section' | 'aside' | 'a' | 'button';

package/dist/components/chip/chip.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { ripple } from '../../animations';
 	import type { ChipProps } from './chip.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, SizeType } from '../../utils/types';
+import type { Component, SizeType } from '../../@types';
 import type { Snippet } from 'svelte';
 export interface ChipProps extends Component {
     ref?: HTMLElement | null;

package/dist/components/dialog/dialog.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { disabledScroll } from '../../@legacy/internal/helpers/scroll';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { useClassName, useStyles } from '../../utils';
 	import type { DialogDensity, DialogPosition, DialogProps, DialogSize } from './dialog.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType } from '../../utils/types';
+import type { Component, RoundedType } from '../../@types';
 export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type DialogPosition = 'top' | 'center' | 'bottom';
 export type DialogDensity = 'compact' | 'comfortable' | 'default';

package/dist/components/dropdown/dropdown.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
 	import { useClassName, useStyles, clickOutside } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { getPositions } from './dropdown.svelte.js';
 	import type { DropdownProps, ModelDropdownProps } from './dropdown.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, PropValue, RoundedType } from '../../utils/types/index';
+import type { Component, PropValue, RoundedType } from '../../@types/index';
 import type { Snippet } from 'svelte';
 export type PositionElement = {
     x: number;

package/dist/components/icon/icon.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { IconProps } from './icon.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { Component, SizeType } from '../../utils/types';
+import type { Component, SizeType } from '../../@types';
 export interface IconProps extends Component {
     ref?: HTMLElement | null;
     name?: string;

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export { default as KitSheet } from './sheet/sheet.svelte';
 export { default as KitApp } from './app/app.svelte';
 export { default as KitAppbar } from './appbar/appbar.svelte';
 export { default as KitBtn } from './btn/btn.svelte';

package/dist/components/index.js

@@ -1,5 +1,4 @@
 // components
-export { default as KitSheet } from './sheet/sheet.svelte';
 export { default as KitApp } from './app/app.svelte';
 export { default as KitAppbar } from './appbar/appbar.svelte';
 export { default as KitBtn } from './btn/btn.svelte';

package/dist/components/list/list.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { useClassName, useStyles } from '../../utils';
 	import type { ListDensity, ListProps, ListVariant } from './list.types.js';
 

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

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { Component, RoundedType, SizeType } from '../../utils/types';
+import type { Component, RoundedType, SizeType } from '../../@types';
 export type ListVariant = 'filled' | 'outline' | 'text';
 export type ListDensity = 'compact' | 'comfortable' | 'default';
 export type ListElement = 'div' | 'nav' | 'ul';

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { ripple } from '../../../animations';
-	import { makeComponentProps } from '../../../compiler/mapped-code';
+	import { makeComponentProps } from '../../../html-mapped';
 	import { useClassName, useStyles } from '../../../utils';
 	import type { ListItemProps } from '../list.types.js';
 

package/dist/components/modal/modal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
 	import { get } from 'svelte/store';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { useClassName, useStyles } from '../../utils';
 	import { modalOpen, modalStack, popModal, pushModal, setOpenModal } from '../../@legacy/stores';
 	import type { ModalDensity, ModalPosition, ModalProps, ModalSize } from './modal.types.js';

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType } from '../../utils/types';
+import type { Component, RoundedType } from '../../@types';
 export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export type ModalPosition = 'top' | 'center' | 'bottom';
 export type ModalDensity = 'compact' | 'comfortable' | 'default';

package/dist/components/popover/popover.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles, clickOutside } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { getPositions } from './popover.svelte.js';
 	import type { ModelPopoverProps, PopoverProps } from './popover.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, PropValue, RoundedType } from '../../utils/types';
+import type { Component, PropValue, RoundedType } from '../../@types';
 import type { Snippet } from 'svelte';
 export type PositionElement = {
     x: number;

package/dist/components/separator/separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { SeparatorProps } from './separator.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { Base } from '../../utils/types';
+import type { Base } from '../../@types';
 type Orientation = 'horizontal' | 'vertical';
 export interface SeparatorProps extends Base {
     ref?: HTMLElement | null;

package/dist/components/spacer/spacer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { useClassName, useStyles } from '../../utils';
 	import type { SpacerProps } from './spacer.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Base } from '../../utils/types';
+import type { Base } from '../../@types';
 export interface SpacerProps extends Base {
     is?: 'div';
 }

package/dist/components/textfield/textfield.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import Icon from '../icon/icon.svelte';
 	import type { TextfieldProps } from './textfield.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, RoundedType, SizeType } from '../../utils/types';
+import type { Component, RoundedType, SizeType } from '../../@types';
 import type { Snippet } from 'svelte';
 import type { HTMLInputAttributes } from 'svelte/elements';
 export interface TextfieldProps extends Component {

package/dist/components/toolbar/toolbar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { useClassName, useStyles } from '../../utils/index';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import type { ToolbarProps } from './toolbar.types.js';
 
 	let {

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

@@ -1,4 +1,4 @@
-import type { Component, PropValue, RoundedType } from '../../utils/types';
+import type { Component, PropValue, RoundedType } from '../../@types';
 type Variant = 'outline' | 'text' | 'dash';
 type Density = 'compact' | 'comfortable' | 'default';
 type Orientation = 'horizontal' | 'vertical';

package/dist/components/tooltip/tooltip.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 	import { getPositionsTooltip } from './tooltip.svelte.js';
 	import type { TooltipProps } from './tooltip.types.js';
 

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

@@ -1,4 +1,4 @@
-import type { Component, PropValue, RoundedType } from '../../utils/types';
+import type { Component, PropValue, RoundedType } from '../../@types';
 import type { Snippet } from 'svelte';
 export interface TooltipProps extends Component {
     ref?: HTMLElement | null;

package/dist/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const lapikitImportsRef = "lapikit/labs/components";
+export declare const lapikitImportsLabsRef = "lapikit/labs/labs/components";
+export declare const lapikitComponents: readonly string[];
+export declare const lapikitLabsComponents: readonly string[];
+export declare const lapikitPlugins: {
+    readonly repl: {
+        readonly components: readonly ["repl"];
+        readonly ref: "@lapikit/repl";
+    };
+};

package/dist/{compiler/components.js → constants.js}

@@ -1,5 +1,6 @@
-const lapikitComponents = [
-    'sheet',
+export const lapikitImportsRef = 'lapikit/labs/components';
+export const lapikitImportsLabsRef = 'lapikit/labs/labs/components';
+export const lapikitComponents = [
     'app',
     'btn',
     'icon',
@@ -29,4 +30,10 @@ const lapikitComponents = [
     'chip',
     'card'
 ];
-export default lapikitComponents;
+export const lapikitLabsComponents = ['sheet'];
+export const lapikitPlugins = {
+    repl: {
+        components: ['repl'],
+        ref: '@lapikit/repl'
+    }
+};

package/dist/entry-bundler.d.ts

@@ -1,10 +1,4 @@
-import type { LapikitPreprocessOptions } from './compiler/types/options';
-declare function lapikitPreprocess(options?: LapikitPreprocessOptions): {
-    markup({ content }: {
-        content: string;
-        filename?: string;
-    }): {
-        code: string;
-    } | undefined;
-};
+import type { LapikitPreprocessOptions } from './@types/index.js';
+import type { PreprocessorGroup } from 'svelte/compiler';
+declare function lapikitPreprocess(options?: LapikitPreprocessOptions): PreprocessorGroup;
 export { lapikitPreprocess };

package/dist/entry-bundler.js

@@ -1,4 +1,4 @@
-import { liliCore } from './compiler/preprocess';
+import { liliCore } from './framework.js';
 function lapikitPreprocess(options) {
     return liliCore(options);
 }

package/dist/{compiler/preprocess/decode-sourcemap.d.ts → escaping.d.ts}

@@ -1,2 +1,2 @@
-import type { ComponentInfo, KitComponentScan } from '../types';
+import type { ComponentInfo, KitComponentScan } from './@types/index.js';
 export declare const decodeSourceMap: (content: string, componentInfo: Map<string, ComponentInfo>) => KitComponentScan;

package/dist/{compiler/preprocess/decode-sourcemap.js → escaping.js}

@@ -1,4 +1,3 @@
-import { findTagEnd } from './finding';
 export const decodeSourceMap = (content, componentInfo) => {
     const importedComponents = new Map();
     const parts = [];
@@ -104,3 +103,52 @@ export const decodeSourceMap = (content, componentInfo) => {
         importedComponents
     };
 };
+const findTagEnd = (content, start) => {
+    let inSingle = false;
+    let inDouble = false;
+    let inTemplate = false;
+    let braceDepth = 0;
+    for (let i = start; i < content.length; i++) {
+        const ch = content[i];
+        const prev = i > 0 ? content[i - 1] : '';
+        if (inSingle) {
+            if (ch === "'" && prev !== '\\')
+                inSingle = false;
+            continue;
+        }
+        if (inDouble) {
+            if (ch === '"' && prev !== '\\')
+                inDouble = false;
+            continue;
+        }
+        if (inTemplate) {
+            if (ch === '`' && prev !== '\\')
+                inTemplate = false;
+            continue;
+        }
+        if (ch === "'") {
+            inSingle = true;
+            continue;
+        }
+        if (ch === '"') {
+            inDouble = true;
+            continue;
+        }
+        if (ch === '`') {
+            inTemplate = true;
+            continue;
+        }
+        if (ch === '{') {
+            braceDepth++;
+            continue;
+        }
+        if (ch === '}' && braceDepth > 0) {
+            braceDepth--;
+            continue;
+        }
+        if (braceDepth === 0 && ch === '>') {
+            return i;
+        }
+    }
+    return -1;
+};

package/dist/framework.d.ts

@@ -0,0 +1,15 @@
+import type { LapikitPreprocessOptions } from './@types/index.js';
+/**
+ * componentName generates the component name used in imports
+ * @param shortName The short name of the component
+ * @returns The component name with "Kit" prefix and the first letter capitalized
+ */
+export declare function componentName(shortName: string): string;
+export declare function liliCore(options?: LapikitPreprocessOptions): {
+    markup({ content }: {
+        content: string;
+        filename?: string;
+    }): {
+        code: string;
+    } | undefined;
+};

package/dist/{compiler/preprocess/lili.js → framework.js}

@@ -1,16 +1,24 @@
-import { componentName, lapikitImportsRef } from './source-import';
-import { decodeSourceMap } from './decode-sourcemap';
-// imports components and plugins
-import lapikitComponents from '../components';
-import lapikitPlugins from '../plugins';
+import { decodeSourceMap } from './escaping.js';
+import { lapikitImportsRef, lapikitImportsLabsRef, lapikitComponents, lapikitLabsComponents, lapikitPlugins } from './constants.js';
+/**
+ * componentName generates the component name used in imports
+ * @param shortName The short name of the component
+ * @returns The component name with "Kit" prefix and the first letter capitalized
+ */
+export function componentName(shortName) {
+    return 'Kit' + shortName.charAt(0).toUpperCase() + shortName.slice(1);
+}
 export function liliCore(options) {
     return {
         markup({ content }) {
-            const allComponents = [...lapikitComponents];
+            const allComponents = [...lapikitComponents, ...lapikitLabsComponents];
             const componentToRef = new Map();
             lapikitComponents.forEach((comp) => {
                 componentToRef.set(comp, lapikitImportsRef);
             });
+            lapikitLabsComponents.forEach((comp) => {
+                componentToRef.set(comp, lapikitImportsLabsRef);
+            });
             // plugins
             if (options?.plugins) {
                 options.plugins.forEach((pluginKey) => {

package/dist/{compiler/mapped-code.d.ts → html-mapped.d.ts}

@@ -1,5 +1,4 @@
-import type { SClassProp, SStyleProp } from './types';
-import type { PropValue } from '../utils/types';
+import type { PropValue, SClassProp, SStyleProp } from './@types';
 /**
  * Computes a string of class names based on the provided sClass and classDirectiveProps.
  * @param sClass - The s-class property which can be a string, array, or object.

package/dist/labs/index.d.ts

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

package/dist/labs/index.js

@@ -0,0 +1,2 @@
+// components labs
+export { default as KitSheet } from './sheet/sheet.svelte';

package/dist/{components → labs}/sheet/sheet.svelte

@@ -5,7 +5,7 @@
 	 */
 
 	import { useClassName, useStyles } from '../../utils';
-	import { makeComponentProps } from '../../compiler/mapped-code';
+	import { makeComponentProps } from '../../html-mapped';
 
 	let {
 		class: className,

package/dist/utils/components.d.ts

@@ -1,4 +1,4 @@
-import type { useClassNameProps, useStylesProps } from './types';
+import type { useClassNameProps, useStylesProps } from '../@types';
 /**
  * useClassName - Utility to compute class names for a component.
  * @param baseClass - The base class name for the component.

package/dist/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components';
-export * from './outside';
+export * from './components.js';
+export * from './outside.js';

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-export * from './components';
-export * from './outside';
+export * from './components.js';
+export * from './outside.js';

package/dist/utils/outside.d.ts

@@ -1,4 +1,4 @@
-import type { ClickOutsideOptions } from './types';
+import type { ClickOutsideOptions } from '../@types';
 export declare function clickOutside(node: HTMLElement, options: ClickOutsideOptions): {
     update(newOptions: ClickOutsideOptions): void;
     destroy(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.4.14",
+	"version": "0.4.15",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"
@@ -76,11 +76,16 @@
 			"default": "./dist/@legacy/themes.css"
 		},
 		"./labs/preprocess": {
+			"types": "./dist/entry-bundler.d.ts",
 			"default": "./dist/entry-bundler.js"
 		},
 		"./labs/components": {
 			"svelte": "./dist/components/index.js",
 			"default": "./dist/components/index.js"
+		},
+		"./labs/labs/components": {
+			"svelte": "./dist/labs/index.js",
+			"default": "./dist/labs/index.js"
 		}
 	},
 	"peerDependencies": {

package/dist/compiler/components.d.ts

@@ -1,2 +0,0 @@
-declare const lapikitComponents: readonly string[];
-export default lapikitComponents;

package/dist/compiler/index.d.ts

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

package/dist/compiler/index.js

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

package/dist/compiler/plugins.d.ts

@@ -1,7 +0,0 @@
-declare const lapikitPlugins: {
-    readonly repl: {
-        readonly components: readonly ["repl"];
-        readonly ref: "@lapikit/repl";
-    };
-};
-export default lapikitPlugins;

package/dist/compiler/plugins.js

@@ -1,7 +0,0 @@
-const lapikitPlugins = {
-    repl: {
-        components: ['repl'],
-        ref: '@lapikit/repl'
-    }
-};
-export default lapikitPlugins;

package/dist/compiler/preprocess/finding.d.ts

@@ -1 +0,0 @@
-export declare const findTagEnd: (content: string, start: number) => number;

package/dist/compiler/preprocess/finding.js

@@ -1,49 +0,0 @@
-export const findTagEnd = (content, start) => {
-    let inSingle = false;
-    let inDouble = false;
-    let inTemplate = false;
-    let braceDepth = 0;
-    for (let i = start; i < content.length; i++) {
-        const ch = content[i];
-        const prev = i > 0 ? content[i - 1] : '';
-        if (inSingle) {
-            if (ch === "'" && prev !== '\\')
-                inSingle = false;
-            continue;
-        }
-        if (inDouble) {
-            if (ch === '"' && prev !== '\\')
-                inDouble = false;
-            continue;
-        }
-        if (inTemplate) {
-            if (ch === '`' && prev !== '\\')
-                inTemplate = false;
-            continue;
-        }
-        if (ch === "'") {
-            inSingle = true;
-            continue;
-        }
-        if (ch === '"') {
-            inDouble = true;
-            continue;
-        }
-        if (ch === '`') {
-            inTemplate = true;
-            continue;
-        }
-        if (ch === '{') {
-            braceDepth++;
-            continue;
-        }
-        if (ch === '}' && braceDepth > 0) {
-            braceDepth--;
-            continue;
-        }
-        if (braceDepth === 0 && ch === '>') {
-            return i;
-        }
-    }
-    return -1;
-};

package/dist/compiler/preprocess/index.d.ts

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

package/dist/compiler/preprocess/index.js

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

package/dist/compiler/preprocess/lili.d.ts

@@ -1,9 +0,0 @@
-import type { LapikitPreprocessOptions } from '../types';
-export declare function liliCore(options?: LapikitPreprocessOptions): {
-    markup({ content }: {
-        content: string;
-        filename?: string;
-    }): {
-        code: string;
-    } | undefined;
-};

package/dist/compiler/preprocess/source-import.d.ts

@@ -1,7 +0,0 @@
-/**
- * componentName generates the component name used in imports
- * @param shortName The short name of the component
- * @returns The component name with "Kit" prefix and the first letter capitalized
- */
-export declare function componentName(shortName: string): string;
-export declare const lapikitImportsRef = "lapikit/components";

package/dist/compiler/preprocess/source-import.js

@@ -1,9 +0,0 @@
-/**
- * componentName generates the component name used in imports
- * @param shortName The short name of the component
- * @returns The component name with "Kit" prefix and the first letter capitalized
- */
-export function componentName(shortName) {
-    return 'Kit' + shortName.charAt(0).toUpperCase() + shortName.slice(1);
-}
-export const lapikitImportsRef = 'lapikit/components';

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

@@ -1,2 +0,0 @@
-export type SClassProp = string | string[] | Record<string, boolean | string> | undefined;
-export type SStyleProp = Record<string, boolean | string> | undefined;

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

@@ -1,2 +0,0 @@
-export type * from './dom';
-export * from './options';

package/dist/compiler/types/index.js

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

package/dist/compiler/types/options.d.ts

@@ -1,12 +0,0 @@
-export type LapikitPreprocessOptions = {
-    plugins?: string[];
-};
-export type KitComponentScan = {
-    code: string;
-    changed: boolean;
-    importedComponents: Map<string, string>;
-};
-export type ComponentInfo = {
-    name: string;
-    ref: string;
-};

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

@@ -1,44 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { SClassProp, SStyleProp } from '../../compiler/types';
-type IdElementType = string | undefined;
-type ClassNameType = string | string[] | undefined;
-type KitClassNameType = string | string[] | undefined;
-type KitStylePropertiesType = Record<string, boolean | string> | undefined;
-type StylePropertiesType = string | undefined;
-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 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 interface RippleProps {
-    component?: string;
-    center?: boolean;
-    color?: string;
-    duration?: number;
-    disabled?: boolean;
-}
-export type ClickOutsideOptions = {
-    exclude?: (HTMLElement | PointerEvent | null)[];
-    onClose: () => void;
-};
-export {};