@brainfish-ai/components 0.15.2 → 0.15.4-rc.1
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 +6 -4
- package/dist/components/ui/alert.d.ts +6 -5
- package/dist/esm/components/ui/alert.js +24 -5
- 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
|
@@ -2,12 +2,14 @@ import { ClassProp } from 'class-variance-authority/dist/types';
|
|
|
2
2
|
import * as React_2 from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
|
-
export declare const Alert: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
5
|
+
export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
6
6
|
variant?: "default" | "success" | "danger" | "warning" | "info" | null | undefined;
|
|
7
|
-
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
|
|
9
|
-
export declare const
|
|
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
|
|
11
|
+
export declare const AlertDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
13
|
+
export declare const AlertTitle: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
12
14
|
|
|
13
15
|
export { }
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
3
|
+
declare const Alert: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
4
4
|
variant?: "default" | "success" | "danger" | "warning" | "info" | null | undefined;
|
|
5
|
-
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<
|
|
7
|
-
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<
|
|
8
|
-
|
|
5
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
7
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { Alert, AlertTitle, AlertDescription, AlertAction };
|
|
@@ -3,11 +3,11 @@ 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-
|
|
6
|
+
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:has-[>[data-slot=alert-action]]:grid-cols-[auto_1fr_auto] has-[>svg]:grid-cols-[auto_1fr] has-[>[data-slot=alert-action]]:grid-cols-[0_1fr_auto] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current has-[>[data-slot=alert-action]]:pr-2 [&:has([data-slot=alert-title])_[data-slot=alert-description]]:row-start-2",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
|
-
default: "bg-
|
|
10
|
+
default: "bg-card text-card-foreground",
|
|
11
11
|
danger: "border-red bg-red-100 text-dark [&>svg]:text-red",
|
|
12
12
|
success: "border-green bg-green-100 text-dark [&>svg]:text-green",
|
|
13
13
|
warning: "border-yellow bg-yellow-100 text-dark [&>svg]:text-yellow",
|
|
@@ -23,6 +23,7 @@ const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__
|
|
|
23
23
|
"div",
|
|
24
24
|
{
|
|
25
25
|
ref,
|
|
26
|
+
"data-slot": "alert",
|
|
26
27
|
role: "alert",
|
|
27
28
|
className: cn(alertVariants({ variant }), className),
|
|
28
29
|
...props
|
|
@@ -33,7 +34,11 @@ const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
33
34
|
"h5",
|
|
34
35
|
{
|
|
35
36
|
ref,
|
|
36
|
-
|
|
37
|
+
"data-slot": "alert-title",
|
|
38
|
+
className: cn(
|
|
39
|
+
"col-start-2 row-start-1 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
40
|
+
className
|
|
41
|
+
),
|
|
37
42
|
...props
|
|
38
43
|
}
|
|
39
44
|
));
|
|
@@ -42,11 +47,25 @@ const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
42
47
|
"div",
|
|
43
48
|
{
|
|
44
49
|
ref,
|
|
45
|
-
|
|
50
|
+
"data-slot": "alert-description",
|
|
51
|
+
className: cn(
|
|
52
|
+
"text-dark/80 col-start-2 row-start-1 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
53
|
+
className
|
|
54
|
+
),
|
|
46
55
|
...props
|
|
47
56
|
}
|
|
48
57
|
));
|
|
49
58
|
AlertDescription.displayName = "AlertDescription";
|
|
59
|
+
const AlertAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
60
|
+
"div",
|
|
61
|
+
{
|
|
62
|
+
ref,
|
|
63
|
+
"data-slot": "alert-action",
|
|
64
|
+
className: cn("col-start-3 row-start-1 row-end-3 self-start flex items-start justify-end", className),
|
|
65
|
+
...props
|
|
66
|
+
}
|
|
67
|
+
));
|
|
68
|
+
AlertAction.displayName = "AlertAction";
|
|
50
69
|
|
|
51
|
-
export { Alert, AlertDescription, AlertTitle };
|
|
70
|
+
export { Alert, AlertAction, AlertDescription, AlertTitle };
|
|
52
71
|
//# 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-
|
|
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 grid has-[>svg]:has-[>[data-slot=alert-action]]:grid-cols-[auto_1fr_auto] has-[>svg]:grid-cols-[auto_1fr] has-[>[data-slot=alert-action]]:grid-cols-[0_1fr_auto] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current has-[>[data-slot=alert-action]]:pr-2 [&:has([data-slot=alert-title])_[data-slot=alert-description]]:row-start-2\",\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, ...props }, ref) => (\n <div\n ref={ref}\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\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 \"col-start-2 row-start-1 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 col-start-2 row-start-1 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n className\n )}\n {...props}\n />\n))\nAlertDescription.displayName = \"AlertDescription\"\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(\"col-start-3 row-start-1 row-end-3 self-start flex items-start justify-end\", className)}\n {...props}\n />\n))\nAlertAction.displayName = \"AlertAction\"\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":[],"mappings":";;;;AAKA,MAAM,aAAgB,GAAA,GAAA;AAAA,EACpB,6bAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OAAS,EAAA,8BAAA;AAAA,QACT,MACE,EAAA,kDAAA;AAAA,QACF,OACE,EAAA,wDAAA;AAAA,QACF,OACE,EAAA,2DAAA;AAAA,QACF,IACE,EAAA;AAAA;AACJ,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA;AAAA;AACX;AAEJ,CAAA;AAEM,MAAA,KAAA,GAAQ,KAAM,CAAA,UAAA,CAGlB,CAAC,EAAE,WAAW,OAAS,EAAA,GAAG,KAAM,EAAA,EAAG,GACnC,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,OAAA;AAAA,IACL,WAAW,EAAG,CAAA,aAAA,CAAc,EAAE,OAAQ,EAAC,GAAG,SAAS,CAAA;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,WAAc,GAAA,OAAA;AAEd,MAAA,UAAA,GAAa,MAAM,UAGvB,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAU,EAAA,aAAA;AAAA,IACV,SAAW,EAAA,EAAA;AAAA,MACT,yEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAc,GAAA,YAAA;AAEnB,MAAA,gBAAA,GAAmB,MAAM,UAG7B,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAU,EAAA,mBAAA;AAAA,IACV,SAAW,EAAA,EAAA;AAAA,MACT,mGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,WAAc,GAAA,kBAAA;AAEzB,MAAA,WAAA,GAAc,MAAM,UAGxB,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAU,EAAA,cAAA;AAAA,IACV,SAAA,EAAW,EAAG,CAAA,2EAAA,EAA6E,SAAS,CAAA;AAAA,IACnG,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
|
|
@@ -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;;;;"}
|