reaxify 0.0.94 → 0.0.95
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/Drawer/index.cjs.js +1 -1
- package/dist/components/Drawer/index.d.ts +3 -3
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.es.js +121 -100
- package/dist/components/Menu/index.cjs.js +1 -1
- package/dist/components/Menu/index.d.ts +4 -3
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.es.js +125 -102
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.d.ts +3 -3
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.es.js +103 -82
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.es.js +48 -49
- package/dist/types/index.d.ts +8 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/reaxify.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),u=require("react"),z=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../helpers/cn.cjs.js"),w=require("../Card/index.cjs.js"),F=require("../Portal/index.cjs.js"),$=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:r,ref:n,open:t=!1,onClose:e=()=>{},onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,duration:s=300,preventClose:c=!1,anchor:l="end",className:D="",children:R,...H}){const a=x(d=>d.drawer),g=u.useRef(null),N=r||"div",k={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},S=u.useMemo(()=>{var M;const d={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},B=(M=a==null?void 0:a.anchor)==null?void 0:M[l];return[d[l],B]},[l,a==null?void 0:a.anchor]),C=()=>{c||e()};return u.useImperativeHandle(n,()=>g.current),z.useHotkey("Escape",()=>e(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:t&&!c}),o.jsx(F,{children:o.jsx($.default,{nodeRef:g,in:t,timeout:s,unmountOnExit:!0,onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,children:d=>o.jsxs(N,{ref:g,style:{transitionDuration:`${s}ms`},"data-open":t,className:q.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",a==null?void 0:a.base,k[d],S,D),...H,children:[o.jsx("div",{onClick:C,className:m("absolute inset-0 size-full cursor-default opacity-0",c&&"[&:active~*]:scale-95")}),o.jsx(j.Provider,{value:{open:t,onClose:C,transitionState:d,duration:s,anchor:l,preventClose:c},children:R})]})})})}function E({children:r,className:n="",...t}){const e=x(s=>s.drawer.menu),{anchor:i,duration:v,transitionState:y,preventClose:b}=u.useContext(j),h=u.useMemo(()=>{var l;const s={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},c=(l=e==null?void 0:e.anchor)==null?void 0:l[i];return[s[i],c]},[i,e==null?void 0:e.anchor]),p=u.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[i],[i]);return o.jsx(w,{as:"div",style:{transitionDuration:`${v}ms`},className:q.twMerge("relative flex flex-col transition-[translate,width] rounded-none",b&&"transition-transform",e==null?void 0:e.base,p[y],h,n),...t,children:r})}function I({className:r,...n}){const t=x(e=>e.drawer.header.base);return o.jsx(w.Header,{className:m(t,r),...n})}function O({className:r,...n}){const t=x(e=>e.drawer.body.base);return o.jsx(w.Body,{className:m("flex-1 overflow-auto",t,r),...n})}function P({className:r,...n}){const t=x(e=>e.drawer.footer.base);return o.jsx(w.Footer,{className:m(t,r),...n})}f.Menu=E;f.Header=I;f.Body=O;f.Footer=P;exports.DrawerContext=j;exports.default=f;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentPropsWithAs, ToggleProps } from '../../types';
|
|
1
|
+
import { ComponentPropsWithAs, ToggleEventProps, ToggleProps } from '../../types';
|
|
2
2
|
import { ComponentProps, ElementType } from 'react';
|
|
3
3
|
import { TransitionStatus } from 'react-transition-group';
|
|
4
4
|
type Anchor = "start" | "end" | "top" | "bottom";
|
|
@@ -12,14 +12,14 @@ type DrawerBaseProps = {
|
|
|
12
12
|
anchor?: Anchor;
|
|
13
13
|
duration?: number;
|
|
14
14
|
preventClose?: boolean;
|
|
15
|
-
} & Partial<ToggleProps>;
|
|
15
|
+
} & Partial<ToggleEventProps> & Partial<ToggleProps>;
|
|
16
16
|
type DrawerProps<E extends ElementType> = ComponentPropsWithAs<E, DrawerBaseProps>;
|
|
17
17
|
type DrawerMenuProps = Omit<ComponentProps<"div">, "as" | "ref">;
|
|
18
18
|
type DrawerHeaderProps = ComponentProps<"div">;
|
|
19
19
|
type DrawerBodyProps = ComponentProps<"div">;
|
|
20
20
|
type DrawerFooterProps = ComponentProps<"div">;
|
|
21
21
|
export declare const DrawerContext: import('react').Context<Context>;
|
|
22
|
-
declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, duration, preventClose, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, duration, preventClose, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
declare namespace Drawer {
|
|
24
24
|
var Menu: typeof DrawerMenu;
|
|
25
25
|
var Header: typeof DrawerHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG9E,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAOxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFhB;kBArGQ,MAAM;;;;;;AAsGf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AAOD,eAAe,MAAM,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as s, jsxs as
|
|
2
|
+
import { jsx as s, jsxs as j } from "react/jsx-runtime";
|
|
3
3
|
import d from "../../hooks/useClasses.es.js";
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { useHotkey as
|
|
6
|
-
import { twMerge as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
const
|
|
4
|
+
import { createContext as E, useRef as I, useMemo as g, useImperativeHandle as P, useContext as $ } from "react";
|
|
5
|
+
import { useHotkey as O } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
|
|
6
|
+
import { twMerge as R } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
+
import m from "../../helpers/cn.es.js";
|
|
8
|
+
import f from "../Card/index.es.js";
|
|
9
|
+
import T from "../Portal/index.es.js";
|
|
10
|
+
import q from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
11
|
+
const N = E({
|
|
12
12
|
open: !1,
|
|
13
13
|
onClose: () => {
|
|
14
14
|
},
|
|
@@ -17,95 +17,116 @@ const D = B({
|
|
|
17
17
|
transitionState: "unmounted",
|
|
18
18
|
preventClose: !1
|
|
19
19
|
});
|
|
20
|
-
function
|
|
21
|
-
as:
|
|
22
|
-
ref:
|
|
23
|
-
open:
|
|
20
|
+
function x({
|
|
21
|
+
as: r,
|
|
22
|
+
ref: n,
|
|
23
|
+
open: t = !1,
|
|
24
24
|
onClose: e = () => {
|
|
25
25
|
},
|
|
26
|
+
onEnter: i,
|
|
27
|
+
onEntering: w,
|
|
28
|
+
onEntered: p,
|
|
29
|
+
onExit: v,
|
|
30
|
+
onExiting: y,
|
|
31
|
+
onExited: h,
|
|
26
32
|
duration: o = 300,
|
|
27
|
-
preventClose:
|
|
33
|
+
preventClose: u = !1,
|
|
28
34
|
anchor: l = "end",
|
|
29
|
-
className:
|
|
30
|
-
children:
|
|
31
|
-
...
|
|
35
|
+
className: H = "",
|
|
36
|
+
children: k,
|
|
37
|
+
...B
|
|
32
38
|
}) {
|
|
33
|
-
const
|
|
39
|
+
const a = d((c) => c.drawer), b = I(null), M = r || "div", z = {
|
|
34
40
|
entering: "active opacity-100 pointer-events-auto",
|
|
35
41
|
entered: "active opacity-100 pointer-events-auto",
|
|
36
42
|
exiting: "opacity-0 pointer-events-none",
|
|
37
43
|
exited: "opacity-0 pointer-events-none",
|
|
38
44
|
unmounted: ""
|
|
39
|
-
},
|
|
40
|
-
var
|
|
41
|
-
const
|
|
45
|
+
}, F = g(() => {
|
|
46
|
+
var D;
|
|
47
|
+
const c = {
|
|
42
48
|
start: "flex-row-reverse",
|
|
43
49
|
end: "flex-row",
|
|
44
50
|
top: "flex-col-reverse",
|
|
45
51
|
bottom: "flex-col"
|
|
46
|
-
},
|
|
47
|
-
return [
|
|
48
|
-
}, [l,
|
|
49
|
-
|
|
52
|
+
}, S = (D = a == null ? void 0 : a.anchor) == null ? void 0 : D[l];
|
|
53
|
+
return [c[l], S];
|
|
54
|
+
}, [l, a == null ? void 0 : a.anchor]), C = () => {
|
|
55
|
+
u || e();
|
|
50
56
|
};
|
|
51
|
-
return
|
|
57
|
+
return P(n, () => b.current), O("Escape", () => e(), {
|
|
52
58
|
conflictBehavior: "allow",
|
|
53
59
|
ignoreInputs: !0,
|
|
54
|
-
enabled:
|
|
55
|
-
}), /* @__PURE__ */ s(
|
|
56
|
-
|
|
60
|
+
enabled: t && !u
|
|
61
|
+
}), /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
|
|
62
|
+
q,
|
|
57
63
|
{
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
{
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
64
|
+
nodeRef: b,
|
|
65
|
+
in: t,
|
|
66
|
+
timeout: o,
|
|
67
|
+
unmountOnExit: !0,
|
|
68
|
+
onEnter: i,
|
|
69
|
+
onEntering: w,
|
|
70
|
+
onEntered: p,
|
|
71
|
+
onExit: v,
|
|
72
|
+
onExiting: y,
|
|
73
|
+
onExited: h,
|
|
74
|
+
children: (c) => /* @__PURE__ */ j(
|
|
75
|
+
M,
|
|
76
|
+
{
|
|
77
|
+
ref: b,
|
|
78
|
+
style: { transitionDuration: `${o}ms` },
|
|
79
|
+
"data-open": t,
|
|
80
|
+
className: R(
|
|
81
|
+
"fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",
|
|
82
|
+
a == null ? void 0 : a.base,
|
|
83
|
+
z[c],
|
|
84
|
+
F,
|
|
85
|
+
H
|
|
86
|
+
),
|
|
87
|
+
...B,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ s(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
onClick: C,
|
|
93
|
+
className: m(
|
|
94
|
+
"absolute inset-0 size-full cursor-default opacity-0",
|
|
95
|
+
u && "[&:active~*]:scale-95"
|
|
96
|
+
)
|
|
97
|
+
}
|
|
98
|
+
),
|
|
99
|
+
/* @__PURE__ */ s(
|
|
100
|
+
N.Provider,
|
|
101
|
+
{
|
|
102
|
+
value: {
|
|
103
|
+
open: t,
|
|
104
|
+
onClose: C,
|
|
105
|
+
transitionState: c,
|
|
106
|
+
duration: o,
|
|
107
|
+
anchor: l,
|
|
108
|
+
preventClose: u
|
|
109
|
+
},
|
|
110
|
+
children: k
|
|
111
|
+
}
|
|
77
112
|
)
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
D.Provider,
|
|
82
|
-
{
|
|
83
|
-
value: {
|
|
84
|
-
open: r,
|
|
85
|
-
onClose: b,
|
|
86
|
-
transitionState: u,
|
|
87
|
-
duration: o,
|
|
88
|
-
anchor: l,
|
|
89
|
-
preventClose: i
|
|
90
|
-
},
|
|
91
|
-
children: v
|
|
92
|
-
}
|
|
93
|
-
)
|
|
94
|
-
]
|
|
113
|
+
]
|
|
114
|
+
}
|
|
115
|
+
)
|
|
95
116
|
}
|
|
96
|
-
) })
|
|
117
|
+
) });
|
|
97
118
|
}
|
|
98
|
-
function
|
|
99
|
-
const e = d((
|
|
100
|
-
var
|
|
101
|
-
const
|
|
119
|
+
function A({ children: r, className: n = "", ...t }) {
|
|
120
|
+
const e = d((o) => o.drawer.menu), { anchor: i, duration: w, transitionState: p, preventClose: v } = $(N), y = g(() => {
|
|
121
|
+
var l;
|
|
122
|
+
const o = {
|
|
102
123
|
start: "w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",
|
|
103
124
|
end: "w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",
|
|
104
125
|
top: "w-full max-h-[92.5%] rounded-b mb-auto",
|
|
105
126
|
bottom: "w-full max-h-[92.5%] rounded-t mt-auto"
|
|
106
|
-
},
|
|
107
|
-
return [
|
|
108
|
-
}, [
|
|
127
|
+
}, u = (l = e == null ? void 0 : e.anchor) == null ? void 0 : l[i];
|
|
128
|
+
return [o[i], u];
|
|
129
|
+
}, [i, e == null ? void 0 : e.anchor]), h = g(() => ({
|
|
109
130
|
start: {
|
|
110
131
|
entering: "translate-x-0",
|
|
111
132
|
entered: "translate-x-0",
|
|
@@ -134,48 +155,48 @@ function I({ children: n, className: a = "", ...r }) {
|
|
|
134
155
|
exited: "translate-y-full",
|
|
135
156
|
unmounted: ""
|
|
136
157
|
}
|
|
137
|
-
})[
|
|
158
|
+
})[i], [i]);
|
|
138
159
|
return /* @__PURE__ */ s(
|
|
139
|
-
|
|
160
|
+
f,
|
|
140
161
|
{
|
|
141
162
|
as: "div",
|
|
142
|
-
style: { transitionDuration: `${
|
|
143
|
-
className:
|
|
163
|
+
style: { transitionDuration: `${w}ms` },
|
|
164
|
+
className: R(
|
|
144
165
|
"relative flex flex-col transition-[translate,width] rounded-none",
|
|
145
|
-
|
|
166
|
+
v && "transition-transform",
|
|
146
167
|
e == null ? void 0 : e.base,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
168
|
+
h[p],
|
|
169
|
+
y,
|
|
170
|
+
n
|
|
150
171
|
),
|
|
151
|
-
...
|
|
152
|
-
children:
|
|
172
|
+
...t,
|
|
173
|
+
children: r
|
|
153
174
|
}
|
|
154
175
|
);
|
|
155
176
|
}
|
|
156
|
-
function
|
|
157
|
-
const
|
|
158
|
-
return /* @__PURE__ */ s(
|
|
177
|
+
function G({ className: r, ...n }) {
|
|
178
|
+
const t = d((e) => e.drawer.header.base);
|
|
179
|
+
return /* @__PURE__ */ s(f.Header, { className: m(t, r), ...n });
|
|
159
180
|
}
|
|
160
|
-
function
|
|
161
|
-
const
|
|
181
|
+
function J({ className: r, ...n }) {
|
|
182
|
+
const t = d((e) => e.drawer.body.base);
|
|
162
183
|
return /* @__PURE__ */ s(
|
|
163
|
-
|
|
184
|
+
f.Body,
|
|
164
185
|
{
|
|
165
|
-
className:
|
|
166
|
-
...
|
|
186
|
+
className: m("flex-1 overflow-auto", t, r),
|
|
187
|
+
...n
|
|
167
188
|
}
|
|
168
189
|
);
|
|
169
190
|
}
|
|
170
|
-
function
|
|
171
|
-
const
|
|
172
|
-
return /* @__PURE__ */ s(
|
|
191
|
+
function K({ className: r, ...n }) {
|
|
192
|
+
const t = d((e) => e.drawer.footer.base);
|
|
193
|
+
return /* @__PURE__ */ s(f.Footer, { className: m(t, r), ...n });
|
|
173
194
|
}
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
195
|
+
x.Menu = A;
|
|
196
|
+
x.Header = G;
|
|
197
|
+
x.Body = J;
|
|
198
|
+
x.Footer = K;
|
|
178
199
|
export {
|
|
179
|
-
|
|
180
|
-
|
|
200
|
+
N as DrawerContext,
|
|
201
|
+
x as default
|
|
181
202
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";const i=require("react/jsx-runtime"),A=require("../../helpers/cn.cjs.js"),L=require("../../hooks/useClasses.cjs.js"),t=require("react"),G=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),R=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),J=require("../Button/index.cjs.js"),K=require("../Portal/index.cjs.js"),Q=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),w=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1,preventClose:!1});function $({as:l,ref:a,open:n,duration:m=300,onClose:r,onEnter:v,onEntering:y,onEntered:C,onExit:u,onExiting:b,onExited:M,closeOnClick:f=!1,preventClose:j=!1,anchorEl:k=null,className:I,children:H,...N}){const W=L(e=>e.menu.base),B=l||"ul",s=16,o=t.useRef(null),S=t.useRef({left:s,right:s,top:s}),D={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},P=t.useCallback(e=>{S.current=e},[]),z=t.useCallback(e=>{var c,x,d;(c=o.current)==null||c.style.setProperty("--left",`${e.left}px`),(x=o.current)==null||x.style.setProperty("--right",`${e.right}px`),(d=o.current)==null||d.style.setProperty("--top",`${e.top}px`)},[]),p=t.useCallback(()=>{var E,O;if(!n||!k)return;const e=k.getBoundingClientRect(),c=window.innerWidth,x=window.innerHeight,d=((E=o.current)==null?void 0:E.offsetWidth)||150,T=((O=o.current)==null?void 0:O.offsetHeight)||200;let g=e.left,q=e.right,h=e.bottom;g=Math.min(Math.max(g,s),c-d-s),q=Math.min(Math.max(c-e.right,s),c-d-s),h=Math.min(Math.max(h,s),x-T-s),P({left:g,right:q,top:h}),z({left:g,right:q,top:h})},[n,k,P,z]),F=()=>{j||r==null||r()};return t.useEffect(()=>{p()},[p,H]),t.useEffect(()=>{const e=()=>{p()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[p]),t.useImperativeHandle(a,()=>o.current),G.useHotkey("Escape",()=>r(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:n&&!j}),i.jsx(K,{children:i.jsx(Q.default,{nodeRef:o,in:n,timeout:m,unmountOnExit:!0,onEnter:v,onEntering:y,onEntered:C,onExit:u,onExiting:b,onExited:M,children:e=>i.jsx(w.Provider,{value:{open:n,onClose:F,transitionState:e,closeOnClick:f,preventClose:j},children:i.jsxs(U,{children:[i.jsx(V,{}),i.jsx(B,{ref:o,autoFocus:!0,"data-open":n,role:"menu",style:{transitionDuration:`${m}ms`},className:R.twMerge("w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",W,D[e],I),...N,children:H})]})})})})}function U({children:l}){const{transitionState:a}=t.useContext(w),n={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return i.jsx("div",{className:R.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",n[a]),children:l})}function V(){const{onClose:l,preventClose:a}=t.useContext(w);return i.jsx("div",{className:A("w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",a&&"[&:active~*]:scale-95"),onClick:l})}function X({as:l,closeOnClick:a,className:n,children:m,onClick:r,...v}){const y=L(f=>f.menu.item.base),{closeOnClick:C,onClose:u}=t.useContext(w),b=a??C,M=f=>{b&&(u==null||u()),r==null||r(f)};return i.jsx(J,{as:l??"li",color:"light",variant:"text",role:"menuitem",className:R.twMerge("w-full flex items-center justify-start align-middle px-4 py-1.5 bg-transparent text-base font-normal rounded-none whitespace-nowrap transition-colors hover:bg-dark/5",y,n),onClick:M,...v,children:m})}$.Item=X;module.exports=$;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { ComponentPropsWithAs, ToggleProps } from '../../types';
|
|
1
|
+
import { ComponentPropsWithAs, ToggleEventProps, ToggleProps } from '../../types';
|
|
2
2
|
import { ElementType } from 'react';
|
|
3
3
|
type MenuProps = {
|
|
4
4
|
anchorEl?: HTMLElement | null;
|
|
5
5
|
closeOnClick?: boolean;
|
|
6
6
|
preventClose?: boolean;
|
|
7
|
-
|
|
7
|
+
duration?: number;
|
|
8
|
+
} & Partial<ToggleEventProps> & ToggleProps;
|
|
8
9
|
type MenuItemProps = {
|
|
9
10
|
closeOnClick?: boolean;
|
|
10
11
|
};
|
|
11
|
-
declare function Menu<E extends ElementType = "ul">({ as, ref, open, onClose, closeOnClick, preventClose, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function Menu<E extends ElementType = "ul">({ as, ref, open, duration, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, closeOnClick, preventClose, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
declare namespace Menu {
|
|
13
14
|
var Item: typeof MenuItem;
|
|
14
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,OAAO,EAEL,WAAW,EAOZ,MAAM,OAAO,CAAC;AAOf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,WAAW,CAAC;AACd,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAgBF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC1C,EAAE,EACF,GAAG,EACH,IAAI,EACJ,QAAc,EACd,OAAO,EACP,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CA2HpC;kBA7IQ,IAAI;;;AA8Kb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAClD,EAAE,EACF,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CAyBxC;AAID,eAAe,IAAI,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useHotkey as
|
|
7
|
-
import { twMerge as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
const
|
|
2
|
+
import { jsx as r, jsxs as J } from "react/jsx-runtime";
|
|
3
|
+
import K from "../../helpers/cn.es.js";
|
|
4
|
+
import $ from "../../hooks/useClasses.es.js";
|
|
5
|
+
import { createContext as Q, useRef as N, useCallback as H, useEffect as W, useImperativeHandle as U, useContext as z } from "react";
|
|
6
|
+
import { useHotkey as V } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
|
|
7
|
+
import { twMerge as O } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
|
+
import X from "../Button/index.es.js";
|
|
9
|
+
import Y from "../Portal/index.es.js";
|
|
10
|
+
import Z from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
11
|
+
const w = Q({
|
|
12
12
|
open: !1,
|
|
13
13
|
onClose: () => {
|
|
14
14
|
},
|
|
@@ -16,97 +16,120 @@ const v = T({
|
|
|
16
16
|
closeOnClick: !1,
|
|
17
17
|
preventClose: !1
|
|
18
18
|
});
|
|
19
|
-
function
|
|
20
|
-
as:
|
|
21
|
-
ref:
|
|
19
|
+
function _({
|
|
20
|
+
as: s,
|
|
21
|
+
ref: l,
|
|
22
22
|
open: e,
|
|
23
|
-
|
|
23
|
+
duration: m = 300,
|
|
24
|
+
onClose: o,
|
|
25
|
+
onEnter: x,
|
|
26
|
+
onEntering: v,
|
|
27
|
+
onEntered: y,
|
|
28
|
+
onExit: c,
|
|
29
|
+
onExiting: b,
|
|
30
|
+
onExited: C,
|
|
24
31
|
closeOnClick: u = !1,
|
|
25
|
-
preventClose:
|
|
26
|
-
anchorEl:
|
|
27
|
-
className:
|
|
28
|
-
children:
|
|
29
|
-
...
|
|
32
|
+
preventClose: M = !1,
|
|
33
|
+
anchorEl: k = null,
|
|
34
|
+
className: j,
|
|
35
|
+
children: R,
|
|
36
|
+
...S
|
|
30
37
|
}) {
|
|
31
|
-
const
|
|
38
|
+
const D = $((t) => t.menu.base), F = s || "ul", n = 16, i = N(null), T = N({
|
|
32
39
|
left: n,
|
|
33
40
|
right: n,
|
|
34
41
|
top: n
|
|
35
|
-
}),
|
|
42
|
+
}), q = {
|
|
36
43
|
entering: "scale-100 opacity-100",
|
|
37
44
|
entered: "scale-100 opacity-100",
|
|
38
45
|
exiting: "scale-90 opacity-0",
|
|
39
46
|
exited: "scale-90 opacity-0",
|
|
40
47
|
unmounted: ""
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
}, []),
|
|
44
|
-
var
|
|
45
|
-
(
|
|
46
|
-
}, []),
|
|
47
|
-
var
|
|
48
|
-
if (!e || !
|
|
49
|
-
const t =
|
|
50
|
-
let
|
|
51
|
-
|
|
52
|
-
Math.max(
|
|
53
|
-
|
|
54
|
-
),
|
|
55
|
-
}, [e,
|
|
56
|
-
|
|
48
|
+
}, E = H((t) => {
|
|
49
|
+
T.current = t;
|
|
50
|
+
}, []), L = H((t) => {
|
|
51
|
+
var a, p, f;
|
|
52
|
+
(a = i.current) == null || a.style.setProperty("--left", `${t.left}px`), (p = i.current) == null || p.style.setProperty("--right", `${t.right}px`), (f = i.current) == null || f.style.setProperty("--top", `${t.top}px`);
|
|
53
|
+
}, []), d = H(() => {
|
|
54
|
+
var B, I;
|
|
55
|
+
if (!e || !k) return;
|
|
56
|
+
const t = k.getBoundingClientRect(), a = window.innerWidth, p = window.innerHeight, f = ((B = i.current) == null ? void 0 : B.offsetWidth) || 150, G = ((I = i.current) == null ? void 0 : I.offsetHeight) || 200;
|
|
57
|
+
let h = t.left, P = t.right, g = t.bottom;
|
|
58
|
+
h = Math.min(Math.max(h, n), a - f - n), P = Math.min(
|
|
59
|
+
Math.max(a - t.right, n),
|
|
60
|
+
a - f - n
|
|
61
|
+
), g = Math.min(Math.max(g, n), p - G - n), E({ left: h, right: P, top: g }), L({ left: h, right: P, top: g });
|
|
62
|
+
}, [e, k, E, L]), A = () => {
|
|
63
|
+
M || o == null || o();
|
|
57
64
|
};
|
|
58
|
-
return
|
|
59
|
-
|
|
60
|
-
}, [
|
|
65
|
+
return W(() => {
|
|
66
|
+
d();
|
|
67
|
+
}, [d, R]), W(() => {
|
|
61
68
|
const t = () => {
|
|
62
|
-
|
|
69
|
+
d();
|
|
63
70
|
};
|
|
64
71
|
return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
|
|
65
72
|
window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
|
|
66
73
|
};
|
|
67
|
-
}, [
|
|
74
|
+
}, [d]), U(l, () => i.current), V("Escape", () => o(), {
|
|
68
75
|
conflictBehavior: "allow",
|
|
69
76
|
ignoreInputs: !0,
|
|
70
|
-
enabled: e && !
|
|
71
|
-
}), /* @__PURE__ */
|
|
72
|
-
|
|
77
|
+
enabled: e && !M
|
|
78
|
+
}), /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
|
|
79
|
+
Z,
|
|
73
80
|
{
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
81
|
+
nodeRef: i,
|
|
82
|
+
in: e,
|
|
83
|
+
timeout: m,
|
|
84
|
+
unmountOnExit: !0,
|
|
85
|
+
onEnter: x,
|
|
86
|
+
onEntering: v,
|
|
87
|
+
onEntered: y,
|
|
88
|
+
onExit: c,
|
|
89
|
+
onExiting: b,
|
|
90
|
+
onExited: C,
|
|
91
|
+
children: (t) => /* @__PURE__ */ r(
|
|
92
|
+
w.Provider,
|
|
93
|
+
{
|
|
94
|
+
value: {
|
|
95
|
+
open: e,
|
|
96
|
+
onClose: A,
|
|
97
|
+
transitionState: t,
|
|
98
|
+
closeOnClick: u,
|
|
99
|
+
preventClose: M
|
|
100
|
+
},
|
|
101
|
+
children: /* @__PURE__ */ J(tt, { children: [
|
|
102
|
+
/* @__PURE__ */ r(et, {}),
|
|
103
|
+
/* @__PURE__ */ r(
|
|
104
|
+
F,
|
|
105
|
+
{
|
|
106
|
+
ref: i,
|
|
107
|
+
autoFocus: !0,
|
|
108
|
+
"data-open": e,
|
|
109
|
+
role: "menu",
|
|
110
|
+
style: { transitionDuration: `${m}ms` },
|
|
111
|
+
className: O(
|
|
112
|
+
"w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",
|
|
113
|
+
D,
|
|
114
|
+
q[t],
|
|
115
|
+
j
|
|
116
|
+
),
|
|
117
|
+
...S,
|
|
118
|
+
children: R
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
] })
|
|
122
|
+
}
|
|
123
|
+
)
|
|
101
124
|
}
|
|
102
|
-
) })
|
|
125
|
+
) });
|
|
103
126
|
}
|
|
104
|
-
function
|
|
105
|
-
const { transitionState:
|
|
106
|
-
return /* @__PURE__ */
|
|
127
|
+
function tt({ children: s }) {
|
|
128
|
+
const { transitionState: l } = z(w);
|
|
129
|
+
return /* @__PURE__ */ r(
|
|
107
130
|
"div",
|
|
108
131
|
{
|
|
109
|
-
className:
|
|
132
|
+
className: O(
|
|
110
133
|
"fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",
|
|
111
134
|
{
|
|
112
135
|
entering: "active pointer-events-auto",
|
|
@@ -114,55 +137,55 @@ function Q({ children: r }) {
|
|
|
114
137
|
exiting: "pointer-events-none",
|
|
115
138
|
exited: "pointer-events-none",
|
|
116
139
|
unmounted: ""
|
|
117
|
-
}[
|
|
140
|
+
}[l]
|
|
118
141
|
),
|
|
119
|
-
children:
|
|
142
|
+
children: s
|
|
120
143
|
}
|
|
121
144
|
);
|
|
122
145
|
}
|
|
123
|
-
function
|
|
124
|
-
const { onClose:
|
|
125
|
-
return /* @__PURE__ */
|
|
146
|
+
function et() {
|
|
147
|
+
const { onClose: s, preventClose: l } = z(w);
|
|
148
|
+
return /* @__PURE__ */ r(
|
|
126
149
|
"div",
|
|
127
150
|
{
|
|
128
|
-
className:
|
|
151
|
+
className: K(
|
|
129
152
|
"w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
|
|
130
|
-
|
|
153
|
+
l && "[&:active~*]:scale-95"
|
|
131
154
|
),
|
|
132
|
-
onClick:
|
|
155
|
+
onClick: s
|
|
133
156
|
}
|
|
134
157
|
);
|
|
135
158
|
}
|
|
136
|
-
function
|
|
137
|
-
as:
|
|
138
|
-
closeOnClick:
|
|
159
|
+
function nt({
|
|
160
|
+
as: s,
|
|
161
|
+
closeOnClick: l,
|
|
139
162
|
className: e,
|
|
140
|
-
children:
|
|
141
|
-
onClick:
|
|
142
|
-
...
|
|
163
|
+
children: m,
|
|
164
|
+
onClick: o,
|
|
165
|
+
...x
|
|
143
166
|
}) {
|
|
144
|
-
const
|
|
145
|
-
b && (
|
|
167
|
+
const v = $((u) => u.menu.item.base), { closeOnClick: y, onClose: c } = z(w), b = l ?? y, C = (u) => {
|
|
168
|
+
b && (c == null || c()), o == null || o(u);
|
|
146
169
|
};
|
|
147
|
-
return /* @__PURE__ */
|
|
148
|
-
|
|
170
|
+
return /* @__PURE__ */ r(
|
|
171
|
+
X,
|
|
149
172
|
{
|
|
150
|
-
as:
|
|
173
|
+
as: s ?? "li",
|
|
151
174
|
color: "light",
|
|
152
175
|
variant: "text",
|
|
153
176
|
role: "menuitem",
|
|
154
|
-
className:
|
|
177
|
+
className: O(
|
|
155
178
|
"w-full flex items-center justify-start align-middle px-4 py-1.5 bg-transparent text-base font-normal rounded-none whitespace-nowrap transition-colors hover:bg-dark/5",
|
|
156
|
-
|
|
179
|
+
v,
|
|
157
180
|
e
|
|
158
181
|
),
|
|
159
182
|
onClick: C,
|
|
160
|
-
...
|
|
161
|
-
children:
|
|
183
|
+
...x,
|
|
184
|
+
children: m
|
|
162
185
|
}
|
|
163
186
|
);
|
|
164
187
|
}
|
|
165
|
-
|
|
188
|
+
_.Item = nt;
|
|
166
189
|
export {
|
|
167
|
-
|
|
190
|
+
_ as default
|
|
168
191
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("../../helpers/cn.cjs.js"),r=require("../../hooks/useClasses.cjs.js"),i=require("react"),k=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),z=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=require("../Card/index.cjs.js"),R=require("../Portal/index.cjs.js"),B=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),j=i.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function l({as:t,ref:n,size:o="md",open:e=!1,onClose:a=()=>{},onEnter:f,onEntering:p,onEntered:b,onExit:v,onExiting:u,onExited:c,duration:y=300,preventClose:g=!1,className:C,children:h,...w}){const H=r(d=>d.modal.base),M=i.useRef(null),N=t||"div",S={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},q=()=>{g||a()};return i.useImperativeHandle(n,()=>M.current),k.useHotkey("Escape",()=>a(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:e&&!g}),s.jsx(R,{children:s.jsx(B.default,{nodeRef:M,in:e,timeout:y,unmountOnExit:!0,onEnter:f,onEntering:p,onEntered:b,onExit:v,onExiting:u,onExited:c,children:d=>s.jsxs(N,{ref:M,"data-open":e,style:{transitionDuration:`${y}ms`},className:z.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",H,S[d],C),...w,children:[s.jsx("div",{onClick:q,className:m("absolute inset-0 cursor-default opacity-0",g&&"[&:active~*]:scale-95")}),s.jsx(j.Provider,{value:{size:o,open:e,onClose:q,transitionState:d,duration:y},children:h})]})})})}function D({className:t,children:n,...o}){const e=r(u=>u.modal.dialog),{size:a,transitionState:f,duration:p}=i.useContext(j),b={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},v=i.useMemo(()=>{var c;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[a],(c=e==null?void 0:e.size)==null?void 0:c[a]]},[a,e==null?void 0:e.size]);return s.jsx(x,{as:"div",style:{transitionDuration:`${p}ms`},className:z.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,v,b[f],t),...o,children:n})}function F({className:t,...n}){const o=r(e=>e.modal.header.base);return s.jsx(x.Header,{className:m(o,t),...n})}function $({className:t,...n}){const o=r(e=>e.modal.body.base);return s.jsx(x.Body,{className:m(o,t),...n})}function E({className:t,...n}){const o=r(e=>e.modal.footer.base);return s.jsx(x.Footer,{className:m(o,t),...n})}l.Dialog=D;l.Header=F;l.Body=$;l.Footer=E;exports.ModalContext=j;exports.default=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentPropsWithAs, Size, ToggleProps } from '../../types';
|
|
1
|
+
import { ComponentPropsWithAs, Size, ToggleEventProps, ToggleProps } from '../../types';
|
|
2
2
|
import { ComponentProps, ElementType } from 'react';
|
|
3
3
|
import { TransitionStatus } from 'react-transition-group';
|
|
4
4
|
type Context = {
|
|
@@ -10,13 +10,13 @@ type ModalProps = {
|
|
|
10
10
|
size?: Size;
|
|
11
11
|
duration?: number;
|
|
12
12
|
preventClose?: boolean;
|
|
13
|
-
} & Partial<ToggleProps>;
|
|
13
|
+
} & Partial<ToggleEventProps> & Partial<ToggleProps>;
|
|
14
14
|
type ModalDialogProps = Omit<ComponentProps<"div">, "as" | "ref">;
|
|
15
15
|
type ModalHeaderProps = ComponentProps<"div">;
|
|
16
16
|
type ModalBodyProps = ComponentProps<"div">;
|
|
17
17
|
type ModalFooterProps = ComponentProps<"div">;
|
|
18
18
|
export declare const ModalContext: import('react').Context<Context>;
|
|
19
|
-
declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, duration, preventClose, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, duration, preventClose, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
declare namespace Modal {
|
|
21
21
|
var Dialog: typeof ModalDialog;
|
|
22
22
|
var Header: typeof ModalHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACZ,MAAM,SAAS,CAAC;AAIjB,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,gBAAgB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAChB,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAClE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5C,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,GAAG,EACH,IAAW,EACX,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAuErC;kBAxFQ,KAAK;;;;;;AAyFd,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkCvE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAGzD;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AAOD,eAAe,KAAK,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as a, jsxs as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useHotkey as
|
|
7
|
-
import { twMerge as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
const
|
|
2
|
+
import { jsx as a, jsxs as D } from "react/jsx-runtime";
|
|
3
|
+
import m from "../../helpers/cn.es.js";
|
|
4
|
+
import s from "../../hooks/useClasses.es.js";
|
|
5
|
+
import { createContext as S, useRef as F, useImperativeHandle as R, useContext as j, useMemo as E } from "react";
|
|
6
|
+
import { useHotkey as I } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
|
|
7
|
+
import { twMerge as C } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
|
+
import d from "../Card/index.es.js";
|
|
9
|
+
import P from "../Portal/index.es.js";
|
|
10
|
+
import $ from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
11
|
+
const M = S({
|
|
12
12
|
size: "md",
|
|
13
13
|
open: !1,
|
|
14
14
|
onClose: () => {
|
|
@@ -16,98 +16,119 @@ const z = w({
|
|
|
16
16
|
transitionState: "unmounted",
|
|
17
17
|
duration: 300
|
|
18
18
|
});
|
|
19
|
-
function
|
|
19
|
+
function u({
|
|
20
20
|
as: t,
|
|
21
21
|
ref: o,
|
|
22
22
|
size: n = "md",
|
|
23
23
|
open: e = !1,
|
|
24
24
|
onClose: i = () => {
|
|
25
25
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
onEnter: f,
|
|
27
|
+
onEntering: p,
|
|
28
|
+
onEntered: x,
|
|
29
|
+
onExit: v,
|
|
30
|
+
onExiting: r,
|
|
31
|
+
onExited: l,
|
|
32
|
+
duration: y = 300,
|
|
33
|
+
preventClose: b = !1,
|
|
34
|
+
className: h,
|
|
35
|
+
children: w,
|
|
36
|
+
...N
|
|
31
37
|
}) {
|
|
32
|
-
const
|
|
38
|
+
const H = s((c) => c.modal.base), g = F(null), k = t || "div", B = {
|
|
33
39
|
entering: "active opacity-100 pointer-events-auto",
|
|
34
40
|
entered: "active opacity-100 pointer-events-auto",
|
|
35
41
|
exiting: "opacity-0 pointer-events-none",
|
|
36
42
|
exited: "opacity-0 pointer-events-none",
|
|
37
43
|
unmounted: ""
|
|
38
|
-
},
|
|
39
|
-
|
|
44
|
+
}, z = () => {
|
|
45
|
+
b || i();
|
|
40
46
|
};
|
|
41
|
-
return
|
|
47
|
+
return R(o, () => g.current), I("Escape", () => i(), {
|
|
42
48
|
conflictBehavior: "allow",
|
|
43
49
|
ignoreInputs: !0,
|
|
44
|
-
enabled: e && !
|
|
45
|
-
}), /* @__PURE__ */ a(
|
|
46
|
-
|
|
50
|
+
enabled: e && !b
|
|
51
|
+
}), /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(
|
|
52
|
+
$,
|
|
47
53
|
{
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
children:
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
54
|
+
nodeRef: g,
|
|
55
|
+
in: e,
|
|
56
|
+
timeout: y,
|
|
57
|
+
unmountOnExit: !0,
|
|
58
|
+
onEnter: f,
|
|
59
|
+
onEntering: p,
|
|
60
|
+
onEntered: x,
|
|
61
|
+
onExit: v,
|
|
62
|
+
onExiting: r,
|
|
63
|
+
onExited: l,
|
|
64
|
+
children: (c) => /* @__PURE__ */ D(
|
|
65
|
+
k,
|
|
66
|
+
{
|
|
67
|
+
ref: g,
|
|
68
|
+
"data-open": e,
|
|
69
|
+
style: { transitionDuration: `${y}ms` },
|
|
70
|
+
className: C(
|
|
71
|
+
"modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
|
|
72
|
+
H,
|
|
73
|
+
B[c],
|
|
74
|
+
h
|
|
75
|
+
),
|
|
76
|
+
...N,
|
|
77
|
+
children: [
|
|
78
|
+
/* @__PURE__ */ a(
|
|
79
|
+
"div",
|
|
80
|
+
{
|
|
81
|
+
onClick: z,
|
|
82
|
+
className: m(
|
|
83
|
+
"absolute inset-0 cursor-default opacity-0",
|
|
84
|
+
b && "[&:active~*]:scale-95"
|
|
85
|
+
)
|
|
86
|
+
}
|
|
87
|
+
),
|
|
88
|
+
/* @__PURE__ */ a(
|
|
89
|
+
M.Provider,
|
|
90
|
+
{
|
|
91
|
+
value: {
|
|
92
|
+
size: n,
|
|
93
|
+
open: e,
|
|
94
|
+
onClose: z,
|
|
95
|
+
transitionState: c,
|
|
96
|
+
duration: y
|
|
97
|
+
},
|
|
98
|
+
children: w
|
|
99
|
+
}
|
|
66
100
|
)
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
z.Provider,
|
|
71
|
-
{
|
|
72
|
-
value: {
|
|
73
|
-
size: n,
|
|
74
|
-
open: e,
|
|
75
|
-
onClose: b,
|
|
76
|
-
transitionState: d,
|
|
77
|
-
duration: s
|
|
78
|
-
},
|
|
79
|
-
children: v
|
|
80
|
-
}
|
|
81
|
-
)
|
|
82
|
-
]
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
)
|
|
83
104
|
}
|
|
84
|
-
) })
|
|
105
|
+
) });
|
|
85
106
|
}
|
|
86
|
-
function
|
|
87
|
-
const e =
|
|
107
|
+
function O({ className: t, children: o, ...n }) {
|
|
108
|
+
const e = s((r) => r.modal.dialog), { size: i, transitionState: f, duration: p } = j(M), x = {
|
|
88
109
|
entering: "scale-100",
|
|
89
110
|
entered: "scale-100",
|
|
90
111
|
exiting: "scale-75",
|
|
91
112
|
exited: "scale-75",
|
|
92
113
|
unmounted: ""
|
|
93
|
-
}, v =
|
|
94
|
-
var
|
|
114
|
+
}, v = E(() => {
|
|
115
|
+
var l;
|
|
95
116
|
return [{
|
|
96
117
|
sm: "min-[576px]:w-[300px]",
|
|
97
118
|
md: "min-[576px]:w-[500px]",
|
|
98
119
|
lg: "min-[992px]:w-[800px]"
|
|
99
|
-
}[i], (
|
|
120
|
+
}[i], (l = e == null ? void 0 : e.size) == null ? void 0 : l[i]];
|
|
100
121
|
}, [i, e == null ? void 0 : e.size]);
|
|
101
122
|
return /* @__PURE__ */ a(
|
|
102
|
-
|
|
123
|
+
d,
|
|
103
124
|
{
|
|
104
125
|
as: "div",
|
|
105
|
-
style: { transitionDuration: `${
|
|
106
|
-
className:
|
|
126
|
+
style: { transitionDuration: `${p}ms` },
|
|
127
|
+
className: C(
|
|
107
128
|
"max-w-full max-h-full m-auto transition-transform",
|
|
108
129
|
e == null ? void 0 : e.base,
|
|
109
130
|
v,
|
|
110
|
-
x[
|
|
131
|
+
x[f],
|
|
111
132
|
t
|
|
112
133
|
),
|
|
113
134
|
...n,
|
|
@@ -115,23 +136,23 @@ function R({ className: t, children: o, ...n }) {
|
|
|
115
136
|
}
|
|
116
137
|
);
|
|
117
138
|
}
|
|
118
|
-
function
|
|
119
|
-
const n =
|
|
120
|
-
return /* @__PURE__ */ a(
|
|
139
|
+
function T({ className: t, ...o }) {
|
|
140
|
+
const n = s((e) => e.modal.header.base);
|
|
141
|
+
return /* @__PURE__ */ a(d.Header, { className: m(n, t), ...o });
|
|
121
142
|
}
|
|
122
|
-
function
|
|
123
|
-
const n =
|
|
124
|
-
return /* @__PURE__ */ a(
|
|
143
|
+
function q({ className: t, ...o }) {
|
|
144
|
+
const n = s((e) => e.modal.body.base);
|
|
145
|
+
return /* @__PURE__ */ a(d.Body, { className: m(n, t), ...o });
|
|
125
146
|
}
|
|
126
|
-
function
|
|
127
|
-
const n =
|
|
128
|
-
return /* @__PURE__ */ a(
|
|
147
|
+
function A({ className: t, ...o }) {
|
|
148
|
+
const n = s((e) => e.modal.footer.base);
|
|
149
|
+
return /* @__PURE__ */ a(d.Footer, { className: m(n, t), ...o });
|
|
129
150
|
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
151
|
+
u.Dialog = O;
|
|
152
|
+
u.Header = T;
|
|
153
|
+
u.Body = q;
|
|
154
|
+
u.Footer = A;
|
|
134
155
|
export {
|
|
135
|
-
|
|
136
|
-
|
|
156
|
+
M as ModalContext,
|
|
157
|
+
u as default
|
|
137
158
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),n=require("./Badge/index.cjs.js"),t=require("./Button/index.cjs.js"),o=require("./ButtonGroup/index.cjs.js"),u=require("./Card/index.cjs.js"),d=require("./Divider/index.cjs.js"),c=require("./Drawer/index.cjs.js"),s=require("./Fill/index.cjs.js"),q=require("./InputGroup/index.cjs.js"),x=require("./Menu/index.cjs.js"),$=require("./Modal/index.cjs.js"),a=require("./Portal/index.cjs.js"),l=require("./Progress/index.cjs.js"),p=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),S=require("./Spinner/index.cjs.js"),g=require("./Stack/index.cjs.js"),b=require("./Switch/index.cjs.js"),T=require("./Table/index.cjs.js"),y=require("./Tabs/index.cjs.js"),h=require("./Tooltip/index.cjs.js"),k=require("./Typography/index.cjs.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),n=require("./Badge/index.cjs.js"),t=require("./Button/index.cjs.js"),o=require("./ButtonGroup/index.cjs.js"),u=require("./Card/index.cjs.js"),d=require("./Divider/index.cjs.js"),c=require("./Drawer/index.cjs.js"),s=require("./Fill/index.cjs.js"),q=require("./InputGroup/index.cjs.js"),x=require("./Menu/index.cjs.js"),$=require("./Modal/index.cjs.js"),a=require("./Portal/index.cjs.js"),l=require("./Progress/index.cjs.js"),p=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),S=require("./Spinner/index.cjs.js"),g=require("./Stack/index.cjs.js"),b=require("./Switch/index.cjs.js"),T=require("./Table/index.cjs.js"),y=require("./Tabs/index.cjs.js"),h=require("./Tooltip/index.cjs.js"),k=require("./Typography/index.cjs.js");exports.Accordion=e;exports.Alert=r.default;exports.Avatar=i;exports.Badge=n;exports.Button=t;exports.ButtonGroup=o.default;exports.Card=u;exports.Divider=d;exports.Drawer=c.default;exports.Fill=s;exports.InputGroup=q;exports.Menu=x;exports.Modal=$.default;exports.Portal=a;exports.Progress=l;exports.Skeleton=p;exports.Spacer=f;exports.Spinner=S;exports.Stack=g;exports.Switch=b;exports.Table=T;exports.Tabs=y.default;exports.Tooltip=h;exports.Typography=k;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,52 +1,51 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
/* empty css */
|
|
2
|
+
import { default as o } from "./Accordion/index.es.js";
|
|
3
|
+
import { default as a } from "./Alert/index.es.js";
|
|
4
|
+
import { default as l } from "./Avatar/index.es.js";
|
|
5
|
+
import { default as u } from "./Badge/index.es.js";
|
|
6
|
+
import { default as s } from "./Button/index.es.js";
|
|
7
|
+
import { default as x } from "./ButtonGroup/index.es.js";
|
|
8
|
+
import { default as i } from "./Card/index.es.js";
|
|
9
|
+
import { default as S } from "./Divider/index.es.js";
|
|
10
|
+
import { default as g } from "./Drawer/index.es.js";
|
|
11
|
+
import { default as B } from "./Fill/index.es.js";
|
|
12
|
+
import { default as h } from "./InputGroup/index.es.js";
|
|
13
|
+
import { default as v } from "./Menu/index.es.js";
|
|
14
|
+
import { default as y } from "./Modal/index.es.js";
|
|
15
|
+
import { default as G } from "./Portal/index.es.js";
|
|
16
|
+
import { default as P } from "./Progress/index.es.js";
|
|
17
|
+
import { default as F } from "./Skeleton/index.es.js";
|
|
18
|
+
import { default as j } from "./Spacer/index.es.js";
|
|
19
|
+
import { default as z } from "./Spinner/index.es.js";
|
|
20
|
+
import { default as H } from "./Stack/index.es.js";
|
|
21
|
+
import { default as K } from "./Switch/index.es.js";
|
|
22
|
+
import { default as N } from "./Table/index.es.js";
|
|
23
|
+
import { default as Q } from "./Tabs/index.es.js";
|
|
24
|
+
import { default as U } from "./Tooltip/index.es.js";
|
|
25
|
+
import { default as W } from "./Typography/index.es.js";
|
|
27
26
|
export {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
27
|
+
o as Accordion,
|
|
28
|
+
a as Alert,
|
|
29
|
+
l as Avatar,
|
|
30
|
+
u as Badge,
|
|
31
|
+
s as Button,
|
|
32
|
+
x as ButtonGroup,
|
|
33
|
+
i as Card,
|
|
34
|
+
S as Divider,
|
|
35
|
+
g as Drawer,
|
|
36
|
+
B as Fill,
|
|
37
|
+
h as InputGroup,
|
|
38
|
+
v as Menu,
|
|
39
|
+
y as Modal,
|
|
40
|
+
G as Portal,
|
|
41
|
+
P as Progress,
|
|
42
|
+
F as Skeleton,
|
|
43
|
+
j as Spacer,
|
|
44
|
+
z as Spinner,
|
|
45
|
+
H as Stack,
|
|
46
|
+
K as Switch,
|
|
47
|
+
N as Table,
|
|
48
|
+
Q as Tabs,
|
|
49
|
+
U as Tooltip,
|
|
50
|
+
W as Typography
|
|
52
51
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -38,6 +38,14 @@ export type ToggleProps = {
|
|
|
38
38
|
open: boolean;
|
|
39
39
|
onClose: VoidFunction;
|
|
40
40
|
};
|
|
41
|
+
export type ToggleEventProps = {
|
|
42
|
+
onEnter: VoidFunction;
|
|
43
|
+
onEntering: VoidFunction;
|
|
44
|
+
onEntered: VoidFunction;
|
|
45
|
+
onExit: VoidFunction;
|
|
46
|
+
onExiting: VoidFunction;
|
|
47
|
+
onExited: VoidFunction;
|
|
48
|
+
};
|
|
41
49
|
export type RecursivePartial<T> = {
|
|
42
50
|
[P in keyof T]?: RecursivePartial<T[P]>;
|
|
43
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,WAAW,EAErB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AACzC,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,WAAW,EAErB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;AAE7D,MAAM,WAAW,kBAAkB;CAAG;AACtC,MAAM,WAAW,mBAAmB;CAAG;AACvC,MAAM,WAAW,kBAAkB;CAAG;AACtC,MAAM,WAAW,uBAAuB;CAAG;AAC3C,MAAM,WAAW,WAAW;CAAG;AAC/B,MAAM,WAAW,UAAU;CAAG;AAE9B,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,KAAK,qBAAqB,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AACb,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,CAAC;AACZ,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,MAAM,kBAAkB,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,MAAM,mBAAmB,CAAC;AAC1E,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,MAAM,kBAAkB,CAAC;AACvE,MAAM,MAAM,iBAAiB,GACzB,qBAAqB,GACrB,MAAM,uBAAuB,CAAC;AAClC,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,WAAW,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,UAAU,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC;AACnE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;KAC/B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,WAAW,EAErB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AACzC,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,WAAW,EAErB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;AAE7D,MAAM,WAAW,kBAAkB;CAAG;AACtC,MAAM,WAAW,mBAAmB;CAAG;AACvC,MAAM,WAAW,kBAAkB;CAAG;AACtC,MAAM,WAAW,uBAAuB;CAAG;AAC3C,MAAM,WAAW,WAAW;CAAG;AAC/B,MAAM,WAAW,UAAU;CAAG;AAE9B,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,KAAK,qBAAqB,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AACb,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,CAAC;AACZ,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,MAAM,kBAAkB,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,MAAM,mBAAmB,CAAC;AAC1E,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,MAAM,kBAAkB,CAAC;AACvE,MAAM,MAAM,iBAAiB,GACzB,qBAAqB,GACrB,MAAM,uBAAuB,CAAC;AAClC,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,WAAW,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,UAAU,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,YAAY,CAAC;IACzB,SAAS,EAAE,YAAY,CAAC;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AACF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;KAC/B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}
|
package/package.json
CHANGED
package/dist/reaxify.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */html:has([role=menu][data-open=true]){scrollbar-gutter:stable}body:has([data-open=true]){overscroll-behavior:none;overflow:hidden}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}input[type=password]::-webkit-clear-button{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]{-webkit-text-security:disc}textarea::-webkit-scrollbar{display:none}textarea{-ms-overflow-style:none;scrollbar-width:none}strong,b{font-weight:700}.animate-linear-progress-1{animation:3.2s cubic-bezier(.65,.815,.735,.395) infinite linear-progress-1}.animate-linear-progress-2{animation:3.2s cubic-bezier(.165,.84,.44,1) 1.2s infinite linear-progress-2}@keyframes linear-progress-1{0%{width:35%;inset-inline-start:-35%}60%{width:100%;inset-inline-start:100%}to{width:100%;inset-inline-start:100%}}@keyframes linear-progress-2{0%{width:100%;inset-inline-start:-200%}60%{width:10%;inset-inline-start:107%}to{width:10%;inset-inline-start:107%}}
|