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