@brainfish-ai/components 0.15.4-rc.1 → 0.15.4
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/alert.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.Class
|
|
|
8
8
|
|
|
9
9
|
export declare const AlertAction: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
|
|
11
|
+
export declare const AlertContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
11
13
|
export declare const AlertDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
12
14
|
|
|
13
15
|
export declare const AlertTitle: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -5,5 +5,6 @@ declare const Alert: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<
|
|
|
5
5
|
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
7
7
|
declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
9
|
declare const AlertAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export { Alert, AlertTitle, AlertDescription, AlertAction };
|
|
10
|
+
export { Alert, AlertTitle, AlertDescription, AlertContent, AlertAction };
|
|
@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority';
|
|
|
3
3
|
import { c as cn } from '../../chunks/utils.DaMF_LVC.js';
|
|
4
4
|
|
|
5
5
|
const alertVariants = cva(
|
|
6
|
-
"relative w-full rounded-lg border px-4 py-3 text-sm
|
|
6
|
+
"relative w-full rounded-lg border px-4 py-3 text-sm flex gap-3 [&>svg]:size-5 [&>svg]:shrink-0 items-center",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
@@ -19,16 +19,51 @@ const alertVariants = cva(
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
|
-
const Alert = React.forwardRef(({ className, variant, ...props }, ref) =>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
const Alert = React.forwardRef(({ className, variant, children, ...props }, ref) => {
|
|
23
|
+
const wrappedChildren = [];
|
|
24
|
+
let contentChildren = [];
|
|
25
|
+
React.Children.forEach(children, (child) => {
|
|
26
|
+
if (React.isValidElement(child)) {
|
|
27
|
+
const isTitle = child.type === AlertTitle;
|
|
28
|
+
const isDescription = child.type === AlertDescription;
|
|
29
|
+
if (isTitle || isDescription) {
|
|
30
|
+
contentChildren.push(child);
|
|
31
|
+
} else {
|
|
32
|
+
if (contentChildren.length > 0) {
|
|
33
|
+
wrappedChildren.push(
|
|
34
|
+
/* @__PURE__ */ React.createElement(AlertContent, { key: `content-${wrappedChildren.length}` }, contentChildren)
|
|
35
|
+
);
|
|
36
|
+
contentChildren = [];
|
|
37
|
+
}
|
|
38
|
+
wrappedChildren.push(child);
|
|
39
|
+
}
|
|
40
|
+
} else {
|
|
41
|
+
if (contentChildren.length > 0) {
|
|
42
|
+
wrappedChildren.push(
|
|
43
|
+
/* @__PURE__ */ React.createElement(AlertContent, { key: `content-${wrappedChildren.length}` }, contentChildren)
|
|
44
|
+
);
|
|
45
|
+
contentChildren = [];
|
|
46
|
+
}
|
|
47
|
+
wrappedChildren.push(child);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
if (contentChildren.length > 0) {
|
|
51
|
+
wrappedChildren.push(
|
|
52
|
+
/* @__PURE__ */ React.createElement(AlertContent, { key: `content-${wrappedChildren.length}` }, contentChildren)
|
|
53
|
+
);
|
|
30
54
|
}
|
|
31
|
-
|
|
55
|
+
return /* @__PURE__ */ React.createElement(
|
|
56
|
+
"div",
|
|
57
|
+
{
|
|
58
|
+
ref,
|
|
59
|
+
"data-slot": "alert",
|
|
60
|
+
role: "alert",
|
|
61
|
+
className: cn(alertVariants({ variant }), className),
|
|
62
|
+
...props
|
|
63
|
+
},
|
|
64
|
+
wrappedChildren
|
|
65
|
+
);
|
|
66
|
+
});
|
|
32
67
|
Alert.displayName = "Alert";
|
|
33
68
|
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
34
69
|
"h5",
|
|
@@ -36,7 +71,7 @@ const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
36
71
|
ref,
|
|
37
72
|
"data-slot": "alert-title",
|
|
38
73
|
className: cn(
|
|
39
|
-
"
|
|
74
|
+
"line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
40
75
|
className
|
|
41
76
|
),
|
|
42
77
|
...props
|
|
@@ -49,23 +84,33 @@ const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
49
84
|
ref,
|
|
50
85
|
"data-slot": "alert-description",
|
|
51
86
|
className: cn(
|
|
52
|
-
"text-dark/80
|
|
87
|
+
"text-dark/80 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
53
88
|
className
|
|
54
89
|
),
|
|
55
90
|
...props
|
|
56
91
|
}
|
|
57
92
|
));
|
|
58
93
|
AlertDescription.displayName = "AlertDescription";
|
|
94
|
+
const AlertContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
95
|
+
"div",
|
|
96
|
+
{
|
|
97
|
+
ref,
|
|
98
|
+
"data-slot": "alert-content",
|
|
99
|
+
className: cn("flex flex-col gap-1 flex-grow", className),
|
|
100
|
+
...props
|
|
101
|
+
}
|
|
102
|
+
));
|
|
103
|
+
AlertContent.displayName = "AlertContent";
|
|
59
104
|
const AlertAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
60
105
|
"div",
|
|
61
106
|
{
|
|
62
107
|
ref,
|
|
63
108
|
"data-slot": "alert-action",
|
|
64
|
-
className: cn("
|
|
109
|
+
className: cn("self-start flex items-start justify-end", className),
|
|
65
110
|
...props
|
|
66
111
|
}
|
|
67
112
|
));
|
|
68
113
|
AlertAction.displayName = "AlertAction";
|
|
69
114
|
|
|
70
|
-
export { Alert, AlertAction, AlertDescription, AlertTitle };
|
|
115
|
+
export { Alert, AlertAction, AlertContent, AlertDescription, AlertTitle };
|
|
71
116
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border px-4 py-3 text-sm
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border px-4 py-3 text-sm flex gap-3 [&>svg]:size-5 [&>svg]:shrink-0 items-center\",\n {\n variants: {\n variant: {\n default: \"bg-card text-card-foreground\",\n danger:\n \"border-red bg-red-100 text-dark [&>svg]:text-red\",\n success:\n \"border-green bg-green-100 text-dark [&>svg]:text-green\",\n warning:\n \"border-yellow bg-yellow-100 text-dark [&>svg]:text-yellow\",\n info:\n \"border-blue bg-blue-100 text-dark [&>svg]:text-blue\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>\n>(({ className, variant, children, ...props }, ref) => {\n // Group title and description elements into AlertContent\n const wrappedChildren: React.ReactNode[] = [];\n let contentChildren: React.ReactNode[] = [];\n\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child)) {\n const isTitle = child.type === AlertTitle;\n const isDescription = child.type === AlertDescription;\n\n if (isTitle || isDescription) {\n contentChildren.push(child);\n } else {\n // If we have accumulated content children, wrap them first\n if (contentChildren.length > 0) {\n wrappedChildren.push(\n <AlertContent key={`content-${wrappedChildren.length}`}>\n {contentChildren}\n </AlertContent>\n );\n contentChildren = [];\n }\n wrappedChildren.push(child);\n }\n } else {\n // If we have accumulated content children, wrap them first\n if (contentChildren.length > 0) {\n wrappedChildren.push(\n <AlertContent key={`content-${wrappedChildren.length}`}>\n {contentChildren}\n </AlertContent>\n );\n contentChildren = [];\n }\n wrappedChildren.push(child);\n }\n });\n\n // Handle any remaining content children\n if (contentChildren.length > 0) {\n wrappedChildren.push(\n <AlertContent key={`content-${wrappedChildren.length}`}>\n {contentChildren}\n </AlertContent>\n );\n }\n\n return (\n <div\n ref={ref}\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n >\n {wrappedChildren}\n </div>\n );\n})\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n HTMLHeadingElement,\n React.ComponentProps<\"h5\">\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n data-slot=\"alert-title\"\n className={cn(\n \"line-clamp-1 min-h-4 font-medium tracking-tight\",\n className\n )}\n {...props}\n />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot=\"alert-description\"\n className={cn(\n \"text-dark/80 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n className\n )}\n {...props}\n />\n))\nAlertDescription.displayName = \"AlertDescription\"\n\nconst AlertContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot=\"alert-content\"\n className={cn(\"flex flex-col gap-1 flex-grow\", className)}\n {...props}\n />\n))\nAlertContent.displayName = \"AlertContent\"\n\nconst AlertAction = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot=\"alert-action\"\n className={cn(\"self-start flex items-start justify-end\", className)}\n {...props}\n />\n))\nAlertAction.displayName = \"AlertAction\"\n\nexport { Alert, AlertTitle, AlertDescription, AlertContent, AlertAction }\n"],"names":[],"mappings":"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"}
|