@brainfish-ai/components 0.20.6 → 0.21.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/badge.d.ts +1 -1
- package/dist/chat-search.d.ts +12 -1
- package/dist/convos.d.ts +1 -1
- package/dist/esm/chunks/{ChatSearch.Bad4C07E.js → ChatSearch.CNS7ZOgA.js} +13 -3
- package/dist/esm/chunks/ChatSearch.CNS7ZOgA.js.map +1 -0
- package/dist/esm/chunks/FormattedMessage.ieoe4jPf.js.map +1 -1
- package/dist/esm/chunks/{chart.DGCX9VIn.js → chart.CTzWtshH.js} +40 -61
- package/dist/esm/chunks/chart.CTzWtshH.js.map +1 -0
- package/dist/esm/chunks/combobox.DNYCWyub.js.map +1 -1
- package/dist/esm/chunks/font-picker.DX1mER3H.js.map +1 -1
- package/dist/esm/chunks/hooks.CKojclfe.js.map +1 -1
- package/dist/esm/chunks/review-list.jCfkezEr.js +72 -0
- package/dist/esm/chunks/review-list.jCfkezEr.js.map +1 -0
- package/dist/esm/chunks/status-badge.DkPNh30S.js +952 -0
- package/dist/esm/chunks/status-badge.DkPNh30S.js.map +1 -0
- package/dist/esm/components/chart-area-linear.js +1 -1
- package/dist/esm/components/chart-radial-stacked.js +1 -1
- package/dist/esm/components/chat-search.js +1 -1
- package/dist/esm/components/convos.js +6 -30
- package/dist/esm/components/convos.js.map +1 -1
- package/dist/esm/components/ui/alert-dialog.js +22 -54
- package/dist/esm/components/ui/alert-dialog.js.map +1 -1
- package/dist/esm/components/ui/alert.js +47 -64
- package/dist/esm/components/ui/alert.js.map +1 -1
- package/dist/esm/components/ui/badge.js +1 -1
- package/dist/esm/components/ui/badge.js.map +1 -1
- package/dist/esm/components/ui/calendar.js +1 -6
- package/dist/esm/components/ui/calendar.js.map +1 -1
- package/dist/esm/components/ui/command.js +19 -42
- package/dist/esm/components/ui/command.js.map +1 -1
- package/dist/esm/components/ui/dialog.js +13 -40
- package/dist/esm/components/ui/dialog.js.map +1 -1
- package/dist/esm/components/ui/dropdown-menu.js +5 -25
- package/dist/esm/components/ui/dropdown-menu.js.map +1 -1
- package/dist/esm/components/ui/item.js +8 -46
- package/dist/esm/components/ui/item.js.map +1 -1
- package/dist/esm/components/ui/sheet.js +17 -53
- package/dist/esm/components/ui/sheet.js.map +1 -1
- package/dist/esm/global.css +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/scenes/knowledge-review/review-list.js +2 -0
- package/dist/esm/scenes/knowledge-review/review-list.js.map +1 -0
- package/dist/index.d.ts +65 -11
- package/dist/item.d.ts +9 -9
- package/dist/review-list.d.ts +47 -0
- package/dist/scenes/knowledge-review/review-list.d.ts +2 -0
- package/dist/stats.html +1 -1
- package/package.json +9 -5
- package/dist/esm/chunks/ChatSearch.Bad4C07E.js.map +0 -1
- package/dist/esm/chunks/chart.DGCX9VIn.js.map +0 -1
|
@@ -5,29 +5,10 @@ import { c as cn } from '../../chunks/utils.Cwtlq8dh.js';
|
|
|
5
5
|
import { Separator } from './separator.js';
|
|
6
6
|
|
|
7
7
|
function ItemGroup({ className, ...props }) {
|
|
8
|
-
return /* @__PURE__ */ React.createElement(
|
|
9
|
-
"div",
|
|
10
|
-
{
|
|
11
|
-
role: "list",
|
|
12
|
-
"data-slot": "item-group",
|
|
13
|
-
className: cn("group/item-group flex flex-col", className),
|
|
14
|
-
...props
|
|
15
|
-
}
|
|
16
|
-
);
|
|
8
|
+
return /* @__PURE__ */ React.createElement("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props });
|
|
17
9
|
}
|
|
18
|
-
function ItemSeparator({
|
|
19
|
-
className,
|
|
20
|
-
...props
|
|
21
|
-
}) {
|
|
22
|
-
return /* @__PURE__ */ React.createElement(
|
|
23
|
-
Separator,
|
|
24
|
-
{
|
|
25
|
-
"data-slot": "item-separator",
|
|
26
|
-
orientation: "horizontal",
|
|
27
|
-
className: cn("my-0", className),
|
|
28
|
-
...props
|
|
29
|
-
}
|
|
30
|
-
);
|
|
10
|
+
function ItemSeparator({ className, ...props }) {
|
|
11
|
+
return /* @__PURE__ */ React.createElement(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props });
|
|
31
12
|
}
|
|
32
13
|
const itemVariants = cva(
|
|
33
14
|
"group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
|
|
@@ -103,10 +84,7 @@ function ItemContent({ className, ...props }) {
|
|
|
103
84
|
"div",
|
|
104
85
|
{
|
|
105
86
|
"data-slot": "item-content",
|
|
106
|
-
className: cn(
|
|
107
|
-
"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
|
|
108
|
-
className
|
|
109
|
-
),
|
|
87
|
+
className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
|
|
110
88
|
...props
|
|
111
89
|
}
|
|
112
90
|
);
|
|
@@ -116,10 +94,7 @@ function ItemTitle({ className, ...props }) {
|
|
|
116
94
|
"div",
|
|
117
95
|
{
|
|
118
96
|
"data-slot": "item-title",
|
|
119
|
-
className: cn(
|
|
120
|
-
"flex w-fit items-center gap-2 text-sm font-medium leading-snug",
|
|
121
|
-
className
|
|
122
|
-
),
|
|
97
|
+
className: cn("flex w-fit items-center gap-2 text-sm font-medium leading-snug", className),
|
|
123
98
|
...props
|
|
124
99
|
}
|
|
125
100
|
);
|
|
@@ -139,24 +114,14 @@ function ItemDescription({ className, ...props }) {
|
|
|
139
114
|
);
|
|
140
115
|
}
|
|
141
116
|
function ItemActions({ className, ...props }) {
|
|
142
|
-
return /* @__PURE__ */ React.createElement(
|
|
143
|
-
"div",
|
|
144
|
-
{
|
|
145
|
-
"data-slot": "item-actions",
|
|
146
|
-
className: cn("flex items-center gap-2", className),
|
|
147
|
-
...props
|
|
148
|
-
}
|
|
149
|
-
);
|
|
117
|
+
return /* @__PURE__ */ React.createElement("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
|
|
150
118
|
}
|
|
151
119
|
function ItemHeader({ className, ...props }) {
|
|
152
120
|
return /* @__PURE__ */ React.createElement(
|
|
153
121
|
"div",
|
|
154
122
|
{
|
|
155
123
|
"data-slot": "item-header",
|
|
156
|
-
className: cn(
|
|
157
|
-
"flex basis-full items-center justify-between gap-2",
|
|
158
|
-
className
|
|
159
|
-
),
|
|
124
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
160
125
|
...props
|
|
161
126
|
}
|
|
162
127
|
);
|
|
@@ -166,10 +131,7 @@ function ItemFooter({ className, ...props }) {
|
|
|
166
131
|
"div",
|
|
167
132
|
{
|
|
168
133
|
"data-slot": "item-footer",
|
|
169
|
-
className: cn(
|
|
170
|
-
"flex basis-full items-center justify-between gap-2",
|
|
171
|
-
className
|
|
172
|
-
),
|
|
134
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
173
135
|
...props
|
|
174
136
|
}
|
|
175
137
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sources":["../../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"file":"item.js","sources":["../../../../src/components/ui/item.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';\nimport { Separator } from '@/components/ui/separator';\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />\n );\n}\n\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n 'group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n outline: 'border-border',\n muted: 'bg-muted/50',\n },\n size: {\n default: 'gap-4 p-4 ',\n sm: 'gap-2.5 px-4 py-3',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Item({\n className,\n variant = 'default',\n size = 'default',\n asChild = false,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot : 'div';\n\n return (\n <Comp\n data-slot=\"item\"\n data-variant={variant}\n data-size={size}\n className={cn(itemVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nconst itemMediaVariants = cva(\n 'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n image: 'size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction ItemMedia({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n return (\n <div\n data-slot=\"item-media\"\n data-variant={variant}\n className={cn(itemMediaVariants({ variant, className }))}\n {...props}\n />\n );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"item-content\"\n className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)}\n {...props}\n />\n );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"item-title\"\n className={cn('flex w-fit items-center gap-2 text-sm font-medium leading-snug', className)}\n {...props}\n />\n );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n return (\n <span\n data-slot=\"item-description\"\n className={cn(\n 'text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal',\n '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 ',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"item-header\"\n className={cn('flex basis-full items-center justify-between gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"item-footer\"\n className={cn('flex basis-full items-center justify-between gap-2', className)}\n {...props}\n />\n );\n}\n\nexport {\n Item,\n ItemMedia,\n ItemContent,\n ItemActions,\n ItemGroup,\n ItemSeparator,\n ItemTitle,\n ItemDescription,\n ItemHeader,\n ItemFooter,\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { c as cn } from '../../chunks/utils.Cwtlq8dh.js';
|
|
5
4
|
import { X } from '@phosphor-icons/react';
|
|
5
|
+
import { c as cn } from '../../chunks/utils.Cwtlq8dh.js';
|
|
6
6
|
import { Button } from './button.js';
|
|
7
7
|
|
|
8
8
|
const Sheet = DialogPrimitive.Root;
|
|
@@ -37,62 +37,26 @@ const sheetVariants = cva(
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
|
-
const SheetContent = React.forwardRef(
|
|
41
|
-
DialogPrimitive.Content,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
)
|
|
50
|
-
|
|
51
|
-
const SheetHeader = ({
|
|
52
|
-
className,
|
|
53
|
-
...props
|
|
54
|
-
}) => /* @__PURE__ */ React.createElement(
|
|
55
|
-
"div",
|
|
56
|
-
{
|
|
57
|
-
className: cn(
|
|
58
|
-
"flex flex-col text-center sm:text-left !mt-0",
|
|
59
|
-
className
|
|
60
|
-
),
|
|
61
|
-
...props
|
|
62
|
-
}
|
|
40
|
+
const SheetContent = React.forwardRef(
|
|
41
|
+
({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props }, /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { asChild: true, className: "absolute right-4 top-4" }, /* @__PURE__ */ React.createElement(
|
|
42
|
+
Button,
|
|
43
|
+
{
|
|
44
|
+
variant: "ghost",
|
|
45
|
+
size: "icon",
|
|
46
|
+
className: "[&_svg]:size-6 ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none"
|
|
47
|
+
},
|
|
48
|
+
/* @__PURE__ */ React.createElement(X, { className: "size-6" }),
|
|
49
|
+
/* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close")
|
|
50
|
+
)), children))
|
|
63
51
|
);
|
|
52
|
+
SheetContent.displayName = DialogPrimitive.Content.displayName;
|
|
53
|
+
const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col text-center sm:text-left !mt-0", className), ...props });
|
|
64
54
|
SheetHeader.displayName = "SheetHeader";
|
|
65
|
-
const SheetFooter = ({
|
|
66
|
-
className,
|
|
67
|
-
...props
|
|
68
|
-
}) => /* @__PURE__ */ React.createElement(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
className: cn(
|
|
72
|
-
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
73
|
-
className
|
|
74
|
-
),
|
|
75
|
-
...props
|
|
76
|
-
}
|
|
77
|
-
);
|
|
55
|
+
const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
78
56
|
SheetFooter.displayName = "SheetFooter";
|
|
79
|
-
const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
80
|
-
DialogPrimitive.Title,
|
|
81
|
-
{
|
|
82
|
-
ref,
|
|
83
|
-
className: cn("text-lg font-semibold text-foreground", className),
|
|
84
|
-
...props
|
|
85
|
-
}
|
|
86
|
-
));
|
|
57
|
+
const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
|
|
87
58
|
SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
88
|
-
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
89
|
-
DialogPrimitive.Description,
|
|
90
|
-
{
|
|
91
|
-
ref,
|
|
92
|
-
className: cn("text-sm text-muted-foreground", className),
|
|
93
|
-
...props
|
|
94
|
-
}
|
|
95
|
-
));
|
|
59
|
+
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
96
60
|
SheetDescription.displayName = DialogPrimitive.Description.displayName;
|
|
97
61
|
|
|
98
62
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","sources":["../../../../src/components/ui/sheet.tsx"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"file":"sheet.js","sources":["../../../../src/components/ui/sheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X as CrossIcon } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n 'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className,\n )}\n {...props}\n ref={ref}\n />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n 'fixed z-50 gap-4 bg-surface py-6 px-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',\n {\n variants: {\n side: {\n top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n bottom:\n 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n right:\n 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n },\n);\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(\n ({ side = 'right', className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n <SheetPrimitive.Close asChild className=\"absolute right-4 top-4\">\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"[&_svg]:size-6 ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none\"\n >\n <CrossIcon className=\"size-6\" />\n <span className=\"sr-only\">Close</span>\n </Button>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n ),\n);\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex flex-col text-center sm:text-left !mt-0', className)} {...props} />\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn('text-lg font-semibold text-foreground', className)} {...props} />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n"],"names":["SheetPrimitive","CrossIcon"],"mappings":"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"}
|