@keslers/kui 1.1.0 → 1.1.1
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.
- package/README.md +2 -0
- package/dist/index.cjs +2668 -29
- package/dist/index.d.cts +73 -51
- package/dist/index.d.ts +73 -51
- package/dist/index.js +2622 -29
- package/dist/styles.css +2175 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,79 +1,101 @@
|
|
|
1
|
-
import * as react_jsx_runtime from
|
|
2
|
-
import * as React from
|
|
3
|
-
import { ReactNode } from
|
|
4
|
-
import { IconType } from
|
|
1
|
+
import * as react_jsx_runtime from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
import { IconType } from "react-icons";
|
|
5
5
|
|
|
6
6
|
interface NavItem {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
href?: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
10
|
}
|
|
11
11
|
interface HeaderProps {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
navItems?: NavItem[];
|
|
13
|
+
logoHref?: string;
|
|
14
|
+
onLogoClick?: () => void;
|
|
15
|
+
logo: ReactNode;
|
|
16
|
+
secondaryLogo?: ReactNode;
|
|
17
17
|
}
|
|
18
|
-
declare function Header({
|
|
18
|
+
declare function Header({
|
|
19
|
+
navItems,
|
|
20
|
+
logoHref,
|
|
21
|
+
onLogoClick,
|
|
22
|
+
logo,
|
|
23
|
+
secondaryLogo,
|
|
24
|
+
}: HeaderProps): react_jsx_runtime.JSX.Element;
|
|
19
25
|
|
|
20
26
|
interface LinkItem {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
label: string;
|
|
28
|
+
href: string;
|
|
29
|
+
isExternal?: boolean;
|
|
30
|
+
onClick?: () => void;
|
|
25
31
|
}
|
|
26
32
|
interface SocialItem {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
icon: IconType;
|
|
34
|
+
href: string;
|
|
35
|
+
label?: string;
|
|
30
36
|
}
|
|
31
37
|
interface CopyrightItem {
|
|
32
|
-
|
|
33
|
-
|
|
38
|
+
companyName: string;
|
|
39
|
+
companyUrl: string;
|
|
34
40
|
}
|
|
35
41
|
interface FooterProps {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
links?: LinkItem[];
|
|
43
|
+
socials?: SocialItem[];
|
|
44
|
+
copyright?: CopyrightItem;
|
|
39
45
|
}
|
|
40
|
-
declare function Footer({
|
|
46
|
+
declare function Footer({
|
|
47
|
+
links,
|
|
48
|
+
socials,
|
|
49
|
+
copyright,
|
|
50
|
+
...props
|
|
51
|
+
}: FooterProps): react_jsx_runtime.JSX.Element;
|
|
41
52
|
|
|
42
53
|
interface LayoutProps {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
54
|
+
header?: ReactNode;
|
|
55
|
+
sidebar?: ReactNode;
|
|
56
|
+
footer?: ReactNode;
|
|
57
|
+
children: ReactNode;
|
|
47
58
|
}
|
|
48
|
-
declare function Layout({
|
|
59
|
+
declare function Layout({
|
|
60
|
+
header,
|
|
61
|
+
sidebar,
|
|
62
|
+
footer,
|
|
63
|
+
children,
|
|
64
|
+
}: LayoutProps): react_jsx_runtime.JSX.Element;
|
|
49
65
|
|
|
50
66
|
interface SidebarLink {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
67
|
+
label: string;
|
|
68
|
+
href: string;
|
|
69
|
+
onClick?: () => void;
|
|
70
|
+
isActive?: boolean;
|
|
55
71
|
}
|
|
56
72
|
interface SidebarSection {
|
|
57
|
-
|
|
58
|
-
|
|
73
|
+
title?: string;
|
|
74
|
+
links: SidebarLink[];
|
|
59
75
|
}
|
|
60
76
|
interface SidebarProps {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
77
|
+
/**
|
|
78
|
+
* Navigation sections with titles and links
|
|
79
|
+
*/
|
|
80
|
+
sections?: SidebarSection[];
|
|
81
|
+
/**
|
|
82
|
+
* Additional CSS classes for the root container
|
|
83
|
+
*/
|
|
84
|
+
className?: string;
|
|
69
85
|
}
|
|
70
|
-
declare function Sidebar({
|
|
86
|
+
declare function Sidebar({
|
|
87
|
+
sections,
|
|
88
|
+
className,
|
|
89
|
+
}: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
71
90
|
|
|
72
|
-
interface IconWithBadgeProps
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
91
|
+
interface IconWithBadgeProps
|
|
92
|
+
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
93
|
+
variant?: "cart" | "none";
|
|
94
|
+
itemCount?: number;
|
|
95
|
+
children?: React.ReactNode;
|
|
76
96
|
}
|
|
77
|
-
declare const IconWithBadge: React.ForwardRefExoticComponent<
|
|
97
|
+
declare const IconWithBadge: React.ForwardRefExoticComponent<
|
|
98
|
+
IconWithBadgeProps & React.RefAttributes<HTMLButtonElement>
|
|
99
|
+
>;
|
|
78
100
|
|
|
79
101
|
export { Footer, Header, IconWithBadge, Layout, Sidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,79 +1,101 @@
|
|
|
1
|
-
import * as react_jsx_runtime from
|
|
2
|
-
import * as React from
|
|
3
|
-
import { ReactNode } from
|
|
4
|
-
import { IconType } from
|
|
1
|
+
import * as react_jsx_runtime from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
import { IconType } from "react-icons";
|
|
5
5
|
|
|
6
6
|
interface NavItem {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
href?: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
10
|
}
|
|
11
11
|
interface HeaderProps {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
navItems?: NavItem[];
|
|
13
|
+
logoHref?: string;
|
|
14
|
+
onLogoClick?: () => void;
|
|
15
|
+
logo: ReactNode;
|
|
16
|
+
secondaryLogo?: ReactNode;
|
|
17
17
|
}
|
|
18
|
-
declare function Header({
|
|
18
|
+
declare function Header({
|
|
19
|
+
navItems,
|
|
20
|
+
logoHref,
|
|
21
|
+
onLogoClick,
|
|
22
|
+
logo,
|
|
23
|
+
secondaryLogo,
|
|
24
|
+
}: HeaderProps): react_jsx_runtime.JSX.Element;
|
|
19
25
|
|
|
20
26
|
interface LinkItem {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
label: string;
|
|
28
|
+
href: string;
|
|
29
|
+
isExternal?: boolean;
|
|
30
|
+
onClick?: () => void;
|
|
25
31
|
}
|
|
26
32
|
interface SocialItem {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
icon: IconType;
|
|
34
|
+
href: string;
|
|
35
|
+
label?: string;
|
|
30
36
|
}
|
|
31
37
|
interface CopyrightItem {
|
|
32
|
-
|
|
33
|
-
|
|
38
|
+
companyName: string;
|
|
39
|
+
companyUrl: string;
|
|
34
40
|
}
|
|
35
41
|
interface FooterProps {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
links?: LinkItem[];
|
|
43
|
+
socials?: SocialItem[];
|
|
44
|
+
copyright?: CopyrightItem;
|
|
39
45
|
}
|
|
40
|
-
declare function Footer({
|
|
46
|
+
declare function Footer({
|
|
47
|
+
links,
|
|
48
|
+
socials,
|
|
49
|
+
copyright,
|
|
50
|
+
...props
|
|
51
|
+
}: FooterProps): react_jsx_runtime.JSX.Element;
|
|
41
52
|
|
|
42
53
|
interface LayoutProps {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
54
|
+
header?: ReactNode;
|
|
55
|
+
sidebar?: ReactNode;
|
|
56
|
+
footer?: ReactNode;
|
|
57
|
+
children: ReactNode;
|
|
47
58
|
}
|
|
48
|
-
declare function Layout({
|
|
59
|
+
declare function Layout({
|
|
60
|
+
header,
|
|
61
|
+
sidebar,
|
|
62
|
+
footer,
|
|
63
|
+
children,
|
|
64
|
+
}: LayoutProps): react_jsx_runtime.JSX.Element;
|
|
49
65
|
|
|
50
66
|
interface SidebarLink {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
67
|
+
label: string;
|
|
68
|
+
href: string;
|
|
69
|
+
onClick?: () => void;
|
|
70
|
+
isActive?: boolean;
|
|
55
71
|
}
|
|
56
72
|
interface SidebarSection {
|
|
57
|
-
|
|
58
|
-
|
|
73
|
+
title?: string;
|
|
74
|
+
links: SidebarLink[];
|
|
59
75
|
}
|
|
60
76
|
interface SidebarProps {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
77
|
+
/**
|
|
78
|
+
* Navigation sections with titles and links
|
|
79
|
+
*/
|
|
80
|
+
sections?: SidebarSection[];
|
|
81
|
+
/**
|
|
82
|
+
* Additional CSS classes for the root container
|
|
83
|
+
*/
|
|
84
|
+
className?: string;
|
|
69
85
|
}
|
|
70
|
-
declare function Sidebar({
|
|
86
|
+
declare function Sidebar({
|
|
87
|
+
sections,
|
|
88
|
+
className,
|
|
89
|
+
}: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
71
90
|
|
|
72
|
-
interface IconWithBadgeProps
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
91
|
+
interface IconWithBadgeProps
|
|
92
|
+
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
93
|
+
variant?: "cart" | "none";
|
|
94
|
+
itemCount?: number;
|
|
95
|
+
children?: React.ReactNode;
|
|
76
96
|
}
|
|
77
|
-
declare const IconWithBadge: React.ForwardRefExoticComponent<
|
|
97
|
+
declare const IconWithBadge: React.ForwardRefExoticComponent<
|
|
98
|
+
IconWithBadgeProps & React.RefAttributes<HTMLButtonElement>
|
|
99
|
+
>;
|
|
78
100
|
|
|
79
101
|
export { Footer, Header, IconWithBadge, Layout, Sidebar };
|