reaxify 0.0.43 → 0.0.45
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 +4 -5
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/index.es.js +9 -10
- package/dist/components/Box/index.cjs.js +1 -1
- package/dist/components/Box/index.es.js +6 -7
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.es.js +8 -9
- package/dist/components/ButtonGroup/index.cjs.js +1 -1
- package/dist/components/ButtonGroup/index.es.js +2 -3
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.es.js +4 -5
- package/dist/components/Drawer/index.cjs.js +1 -1
- package/dist/components/Drawer/index.es.js +1 -2
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.es.js +0 -1
- package/dist/components/Menu/index.cjs.js +1 -1
- package/dist/components/Menu/index.es.js +0 -1
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.es.js +7 -8
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.es.js +6 -7
- package/dist/components/Skeleton/index.cjs.js +1 -1
- package/dist/components/Skeleton/index.es.js +2 -3
- package/dist/components/Spinner/index.cjs.js +1 -1
- package/dist/components/Spinner/index.es.js +10 -11
- package/dist/components/Stack/index.cjs.js +1 -1
- package/dist/components/Stack/index.es.js +6 -7
- package/dist/components/Table/index.cjs.js +1 -1
- package/dist/components/Table/index.es.js +14 -15
- package/dist/components/Tabs/index.cjs.js +1 -1
- package/dist/components/Tabs/index.es.js +0 -1
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.es.js +2 -3
- package/dist/components/Typography/index.cjs.js +1 -1
- package/dist/components/Typography/index.es.js +9 -10
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.es.js +26 -28
- package/dist/hooks/index.cjs.js +1 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.es.js +10 -12
- package/dist/providers/ThemeProvider.d.ts +0 -3
- package/dist/types/index.d.ts +0 -2
- package/package.json +1 -1
- package/dist/components/Form/index.cjs.js +0 -1
- package/dist/components/Form/index.d.ts +0 -13
- package/dist/components/Form/index.es.js +0 -47
- package/dist/hooks/useInputValidation.cjs.js +0 -1
- package/dist/hooks/useInputValidation.d.ts +0 -10
- package/dist/hooks/useInputValidation.es.js +0 -44
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),l=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),l=require("../../hooks/useClasses.cjs.js"),y=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),x=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),A=require("../../helpers/randomID.cjs.js"),C=require("../../node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js"),v=r.createContext({activeKey:null,onChange:()=>{}}),d=r.createContext({active:!1,eventKey:null});function u({activeKey:t=null,onChange:n=()=>{},children:e}){return a.jsxRuntimeExports.jsx(v.Provider,{value:{activeKey:t,onChange:n},children:e})}function b({as:t,eventKey:n=null,className:e,children:o,...i}){const m=l(f=>f.accordion.item.base),{activeKey:c}=r.useContext(v),g=t||"div",p=r.useMemo(()=>A(),[]),s=n||p,j=r.useMemo(()=>Array.isArray(c)?c.includes(s):s===c,[c,s]);return a.jsxRuntimeExports.jsx(g,{className:x.twMerge("block w-full border border-[#e8eaee] rounded",m,e),...i,children:a.jsxRuntimeExports.jsx(d.Provider,{value:{eventKey:s,active:j},children:o})})}function h({type:t,className:n,children:e,onClick:o,...i}){const m=l(s=>s.accordion.toggle.base),{eventKey:c}=r.useContext(d),{onChange:g}=r.useContext(v),p=s=>{c&&g(c),o==null||o(s)};return a.jsxRuntimeExports.jsx("button",{type:t,className:x.twMerge("w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",m,n),onClick:p,...i,children:e})}function w({className:t,...n}){const e=l(i=>i.accordion.icon),{active:o}=r.useContext(d);return a.jsxRuntimeExports.jsx(C,{color:"currentColor",className:x.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,t),...n})}function R({duration:t=300,children:n}){const{active:e}=r.useContext(d);return a.jsxRuntimeExports.jsx(y,{duration:t,height:e?"auto":0,className:"w-full",animationStateClasses:{animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""},children:n})}function q({className:t,children:n,...e}){const o=l(i=>i.accordion.body.base);return a.jsxRuntimeExports.jsx("div",{className:x.twMerge("w-full block px-5 py-4 rounded-b",o,t),...e,children:n})}u.Item=b;u.Toggle=h;u.Icon=w;u.Collapse=R;u.Body=q;module.exports=u;
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
import { j as a } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import { createContext as y, useContext as s, useMemo as A } from "react";
|
|
4
4
|
import l from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "
|
|
6
|
-
import b from "../../helpers/randomID.es.js";
|
|
7
|
-
import C from "../../node_modules/react-animate-height/dist/esm/index.es.js";
|
|
5
|
+
import b from "../../node_modules/react-animate-height/dist/esm/index.es.js";
|
|
8
6
|
import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
+
import C from "../../helpers/randomID.es.js";
|
|
9
8
|
import j from "../../node_modules/iconsax-react/dist/esm/ArrowDown2.es.js";
|
|
10
9
|
const x = y({
|
|
11
10
|
activeKey: null,
|
|
@@ -30,7 +29,7 @@ function w({
|
|
|
30
29
|
children: n,
|
|
31
30
|
...i
|
|
32
31
|
}) {
|
|
33
|
-
const f = l((v) => v.accordion.item.base), { activeKey: c } = s(x), g = o || "div", p = A(() =>
|
|
32
|
+
const f = l((v) => v.accordion.item.base), { activeKey: c } = s(x), g = o || "div", p = A(() => C(), []), r = e || p, h = A(() => Array.isArray(c) ? c.includes(r) : r === c, [c, r]);
|
|
34
33
|
return /* @__PURE__ */ a.jsx(
|
|
35
34
|
g,
|
|
36
35
|
{
|
|
@@ -95,7 +94,7 @@ function K({
|
|
|
95
94
|
}) {
|
|
96
95
|
const { active: t } = s(d);
|
|
97
96
|
return /* @__PURE__ */ a.jsx(
|
|
98
|
-
|
|
97
|
+
b,
|
|
99
98
|
{
|
|
100
99
|
duration: o,
|
|
101
100
|
height: t ? "auto" : 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const w=require("../../node_modules/react/jsx-runtime.cjs.js"),a=require("../../helpers/cn.cjs.js"),u=require("react"),h=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const w=require("../../node_modules/react/jsx-runtime.cjs.js"),a=require("../../helpers/cn.cjs.js"),u=require("react"),h=require("../../hooks/useClasses.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function q({as:x,variant:i="solid",color:n=null,size:s="md",className:c,children:l,...p}){const e=h(r=>r.badge),m=x||"span",f=u.useMemo(()=>{var t,b,g;if(!n)return"border-transparent";const r={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-primary/10 text-primary border-primary/10"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-secondary/10 text-secondary border-secondary/10"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-success/10 text-success border-success/10"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-info/10 text-info border-info/10"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-warning/10 text-warning border-warning/10"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-danger/10 text-danger border-danger/10"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark/10 text-dark border-dark/10"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light/10 text-dark border-light/10"}},o=(t=r==null?void 0:r[n])==null?void 0:t[i],d=(g=(b=e==null?void 0:e.color)==null?void 0:b[n])==null?void 0:g[i];return[o,d]},[n,i,e==null?void 0:e.color]),y=u.useMemo(()=>{var o,d,t;if(!s)return null;const r={sm:a("text-xs py-0.5 px-1.5",(o=e==null?void 0:e.size)==null?void 0:o.sm),md:a("text-sm py-[0.1875rem] px-2",(d=e==null?void 0:e.size)==null?void 0:d.md),lg:a("text-base py-1 px-3",(t=e==null?void 0:e.size)==null?void 0:t.lg)};return r==null?void 0:r[s]},[s,e==null?void 0:e.size]);return w.jsxRuntimeExports.jsx(m,{className:k.twMerge("inline-flex border border-[#e8eaee] items-center text-center font-medium align-middle whitespace-nowrap rounded",e==null?void 0:e.base,f,y,c),...p,children:l})}module.exports=q;
|
|
@@ -3,12 +3,11 @@ import { j as w } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import s from "../../helpers/cn.es.js";
|
|
4
4
|
import { useMemo as x } from "react";
|
|
5
5
|
import h from "../../hooks/useClasses.es.js";
|
|
6
|
-
import "../Form/index.es.js";
|
|
7
6
|
import { twMerge as k } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
|
-
function
|
|
7
|
+
function B({
|
|
9
8
|
as: p,
|
|
10
9
|
variant: i = "solid",
|
|
11
|
-
color:
|
|
10
|
+
color: n = null,
|
|
12
11
|
size: a = "md",
|
|
13
12
|
className: m,
|
|
14
13
|
children: u,
|
|
@@ -16,7 +15,7 @@ function E({
|
|
|
16
15
|
}) {
|
|
17
16
|
const r = h((e) => e.badge), c = p || "span", f = x(() => {
|
|
18
17
|
var t, b, g;
|
|
19
|
-
if (!
|
|
18
|
+
if (!n) return "border-transparent";
|
|
20
19
|
const e = {
|
|
21
20
|
primary: {
|
|
22
21
|
solid: "bg-primary text-white border-primary",
|
|
@@ -58,13 +57,13 @@ function E({
|
|
|
58
57
|
outline: "bg-transparent text-dark border-light",
|
|
59
58
|
soft: "bg-light/10 text-dark border-light/10"
|
|
60
59
|
}
|
|
61
|
-
},
|
|
62
|
-
return [
|
|
63
|
-
}, [
|
|
64
|
-
var
|
|
60
|
+
}, o = (t = e == null ? void 0 : e[n]) == null ? void 0 : t[i], d = (g = (b = r == null ? void 0 : r.color) == null ? void 0 : b[n]) == null ? void 0 : g[i];
|
|
61
|
+
return [o, d];
|
|
62
|
+
}, [n, i, r == null ? void 0 : r.color]), y = x(() => {
|
|
63
|
+
var o, d, t;
|
|
65
64
|
if (!a) return null;
|
|
66
65
|
const e = {
|
|
67
|
-
sm: s("text-xs py-0.5 px-1.5", (
|
|
66
|
+
sm: s("text-xs py-0.5 px-1.5", (o = r == null ? void 0 : r.size) == null ? void 0 : o.sm),
|
|
68
67
|
md: s("text-sm py-[0.1875rem] px-2", (d = r == null ? void 0 : r.size) == null ? void 0 : d.md),
|
|
69
68
|
lg: s("text-base py-1 px-3", (t = r == null ? void 0 : r.size) == null ? void 0 : t.lg)
|
|
70
69
|
};
|
|
@@ -86,5 +85,5 @@ function E({
|
|
|
86
85
|
);
|
|
87
86
|
}
|
|
88
87
|
export {
|
|
89
|
-
|
|
88
|
+
B as default
|
|
90
89
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js"),i=require("../../helpers/cn.cjs.js");require("react");const c=require("../../hooks/useClasses.cjs.js");
|
|
1
|
+
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js"),i=require("../../helpers/cn.cjs.js");require("react");const c=require("../../hooks/useClasses.cjs.js");function x({as:s,className:t,...n}){const e=c(o=>o.box),r=s||"div";return u.jsxRuntimeExports.jsx(r,{className:i(e==null?void 0:e.base,t),...n})}module.exports=x;
|
|
@@ -3,15 +3,14 @@ import { j as n } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import i from "../../helpers/cn.es.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import p from "../../hooks/useClasses.es.js";
|
|
6
|
-
|
|
7
|
-
function j({
|
|
6
|
+
function f({
|
|
8
7
|
as: t,
|
|
9
|
-
className:
|
|
10
|
-
...
|
|
8
|
+
className: s,
|
|
9
|
+
...r
|
|
11
10
|
}) {
|
|
12
|
-
const o = p((
|
|
13
|
-
return /* @__PURE__ */ n.jsx(
|
|
11
|
+
const o = p((m) => m.box), e = t || "div";
|
|
12
|
+
return /* @__PURE__ */ n.jsx(e, { className: i(o == null ? void 0 : o.base, s), ...r });
|
|
14
13
|
}
|
|
15
14
|
export {
|
|
16
|
-
|
|
15
|
+
f as default
|
|
17
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../../helpers/cn.cjs.js"),H=require("../../hooks/useClasses.cjs.js"),I=require("../../hooks/useCreateRipple.cjs.js")
|
|
1
|
+
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../../helpers/cn.cjs.js"),H=require("../../hooks/useClasses.cjs.js"),I=require("../../hooks/useCreateRipple.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:w,variant:y,color:l,size:h,loading:C,stopPropagation:j=!1,preventDefault:v=!1,closeModal:q=!1,closeDrawer:R=!1,className:k,onClick:b,children:M,disabled:z,...E}){const t=H(e=>e.button),n=r.useContext(J.ButtonGroupContext),N=r.useContext(L.ModalContext),D=r.useContext(K.DrawerContext),$=I(),B=w||"button",x=y??n.variant??"solid",i=r.useMemo(()=>l!==void 0?l:n.color!==void 0?n.color:"primary",[l,n.color]),a=h??n.size??"md",d=C??n.loading??!1,s=r.useMemo(()=>{var p,c,g;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"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",text:"bg-transparent text-secondary border-transparent"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",text:"bg-transparent text-success border-transparent"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",text:"bg-transparent text-info border-transparent"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",text:"bg-transparent text-warning border-transparent"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",text:"bg-transparent text-danger border-transparent"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",text:"bg-transparent text-dark border-transparent"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",text:"bg-transparent text-dark border-transparent"}},o=(c=(p=t==null?void 0:t.color)==null?void 0:p[i])==null?void 0:c[x],F=(g=e==null?void 0:e[i])==null?void 0:g[x];return m.twMerge(F,o)},[i,x,t==null?void 0:t.color]),G=r.useMemo(()=>s==null?void 0:s.split(" ").find(e=>e.startsWith("text-")),[s]),P=r.useMemo(()=>{var o;if(!a)return null;const e={sm:"text-base py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-lg py-2 px-6"};return[e==null?void 0:e[a],(o=t==null?void 0:t.size)==null?void 0:o[a]]},[a,t==null?void 0:t.size]),W=r.useMemo(()=>{var e,o;return d?f("disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active):f("disabled:opacity-75 disabled:cursor-not-allowed",(o=t==null?void 0:t.loading)==null?void 0:o.inactive)},[d,t==null?void 0:t.loading]),A=e=>{$(e),q&&N.onClose(),R&&D.onClose(),j&&e.stopPropagation(),v&&e.preventDefault(),b==null||b(e)};return u.jsxRuntimeExports.jsxs(B,{className:m.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color]",t==null?void 0:t.base,s,P,W,n.buttonClasses,k),onClick:A,disabled:z||d,...E,children:[M,d&&u.jsxRuntimeExports.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:u.jsxRuntimeExports.jsx(O,{size:a,color:null,className:G})}),u.jsxRuntimeExports.jsx("span",{className:"ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Q;
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as
|
|
2
|
+
import { j as l } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import { useContext as x, useMemo as i } from "react";
|
|
4
4
|
import { twMerge as f } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
5
5
|
import w from "../../helpers/cn.es.js";
|
|
6
6
|
import I from "../../hooks/useClasses.es.js";
|
|
7
7
|
import J from "../../hooks/useCreateRipple.es.js";
|
|
8
|
-
import "../Form/index.es.js";
|
|
9
8
|
import { ButtonGroupContext as K } from "../ButtonGroup/index.es.js";
|
|
10
9
|
import { DrawerContext as L } from "../Drawer/index.es.js";
|
|
11
10
|
import { ModalContext as O } from "../Modal/index.es.js";
|
|
12
11
|
import Q from "../Spinner/index.es.js";
|
|
13
|
-
function
|
|
12
|
+
function et({
|
|
14
13
|
as: y,
|
|
15
14
|
variant: h,
|
|
16
|
-
color:
|
|
15
|
+
color: p,
|
|
17
16
|
size: v,
|
|
18
17
|
loading: C,
|
|
19
18
|
stopPropagation: k = !1,
|
|
@@ -26,7 +25,7 @@ function nt({
|
|
|
26
25
|
disabled: M,
|
|
27
26
|
...B
|
|
28
27
|
}) {
|
|
29
|
-
const t = I((r) => r.button), e = x(K), G = x(O), E = x(L), P = J(), S = y || "button", u = h ?? e.variant ?? "solid", s = i(() =>
|
|
28
|
+
const t = I((r) => r.button), e = x(K), G = x(O), E = x(L), P = J(), S = y || "button", u = h ?? e.variant ?? "solid", s = i(() => p !== void 0 ? p : e.color !== void 0 ? e.color : "primary", [p, e.color]), o = v ?? e.size ?? "md", d = C ?? e.loading ?? !1, a = i(() => {
|
|
30
29
|
var c, g, m;
|
|
31
30
|
if (!s) return "border-transparent";
|
|
32
31
|
const r = {
|
|
@@ -93,7 +92,7 @@ function nt({
|
|
|
93
92
|
}, [d, t == null ? void 0 : t.loading]), F = (r) => {
|
|
94
93
|
P(r), z && G.onClose(), R && E.onClose(), k && r.stopPropagation(), j && r.preventDefault(), b == null || b(r);
|
|
95
94
|
};
|
|
96
|
-
return /* @__PURE__ */
|
|
95
|
+
return /* @__PURE__ */ l.jsxs(
|
|
97
96
|
S,
|
|
98
97
|
{
|
|
99
98
|
className: f(
|
|
@@ -115,12 +114,12 @@ function nt({
|
|
|
115
114
|
...B,
|
|
116
115
|
children: [
|
|
117
116
|
D,
|
|
118
|
-
d && /* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */
|
|
117
|
+
d && /* @__PURE__ */ l.jsx("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ l.jsx(Q, { size: o, color: null, className: W }) }),
|
|
118
|
+
/* @__PURE__ */ l.jsx("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none" })
|
|
120
119
|
]
|
|
121
120
|
}
|
|
122
121
|
);
|
|
123
122
|
}
|
|
124
123
|
export {
|
|
125
|
-
|
|
124
|
+
et as default
|
|
126
125
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../node_modules/react/jsx-runtime.cjs.js"),M=require("../../helpers/cn.cjs.js"),r=require("react"),R=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../node_modules/react/jsx-runtime.cjs.js"),M=require("../../helpers/cn.cjs.js"),r=require("react"),R=require("../../hooks/useClasses.cjs.js"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),G=require("../Tabs/index.cjs.js"),c=r.createContext({});function g({as:d,variant:l,color:a,size:x,loading:f,orientation:e="horizontal",className:p,children:b,...C}){const m=d||"div",t=R(o=>o.buttonGroup),{buttonGroupClasses:j}=r.useContext(G.TabsContext),v=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]),q=r.useMemo(()=>{var u,s;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=(s=(u=t==null?void 0:t.button)==null?void 0:u.orientation)==null?void 0:s[e],y=o[e];return M(y,n)},[e,t==null?void 0:t.button]);return i.jsxRuntimeExports.jsx(m,{className:h.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,v,j,p),...C,children:i.jsxRuntimeExports.jsx(c.Provider,{value:{variant:l,color:a,size:x,loading:f,buttonClasses:q},children:b})})}exports.ButtonGroupContext=c;exports.default=g;
|
|
@@ -3,11 +3,10 @@ import { j as i } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import y from "../../helpers/cn.es.js";
|
|
4
4
|
import { createContext as G, useContext as w, useMemo as s } from "react";
|
|
5
5
|
import z from "../../hooks/useClasses.es.js";
|
|
6
|
-
import "../Form/index.es.js";
|
|
7
6
|
import { twMerge as R } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
7
|
import { TabsContext as B } from "../Tabs/index.es.js";
|
|
9
8
|
const M = G({});
|
|
10
|
-
function
|
|
9
|
+
function q({
|
|
11
10
|
as: f,
|
|
12
11
|
variant: m,
|
|
13
12
|
color: p,
|
|
@@ -55,5 +54,5 @@ function A({
|
|
|
55
54
|
}
|
|
56
55
|
export {
|
|
57
56
|
M as ButtonGroupContext,
|
|
58
|
-
|
|
57
|
+
q as default
|
|
59
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const n=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const n=require("../../hooks/useClasses.cjs.js"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function d({as:e,className:s,children:r,...t}){const o=n(i=>i.card.base),u=e||"div";return a.jsxRuntimeExports.jsx(u,{className:c.twMerge("block w-full bg-white rounded shadow",o,s),...t,children:r})}function l({className:e,children:s,...r}){const t=n(o=>o.card.header.base);return a.jsxRuntimeExports.jsx("div",{className:c.twMerge("w-full border-b border-[#e8eaee] p-4",t,e),...r,children:s})}function x({className:e,children:s,...r}){const t=n(o=>o.card.body.base);return a.jsxRuntimeExports.jsx("div",{className:c.twMerge("w-full p-4",t,e),...r,children:s})}function b({className:e,children:s,...r}){const t=n(o=>o.card.footer.base);return a.jsxRuntimeExports.jsx("div",{className:c.twMerge("w-full border-t border-[#e8eaee] p-4",t,e),...r,children:s})}d.Header=l;d.Body=x;d.Footer=b;module.exports=d;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import d from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
5
|
import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
6
|
function n({
|
|
8
7
|
as: e,
|
|
@@ -39,11 +38,11 @@ function i({ className: e, children: s, ...r }) {
|
|
|
39
38
|
}
|
|
40
39
|
);
|
|
41
40
|
}
|
|
42
|
-
function
|
|
41
|
+
function f({ className: e, children: s, ...r }) {
|
|
43
42
|
const o = d((a) => a.card.body.base);
|
|
44
43
|
return /* @__PURE__ */ t.jsx("div", { className: c("w-full p-4", o, e), ...r, children: s });
|
|
45
44
|
}
|
|
46
|
-
function
|
|
45
|
+
function m({ className: e, children: s, ...r }) {
|
|
47
46
|
const o = d((a) => a.card.footer.base);
|
|
48
47
|
return /* @__PURE__ */ t.jsx(
|
|
49
48
|
"div",
|
|
@@ -59,8 +58,8 @@ function f({ className: e, children: s, ...r }) {
|
|
|
59
58
|
);
|
|
60
59
|
}
|
|
61
60
|
n.Header = i;
|
|
62
|
-
n.Body =
|
|
63
|
-
n.Footer =
|
|
61
|
+
n.Body = f;
|
|
62
|
+
n.Footer = m;
|
|
64
63
|
export {
|
|
65
64
|
n as default
|
|
66
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../node_modules/react/jsx-runtime.cjs.js"),l=require("react"),c=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../node_modules/react/jsx-runtime.cjs.js"),l=require("react"),c=require("../../hooks/useClasses.cjs.js"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),j=require("../../helpers/cn.cjs.js"),m=require("../Card/index.cjs.js"),C=require("../Portal/index.cjs.js"),E=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),v=l.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted"});function d({as:o,open:t=!1,onClose:n=()=>{},duration:e=300,anchor:a="end",className:f="",children:w,...p}){const r=c(u=>u.drawer),i=l.useRef(null),y=o||"div",x={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:""},R=l.useMemo(()=>{var b;const u={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},g=(b=r==null?void 0:r.anchor)==null?void 0:b[a];return[u[a],g]},[a,r==null?void 0:r.anchor]);return s.jsxRuntimeExports.jsx(C,{children:s.jsxRuntimeExports.jsx(E.default,{nodeRef:i,in:t,timeout:e,unmountOnExit:!0,children:u=>s.jsxRuntimeExports.jsxs(y,{ref:i,style:{transitionDuration:`${e}ms`},"data-open":t,className:h.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",r==null?void 0:r.base,x[u],R,f),...p,children:[s.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>n(),className:"h-full flex-1 opacity-0 cursor-default min-w-[5%]"}),s.jsxRuntimeExports.jsx(v.Provider,{value:{open:t,onClose:n,transitionState:u,duration:e,anchor:a},children:w})]})})})}function M({children:o,className:t="",...n}){const e=c(i=>i.drawer.menu),{anchor:a,duration:f,transitionState:w}=l.useContext(v),p=l.useMemo(()=>{var x;const i={start:"w-[31.875rem] h-full max-w-[97.5%] rounded-e",end:"w-[31.875rem] h-full max-w-[97.5%] rounded-s",top:"w-full h-[31.875rem] max-h-[97.5%] rounded-b",bottom:"w-full h-[31.875rem] max-h-[97.5%] rounded-t"},y=(x=e==null?void 0:e.anchor)==null?void 0:x[a];return[i[a],y]},[a,e==null?void 0:e.anchor]),r=l.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:""}})[a],[a]);return s.jsxRuntimeExports.jsx(m,{as:"div",style:{transitionDuration:`${f}ms`},className:h.twMerge("relative flex flex-col transition-[translate,width] rounded-none",e==null?void 0:e.base,r[w],p,t),...n,children:o})}function D({className:o,...t}){const n=c(e=>e.drawer.header.base);return s.jsxRuntimeExports.jsx(m.Header,{className:j(n,o),...t})}function q({className:o,...t}){const n=c(e=>e.drawer.body.base);return s.jsxRuntimeExports.jsx(m.Body,{className:j("flex-1 overflow-auto",n,o),...t})}function N({className:o,...t}){const n=c(e=>e.drawer.footer.base);return s.jsxRuntimeExports.jsx(m.Footer,{className:j(n,o),...t})}d.Menu=M;d.Header=D;d.Body=q;d.Footer=N;exports.DrawerContext=v;exports.default=d;
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
import { j as s } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import { createContext as D, useRef as R, useMemo as y, useContext as N } from "react";
|
|
4
4
|
import u from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
|
-
import h from "../../helpers/cn.es.js";
|
|
7
5
|
import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
6
|
+
import h from "../../helpers/cn.es.js";
|
|
8
7
|
import c from "../Card/index.es.js";
|
|
9
8
|
import M from "../Portal/index.es.js";
|
|
10
9
|
import k from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const a=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const i=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const a=require("../../hooks/useClasses.cjs.js"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({as:e,children:t,className:s,...n}){const o=e||"div",r=a(u=>u.inputGroup.base);return i.jsxRuntimeExports.jsx(o,{className:c.twMerge("w-full",r,s),...n,children:t})}function l({as:e,children:t,className:s,...n}){const o=e||"h6",r=a(u=>u.inputGroup.label.base);return i.jsxRuntimeExports.jsx(o,{className:c.twMerge("block font-normal text-start mb-0.5 px-0.5 text-sm",r,s),...n,children:t})}function m({as:e,children:t,className:s,...n}){const o=e||"div",r=a(u=>u.inputGroup.stack.base);return i.jsxRuntimeExports.jsx(o,{className:c.twMerge("flex items-stretch border border-[#e8eaee] rounded divide-x divide-[#e8eaee] transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",r,s),...n,children:t})}function d({as:e,children:t,className:s,...n}){const o=e||"span",r=a(u=>u.inputGroup.text.base);return i.jsxRuntimeExports.jsx(o,{className:c.twMerge("flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",r,s),...n,children:t})}function b({as:e,children:t,className:s,...n}){const o=e||"input",r=e==="textarea",u=a(x=>x.inputGroup.formControl.base);return i.jsxRuntimeExports.jsx(o,{className:c.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",r?"min-h-[7.5rem] field-sizing-content":"h-10",u,s),...n,children:t})}p.Label=l;p.Stack=m;p.Text=d;p.FormControl=b;module.exports=p;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { j as i } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import p from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
5
|
import { twMerge as u } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
6
|
function c({
|
|
8
7
|
as: t,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),z=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const i=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),z=require("../../hooks/useClasses.cjs.js"),E=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),L=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),v=n.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1});function O({as:r,open:s,onClose:c,closeOnClick:w=!1,anchorEl:u=null,className:a,children:f,...j}){const C=z(t=>t.menu.base),R=r||"div",e=16,o=n.useRef(null),b=n.useRef({left:e,right:e,top:e}),x={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},M=n.useCallback(t=>{b.current=t},[]),k=n.useCallback(t=>{var l,m,d;(l=o.current)==null||l.style.setProperty("--left",`${t.left}px`),(m=o.current)==null||m.style.setProperty("--right",`${t.right}px`),(d=o.current)==null||d.style.setProperty("--top",`${t.top}px`)},[]),p=n.useCallback(()=>{var P,q;if(!s||!u)return;const t=u.getBoundingClientRect(),l=window.innerWidth,m=window.innerHeight,d=((P=o.current)==null?void 0:P.offsetWidth)||150,H=((q=o.current)==null?void 0:q.offsetHeight)||200;let h=t.left,y=t.right,g=t.bottom;h=Math.min(Math.max(h,e),l-d-e),y=Math.min(Math.max(l-t.right,e),l-d-e),g=Math.min(Math.max(g,e),m-H-e),M({left:h,right:y,top:g}),k({left:h,right:y,top:g})},[s,u,M,k]);return n.useEffect(()=>{p()},[p,f]),n.useEffect(()=>{const t=()=>{p()};return window.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[p]),i.jsxRuntimeExports.jsx(L,{children:i.jsxRuntimeExports.jsx(N.default,{nodeRef:o,in:s,timeout:300,unmountOnExit:!0,children:t=>i.jsxRuntimeExports.jsx(v.Provider,{value:{open:s,onClose:c,transitionState:t,closeOnClick:w},children:i.jsxRuntimeExports.jsxs(W,{children:[i.jsxRuntimeExports.jsx(S,{}),i.jsxRuntimeExports.jsx(R,{ref:o,"data-open":s,className:E.twMerge("w-fit min-w-[12.5rem] bg-white shadow rounded p-2 transition-[scale,opacity] absolute top-[var(--top)] left-[var(--left)] right-auto origin-top-left rtl:left-auto rtl:right-[var(--right)] rtl:origin-top-right",C,x[t],a),...j,children:f})]})})})})}function W({children:r}){const{transitionState:s}=n.useContext(v),c={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return i.jsxRuntimeExports.jsx("div",{className:E.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",c[s]),children:r})}function S(){const{onClose:r}=n.useContext(v);return i.jsxRuntimeExports.jsx("button",{type:"button",className:"w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",onClick:r})}function $({as:r,closeOnClick:s,type:c="button",className:w,children:u,onClick:a,...f}){const j=r||"div",C=z(x=>x.menu.item.base),{closeOnClick:R,onClose:e}=n.useContext(v),o=s??R,b=x=>{o&&(e==null||e()),a==null||a(x)};return i.jsxRuntimeExports.jsx(j,{type:c,className:E.twMerge("flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded transition-colors hover:bg-dark hover:text-white",C,w),onClick:b,...f,children:u})}O.Item=$;module.exports=O;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { j as s } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import { createContext as S, useRef as H, useCallback as M, useEffect as L, useContext as k } from "react";
|
|
4
4
|
import N from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
5
|
import { twMerge as P } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
6
|
import $ from "../Portal/index.es.js";
|
|
8
7
|
import B from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../node_modules/react/jsx-runtime.cjs.js"),b=require("../../helpers/cn.cjs.js"),d=require("react"),r=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../node_modules/react/jsx-runtime.cjs.js"),b=require("../../helpers/cn.cjs.js"),d=require("react"),r=require("../../hooks/useClasses.cjs.js"),R=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=require("../Card/index.cjs.js"),v=require("../Portal/index.cjs.js"),M=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=d.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function u({as:n,size:s="md",open:t=!1,onClose:e=()=>{},duration:i=300,className:m,children:p,...f}){const j=r(c=>c.modal.base),a=d.useRef(null),l=n||"div",g={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:""};return o.jsxRuntimeExports.jsx(v,{children:o.jsxRuntimeExports.jsx(M.default,{nodeRef:a,in:t,timeout:i,unmountOnExit:!0,children:c=>o.jsxRuntimeExports.jsxs(l,{ref:a,"data-open":t,style:{transitionDuration:`${i}ms`},className:R.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",j,g[c],m),...f,children:[o.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>e(),className:"absolute inset-0 cursor-default opacity-0"}),o.jsxRuntimeExports.jsx(y.Provider,{value:{size:s,open:t,onClose:e,transitionState:c,duration:i},children:p})]})})})}function E({className:n,children:s,...t}){const e=r(a=>a.modal.dialog),{size:i,transitionState:m,duration:p}=d.useContext(y),f={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},j=d.useMemo(()=>{var l;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[i],(l=e==null?void 0:e.size)==null?void 0:l[i]]},[i,e==null?void 0:e.size]);return o.jsxRuntimeExports.jsx(x,{as:"div",style:{transitionDuration:`${p}ms`},className:R.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,j,f[m],n),...t,children:s})}function z({className:n,...s}){const t=r(e=>e.modal.header.base);return o.jsxRuntimeExports.jsx(x.Header,{className:b(t,n),...s})}function C({className:n,...s}){const t=r(e=>e.modal.body.base);return o.jsxRuntimeExports.jsx(x.Body,{className:b(t,n),...s})}function q({className:n,...s}){const t=r(e=>e.modal.footer.base);return o.jsxRuntimeExports.jsx(x.Footer,{className:b(t,n),...s})}u.Dialog=E;u.Header=z;u.Body=C;u.Footer=q;exports.ModalContext=y;exports.default=u;
|
|
@@ -3,7 +3,6 @@ import { j as s } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import b from "../../helpers/cn.es.js";
|
|
4
4
|
import { createContext as g, useRef as z, useContext as C, useMemo as M } from "react";
|
|
5
5
|
import r from "../../hooks/useClasses.es.js";
|
|
6
|
-
import "../Form/index.es.js";
|
|
7
6
|
import { twMerge as y } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
7
|
import c from "../Card/index.es.js";
|
|
9
8
|
import N from "../Portal/index.es.js";
|
|
@@ -24,8 +23,8 @@ function d({
|
|
|
24
23
|
},
|
|
25
24
|
duration: a = 300,
|
|
26
25
|
className: u,
|
|
27
|
-
children:
|
|
28
|
-
...
|
|
26
|
+
children: x,
|
|
27
|
+
...p
|
|
29
28
|
}) {
|
|
30
29
|
const f = r((m) => m.modal.base), i = z(null), l = o || "div", v = {
|
|
31
30
|
entering: "active opacity-100 pointer-events-auto",
|
|
@@ -46,7 +45,7 @@ function d({
|
|
|
46
45
|
v[m],
|
|
47
46
|
u
|
|
48
47
|
),
|
|
49
|
-
...
|
|
48
|
+
...p,
|
|
50
49
|
children: [
|
|
51
50
|
/* @__PURE__ */ s.jsx(
|
|
52
51
|
"button",
|
|
@@ -60,7 +59,7 @@ function d({
|
|
|
60
59
|
j.Provider,
|
|
61
60
|
{
|
|
62
61
|
value: { size: n, open: e, onClose: t, transitionState: m, duration: a },
|
|
63
|
-
children:
|
|
62
|
+
children: x
|
|
64
63
|
}
|
|
65
64
|
)
|
|
66
65
|
]
|
|
@@ -68,7 +67,7 @@ function d({
|
|
|
68
67
|
) }) });
|
|
69
68
|
}
|
|
70
69
|
function w({ className: o, children: n, ...e }) {
|
|
71
|
-
const t = r((i) => i.modal.dialog), { size: a, transitionState: u, duration:
|
|
70
|
+
const t = r((i) => i.modal.dialog), { size: a, transitionState: u, duration: x } = C(j), p = {
|
|
72
71
|
entering: "scale-100",
|
|
73
72
|
entered: "scale-100",
|
|
74
73
|
exiting: "scale-75",
|
|
@@ -86,12 +85,12 @@ function w({ className: o, children: n, ...e }) {
|
|
|
86
85
|
c,
|
|
87
86
|
{
|
|
88
87
|
as: "div",
|
|
89
|
-
style: { transitionDuration: `${
|
|
88
|
+
style: { transitionDuration: `${x}ms` },
|
|
90
89
|
className: y(
|
|
91
90
|
"max-w-full max-h-full m-auto transition-transform",
|
|
92
91
|
t == null ? void 0 : t.base,
|
|
93
92
|
f,
|
|
94
|
-
|
|
93
|
+
p[u],
|
|
95
94
|
o
|
|
96
95
|
),
|
|
97
96
|
...e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const n=require("../../node_modules/react/jsx-runtime.cjs.js"),x=require("../../helpers/cn.cjs.js"),u=require("react"),b=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const n=require("../../node_modules/react/jsx-runtime.cjs.js"),x=require("../../helpers/cn.cjs.js"),u=require("react"),b=require("../../hooks/useClasses.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:t="primary",value:o=0,animate:s=!1,className:a,...l}){const e=b(r=>r.progress),c=u.useMemo(()=>{var i;if(!t)return"border-transparent";const r={primary:"bg-primary/15 text-primary",secondary:"bg-secondary/15 text-secondary",success:"bg-success/15 text-success",info:"bg-info/15 text-info",warning:"bg-warning/15 text-warning",danger:"bg-danger/15 text-danger",dark:"bg-dark/15 text-dark",light:"bg-light/15 text-light"},g=(i=e==null?void 0:e.color)==null?void 0:i[t];return[r==null?void 0:r[t],g]},[t,e==null?void 0:e.color]),d=u.useMemo(()=>{if(!s)return`${Math.max(o,0)}%`},[o,s]);return n.jsxRuntimeExports.jsxs("div",{className:m.twMerge("relative block w-full h-1.5 rounded-full overflow-hidden",e==null?void 0:e.base,c,a),...l,children:[n.jsxRuntimeExports.jsx("span",{style:{width:d},className:x("absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",s?"animate-linear-progress-1":"transition-[width]")}),s&&n.jsxRuntimeExports.jsx("span",{className:"absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2"})]})}module.exports=p;
|
|
@@ -2,17 +2,16 @@
|
|
|
2
2
|
import { j as n } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import f from "../../helpers/cn.es.js";
|
|
4
4
|
import { useMemo as i } from "react";
|
|
5
|
-
import
|
|
6
|
-
import "
|
|
7
|
-
|
|
8
|
-
function k({
|
|
5
|
+
import c from "../../hooks/useClasses.es.js";
|
|
6
|
+
import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
+
function j({
|
|
9
8
|
color: e = "primary",
|
|
10
9
|
value: o = 0,
|
|
11
10
|
animate: s = !1,
|
|
12
11
|
className: l,
|
|
13
12
|
...u
|
|
14
13
|
}) {
|
|
15
|
-
const r =
|
|
14
|
+
const r = c((t) => t.progress), d = i(() => {
|
|
16
15
|
var a;
|
|
17
16
|
if (!e) return "border-transparent";
|
|
18
17
|
const t = {
|
|
@@ -33,7 +32,7 @@ function k({
|
|
|
33
32
|
return /* @__PURE__ */ n.jsxs(
|
|
34
33
|
"div",
|
|
35
34
|
{
|
|
36
|
-
className:
|
|
35
|
+
className: p(
|
|
37
36
|
"relative block w-full h-1.5 rounded-full overflow-hidden",
|
|
38
37
|
r == null ? void 0 : r.base,
|
|
39
38
|
d,
|
|
@@ -57,5 +56,5 @@ function k({
|
|
|
57
56
|
);
|
|
58
57
|
}
|
|
59
58
|
export {
|
|
60
|
-
|
|
59
|
+
j as default
|
|
61
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const i=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const u=require("../../node_modules/react/jsx-runtime.cjs.js");require("react");const i=require("../../hooks/useClasses.cjs.js"),o=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function a({className:e,children:s,...t}){const r=i(n=>n.skeleton.base);return u.jsxRuntimeExports.jsx("div",{className:o.twMerge("size-10 rounded bg-gray-200 text-gray-200 animate-pulse",r,e),...t,children:s})}module.exports=a;
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
import { j as a } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import i from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
5
|
import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
-
function
|
|
6
|
+
function c({
|
|
8
7
|
className: e,
|
|
9
8
|
children: s,
|
|
10
9
|
...t
|
|
@@ -24,5 +23,5 @@ function f({
|
|
|
24
23
|
);
|
|
25
24
|
}
|
|
26
25
|
export {
|
|
27
|
-
|
|
26
|
+
c as default
|
|
28
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js"),t=require("react"),m=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const a=require("../../node_modules/react/jsx-runtime.cjs.js"),t=require("react"),m=require("../../hooks/useClasses.cjs.js"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:o="primary",size:i="md",className:d,...u}){const r=m(e=>e.spinner),s=t.useMemo(()=>{var n;if(!o)return"border-current";const e={primary:"border-primary",secondary:"border-secondary",success:"border-success",info:"border-info",warning:"border-warning",danger:"border-danger",dark:"border-dark",light:"border-light"};return[e==null?void 0:e[o],(n=r==null?void 0:r.color)==null?void 0:n[o]]},[o,r==null?void 0:r.color]),b=t.useMemo(()=>{var n;const e={sm:"border-2 size-4",md:"border-3 size-6",lg:"border-4 size-8"};return[e==null?void 0:e[i],(n=r==null?void 0:r.size)==null?void 0:n[i]]},[i,r==null?void 0:r.size]);return a.jsxRuntimeExports.jsx("span",{className:c.twMerge("inline-block align-middle rounded-full animate-spin",r==null?void 0:r.base,s,"border-l-transparent",b,d),...u})}module.exports=p;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as
|
|
3
|
-
import { useMemo as
|
|
4
|
-
import
|
|
5
|
-
import "../Form/index.es.js";
|
|
2
|
+
import { j as u } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
|
+
import { useMemo as d } from "react";
|
|
4
|
+
import p from "../../hooks/useClasses.es.js";
|
|
6
5
|
import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
-
function
|
|
6
|
+
function y({
|
|
8
7
|
color: o = "primary",
|
|
9
8
|
size: i = "md",
|
|
10
|
-
className:
|
|
9
|
+
className: t,
|
|
11
10
|
...m
|
|
12
11
|
}) {
|
|
13
|
-
const r =
|
|
12
|
+
const r = p((e) => e.spinner), a = d(() => {
|
|
14
13
|
var n;
|
|
15
14
|
if (!o) return "border-current";
|
|
16
15
|
const e = {
|
|
@@ -24,7 +23,7 @@ function x({
|
|
|
24
23
|
light: "border-light"
|
|
25
24
|
};
|
|
26
25
|
return [e == null ? void 0 : e[o], (n = r == null ? void 0 : r.color) == null ? void 0 : n[o]];
|
|
27
|
-
}, [o, r == null ? void 0 : r.color]), b =
|
|
26
|
+
}, [o, r == null ? void 0 : r.color]), b = d(() => {
|
|
28
27
|
var n;
|
|
29
28
|
const e = {
|
|
30
29
|
sm: "border-2 size-4",
|
|
@@ -33,7 +32,7 @@ function x({
|
|
|
33
32
|
};
|
|
34
33
|
return [e == null ? void 0 : e[i], (n = r == null ? void 0 : r.size) == null ? void 0 : n[i]];
|
|
35
34
|
}, [i, r == null ? void 0 : r.size]);
|
|
36
|
-
return /* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ u.jsx(
|
|
37
36
|
"span",
|
|
38
37
|
{
|
|
39
38
|
className: s(
|
|
@@ -42,12 +41,12 @@ function x({
|
|
|
42
41
|
a,
|
|
43
42
|
"border-l-transparent",
|
|
44
43
|
b,
|
|
45
|
-
|
|
44
|
+
t
|
|
46
45
|
),
|
|
47
46
|
...m
|
|
48
47
|
}
|
|
49
48
|
);
|
|
50
49
|
}
|
|
51
50
|
export {
|
|
52
|
-
|
|
51
|
+
y as default
|
|
53
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const m=require("../../node_modules/react/jsx-runtime.cjs.js"),o=require("../../helpers/cn.cjs.js"),f=require("react"),q=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const m=require("../../node_modules/react/jsx-runtime.cjs.js"),o=require("../../helpers/cn.cjs.js"),f=require("react"),q=require("../../hooks/useClasses.cjs.js"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function j({as:a,variant:e="horizontal",wrap:s=!1,className:u,children:c,...l}){const t=q(n=>n.stack),x=a||"div",v=f.useMemo(()=>{var r,i;return{horizontal:o("flex-row *:min-w-0",(r=t==null?void 0:t.variants)==null?void 0:r.horizontal),vertical:o("flex-col *:min-h-0",(i=t==null?void 0:t.variants)==null?void 0:i.vertical)}[e]},[e,t==null?void 0:t.variants]);return m.jsxRuntimeExports.jsx(x,{className:h.twMerge("flex",t==null?void 0:t.base,v,s&&"flex-wrap",u),...l,children:c})}module.exports=j;
|
|
@@ -3,15 +3,14 @@ import { j as x } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import a from "../../helpers/cn.es.js";
|
|
4
4
|
import { useMemo as s } from "react";
|
|
5
5
|
import c from "../../hooks/useClasses.es.js";
|
|
6
|
-
import "../Form/index.es.js";
|
|
7
6
|
import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
|
-
function
|
|
7
|
+
function k({
|
|
9
8
|
as: e,
|
|
10
9
|
variant: r = "horizontal",
|
|
11
10
|
wrap: m = !1,
|
|
12
11
|
className: f,
|
|
13
|
-
children:
|
|
14
|
-
...
|
|
12
|
+
children: l,
|
|
13
|
+
...p
|
|
15
14
|
}) {
|
|
16
15
|
const t = c((o) => o.stack), u = e || "div", v = s(() => {
|
|
17
16
|
var n, i;
|
|
@@ -30,11 +29,11 @@ function M({
|
|
|
30
29
|
m && "flex-wrap",
|
|
31
30
|
f
|
|
32
31
|
),
|
|
33
|
-
...
|
|
34
|
-
children:
|
|
32
|
+
...p,
|
|
33
|
+
children: l
|
|
35
34
|
}
|
|
36
35
|
);
|
|
37
36
|
}
|
|
38
37
|
export {
|
|
39
|
-
|
|
38
|
+
k as default
|
|
40
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const n=require("../../node_modules/react/jsx-runtime.cjs.js"),
|
|
1
|
+
"use client";"use strict";const n=require("../../node_modules/react/jsx-runtime.cjs.js"),c=require("react"),d=require("../../hooks/useClasses.cjs.js"),a=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),u=c.createContext({striped:!1,bordered:!1,hover:!1});function h({className:r,children:s,...o}){const e=d(t=>t.table.container.base);return n.jsxRuntimeExports.jsx("div",{className:a.twMerge("w-full overflow-auto",e,r),...o,children:s})}function i({striped:r=!1,bordered:s=!1,hover:o=!1,className:e,children:t,...l}){const x=d(b=>b.table.base);return n.jsxRuntimeExports.jsx("table",{className:a.twMerge("min-w-full border-collapse border-spacing-0",x,e),...l,children:n.jsxRuntimeExports.jsx(u.Provider,{value:{bordered:s,hover:o,striped:r},children:t})})}function j({sticky:r=!1,className:s,children:o,...e}){const t=d(l=>l.table.header);return n.jsxRuntimeExports.jsx("thead",{className:a.twMerge(t==null?void 0:t.base,r&&"sticky top-0 left-0 right-0 z-[2]",r&&(t==null?void 0:t.sticky),s),...e,children:o})}function w({className:r,children:s,...o}){const e=d(t=>t.table.body.base);return n.jsxRuntimeExports.jsx("tbody",{className:a.twMerge(e,r),...o,children:s})}function g({className:r,children:s,...o}){const e=d(m=>m.table.row),{bordered:t,hover:l,striped:x}=c.useContext(u),b=!!t,f=t==="dashed",p=t==="solid";return n.jsxRuntimeExports.jsx("tr",{className:a.twMerge("bg-white",e==null?void 0:e.base,b&&"border-b border-solid border-[#e8eaee]",f&&"border-dashed",p&&"border-solid",b&&(e==null?void 0:e.bordered),l&&"cursor-pointer transition-colors hover:bg-gray-200",l&&(e==null?void 0:e.hover),x&&"even:bg-gray-100",x&&(e==null?void 0:e.hover),r),...o,children:s})}function R({sticky:r=!1,className:s,children:o,...e}){return n.jsxRuntimeExports.jsx("th",{className:a.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",s),...e,children:o})}function y({sticky:r=!1,className:s,children:o,...e}){return n.jsxRuntimeExports.jsx("td",{className:a.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",s),...e,children:o})}i.Container=h;i.Header=j;i.Body=w;i.Row=g;i.HeaderCell=R;i.DataCell=y;module.exports=i;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as s } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
3
|
import { createContext as p, useContext as h } from "react";
|
|
4
|
-
import
|
|
5
|
-
import "../Form/index.es.js";
|
|
4
|
+
import i from "../../hooks/useClasses.es.js";
|
|
6
5
|
import { twMerge as n } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
6
|
const f = p({
|
|
8
7
|
striped: !1,
|
|
@@ -14,7 +13,7 @@ function w({
|
|
|
14
13
|
children: o,
|
|
15
14
|
...a
|
|
16
15
|
}) {
|
|
17
|
-
const e =
|
|
16
|
+
const e = i((t) => t.table.container.base);
|
|
18
17
|
return /* @__PURE__ */ s.jsx(
|
|
19
18
|
"div",
|
|
20
19
|
{
|
|
@@ -24,7 +23,7 @@ function w({
|
|
|
24
23
|
}
|
|
25
24
|
);
|
|
26
25
|
}
|
|
27
|
-
function
|
|
26
|
+
function d({
|
|
28
27
|
striped: r = !1,
|
|
29
28
|
bordered: o = !1,
|
|
30
29
|
hover: a = !1,
|
|
@@ -32,7 +31,7 @@ function i({
|
|
|
32
31
|
children: t,
|
|
33
32
|
...l
|
|
34
33
|
}) {
|
|
35
|
-
const b =
|
|
34
|
+
const b = i((c) => c.table.base);
|
|
36
35
|
return /* @__PURE__ */ s.jsx(
|
|
37
36
|
"table",
|
|
38
37
|
{
|
|
@@ -52,7 +51,7 @@ function y({
|
|
|
52
51
|
children: a,
|
|
53
52
|
...e
|
|
54
53
|
}) {
|
|
55
|
-
const t =
|
|
54
|
+
const t = i((l) => l.table.header);
|
|
56
55
|
return /* @__PURE__ */ s.jsx(
|
|
57
56
|
"thead",
|
|
58
57
|
{
|
|
@@ -68,11 +67,11 @@ function y({
|
|
|
68
67
|
);
|
|
69
68
|
}
|
|
70
69
|
function g({ className: r, children: o, ...a }) {
|
|
71
|
-
const e =
|
|
70
|
+
const e = i((t) => t.table.body.base);
|
|
72
71
|
return /* @__PURE__ */ s.jsx("tbody", { className: n(e, r), ...a, children: o });
|
|
73
72
|
}
|
|
74
73
|
function j({ className: r, children: o, ...a }) {
|
|
75
|
-
const e =
|
|
74
|
+
const e = i((m) => m.table.row), { bordered: t, hover: l, striped: b } = h(f), c = !!t, u = t === "dashed", x = t === "solid";
|
|
76
75
|
return /* @__PURE__ */ s.jsx(
|
|
77
76
|
"tr",
|
|
78
77
|
{
|
|
@@ -132,12 +131,12 @@ function C({
|
|
|
132
131
|
}
|
|
133
132
|
);
|
|
134
133
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
134
|
+
d.Container = w;
|
|
135
|
+
d.Header = y;
|
|
136
|
+
d.Body = g;
|
|
137
|
+
d.Row = j;
|
|
138
|
+
d.HeaderCell = v;
|
|
139
|
+
d.DataCell = C;
|
|
141
140
|
export {
|
|
142
|
-
|
|
141
|
+
d as default
|
|
143
142
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../../helpers/cn.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),y=require("../../hooks/useDebounce.cjs.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../../helpers/cn.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),y=require("../../hooks/useDebounce.cjs.js"),R=require("../Button/index.cjs.js"),b=n.createContext({active:null,onChange:()=>{},buttonGroupClasses:""});function f({active:o=null,onChange:u=()=>{},children:c}){const r=x(i=>i.tabs.buttonGroup.base),a=n.useMemo(()=>p("relative flex items-center",r),[r]);return d.jsxRuntimeExports.jsx(b.Provider,{value:{active:o,onChange:u,buttonGroupClasses:a},children:c})}function E({className:o,...u}){const c=x(t=>t.tabs.indicator.base),{active:r}=n.useContext(b),a=n.useRef(null),i=y(),l=n.useCallback(()=>{const t=a.current,s=t==null?void 0:t.parentElement,e=s==null?void 0:s.querySelector("button[data-active='true']");if(!s||!e||!t)return;const h=(e==null?void 0:e.offsetLeft)??0,w=window.getComputedStyle(e).paddingInline,g=(e==null?void 0:e.getBoundingClientRect().width)??0,j=h,v=g;t.style.setProperty("left",`${j}px`),t.style.setProperty("width",`${v}px`),t.style.setProperty("padding",`0 ${w}`),e==null||e.scrollIntoView({inline:"center",block:"nearest",behavior:"smooth"})},[]);return n.useEffect(()=>{const s=()=>{i(()=>l(),100)};return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}},[l,i]),n.useEffect(l,[l,r]),d.jsxRuntimeExports.jsx("span",{ref:a,className:C.twMerge("absolute bottom-0 left-0 w-auto h-px transition-[width,left] overflow-hidden",c,o),...u,children:d.jsxRuntimeExports.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function q({eventKey:o,className:u,children:c,onClick:r,...a}){const i=x(e=>e.tabs.button.base),{active:l,onChange:t}=n.useContext(b),s=o===l,m=e=>{!s&&t(o),r==null||r(e)};return d.jsxRuntimeExports.jsx(R,{as:"button",type:"button","data-active":s,onClick:m,color:s?"primary":null,variant:"text",className:p("shadow-none border-none",i,u),...a,children:c})}function I({eventKey:o,children:u}){const{active:c}=n.useContext(b);return c!==o?null:d.jsxRuntimeExports.jsx(n.Fragment,{children:u})}f.Indicator=E;f.Button=q;f.Item=I;exports.TabsContext=b;exports.default=f;
|
|
@@ -5,7 +5,6 @@ import { twMerge as T } from "../../node_modules/tailwind-merge/dist/bundle-mjs.
|
|
|
5
5
|
import x from "../../helpers/cn.es.js";
|
|
6
6
|
import m from "../../hooks/useClasses.es.js";
|
|
7
7
|
import z from "../../hooks/useDebounce.es.js";
|
|
8
|
-
import "../Form/index.es.js";
|
|
9
8
|
import L from "../Button/index.es.js";
|
|
10
9
|
const d = I({
|
|
11
10
|
active: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const c=require("../../node_modules/react/jsx-runtime.cjs.js"),z=require("../../helpers/cn.cjs.js"),n=require("react"),B=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const c=require("../../node_modules/react/jsx-runtime.cjs.js"),z=require("../../helpers/cn.cjs.js"),n=require("react"),B=require("../../hooks/useClasses.cjs.js"),d=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),F=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js");function P({title:f,color:u="dark",placement:i="top",duration:h=300,className:w,children:s,...b}){const o=B(e=>e.tooltip),m=n.useRef(null),x=n.useRef(null),[p,l]=n.useState(!1),[j,v]=n.useState({}),g=n.useMemo(()=>{var t;if(!u)return"border-transparent";const e={primary:"bg-primary text-white",secondary:"bg-secondary text-white",success:"bg-success text-white",info:"bg-info text-white",warning:"bg-warning text-white",danger:"bg-danger text-white",dark:"bg-dark text-white",light:"bg-light text-dark"};return[e==null?void 0:e[u],(t=o==null?void 0:o.color)==null?void 0:t[u]]},[u,o==null?void 0:o.color]),E=n.useMemo(()=>{var t;return[{top:"w-(--width) top-(--top) left-(--left) right-(--right) translate-y-[calc(-100%-0.5rem)] flex-col origin-bottom",end:"h-(--height) top-(--top) bottom-(--bottom) left-(--right) translate-x-[0.5rem] flex-row-reverse origin-start",bottom:"w-(--width) top-(--bottom) left-(--left) right-(--right) translate-y-[0.5rem] flex-col-reverse origin-top",start:"h-(--height) top-(--top) bottom-(--bottom) left-(--left) translate-x-[calc(var(--ratio)*-100%-0.5rem)] flex-row origin-start"}[i],(t=o==null?void 0:o.placement)==null?void 0:t[i]]},[i,o==null?void 0:o.placement]),y={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-75 opacity-0",exited:"scale-75 opacity-0",unmounted:""},R=n.useMemo(()=>({top:"mt-[-0.5rem]",end:"me-[-0.5rem]",bottom:"mb-[-0.5rem]",start:"ms-[-0.5rem]"})[i],[i]),M=n.useMemo(()=>s?n.cloneElement(s,{ref:e=>{x.current=e},onMouseEnter:e=>{var t,r;(r=(t=s.props).onMouseEnter)==null||r.call(t,e),l(!0)},onMouseLeave:e=>{var t,r;(r=(t=s.props).onMouseLeave)==null||r.call(t,e),l(!1)},onFocus:e=>{var t,r;(r=(t=s.props).onFocus)==null||r.call(t,e),l(!0)},onBlur:e=>{var t,r;(r=(t=s.props).onBlur)==null||r.call(t,e),l(!1)}}):null,[s]),a=n.useCallback(()=>{const e=x.current;if(!e)return;const t=e.getBoundingClientRect(),r=t.width,k=t.height,C=t.top,q=t.left,L=t.right,$=t.bottom;v({"--width":`${r}px`,"--height":`${k}px`,"--top":`${C}px`,"--left":`${q}px`,"--right":`${L}px`,"--bottom":`${$}px`})},[]);return n.useEffect(()=>(p&&a(),window.addEventListener("scroll",a),window.addEventListener("resize",a),()=>{window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}),[p,i,a]),c.jsxRuntimeExports.jsxs(n.Fragment,{children:[M,c.jsxRuntimeExports.jsx(F,{children:c.jsxRuntimeExports.jsx(N.default,{nodeRef:m,in:p,timeout:h,unmountOnExit:!0,children:e=>c.jsxRuntimeExports.jsxs("div",{ref:m,style:j,className:z("fixed flex justify-center items-center z-10 pointer-events-none transition-[scale,opacity] [--ratio:1] rtl:[--ratio:-1]",...E,y[e]),children:[c.jsxRuntimeExports.jsx("span",{className:d.twMerge("relative block w-fit h-fit bg-dark text-sm rounded px-2 py-px whitespace-nowrap z-[1]",o==null?void 0:o.base,g,w),...b,children:f}),c.jsxRuntimeExports.jsx("span",{className:d.twMerge("block size-3 bg-dark rotate-45",R,g)})]})})})]})}module.exports=P;
|
|
@@ -3,11 +3,10 @@ import { j as a } from "../../node_modules/react/jsx-runtime.es.js";
|
|
|
3
3
|
import F from "../../helpers/cn.es.js";
|
|
4
4
|
import { useRef as d, useState as h, useMemo as c, cloneElement as N, useCallback as O, useEffect as T, Fragment as S } from "react";
|
|
5
5
|
import q from "../../hooks/useClasses.es.js";
|
|
6
|
-
import "../Form/index.es.js";
|
|
7
6
|
import { twMerge as x } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
8
7
|
import A from "../Portal/index.es.js";
|
|
9
8
|
import D from "../../node_modules/react-transition-group/esm/Transition.es.js";
|
|
10
|
-
function
|
|
9
|
+
function V({
|
|
11
10
|
title: w,
|
|
12
11
|
color: l = "dark",
|
|
13
12
|
placement: i = "top",
|
|
@@ -126,5 +125,5 @@ function W({
|
|
|
126
125
|
] });
|
|
127
126
|
}
|
|
128
127
|
export {
|
|
129
|
-
|
|
128
|
+
V as default
|
|
130
129
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const m=require("../../node_modules/react/jsx-runtime.cjs.js"),d=require("react"),x=require("../../hooks/useClasses.cjs.js")
|
|
1
|
+
"use client";"use strict";const m=require("../../node_modules/react/jsx-runtime.cjs.js"),d=require("react"),x=require("../../hooks/useClasses.cjs.js"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function g({as:o,variant:t="body-1",className:s,...r}){const e=x(n=>n.typography),a=d.useMemo(()=>o||{"heading-1":"h1","heading-2":"h2","heading-3":"h3","heading-4":"h4","heading-5":"h5","heading-6":"h6","body-1":"p","body-2":"p","body-3":"p"}[t]||"p",[o,t]),h=d.useMemo(()=>{var i;return[{"heading-1":"text-5xl font-semibold","heading-2":"text-4xl font-semibold","heading-3":"text-3xl font-semibold","heading-4":"text-2xl font-semibold","heading-5":"text-xl font-medium","heading-6":"text-lg font-medium","body-1":"text-base font-normal","body-2":"text-sm font-normal","body-3":"text-xs font-normal"}[t],(i=e==null?void 0:e.variant)==null?void 0:i[t]]},[t,e==null?void 0:e.variant]);return m.jsxRuntimeExports.jsx(a,{className:u.twMerge(e==null?void 0:e.base,h,s),...r})}module.exports=g;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as x } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
|
-
import { useMemo as
|
|
3
|
+
import { useMemo as i } from "react";
|
|
4
4
|
import p from "../../hooks/useClasses.es.js";
|
|
5
|
-
import "../Form/index.es.js";
|
|
6
5
|
import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
7
|
-
function
|
|
6
|
+
function u({
|
|
8
7
|
as: n,
|
|
9
8
|
variant: o = "body-1",
|
|
10
|
-
className:
|
|
9
|
+
className: m,
|
|
11
10
|
...r
|
|
12
11
|
}) {
|
|
13
|
-
const t = p((e) => e.typography), a =
|
|
12
|
+
const t = p((e) => e.typography), a = i(() => n || {
|
|
14
13
|
"heading-1": "h1",
|
|
15
14
|
"heading-2": "h2",
|
|
16
15
|
"heading-3": "h3",
|
|
@@ -20,8 +19,8 @@ function y({
|
|
|
20
19
|
"body-1": "p",
|
|
21
20
|
"body-2": "p",
|
|
22
21
|
"body-3": "p"
|
|
23
|
-
}[o] || "p", [n, o]), h =
|
|
24
|
-
var
|
|
22
|
+
}[o] || "p", [n, o]), h = i(() => {
|
|
23
|
+
var d;
|
|
25
24
|
return [{
|
|
26
25
|
"heading-1": "text-5xl font-semibold",
|
|
27
26
|
"heading-2": "text-4xl font-semibold",
|
|
@@ -32,16 +31,16 @@ function y({
|
|
|
32
31
|
"body-1": "text-base font-normal",
|
|
33
32
|
"body-2": "text-sm font-normal",
|
|
34
33
|
"body-3": "text-xs font-normal"
|
|
35
|
-
}[o], (
|
|
34
|
+
}[o], (d = t == null ? void 0 : t.variant) == null ? void 0 : d[o]];
|
|
36
35
|
}, [o, t == null ? void 0 : t.variant]);
|
|
37
36
|
return /* @__PURE__ */ x.jsx(
|
|
38
37
|
a,
|
|
39
38
|
{
|
|
40
|
-
className: s(t == null ? void 0 : t.base, h,
|
|
39
|
+
className: s(t == null ? void 0 : t.base, h, m),
|
|
41
40
|
...r
|
|
42
41
|
}
|
|
43
42
|
);
|
|
44
43
|
}
|
|
45
44
|
export {
|
|
46
|
-
|
|
45
|
+
u as default
|
|
47
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Badge/index.cjs.js"),n=require("./Box/index.cjs.js"),i=require("./Button/index.cjs.js"),t=require("./ButtonGroup/index.cjs.js"),o=require("./Card/index.cjs.js"),u=require("./Drawer/index.cjs.js"),d=require("./
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Badge/index.cjs.js"),n=require("./Box/index.cjs.js"),i=require("./Button/index.cjs.js"),t=require("./ButtonGroup/index.cjs.js"),o=require("./Card/index.cjs.js"),u=require("./Drawer/index.cjs.js"),d=require("./InputGroup/index.cjs.js"),c=require("./Menu/index.cjs.js"),s=require("./Modal/index.cjs.js"),q=require("./Portal/index.cjs.js"),x=require("./Progress/index.cjs.js"),$=require("./Skeleton/index.cjs.js"),a=require("./Spinner/index.cjs.js"),l=require("./Stack/index.cjs.js"),p=require("./Switch/index.cjs.js"),f=require("./Table/index.cjs.js"),g=require("./Tabs/index.cjs.js"),S=require("./Tooltip/index.cjs.js"),b=require("./Typography/index.cjs.js");;/* empty css */exports.Accordion=e;exports.Badge=r;exports.Box=n;exports.Button=i;exports.ButtonGroup=t.default;exports.Card=o;exports.Drawer=u.default;exports.InputGroup=d;exports.Menu=c;exports.Modal=s.default;exports.Portal=q;exports.Progress=x;exports.Skeleton=$;exports.Spinner=a;exports.Stack=l;exports.Switch=p;exports.Table=f;exports.Tabs=g.default;exports.Tooltip=S;exports.Typography=b;
|
|
@@ -5,7 +5,6 @@ export { default as Button } from './Button';
|
|
|
5
5
|
export { default as ButtonGroup } from './ButtonGroup';
|
|
6
6
|
export { default as Card } from './Card';
|
|
7
7
|
export { default as Drawer } from './Drawer';
|
|
8
|
-
export { default as Form } from './Form';
|
|
9
8
|
export { default as InputGroup } from './InputGroup';
|
|
10
9
|
export { default as Menu } from './Menu';
|
|
11
10
|
export { default as Modal } from './Modal';
|
|
@@ -6,20 +6,19 @@ import { default as d } from "./Button/index.es.js";
|
|
|
6
6
|
import { default as m } from "./ButtonGroup/index.es.js";
|
|
7
7
|
import { default as n } from "./Card/index.es.js";
|
|
8
8
|
import { default as c } from "./Drawer/index.es.js";
|
|
9
|
-
import { default as S } from "./
|
|
10
|
-
import { default as g } from "./
|
|
11
|
-
import { default as h } from "./
|
|
12
|
-
import { default as w } from "./
|
|
13
|
-
import { default as G } from "./
|
|
14
|
-
import { default as P } from "./
|
|
15
|
-
import { default as C } from "./
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as J } from "./
|
|
21
|
-
import { default as L } from "./
|
|
22
|
-
import { default as O } from "./Typography/index.es.js";
|
|
9
|
+
import { default as S } from "./InputGroup/index.es.js";
|
|
10
|
+
import { default as g } from "./Menu/index.es.js";
|
|
11
|
+
import { default as h } from "./Modal/index.es.js";
|
|
12
|
+
import { default as w } from "./Portal/index.es.js";
|
|
13
|
+
import { default as G } from "./Progress/index.es.js";
|
|
14
|
+
import { default as P } from "./Skeleton/index.es.js";
|
|
15
|
+
import { default as C } from "./Spinner/index.es.js";
|
|
16
|
+
import { default as I } from "./Stack/index.es.js";
|
|
17
|
+
import { default as q } from "./Switch/index.es.js";
|
|
18
|
+
import { default as z } from "./Table/index.es.js";
|
|
19
|
+
import { default as F } from "./Tabs/index.es.js";
|
|
20
|
+
import { default as J } from "./Tooltip/index.es.js";
|
|
21
|
+
import { default as L } from "./Typography/index.es.js";
|
|
23
22
|
/* empty css */
|
|
24
23
|
export {
|
|
25
24
|
e as Accordion,
|
|
@@ -29,18 +28,17 @@ export {
|
|
|
29
28
|
m as ButtonGroup,
|
|
30
29
|
n as Card,
|
|
31
30
|
c as Drawer,
|
|
32
|
-
S as
|
|
33
|
-
g as
|
|
34
|
-
h as
|
|
35
|
-
w as
|
|
36
|
-
G as
|
|
37
|
-
P as
|
|
38
|
-
C as
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
J as
|
|
44
|
-
L as
|
|
45
|
-
O as Typography
|
|
31
|
+
S as InputGroup,
|
|
32
|
+
g as Menu,
|
|
33
|
+
h as Modal,
|
|
34
|
+
w as Portal,
|
|
35
|
+
G as Progress,
|
|
36
|
+
P as Skeleton,
|
|
37
|
+
C as Spinner,
|
|
38
|
+
I as Stack,
|
|
39
|
+
q as Switch,
|
|
40
|
+
z as Table,
|
|
41
|
+
F as Tabs,
|
|
42
|
+
J as Tooltip,
|
|
43
|
+
L as Typography
|
|
46
44
|
};
|
package/dist/hooks/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAutoFill.cjs.js"),s=require("./useClasses.cjs.js"),u=require("./useCreateRipple.cjs.js"),t=require("./useDebounce.cjs.js"),i=require("./useDocumentVisible.cjs.js"),r=require("./
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAutoFill.cjs.js"),s=require("./useClasses.cjs.js"),u=require("./useCreateRipple.cjs.js"),t=require("./useDebounce.cjs.js"),i=require("./useDocumentVisible.cjs.js"),r=require("./useIsOffline.cjs.js"),o=require("./useKeyDown.cjs.js"),n=require("./useMouse.cjs.js"),c=require("./useOutsideClick.cjs.js"),l=require("./usePersistedState.cjs.js"),q=require("./useToggle.cjs.js");exports.useAutoFill=e;exports.useClasses=s;exports.useCreateRipple=u;exports.useDebounce=t;exports.useDocumentVisible=i;exports.useIsOffline=r;exports.useKeyDown=o;exports.useMouse=n;exports.useOutsideClick=c;exports.usePersistedState=l;exports.useToggle=q;
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export { default as useClasses } from './useClasses';
|
|
|
3
3
|
export { default as useCreateRipple } from './useCreateRipple';
|
|
4
4
|
export { default as useDebounce } from './useDebounce';
|
|
5
5
|
export { default as useDocumentVisible } from './useDocumentVisible';
|
|
6
|
-
export { default as useInputValidation } from './useInputValidation';
|
|
7
6
|
export { default as useIsOffline } from './useIsOffline';
|
|
8
7
|
export { default as useKeyDown } from './useKeyDown';
|
|
9
8
|
export { default as useMouse } from './useMouse';
|
package/dist/hooks/index.es.js
CHANGED
|
@@ -4,12 +4,11 @@ import { default as u } from "./useClasses.es.js";
|
|
|
4
4
|
import { default as f } from "./useCreateRipple.es.js";
|
|
5
5
|
import { default as l } from "./useDebounce.es.js";
|
|
6
6
|
import { default as p } from "./useDocumentVisible.es.js";
|
|
7
|
-
import { default as x } from "./
|
|
8
|
-
import { default as n } from "./
|
|
9
|
-
import { default as C } from "./
|
|
10
|
-
import { default as b } from "./
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as V } from "./usePersistedState.es.js";
|
|
7
|
+
import { default as x } from "./useIsOffline.es.js";
|
|
8
|
+
import { default as n } from "./useKeyDown.es.js";
|
|
9
|
+
import { default as C } from "./useMouse.es.js";
|
|
10
|
+
import { default as b } from "./useOutsideClick.es.js";
|
|
11
|
+
import { default as O } from "./usePersistedState.es.js";
|
|
13
12
|
import { default as w } from "./useToggle.es.js";
|
|
14
13
|
export {
|
|
15
14
|
t as useAutoFill,
|
|
@@ -17,11 +16,10 @@ export {
|
|
|
17
16
|
f as useCreateRipple,
|
|
18
17
|
l as useDebounce,
|
|
19
18
|
p as useDocumentVisible,
|
|
20
|
-
x as
|
|
21
|
-
n as
|
|
22
|
-
C as
|
|
23
|
-
b as
|
|
24
|
-
|
|
25
|
-
V as usePersistedState,
|
|
19
|
+
x as useIsOffline,
|
|
20
|
+
n as useKeyDown,
|
|
21
|
+
C as useMouse,
|
|
22
|
+
b as useOutsideClick,
|
|
23
|
+
O as usePersistedState,
|
|
26
24
|
w as useToggle
|
|
27
25
|
};
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../../node_modules/react/jsx-runtime.cjs.js"),g=require("../../helpers/cn.cjs.js"),m=require("react"),y=require("../../hooks/useClasses.cjs.js"),v=m.createContext({});function S({disabled:x=!1,onSubmit:n,onError:o,className:C,children:j,...R}){const b=y(e=>e.form.base),c=m.useRef({}),p=(e,i)=>{c.current[e]=i},q=e=>{delete c.current[e]},F=e=>{var u,a;e.preventDefault();const r=[...e.currentTarget.querySelectorAll("[id]")].map(s=>{const d=s.id||null;if(!d)return{element:s,valid:!0};const l=c.current[d],h=l==null?void 0:l();return{element:s,valid:h}});if(r.every(s=>!!s.valid))return n==null?void 0:n(e);const t=(u=r.find(s=>!s.valid))==null?void 0:u.element;(a=t==null?void 0:t.select)==null||a.call(t),t==null||t.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),o==null||o(e)};return f.jsxRuntimeExports.jsx("form",{className:g(b,C),...R,onSubmit:F,children:f.jsxRuntimeExports.jsx(v.Provider,{value:{setFormControl:p,removeFormControl:q,formDisabled:x},children:j})})}exports.FormContext=v;exports.default=S;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
type FormProps = ComponentProps<"form"> & {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
};
|
|
5
|
-
type Callback = () => boolean;
|
|
6
|
-
type FormContextType = {
|
|
7
|
-
setFormControl?: (key: string, callback: Callback) => void;
|
|
8
|
-
removeFormControl?: (key: string) => void;
|
|
9
|
-
formDisabled?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const FormContext: import('react').Context<FormContextType>;
|
|
12
|
-
export default function Form({ disabled, onSubmit, onError, className, children, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as m } from "../../node_modules/react/jsx-runtime.es.js";
|
|
3
|
-
import R from "../../helpers/cn.es.js";
|
|
4
|
-
import { createContext as y, useRef as D } from "react";
|
|
5
|
-
import g from "../../hooks/useClasses.es.js";
|
|
6
|
-
const q = y({});
|
|
7
|
-
function P({
|
|
8
|
-
disabled: d = !1,
|
|
9
|
-
onSubmit: n,
|
|
10
|
-
onError: o,
|
|
11
|
-
className: v,
|
|
12
|
-
children: p,
|
|
13
|
-
...x
|
|
14
|
-
}) {
|
|
15
|
-
const C = g((t) => t.form.base), c = D({}), h = (t, i) => {
|
|
16
|
-
c.current[t] = i;
|
|
17
|
-
}, j = (t) => {
|
|
18
|
-
delete c.current[t];
|
|
19
|
-
}, F = (t) => {
|
|
20
|
-
var a, u;
|
|
21
|
-
t.preventDefault();
|
|
22
|
-
const r = [...t.currentTarget.querySelectorAll("[id]")].map((s) => {
|
|
23
|
-
const f = s.id || null;
|
|
24
|
-
if (!f) return { element: s, valid: !0 };
|
|
25
|
-
const l = c.current[f], b = l == null ? void 0 : l();
|
|
26
|
-
return { element: s, valid: b };
|
|
27
|
-
});
|
|
28
|
-
if (r.every((s) => !!s.valid)) return n == null ? void 0 : n(t);
|
|
29
|
-
const e = (a = r.find((s) => !s.valid)) == null ? void 0 : a.element;
|
|
30
|
-
(u = e == null ? void 0 : e.select) == null || u.call(e), e == null || e.scrollIntoView({
|
|
31
|
-
behavior: "smooth",
|
|
32
|
-
block: "center",
|
|
33
|
-
inline: "center"
|
|
34
|
-
}), o == null || o(t);
|
|
35
|
-
};
|
|
36
|
-
return /* @__PURE__ */ m.jsx("form", { className: R(C, v), ...x, onSubmit: F, children: /* @__PURE__ */ m.jsx(
|
|
37
|
-
q.Provider,
|
|
38
|
-
{
|
|
39
|
-
value: { setFormControl: h, removeFormControl: j, formDisabled: d },
|
|
40
|
-
children: p
|
|
41
|
-
}
|
|
42
|
-
) });
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
q as FormContext,
|
|
46
|
-
P as default
|
|
47
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const v=require("../components/Form/index.cjs.js"),o=require("../helpers/randomID.cjs.js"),s=require("react");function x({rules:n}){const{setFormControl:e,removeFormControl:u}=s.useContext(v.FormContext),[b,c]=s.useState(!1),[g,a]=s.useState(null),l=s.useCallback(t=>{const r=t.id,i=t.value;if(!n.length){e==null||e(r,()=>!0),a(null),c(!1);return}for(const p of n){const f=p(i);if(typeof f=="string"){e==null||e(r,()=>(c(!0),!1)),a(f);return}}e==null||e(r,()=>!0),a(null),c(!1)},[n,e]);return{ref:s.useCallback(t=>{if(!t)return;t.id||(t.id=o());const r=t.id;l(t);const i=new MutationObserver(()=>l(t));return i.observe(t,{attributes:!0,childList:!0,subtree:!0}),()=>{i.disconnect(),u==null||u(r)}},[l,u]),error:b,errorMessage:g}}module.exports=x;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Rules } from '../types';
|
|
2
|
-
type Config = {
|
|
3
|
-
rules: Rules;
|
|
4
|
-
};
|
|
5
|
-
export default function useInputValidation({ rules }: Config): {
|
|
6
|
-
ref: (node: HTMLInputElement | HTMLTextAreaElement | null) => (() => void) | undefined;
|
|
7
|
-
error: boolean;
|
|
8
|
-
errorMessage: string | null;
|
|
9
|
-
};
|
|
10
|
-
export {};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { FormContext as v } from "../components/Form/index.es.js";
|
|
3
|
-
import x from "../helpers/randomID.es.js";
|
|
4
|
-
import { useContext as M, useState as l, useCallback as p } from "react";
|
|
5
|
-
function d({ rules: i }) {
|
|
6
|
-
const { setFormControl: r, removeFormControl: s } = M(v), [o, n] = l(!1), [b, a] = l(null), c = p(
|
|
7
|
-
(t) => {
|
|
8
|
-
const e = t.id, u = t.value;
|
|
9
|
-
if (!i.length) {
|
|
10
|
-
r == null || r(e, () => !0), a(null), n(!1);
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
for (const g of i) {
|
|
14
|
-
const f = g(u);
|
|
15
|
-
if (typeof f == "string") {
|
|
16
|
-
r == null || r(e, () => (n(!0), !1)), a(f);
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
r == null || r(e, () => !0), a(null), n(!1);
|
|
21
|
-
},
|
|
22
|
-
[i, r]
|
|
23
|
-
);
|
|
24
|
-
return { ref: p(
|
|
25
|
-
(t) => {
|
|
26
|
-
if (!t) return;
|
|
27
|
-
t.id || (t.id = x());
|
|
28
|
-
const e = t.id;
|
|
29
|
-
c(t);
|
|
30
|
-
const u = new MutationObserver(() => c(t));
|
|
31
|
-
return u.observe(t, {
|
|
32
|
-
attributes: !0,
|
|
33
|
-
childList: !0,
|
|
34
|
-
subtree: !0
|
|
35
|
-
}), () => {
|
|
36
|
-
u.disconnect(), s == null || s(e);
|
|
37
|
-
};
|
|
38
|
-
},
|
|
39
|
-
[c, s]
|
|
40
|
-
), error: o, errorMessage: b };
|
|
41
|
-
}
|
|
42
|
-
export {
|
|
43
|
-
d as default
|
|
44
|
-
};
|