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