@schemavaults/ui 0.14.9 → 0.14.11
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/avatar/avatar.d.ts +38 -0
- package/dist/components/ui/avatar/avatar.js +47 -0
- package/dist/components/ui/avatar/avatar.js.map +1 -0
- package/dist/components/ui/avatar/index.d.ts +3 -0
- package/dist/components/ui/avatar/index.js +3 -0
- package/dist/components/ui/avatar/index.js.map +1 -0
- package/dist/components/ui/breadcrumb/breadcrumb-variants.d.ts +6 -0
- package/dist/components/ui/breadcrumb/breadcrumb-variants.js +18 -0
- package/dist/components/ui/breadcrumb/breadcrumb-variants.js.map +1 -0
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts +62 -0
- package/dist/components/ui/breadcrumb/breadcrumb.js +85 -0
- package/dist/components/ui/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/ui/breadcrumb/index.d.ts +4 -0
- package/dist/components/ui/breadcrumb/index.js +3 -0
- package/dist/components/ui/breadcrumb/index.js.map +1 -0
- package/dist/components/ui/button/button.d.ts +2 -2
- package/dist/components/ui/index.d.ts +4 -0
- package/dist/components/ui/index.js +2 -0
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/progress-bar/progress-bar.d.ts +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import type { ComponentProps, ReactElement } from "react";
|
|
4
|
+
export declare const avatarSizeIds: ["xs", "sm", "default", "lg", "xl"];
|
|
5
|
+
export type AvatarSizeId = (typeof avatarSizeIds)[number];
|
|
6
|
+
export declare const avatarShapeIds: ["circle", "square"];
|
|
7
|
+
export type AvatarShapeId = (typeof avatarShapeIds)[number];
|
|
8
|
+
export declare const avatarVariants: (props?: ({
|
|
9
|
+
size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
|
|
10
|
+
shape?: "circle" | "square" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
|
|
13
|
+
}
|
|
14
|
+
declare function Avatar({ className, size, shape, ...props }: AvatarProps): ReactElement;
|
|
15
|
+
declare namespace Avatar {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
export interface AvatarImageProps extends ComponentProps<typeof AvatarPrimitive.Image> {
|
|
19
|
+
}
|
|
20
|
+
declare function AvatarImage({ className, ...props }: AvatarImageProps): ReactElement;
|
|
21
|
+
declare namespace AvatarImage {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
export interface AvatarFallbackProps extends ComponentProps<typeof AvatarPrimitive.Fallback> {
|
|
25
|
+
}
|
|
26
|
+
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): ReactElement;
|
|
27
|
+
declare namespace AvatarFallback {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export interface AvatarGroupProps extends ComponentProps<"div"> {
|
|
31
|
+
/** Maximum number of avatars to show before the +N overflow */
|
|
32
|
+
max?: number;
|
|
33
|
+
}
|
|
34
|
+
declare function AvatarGroup({ className, max, children, ...props }: AvatarGroupProps): ReactElement;
|
|
35
|
+
declare namespace AvatarGroup {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../../../lib/utils";
|
|
6
|
+
export const avatarSizeIds = ["xs", "sm", "default", "lg", "xl"];
|
|
7
|
+
export const avatarShapeIds = ["circle", "square"];
|
|
8
|
+
export const avatarVariants = cva("relative flex shrink-0 overflow-hidden", {
|
|
9
|
+
variants: {
|
|
10
|
+
size: {
|
|
11
|
+
xs: "h-6 w-6 text-xs",
|
|
12
|
+
sm: "h-8 w-8 text-xs",
|
|
13
|
+
default: "h-10 w-10 text-sm",
|
|
14
|
+
lg: "h-12 w-12 text-base",
|
|
15
|
+
xl: "h-16 w-16 text-lg",
|
|
16
|
+
},
|
|
17
|
+
shape: {
|
|
18
|
+
circle: "rounded-full",
|
|
19
|
+
square: "rounded-md",
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: "default",
|
|
24
|
+
shape: "circle",
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
function Avatar({ className, size, shape, ...props }) {
|
|
28
|
+
return (_jsx(AvatarPrimitive.Root, { className: cn(avatarVariants({ size, shape, className })), ...props }));
|
|
29
|
+
}
|
|
30
|
+
Avatar.displayName = "Avatar";
|
|
31
|
+
function AvatarImage({ className, ...props }) {
|
|
32
|
+
return (_jsx(AvatarPrimitive.Image, { className: cn("aspect-square h-full w-full object-cover", className), ...props }));
|
|
33
|
+
}
|
|
34
|
+
AvatarImage.displayName = "AvatarImage";
|
|
35
|
+
function AvatarFallback({ className, ...props }) {
|
|
36
|
+
return (_jsx(AvatarPrimitive.Fallback, { className: cn("flex h-full w-full items-center justify-center bg-muted font-medium text-muted-foreground", className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
AvatarFallback.displayName = "AvatarFallback";
|
|
39
|
+
function AvatarGroup({ className, max, children, ...props }) {
|
|
40
|
+
const childArray = Array.isArray(children) ? children : [children];
|
|
41
|
+
const visibleChildren = max ? childArray.slice(0, max) : childArray;
|
|
42
|
+
const overflowCount = max ? childArray.length - max : 0;
|
|
43
|
+
return (_jsxs("div", { className: cn("flex -space-x-3", className), ...props, children: [visibleChildren.map((child, index) => (_jsx("div", { className: "ring-2 ring-background rounded-full", children: child }, index))), overflowCount > 0 && (_jsx("div", { className: "ring-2 ring-background rounded-full", children: _jsxs("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted text-sm font-medium text-muted-foreground", children: ["+", overflowCount] }) }))] }));
|
|
44
|
+
}
|
|
45
|
+
AvatarGroup.displayName = "AvatarGroup";
|
|
46
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup };
|
|
47
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/ui/avatar/avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE5F,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const breadcrumbSeparatorVariantIds: readonly ["chevron", "slash", "dot", "arrow"];
|
|
2
|
+
export type BreadcrumbSeparatorVariant = (typeof breadcrumbSeparatorVariantIds)[number];
|
|
3
|
+
export declare const breadcrumbSizeIds: readonly ["sm", "default", "lg"];
|
|
4
|
+
export type BreadcrumbSize = (typeof breadcrumbSizeIds)[number];
|
|
5
|
+
export declare const breadcrumbVariantIds: readonly ["default", "muted", "primary", "ghost"];
|
|
6
|
+
export type BreadcrumbVariant = (typeof breadcrumbVariantIds)[number];
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const breadcrumbSeparatorVariantIds = [
|
|
2
|
+
"chevron",
|
|
3
|
+
"slash",
|
|
4
|
+
"dot",
|
|
5
|
+
"arrow",
|
|
6
|
+
];
|
|
7
|
+
export const breadcrumbSizeIds = [
|
|
8
|
+
"sm",
|
|
9
|
+
"default",
|
|
10
|
+
"lg",
|
|
11
|
+
];
|
|
12
|
+
export const breadcrumbVariantIds = [
|
|
13
|
+
"default",
|
|
14
|
+
"muted",
|
|
15
|
+
"primary",
|
|
16
|
+
"ghost",
|
|
17
|
+
];
|
|
18
|
+
//# sourceMappingURL=breadcrumb-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,SAAS;IACT,OAAO;IACP,KAAK;IACL,OAAO;CAC6B,CAAC;AAIvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI;IACJ,SAAS;IACT,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,SAAS;IACT,OAAO;IACP,SAAS;IACT,OAAO;CAC6B,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactElement, type Ref } from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import { type BreadcrumbSeparatorVariant, type BreadcrumbSize, type BreadcrumbVariant } from "./breadcrumb-variants";
|
|
4
|
+
declare const breadcrumbListVariants: (props?: ({
|
|
5
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
6
|
+
variant?: "default" | "ghost" | "muted" | "primary" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface BreadcrumbProps extends ComponentPropsWithoutRef<"nav"> {
|
|
9
|
+
separator?: BreadcrumbSeparatorVariant;
|
|
10
|
+
size?: BreadcrumbSize;
|
|
11
|
+
variant?: BreadcrumbVariant;
|
|
12
|
+
ref?: Ref<HTMLElement>;
|
|
13
|
+
}
|
|
14
|
+
declare function Breadcrumb({ separator, size, variant, ref, ...props }: BreadcrumbProps): ReactElement;
|
|
15
|
+
declare namespace Breadcrumb {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
export interface BreadcrumbListProps extends ComponentPropsWithoutRef<"ol">, VariantProps<typeof breadcrumbListVariants> {
|
|
19
|
+
ref?: Ref<HTMLOListElement>;
|
|
20
|
+
}
|
|
21
|
+
declare function BreadcrumbList({ className, size, variant, ref, ...props }: BreadcrumbListProps): ReactElement;
|
|
22
|
+
declare namespace BreadcrumbList {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
export interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"li"> {
|
|
26
|
+
ref?: Ref<HTMLLIElement>;
|
|
27
|
+
}
|
|
28
|
+
declare function BreadcrumbItem({ className, ref, ...props }: BreadcrumbItemProps): ReactElement;
|
|
29
|
+
declare namespace BreadcrumbItem {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
export interface BreadcrumbLinkProps extends ComponentPropsWithoutRef<"a"> {
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
35
|
+
}
|
|
36
|
+
declare function BreadcrumbLink({ asChild, className, ref, ...props }: BreadcrumbLinkProps): ReactElement;
|
|
37
|
+
declare namespace BreadcrumbLink {
|
|
38
|
+
var displayName: string;
|
|
39
|
+
}
|
|
40
|
+
export interface BreadcrumbPageProps extends ComponentPropsWithoutRef<"span"> {
|
|
41
|
+
ref?: Ref<HTMLSpanElement>;
|
|
42
|
+
}
|
|
43
|
+
declare function BreadcrumbPage({ className, ref, ...props }: BreadcrumbPageProps): ReactElement;
|
|
44
|
+
declare namespace BreadcrumbPage {
|
|
45
|
+
var displayName: string;
|
|
46
|
+
}
|
|
47
|
+
export interface BreadcrumbSeparatorProps extends ComponentPropsWithoutRef<"li"> {
|
|
48
|
+
ref?: Ref<HTMLLIElement>;
|
|
49
|
+
}
|
|
50
|
+
declare function BreadcrumbSeparator({ children, className, ref, ...props }: BreadcrumbSeparatorProps): ReactElement;
|
|
51
|
+
declare namespace BreadcrumbSeparator {
|
|
52
|
+
var displayName: string;
|
|
53
|
+
}
|
|
54
|
+
export interface BreadcrumbEllipsisProps extends ComponentPropsWithoutRef<"span"> {
|
|
55
|
+
ref?: Ref<HTMLSpanElement>;
|
|
56
|
+
}
|
|
57
|
+
declare function BreadcrumbEllipsis({ className, ref, ...props }: BreadcrumbEllipsisProps): ReactElement;
|
|
58
|
+
declare namespace BreadcrumbEllipsis {
|
|
59
|
+
var displayName: string;
|
|
60
|
+
}
|
|
61
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
62
|
+
export default Breadcrumb;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useMemo, } from "react";
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import { ChevronRight, MoreHorizontal, ArrowRight } from "lucide-react";
|
|
6
|
+
import { cva } from "class-variance-authority";
|
|
7
|
+
import { cn } from "../../../lib/utils";
|
|
8
|
+
const BreadcrumbContext = createContext({
|
|
9
|
+
separator: "chevron",
|
|
10
|
+
size: "default",
|
|
11
|
+
variant: "default",
|
|
12
|
+
});
|
|
13
|
+
function useBreadcrumbContext() {
|
|
14
|
+
return useContext(BreadcrumbContext);
|
|
15
|
+
}
|
|
16
|
+
const breadcrumbListVariants = cva("flex flex-wrap items-center break-words gap-1.5 sm:gap-2.5", {
|
|
17
|
+
variants: {
|
|
18
|
+
size: {
|
|
19
|
+
sm: "text-xs",
|
|
20
|
+
default: "text-sm",
|
|
21
|
+
lg: "text-base",
|
|
22
|
+
},
|
|
23
|
+
variant: {
|
|
24
|
+
default: "text-muted-foreground",
|
|
25
|
+
muted: "text-muted-foreground/70",
|
|
26
|
+
primary: "text-primary/80",
|
|
27
|
+
ghost: "text-foreground/70",
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
size: "default",
|
|
32
|
+
variant: "default",
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
function Breadcrumb({ separator = "chevron", size = "default", variant = "default", ref, ...props }) {
|
|
36
|
+
const contextValue = useMemo(() => ({ separator, size, variant }), [separator, size, variant]);
|
|
37
|
+
return (_jsx(BreadcrumbContext.Provider, { value: contextValue, children: _jsx("nav", { ref: ref, "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props }) }));
|
|
38
|
+
}
|
|
39
|
+
Breadcrumb.displayName = "Breadcrumb";
|
|
40
|
+
function BreadcrumbList({ className, size, variant, ref, ...props }) {
|
|
41
|
+
const ctx = useBreadcrumbContext();
|
|
42
|
+
return (_jsx("ol", { ref: ref, "data-slot": "breadcrumb-list", className: cn(breadcrumbListVariants({
|
|
43
|
+
size: size ?? ctx.size,
|
|
44
|
+
variant: variant ?? ctx.variant,
|
|
45
|
+
}), className), ...props }));
|
|
46
|
+
}
|
|
47
|
+
BreadcrumbList.displayName = "BreadcrumbList";
|
|
48
|
+
function BreadcrumbItem({ className, ref, ...props }) {
|
|
49
|
+
return (_jsx("li", { ref: ref, "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5", className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
52
|
+
function BreadcrumbLink({ asChild = false, className, ref, ...props }) {
|
|
53
|
+
const Comp = asChild ? Slot : "a";
|
|
54
|
+
return (_jsx(Comp, { ref: ref, "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:rounded-sm", className), ...props }));
|
|
55
|
+
}
|
|
56
|
+
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
57
|
+
function BreadcrumbPage({ className, ref, ...props }) {
|
|
58
|
+
return (_jsx("span", { ref: ref, "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props }));
|
|
59
|
+
}
|
|
60
|
+
BreadcrumbPage.displayName = "BreadcrumbPage";
|
|
61
|
+
function renderDefaultSeparator(variant) {
|
|
62
|
+
switch (variant) {
|
|
63
|
+
case "slash":
|
|
64
|
+
return _jsx("span", { "aria-hidden": "true", children: "/" });
|
|
65
|
+
case "dot":
|
|
66
|
+
return (_jsx("span", { "aria-hidden": "true", className: "size-1 rounded-full bg-current" }));
|
|
67
|
+
case "arrow":
|
|
68
|
+
return _jsx(ArrowRight, { "aria-hidden": "true" });
|
|
69
|
+
case "chevron":
|
|
70
|
+
default:
|
|
71
|
+
return _jsx(ChevronRight, { "aria-hidden": "true" });
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
function BreadcrumbSeparator({ children, className, ref, ...props }) {
|
|
75
|
+
const ctx = useBreadcrumbContext();
|
|
76
|
+
return (_jsx("li", { ref: ref, role: "presentation", "aria-hidden": "true", "data-slot": "breadcrumb-separator", className: cn("[&>svg]:size-3.5 inline-flex items-center justify-center text-muted-foreground/70", className), ...props, children: children ?? renderDefaultSeparator(ctx.separator) }));
|
|
77
|
+
}
|
|
78
|
+
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
|
79
|
+
function BreadcrumbEllipsis({ className, ref, ...props }) {
|
|
80
|
+
return (_jsxs("span", { ref: ref, role: "presentation", "aria-hidden": "true", "data-slot": "breadcrumb-ellipsis", className: cn("flex size-9 items-center justify-center text-muted-foreground", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
|
|
81
|
+
}
|
|
82
|
+
BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
|
|
83
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
84
|
+
export default Breadcrumb;
|
|
85
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Breadcrumb, Breadcrumb as default, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./breadcrumb";
|
|
2
|
+
export type { BreadcrumbProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from "./breadcrumb";
|
|
3
|
+
export { breadcrumbSeparatorVariantIds, breadcrumbSizeIds, breadcrumbVariantIds, } from "./breadcrumb-variants";
|
|
4
|
+
export type { BreadcrumbSeparatorVariant, BreadcrumbSize, BreadcrumbVariant, } from "./breadcrumb-variants";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Breadcrumb, Breadcrumb as default, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./breadcrumb";
|
|
2
|
+
export { breadcrumbSeparatorVariantIds, breadcrumbSizeIds, breadcrumbVariantIds, } from "./breadcrumb-variants";
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,IAAI,OAAO,EACrB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAUtB,OAAO,EACL,6BAA6B,EAC7B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}
|
|
@@ -3,8 +3,8 @@ import type { ReactElement, ButtonHTMLAttributes } from "react";
|
|
|
3
3
|
export declare const buttonVariantIds: ["default", "destructive", "outline", "secondary", "ghost", "link"];
|
|
4
4
|
export type ButtonVariantId = (typeof buttonVariantIds)[number];
|
|
5
5
|
export declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "
|
|
7
|
-
size?: "
|
|
6
|
+
variant?: "default" | "link" | "ghost" | "destructive" | "secondary" | "outline" | null | undefined;
|
|
7
|
+
size?: "sm" | "default" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
10
|
asChild?: boolean;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export * from "./avatar";
|
|
2
|
+
export type * from "./avatar";
|
|
1
3
|
export * from "./accordion";
|
|
2
4
|
export type * from "./accordion";
|
|
3
5
|
export * from "./alert";
|
|
@@ -92,3 +94,5 @@ export * from "./switch";
|
|
|
92
94
|
export type * from "./switch";
|
|
93
95
|
export * from "./progress-bar";
|
|
94
96
|
export type * from "./progress-bar";
|
|
97
|
+
export * from "./breadcrumb";
|
|
98
|
+
export type * from "./breadcrumb";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from "./avatar";
|
|
1
2
|
export * from "./accordion";
|
|
2
3
|
export * from "./alert";
|
|
3
4
|
export * from "./badge";
|
|
@@ -45,4 +46,5 @@ export * from "./tabs";
|
|
|
45
46
|
export * from "./slider";
|
|
46
47
|
export * from "./switch";
|
|
47
48
|
export * from "./progress-bar";
|
|
49
|
+
export * from "./breadcrumb";
|
|
48
50
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,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,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"}
|
|
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,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import type { ReactElement, HTMLAttributes } from "react";
|
|
3
3
|
export declare const progressBarVariants: (props?: ({
|
|
4
|
-
size?: "
|
|
4
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export declare const progressBarSizeIds: readonly ["sm", "default", "lg"];
|
|
7
7
|
export type ProgressBarSizeId = (typeof progressBarSizeIds)[number];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@schemavaults/ui",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.11",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"description": "React.js UI components for SchemaVaults frontend applications",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"@emotion/is-prop-valid": "1.4.0",
|
|
13
13
|
"@hookform/resolvers": "3.9.0",
|
|
14
14
|
"@radix-ui/react-accordion": "1.2.12",
|
|
15
|
+
"@radix-ui/react-avatar": "^1.1.11",
|
|
15
16
|
"@radix-ui/react-checkbox": "1.3.2",
|
|
16
17
|
"@radix-ui/react-context-menu": "2.2.15",
|
|
17
18
|
"@radix-ui/react-dialog": "1.1.14",
|