@brainfish-ai/components 0.15.3 → 0.15.4-rc.2
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 +3 -1
- package/dist/components/ui/alert.d.ts +3 -2
- package/dist/esm/components/ui/alert.js +68 -26
- package/dist/esm/components/ui/alert.js.map +1 -1
- package/dist/esm/components/ui/button.js +1 -1
- package/dist/esm/components/ui/button.js.map +1 -1
- package/dist/esm/index.css +1 -1
- package/dist/stats.html +1 -1
- package/package.json +1 -1
package/dist/alert.d.ts
CHANGED
|
@@ -6,7 +6,9 @@ export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.Class
|
|
|
6
6
|
variant?: "default" | "success" | "danger" | "warning" | "info" | null | undefined;
|
|
7
7
|
} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
|
|
9
|
-
export declare
|
|
9
|
+
export declare const AlertAction: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
|
|
11
|
+
export declare const AlertContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
10
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
|
|
|
@@ -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
|
|
9
|
-
|
|
8
|
+
declare const AlertContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { Alert, AlertTitle, AlertDescription, AlertContent, AlertAction };
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Button } from './button.js';
|
|
3
2
|
import { cva } from 'class-variance-authority';
|
|
4
3
|
import { c as cn } from '../../chunks/utils.DaMF_LVC.js';
|
|
5
4
|
|
|
6
5
|
const alertVariants = cva(
|
|
7
|
-
"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",
|
|
8
7
|
{
|
|
9
8
|
variants: {
|
|
10
9
|
variant: {
|
|
@@ -20,16 +19,51 @@ const alertVariants = cva(
|
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
21
|
);
|
|
23
|
-
const Alert = React.forwardRef(({ className, variant, ...props }, ref) =>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
+
);
|
|
31
54
|
}
|
|
32
|
-
|
|
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
|
+
});
|
|
33
67
|
Alert.displayName = "Alert";
|
|
34
68
|
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
35
69
|
"h5",
|
|
@@ -37,7 +71,7 @@ const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
37
71
|
ref,
|
|
38
72
|
"data-slot": "alert-title",
|
|
39
73
|
className: cn(
|
|
40
|
-
"
|
|
74
|
+
"line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
41
75
|
className
|
|
42
76
|
),
|
|
43
77
|
...props
|
|
@@ -50,25 +84,33 @@ const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
50
84
|
ref,
|
|
51
85
|
"data-slot": "alert-description",
|
|
52
86
|
className: cn(
|
|
53
|
-
"text-
|
|
87
|
+
"text-dark/80 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
54
88
|
className
|
|
55
89
|
),
|
|
56
90
|
...props
|
|
57
91
|
}
|
|
58
92
|
));
|
|
59
93
|
AlertDescription.displayName = "AlertDescription";
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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";
|
|
104
|
+
const AlertAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
105
|
+
"div",
|
|
106
|
+
{
|
|
107
|
+
ref,
|
|
108
|
+
"data-slot": "alert-action",
|
|
109
|
+
className: cn("self-start flex items-start justify-end", className),
|
|
110
|
+
...props
|
|
111
|
+
}
|
|
112
|
+
));
|
|
113
|
+
AlertAction.displayName = "AlertAction";
|
|
72
114
|
|
|
73
|
-
export { Alert,
|
|
115
|
+
export { Alert, AlertAction, AlertContent, AlertDescription, AlertTitle };
|
|
74
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 {
|
|
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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"}
|
|
@@ -10,7 +10,7 @@ const buttonVariants = cva(
|
|
|
10
10
|
variant: {
|
|
11
11
|
default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
12
12
|
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
13
|
-
outline: "border border-input
|
|
13
|
+
outline: "border border-input border-border shadow-sm hover:bg-accent hover:text-accent-foreground",
|
|
14
14
|
secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
|
15
15
|
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
16
16
|
link: "text-primary underline-offset-4 hover:underline",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input border-border shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n dark: 'bg-dark-700 text-white shadow hover:bg-dark-800 dark:bg-primary dark:text-primary-foreground dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80',\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-sm\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAiB,GAAA,GAAA;AAAA,EACrB,uSAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,+DAAA;AAAA,QACF,WACE,EAAA,8EAAA;AAAA,QACF,OACE,EAAA,0FAAA;AAAA,QACF,SACE,EAAA,wEAAA;AAAA,QACF,KAAO,EAAA,8CAAA;AAAA,QACP,IAAM,EAAA,iDAAA;AAAA,QACN,IAAM,EAAA;AAAA,OACR;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,OAAS,EAAA,eAAA;AAAA,QACT,EAAI,EAAA,6BAAA;AAAA,QACJ,EAAI,EAAA,sBAAA;AAAA,QACJ,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR;AAEJ;AAQA,MAAM,SAAS,KAAM,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAS,EAAA,IAAA,EAAM,UAAU,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChE,IAAM,MAAA,IAAA,GAAO,UAAU,IAAO,GAAA,QAAA;AAC9B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,cAAe,CAAA,EAAE,SAAS,IAAM,EAAA,SAAA,EAAW,CAAC,CAAA;AAAA,QAC1D,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AACA,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}
|