reaxify 0.0.88 → 0.0.90
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/Accordion/index.cjs.js +1 -1
- package/dist/components/Accordion/index.es.js +24 -24
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/index.es.js +1 -1
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.es.js +46 -44
- package/dist/components/ButtonGroup/index.cjs.js +1 -1
- package/dist/components/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/ButtonGroup/index.es.js +21 -23
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.es.js +25 -25
- package/dist/components/Divider/index.d.ts +13 -0
- package/dist/components/Divider/index.d.ts.map +1 -0
- package/dist/components/Drawer/index.cjs.js +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.es.js +23 -24
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.es.js +19 -19
- package/dist/components/Menu/index.cjs.js +1 -1
- package/dist/components/Menu/index.d.ts +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.es.js +66 -61
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.es.js +8 -9
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.es.js +35 -35
- package/dist/components/Table/index.cjs.js +1 -1
- package/dist/components/Table/index.es.js +1 -1
- package/dist/components/Tabs/index.cjs.js +1 -1
- package/dist/components/Tabs/index.d.ts +10 -5
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.es.js +64 -48
- package/dist/hooks/useCreateRipple.cjs.js +1 -1
- package/dist/hooks/useCreateRipple.d.ts.map +1 -1
- package/dist/hooks/useCreateRipple.es.js +2 -2
- package/dist/hooks/usePersistedState.cjs.js +1 -1
- package/dist/hooks/usePersistedState.es.js +10 -10
- package/dist/providers/ThemeProvider.d.ts +12 -3
- package/dist/providers/ThemeProvider.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const u=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),a=require("react"),
|
|
1
|
+
"use client";"use strict";const u=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),a=require("react"),v=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),C=require("../../helpers/randomID.cjs.js"),p=require("../../node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js"),A=a.createContext({activeKey:null,handleChange:()=>{},variant:"single"}),f=a.createContext({active:!1,eventKey:null});function l({variant:n="single",activeKey:t=null,onChange:e=()=>{},children:o}){const i=s=>{if(n==="single")e(t===s?null:s);else{const r=Array.isArray(t)?t:[],d=r.includes(s)?r.filter(c=>c!==s):[...r,s];e(d)}};return u.jsx(A.Provider,{value:{activeKey:t,handleChange:i,variant:n},children:o})}function w({as:n,eventKey:t=null,className:e,children:o,...i}){const s=x(h=>h.accordion.item.base),{activeKey:r}=a.useContext(A),g=n||"div",d=a.useMemo(()=>C(),[]),c=t||d,b=a.useMemo(()=>Array.isArray(r)?r.includes(c):r===c,[r,c]);return u.jsx(g,{className:m.twMerge("block w-full border border-border rounded",s,e),...i,children:u.jsx(f.Provider,{value:{eventKey:c,active:b},children:o})})}function j({type:n="button",className:t,children:e,onClick:o,...i}){const s=x(c=>c.accordion.toggle.base),{eventKey:r}=a.useContext(f),{handleChange:g}=a.useContext(A),d=c=>{r&&g(r),o==null||o(c)};return u.jsx("button",{type:n,className:m.twMerge("w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",s,t),onClick:d,...i,children:e})}function y({className:n,...t}){const e=x(i=>i.accordion.icon),{active:o}=a.useContext(f);return u.jsx(p,{color:"currentColor",className:m.twMerge("size-5 transition-transform",e==null?void 0:e.base,o?"-rotate-180":"rotate-0",o?e==null?void 0:e.active:e==null?void 0:e.inactive,n),...t})}function q({duration:n=300,children:t}){const{active:e}=a.useContext(f);return u.jsx(v,{duration:n,height:e?"auto":0,className:"w-full",animationStateClasses:{animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""},children:t})}function I({className:n,children:t,...e}){const o=x(i=>i.accordion.body.base);return u.jsx("div",{className:m.twMerge("w-full block px-5 py-4 rounded-b",o,n),...e,children:t})}l.Item=w;l.Toggle=j;l.Icon=y;l.Collapse=q;l.Body=I;module.exports=l;
|
|
@@ -16,57 +16,57 @@ const p = v({
|
|
|
16
16
|
eventKey: null
|
|
17
17
|
});
|
|
18
18
|
function d({
|
|
19
|
-
variant:
|
|
19
|
+
variant: n = "single",
|
|
20
20
|
activeKey: o = null,
|
|
21
21
|
onChange: t = () => {
|
|
22
22
|
},
|
|
23
|
-
children:
|
|
23
|
+
children: e
|
|
24
24
|
}) {
|
|
25
25
|
const c = (a) => {
|
|
26
|
-
if (
|
|
26
|
+
if (n === "single")
|
|
27
27
|
t(o === a ? null : a);
|
|
28
28
|
else {
|
|
29
29
|
const i = Array.isArray(o) ? o : [], l = i.includes(a) ? i.filter((r) => r !== a) : [...i, a];
|
|
30
30
|
t(l);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
return /* @__PURE__ */ s(p.Provider, { value: { activeKey: o, handleChange: c, variant:
|
|
33
|
+
return /* @__PURE__ */ s(p.Provider, { value: { activeKey: o, handleChange: c, variant: n }, children: e });
|
|
34
34
|
}
|
|
35
35
|
function H({
|
|
36
|
-
as:
|
|
36
|
+
as: n,
|
|
37
37
|
eventKey: o = null,
|
|
38
38
|
className: t,
|
|
39
|
-
children:
|
|
39
|
+
children: e,
|
|
40
40
|
...c
|
|
41
41
|
}) {
|
|
42
|
-
const a = f((x) => x.accordion.item.base), { activeKey: i } = u(p), m =
|
|
42
|
+
const a = f((x) => x.accordion.item.base), { activeKey: i } = u(p), m = n || "div", l = h(() => w(), []), r = o || l, b = h(() => Array.isArray(i) ? i.includes(r) : i === r, [i, r]);
|
|
43
43
|
return /* @__PURE__ */ s(
|
|
44
44
|
m,
|
|
45
45
|
{
|
|
46
46
|
className: g(
|
|
47
|
-
"block w-full border border-
|
|
47
|
+
"block w-full border border-border rounded",
|
|
48
48
|
a,
|
|
49
49
|
t
|
|
50
50
|
),
|
|
51
51
|
...c,
|
|
52
|
-
children: /* @__PURE__ */ s(A.Provider, { value: { eventKey: r, active: b }, children:
|
|
52
|
+
children: /* @__PURE__ */ s(A.Provider, { value: { eventKey: r, active: b }, children: e })
|
|
53
53
|
}
|
|
54
54
|
);
|
|
55
55
|
}
|
|
56
56
|
function I({
|
|
57
|
-
type:
|
|
57
|
+
type: n = "button",
|
|
58
58
|
className: o,
|
|
59
59
|
children: t,
|
|
60
|
-
onClick:
|
|
60
|
+
onClick: e,
|
|
61
61
|
...c
|
|
62
62
|
}) {
|
|
63
63
|
const a = f((r) => r.accordion.toggle.base), { eventKey: i } = u(A), { handleChange: m } = u(p), l = (r) => {
|
|
64
|
-
i && m(i),
|
|
64
|
+
i && m(i), e == null || e(r);
|
|
65
65
|
};
|
|
66
66
|
return /* @__PURE__ */ s(
|
|
67
67
|
"button",
|
|
68
68
|
{
|
|
69
|
-
type:
|
|
69
|
+
type: n,
|
|
70
70
|
className: g(
|
|
71
71
|
"w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",
|
|
72
72
|
a,
|
|
@@ -79,10 +79,10 @@ function I({
|
|
|
79
79
|
);
|
|
80
80
|
}
|
|
81
81
|
function N({
|
|
82
|
-
className:
|
|
82
|
+
className: n,
|
|
83
83
|
...o
|
|
84
84
|
}) {
|
|
85
|
-
const t = f((c) => c.accordion.icon), { active:
|
|
85
|
+
const t = f((c) => c.accordion.icon), { active: e } = u(A);
|
|
86
86
|
return /* @__PURE__ */ s(
|
|
87
87
|
y,
|
|
88
88
|
{
|
|
@@ -90,23 +90,23 @@ function N({
|
|
|
90
90
|
className: g(
|
|
91
91
|
"size-5 transition-transform",
|
|
92
92
|
t == null ? void 0 : t.base,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
e ? "-rotate-180" : "rotate-0",
|
|
94
|
+
e ? t == null ? void 0 : t.active : t == null ? void 0 : t.inactive,
|
|
95
|
+
n
|
|
96
96
|
),
|
|
97
97
|
...o
|
|
98
98
|
}
|
|
99
99
|
);
|
|
100
100
|
}
|
|
101
101
|
function T({
|
|
102
|
-
duration:
|
|
102
|
+
duration: n = 300,
|
|
103
103
|
children: o
|
|
104
104
|
}) {
|
|
105
105
|
const { active: t } = u(A);
|
|
106
106
|
return /* @__PURE__ */ s(
|
|
107
107
|
C,
|
|
108
108
|
{
|
|
109
|
-
duration:
|
|
109
|
+
duration: n,
|
|
110
110
|
height: t ? "auto" : 0,
|
|
111
111
|
className: "w-full",
|
|
112
112
|
animationStateClasses: {
|
|
@@ -126,18 +126,18 @@ function T({
|
|
|
126
126
|
);
|
|
127
127
|
}
|
|
128
128
|
function D({
|
|
129
|
-
className:
|
|
129
|
+
className: n,
|
|
130
130
|
children: o,
|
|
131
131
|
...t
|
|
132
132
|
}) {
|
|
133
|
-
const
|
|
133
|
+
const e = f((c) => c.accordion.body.base);
|
|
134
134
|
return /* @__PURE__ */ s(
|
|
135
135
|
"div",
|
|
136
136
|
{
|
|
137
137
|
className: g(
|
|
138
138
|
"w-full block px-5 py-4 rounded-b",
|
|
139
|
-
|
|
140
|
-
|
|
139
|
+
e,
|
|
140
|
+
n
|
|
141
141
|
),
|
|
142
142
|
...t,
|
|
143
143
|
children: o
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const y=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";const y=require("react/jsx-runtime"),a=require("../../helpers/cn.cjs.js"),w=require("../../hooks/useClasses.cjs.js"),l=require("react"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function q({as:u,variant:d="solid",color:n="primary",size:s="md",className:x,children:c,...p}){const r=w(e=>e.badge),h=u||"span",m=l.useMemo(()=>{var t,g,b;if(!n)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark text-dark border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light text-dark border-light"}},o=(t=e==null?void 0:e[n])==null?void 0:t[d],i=(b=(g=r==null?void 0:r.color)==null?void 0:g[n])==null?void 0:b[d];return[o,i]},[n,d,r==null?void 0:r.color]),f=l.useMemo(()=>{var o,i,t;if(!s)return null;const e={sm:a("text-xs py-0.5 px-1.5",(o=r==null?void 0:r.size)==null?void 0:o.sm),md:a("text-sm py-[0.1875rem] px-2",(i=r==null?void 0:r.size)==null?void 0:i.md),lg:a("text-base py-1 px-3",(t=r==null?void 0:r.size)==null?void 0:t.lg)};return e==null?void 0:e[s]},[s,r==null?void 0:r.size]);return y.jsx(h,{className:k.twMerge("inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",r==null?void 0:r.base,m,f,x),...p,children:c})}module.exports=q;
|
|
@@ -73,7 +73,7 @@ function B({
|
|
|
73
73
|
c,
|
|
74
74
|
{
|
|
75
75
|
className: k(
|
|
76
|
-
"inline-flex border border-
|
|
76
|
+
"inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",
|
|
77
77
|
r == null ? void 0 : r.base,
|
|
78
78
|
f,
|
|
79
79
|
h,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const l=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use client";"use strict";const l=require("react/jsx-runtime"),r=require("react"),W=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),E=require("../../helpers/cn.cjs.js"),F=require("../../hooks/useClasses.cjs.js"),H=require("../../hooks/useCreateRipple.cjs.js"),I=require("../Alert/index.cjs.js"),J=require("../ButtonGroup/index.cjs.js"),K=require("../Drawer/index.cjs.js"),L=require("../Modal/index.cjs.js"),O=require("../Spinner/index.cjs.js");function Q({as:f,variant:h,color:m,size:y,loading:w,stopPropagation:k=!1,preventDefault:C=!1,closeModal:v=!1,closeDrawer:q=!1,className:z,onClick:b,children:j,disabled:M,...R}){const t=F(e=>e.button),a=r.useContext(J.ButtonGroupContext),N=r.useContext(L.ModalContext),$=r.useContext(K.DrawerContext),c=r.useContext(I.AlertContext),D=H(),_=f||"button",u=h??a.variant??c.buttonVariant??"solid",i=m??a.color??c.color??"primary",o=y??a.size??"md",d=w??a.loading??!1,s=r.useMemo(()=>{var g,x,p;if(!i)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",text:"bg-transparent text-primary border-transparent",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",text:"bg-transparent text-secondary border-transparent",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",text:"bg-transparent text-success border-transparent",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",text:"bg-transparent text-info border-transparent",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",text:"bg-transparent text-warning border-transparent",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",text:"bg-transparent text-danger border-transparent",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",text:"bg-transparent text-dark border-transparent",soft:"bg-dark text-light border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",text:"bg-transparent text-dark border-transparent",soft:"bg-light- text-dark border-dark"}},n=(x=(g=t==null?void 0:t.color)==null?void 0:g[i])==null?void 0:x[u],V=(p=e==null?void 0:e[i])==null?void 0:p[u];return E(V,n)},[i,u,t==null?void 0:t.color]),B=r.useMemo(()=>s==null?void 0:s.split(" ").find(e=>e.startsWith("text-")),[s]),G=r.useMemo(()=>{var n;if(!o)return null;const e={sm:"text-sm py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-xl py-1.5 px-6",icon:"size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"};return[e==null?void 0:e[o],(n=t==null?void 0:t.size)==null?void 0:n[o]]},[o,t==null?void 0:t.size]),A=r.useMemo(()=>{var e,n;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(n=t==null?void 0:t.loading)==null?void 0:n.inactive]},[d,t==null?void 0:t.loading]),P=e=>{D(e),v&&N.onClose(),q&&$.onClose(),k&&e.stopPropagation(),C&&e.preventDefault(),b==null||b(e)};return l.jsxs(_,{role:"button",className:W.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]","focus-visible:outline-none after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",t==null?void 0:t.base,s,G,A,a.buttonClasses,z),onClick:P,disabled:M||d,...R,children:[j,d&&l.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:l.jsx(O,{size:o==="icon"?"sm":o,color:null,className:B})}),l.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAUrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAUrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA0ItC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as E, jsx as p } from "react/jsx-runtime";
|
|
3
3
|
import { useContext as d, useMemo as l } from "react";
|
|
4
|
-
import { twMerge as
|
|
5
|
-
import
|
|
4
|
+
import { twMerge as F } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
5
|
+
import H from "../../helpers/cn.es.js";
|
|
6
6
|
import I from "../../hooks/useClasses.es.js";
|
|
7
7
|
import J from "../../hooks/useCreateRipple.es.js";
|
|
8
8
|
import { AlertContext as K } from "../Alert/index.es.js";
|
|
@@ -11,22 +11,22 @@ import { DrawerContext as O } from "../Drawer/index.es.js";
|
|
|
11
11
|
import { ModalContext as Q } from "../Modal/index.es.js";
|
|
12
12
|
import T from "../Spinner/index.es.js";
|
|
13
13
|
function it({
|
|
14
|
-
as:
|
|
15
|
-
variant:
|
|
16
|
-
color:
|
|
17
|
-
size:
|
|
18
|
-
loading:
|
|
19
|
-
stopPropagation:
|
|
20
|
-
preventDefault:
|
|
21
|
-
closeModal:
|
|
22
|
-
closeDrawer:
|
|
23
|
-
className:
|
|
14
|
+
as: m,
|
|
15
|
+
variant: h,
|
|
16
|
+
color: y,
|
|
17
|
+
size: w,
|
|
18
|
+
loading: k,
|
|
19
|
+
stopPropagation: v = !1,
|
|
20
|
+
preventDefault: C = !1,
|
|
21
|
+
closeModal: z = !1,
|
|
22
|
+
closeDrawer: j = !1,
|
|
23
|
+
className: N,
|
|
24
24
|
onClick: b,
|
|
25
|
-
children:
|
|
26
|
-
disabled:
|
|
27
|
-
...
|
|
25
|
+
children: R,
|
|
26
|
+
disabled: D,
|
|
27
|
+
...M
|
|
28
28
|
}) {
|
|
29
|
-
const t = I((r) => r.button), o = d(L),
|
|
29
|
+
const t = I((r) => r.button), o = d(L), _ = d(Q), B = d(O), c = d(K), G = J(), q = m || "button", g = h ?? o.variant ?? c.buttonVariant ?? "solid", i = y ?? o.color ?? c.color ?? "primary", n = w ?? o.size ?? "md", s = k ?? o.loading ?? !1, a = l(() => {
|
|
30
30
|
var u, x, f;
|
|
31
31
|
if (!i) return "border-transparent";
|
|
32
32
|
const r = {
|
|
@@ -78,9 +78,9 @@ function it({
|
|
|
78
78
|
text: "bg-transparent text-dark border-transparent",
|
|
79
79
|
soft: "bg-light- text-dark border-dark"
|
|
80
80
|
}
|
|
81
|
-
}, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g],
|
|
82
|
-
return
|
|
83
|
-
}, [i, g, t == null ? void 0 : t.color]),
|
|
81
|
+
}, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g], W = (f = r == null ? void 0 : r[i]) == null ? void 0 : f[g];
|
|
82
|
+
return H(W, e);
|
|
83
|
+
}, [i, g, t == null ? void 0 : t.color]), A = l(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), P = l(() => {
|
|
84
84
|
var e;
|
|
85
85
|
if (!n) return null;
|
|
86
86
|
const r = {
|
|
@@ -90,50 +90,52 @@ function it({
|
|
|
90
90
|
icon: "size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"
|
|
91
91
|
};
|
|
92
92
|
return [r == null ? void 0 : r[n], (e = t == null ? void 0 : t.size) == null ? void 0 : e[n]];
|
|
93
|
-
}, [n, t == null ? void 0 : t.size]),
|
|
93
|
+
}, [n, t == null ? void 0 : t.size]), S = l(() => {
|
|
94
94
|
var r, e;
|
|
95
|
-
return s ?
|
|
95
|
+
return s ? [
|
|
96
96
|
"disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",
|
|
97
97
|
(r = t == null ? void 0 : t.loading) == null ? void 0 : r.active
|
|
98
|
-
|
|
98
|
+
] : [
|
|
99
99
|
"disabled:opacity-75 disabled:cursor-not-allowed",
|
|
100
100
|
(e = t == null ? void 0 : t.loading) == null ? void 0 : e.inactive
|
|
101
|
-
|
|
102
|
-
}, [s, t == null ? void 0 : t.loading]),
|
|
103
|
-
|
|
101
|
+
];
|
|
102
|
+
}, [s, t == null ? void 0 : t.loading]), V = (r) => {
|
|
103
|
+
G(r), z && _.onClose(), j && B.onClose(), v && r.stopPropagation(), C && r.preventDefault(), b == null || b(r);
|
|
104
104
|
};
|
|
105
|
-
return /* @__PURE__ */
|
|
106
|
-
|
|
105
|
+
return /* @__PURE__ */ E(
|
|
106
|
+
q,
|
|
107
107
|
{
|
|
108
108
|
role: "button",
|
|
109
|
-
className:
|
|
110
|
-
"relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-
|
|
111
|
-
|
|
112
|
-
// variant === "solid"
|
|
113
|
-
// ? "shadow hover:shadow-md active:shadow-lg"
|
|
114
|
-
// : "shadow-none",
|
|
115
|
-
// color ? "ring-2 ring-offset-2 ring-transparent" : null,
|
|
109
|
+
className: F(
|
|
110
|
+
"relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]",
|
|
111
|
+
"focus-visible:outline-none after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",
|
|
116
112
|
t == null ? void 0 : t.base,
|
|
117
113
|
a,
|
|
118
|
-
|
|
119
|
-
|
|
114
|
+
P,
|
|
115
|
+
S,
|
|
120
116
|
o.buttonClasses,
|
|
121
|
-
|
|
117
|
+
N
|
|
122
118
|
),
|
|
123
|
-
onClick:
|
|
124
|
-
disabled:
|
|
125
|
-
...
|
|
119
|
+
onClick: V,
|
|
120
|
+
disabled: D || s,
|
|
121
|
+
...M,
|
|
126
122
|
children: [
|
|
127
|
-
|
|
123
|
+
R,
|
|
128
124
|
s && /* @__PURE__ */ p("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ p(
|
|
129
125
|
T,
|
|
130
126
|
{
|
|
131
127
|
size: n === "icon" ? "sm" : n,
|
|
132
128
|
color: null,
|
|
133
|
-
className:
|
|
129
|
+
className: A
|
|
134
130
|
}
|
|
135
131
|
) }),
|
|
136
|
-
/* @__PURE__ */ p(
|
|
132
|
+
/* @__PURE__ */ p(
|
|
133
|
+
"span",
|
|
134
|
+
{
|
|
135
|
+
"data-name": "ripple-group",
|
|
136
|
+
className: "absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"
|
|
137
|
+
}
|
|
138
|
+
)
|
|
137
139
|
]
|
|
138
140
|
}
|
|
139
141
|
);
|
|
@@ -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 s=require("react/jsx-runtime"),M=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),r=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=r.createContext({});function G({as:d,variant:l,color:a,size:f,loading:p,orientation:e="horizontal",className:b,children:x,...m}){const v=d||"div",t=h(o=>o.buttonGroup),C=r.useMemo(()=>{var n;return[{horizontal:"flex-row",vertical:"flex-col"}[e],(n=t==null?void 0:t.orientation)==null?void 0:n[e]]},[e,t==null?void 0:t.orientation]),j=r.useMemo(()=>{var u,i;const o={horizontal:"rounded-none first-of-type:rounded-s last-of-type:rounded-e",vertical:"rounded-none first-of-type:rounded-t last-of-type:rounded-b"},n=(i=(u=t==null?void 0:t.button)==null?void 0:u.orientation)==null?void 0:i[e],y=o[e];return M(y,n)},[e,t==null?void 0:t.button]);return s.jsx(v,{className:q.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,C,b),...m,children:s.jsx(c.Provider,{value:{variant:l,color:a,size:f,loading:p,buttonClasses:j},children:x})})}exports.ButtonGroupContext=c;exports.default=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAiB,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAiB,WAAW,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,GAAG,WAAW,CAAC;AAChB,KAAK,OAAO,GAAG;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,kBAAkB,kCAA6B,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC,2CAqC3C"}
|
|
@@ -1,51 +1,49 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import y from "../../helpers/cn.es.js";
|
|
4
4
|
import w from "../../hooks/useClasses.es.js";
|
|
5
|
-
import { createContext as z,
|
|
6
|
-
import { twMerge as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
variant: d,
|
|
5
|
+
import { createContext as z, useMemo as f } from "react";
|
|
6
|
+
import { twMerge as G } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
+
const j = z({});
|
|
8
|
+
function P({
|
|
9
|
+
as: d,
|
|
10
|
+
variant: s,
|
|
12
11
|
color: m,
|
|
13
12
|
size: p,
|
|
14
|
-
loading:
|
|
13
|
+
loading: l,
|
|
15
14
|
orientation: o = "horizontal",
|
|
16
|
-
className:
|
|
15
|
+
className: a,
|
|
17
16
|
children: c,
|
|
18
17
|
...x
|
|
19
18
|
}) {
|
|
20
|
-
const
|
|
19
|
+
const b = d || "div", t = w((n) => n.buttonGroup), C = f(() => {
|
|
21
20
|
var e;
|
|
22
21
|
return [{
|
|
23
22
|
horizontal: "flex-row",
|
|
24
23
|
vertical: "flex-col"
|
|
25
24
|
}[o], (e = t == null ? void 0 : t.orientation) == null ? void 0 : e[o]];
|
|
26
|
-
}, [o, t == null ? void 0 : t.orientation]),
|
|
25
|
+
}, [o, t == null ? void 0 : t.orientation]), h = f(() => {
|
|
27
26
|
var r, u;
|
|
28
27
|
const n = {
|
|
29
28
|
horizontal: "rounded-none first-of-type:rounded-s last-of-type:rounded-e",
|
|
30
29
|
vertical: "rounded-none first-of-type:rounded-t last-of-type:rounded-b"
|
|
31
|
-
}, e = (u = (r = t == null ? void 0 : t.button) == null ? void 0 : r.orientation) == null ? void 0 : u[o],
|
|
32
|
-
return
|
|
30
|
+
}, e = (u = (r = t == null ? void 0 : t.button) == null ? void 0 : r.orientation) == null ? void 0 : u[o], v = n[o];
|
|
31
|
+
return y(v, e);
|
|
33
32
|
}, [o, t == null ? void 0 : t.button]);
|
|
34
33
|
return /* @__PURE__ */ i(
|
|
35
|
-
|
|
34
|
+
b,
|
|
36
35
|
{
|
|
37
|
-
className:
|
|
36
|
+
className: G(
|
|
38
37
|
"w-fit flex items-stretch justify-center",
|
|
39
38
|
t == null ? void 0 : t.base,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
l
|
|
39
|
+
C,
|
|
40
|
+
a
|
|
43
41
|
),
|
|
44
42
|
...x,
|
|
45
43
|
children: /* @__PURE__ */ i(
|
|
46
|
-
|
|
44
|
+
j.Provider,
|
|
47
45
|
{
|
|
48
|
-
value: { variant:
|
|
46
|
+
value: { variant: s, color: m, size: p, loading: l, buttonClasses: h },
|
|
49
47
|
children: c
|
|
50
48
|
}
|
|
51
49
|
)
|
|
@@ -53,6 +51,6 @@ function A({
|
|
|
53
51
|
);
|
|
54
52
|
}
|
|
55
53
|
export {
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
j as ButtonGroupContext,
|
|
55
|
+
P as default
|
|
58
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const
|
|
1
|
+
"use client";"use strict";const a=require("react/jsx-runtime"),d=require("../../hooks/useClasses.cjs.js");require("react");const c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function n({as:e,className:r,children:s,...o}){const t=d(l=>l.card.base),u=e||"div";return a.jsx(u,{className:c.twMerge("block w-full bg-white rounded shadow",t,r),...o,children:s})}function i({className:e,children:r,...s}){const o=d(t=>t.card.header.base);return a.jsx("div",{className:c.twMerge("w-full border-b border-border p-4",o,e),...s,children:r})}function b({className:e,children:r,...s}){const o=d(t=>t.card.body.base);return a.jsx("div",{className:c.twMerge("w-full p-4",o,e),...s,children:r})}function w({className:e,children:r,...s}){const o=d(t=>t.card.footer.base);return a.jsx("div",{className:c.twMerge("w-full border-t border-border p-4",o,e),...s,children:r})}n.Header=i;n.Body=b;n.Footer=w;module.exports=n;
|
|
@@ -1,65 +1,65 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import t from "../../hooks/useClasses.es.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
6
6
|
function n({
|
|
7
|
-
as:
|
|
8
|
-
className:
|
|
7
|
+
as: r,
|
|
8
|
+
className: e,
|
|
9
9
|
children: o,
|
|
10
10
|
...s
|
|
11
11
|
}) {
|
|
12
|
-
const a =
|
|
13
|
-
return /* @__PURE__ */
|
|
14
|
-
|
|
12
|
+
const a = t((l) => l.card.base);
|
|
13
|
+
return /* @__PURE__ */ d(
|
|
14
|
+
r || "div",
|
|
15
15
|
{
|
|
16
16
|
className: c(
|
|
17
17
|
"block w-full bg-white rounded shadow",
|
|
18
18
|
a,
|
|
19
|
-
|
|
19
|
+
e
|
|
20
20
|
),
|
|
21
21
|
...s,
|
|
22
22
|
children: o
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
}
|
|
26
|
-
function u({ className:
|
|
27
|
-
const s =
|
|
28
|
-
return /* @__PURE__ */
|
|
26
|
+
function u({ className: r, children: e, ...o }) {
|
|
27
|
+
const s = t((a) => a.card.header.base);
|
|
28
|
+
return /* @__PURE__ */ d(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
className: c(
|
|
32
|
-
"w-full border-b border-
|
|
32
|
+
"w-full border-b border-border p-4",
|
|
33
33
|
s,
|
|
34
|
-
|
|
34
|
+
r
|
|
35
35
|
),
|
|
36
36
|
...o,
|
|
37
|
-
children:
|
|
37
|
+
children: e
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
|
-
function
|
|
42
|
-
const s =
|
|
43
|
-
return /* @__PURE__ */
|
|
41
|
+
function b({ className: r, children: e, ...o }) {
|
|
42
|
+
const s = t((a) => a.card.body.base);
|
|
43
|
+
return /* @__PURE__ */ d("div", { className: c("w-full p-4", s, r), ...o, children: e });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
const s =
|
|
47
|
-
return /* @__PURE__ */
|
|
45
|
+
function i({ className: r, children: e, ...o }) {
|
|
46
|
+
const s = t((a) => a.card.footer.base);
|
|
47
|
+
return /* @__PURE__ */ d(
|
|
48
48
|
"div",
|
|
49
49
|
{
|
|
50
50
|
className: c(
|
|
51
|
-
"w-full border-t border-
|
|
51
|
+
"w-full border-t border-border p-4",
|
|
52
52
|
s,
|
|
53
|
-
|
|
53
|
+
r
|
|
54
54
|
),
|
|
55
55
|
...o,
|
|
56
|
-
children:
|
|
56
|
+
children: e
|
|
57
57
|
}
|
|
58
58
|
);
|
|
59
59
|
}
|
|
60
60
|
n.Header = u;
|
|
61
|
-
n.Body =
|
|
62
|
-
n.Footer =
|
|
61
|
+
n.Body = b;
|
|
62
|
+
n.Footer = i;
|
|
63
63
|
export {
|
|
64
64
|
n as default
|
|
65
65
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentPropsWithAs } from '../../types';
|
|
2
|
+
import { ElementType } from 'react';
|
|
3
|
+
type Orientation = "horizontal" | "vertical";
|
|
4
|
+
type Variant = "solid" | "dashed" | "dotted";
|
|
5
|
+
type Props = {
|
|
6
|
+
orientation?: Orientation;
|
|
7
|
+
variant?: Variant;
|
|
8
|
+
flexItem?: boolean;
|
|
9
|
+
children?: never;
|
|
10
|
+
};
|
|
11
|
+
export default function Divider<E extends ElementType = "hr">({ as, orientation, variant, flexItem, className, ...props }: ComponentPropsWithAs<E, Props>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAElB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC5D,EAAE,EACF,WAA0B,EAC1B,OAAiB,EACjB,QAAgB,EAEhB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,2CA8BhC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),i=require("react"),R=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../helpers/cn.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),i=require("react"),R=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../helpers/cn.cjs.js"),v=require("../Card/index.cjs.js"),H=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,preventClose:u=!1,anchor:l="end",className:y="",children:b,...h}){const t=x(c=>c.drawer),d=i.useRef(null),m=n||"div",M={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=i.useMemo(()=>{var j;const c={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(j=t==null?void 0:t.anchor)==null?void 0:j[l];return[c[l],D]},[l,t==null?void 0:t.anchor]),g=()=>{u||e()};return i.useImperativeHandle(a,()=>d.current),R.useHotkey("Escape",()=>e(),{enabled:r&&!u}),s.jsx(H,{children:s.jsx(N.default,{nodeRef:d,in:r,timeout:o,unmountOnExit:!0,children:c=>s.jsxs(m,{ref:d,style:{transitionDuration:`${o}ms`},"data-open":r,className:C.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,M[c],q,y),...h,children:[s.jsx("div",{onClick:g,className:w("absolute inset-0 size-full cursor-default opacity-0",u&&"[&:active~*]:scale-95")}),s.jsx(p.Provider,{value:{open:r,onClose:g,transitionState:c,duration:o,anchor:l,preventClose:u},children:b})]})})})}function k({children:n,className:a="",...r}){const e=x(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:l,preventClose:y}=i.useContext(p),b=i.useMemo(()=>{var m;const t={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"},d=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],d]},[o,e==null?void 0:e.anchor]),h=i.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:""}})[o],[o]);return s.jsx(v,{as:"div",style:{transitionDuration:`${u}ms`},className:C.twMerge("relative flex flex-col transition-[translate,width] rounded-none",y&&"transition-transform",e==null?void 0:e.base,h[l],b,a),...r,children:n})}function S({className:n,...a}){const r=x(e=>e.drawer.header.base);return s.jsx(v.Header,{className:w(r,n),...a})}function z({className:n,...a}){const r=x(e=>e.drawer.body.base);return s.jsx(v.Body,{className:w("flex-1 overflow-auto",r,n),...a})}function B({className:n,...a}){const r=x(e=>e.drawer.footer.base);return s.jsx(v.Footer,{className:w(r,n),...a})}f.Menu=k;f.Header=S;f.Body=z;f.Footer=B;exports.DrawerContext=p;exports.default=f;
|
|
@@ -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;AAG5D,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,WAAW,CAAC,CAAC;AACzB,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,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,
|
|
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;AAG5D,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,WAAW,CAAC,CAAC;AACzB,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,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqEhB;kBAhFQ,MAAM;;;;;;AAiFf,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"}
|