brd-ui-kit 0.1.86 → 0.1.87
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/basic-modal/basic-modal.d.ts +1 -0
- package/dist/components/card-info/card-info.d.ts +1 -1
- package/dist/components/ui/dialog/dialog.d.ts +2 -1
- package/dist/components-basic-modal-basic-modal.cjs +1 -1
- package/dist/components-basic-modal-basic-modal.cjs.map +1 -1
- package/dist/components-basic-modal-basic-modal.js +21 -20
- package/dist/components-basic-modal-basic-modal.js.map +1 -1
- package/dist/components-card-info-card-info.cjs.map +1 -1
- package/dist/components-card-info-card-info.js.map +1 -1
- package/dist/components-ui-dialog-dialog.cjs +1 -1
- package/dist/components-ui-dialog-dialog.cjs.map +1 -1
- package/dist/components-ui-dialog-dialog.js +48 -47
- package/dist/components-ui-dialog-dialog.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import { cardInfoHeaderVariants } from './card-info.styles';
|
|
3
3
|
export interface CardInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "className">, VariantProps<typeof cardInfoHeaderVariants> {
|
|
4
|
-
title
|
|
4
|
+
title?: string;
|
|
5
5
|
headerComponent?: React.ReactNode;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
className?: {
|
|
@@ -5,6 +5,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
|
5
5
|
type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
|
|
6
6
|
type DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
|
|
7
7
|
showCloseButton?: boolean;
|
|
8
|
+
overlayClassName?: string;
|
|
8
9
|
} & VariantProps<typeof dialogContentPositionVariants>;
|
|
9
10
|
type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;
|
|
10
11
|
type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;
|
|
@@ -17,7 +18,7 @@ declare const DialogOverlay: {
|
|
|
17
18
|
displayName: string | undefined;
|
|
18
19
|
};
|
|
19
20
|
declare const DialogContent: {
|
|
20
|
-
({ className, children, showCloseButton, positionX, positionY, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
({ className, overlayClassName, children, showCloseButton, positionX, positionY, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
displayName: string | undefined;
|
|
22
23
|
};
|
|
23
24
|
declare const DialogHeader: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");const t=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const i=require("./components-ui-dialog-dialog.cjs"),y=({open:n,onOpenChange:r,title:l,cancelLabel:c="Отмена",confirmLabel:s="Ок",onConfirm:d,children:u,classes:o,footer:a,showCloseButton:m=!1,ariaDescribedby:j=void 0,positionX:x,positionY:h})=>{const v=()=>{r(!1)},b=()=>{d?.(),r(!1)},g=a===void 0?e.jsxs(i.DialogFooter,{className:o?.footer,children:[e.jsx(t.Button,{variant:"secondary",onClick:v,children:c}),e.jsx(t.Button,{onClick:b,children:s})]}):a;return e.jsx(i.Dialog,{open:n,onOpenChange:r,children:e.jsxs(i.DialogContent,{"aria-describedby":j,showCloseButton:m,positionX:x,positionY:h,className:o?.content,overlayClassName:o?.overlay,children:[l&&e.jsx(i.DialogHeader,{className:o?.header,children:e.jsx(i.DialogTitle,{className:o?.title,children:l})}),e.jsx("div",{className:o?.body,children:u}),g]})})};exports.BasicModal=y;
|
|
2
2
|
//# sourceMappingURL=components-basic-modal-basic-modal.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-basic-modal-basic-modal.cjs","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n title?: React.ReactNode | string;\n cancelLabel?: string;\n confirmLabel?: string;\n onConfirm?: () => void;\n classes?: {\n content?: string;\n header?: string;\n body?: string;\n footer?: string;\n title?: string;\n };\n children: React.ReactNode;\n footer?: React.ReactNode;\n showCloseButton?: boolean;\n ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n open,\n onOpenChange,\n title,\n cancelLabel = \"Отмена\",\n confirmLabel = \"Ок\",\n onConfirm,\n children,\n classes,\n footer,\n showCloseButton = false,\n ariaDescribedby = undefined,\n positionX,\n positionY,\n}: Props) => {\n const handleCancelClick = () => {\n onOpenChange(false);\n };\n\n const handleConfirmClick = () => {\n onConfirm?.();\n onOpenChange(false);\n };\n\n const resolvedFooter =\n footer === undefined ? (\n <DialogFooter className={classes?.footer}>\n <Button\n variant=\"secondary\"\n onClick={handleCancelClick}\n >\n {cancelLabel}\n </Button>\n <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n </DialogFooter>\n ) : (\n footer\n );\n\n return (\n <Dialog\n open={open}\n onOpenChange={onOpenChange}\n >\n <DialogContent\n aria-describedby={ariaDescribedby}\n showCloseButton={showCloseButton}\n positionX={positionX}\n positionY={positionY}\n className={classes?.content}\n >\n {title && (\n <DialogHeader className={classes?.header}>\n <DialogTitle className={classes?.title}>{title}</DialogTitle>\n </DialogHeader>\n )}\n <div className={classes?.body}>{children}</div>\n {resolvedFooter}\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components-basic-modal-basic-modal.cjs","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n title?: React.ReactNode | string;\n cancelLabel?: string;\n confirmLabel?: string;\n onConfirm?: () => void;\n classes?: {\n content?: string;\n header?: string;\n body?: string;\n footer?: string;\n title?: string;\n overlay?: string;\n };\n children: React.ReactNode;\n footer?: React.ReactNode;\n showCloseButton?: boolean;\n ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n open,\n onOpenChange,\n title,\n cancelLabel = \"Отмена\",\n confirmLabel = \"Ок\",\n onConfirm,\n children,\n classes,\n footer,\n showCloseButton = false,\n ariaDescribedby = undefined,\n positionX,\n positionY,\n}: Props) => {\n const handleCancelClick = () => {\n onOpenChange(false);\n };\n\n const handleConfirmClick = () => {\n onConfirm?.();\n onOpenChange(false);\n };\n\n const resolvedFooter =\n footer === undefined ? (\n <DialogFooter className={classes?.footer}>\n <Button\n variant=\"secondary\"\n onClick={handleCancelClick}\n >\n {cancelLabel}\n </Button>\n <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n </DialogFooter>\n ) : (\n footer\n );\n\n return (\n <Dialog\n open={open}\n onOpenChange={onOpenChange}\n >\n <DialogContent\n aria-describedby={ariaDescribedby}\n showCloseButton={showCloseButton}\n positionX={positionX}\n positionY={positionY}\n className={classes?.content}\n overlayClassName={classes?.overlay}\n >\n {title && (\n <DialogHeader className={classes?.header}>\n <DialogTitle className={classes?.title}>{title}</DialogTitle>\n </DialogHeader>\n )}\n <div className={classes?.body}>{children}</div>\n {resolvedFooter}\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":"uTAgCaA,EAAa,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,SACd,aAAAC,EAAe,KACf,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,OAClB,UAAAC,EACA,UAAAC,CACF,IAAa,CACX,MAAMC,EAAoB,IAAM,CAC9BZ,EAAa,EAAK,CACpB,EAEMa,EAAqB,IAAM,CAC/BT,IAAA,EACAJ,EAAa,EAAK,CACpB,EAEMc,EACJP,IAAW,cACRQ,eAAA,CAAa,UAAWT,GAAS,OAChC,SAAA,CAAAU,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,YACR,QAASL,EAER,SAAAV,CAAA,CAAA,EAEHc,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASJ,EAAqB,SAAAV,CAAA,CAAa,CAAA,CAAA,CACrD,EAEAI,EAGJ,OACES,EAAAA,IAACE,EAAAA,OAAA,CACC,KAAAnB,EACA,aAAAC,EAEA,SAAAmB,EAAAA,KAACC,EAAAA,cAAA,CACC,mBAAkBX,EAClB,gBAAAD,EACA,UAAAE,EACA,UAAAC,EACA,UAAWL,GAAS,QACpB,iBAAkBA,GAAS,QAE1B,SAAA,CAAAL,GACCe,EAAAA,IAACK,eAAA,CAAa,UAAWf,GAAS,OAChC,SAAAU,EAAAA,IAACM,EAAAA,YAAA,CAAY,UAAWhB,GAAS,MAAQ,SAAAL,CAAA,CAAM,EACjD,EAEFe,EAAAA,IAAC,MAAA,CAAI,UAAWV,GAAS,KAAO,SAAAD,EAAS,EACxCS,CAAA,CAAA,CAAA,CACH,CAAA,CAGN"}
|
|
@@ -1,55 +1,56 @@
|
|
|
1
|
-
import { jsxs as a, jsx as
|
|
1
|
+
import { jsxs as a, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import "class-variance-authority";
|
|
3
|
-
import { Button as
|
|
3
|
+
import { Button as t } from "./components-ui-button-button.js";
|
|
4
4
|
import "./components-ui-button-button.styles.js";
|
|
5
|
-
import { DialogFooter as
|
|
5
|
+
import { DialogFooter as k, Dialog as p, DialogContent as b, DialogHeader as g, DialogTitle as x } from "./components-ui-dialog-dialog.js";
|
|
6
6
|
const M = ({
|
|
7
|
-
open:
|
|
7
|
+
open: c,
|
|
8
8
|
onOpenChange: r,
|
|
9
9
|
title: e,
|
|
10
10
|
cancelLabel: d = "Отмена",
|
|
11
11
|
confirmLabel: n = "Ок",
|
|
12
12
|
onConfirm: m,
|
|
13
13
|
children: s,
|
|
14
|
-
classes:
|
|
14
|
+
classes: o,
|
|
15
15
|
footer: l,
|
|
16
16
|
showCloseButton: h = !1,
|
|
17
17
|
ariaDescribedby: f = void 0,
|
|
18
18
|
positionX: v,
|
|
19
19
|
positionY: C
|
|
20
20
|
}) => {
|
|
21
|
-
const
|
|
21
|
+
const N = () => {
|
|
22
22
|
r(!1);
|
|
23
|
-
},
|
|
23
|
+
}, y = () => {
|
|
24
24
|
m?.(), r(!1);
|
|
25
|
-
},
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
25
|
+
}, D = l === void 0 ? /* @__PURE__ */ a(k, { className: o?.footer, children: [
|
|
26
|
+
/* @__PURE__ */ i(
|
|
27
|
+
t,
|
|
28
28
|
{
|
|
29
29
|
variant: "secondary",
|
|
30
|
-
onClick:
|
|
30
|
+
onClick: N,
|
|
31
31
|
children: d
|
|
32
32
|
}
|
|
33
33
|
),
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ i(t, { onClick: y, children: n })
|
|
35
35
|
] }) : l;
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
37
|
+
p,
|
|
38
38
|
{
|
|
39
|
-
open:
|
|
39
|
+
open: c,
|
|
40
40
|
onOpenChange: r,
|
|
41
41
|
children: /* @__PURE__ */ a(
|
|
42
|
-
|
|
42
|
+
b,
|
|
43
43
|
{
|
|
44
44
|
"aria-describedby": f,
|
|
45
45
|
showCloseButton: h,
|
|
46
46
|
positionX: v,
|
|
47
47
|
positionY: C,
|
|
48
|
-
className:
|
|
48
|
+
className: o?.content,
|
|
49
|
+
overlayClassName: o?.overlay,
|
|
49
50
|
children: [
|
|
50
|
-
e && /* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
|
|
51
|
+
e && /* @__PURE__ */ i(g, { className: o?.header, children: /* @__PURE__ */ i(x, { className: o?.title, children: e }) }),
|
|
52
|
+
/* @__PURE__ */ i("div", { className: o?.body, children: s }),
|
|
53
|
+
D
|
|
53
54
|
]
|
|
54
55
|
}
|
|
55
56
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-basic-modal-basic-modal.js","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n title?: React.ReactNode | string;\n cancelLabel?: string;\n confirmLabel?: string;\n onConfirm?: () => void;\n classes?: {\n content?: string;\n header?: string;\n body?: string;\n footer?: string;\n title?: string;\n };\n children: React.ReactNode;\n footer?: React.ReactNode;\n showCloseButton?: boolean;\n ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n open,\n onOpenChange,\n title,\n cancelLabel = \"Отмена\",\n confirmLabel = \"Ок\",\n onConfirm,\n children,\n classes,\n footer,\n showCloseButton = false,\n ariaDescribedby = undefined,\n positionX,\n positionY,\n}: Props) => {\n const handleCancelClick = () => {\n onOpenChange(false);\n };\n\n const handleConfirmClick = () => {\n onConfirm?.();\n onOpenChange(false);\n };\n\n const resolvedFooter =\n footer === undefined ? (\n <DialogFooter className={classes?.footer}>\n <Button\n variant=\"secondary\"\n onClick={handleCancelClick}\n >\n {cancelLabel}\n </Button>\n <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n </DialogFooter>\n ) : (\n footer\n );\n\n return (\n <Dialog\n open={open}\n onOpenChange={onOpenChange}\n >\n <DialogContent\n aria-describedby={ariaDescribedby}\n showCloseButton={showCloseButton}\n positionX={positionX}\n positionY={positionY}\n className={classes?.content}\n >\n {title && (\n <DialogHeader className={classes?.header}>\n <DialogTitle className={classes?.title}>{title}</DialogTitle>\n </DialogHeader>\n )}\n <div className={classes?.body}>{children}</div>\n {resolvedFooter}\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"components-basic-modal-basic-modal.js","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n title?: React.ReactNode | string;\n cancelLabel?: string;\n confirmLabel?: string;\n onConfirm?: () => void;\n classes?: {\n content?: string;\n header?: string;\n body?: string;\n footer?: string;\n title?: string;\n overlay?: string;\n };\n children: React.ReactNode;\n footer?: React.ReactNode;\n showCloseButton?: boolean;\n ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n open,\n onOpenChange,\n title,\n cancelLabel = \"Отмена\",\n confirmLabel = \"Ок\",\n onConfirm,\n children,\n classes,\n footer,\n showCloseButton = false,\n ariaDescribedby = undefined,\n positionX,\n positionY,\n}: Props) => {\n const handleCancelClick = () => {\n onOpenChange(false);\n };\n\n const handleConfirmClick = () => {\n onConfirm?.();\n onOpenChange(false);\n };\n\n const resolvedFooter =\n footer === undefined ? (\n <DialogFooter className={classes?.footer}>\n <Button\n variant=\"secondary\"\n onClick={handleCancelClick}\n >\n {cancelLabel}\n </Button>\n <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n </DialogFooter>\n ) : (\n footer\n );\n\n return (\n <Dialog\n open={open}\n onOpenChange={onOpenChange}\n >\n <DialogContent\n aria-describedby={ariaDescribedby}\n showCloseButton={showCloseButton}\n positionX={positionX}\n positionY={positionY}\n className={classes?.content}\n overlayClassName={classes?.overlay}\n >\n {title && (\n <DialogHeader className={classes?.header}>\n <DialogTitle className={classes?.title}>{title}</DialogTitle>\n </DialogHeader>\n )}\n <div className={classes?.body}>{children}</div>\n {resolvedFooter}\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":";;;;;AAgCO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IAAoB,MAAM;AAC9B,IAAAZ,EAAa,EAAK;AAAA,EACpB,GAEMa,IAAqB,MAAM;AAC/B,IAAAT,IAAA,GACAJ,EAAa,EAAK;AAAA,EACpB,GAEMc,IACJP,MAAW,2BACRQ,GAAA,EAAa,WAAWT,GAAS,QAChC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASL;AAAA,QAER,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAc,EAACC,GAAA,EAAO,SAASJ,GAAqB,UAAAV,EAAA,CAAa;AAAA,EAAA,EAAA,CACrD,IAEAI;AAGJ,SACE,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAmB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,oBAAkBX;AAAA,UAClB,iBAAAD;AAAA,UACA,WAAAE;AAAA,UACA,WAAAC;AAAA,UACA,WAAWL,GAAS;AAAA,UACpB,kBAAkBA,GAAS;AAAA,UAE1B,UAAA;AAAA,YAAAL,KACC,gBAAAe,EAACK,GAAA,EAAa,WAAWf,GAAS,QAChC,UAAA,gBAAAU,EAACM,GAAA,EAAY,WAAWhB,GAAS,OAAQ,UAAAL,EAAA,CAAM,GACjD;AAAA,YAEF,gBAAAe,EAAC,OAAA,EAAI,WAAWV,GAAS,MAAO,UAAAD,GAAS;AAAA,YACxCS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-card-info-card-info.cjs","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n cardInfoContentVariants,\n cardInfoHeaderVariants,\n cardInfoLeftBorderVariants,\n cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n VariantProps<typeof cardInfoHeaderVariants> {\n title
|
|
1
|
+
{"version":3,"file":"components-card-info-card-info.cjs","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n cardInfoContentVariants,\n cardInfoHeaderVariants,\n cardInfoLeftBorderVariants,\n cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n VariantProps<typeof cardInfoHeaderVariants> {\n title?: string;\n headerComponent?: React.ReactNode;\n children: React.ReactNode;\n className?: {\n borderLeft?: string;\n headerBackground?: string;\n card?: string;\n content?: string;\n };\n}\n\nexport const CardInfo = ({\n className,\n title,\n headerComponent,\n children,\n accent,\n size,\n ...props\n}: CardInfoProps) => {\n return (\n <Card\n className={cn(cardInfoVariants(), className?.card)}\n {...props}\n >\n <div\n className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n />\n\n <div\n className={cn(\n cardInfoHeaderVariants({ accent, size }),\n className?.headerBackground,\n )}\n >\n {headerComponent ? (\n headerComponent\n ) : (\n <Typography variant=\"body-lg-semibold\">{title}</Typography>\n )}\n </div>\n\n <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n </Card>\n );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":"+WA0BaA,EAAW,CAAC,CACvB,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,mBAAoBV,GAAW,IAAI,EAChD,GAAGM,EAEJ,SAAA,CAAAK,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GAAGG,EAAAA,2BAA2B,CAAE,OAAAR,EAAQ,EAAGJ,GAAW,UAAU,CAAA,CAAA,EAG7EW,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GACTI,yBAAuB,CAAE,OAAAT,EAAQ,KAAAC,EAAM,EACvCL,GAAW,gBAAA,EAGZ,YAGCW,MAACG,EAAAA,WAAA,CAAW,QAAQ,mBAAoB,SAAAb,CAAA,CAAM,CAAA,CAAA,EAIlDU,MAAC,OAAI,UAAWF,EAAAA,GAAGM,EAAAA,0BAA2Bf,GAAW,OAAO,EAAI,SAAAG,CAAA,CAAS,CAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-card-info-card-info.js","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n cardInfoContentVariants,\n cardInfoHeaderVariants,\n cardInfoLeftBorderVariants,\n cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n VariantProps<typeof cardInfoHeaderVariants> {\n title
|
|
1
|
+
{"version":3,"file":"components-card-info-card-info.js","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n cardInfoContentVariants,\n cardInfoHeaderVariants,\n cardInfoLeftBorderVariants,\n cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n VariantProps<typeof cardInfoHeaderVariants> {\n title?: string;\n headerComponent?: React.ReactNode;\n children: React.ReactNode;\n className?: {\n borderLeft?: string;\n headerBackground?: string;\n card?: string;\n content?: string;\n };\n}\n\nexport const CardInfo = ({\n className,\n title,\n headerComponent,\n children,\n accent,\n size,\n ...props\n}: CardInfoProps) => {\n return (\n <Card\n className={cn(cardInfoVariants(), className?.card)}\n {...props}\n >\n <div\n className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n />\n\n <div\n className={cn(\n cardInfoHeaderVariants({ accent, size }),\n className?.headerBackground,\n )}\n >\n {headerComponent ? (\n headerComponent\n ) : (\n <Typography variant=\"body-lg-semibold\">{title}</Typography>\n )}\n </div>\n\n <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n </Card>\n );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":";;;;;;AA0BO,MAAMA,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,KAAoBV,GAAW,IAAI;AAAA,IAChD,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAGG,EAA2B,EAAE,QAAAR,GAAQ,GAAGJ,GAAW,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7E,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACTI,EAAuB,EAAE,QAAAT,GAAQ,MAAAC,GAAM;AAAA,YACvCL,GAAW;AAAA,UAAA;AAAA,UAGZ,eAGC,gBAAAW,EAACG,GAAA,EAAW,SAAQ,oBAAoB,UAAAb,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlD,gBAAAU,EAAC,SAAI,WAAWF,EAAGM,KAA2Bf,GAAW,OAAO,GAAI,UAAAG,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),C=require("@radix-ui/react-dialog");require("class-variance-authority");const l=require("./lib-utils.cjs"),j=require("./components-icons-stroke-icon.cjs"),x=require("brd-phosphor-strokes-icons/icons/X"),i=require("./components-ui-dialog-dialog.styles.cjs");function v(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=v(C),O=s.Root,f=s.Trigger,c=s.Portal,T=s.Close,r=({className:e,...a})=>o.jsx(s.Overlay,{className:l.cn(...i.dialogOverlayClassNames,e),...a});r.displayName=s.Overlay.displayName;const g=({className:e,overlayClassName:a,children:t,showCloseButton:n=!0,positionX:p,positionY:u,...y})=>o.jsxs(c,{children:[o.jsx(r,{className:a}),o.jsxs(s.Content,{className:l.cn(...i.dialogContentClassNames,i.dialogContentPositionVariants({positionX:p,positionY:u}),e),...y,children:[t,n&&o.jsxs(s.Close,{className:l.cn(...i.dialogCloseClassNames),children:[o.jsx(j.StrokeIcon,{icon:x.X}),o.jsx("span",{className:"sr-only",children:"Close"})]})]})]});g.displayName=s.Content.displayName;const d=({className:e,...a})=>o.jsx("div",{className:l.cn(...i.dialogHeaderClassNames,e),...a});d.displayName="DialogHeader";const m=({className:e,...a})=>o.jsx("div",{className:l.cn(...i.dialogFooterClassNames,e),...a});m.displayName="DialogFooter";const D=({className:e,...a})=>o.jsx(s.Title,{className:l.cn(...i.dialogTitleClassNames,e),...a});D.displayName=s.Title.displayName;const N=({className:e,...a})=>o.jsx(s.Description,{className:l.cn(...i.dialogDescriptionClassNames,e),...a});N.displayName=s.Description.displayName;exports.Dialog=O;exports.DialogClose=T;exports.DialogContent=g;exports.DialogDescription=N;exports.DialogFooter=m;exports.DialogHeader=d;exports.DialogOverlay=r;exports.DialogPortal=c;exports.DialogTitle=D;exports.DialogTrigger=f;
|
|
2
2
|
//# sourceMappingURL=components-ui-dialog-dialog.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-ui-dialog-dialog.cjs","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n dialogCloseClassNames,\n dialogContentClassNames,\n dialogContentPositionVariants,\n dialogDescriptionClassNames,\n dialogFooterClassNames,\n dialogHeaderClassNames,\n dialogOverlayClassNames,\n dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogPrimitive.Overlay\n className={cn(...dialogOverlayClassNames, className)}\n {...props}\n />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n className,\n children,\n showCloseButton = true,\n positionX,\n positionY,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n className={cn(\n ...dialogContentClassNames,\n dialogContentPositionVariants({ positionX, positionY }),\n className,\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n <StrokeIcon icon={X} />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogHeaderClassNames, className)}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogFooterClassNames, className)}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(...dialogTitleClassNames, className)}\n {...props}\n />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(...dialogDescriptionClassNames, className)}\n {...props}\n />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components-ui-dialog-dialog.cjs","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n dialogCloseClassNames,\n dialogContentClassNames,\n dialogContentPositionVariants,\n dialogDescriptionClassNames,\n dialogFooterClassNames,\n dialogHeaderClassNames,\n dialogOverlayClassNames,\n dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n overlayClassName?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogPrimitive.Overlay\n className={cn(...dialogOverlayClassNames, className)}\n {...props}\n />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n className,\n overlayClassName,\n children,\n showCloseButton = true,\n positionX,\n positionY,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogOverlay className={overlayClassName} />\n <DialogPrimitive.Content\n className={cn(\n ...dialogContentClassNames,\n dialogContentPositionVariants({ positionX, positionY }),\n className,\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n <StrokeIcon icon={X} />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogHeaderClassNames, className)}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogFooterClassNames, className)}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(...dialogTitleClassNames, className)}\n {...props}\n />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(...dialogDescriptionClassNames, className)}\n {...props}\n />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","overlayClassName","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":"gpBA0BMA,EAASC,EAAgB,KACzBC,EAAgBD,EAAgB,QAChCE,EAAeF,EAAgB,OAC/BG,EAAcH,EAAgB,MAE9BI,EAAgB,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACrCC,EAAAA,IAACP,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGC,EAAAA,wBAAyBJ,CAAS,EAClD,GAAGC,CAAA,CACN,EAEFF,EAAc,YAAcJ,EAAgB,QAAQ,YAEpD,MAAMU,EAAgB,CAAC,CACrB,UAAAL,EACA,iBAAAM,EACA,SAAAC,EACA,gBAAAC,EAAkB,GAClB,UAAAC,EACA,UAAAC,EACA,GAAGT,CACL,WACGJ,EAAA,CACC,SAAA,CAAAK,EAAAA,IAACH,EAAA,CAAc,UAAWO,CAAA,CAAkB,EAC5CK,EAAAA,KAAChB,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GACT,GAAGS,EAAAA,wBACHC,gCAA8B,CAAE,UAAAJ,EAAW,UAAAC,EAAW,EACtDV,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAM,EACAC,UACEb,EAAgB,MAAhB,CAAsB,UAAWQ,KAAG,GAAGW,uBAAqB,EAC3D,SAAA,CAAAZ,EAAAA,IAACa,EAAAA,WAAA,CAAW,KAAMC,EAAAA,CAAA,CAAG,EACrBd,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,EAEFG,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMsB,EAAe,CAAC,CAAE,UAAAjB,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGe,EAAAA,uBAAwBlB,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFgB,EAAa,YAAc,eAE3B,MAAME,EAAe,CAAC,CAAE,UAAAnB,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGiB,EAAAA,uBAAwBpB,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFkB,EAAa,YAAc,eAE3B,MAAME,EAAc,CAAC,CAAE,UAAArB,EAAW,GAAGC,KACnCC,EAAAA,IAACP,EAAgB,MAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGmB,EAAAA,sBAAuBtB,CAAS,EAChD,GAAGC,CAAA,CACN,EAEFoB,EAAY,YAAc1B,EAAgB,MAAM,YAEhD,MAAM4B,EAAoB,CAAC,CAAE,UAAAvB,EAAW,GAAGC,KACzCC,EAAAA,IAACP,EAAgB,YAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGqB,EAAAA,4BAA6BxB,CAAS,EACtD,GAAGC,CAAA,CACN,EAEFsB,EAAkB,YAAc5B,EAAgB,YAAY"}
|
|
@@ -2,88 +2,89 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import * as a from "@radix-ui/react-dialog";
|
|
3
3
|
import "class-variance-authority";
|
|
4
4
|
import { cn as l } from "./lib-utils.js";
|
|
5
|
-
import { StrokeIcon as
|
|
5
|
+
import { StrokeIcon as N } from "./components-icons-stroke-icon.js";
|
|
6
6
|
import { X as g } from "brd-phosphor-strokes-icons/icons/X";
|
|
7
|
-
import { dialogCloseClassNames as
|
|
8
|
-
const
|
|
7
|
+
import { dialogCloseClassNames as p, dialogContentClassNames as C, dialogContentPositionVariants as D, dialogDescriptionClassNames as y, dialogFooterClassNames as v, dialogHeaderClassNames as f, dialogOverlayClassNames as T, dialogTitleClassNames as h } from "./components-ui-dialog-dialog.styles.js";
|
|
8
|
+
const X = a.Root, b = a.Trigger, O = a.Portal, q = a.Close, t = ({ className: s, ...o }) => /* @__PURE__ */ e(
|
|
9
9
|
a.Overlay,
|
|
10
10
|
{
|
|
11
|
-
className: l(...
|
|
12
|
-
...
|
|
11
|
+
className: l(...T, s),
|
|
12
|
+
...o
|
|
13
13
|
}
|
|
14
14
|
);
|
|
15
15
|
t.displayName = a.Overlay.displayName;
|
|
16
|
-
const
|
|
17
|
-
className:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
const P = ({
|
|
17
|
+
className: s,
|
|
18
|
+
overlayClassName: o,
|
|
19
|
+
children: r,
|
|
20
|
+
showCloseButton: m = !0,
|
|
21
|
+
positionX: n,
|
|
22
|
+
positionY: c,
|
|
23
|
+
...d
|
|
24
|
+
}) => /* @__PURE__ */ i(O, { children: [
|
|
25
|
+
/* @__PURE__ */ e(t, { className: o }),
|
|
25
26
|
/* @__PURE__ */ i(
|
|
26
27
|
a.Content,
|
|
27
28
|
{
|
|
28
29
|
className: l(
|
|
29
|
-
...
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
...C,
|
|
31
|
+
D({ positionX: n, positionY: c }),
|
|
32
|
+
s
|
|
32
33
|
),
|
|
33
|
-
...
|
|
34
|
+
...d,
|
|
34
35
|
children: [
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
/* @__PURE__ */ e(
|
|
36
|
+
r,
|
|
37
|
+
m && /* @__PURE__ */ i(a.Close, { className: l(...p), children: [
|
|
38
|
+
/* @__PURE__ */ e(N, { icon: g }),
|
|
38
39
|
/* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
|
|
39
40
|
] })
|
|
40
41
|
]
|
|
41
42
|
}
|
|
42
43
|
)
|
|
43
44
|
] });
|
|
44
|
-
|
|
45
|
-
const
|
|
45
|
+
P.displayName = a.Content.displayName;
|
|
46
|
+
const x = ({ className: s, ...o }) => /* @__PURE__ */ e(
|
|
46
47
|
"div",
|
|
47
48
|
{
|
|
48
|
-
className: l(...
|
|
49
|
-
...
|
|
49
|
+
className: l(...f, s),
|
|
50
|
+
...o
|
|
50
51
|
}
|
|
51
52
|
);
|
|
52
|
-
|
|
53
|
-
const
|
|
53
|
+
x.displayName = "DialogHeader";
|
|
54
|
+
const F = ({ className: s, ...o }) => /* @__PURE__ */ e(
|
|
54
55
|
"div",
|
|
55
56
|
{
|
|
56
|
-
className: l(...
|
|
57
|
-
...
|
|
57
|
+
className: l(...v, s),
|
|
58
|
+
...o
|
|
58
59
|
}
|
|
59
60
|
);
|
|
60
|
-
|
|
61
|
-
const
|
|
61
|
+
F.displayName = "DialogFooter";
|
|
62
|
+
const H = ({ className: s, ...o }) => /* @__PURE__ */ e(
|
|
62
63
|
a.Title,
|
|
63
64
|
{
|
|
64
|
-
className: l(...
|
|
65
|
-
...
|
|
65
|
+
className: l(...h, s),
|
|
66
|
+
...o
|
|
66
67
|
}
|
|
67
68
|
);
|
|
68
|
-
|
|
69
|
-
const
|
|
69
|
+
H.displayName = a.Title.displayName;
|
|
70
|
+
const j = ({ className: s, ...o }) => /* @__PURE__ */ e(
|
|
70
71
|
a.Description,
|
|
71
72
|
{
|
|
72
|
-
className: l(...
|
|
73
|
-
...
|
|
73
|
+
className: l(...y, s),
|
|
74
|
+
...o
|
|
74
75
|
}
|
|
75
76
|
);
|
|
76
|
-
|
|
77
|
+
j.displayName = a.Description.displayName;
|
|
77
78
|
export {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
79
|
+
X as Dialog,
|
|
80
|
+
q as DialogClose,
|
|
81
|
+
P as DialogContent,
|
|
82
|
+
j as DialogDescription,
|
|
83
|
+
F as DialogFooter,
|
|
84
|
+
x as DialogHeader,
|
|
84
85
|
t as DialogOverlay,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
O as DialogPortal,
|
|
87
|
+
H as DialogTitle,
|
|
88
|
+
b as DialogTrigger
|
|
88
89
|
};
|
|
89
90
|
//# sourceMappingURL=components-ui-dialog-dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-ui-dialog-dialog.js","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n dialogCloseClassNames,\n dialogContentClassNames,\n dialogContentPositionVariants,\n dialogDescriptionClassNames,\n dialogFooterClassNames,\n dialogHeaderClassNames,\n dialogOverlayClassNames,\n dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogPrimitive.Overlay\n className={cn(...dialogOverlayClassNames, className)}\n {...props}\n />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n className,\n children,\n showCloseButton = true,\n positionX,\n positionY,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n className={cn(\n ...dialogContentClassNames,\n dialogContentPositionVariants({ positionX, positionY }),\n className,\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n <StrokeIcon icon={X} />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogHeaderClassNames, className)}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogFooterClassNames, className)}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(...dialogTitleClassNames, className)}\n {...props}\n />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(...dialogDescriptionClassNames, className)}\n {...props}\n />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"components-ui-dialog-dialog.js","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n dialogCloseClassNames,\n dialogContentClassNames,\n dialogContentPositionVariants,\n dialogDescriptionClassNames,\n dialogFooterClassNames,\n dialogHeaderClassNames,\n dialogOverlayClassNames,\n dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n overlayClassName?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogPrimitive.Overlay\n className={cn(...dialogOverlayClassNames, className)}\n {...props}\n />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n className,\n overlayClassName,\n children,\n showCloseButton = true,\n positionX,\n positionY,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogOverlay className={overlayClassName} />\n <DialogPrimitive.Content\n className={cn(\n ...dialogContentClassNames,\n dialogContentPositionVariants({ positionX, positionY }),\n className,\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n <StrokeIcon icon={X} />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogHeaderClassNames, className)}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(...dialogFooterClassNames, className)}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(...dialogTitleClassNames, className)}\n {...props}\n />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(...dialogDescriptionClassNames, className)}\n {...props}\n />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","overlayClassName","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":";;;;;;;AA0BA,MAAMA,IAASC,EAAgB,MACzBC,IAAgBD,EAAgB,SAChCE,IAAeF,EAAgB,QAC/BG,IAAcH,EAAgB,OAE9BI,IAAgB,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACrC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGC,GAAyBJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgB,CAAC;AAAA,EACrB,WAAAL;AAAA,EACA,kBAAAM;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGT;AACL,wBACGJ,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAK,EAACH,GAAA,EAAc,WAAWO,EAAA,CAAkB;AAAA,EAC5C,gBAAAK;AAAA,IAAChB,EAAgB;AAAA,IAAhB;AAAA,MACC,WAAWQ;AAAA,QACT,GAAGS;AAAA,QACHC,EAA8B,EAAE,WAAAJ,GAAW,WAAAC,GAAW;AAAA,QACtDV;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAM;AAAA,QACAC,uBACEb,EAAgB,OAAhB,EAAsB,WAAWQ,EAAG,GAAGW,CAAqB,GAC3D,UAAA;AAAA,UAAA,gBAAAZ,EAACa,GAAA,EAAW,MAAMC,EAAA,CAAG;AAAA,UACrB,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,EAAA,CACF;AAEFG,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMsB,IAAe,CAAC,EAAE,WAAAjB,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGe,GAAwBlB,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFgB,EAAa,cAAc;AAE3B,MAAME,IAAe,CAAC,EAAE,WAAAnB,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGiB,GAAwBpB,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFkB,EAAa,cAAc;AAE3B,MAAME,IAAc,CAAC,EAAE,WAAArB,GAAW,GAAGC,QACnC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGmB,GAAuBtB,CAAS;AAAA,IAChD,GAAGC;AAAA,EAAA;AACN;AAEFoB,EAAY,cAAc1B,EAAgB,MAAM;AAEhD,MAAM4B,IAAoB,CAAC,EAAE,WAAAvB,GAAW,GAAGC,QACzC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGqB,GAA6BxB,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN;AAEFsB,EAAkB,cAAc5B,EAAgB,YAAY;"}
|