lyco 1.3.0 → 1.3.6

package/dist/types/{src/components → components}/Canvas.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
 import { RefOrCallback } from 'lit/directives/ref.js';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export declare function Canvas(props?: {
     className?: string;
     style?: string;

package/dist/types/{src/components → components}/Card.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 interface CardProps {
     padding?: string;
     borderRadius?: string;

package/dist/types/{src/components → components}/Center.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function Center(props?: {
     width?: string;
     height?: string;

package/dist/types/{src/components → components}/Column.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function Column(props?: {
     space?: string | number;
     center?: boolean;

package/dist/types/{src/components → components}/ColumnSplit.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function ColumnSplit(props?: {
     firstHeight?: string;
     gap?: string | number;

package/dist/types/{src/components → components}/Combobox.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export interface ComboboxOption {
     value: string;
     label: string;

package/dist/types/{src/components → components}/Container.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export type ContainerProps = {
     maxWidth?: string;
     padding?: string;

package/dist/types/{src/components → components}/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
-import { OnEvent, renderFnOrArrayType } from '../core';
+import { OnEvent, renderFnOrArrayType } from '../../core';
 export declare enum DialogPlacement {
     Center = "center",
     Left = "left",

package/dist/types/{src/components → components}/Dialog/DialogActions.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from '../core';
+import { OnEvent, renderFnOrArrayType } from '../../core';
 type DialogActionsProps = {
     className?: string;
     style?: string;

package/dist/types/{src/components → components}/Dialog/DialogButton.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType } from '../core';
+import { OnEvent, renderFnType } from '../../core';
 type DialogButtonProps = {
     variant?: "text" | "contained";
     color?: "primary" | "secondary" | "default";

package/dist/types/{src/components → components}/Dialog/DialogContent.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from '../core';
+import { OnEvent, renderFnOrArrayType } from '../../core';
 type DialogContentProps = {
     className?: string;
     style?: string;

package/dist/types/{src/components → components}/Dialog/DialogTitle.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
-import { OnEvent, renderFnType } from '../core';
+import { OnEvent, renderFnType } from '../../core';
 type DialogTitleProps = {
     className?: string;
     style?: string;

package/dist/types/{src/components → components}/Divider.d.ts

@@ -1,4 +1,4 @@
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export declare function Divider(props?: {
     orientation?: "horizontal" | "vertical";
     thickness?: string;

package/dist/types/{src/components → components}/Flex.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 interface FlexProps {
     direction?: "row" | "column";
     justify?: string;

package/dist/types/{src/components → components}/FlowItem.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function FlowItem(props?: {
     on?: OnEvent;
 }): WithHtml<renderFnType>;

package/dist/types/{src/components → components}/FooterLayout.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 interface FooterLayoutProps {
     columns?: number;
     gap?: string;

package/dist/types/{src/components → components}/Grid.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function Grid(props?: {
     columns?: number;
     gap?: string | number;

package/dist/types/{src/components → components}/GridBreakpoint.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export type GridBreakpointProps = {
     breakpoints: Record<string, number>;
     defaultColumns?: number;

package/dist/types/{src/components → components}/GridCol.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function GridCol(props?: {
     gap?: string | number;
     on?: OnEvent;

package/dist/types/{src/components → components}/GridItem.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function GridItem(props?: {
     span?: number;
     on?: OnEvent;

package/dist/types/{src/components → components}/GridRow.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function GridRow(props?: {
     gap?: string | number;
     on?: OnEvent;

package/dist/types/{src/components → components}/HeroSection.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function HeroSection(props?: {
     backgroundImage?: string;
     height?: string;

package/dist/types/{src/components → components}/Hidden.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export type HiddenProps = {
     breakpoint?: string;
     mode?: "hide" | "show";

package/dist/types/{src/components → components}/LightboxContainer.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function LightboxContainer(props?: {
     fadeBg?: string;
     zIndex?: number;

package/dist/types/{src/components → components}/List.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { renderFnOrArrayType } from './core';
+import { renderFnOrArrayType } from '../core';
 export declare function ListItem(children?: renderFnOrArrayType): TemplateResult<1>;
 export declare function List(props?: {
     bordered?: boolean;

package/dist/types/{src/components → components}/ListGroup.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function ListGroup(props?: {
     bordered?: boolean;
     striped?: boolean;

package/dist/types/{src/components → components}/Overlay.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function Overlay(props?: {
     background?: string;
     zIndex?: number;

package/dist/types/{src/components → components}/PositionContainer.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function PositionContainer(props?: {
     width?: string;
     height?: string;

package/dist/types/{src/components → components}/Progress.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 type ProgressProps = {
     value?: number;
     bufferValue?: number;

package/dist/types/{src/components → components}/Row.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function Row(props?: {
     space?: string | number;
     center?: boolean;

package/dist/types/{src/components → components}/RowSplit.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function RowSplit(props?: {
     firstWidth?: string;
     gap?: string | number;

package/dist/types/{src/components → components}/ScrollBar.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export declare function ScrollBar(props?: {
     direction?: "vertical" | "horizontal";
     height?: string;

package/dist/types/{src/components → components}/SideBarContainer.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 export declare function SideBarContainer(props?: {
     sidebarWidth?: string;
     sidebarPosition?: "left" | "right";

package/dist/types/{src/components → components}/SizedBox.d.ts

@@ -1,4 +1,4 @@
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export declare function SizedBox(props?: {
     width?: string;
     height?: string;

package/dist/types/{src/components → components}/SkeletonLoader.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export declare function SkeletonLoader(props?: {
     type?: "rect" | "circle";
     width?: string;

package/dist/types/{src/components → components}/Spacer.d.ts

@@ -1,4 +1,4 @@
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export declare function Spacer(props?: {
     on?: OnEvent;
 }): import('lit').TemplateResult<1>;

package/dist/types/{src/components → components}/Spinner.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 type SpinnerProps = {
     size?: string;
     color?: string;

package/dist/types/{src/components → components}/Sticky.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 interface StickyProps {
     top?: string;
     bottom?: string;

package/dist/types/{src/components → components}/Swiper.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 type ScrollDirection = "x" | "y" | "both";
 type ScrollBehavior = "auto" | "smooth";
 type Alignment = "start" | "center" | "end" | "none";

package/dist/types/{src/components → components}/SwitchInput.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent } from './core';
+import { OnEvent } from '../core';
 export interface SwitchInputProps {
     checked?: boolean;
     disabled?: boolean;

package/dist/types/{src/components → components}/Table.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export interface TableProps {
     striped?: boolean;
     hover?: boolean;

package/dist/types/{src/components → components}/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType } from './core';
+import { OnEvent, renderFnType } from '../core';
 export declare enum WithTooltipPlacement {
     Top = "top",
     Bottom = "bottom",

package/dist/types/{src/components → components}/WaterFlow.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnType, WithHtml } from './core';
+import { OnEvent, renderFnType, WithHtml } from '../core';
 export interface WaterFlowProps {
     columnCount?: number;
     gap?: string | number;

package/dist/types/{src/components → components}/Wrap.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 interface WrapProps {
     direction?: "row" | "column";
     gap?: string | number;

package/dist/types/{src/components → components}/ZStack.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OnEvent, renderFnOrArrayType } from './core';
+import { OnEvent, renderFnOrArrayType } from '../core';
 interface ZStackProps {
     width?: string;
     height?: string;

package/dist/types/{src/components/index.d.ts → components/mod.d.ts}

@@ -1,3 +1,4 @@
+import { renderFnOrArrayType } from '../core';
 export { Virtualizer, VirtualizerController, type ItemsSource, type VirtualizerConfig, } from './Virtualizer.labs';
 export { LightboxContainer } from './LightboxContainer';
 export { Column } from './Column';
@@ -47,3 +48,4 @@ export { Progress } from './Progress';
 export { Spinner } from './Spinner';
 export { WithTooltip } from './Tooltip';
 export * from './Dialog';
+export declare function $Html(slot: renderFnOrArrayType): import('lit').TemplateResult<1> | import('lit').TemplateResult<1>[];

package/dist/types/{src/components/core.d.ts → core/index.d.ts}

@@ -9,7 +9,7 @@ export type WithHtml<K> = ((children?: K) => TemplateResult<1>) & {
 export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[];
 export declare function randomClassName(prefix?: string): string;
 export declare function renderFnOrCurry(fn?: renderFnType, injectBox?: (box: TemplateResult<1>) => TemplateResult<1>): TemplateResult<1> | ((fn?: renderFnType) => TemplateResult<1>);
-export declare function renderFnOrArrayOrCurry(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1> | TemplateResult<1>[]) => TemplateResult<1> | TemplateResult<1>[], injectBox2?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[] | ((fnOrArray?: renderFnOrArrayType) => TemplateResult<1> | TemplateResult<1>[]);
+export declare function renderFnOrArrayOrCurry(fnOrArray?: renderFnOrArrayType | string | number, injectBox?: (box: TemplateResult<1> | TemplateResult<1>[]) => TemplateResult<1> | TemplateResult<1>[], injectBox2?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[] | ((fnOrArray?: renderFnOrArrayType) => TemplateResult<1> | TemplateResult<1>[]);
 declare const allRandomClassName: {
     "GridBreakpoint::grid-breakpoint": {
         init: boolean;
@@ -106,9 +106,11 @@ type EventHandler<K extends keyof GlobalEventHandlersEventMap> = ((event: Global
 export type OnEvent = {
     [K in keyof GlobalEventHandlersEventMap]?: EventHandler<K>;
 };
+export declare function withEvents(on: OnEvent): OnEvent;
 export declare function bindEvents(el: EventTarget, on: Array<[string, EventHandler<any>]>, eventListeners: Map<string, EventListener>): void;
 export declare function createEventBinder(on: OnEvent): {
     bind(el: EventTarget): void;
     unbindAll(): void;
+    auto: (e?: Element) => void;
 };
 export {};

package/dist/types/index.d.ts

@@ -1,2 +1 @@
-export * from './src/index'
-export {}
+export * from './components/mod';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lyco",
-	"version": "1.3.0",
+	"version": "1.3.6",
 	"description": "Lit-based pure layout rendering function library , including Row/Column/Flex/Grid and other commonly used rendering functions .",
 	"scripts": {
 		"build": "vite build",
@@ -38,6 +38,18 @@
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.es.js",
 	"types": "dist/types/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/index.es.js",
+			"require": "./dist/index.cjs.js"
+		},
+		"./basic": {
+			"types": "./dist/types/basic.d.ts",
+			"import": "./dist/basic.es.js",
+			"require": "./dist/basic.cjs.js"
+		}
+	},
 	"files": [
 		"dist",
 		"README.md",

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

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

package/dist/types/stories/Dialog.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/web-components';
-export declare const WithComplexContent: () => import('lit').TemplateResult<1>;
-export declare const MultipleButtons: () => import('lit').TemplateResult<1>;
-export declare const CustomStyles: () => import('lit').TemplateResult<1>;
-declare const meta: Meta;
-export default meta;

package/dist/types/stories/Spinner.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta } from '@storybook/web-components';
-declare const _default: Meta;
-export default _default;
-export declare const Basic: () => import('lit').TemplateResult<1>;
-export declare const CustomSize: () => import('lit').TemplateResult<1>;
-export declare const CustomColor: () => import('lit').TemplateResult<1>;
-export declare const CustomSpeed: () => import('lit').TemplateResult<1>;
-export declare const CustomThickness: () => import('lit').TemplateResult<1>;
-export declare const CustomContent: () => import('lit').TemplateResult<1>;
-export declare const CustomEasing: () => import('lit').TemplateResult<1>;
-export declare const CustomStartAngle: () => import('lit').TemplateResult<1>;
-export declare const ReverseAndOpacity: () => import('lit').TemplateResult<1>;
-export declare const SVGMode: () => import('lit').TemplateResult<1>;
-export declare const StrokeLinecap: () => import('lit').TemplateResult<1>;
-export declare const StrokeDasharray: () => import('lit').TemplateResult<1>;

package/dist/types/stories/virtualizer-example.d.ts

@@ -1,12 +0,0 @@
-import { LitElement } from 'lit';
-interface MyDataItem {
-    id: number;
-    text: string;
-}
-export declare class VirtualizerExample extends LitElement {
-    items: MyDataItem[];
-    pageSize: number;
-    private _renderMyItem;
-    render(): import('lit').TemplateResult<1>;
-}
-export {};

package/dist/types/stories/virtualizer-example.stories.d.ts

@@ -1,10 +0,0 @@
-declare const meta: {
-    readonly title: "Example/Virtualizer";
-    readonly tags: readonly ["autodocs"];
-    readonly render: () => import('lit').TemplateResult<1>;
-};
-export default meta;
-export declare const WithCustomItemRenderer: {
-    name: string;
-    render: () => import('lit').TemplateResult<1>;
-};