@schemavaults/ui 0.16.4 → 0.17.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/components/ui/empty-state/empty-state.d.ts +51 -0
- package/dist/components/ui/empty-state/empty-state.js +76 -0
- package/dist/components/ui/empty-state/empty-state.js.map +1 -0
- package/dist/components/ui/empty-state/index.d.ts +2 -0
- package/dist/components/ui/empty-state/index.js +2 -0
- package/dist/components/ui/empty-state/index.js.map +1 -0
- package/dist/components/ui/index.d.ts +2 -0
- package/dist/components/ui/index.js +1 -0
- package/dist/components/ui/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { HTMLAttributes, ReactElement, Ref } from "react";
|
|
3
|
+
export declare const emptyStateVariantIds: ["default", "muted", "destructive", "warning"];
|
|
4
|
+
export type EmptyStateVariantId = (typeof emptyStateVariantIds)[number];
|
|
5
|
+
export declare const emptyStateSizeIds: ["sm", "md", "lg"];
|
|
6
|
+
export type EmptyStateSizeId = (typeof emptyStateSizeIds)[number];
|
|
7
|
+
declare const emptyStateVariants: (props?: ({
|
|
8
|
+
variant?: "default" | "destructive" | "warning" | "muted" | null | undefined;
|
|
9
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
|
|
12
|
+
ref?: Ref<HTMLDivElement>;
|
|
13
|
+
}
|
|
14
|
+
declare function EmptyState({ className, variant, size, ref, ...props }: EmptyStateProps): ReactElement;
|
|
15
|
+
declare namespace EmptyState {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
declare const emptyStateIconVariants: (props?: ({
|
|
19
|
+
variant?: "default" | "destructive" | "warning" | "muted" | null | undefined;
|
|
20
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
21
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
|
+
export interface EmptyStateIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateIconVariants> {
|
|
23
|
+
ref?: Ref<HTMLDivElement>;
|
|
24
|
+
}
|
|
25
|
+
declare function EmptyStateIcon({ className, variant, size, ref, ...props }: EmptyStateIconProps): ReactElement;
|
|
26
|
+
declare namespace EmptyStateIcon {
|
|
27
|
+
var displayName: string;
|
|
28
|
+
}
|
|
29
|
+
export interface EmptyStateTitleProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
30
|
+
size?: EmptyStateSizeId;
|
|
31
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
32
|
+
}
|
|
33
|
+
declare function EmptyStateTitle({ className, size, ref, ...props }: EmptyStateTitleProps): ReactElement;
|
|
34
|
+
declare namespace EmptyStateTitle {
|
|
35
|
+
var displayName: string;
|
|
36
|
+
}
|
|
37
|
+
export interface EmptyStateDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
38
|
+
ref?: Ref<HTMLParagraphElement>;
|
|
39
|
+
}
|
|
40
|
+
declare function EmptyStateDescription({ className, ref, ...props }: EmptyStateDescriptionProps): ReactElement;
|
|
41
|
+
declare namespace EmptyStateDescription {
|
|
42
|
+
var displayName: string;
|
|
43
|
+
}
|
|
44
|
+
export interface EmptyStateActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
45
|
+
ref?: Ref<HTMLDivElement>;
|
|
46
|
+
}
|
|
47
|
+
declare function EmptyStateActions({ className, ref, ...props }: EmptyStateActionsProps): ReactElement;
|
|
48
|
+
declare namespace EmptyStateActions {
|
|
49
|
+
var displayName: string;
|
|
50
|
+
}
|
|
51
|
+
export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, emptyStateIconVariants, };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { cn } from "../../../lib/utils";
|
|
5
|
+
export const emptyStateVariantIds = [
|
|
6
|
+
"default",
|
|
7
|
+
"muted",
|
|
8
|
+
"destructive",
|
|
9
|
+
"warning",
|
|
10
|
+
];
|
|
11
|
+
export const emptyStateSizeIds = ["sm", "md", "lg"];
|
|
12
|
+
const emptyStateVariants = cva("flex w-full flex-col items-center justify-center text-center rounded-lg border border-dashed", {
|
|
13
|
+
variants: {
|
|
14
|
+
variant: {
|
|
15
|
+
default: "bg-background text-foreground border-border",
|
|
16
|
+
muted: "bg-muted/40 text-foreground border-border",
|
|
17
|
+
destructive: "bg-destructive/5 text-destructive border-destructive/40 dark:border-destructive",
|
|
18
|
+
warning: "bg-warning/5 text-warning border-warning/40 dark:border-warning",
|
|
19
|
+
},
|
|
20
|
+
size: {
|
|
21
|
+
sm: "gap-2 p-4",
|
|
22
|
+
md: "gap-3 p-8",
|
|
23
|
+
lg: "gap-4 p-12",
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
size: "md",
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
function EmptyState({ className, variant, size, ref, ...props }) {
|
|
32
|
+
return (_jsx("div", { ref: ref, role: "status", "data-slot": "empty-state", className: cn(emptyStateVariants({ variant, size }), className), ...props }));
|
|
33
|
+
}
|
|
34
|
+
EmptyState.displayName = "EmptyState";
|
|
35
|
+
const emptyStateIconVariants = cva("flex items-center justify-center rounded-full [&>svg]:shrink-0", {
|
|
36
|
+
variants: {
|
|
37
|
+
variant: {
|
|
38
|
+
default: "bg-muted text-muted-foreground",
|
|
39
|
+
muted: "bg-muted text-muted-foreground",
|
|
40
|
+
destructive: "bg-destructive/10 text-destructive",
|
|
41
|
+
warning: "bg-warning/10 text-warning",
|
|
42
|
+
},
|
|
43
|
+
size: {
|
|
44
|
+
sm: "size-10 [&>svg]:size-5",
|
|
45
|
+
md: "size-14 [&>svg]:size-7",
|
|
46
|
+
lg: "size-20 [&>svg]:size-10",
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
variant: "default",
|
|
51
|
+
size: "md",
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
function EmptyStateIcon({ className, variant, size, ref, ...props }) {
|
|
55
|
+
return (_jsx("div", { ref: ref, "aria-hidden": "true", "data-slot": "empty-state-icon", className: cn(emptyStateIconVariants({ variant, size }), className), ...props }));
|
|
56
|
+
}
|
|
57
|
+
EmptyStateIcon.displayName = "EmptyStateIcon";
|
|
58
|
+
const emptyStateTitleSizes = {
|
|
59
|
+
sm: "text-sm",
|
|
60
|
+
md: "text-base",
|
|
61
|
+
lg: "text-lg",
|
|
62
|
+
};
|
|
63
|
+
function EmptyStateTitle({ className, size = "md", ref, ...props }) {
|
|
64
|
+
return (_jsx("h3", { ref: ref, "data-slot": "empty-state-title", className: cn("font-semibold leading-tight tracking-tight", emptyStateTitleSizes[size], className), ...props, children: props.children }));
|
|
65
|
+
}
|
|
66
|
+
EmptyStateTitle.displayName = "EmptyStateTitle";
|
|
67
|
+
function EmptyStateDescription({ className, ref, ...props }) {
|
|
68
|
+
return (_jsx("p", { ref: ref, "data-slot": "empty-state-description", className: cn("max-w-prose text-sm text-muted-foreground [&_p]:leading-relaxed", className), ...props }));
|
|
69
|
+
}
|
|
70
|
+
EmptyStateDescription.displayName = "EmptyStateDescription";
|
|
71
|
+
function EmptyStateActions({ className, ref, ...props }) {
|
|
72
|
+
return (_jsx("div", { ref: ref, "data-slot": "empty-state-actions", className: cn("mt-2 flex flex-wrap items-center justify-center gap-2", className), ...props }));
|
|
73
|
+
}
|
|
74
|
+
EmptyStateActions.displayName = "EmptyStateActions";
|
|
75
|
+
export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, emptyStateIconVariants, };
|
|
76
|
+
//# sourceMappingURL=empty-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/ui/empty-state/empty-state.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC"}
|