@iit/precision-ui 0.5.0 → 0.5.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/components/ui/dialog.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +11 -12
- package/dist/index.es11.js +11 -11
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es29.js +21 -27
- package/dist/index.es29.js.map +1 -1
- package/dist/styles.css +8 -12
- package/package.json +4 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,8JAuBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -45,6 +45,6 @@ export { Section };
|
|
|
45
45
|
export { CardsGridSection };
|
|
46
46
|
export { Heading, Text };
|
|
47
47
|
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, } from './components/ui/form';
|
|
48
|
-
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger,
|
|
48
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './components/ui/dialog';
|
|
49
49
|
export { ScrollArea, ScrollBar } from './components/ui/scroll-area';
|
|
50
50
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -25,8 +25,8 @@ import { default as Y } from "./index.es25.js";
|
|
|
25
25
|
import { default as _ } from "./index.es26.js";
|
|
26
26
|
import { default as oo } from "./index.es27.js";
|
|
27
27
|
import { Form as eo, FormControl as to, FormDescription as ao, FormField as fo, FormItem as lo, FormLabel as mo, FormMessage as po, useFormField as xo } from "./index.es28.js";
|
|
28
|
-
import { Dialog as so, DialogClose as uo,
|
|
29
|
-
import { ScrollArea as
|
|
28
|
+
import { Dialog as so, DialogClose as uo, DialogDescription as no, DialogFooter as go, DialogHeader as Do, DialogOverlay as co, DialogPortal as Fo, DialogTitle as To, DialogTrigger as bo } from "./index.es29.js";
|
|
29
|
+
import { ScrollArea as Bo, ScrollBar as Co } from "./index.es30.js";
|
|
30
30
|
export {
|
|
31
31
|
F as Alert,
|
|
32
32
|
T as AlertDescription,
|
|
@@ -44,14 +44,13 @@ export {
|
|
|
44
44
|
R as CheckboxWithLabel,
|
|
45
45
|
so as Dialog,
|
|
46
46
|
uo as DialogClose,
|
|
47
|
-
no as
|
|
48
|
-
go as
|
|
49
|
-
Do as
|
|
50
|
-
co as
|
|
51
|
-
Fo as
|
|
52
|
-
To as
|
|
53
|
-
bo as
|
|
54
|
-
Ao as DialogTrigger,
|
|
47
|
+
no as DialogDescription,
|
|
48
|
+
go as DialogFooter,
|
|
49
|
+
Do as DialogHeader,
|
|
50
|
+
co as DialogOverlay,
|
|
51
|
+
Fo as DialogPortal,
|
|
52
|
+
To as DialogTitle,
|
|
53
|
+
bo as DialogTrigger,
|
|
55
54
|
eo as Form,
|
|
56
55
|
to as FormControl,
|
|
57
56
|
ao as FormDescription,
|
|
@@ -67,8 +66,8 @@ export {
|
|
|
67
66
|
y as Label,
|
|
68
67
|
N as Partners,
|
|
69
68
|
v as SafeHtmlRenderer,
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
Bo as ScrollArea,
|
|
70
|
+
Co as ScrollBar,
|
|
72
71
|
V as Section,
|
|
73
72
|
j as Tag,
|
|
74
73
|
oo as Text,
|
package/dist/index.es11.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as r from "react";
|
|
2
2
|
import { cva as n } from "class-variance-authority";
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
5
|
-
"flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors",
|
|
3
|
+
import { cn as d } from "./index.es31.js";
|
|
4
|
+
const l = n(
|
|
5
|
+
"flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors aria-invalid:border-red-500 aria-invalid:bg-red-50",
|
|
6
6
|
{
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
@@ -14,22 +14,22 @@ const d = n(
|
|
|
14
14
|
variant: "default"
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
),
|
|
18
|
-
({ className:
|
|
17
|
+
), b = r.forwardRef(
|
|
18
|
+
({ className: t, variant: a, type: e, ...o }, i) => (
|
|
19
19
|
// <span className={`input-container ${containerStyles}`}>
|
|
20
|
-
/* @__PURE__ */
|
|
20
|
+
/* @__PURE__ */ r.createElement("span", null, /* @__PURE__ */ r.createElement(
|
|
21
21
|
"input",
|
|
22
22
|
{
|
|
23
|
-
type:
|
|
24
|
-
className: l(
|
|
23
|
+
type: e,
|
|
24
|
+
className: d(l({ variant: a, className: t })),
|
|
25
25
|
ref: i,
|
|
26
26
|
...o
|
|
27
27
|
}
|
|
28
28
|
))
|
|
29
29
|
)
|
|
30
30
|
);
|
|
31
|
-
|
|
31
|
+
b.displayName = "Input";
|
|
32
32
|
export {
|
|
33
|
-
|
|
33
|
+
b as Input
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=index.es11.js.map
|
package/dist/index.es11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es11.js","sources":["../src/components/ui/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst inputVariants = cva(\r\n 'flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'bg-navy-opacity-4 text-navy focus:border-navy hover:bg-navy-opacity-8 border-b-navy-opacity-32',\r\n blue: 'bg-whitish-opacity-8 text-white focus:border-white hover:bg-whitish-opacity-16 border-b-whitish-opacity-32',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nexport interface InputProps\r\n extends React.InputHTMLAttributes<HTMLInputElement>,\r\n VariantProps<typeof inputVariants> {\r\n className?: string\r\n}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n ({ className, variant, type, ...props }, ref) => {\r\n // const containerStyles =\r\n // variant === \"default\"\r\n // ? \"input-container_variant_default\"\r\n // : \"input-container_variant_blue\";\r\n return (\r\n // <span className={`input-container ${containerStyles}`}>\r\n <span>\r\n <input\r\n type={type}\r\n className={cn(inputVariants({ variant, className }))}\r\n ref={ref}\r\n {...props}\r\n />\r\n </span>\r\n )\r\n }\r\n)\r\nInput.displayName = 'Input'\r\n\r\nexport { Input }\r\n"],"names":["inputVariants","cva","Input","React","className","variant","type","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC;AAAA;AAAA,oCAOpC,QACC,MAAA,gBAAAL,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAG;AAAA,QACA,WAAWG,EAAGT,EAAc,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,QACnD,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA,CAER;AAAA;AAGN;AACAL,EAAM,cAAc;"}
|
|
1
|
+
{"version":3,"file":"index.es11.js","sources":["../src/components/ui/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst inputVariants = cva(\r\n 'flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors aria-invalid:border-red-500 aria-invalid:bg-red-50',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'bg-navy-opacity-4 text-navy focus:border-navy hover:bg-navy-opacity-8 border-b-navy-opacity-32',\r\n blue: 'bg-whitish-opacity-8 text-white focus:border-white hover:bg-whitish-opacity-16 border-b-whitish-opacity-32',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nexport interface InputProps\r\n extends React.InputHTMLAttributes<HTMLInputElement>,\r\n VariantProps<typeof inputVariants> {\r\n className?: string\r\n}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n ({ className, variant, type, ...props }, ref) => {\r\n // const containerStyles =\r\n // variant === \"default\"\r\n // ? \"input-container_variant_default\"\r\n // : \"input-container_variant_blue\";\r\n return (\r\n // <span className={`input-container ${containerStyles}`}>\r\n <span>\r\n <input\r\n type={type}\r\n className={cn(inputVariants({ variant, className }))}\r\n ref={ref}\r\n {...props}\r\n />\r\n </span>\r\n )\r\n }\r\n)\r\nInput.displayName = 'Input'\r\n\r\nexport { Input }\r\n"],"names":["inputVariants","cva","Input","React","className","variant","type","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC;AAAA;AAAA,oCAOpC,QACC,MAAA,gBAAAL,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAG;AAAA,QACA,WAAWG,EAAGT,EAAc,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,QACnD,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA,CAER;AAAA;AAGN;AACAL,EAAM,cAAc;"}
|
package/dist/index.es29.js
CHANGED
|
@@ -2,36 +2,30 @@ import * as a from "@radix-ui/react-dialog";
|
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { ScrollArea as i } from "./index.es30.js";
|
|
4
4
|
import { X as d } from "lucide-react";
|
|
5
|
-
import { cn as
|
|
6
|
-
const
|
|
5
|
+
import { cn as l } from "./index.es31.js";
|
|
6
|
+
const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
|
|
7
7
|
a.Overlay,
|
|
8
8
|
{
|
|
9
|
-
ref:
|
|
10
|
-
className:
|
|
11
|
-
"fixed inset-0 z-50 bg-black/80
|
|
9
|
+
ref: s,
|
|
10
|
+
className: l(
|
|
11
|
+
"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",
|
|
12
12
|
t
|
|
13
13
|
),
|
|
14
14
|
...o
|
|
15
15
|
}
|
|
16
16
|
));
|
|
17
17
|
n.displayName = a.Overlay.displayName;
|
|
18
|
-
const m = e.forwardRef(({ className: t, children: o, ...
|
|
18
|
+
const m = e.forwardRef(({ className: t, children: o, ...s }, r) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
|
|
19
19
|
a.Content,
|
|
20
20
|
{
|
|
21
21
|
ref: r,
|
|
22
|
-
className:
|
|
23
|
-
"fixed left-[50%] top-[50%] z-50 grid
|
|
22
|
+
className: l(
|
|
23
|
+
"fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0",
|
|
24
24
|
t
|
|
25
25
|
),
|
|
26
|
-
...
|
|
26
|
+
...s
|
|
27
27
|
},
|
|
28
|
-
/* @__PURE__ */ e.createElement(
|
|
29
|
-
i,
|
|
30
|
-
{
|
|
31
|
-
className: "max-h-[calc(100dvh-1rem)]"
|
|
32
|
-
},
|
|
33
|
-
/* @__PURE__ */ e.createElement("div", { className: "app-p-5" }, o)
|
|
34
|
-
),
|
|
28
|
+
/* @__PURE__ */ e.createElement(i, { className: "max-h-[calc(100dvh-1rem)]" }, /* @__PURE__ */ e.createElement("div", { className: "p-6" }, o)),
|
|
35
29
|
/* @__PURE__ */ e.createElement(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
|
|
36
30
|
)));
|
|
37
31
|
m.displayName = a.Content.displayName;
|
|
@@ -41,7 +35,7 @@ const f = ({
|
|
|
41
35
|
}) => /* @__PURE__ */ e.createElement(
|
|
42
36
|
"div",
|
|
43
37
|
{
|
|
44
|
-
className:
|
|
38
|
+
className: l(
|
|
45
39
|
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
46
40
|
t
|
|
47
41
|
),
|
|
@@ -55,7 +49,7 @@ const p = ({
|
|
|
55
49
|
}) => /* @__PURE__ */ e.createElement(
|
|
56
50
|
"div",
|
|
57
51
|
{
|
|
58
|
-
className:
|
|
52
|
+
className: l(
|
|
59
53
|
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
60
54
|
t
|
|
61
55
|
),
|
|
@@ -63,11 +57,11 @@ const p = ({
|
|
|
63
57
|
}
|
|
64
58
|
);
|
|
65
59
|
p.displayName = "DialogFooter";
|
|
66
|
-
const g = e.forwardRef(({ className: t, ...o },
|
|
60
|
+
const g = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
|
|
67
61
|
a.Title,
|
|
68
62
|
{
|
|
69
|
-
ref:
|
|
70
|
-
className:
|
|
63
|
+
ref: s,
|
|
64
|
+
className: l(
|
|
71
65
|
"text-lg font-semibold leading-none tracking-tight",
|
|
72
66
|
t
|
|
73
67
|
),
|
|
@@ -75,18 +69,18 @@ const g = e.forwardRef(({ className: t, ...o }, l) => /* @__PURE__ */ e.createEl
|
|
|
75
69
|
}
|
|
76
70
|
));
|
|
77
71
|
g.displayName = a.Title.displayName;
|
|
78
|
-
const u = e.forwardRef(({ className: t, ...o },
|
|
72
|
+
const u = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
|
|
79
73
|
a.Description,
|
|
80
74
|
{
|
|
81
|
-
ref:
|
|
82
|
-
className:
|
|
75
|
+
ref: s,
|
|
76
|
+
className: l("text-sm text-muted-foreground", t),
|
|
83
77
|
...o
|
|
84
78
|
}
|
|
85
79
|
));
|
|
86
80
|
u.displayName = a.Description.displayName;
|
|
87
81
|
export {
|
|
88
|
-
|
|
89
|
-
|
|
82
|
+
D as Dialog,
|
|
83
|
+
E as DialogClose,
|
|
90
84
|
m as DialogContent,
|
|
91
85
|
u as DialogDescription,
|
|
92
86
|
p as DialogFooter,
|
|
@@ -94,6 +88,6 @@ export {
|
|
|
94
88
|
n as DialogOverlay,
|
|
95
89
|
c as DialogPortal,
|
|
96
90
|
g as DialogTitle,
|
|
97
|
-
|
|
91
|
+
v as DialogTrigger
|
|
98
92
|
};
|
|
99
93
|
//# sourceMappingURL=index.es29.js.map
|
package/dist/index.es29.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es29.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ScrollArea } from './scroll-area'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils/cn'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-black/80
|
|
1
|
+
{"version":3,"file":"index.es29.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ScrollArea } from './scroll-area'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils/cn'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\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 />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0',\n className\n )}\n {...props}\n >\n <ScrollArea className=\"max-h-[calc(100dvh-1rem)]\">\n <div className=\"p-6\">{children}</div>\n </ScrollArea>\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col space-y-1.5 text-center sm:text-left',\n className\n )}\n {...props}\n />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n 'text-lg font-semibold leading-none tracking-tight',\n className\n )}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","cn","DialogContent","children","ScrollArea","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAOA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA,cAACH,GACC,MAAA,gBAAAG,EAAA,cAACD,OAAc,GACf,gBAAAC,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA,cAACO,KAAW,WAAU,4BAAA,mCACnB,OAAI,EAAA,WAAU,MAAO,GAAAD,CAAS,CACjC;AAAA,kCACCX,EAAgB,OAAhB,EAAsB,WAAU,mRAC9B,gBAAAK,EAAA,cAAAQ,GAAA,EAAE,WAAU,UAAA,CAAU,GACtB,gBAAAR,EAAA,cAAA,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AACF,CACF,CACD;AACDK,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMc,IAAe,CAAC;AAAA,EACpB,WAAAR;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAErB,MAAAC,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAY,cAAchB,EAAgB,MAAM;AAE1C,MAAAiB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAkB,cAAcjB,EAAgB,YAAY;"}
|
package/dist/styles.css
CHANGED
|
@@ -671,21 +671,12 @@ body{
|
|
|
671
671
|
.h-full{
|
|
672
672
|
height: 100%;
|
|
673
673
|
}
|
|
674
|
-
.max-h-\[80vh\]{
|
|
675
|
-
max-height: 80vh;
|
|
676
|
-
}
|
|
677
674
|
.max-h-\[calc\(100dvh-0\.75rem\)\]{
|
|
678
675
|
max-height: calc(100dvh - 0.75rem);
|
|
679
676
|
}
|
|
680
|
-
.max-h-\[calc\(100dvh-1\.5rem\)\]{
|
|
681
|
-
max-height: calc(100dvh - 1.5rem);
|
|
682
|
-
}
|
|
683
677
|
.max-h-\[calc\(100dvh-1rem\)\]{
|
|
684
678
|
max-height: calc(100dvh - 1rem);
|
|
685
679
|
}
|
|
686
|
-
.max-h-\[calc\(100dvh-3rem\)\]{
|
|
687
|
-
max-height: calc(100dvh - 3rem);
|
|
688
|
-
}
|
|
689
680
|
.min-h-\[190px\]{
|
|
690
681
|
min-height: 190px;
|
|
691
682
|
}
|
|
@@ -737,9 +728,6 @@ body{
|
|
|
737
728
|
.w-\[calc\(100dvw-0\.75rem\)\]{
|
|
738
729
|
width: calc(100dvw - 0.75rem);
|
|
739
730
|
}
|
|
740
|
-
.w-\[calc\(100dvw-1\.5rem\)\]{
|
|
741
|
-
width: calc(100dvw - 1.5rem);
|
|
742
|
-
}
|
|
743
731
|
.w-auto{
|
|
744
732
|
width: auto;
|
|
745
733
|
}
|
|
@@ -2329,6 +2317,14 @@ html {
|
|
|
2329
2317
|
.hover\:data-\[state\=checked\]\:bg-whitish-opacity-80[data-state=checked]:hover{
|
|
2330
2318
|
background-color: hsl(var(--precision-ui-tw-whitish-opacity-80));
|
|
2331
2319
|
}
|
|
2320
|
+
[aria-invalid="true"].aria-invalid\:border-red-500{
|
|
2321
|
+
--precision-ui-tw-border-opacity: 1;
|
|
2322
|
+
border-color: rgb(239 68 68 / var(--precision-ui-tw-border-opacity));
|
|
2323
|
+
}
|
|
2324
|
+
[aria-invalid="true"].aria-invalid\:bg-red-50{
|
|
2325
|
+
--precision-ui-tw-bg-opacity: 1;
|
|
2326
|
+
background-color: rgb(254 242 242 / var(--precision-ui-tw-bg-opacity));
|
|
2327
|
+
}
|
|
2332
2328
|
.dark\:border-destructive:is([data-mode="dark"] *){
|
|
2333
2329
|
border-color: hsl(var(--precision-ui-tw-destructive));
|
|
2334
2330
|
}
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"type": "git",
|
|
14
14
|
"url": "git+https://github.com/wowxoxo/precision-ui.git"
|
|
15
15
|
},
|
|
16
|
-
"version": "0.5.
|
|
16
|
+
"version": "0.5.2",
|
|
17
17
|
"type": "module",
|
|
18
18
|
"module": "./dist/index.es.js",
|
|
19
19
|
"types": "./dist/index.d.ts",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"react-hook-form": "^7.54.2",
|
|
64
64
|
"tailwind-merge": "^2.3.0",
|
|
65
65
|
"tailwindcss-animate": "^1.0.7",
|
|
66
|
+
"tailwindcss-aria-attributes": "^2.0.1",
|
|
66
67
|
"the-new-css-reset": "^1.11.3",
|
|
67
68
|
"zod": "^3.24.1"
|
|
68
69
|
},
|
|
@@ -71,7 +72,8 @@
|
|
|
71
72
|
"react": "^18.2.0",
|
|
72
73
|
"react-dom": "^18.2.0",
|
|
73
74
|
"react-hook-form": "^7.54.2",
|
|
74
|
-
"zod": "^3.24.1"
|
|
75
|
+
"zod": "^3.24.1",
|
|
76
|
+
"tailwindcss-aria-attributes": "^2.0.1"
|
|
75
77
|
},
|
|
76
78
|
"peerDependenciesMeta": {
|
|
77
79
|
"@hookform/resolvers": {
|