@prediktif/ui 0.1.7 → 0.1.9
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.d.mts +38 -86
- package/dist/index.d.ts +38 -86
- package/dist/index.js +710 -430
- package/dist/index.mjs +708 -404
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,93 +1,45 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface NavItem {
|
|
5
|
+
title: string;
|
|
6
|
+
url: string;
|
|
7
|
+
icon: React.ComponentType<{
|
|
8
|
+
className?: string;
|
|
9
|
+
}>;
|
|
10
|
+
locked?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface OrganizationItem {
|
|
13
|
+
name: string;
|
|
14
|
+
logo?: React.ComponentType<{
|
|
15
|
+
className?: string;
|
|
16
|
+
}>;
|
|
17
|
+
plan?: string;
|
|
18
|
+
}
|
|
19
|
+
interface AppSidebarProps {
|
|
20
|
+
name: string;
|
|
21
|
+
email: string;
|
|
22
|
+
orgRole: string;
|
|
23
|
+
brand: string;
|
|
24
|
+
href: string;
|
|
25
|
+
confirmDialog?: boolean;
|
|
26
|
+
headerDropdown?: boolean;
|
|
27
|
+
image?: string | null;
|
|
28
|
+
defaultOpen?: boolean;
|
|
29
|
+
navMainItems: NavItem[];
|
|
30
|
+
navSecondaryItems?: NavItem[];
|
|
31
|
+
organizations?: OrganizationItem[];
|
|
32
|
+
activeOrg?: OrganizationItem;
|
|
33
|
+
setActiveOrg?: (org: OrganizationItem) => void;
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
declare const AppSidebar: react.NamedExoticComponent<AppSidebarProps>;
|
|
9
37
|
|
|
10
38
|
interface HeaderTitleProps {
|
|
11
39
|
title: React.ReactNode;
|
|
12
40
|
subtitle: React.ReactNode;
|
|
13
41
|
children?: React.ReactNode;
|
|
14
42
|
}
|
|
15
|
-
declare const HeaderTitle:
|
|
16
|
-
|
|
17
|
-
declare const buttonVariants: (props?: ({
|
|
18
|
-
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
19
|
-
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
20
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
21
|
-
declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React$1.JSX.Element;
|
|
22
|
-
|
|
23
|
-
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
|
|
24
|
-
|
|
25
|
-
declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
|
|
26
|
-
|
|
27
|
-
declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
28
|
-
|
|
29
|
-
type SidebarContextProps = {
|
|
30
|
-
state: "expanded" | "collapsed";
|
|
31
|
-
open: boolean;
|
|
32
|
-
setOpen: (open: boolean) => void;
|
|
33
|
-
openMobile: boolean;
|
|
34
|
-
setOpenMobile: (open: boolean) => void;
|
|
35
|
-
isMobile: boolean;
|
|
36
|
-
toggleSidebar: () => void;
|
|
37
|
-
};
|
|
38
|
-
declare function useSidebar(): SidebarContextProps;
|
|
39
|
-
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
40
|
-
defaultOpen?: boolean;
|
|
41
|
-
open?: boolean;
|
|
42
|
-
onOpenChange?: (open: boolean) => void;
|
|
43
|
-
}): React$1.JSX.Element;
|
|
44
|
-
declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<"div"> & {
|
|
45
|
-
side?: "left" | "right";
|
|
46
|
-
variant?: "sidebar" | "floating" | "inset";
|
|
47
|
-
collapsible?: "offcanvas" | "icon" | "none";
|
|
48
|
-
}): React$1.JSX.Element;
|
|
49
|
-
declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
50
|
-
declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
|
|
51
|
-
declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
|
|
52
|
-
declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): React$1.JSX.Element;
|
|
53
|
-
declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
54
|
-
declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
55
|
-
declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
56
|
-
declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
57
|
-
declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
58
|
-
declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React$1.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
59
|
-
declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
60
|
-
declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
61
|
-
declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
62
|
-
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
63
|
-
declare const sidebarMenuButtonVariants: (props?: ({
|
|
64
|
-
variant?: "default" | "outline" | null | undefined;
|
|
65
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
66
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
67
|
-
declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
|
|
68
|
-
isActive?: boolean;
|
|
69
|
-
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
70
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
|
|
71
|
-
declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
|
|
72
|
-
showOnHover?: boolean;
|
|
73
|
-
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
74
|
-
declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
75
|
-
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
|
|
76
|
-
showIcon?: boolean;
|
|
77
|
-
}): React$1.JSX.Element;
|
|
78
|
-
declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
79
|
-
declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
80
|
-
declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React$1.ComponentProps<"a"> & {
|
|
81
|
-
size?: "sm" | "md";
|
|
82
|
-
isActive?: boolean;
|
|
83
|
-
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
84
|
-
|
|
85
|
-
interface NavUserProps {
|
|
86
|
-
name: string;
|
|
87
|
-
email: string;
|
|
88
|
-
image?: string | null;
|
|
89
|
-
render?: ComponentProps<typeof SidebarMenuButton>["render"];
|
|
90
|
-
}
|
|
91
|
-
declare const NavUser: React$1.NamedExoticComponent<NavUserProps>;
|
|
43
|
+
declare const HeaderTitle: react.NamedExoticComponent<HeaderTitleProps>;
|
|
92
44
|
|
|
93
|
-
export {
|
|
45
|
+
export { AppSidebar, type AppSidebarProps, HeaderTitle, type HeaderTitleProps, type NavItem, type OrganizationItem };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,93 +1,45 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface NavItem {
|
|
5
|
+
title: string;
|
|
6
|
+
url: string;
|
|
7
|
+
icon: React.ComponentType<{
|
|
8
|
+
className?: string;
|
|
9
|
+
}>;
|
|
10
|
+
locked?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface OrganizationItem {
|
|
13
|
+
name: string;
|
|
14
|
+
logo?: React.ComponentType<{
|
|
15
|
+
className?: string;
|
|
16
|
+
}>;
|
|
17
|
+
plan?: string;
|
|
18
|
+
}
|
|
19
|
+
interface AppSidebarProps {
|
|
20
|
+
name: string;
|
|
21
|
+
email: string;
|
|
22
|
+
orgRole: string;
|
|
23
|
+
brand: string;
|
|
24
|
+
href: string;
|
|
25
|
+
confirmDialog?: boolean;
|
|
26
|
+
headerDropdown?: boolean;
|
|
27
|
+
image?: string | null;
|
|
28
|
+
defaultOpen?: boolean;
|
|
29
|
+
navMainItems: NavItem[];
|
|
30
|
+
navSecondaryItems?: NavItem[];
|
|
31
|
+
organizations?: OrganizationItem[];
|
|
32
|
+
activeOrg?: OrganizationItem;
|
|
33
|
+
setActiveOrg?: (org: OrganizationItem) => void;
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
declare const AppSidebar: react.NamedExoticComponent<AppSidebarProps>;
|
|
9
37
|
|
|
10
38
|
interface HeaderTitleProps {
|
|
11
39
|
title: React.ReactNode;
|
|
12
40
|
subtitle: React.ReactNode;
|
|
13
41
|
children?: React.ReactNode;
|
|
14
42
|
}
|
|
15
|
-
declare const HeaderTitle:
|
|
16
|
-
|
|
17
|
-
declare const buttonVariants: (props?: ({
|
|
18
|
-
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
19
|
-
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
20
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
21
|
-
declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React$1.JSX.Element;
|
|
22
|
-
|
|
23
|
-
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
|
|
24
|
-
|
|
25
|
-
declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
|
|
26
|
-
|
|
27
|
-
declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
28
|
-
|
|
29
|
-
type SidebarContextProps = {
|
|
30
|
-
state: "expanded" | "collapsed";
|
|
31
|
-
open: boolean;
|
|
32
|
-
setOpen: (open: boolean) => void;
|
|
33
|
-
openMobile: boolean;
|
|
34
|
-
setOpenMobile: (open: boolean) => void;
|
|
35
|
-
isMobile: boolean;
|
|
36
|
-
toggleSidebar: () => void;
|
|
37
|
-
};
|
|
38
|
-
declare function useSidebar(): SidebarContextProps;
|
|
39
|
-
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
40
|
-
defaultOpen?: boolean;
|
|
41
|
-
open?: boolean;
|
|
42
|
-
onOpenChange?: (open: boolean) => void;
|
|
43
|
-
}): React$1.JSX.Element;
|
|
44
|
-
declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<"div"> & {
|
|
45
|
-
side?: "left" | "right";
|
|
46
|
-
variant?: "sidebar" | "floating" | "inset";
|
|
47
|
-
collapsible?: "offcanvas" | "icon" | "none";
|
|
48
|
-
}): React$1.JSX.Element;
|
|
49
|
-
declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
50
|
-
declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
|
|
51
|
-
declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
|
|
52
|
-
declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): React$1.JSX.Element;
|
|
53
|
-
declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
54
|
-
declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
55
|
-
declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
|
|
56
|
-
declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
57
|
-
declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
58
|
-
declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React$1.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
59
|
-
declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
60
|
-
declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
61
|
-
declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
62
|
-
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
63
|
-
declare const sidebarMenuButtonVariants: (props?: ({
|
|
64
|
-
variant?: "default" | "outline" | null | undefined;
|
|
65
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
66
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
67
|
-
declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
|
|
68
|
-
isActive?: boolean;
|
|
69
|
-
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
70
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
|
|
71
|
-
declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
|
|
72
|
-
showOnHover?: boolean;
|
|
73
|
-
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
74
|
-
declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
75
|
-
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
|
|
76
|
-
showIcon?: boolean;
|
|
77
|
-
}): React$1.JSX.Element;
|
|
78
|
-
declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
79
|
-
declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
80
|
-
declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React$1.ComponentProps<"a"> & {
|
|
81
|
-
size?: "sm" | "md";
|
|
82
|
-
isActive?: boolean;
|
|
83
|
-
}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
84
|
-
|
|
85
|
-
interface NavUserProps {
|
|
86
|
-
name: string;
|
|
87
|
-
email: string;
|
|
88
|
-
image?: string | null;
|
|
89
|
-
render?: ComponentProps<typeof SidebarMenuButton>["render"];
|
|
90
|
-
}
|
|
91
|
-
declare const NavUser: React$1.NamedExoticComponent<NavUserProps>;
|
|
43
|
+
declare const HeaderTitle: react.NamedExoticComponent<HeaderTitleProps>;
|
|
92
44
|
|
|
93
|
-
export {
|
|
45
|
+
export { AppSidebar, type AppSidebarProps, HeaderTitle, type HeaderTitleProps, type NavItem, type OrganizationItem };
|