lyco 1.2.9 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/basic.cjs.js +2 -0
  2. package/dist/basic.cjs.js.map +1 -0
  3. package/dist/basic.es.js +2 -0
  4. package/dist/basic.es.js.map +1 -0
  5. package/dist/core-B-U2ZJO6.mjs +5 -0
  6. package/dist/core-B-U2ZJO6.mjs.map +1 -0
  7. package/dist/core-DkUSnSgK.js +5 -0
  8. package/dist/core-DkUSnSgK.js.map +1 -0
  9. package/dist/index.cjs.js +864 -351
  10. package/dist/index.cjs.js.map +1 -1
  11. package/dist/index.es.js +853 -340
  12. package/dist/index.es.js.map +1 -1
  13. package/dist/types/basic.d.ts +1 -0
  14. package/dist/types/{src/components → components}/AbsoluteBox.d.ts +1 -1
  15. package/dist/types/{src/components → components}/AcrylicBar.d.ts +1 -1
  16. package/dist/types/{src/components → components}/AspectRatio.d.ts +1 -1
  17. package/dist/types/{src/components → components}/AutoFitGrid.d.ts +1 -1
  18. package/dist/types/{src/components → components}/AvatarStack.d.ts +1 -1
  19. package/dist/types/{src/components → components}/Badge.d.ts +1 -1
  20. package/dist/types/components/Basic/mod.d.ts +10551 -0
  21. package/dist/types/{src/components → components}/Canvas.d.ts +1 -1
  22. package/dist/types/{src/components → components}/Card.d.ts +1 -1
  23. package/dist/types/{src/components → components}/Center.d.ts +1 -1
  24. package/dist/types/{src/components → components}/Column.d.ts +3 -1
  25. package/dist/types/{src/components → components}/ColumnSplit.d.ts +1 -1
  26. package/dist/types/components/Combobox.d.ts +23 -0
  27. package/dist/types/{src/components → components}/Container.d.ts +1 -1
  28. package/dist/types/components/Dialog/Dialog.d.ts +40 -0
  29. package/dist/types/components/Dialog/DialogActions.d.ts +10 -0
  30. package/dist/types/components/Dialog/DialogButton.d.ts +13 -0
  31. package/dist/types/components/Dialog/DialogContent.d.ts +10 -0
  32. package/dist/types/components/Dialog/DialogTitle.d.ts +12 -0
  33. package/dist/types/components/Dialog/index.d.ts +5 -0
  34. package/dist/types/{src/components → components}/Divider.d.ts +1 -1
  35. package/dist/types/{src/components → components}/Flex.d.ts +1 -1
  36. package/dist/types/{src/components → components}/FlowItem.d.ts +1 -1
  37. package/dist/types/{src/components → components}/FooterLayout.d.ts +1 -1
  38. package/dist/types/{src/components → components}/Grid.d.ts +1 -1
  39. package/dist/types/{src/components → components}/GridBreakpoint.d.ts +1 -1
  40. package/dist/types/{src/components → components}/GridCol.d.ts +1 -1
  41. package/dist/types/{src/components → components}/GridItem.d.ts +1 -1
  42. package/dist/types/{src/components → components}/GridRow.d.ts +1 -1
  43. package/dist/types/{src/components → components}/HeroSection.d.ts +1 -1
  44. package/dist/types/{src/components → components}/Hidden.d.ts +1 -1
  45. package/dist/types/{src/components → components}/LightboxContainer.d.ts +1 -1
  46. package/dist/types/{src/components → components}/List.d.ts +1 -1
  47. package/dist/types/{src/components → components}/ListGroup.d.ts +1 -1
  48. package/dist/types/{src/components → components}/Overlay.d.ts +1 -1
  49. package/dist/types/{src/components → components}/PositionContainer.d.ts +1 -1
  50. package/dist/types/components/Progress.d.ts +26 -0
  51. package/dist/types/{src/components → components}/Row.d.ts +3 -1
  52. package/dist/types/{src/components → components}/RowSplit.d.ts +1 -1
  53. package/dist/types/{src/components → components}/ScrollBar.d.ts +1 -1
  54. package/dist/types/{src/components → components}/SideBarContainer.d.ts +1 -1
  55. package/dist/types/{src/components → components}/SizedBox.d.ts +1 -1
  56. package/dist/types/components/SkeletonLoader.d.ts +19 -0
  57. package/dist/types/{src/components → components}/Spacer.d.ts +1 -1
  58. package/dist/types/components/Spinner.d.ts +21 -0
  59. package/dist/types/{src/components → components}/Sticky.d.ts +1 -1
  60. package/dist/types/{src/components → components}/Swiper.d.ts +1 -1
  61. package/dist/types/components/SwitchInput.d.ts +12 -0
  62. package/dist/types/{src/components → components}/Table.d.ts +1 -1
  63. package/dist/types/components/Tooltip.d.ts +48 -0
  64. package/dist/types/{src/components → components}/WaterFlow.d.ts +1 -1
  65. package/dist/types/{src/components → components}/Wrap.d.ts +1 -1
  66. package/dist/types/{src/components → components}/ZStack.d.ts +1 -1
  67. package/dist/types/{src/components/index.d.ts → components/mod.d.ts} +9 -0
  68. package/dist/types/{src/components/core.d.ts → core/index.d.ts} +19 -2
  69. package/dist/types/index.d.ts +1 -2
  70. package/dist/types/theme/md3.d.ts +35 -0
  71. package/package.json +22 -2
  72. package/dist/types/src/components/SkeletonLoader.d.ts +0 -10
  73. package/dist/types/src/index.d.ts +0 -1
  74. package/dist/types/stories/virtualizer-example.d.ts +0 -12
  75. package/dist/types/stories/virtualizer-example.stories.d.ts +0 -10
  76. /package/dist/types/{src/components → components}/ForEach.d.ts +0 -0
  77. /package/dist/types/{src/components → components}/Style.d.ts +0 -0
  78. /package/dist/types/{src/components → components}/Virtualizer.labs.d.ts +0 -0
@@ -1,6 +1,6 @@
1
1
  import { TemplateResult } from 'lit';
2
2
  import { RefOrCallback } from 'lit/directives/ref.js';
3
- import { OnEvent } from './core';
3
+ import { OnEvent } from '../core';
4
4
  export declare function Canvas(props?: {
5
5
  className?: string;
6
6
  style?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  interface CardProps {
4
4
  padding?: string;
5
5
  borderRadius?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function Center(props?: {
4
4
  width?: string;
5
5
  height?: string;
@@ -1,13 +1,15 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function Column(props?: {
4
4
  space?: string | number;
5
+ center?: boolean;
5
6
  className?: string;
6
7
  style?: string;
7
8
  on?: OnEvent;
8
9
  }): (children?: renderFnOrArrayType) => TemplateResult<1>;
9
10
  export declare function Column(props?: {
10
11
  space?: string | number;
12
+ center?: boolean;
11
13
  className?: string;
12
14
  style?: string;
13
15
  on?: OnEvent;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function ColumnSplit(props?: {
4
4
  firstHeight?: string;
5
5
  gap?: string | number;
@@ -0,0 +1,23 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent } from '../core';
3
+ export interface ComboboxOption {
4
+ value: string;
5
+ label: string;
6
+ }
7
+ export interface ComboboxProps {
8
+ value?: string;
9
+ options: ComboboxOption[];
10
+ placeholder?: string;
11
+ disabled?: boolean;
12
+ error?: boolean;
13
+ className?: string;
14
+ style?: string;
15
+ maxHeight?: string;
16
+ onChange?: (value: string) => void;
17
+ onInput?: (value: string) => void;
18
+ onFocus?: () => void;
19
+ onBlur?: () => void;
20
+ on?: OnEvent;
21
+ optionRender?: (option: ComboboxOption) => TemplateResult<1>;
22
+ }
23
+ export declare function Combobox(props?: ComboboxProps): TemplateResult<1>;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export type ContainerProps = {
4
4
  maxWidth?: string;
5
5
  padding?: string;
@@ -0,0 +1,40 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { Ref } from 'lit/directives/ref.js';
3
+ import { OnEvent, renderFnOrArrayType } from '../../core';
4
+ export declare enum DialogPlacement {
5
+ Center = "center",
6
+ Left = "left",
7
+ Right = "right",
8
+ Top = "top",
9
+ Bottom = "bottom",
10
+ TopStart = "top-start",
11
+ TopEnd = "top-end",
12
+ BottomStart = "bottom-start",
13
+ BottomEnd = "bottom-end",
14
+ LeftStart = "left-start",
15
+ LeftEnd = "left-end",
16
+ RightStart = "right-start",
17
+ RightEnd = "right-end"
18
+ }
19
+ type DialogProps = {
20
+ open?: boolean;
21
+ onClose?: () => void;
22
+ proxyRef?: Ref<IDialogLike>;
23
+ className?: string;
24
+ style?: string;
25
+ on?: OnEvent;
26
+ movable?: Ref<HTMLElement> | "self" | false;
27
+ mask?: boolean;
28
+ placement?: DialogPlacement;
29
+ };
30
+ interface IDialogLike {
31
+ show(): void;
32
+ showModal(): void;
33
+ close(): void;
34
+ open: boolean;
35
+ style: CSSStyleDeclaration;
36
+ getBoundingClientRect(): DOMRect;
37
+ }
38
+ export declare function Dialog(props?: DialogProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
39
+ export declare function Dialog(props?: DialogProps, children?: renderFnOrArrayType): TemplateResult<1>;
40
+ export {};
@@ -0,0 +1,10 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent, renderFnOrArrayType } from '../../core';
3
+ type DialogActionsProps = {
4
+ className?: string;
5
+ style?: string;
6
+ on?: OnEvent;
7
+ };
8
+ export declare function DialogActions(props?: DialogActionsProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
9
+ export declare function DialogActions(props?: DialogActionsProps, children?: renderFnOrArrayType): TemplateResult<1>;
10
+ export {};
@@ -0,0 +1,13 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent, renderFnType } from '../../core';
3
+ type DialogButtonProps = {
4
+ variant?: "text" | "contained";
5
+ color?: "primary" | "secondary" | "default";
6
+ onClick?: (el: MouseEvent) => void;
7
+ className?: string;
8
+ style?: string;
9
+ on?: OnEvent;
10
+ };
11
+ export declare function DialogButton(props?: DialogButtonProps): (children?: renderFnType) => TemplateResult<1>;
12
+ export declare function DialogButton(props?: DialogButtonProps, children?: renderFnType): TemplateResult<1>;
13
+ export {};
@@ -0,0 +1,10 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent, renderFnOrArrayType } from '../../core';
3
+ type DialogContentProps = {
4
+ className?: string;
5
+ style?: string;
6
+ on?: OnEvent;
7
+ };
8
+ export declare function DialogContent(props?: DialogContentProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
9
+ export declare function DialogContent(props?: DialogContentProps, children?: renderFnOrArrayType): TemplateResult<1>;
10
+ export {};
@@ -0,0 +1,12 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { Ref } from 'lit/directives/ref.js';
3
+ import { OnEvent, renderFnType } from '../../core';
4
+ type DialogTitleProps = {
5
+ className?: string;
6
+ style?: string;
7
+ proxyRef?: Ref<Element>;
8
+ on?: OnEvent;
9
+ };
10
+ export declare function DialogTitle(props?: DialogTitleProps): (children?: renderFnType) => TemplateResult<1>;
11
+ export declare function DialogTitle(props?: DialogTitleProps, children?: renderFnType): TemplateResult<1>;
12
+ export {};
@@ -0,0 +1,5 @@
1
+ export { Dialog, DialogPlacement } from './Dialog';
2
+ export { DialogActions } from './DialogActions';
3
+ export { DialogButton } from './DialogButton';
4
+ export { DialogContent } from './DialogContent';
5
+ export { DialogTitle } from './DialogTitle';
@@ -1,4 +1,4 @@
1
- import { OnEvent } from './core';
1
+ import { OnEvent } from '../core';
2
2
  export declare function Divider(props?: {
3
3
  orientation?: "horizontal" | "vertical";
4
4
  thickness?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  interface FlexProps {
4
4
  direction?: "row" | "column";
5
5
  justify?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function FlowItem(props?: {
4
4
  on?: OnEvent;
5
5
  }): WithHtml<renderFnType>;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  interface FooterLayoutProps {
4
4
  columns?: number;
5
5
  gap?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function Grid(props?: {
4
4
  columns?: number;
5
5
  gap?: string | number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export type GridBreakpointProps = {
4
4
  breakpoints: Record<string, number>;
5
5
  defaultColumns?: number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function GridCol(props?: {
4
4
  gap?: string | number;
5
5
  on?: OnEvent;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function GridItem(props?: {
4
4
  span?: number;
5
5
  on?: OnEvent;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function GridRow(props?: {
4
4
  gap?: string | number;
5
5
  on?: OnEvent;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function HeroSection(props?: {
4
4
  backgroundImage?: string;
5
5
  height?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export type HiddenProps = {
4
4
  breakpoint?: string;
5
5
  mode?: "hide" | "show";
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function LightboxContainer(props?: {
4
4
  fadeBg?: string;
5
5
  zIndex?: number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { renderFnOrArrayType } from './core';
2
+ import { renderFnOrArrayType } from '../core';
3
3
  export declare function ListItem(children?: renderFnOrArrayType): TemplateResult<1>;
4
4
  export declare function List(props?: {
5
5
  bordered?: boolean;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function ListGroup(props?: {
4
4
  bordered?: boolean;
5
5
  striped?: boolean;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function Overlay(props?: {
4
4
  background?: string;
5
5
  zIndex?: number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function PositionContainer(props?: {
4
4
  width?: string;
5
5
  height?: string;
@@ -0,0 +1,26 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent } from '../core';
3
+ type ProgressProps = {
4
+ value?: number;
5
+ bufferValue?: number;
6
+ color?: string;
7
+ secondaryColor?: string;
8
+ backgroundColor?: string;
9
+ height?: string;
10
+ radius?: string;
11
+ showLabel?: boolean;
12
+ labelPosition?: "inside" | "outside";
13
+ labelColor?: string;
14
+ labelFontSize?: string;
15
+ striped?: boolean;
16
+ animated?: boolean;
17
+ paused?: boolean;
18
+ transitionDuration?: string;
19
+ prefixIcon?: TemplateResult<1>;
20
+ suffixIcon?: TemplateResult<1>;
21
+ className?: string;
22
+ style?: string;
23
+ on?: OnEvent;
24
+ };
25
+ export declare function Progress(props?: ProgressProps): TemplateResult<1>;
26
+ export {};
@@ -1,10 +1,12 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function Row(props?: {
4
4
  space?: string | number;
5
+ center?: boolean;
5
6
  on?: OnEvent;
6
7
  }): (children?: renderFnOrArrayType) => TemplateResult<1>;
7
8
  export declare function Row(props?: {
8
9
  space?: string | number;
10
+ center?: boolean;
9
11
  on?: OnEvent;
10
12
  }, children?: renderFnOrArrayType): TemplateResult<1>;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function RowSplit(props?: {
4
4
  firstWidth?: string;
5
5
  gap?: string | number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export declare function ScrollBar(props?: {
4
4
  direction?: "vertical" | "horizontal";
5
5
  height?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  export declare function SideBarContainer(props?: {
4
4
  sidebarWidth?: string;
5
5
  sidebarPosition?: "left" | "right";
@@ -1,4 +1,4 @@
1
- import { OnEvent } from './core';
1
+ import { OnEvent } from '../core';
2
2
  export declare function SizedBox(props?: {
3
3
  width?: string;
4
4
  height?: string;
@@ -0,0 +1,19 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent } from '../core';
3
+ export declare function SkeletonLoader(props?: {
4
+ type?: "rect" | "circle";
5
+ width?: string;
6
+ height?: string;
7
+ borderRadius?: string;
8
+ animation?: boolean;
9
+ animationType?: "shimmer" | "pulse";
10
+ bgColor?: string;
11
+ highlightColor?: string;
12
+ count?: number;
13
+ spacing?: string;
14
+ direction?: "horizontal" | "vertical";
15
+ delay?: number;
16
+ autoHide?: boolean;
17
+ duration?: number;
18
+ on?: OnEvent;
19
+ }): TemplateResult<1>;
@@ -1,4 +1,4 @@
1
- import { OnEvent } from './core';
1
+ import { OnEvent } from '../core';
2
2
  export declare function Spacer(props?: {
3
3
  on?: OnEvent;
4
4
  }): import('lit').TemplateResult<1>;
@@ -0,0 +1,21 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent } from '../core';
3
+ type SpinnerProps = {
4
+ size?: string;
5
+ color?: string;
6
+ thickness?: string;
7
+ speed?: string;
8
+ className?: string;
9
+ style?: string;
10
+ opacity?: number;
11
+ startAngle?: number;
12
+ easing?: string;
13
+ reverse?: boolean;
14
+ on?: OnEvent;
15
+ children?: TemplateResult | string;
16
+ svgMode?: boolean;
17
+ strokeLinecap?: "butt" | "round" | "square";
18
+ strokeDasharray?: string;
19
+ };
20
+ export declare function Spinner(props?: SpinnerProps): TemplateResult<1>;
21
+ export {};
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  interface StickyProps {
4
4
  top?: string;
5
5
  bottom?: string;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent } from './core';
2
+ import { OnEvent } from '../core';
3
3
  type ScrollDirection = "x" | "y" | "both";
4
4
  type ScrollBehavior = "auto" | "smooth";
5
5
  type Alignment = "start" | "center" | "end" | "none";
@@ -0,0 +1,12 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent } from '../core';
3
+ export interface SwitchInputProps {
4
+ checked?: boolean;
5
+ disabled?: boolean;
6
+ size?: "small" | "medium" | "large";
7
+ color?: string;
8
+ onChange?: (checked: boolean) => void;
9
+ className?: string;
10
+ on?: OnEvent;
11
+ }
12
+ export declare function SwitchInput(props?: SwitchInputProps): TemplateResult<1>;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export interface TableProps {
4
4
  striped?: boolean;
5
5
  hover?: boolean;
@@ -0,0 +1,48 @@
1
+ import { TemplateResult } from 'lit';
2
+ import { OnEvent, renderFnType } from '../core';
3
+ export declare enum WithTooltipPlacement {
4
+ Top = "top",
5
+ Bottom = "bottom",
6
+ Left = "left",
7
+ Right = "right"
8
+ }
9
+ export type Offset = number | {
10
+ x: number;
11
+ y: number;
12
+ };
13
+ export type TooltipTheme = "light" | "dark" | "custom";
14
+ export interface WithTooltipProps {
15
+ /** 文本或模板内容 */
16
+ content: string | TemplateResult<1>;
17
+ /** 触发延迟: 显示/隐藏分别的 ms 延迟 */
18
+ delay?: {
19
+ show: number;
20
+ hide: number;
21
+ };
22
+ /** 指定显示位置 */
23
+ placement?: WithTooltipPlacement;
24
+ /** 偏移值,支持数字或 {x, y} */
25
+ offset?: Offset;
26
+ /** 是否在点击时隐藏 */
27
+ hideOnClick?: boolean;
28
+ /** 当鼠标移入 tooltip 内容时,保持可见 */
29
+ interactive?: boolean;
30
+ /** 最大宽度 */
31
+ maxWidth?: string;
32
+ /** 自定义主题,自定义时可以通过 CSS 覆盖 .lyco-tooltip--custom */
33
+ theme?: TooltipTheme;
34
+ /** 自定义 z-index */
35
+ zIndex?: number;
36
+ /** 附加类名 */
37
+ className?: string;
38
+ /** 行内样式 */
39
+ style?: string;
40
+ /** 事件绑定 */
41
+ on?: OnEvent;
42
+ /** 显示回调 */
43
+ onShow?: () => void;
44
+ /** 隐藏回调 */
45
+ onHide?: () => void;
46
+ }
47
+ export declare function WithTooltip(props: WithTooltipProps): (children?: renderFnType) => TemplateResult;
48
+ export declare function WithTooltip(props: WithTooltipProps, children?: renderFnType): TemplateResult;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnType, WithHtml } from './core';
2
+ import { OnEvent, renderFnType, WithHtml } from '../core';
3
3
  export interface WaterFlowProps {
4
4
  columnCount?: number;
5
5
  gap?: string | number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  interface WrapProps {
4
4
  direction?: "row" | "column";
5
5
  gap?: string | number;
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { OnEvent, renderFnOrArrayType } from './core';
2
+ import { OnEvent, renderFnOrArrayType } from '../core';
3
3
  interface ZStackProps {
4
4
  width?: string;
5
5
  height?: string;
@@ -1,3 +1,5 @@
1
+ import { renderFnOrArrayType } from '../core';
2
+ export { Virtualizer, VirtualizerController, type ItemsSource, type VirtualizerConfig, } from './Virtualizer.labs';
1
3
  export { LightboxContainer } from './LightboxContainer';
2
4
  export { Column } from './Column';
3
5
  export { Flex } from './Flex';
@@ -13,6 +15,7 @@ export { RowSplit } from './RowSplit';
13
15
  export { ScrollBar } from './ScrollBar';
14
16
  export { SideBarContainer } from './SideBarContainer';
15
17
  export { Swiper } from './Swiper';
18
+ export { SwitchInput } from './SwitchInput';
16
19
  export { AbsoluteBox } from './AbsoluteBox';
17
20
  export { AcrylicBar } from './AcrylicBar';
18
21
  export { AspectRatio } from './AspectRatio';
@@ -40,3 +43,9 @@ export { Sticky } from './Sticky';
40
43
  export { Table } from './Table';
41
44
  export { Wrap } from './Wrap';
42
45
  export { ZStack } from './ZStack';
46
+ export { Combobox } from './Combobox';
47
+ export { Progress } from './Progress';
48
+ export { Spinner } from './Spinner';
49
+ export { WithTooltip } from './Tooltip';
50
+ export * from './Dialog';
51
+ export declare function $Html(slot: renderFnOrArrayType): import('lit').TemplateResult<1> | import('lit').TemplateResult<1>[];
@@ -9,7 +9,7 @@ export type WithHtml<K> = ((children?: K) => TemplateResult<1>) & {
9
9
  export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[];
10
10
  export declare function randomClassName(prefix?: string): string;
11
11
  export declare function renderFnOrCurry(fn?: renderFnType, injectBox?: (box: TemplateResult<1>) => TemplateResult<1>): TemplateResult<1> | ((fn?: renderFnType) => TemplateResult<1>);
12
- 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>[]);
12
+ 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>[]);
13
13
  declare const allRandomClassName: {
14
14
  "GridBreakpoint::grid-breakpoint": {
15
15
  init: boolean;
@@ -31,7 +31,7 @@ declare const allRandomClassName: {
31
31
  prefix: string;
32
32
  className: string | typeof ___LYCO_NULL___;
33
33
  };
34
- "SkeletonLoader::skeleton-shimmer": {
34
+ "SkeletonLoader::skeleton": {
35
35
  init: boolean;
36
36
  prefix: string;
37
37
  className: string | typeof ___LYCO_NULL___;
@@ -71,6 +71,21 @@ declare const allRandomClassName: {
71
71
  prefix: string;
72
72
  className: string | typeof ___LYCO_NULL___;
73
73
  };
74
+ "Dialog::dialog": {
75
+ init: boolean;
76
+ prefix: string;
77
+ className: string | typeof ___LYCO_NULL___;
78
+ };
79
+ "SwitchInput::switch": {
80
+ init: boolean;
81
+ prefix: string;
82
+ className: string | typeof ___LYCO_NULL___;
83
+ };
84
+ "Combobox::combobox": {
85
+ init: boolean;
86
+ prefix: string;
87
+ className: string | typeof ___LYCO_NULL___;
88
+ };
74
89
  };
75
90
  export declare function getRandomClassName(key: keyof typeof allRandomClassName): string;
76
91
  type ComponentCountItem = {
@@ -91,9 +106,11 @@ type EventHandler<K extends keyof GlobalEventHandlersEventMap> = ((event: Global
91
106
  export type OnEvent = {
92
107
  [K in keyof GlobalEventHandlersEventMap]?: EventHandler<K>;
93
108
  };
109
+ export declare function withEvents(on: OnEvent): OnEvent;
94
110
  export declare function bindEvents(el: EventTarget, on: Array<[string, EventHandler<any>]>, eventListeners: Map<string, EventListener>): void;
95
111
  export declare function createEventBinder(on: OnEvent): {
96
112
  bind(el: EventTarget): void;
97
113
  unbindAll(): void;
114
+ auto: (e?: Element) => void;
98
115
  };
99
116
  export {};
@@ -1,2 +1 @@
1
- export * from './src/index'
2
- export {}
1
+ export * from './components/mod';