@cognitiv/components-web 1.0.3 → 1.0.5
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/index.d.ts +48 -43
- package/dist/index.js +180 -169
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3226,47 +3226,6 @@ interface TableProps {
|
|
|
3226
3226
|
|
|
3227
3227
|
declare const Table: React$1.FC<TableProps>;
|
|
3228
3228
|
|
|
3229
|
-
declare const COLORS: {
|
|
3230
|
-
link: string;
|
|
3231
|
-
primary: string;
|
|
3232
|
-
primaryDark: string;
|
|
3233
|
-
textLight: string;
|
|
3234
|
-
textNormal: string;
|
|
3235
|
-
textDark: string;
|
|
3236
|
-
border: string;
|
|
3237
|
-
backgroundLight: string;
|
|
3238
|
-
background: string;
|
|
3239
|
-
yellow100: string;
|
|
3240
|
-
yellow200: string;
|
|
3241
|
-
yellow300: string;
|
|
3242
|
-
yellow400: string;
|
|
3243
|
-
yellow500: string;
|
|
3244
|
-
yellow600: string;
|
|
3245
|
-
yellow700: string;
|
|
3246
|
-
yellow800: string;
|
|
3247
|
-
yellow900: string;
|
|
3248
|
-
yellow1000: string;
|
|
3249
|
-
red100: string;
|
|
3250
|
-
red200: string;
|
|
3251
|
-
red300: string;
|
|
3252
|
-
red400: string;
|
|
3253
|
-
red500: string;
|
|
3254
|
-
red600: string;
|
|
3255
|
-
red700: string;
|
|
3256
|
-
red800: string;
|
|
3257
|
-
red900: string;
|
|
3258
|
-
red1000: string;
|
|
3259
|
-
green100: string;
|
|
3260
|
-
green200: string;
|
|
3261
|
-
green300: string;
|
|
3262
|
-
green400: string;
|
|
3263
|
-
green500: string;
|
|
3264
|
-
green600: string;
|
|
3265
|
-
green700: string;
|
|
3266
|
-
green800: string;
|
|
3267
|
-
green900: string;
|
|
3268
|
-
green1000: string;
|
|
3269
|
-
};
|
|
3270
3229
|
declare const TYPOGRAPHY: {
|
|
3271
3230
|
[k: string]: string;
|
|
3272
3231
|
};
|
|
@@ -3697,11 +3656,57 @@ interface TooltipProps {
|
|
|
3697
3656
|
|
|
3698
3657
|
declare const Tooltip: ({ children, side, sideOffset, align, alignOffset, style, content, disabled, width, className }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
3699
3658
|
|
|
3700
|
-
|
|
3659
|
+
type ThemeStyle = 'light' | 'dark';
|
|
3660
|
+
declare const UIProvider: ({ children, locale, theme }: {
|
|
3701
3661
|
children: React$1.ReactNode;
|
|
3702
3662
|
locale: string;
|
|
3663
|
+
theme?: ThemeStyle;
|
|
3703
3664
|
}) => react_jsx_runtime.JSX.Element;
|
|
3704
3665
|
|
|
3666
|
+
declare const COLORS: {
|
|
3667
|
+
link: string;
|
|
3668
|
+
primary: string;
|
|
3669
|
+
primaryDark: string;
|
|
3670
|
+
textLight: string;
|
|
3671
|
+
textNormal: string;
|
|
3672
|
+
textDark: string;
|
|
3673
|
+
border: string;
|
|
3674
|
+
backgroundLight: string;
|
|
3675
|
+
background: string;
|
|
3676
|
+
backgroundShadow: string;
|
|
3677
|
+
yellow100: string;
|
|
3678
|
+
yellow200: string;
|
|
3679
|
+
yellow300: string;
|
|
3680
|
+
yellow400: string;
|
|
3681
|
+
yellow500: string;
|
|
3682
|
+
yellow600: string;
|
|
3683
|
+
yellow700: string;
|
|
3684
|
+
yellow800: string;
|
|
3685
|
+
yellow900: string;
|
|
3686
|
+
yellow1000: string;
|
|
3687
|
+
red100: string;
|
|
3688
|
+
red200: string;
|
|
3689
|
+
red300: string;
|
|
3690
|
+
red400: string;
|
|
3691
|
+
red500: string;
|
|
3692
|
+
red600: string;
|
|
3693
|
+
red700: string;
|
|
3694
|
+
red800: string;
|
|
3695
|
+
red900: string;
|
|
3696
|
+
red1000: string;
|
|
3697
|
+
green100: string;
|
|
3698
|
+
green200: string;
|
|
3699
|
+
green300: string;
|
|
3700
|
+
green400: string;
|
|
3701
|
+
green500: string;
|
|
3702
|
+
green600: string;
|
|
3703
|
+
green700: string;
|
|
3704
|
+
green800: string;
|
|
3705
|
+
green900: string;
|
|
3706
|
+
green1000: string;
|
|
3707
|
+
white: string;
|
|
3708
|
+
};
|
|
3709
|
+
|
|
3705
3710
|
interface ThemeType {
|
|
3706
3711
|
colors: typeof COLORS;
|
|
3707
3712
|
typography: typeof TYPOGRAPHY;
|
|
@@ -3733,4 +3738,4 @@ interface ThemeType {
|
|
|
3733
3738
|
};
|
|
3734
3739
|
}
|
|
3735
3740
|
|
|
3736
|
-
export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, Text, TextArea, type TextProps, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
|
|
3741
|
+
export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, type TableColumnType, Text, TextArea, type TextProps, type ThemeStyle, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Wo from"react";import ut from"styled-components";import*as q from"@radix-ui/react-avatar";import{jsx as gt,jsxs as Ko}from"react/jsx-runtime";var Yo=e=>{let t=e.split(" ");return(t.length>=2?t[0].charAt(0)+t[1].charAt(0):t[0].charAt(0)).toUpperCase()},_o=e=>{switch(e){case"large":return 36;case"medium":return 32;default:return 24}},Xo=ut(q.Image)`
|
|
2
2
|
width: ${e=>e.$size}px;
|
|
3
3
|
height: ${e=>e.$size}px;
|
|
4
4
|
object-fit: cover;
|
|
5
5
|
border-radius: 50%;
|
|
6
6
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
7
|
-
`,
|
|
7
|
+
`,Uo=ut(q.Fallback)`
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
justify-content: center;
|
|
@@ -16,12 +16,12 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
16
16
|
${e=>e.theme.typography.headingXs};
|
|
17
17
|
font-size: ${e=>e.$size*.4}px;
|
|
18
18
|
line-height: 1;
|
|
19
|
-
`,
|
|
19
|
+
`,Go=Wo.forwardRef((e,t)=>{let r=_o(e.variant||"small");return Ko(q.Root,{ref:t,children:[gt(Xo,{$size:r,...e}),gt(Uo,{$size:r,children:Yo(e.alt)})]})});import fr,{useState as gr,useEffect as ur}from"react";import ze from"styled-components";import{forwardRef as Jo}from"react";import qo from"styled-components";import{jsx as er}from"react/jsx-runtime";var Zo=e=>e.$center||e.$direction==="row"?"center":"flex-start",jo=e=>e.$center?"center":"flex-start",Qo=qo.div`
|
|
20
20
|
display: flex;
|
|
21
21
|
width: ${e=>e.$width||"100%"};
|
|
22
22
|
flex-direction: ${e=>e.$direction};
|
|
23
|
-
align-items: ${e=>e.$align||
|
|
24
|
-
justify-content: ${e=>e.$justify||
|
|
23
|
+
align-items: ${e=>e.$align||Zo(e)};
|
|
24
|
+
justify-content: ${e=>e.$justify||jo(e)};
|
|
25
25
|
flex-shrink: 0;
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
${e=>e.$grow&&"flex-grow: 2;"}
|
|
@@ -29,7 +29,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
29
29
|
${e=>e.$gapFactor&&`gap: ${e.theme.spacing(e.$gapFactor)};`}
|
|
30
30
|
${e=>e.$paddingFactor&&e.theme.padding(e.$paddingFactor)};
|
|
31
31
|
${e=>e.theme.hoverable(e.$hoverable)}
|
|
32
|
-
`,m=
|
|
32
|
+
`,m=Jo((e,t)=>{let{children:r,className:o,width:n,height:i,row:a=!1,align:l,justify:s,grow:d=!1,gap:p,padding:c,hoverable:f,center:y=!1,...h}=e;return er(Qo,{ref:t,className:o,$direction:a?"row":"column",$width:n,$height:i,$align:l,$justify:s,$grow:d,$gapFactor:p,$paddingFactor:c,$center:y,$hoverable:!!f,...h,children:r})});import tr from"react";import or from"styled-components";import{jsx as nr}from"react/jsx-runtime";var rr=or.span`
|
|
33
33
|
${e=>e.theme.typography[e.$variant||"bodyMd"]||e.theme.typography.bodyMd}
|
|
34
34
|
text-align: ${e=>e.$align};
|
|
35
35
|
text-decoration: ${e=>e.$underline==="true"?"underline":"none"};
|
|
@@ -42,18 +42,18 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
white-space: nowrap;
|
|
44
44
|
`}
|
|
45
|
-
`,u=
|
|
45
|
+
`,u=tr.forwardRef(({children:e,className:t,variant:r,align:o="left",fontWeight:n,color:i="textDark",truncate:a,uppercase:l=!1,underline:s=!1,...d},p)=>nr(rr,{className:t,$variant:r,$align:o,$fontWeight:n,$color:i,$uppercase:l?.toString()||"false",$underline:s?.toString()||"false",$truncate:!!a,ref:p,...d,children:e}));import dr,{useTheme as cr}from"styled-components";import{FontAwesomeIcon as mr}from"@fortawesome/react-fontawesome";import*as ir from"@fortawesome/pro-solid-svg-icons";import*as ar from"@fortawesome/pro-regular-svg-icons";import*as lr from"@fortawesome/pro-duotone-svg-icons";import*as sr from"@fortawesome/free-brands-svg-icons";var ht={solid:ir,regular:ar,duotone:lr,brands:sr};import{jsx as xt}from"react/jsx-runtime";var pr=dr(mr)`
|
|
46
46
|
flex-shrink: 0;
|
|
47
47
|
color: ${e=>e.theme.colors?.[e.$color||""]||e.$color||e.theme.colors?.textDark};
|
|
48
|
-
`,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=
|
|
48
|
+
`,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=cr(),l=ht[t][e];if(!l)return xt("span",{className:n});let s=i?.colors?.[r||""]||r;return xt(pr,{icon:l,$color:r,size:o,className:n,style:s?{color:s}:void 0})};import{jsx as ae,jsxs as $t}from"react/jsx-runtime";var hr=e=>{switch(e){case"success":return"green100";case"warning":return"yellow100";case"error":return"red100";default:return"backgroundLight"}},yt=e=>{switch(e){case"success":return"green800";case"warning":return"yellow900";case"error":return"red800";default:return"textDark"}},xr=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},br=ze(m).attrs({row:!0,gap:3,padding:3})`
|
|
49
49
|
border-radius: 8px;
|
|
50
|
-
background-color: ${e=>e.theme.colors[
|
|
51
|
-
color: ${e=>e.theme.colors[
|
|
52
|
-
|
|
50
|
+
background-color: ${e=>e.theme.colors[hr(e.$type)]};
|
|
51
|
+
color: ${e=>e.theme.colors[yt(e.$type)]};
|
|
52
|
+
`,$r=ze(m).attrs({center:!0})`
|
|
53
53
|
width: 20px;
|
|
54
54
|
height: 20px;
|
|
55
55
|
cursor: pointer;
|
|
56
|
-
`,
|
|
56
|
+
`,bt=ze(x).attrs({color:"inherit",size:"lg"})``,yr=fr.forwardRef((e,t)=>{let{className:r,type:o="info",title:n,content:i,required:a=!1,dismissAfter:l}=e,[s,d]=gr(!0);if(ur(()=>{if(l){let c=setTimeout(()=>{d(!1)},l);return()=>clearTimeout(c)}},[l]),!s)return;let p=yt(o);return $t(br,{className:r,ref:t,$type:o,children:[ae(bt,{name:xr(o)}),(n||i)&&$t(m,{gap:1,grow:!0,children:[n&&ae(u,{variant:"headingMd",color:p,children:n}),i&&ae(u,{color:p,children:i})]}),!a&&ae($r,{onClick:()=>d(!1),children:ae(bt,{name:"faCircleXmark"})})]})});import wr from"react";import Ct from"styled-components";var Z=(o=>(o.primary="primary",o.secondary="secondary",o.tertiary="tertiary",o))(Z||{});import{jsx as wt,jsxs as Dr}from"react/jsx-runtime";var Cr=Ct.button`
|
|
57
57
|
width: ${e=>e.$width};
|
|
58
58
|
border: 1px solid ${e=>e.theme.colors[e.$borderColor]};
|
|
59
59
|
background-color: ${e=>e.theme.colors[e.$backgroundColor]};
|
|
@@ -77,7 +77,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
77
77
|
height: 36px;
|
|
78
78
|
border-radius: 8px;
|
|
79
79
|
`}
|
|
80
|
-
`,
|
|
80
|
+
`,kr=Ct.div`
|
|
81
81
|
width: 100%;
|
|
82
82
|
display: flex;
|
|
83
83
|
align-items: center;
|
|
@@ -86,10 +86,10 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
86
86
|
${({theme:e})=>e.typography.headingSm};
|
|
87
87
|
font-weight: 500;
|
|
88
88
|
color: ${({theme:e,$color:t})=>e.colors[t]};
|
|
89
|
-
`,
|
|
89
|
+
`,vr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"white",hoverBackgroundColor:"primaryDark"}}},L=wr.forwardRef((e,t)=>{let{className:r,children:o,variant:n="primary",mini:i=!1,disabled:a=!1,fullWidth:l=!1,iconName:s,...d}=e,{backgroundColor:p,borderColor:c,color:f,hoverBackgroundColor:y}=vr(n),h=i?"xs":"sm";return wt(Cr,{className:r,ref:t,$width:l?"100%":"auto",$backgroundColor:p,$borderColor:c,$hoverBackgroundColor:y,$mini:i,$disabled:a?.toString()||"false",$iconOnly:s&&!o,...d,children:Dr(kr,{$color:f,children:[s&&wt(x,{name:s,color:f,size:h}),o]})})});import Gr,{useMemo as ee,useState as Kr}from"react";import le from"dayjs";import Tr from"dayjs/plugin/advancedFormat";import Sr from"dayjs/plugin/isBetween";import Rr from"dayjs/plugin/isoWeek";import Fr from"dayjs/plugin/updateLocale";le.extend(Tr);le.extend(Sr);le.extend(Rr);le.extend(Fr);var E=le;import{createContext as Pr,useContext as Ir}from"react";var kt=Pr({}),vt=kt.Provider,j=()=>Ir(kt);import{memo as Lr}from"react";import xe from"styled-components";import{jsx as se,jsxs as zr}from"react/jsx-runtime";var Or=xe(m).attrs({align:"center",justify:"space-between",row:!0})``,Mr=xe(u)`
|
|
90
90
|
flex-grow: 2;
|
|
91
91
|
text-align: center;
|
|
92
|
-
`,
|
|
92
|
+
`,Dt=xe(m).attrs({center:!0,padding:2})`
|
|
93
93
|
width: 32px;
|
|
94
94
|
height: 32px;
|
|
95
95
|
border-radius: 32px;
|
|
@@ -104,39 +104,39 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
|
|
|
104
104
|
background-color: ${e.theme.colors.backgroundLight};
|
|
105
105
|
}
|
|
106
106
|
`}
|
|
107
|
-
`,
|
|
107
|
+
`,Tt=xe(x).attrs({size:"xs",color:"inherit"})``,St=Lr(()=>{let{minDay:e,maxDay:t,months:r,selectedMonth:o,setSelectedMonth:n}=j(),i=r[0],a=r[r.length-1],l=()=>{let p=i.format("MMMM YYYY");return r.length===1?p:`${p} - ${a.format("MMMM YYYY")}`},s=!e||i.startOf("month").valueOf()>=e,d=!t||a.endOf("month").valueOf()<=t;return zr(Or,{children:[se(Dt,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(Tt,{name:"faChevronLeft"})}),se(Mr,{children:l()}),se(Dt,{$disabled:!d,onClick:()=>d&&n(o.clone().add(1,"months")),children:se(Tt,{name:"faChevronRight"})})]})});import{memo as Xr,useMemo as Bt,useState as Ur}from"react";import{memo as Hr}from"react";import Ne from"styled-components";import Nr from"styled-components";import*as N from"@radix-ui/react-tooltip";import{keyframes as O}from"styled-components";var ls=O`
|
|
108
108
|
100% {
|
|
109
109
|
stroke-dashoffset: 0;
|
|
110
110
|
}
|
|
111
|
-
`,
|
|
111
|
+
`,ss=O`
|
|
112
112
|
0%, 100% {
|
|
113
113
|
transform: none;
|
|
114
114
|
}
|
|
115
115
|
50% {
|
|
116
116
|
transform: scale3d(1.1, 1.1, 1);
|
|
117
117
|
}
|
|
118
|
-
`,
|
|
118
|
+
`,ds=O`
|
|
119
119
|
0% {
|
|
120
120
|
transform: rotate(0deg);
|
|
121
121
|
}
|
|
122
122
|
100% {
|
|
123
123
|
transform: rotate(360deg);
|
|
124
124
|
}
|
|
125
|
-
`,
|
|
125
|
+
`,Rt=O`
|
|
126
126
|
from {
|
|
127
127
|
transform: translateX(100%);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
to {
|
|
131
131
|
transform: translateX(0);
|
|
132
|
-
}`,
|
|
132
|
+
}`,Ft=O`
|
|
133
133
|
from {
|
|
134
134
|
transform: translateX(0);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
to {
|
|
138
138
|
transform: translateX(100%);
|
|
139
|
-
}`,
|
|
139
|
+
}`,Pt=O`
|
|
140
140
|
from {
|
|
141
141
|
opacity: 0;
|
|
142
142
|
transform: translateY(-2px);
|
|
@@ -144,7 +144,7 @@ from {
|
|
|
144
144
|
to {
|
|
145
145
|
opacity: 1;
|
|
146
146
|
transform: translateY(0);
|
|
147
|
-
}`,
|
|
147
|
+
}`,It=O`
|
|
148
148
|
from {
|
|
149
149
|
opacity: 0;
|
|
150
150
|
transform: translateX(2px);
|
|
@@ -152,7 +152,7 @@ from {
|
|
|
152
152
|
to {
|
|
153
153
|
opacity: 1;
|
|
154
154
|
transform: translateX(0);
|
|
155
|
-
}`,
|
|
155
|
+
}`,Lt=O`
|
|
156
156
|
from {
|
|
157
157
|
opacity: 0;
|
|
158
158
|
transform: translateY(2px);
|
|
@@ -160,7 +160,7 @@ from {
|
|
|
160
160
|
to {
|
|
161
161
|
opacity: 1;
|
|
162
162
|
transform: translateY(0);
|
|
163
|
-
}`,
|
|
163
|
+
}`,Ot=O`
|
|
164
164
|
from {
|
|
165
165
|
opacity: 0;
|
|
166
166
|
transform: translateX(-2px);
|
|
@@ -168,14 +168,14 @@ from {
|
|
|
168
168
|
to {
|
|
169
169
|
opacity: 1;
|
|
170
170
|
transform: translateX(0);
|
|
171
|
-
}`,
|
|
171
|
+
}`,Mt=O`
|
|
172
172
|
from {
|
|
173
173
|
opacity: 0;
|
|
174
174
|
}
|
|
175
175
|
to {
|
|
176
176
|
opacity: 0.1;
|
|
177
177
|
}
|
|
178
|
-
`,
|
|
178
|
+
`,zt=O`
|
|
179
179
|
from {
|
|
180
180
|
opacity: 0;
|
|
181
181
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -184,7 +184,7 @@ to {
|
|
|
184
184
|
opacity: 1;
|
|
185
185
|
transform: translate(-50%, -50%) scale(1);
|
|
186
186
|
}
|
|
187
|
-
`;import{Fragment as
|
|
187
|
+
`;import{Fragment as Br,jsx as de,jsxs as Er}from"react/jsx-runtime";var Ar=Nr(N.Content)`
|
|
188
188
|
width: ${e=>e.$width};
|
|
189
189
|
${e=>e.theme.typography.bodyMd};
|
|
190
190
|
border-radius: 4px;
|
|
@@ -202,38 +202,38 @@ to {
|
|
|
202
202
|
color: ${e.theme.colors.textNormal};
|
|
203
203
|
background-color: ${e.theme.colors.background};
|
|
204
204
|
box-shadow:
|
|
205
|
-
0px 2px 10px 0px
|
|
206
|
-
0px 0px 1px
|
|
207
|
-
|
|
205
|
+
0px 2px 10px 0px ${e.theme.colors.backgroundShadow},
|
|
206
|
+
0px 0px 1px ${e.theme.colors.backgroundShadow};
|
|
207
|
+
|
|
208
208
|
${e.theme.border()};
|
|
209
209
|
${e.theme.padding(2)};
|
|
210
210
|
|
|
211
211
|
`}
|
|
212
212
|
|
|
213
213
|
&[data-state='delayed-open'][data-side='top'] {
|
|
214
|
-
animation: ${
|
|
214
|
+
animation: ${Pt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
215
215
|
}
|
|
216
216
|
&[data-state='delayed-open'][data-side='right'] {
|
|
217
|
-
animation: ${
|
|
217
|
+
animation: ${It} 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
218
218
|
}
|
|
219
219
|
&[data-state='delayed-open'][data-side='bottom'] {
|
|
220
|
-
animation: ${
|
|
220
|
+
animation: ${Lt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
221
221
|
}
|
|
222
222
|
&[data-state='delayed-open'][data-side='left'] {
|
|
223
|
-
animation: ${
|
|
223
|
+
animation: ${Ot} 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
224
224
|
}
|
|
225
|
-
`,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(
|
|
225
|
+
`,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(Br,{children:e}):de(N.Provider,{children:Er(N.Root,{delayDuration:0,children:[de(N.Trigger,{asChild:!0,children:e}),de(N.Portal,{children:de(Ar,{side:t,align:o,alignOffset:n,sideOffset:r,$width:s||"auto",$style:i,collisionPadding:4,className:d,children:a})})]})});import{jsx as Q,jsxs as _r}from"react/jsx-runtime";var Vr=Ne.div`
|
|
226
226
|
display: grid;
|
|
227
227
|
grid-template-columns: repeat(7, 1fr);
|
|
228
228
|
row-gap: ${e=>e.theme.spacing(1)};
|
|
229
|
-
`,
|
|
229
|
+
`,Wr=Ne(m).attrs({center:!0})`
|
|
230
230
|
width: 32px;
|
|
231
231
|
height: 32px;
|
|
232
232
|
span {
|
|
233
233
|
text-decoration: underline dotted;
|
|
234
234
|
text-underline-offset: 4px;
|
|
235
235
|
}
|
|
236
|
-
`,
|
|
236
|
+
`,Yr=Ne(m).attrs({center:!0})`
|
|
237
237
|
width: 32px;
|
|
238
238
|
height: 32px;
|
|
239
239
|
border-radius: 32px;
|
|
@@ -287,7 +287,7 @@ to {
|
|
|
287
287
|
border-top-right-radius: 32px;
|
|
288
288
|
border-bottom-right-radius: 32px;
|
|
289
289
|
`}
|
|
290
|
-
`,
|
|
290
|
+
`,Nt=7,At=Hr(({month:e,selectedDays:t,hoverDays:r,setHoverDay:o})=>{let{highlightedDays:n,startDate:i,startDay:a,endDay:l,minDay:s,maxDay:d,onChange:p,useRange:c}=j(),f=E().startOf("day").valueOf(),y=e.startOf("month"),g=e.endOf("month").diff(y,"weeks")+1,C=Array.from({length:g},(w,k)=>{let T=y.clone().add(k,"weeks").startOf("week");return Array.from({length:Nt},(B,Ie)=>T.clone().add(Ie,"days"))}).flat(),b=a&&l,$=w=>E().isoWeekday(w).format("dd").charAt(0);return _r(Vr,{children:[Array.from({length:Nt}).map((w,k)=>Q(Wr,{children:Q(u,{uppercase:!0,color:"textLight",children:$(k+1)})},k)),C.map(w=>{let k=w.month()===e.month(),T=w.valueOf();if(!k)return Q("div",{},T);let B=n.find(Me=>Me.day===T),Ie=!!(B||T===f),Ao=d?T>=d:!1,Bo=s?T<=s:!1,ft=!!!(B?.disabled||Ao||Bo),Le=t.includes(T),Oe=r.includes(T),Eo=Le&&t[0]===T||Oe&&r[0]===T,Ho=()=>Oe?r[r.length-1]===T:Le&&t[t.length-1]===T,Vo=()=>{if(ft){let Me=a?T<a:!1;!c||b||Me?p?.(w,void 0):p?.(i,w)}};return Q(ce,{content:B?.tooltip,sideOffset:2,children:Q(Yr,{$isClickable:ft,$isHighlighted:Ie,$isSelected:Le||Oe,$isStart:Eo,$isEnd:Ho(),onClick:Vo,onMouseEnter:()=>c&&o(T),children:Q(u,{children:w.format("D")})})},T)})]})});import{jsx as Et}from"react/jsx-runtime";var Ht=Xr(()=>{let{startDate:e,endDate:t,startDay:r,endDay:o,maxDay:n,useRange:i,months:a}=j(),[l,s]=Ur(),d=Bt(()=>i&&l&&e&&!o&&l>=r?Array.from({length:E(l).diff(e,"days")+1},(c,f)=>{let y=e.clone().add(f,"days").valueOf();return!n||y<=n?y:void 0}).filter(Boolean):[],[i,l,e,o]),p=Bt(()=>{if(!r)return[];if(!o)return[r];let c=t.diff(e,"days")+1;return Array.from({length:c},(f,y)=>e.clone().add(y,"days").valueOf())},[e,t]);return Et(m,{row:!0,gap:3,onMouseLeave:()=>i&&s(void 0),children:a.map(c=>Et(At,{month:c,hoverDays:d,setHoverDay:s,selectedDays:p},`month-${c.valueOf()}`))})});import{jsx as Ae,jsxs as Jr}from"react/jsx-runtime";var me=Gr.forwardRef((e,t)=>{let{startDate:r,endDate:o,minDate:n,maxDate:i,highlightedDates:a,useRange:l,displayMonths:s=1,onChange:d}=e,[p,c]=Kr(E().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),h=ee(()=>o?.valueOf(),[o]),g=ee(()=>n?.valueOf(),[n]),C=ee(()=>i?.valueOf(),[i]),b=ee(()=>Array.from({length:s},($,w)=>p.clone().add(w,"months")),[p,s]);return Ae(m,{width:"auto",gap:2,ref:t,children:Jr(vt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:h,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Ae(St,{}),Ae(Ht,{})]})})});import qr from"react";import Vt from"styled-components";import{jsx as Be,jsxs as Qr}from"react/jsx-runtime";var Zr=Vt(m).attrs({row:!0,gap:2})`
|
|
291
291
|
${e=>e.$disabled?`
|
|
292
292
|
cursor: not-allowed;
|
|
293
293
|
pointer-events: none;
|
|
@@ -295,7 +295,7 @@ to {
|
|
|
295
295
|
`:`
|
|
296
296
|
cursor: pointer;
|
|
297
297
|
`};
|
|
298
|
-
`,
|
|
298
|
+
`,jr=Vt.div`
|
|
299
299
|
width: 16px;
|
|
300
300
|
height: 16px;
|
|
301
301
|
display: flex;
|
|
@@ -308,11 +308,17 @@ to {
|
|
|
308
308
|
border-radius: 4px;
|
|
309
309
|
background-color: ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.background};
|
|
310
310
|
transition: background 0.2s ease-in-out;
|
|
311
|
-
`,Y=
|
|
312
|
-
${e=>e
|
|
311
|
+
`,Y=qr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return Qr(Zr,{ref:t,$disabled:i,onClick:()=>o?.(!r),children:[Be(jr,{$checked:r,children:Be(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Be(u,{children:n})]})});import en from"react";import tn from"styled-components";import{jsx as Yt}from"react/jsx-runtime";var Wt={xs:12,sm:14,lg:20,"1x":16,"2x":32,"3x":48,"4x":64,"5x":80,"6x":96,"7x":112,"8x":128,"9x":144,"10x":160},on=tn.div`
|
|
312
|
+
width: ${e=>e.$size}px;
|
|
313
|
+
height: ${e=>e.$size}px;
|
|
313
314
|
display: flex;
|
|
314
315
|
align-items: center;
|
|
315
316
|
justify-content: center;
|
|
317
|
+
flex-shrink: 0;
|
|
318
|
+
border-radius: 100%;
|
|
319
|
+
transition:
|
|
320
|
+
background-color 0.2s ease,
|
|
321
|
+
transform 0.2s ease;
|
|
316
322
|
|
|
317
323
|
${e=>e.$disabled?`
|
|
318
324
|
opacity: 0.5;
|
|
@@ -321,23 +327,23 @@ to {
|
|
|
321
327
|
cursor: pointer;
|
|
322
328
|
&:hover {
|
|
323
329
|
background-color: ${e.theme.colors.backgroundLight};
|
|
324
|
-
|
|
330
|
+
transform: scale(0.9);
|
|
325
331
|
}
|
|
326
332
|
`}
|
|
327
|
-
`,_=
|
|
333
|
+
`,_=en.forwardRef((e,t)=>{let{className:r,iconName:o,size:n="sm",color:i,onClick:a,disabled:l=!1}=e,d=(Wt[n]||Wt.sm)+24;return Yt(on,{className:r,ref:t,onClick:()=>a?.(),$disabled:l,$size:d,children:o&&Yt(x,{name:o,color:i,size:n})})});import{useState as Ve}from"react";import We from"styled-components";import kn from"react-currency-input-field";import rn from"styled-components";var X=(r=>(r.small="small",r.normal="normal",r))(X||{});import*as U from"@radix-ui/react-popover";import{jsx as Ee,jsxs as an}from"react/jsx-runtime";var nn=rn(U.Content)`
|
|
328
334
|
min-width: ${e=>e.$fullWidth?"var(--radix-popover-trigger-width)":"auto"};
|
|
329
335
|
max-height: calc(var(--radix-popover-content-available-height) - 12px);
|
|
330
336
|
box-sizing: border-box;
|
|
331
337
|
background-color: ${e=>e.theme.colors.background};
|
|
332
338
|
${e=>e.theme.border()};
|
|
333
339
|
box-shadow:
|
|
334
|
-
0px 2px 10px 0px
|
|
335
|
-
0px 0px 1px
|
|
340
|
+
0px 2px 10px 0px ${e=>e.theme.colors.backgroundShadow},
|
|
341
|
+
0px 0px 1px ${e=>e.theme.colors.backgroundShadow};
|
|
336
342
|
overflow-x: hidden;
|
|
337
343
|
overflow-y: auto;
|
|
338
344
|
border-radius: ${e=>e.$variant==="small"?"4px":"8px"};
|
|
339
345
|
user-select: none;
|
|
340
|
-
`,
|
|
346
|
+
`,S=({trigger:e,content:t,isOpen:r,setOpen:o,variant:n="normal",side:i="bottom",sideOffset:a=2,align:l="start",alignOffset:s,disabled:d=!1,modal:p=!0,fullWidth:c=!0})=>d||!t?e:an(U.Root,{open:r,onOpenChange:o,modal:p,children:[Ee(U.Trigger,{asChild:!0,children:e}),Ee(U.Portal,{children:Ee(nn,{side:i,sideOffset:a,align:l,alignOffset:s,collisionPadding:4,onOpenAutoFocus:f=>f.preventDefault(),$fullWidth:c,$variant:n,children:t})})]});import ln from"react";import sn from"styled-components";import{jsx as _t,jsxs as cn}from"react/jsx-runtime";var dn=sn(m).attrs({justify:"space-between",row:!0,gap:1})`
|
|
341
347
|
width: ${e=>e.$width};
|
|
342
348
|
${e=>e.theme.border()}
|
|
343
349
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -365,7 +371,7 @@ to {
|
|
|
365
371
|
* {
|
|
366
372
|
flex-shrink: 0;
|
|
367
373
|
}
|
|
368
|
-
`,pe=
|
|
374
|
+
`,pe=ln.forwardRef((e,t)=>{let{className:r,label:o,isOpen:n,onClick:i,variant:a="normal",disabled:l=!1,fullWidth:s=!1}=e;return cn(dn,{className:r,ref:t,$width:s?"100%":"auto",$variant:a,$disabled:l?.toString()||"false",onClick:i,children:[_t(u,{truncate:!0,children:o}),_t(x,{name:n?"faChevronUp":"faChevronDown",size:"sm"})]})});import mn from"react";import pn from"styled-components";import{jsx as Xt,jsxs as gn}from"react/jsx-runtime";var fn=pn(m).attrs({row:!0})`
|
|
369
375
|
${e=>e.theme.padding(e.$sizeFactor)};
|
|
370
376
|
gap: ${e=>e.theme.spacing(e.$sizeFactor)};
|
|
371
377
|
border-radius: ${e=>e.theme.spacing(e.$sizeFactor)};
|
|
@@ -377,12 +383,12 @@ to {
|
|
|
377
383
|
cursor: not-allowed;
|
|
378
384
|
color: ${e.theme.colors.textLight};
|
|
379
385
|
`}
|
|
380
|
-
`,M=
|
|
386
|
+
`,M=mn.forwardRef((e,t)=>{let{iconName:r,label:o,onClick:n,disabled:i,color:a,variant:l="normal",rightContent:s}=e;return gn(fn,{ref:t,$sizeFactor:l==="small"?1:2,$color:a||"textDark",onClick:i?void 0:n,children:[r&&Xt(x,{name:r,color:"inherit",size:l==="small"?"xs":"sm"}),Xt(u,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import hn,{useState as xn}from"react";import bn from"styled-components";import un from"styled-components";var He=un.div`
|
|
381
387
|
width: ${e=>e.width||(e.vertical?"1px":"100%")};
|
|
382
388
|
height: ${e=>e.height||(e.vertical?"100%":"1px")};
|
|
383
389
|
border-${e=>e.vertical?"right":"bottom"}: 1px ${e=>e.dashed?"dashed":"solid"}
|
|
384
390
|
${e=>e.theme.colors[e.color||"border"]};
|
|
385
|
-
`;import{jsx as
|
|
391
|
+
`;import{jsx as be,jsxs as Ut}from"react/jsx-runtime";import{createElement as wn}from"react";var $n=bn(m)`
|
|
386
392
|
width: 100%;
|
|
387
393
|
overflow-y: auto;
|
|
388
394
|
|
|
@@ -393,13 +399,14 @@ to {
|
|
|
393
399
|
min-width: 300px;
|
|
394
400
|
max-height: 90vh;
|
|
395
401
|
`}
|
|
396
|
-
`,
|
|
402
|
+
`,yn=({trigger:e,header:t,sections:r,footer:o,onItemClick:n,variant:i="normal",side:a,sideOffset:l,align:s,alignOffset:d})=>{let[p,c]=xn(!1),f=i==="small"?1:2;return be(S,{trigger:e,content:Ut(m,{children:[t,be($n,{$variant:i,children:r.map((y,h)=>Ut(hn.Fragment,{children:[be(m,{padding:f,children:y.map((g,C)=>wn(M,{...g,key:`item-${C}-${C}`,variant:i,onClick:g.disabled?void 0:()=>{n?.(g),g.onClick?.(),c(!1)}}))}),h<r.length-1&&be(He,{})]},`section-${h}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as Cn}from"styled-components";var z=Cn`
|
|
397
403
|
${e=>e.theme.typography.bodyMd}
|
|
398
404
|
width: 100%;
|
|
399
405
|
height: 36px;
|
|
400
406
|
padding: 0 8px;
|
|
401
407
|
box-shadow: none !important;
|
|
402
408
|
border-radius: 4px;
|
|
409
|
+
color: ${e=>e.theme.colors.textDark};
|
|
403
410
|
background-color: ${e=>e.theme.colors.background};
|
|
404
411
|
border: 1px solid ${e=>e.theme.colors.border};
|
|
405
412
|
overflow: hidden;
|
|
@@ -419,10 +426,10 @@ to {
|
|
|
419
426
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
420
427
|
color: ${e=>e.theme.colors.textLight};
|
|
421
428
|
}
|
|
422
|
-
`;import{jsx as
|
|
429
|
+
`;import{jsx as J,jsxs as Rn}from"react/jsx-runtime";var vn=We(m).attrs({row:!0})`
|
|
423
430
|
${z};
|
|
424
431
|
padding: 0;
|
|
425
|
-
`,
|
|
432
|
+
`,Dn=We(m).attrs({center:!0})`
|
|
426
433
|
width: auto;
|
|
427
434
|
min-width: 40px;
|
|
428
435
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
@@ -430,7 +437,7 @@ to {
|
|
|
430
437
|
cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
|
|
431
438
|
${e=>e.theme.paddingHorizontal(2)}
|
|
432
439
|
${e=>e.theme.borderRight()}
|
|
433
|
-
`,
|
|
440
|
+
`,Tn=We(kn)`
|
|
434
441
|
${z};
|
|
435
442
|
border: 0;
|
|
436
443
|
border-radius: 0;
|
|
@@ -438,7 +445,7 @@ to {
|
|
|
438
445
|
&:focus-visible {
|
|
439
446
|
border: 0;
|
|
440
447
|
}
|
|
441
|
-
`,
|
|
448
|
+
`,Sn=({className:e,value:t,onChange:r,placeholder:o,disabled:n})=>{let i=["USD"],[a,l]=Ve(!1),[s,d]=Ve(t?.currency||i[0]),[p,c]=Ve(t?.amount||0);return Rn(vn,{className:e,children:[J(S,{isOpen:a,setOpen:l,disabled:i.length<1||n,trigger:J(Dn,{$disabled:n,children:J(u,{color:"textNormal",children:s?.toUpperCase()})}),content:J(m,{width:"200px",padding:1,children:i.map(f=>J(M,{label:f?.toUpperCase(),onClick:()=>{c(0),d(f),l(!1)},rightContent:s===f?J(x,{name:"faCheck",size:"xs"}):void 0},f))})}),J(Tn,{value:p,placeholder:o,intlConfig:{locale:"en-US",currency:s,currencyDisplay:"narrowSymbol"},allowDecimals:!0,decimalsLimit:2,disabled:n,onValueChange:(f,y,h)=>{c(f),r?.({currency:s,amount:h?.float,formatted:h?.formatted})}})]})};import Fn,{useState as Pn}from"react";import Ye from"styled-components";import{jsx as te,jsxs as Nn}from"react/jsx-runtime";var In=Ye(m).attrs({row:!0,align:"center",gap:1})`
|
|
442
449
|
height: 36px;
|
|
443
450
|
border-radius: 4px;
|
|
444
451
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -454,7 +461,7 @@ to {
|
|
|
454
461
|
&:hover {
|
|
455
462
|
border: 1px solid ${e.theme.colors.textLight};
|
|
456
463
|
}`}
|
|
457
|
-
`,
|
|
464
|
+
`,Ln=Ye.input`
|
|
458
465
|
${z};
|
|
459
466
|
background-color: transparent;
|
|
460
467
|
height: auto;
|
|
@@ -465,24 +472,24 @@ to {
|
|
|
465
472
|
&:focus-visible {
|
|
466
473
|
border: 0;
|
|
467
474
|
}
|
|
468
|
-
`,
|
|
475
|
+
`,On=Ye(m).attrs({width:"auto",center:!0})`
|
|
469
476
|
height: 36px;
|
|
470
477
|
${e=>e.theme.paddingHorizontal(2)}
|
|
471
|
-
`,
|
|
478
|
+
`,Mn="MMMM DD, YYYY",zn=Fn.forwardRef((e,t)=>{let[r,o]=Pn(!1),{disabled:n}=e;return te(S,{fullWidth:!1,disabled:n,isOpen:r,setOpen:o,trigger:Nn(In,{ref:t,$disabled:n,children:[te(On,{children:te(x,{name:"faCalendar",color:"textLight",size:"sm"})}),te(Ln,{placeholder:e.placeholder,disabled:n,onChange:()=>"",value:e.startDate?.format(Mn)||""})]}),content:te(m,{padding:3,gap:3,children:te(me,{...e,onChange:i=>{e.onChange?.(i),o(!1)}})})})});import An,{useState as _e}from"react";import{jsx as fe,jsxs as Gt}from"react/jsx-runtime";var Bn="MMMM DD, YYYY",En=An.forwardRef((e,t)=>{let r=Bn,[o,n]=_e(!1),[i,a]=_e(e.startDate),[l,s]=_e(e.endDate),d=()=>!e.startDate&&(!e.useRange||!e.endDate)?"Select date":e.useRange&&e.endDate?`${e.startDate.format(r)} - ${e.endDate.format(r)}`:e.startDate.format(r);return fe(S,{isOpen:o,setOpen:n,variant:e.dropdownVariant,fullWidth:!1,trigger:fe(pe,{ref:t,label:d(),variant:e.dropdownVariant}),content:Gt(m,{padding:3,gap:3,children:[fe(me,{...e,startDate:i,endDate:l,onChange:(p,c)=>{a(p),s(c)}}),Gt(m,{row:!0,justify:"flex-end",gap:3,children:[fe(L,{mini:!0,variant:"secondary",onClick:()=>n(!1),children:"Cancel"}),fe(L,{mini:!0,onClick:()=>{e.onChange?.(i,l),n(!1)},children:"Apply"})]})]})})});import Un from"react";import Gn from"styled-components";import{DndProvider as Kn}from"react-dnd";import{HTML5Backend as Jn}from"react-dnd-html5-backend";import Hn from"react";import Vn from"styled-components";import{useDrag as Wn,useDrop as Yn}from"react-dnd";import{jsx as Xn}from"react/jsx-runtime";var _n=Vn.div`
|
|
472
479
|
cursor: grab;
|
|
473
480
|
opacity: ${e=>e.$opacity};
|
|
474
|
-
`,
|
|
481
|
+
`,Kt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=Hn.useRef(null),[{handlerId:i},a]=Yn({accept:"item",collect:d=>({handlerId:d.getHandlerId()}),hover:(d,p)=>{if(!n.current)return;let c=d.index,f=o;if(c===f)return;let y=n.current?.getBoundingClientRect(),h=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<h||c>f&&C>h||(t(c,f),d.index=f)}}),[{isDragging:l},s]=Wn({type:"item",item:()=>({id:r,index:o}),collect:d=>({isDragging:d.isDragging()})});return s(a(n)),Xn(_n,{ref:n,$opacity:l?0:1,"data-handler-id":i,children:e.content})};import{jsx as $e}from"react/jsx-runtime";var qn=Gn.div`
|
|
475
482
|
display: flex;
|
|
476
483
|
flex-direction: column;
|
|
477
484
|
gap: ${e=>e.theme.spacing(1)};
|
|
478
|
-
`,
|
|
485
|
+
`,Xe=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return $e(Kn,{backend:Jn,children:$e(qn,{className:e,children:o.map(i=>i.disabled?$e(Un.Fragment,{children:i.content},i.id):$e(Kt,{item:i,onMove:n},i.id))})})};import{memo as ci,useState as mi}from"react";import so from"styled-components";import{useState as no}from"react";import H from"styled-components";import{useRef as Zn,useState as jn}from"react";import Qn from"styled-components";import{jsx as ge}from"react/jsx-runtime";var Ue=Qn.input`
|
|
479
486
|
${z};
|
|
480
|
-
`,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=
|
|
487
|
+
`,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=Zn(null),[s,d]=jn(!1),p=ge(Ue,{...a,ref:l,className:e,value:t||"",onChange:c=>{let f=c.target?.value||"";o?.(f),r?.(c),setTimeout(()=>{d(!!i?.length),l?.current?.focus()},100)},onKeyDown:c=>{c.key==="Enter"&&n?.(),a.onKeyDown?.(c)}});return!i?.length||a.disabled?p:ge(S,{isOpen:s,setOpen:d,modal:!1,variant:"small",trigger:ge("div",{children:p}),content:ge(m,{children:i.map(c=>ge(M,{label:c.label,disabled:c.disabled,onClick:()=>{o?.(c.value),d(!1)}},c.value))})})};import ei from"styled-components";import{jsx as Ge,jsxs as Jt}from"react/jsx-runtime";var ti=ei(m)`
|
|
481
488
|
height: ${e=>e.$show?"20px":0};
|
|
482
489
|
justify-content: flex-start;
|
|
483
490
|
gap: ${e=>e.theme.spacing(1)};
|
|
484
491
|
transition: height 0.3s;
|
|
485
|
-
`,re=({label:e,children:t,rightContent:r,error:o})=>
|
|
492
|
+
`,re=({label:e,children:t,rightContent:r,error:o})=>Jt(m,{gap:1,children:[(e||r)&&Jt(m,{row:!0,justify:"space-between",children:[Ge(u,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ge(ti,{$show:!!o,children:Ge(u,{variant:"bodySm",color:"textLight",children:o})})]});import{jsx as Ke}from"react/jsx-runtime";var qt=({filter:e,value:t,onChange:r})=>Ke(m,{padding:3,children:Ke(re,{label:e.label,children:Ke(oe,{type:"text",placeholder:e.placeholder,value:t?.like||"",onTextChange:o=>r({...t||{},like:o})})})});import{jsx as Zt}from"react/jsx-runtime";var jt=({filter:e,value:t,onChange:r})=>{let o=t?.includes||[];return Zt(m,{gap:1,padding:3,children:e.options?.map(n=>Zt(Y,{label:n.label,checked:o.includes(n.value),setChecked:i=>{let a=i?[...o,n.value]:o.filter(l=>l!==n.value);r({...t||{},includes:a})}},String(n.value)))})};import{jsx as Je}from"react/jsx-runtime";var Qt=({filter:e,value:t,onChange:r})=>Je(m,{padding:1,children:e.options?.map(o=>Je(M,{iconName:o.iconName,label:o.label,disabled:o.disabled,onClick:()=>{r({...t||{},value:o.value})},rightContent:t?.value===o.value?Je(x,{name:"faCheck",size:"sm"}):void 0},String(o.value)))});import{useState as eo}from"react";import{jsx as ye,jsxs as oi}from"react/jsx-runtime";var to=({value:e,onChange:t})=>{let[r,o]=eo(String(e?.min||"")),[n,i]=eo(String(e?.max||"")),a=(l,s)=>{let d=l?.replace(/[^0-9.-]/g,"")||"",p=d.length?Number(d):void 0;t({...e,[s]:p&&isNaN(p)?void 0:p})};return oi(m,{padding:3,gap:2,children:[ye(re,{label:"M\xEDnimo",children:ye(oe,{type:"text",value:r,onTextChange:l=>{o(l),a(l,"min")}})}),ye(re,{label:"M\xE1ximo",children:ye(oe,{type:"text",value:n,onTextChange:l=>{i(l),a(l,"max")}})})]})};var oo=({filter:e,value:t})=>{if(!t)return;let r=e.getError?.(t);if(r)return r;if(e.type==="text"){let o=t?.like||"";if(o?.length){if(e.minValue&&o.length<e.minValue)return`Must have at least ${e.minValue} characters`;if(e.maxValue&&o.length>e.maxValue)return`Maximum length is ${e.maxValue} characters`}}if(e.type==="checkbox"){let o=t?.includes||[];if(e.minValue&&o.length<e.minValue)return`Must select at least ${e.minValue} options`;if(e.maxValue&&o.length>e.maxValue)return`Must select at most ${e.maxValue} options`}if(e.type==="range"){let o=t?.min,n=t?.max;if(o!==void 0&&o<e.minValue)return`Minimum value must be at least ${e.minValue.toLocaleString()}`;if(n!==void 0&&n>e.maxValue)return`Maximum value must be at most ${e.maxValue.toLocaleString()}`;if(o!==void 0&&n!==void 0&&o>n)return"Minimum value cannot be greater than maximum value"}};var ro=({filter:e,value:t})=>{if(t)switch(e.type){case"text":return t.like;case"select":return e.options?.find(r=>r.value===t?.value)?.label;case"checkbox":{let r=e.options.map(o=>{if(t?.includes?.includes(o.value))return o.label;if(t?.excludes?.includes(o.value))return`-${o.label}`}).filter(Boolean);return r.length?r.join(", "):void 0}case"range":return t?.min!==void 0&&t?.max!==void 0?`${t.min.toLocaleString()} - ${t.max.toLocaleString()}`:t?.min!==void 0?`${t.min.toLocaleString()} - \u221E`:t?.max!==void 0?`0 - ${t.max.toLocaleString()}`:void 0;default:return t?.value}};import{jsx as R,jsxs as qe}from"react/jsx-runtime";var ri=H(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
|
|
486
493
|
min-width: 100px;
|
|
487
494
|
max-width: 200px;
|
|
488
495
|
height: 28px;
|
|
@@ -512,26 +519,26 @@ to {
|
|
|
512
519
|
}
|
|
513
520
|
|
|
514
521
|
`}
|
|
515
|
-
`,
|
|
522
|
+
`,io=H(x).attrs({size:"sm",color:"inherit"})``,ni=H(m).attrs({width:"auto",center:!0})`
|
|
516
523
|
&:hover {
|
|
517
524
|
color: ${e=>e.theme.colors.red500};
|
|
518
525
|
}
|
|
519
|
-
`,
|
|
526
|
+
`,ii=H(m)`
|
|
520
527
|
min-width: 300px;
|
|
521
|
-
`,
|
|
528
|
+
`,ai=H(m)`
|
|
522
529
|
max-height: 300px;
|
|
523
530
|
overflow-y: auto;
|
|
524
|
-
`,
|
|
531
|
+
`,li=H(m)`
|
|
525
532
|
${e=>e.theme.paddingHorizontal(3)};
|
|
526
533
|
${e=>e.theme.paddingBottom(2)};
|
|
527
|
-
`,
|
|
534
|
+
`,si=H(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,di=H(si).attrs({width:"100%",justify:"space-between",padding:3})`
|
|
528
535
|
${e=>e.theme.paddingTop(2)};
|
|
529
536
|
${e=>e.theme.borderTop()}
|
|
530
|
-
`,
|
|
537
|
+
`,ao=H(L).attrs({mini:!0})``,lo=({filter:e,value:t,onChange:r})=>{let[o,n]=no(!1),[i,a]=no(t),l=oo({filter:e,value:i}),s=t!=null,d=()=>{switch(e.type){case"checkbox":return R(jt,{filter:e,value:i,onChange:a});case"select":return R(Qt,{filter:e,value:i,onChange:a});case"range":return R(to,{filter:e,value:i,onChange:a});default:return R(qt,{filter:e,value:i,onChange:a})}};return R(S,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:qe(ri,{$hasValue:s,children:[s?R(ni,{onClick:c=>{c.stopPropagation(),r(void 0)},children:R(io,{name:"faCircleXmark"})}):R(io,{name:"faCirclePlus"}),R(u,{variant:"bodySm",fontWeight:s?500:400,truncate:!0,style:{flexGrow:1},children:(()=>{if(s){let c=ro({filter:e,value:t});if(c)return`${e.label}: ${c}`}return e.label})()}),s&&R(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:qe(ii,{children:[R(ai,{children:d()}),l?.length&&R(li,{children:R(u,{variant:"bodySm",color:"red",children:l})}),qe(di,{children:[i?R(ao,{variant:"tertiary",onClick:()=>a(void 0),children:"Clear"}):R("div",{}),R(ao,{variant:"primary",disabled:!!l,onClick:()=>{r(i),n(!1)},children:"Apply"})]})]})})};import{jsx as Ze,jsxs as ui}from"react/jsx-runtime";var pi=so.div`
|
|
531
538
|
width: 100%;
|
|
532
539
|
display: inline-flex;
|
|
533
540
|
gap: ${e=>e.theme.spacing(2)};
|
|
534
|
-
`,
|
|
541
|
+
`,fi=so(m).attrs({width:"auto",center:!0})`
|
|
535
542
|
cursor: pointer;
|
|
536
543
|
height: 28px;
|
|
537
544
|
${e=>e.theme.paddingHorizontal(3)};
|
|
@@ -542,11 +549,11 @@ to {
|
|
|
542
549
|
color: ${e=>e.theme.colors.red800};
|
|
543
550
|
background-color: ${e=>e.theme.colors.red100};
|
|
544
551
|
}
|
|
545
|
-
`,
|
|
552
|
+
`,gi=ci(e=>{let{className:t,filters:r,values:o,onFilterChange:n}=e,[i,a]=mi(0);return ui(pi,{className:t,children:[r.map(l=>Ze(lo,{filter:l,value:o[l.id],onChange:s=>n({...o,[l.id]:s})},`${l.id}-${i}`)),Object.keys(o).length>0&&Ze(fi,{onClick:()=>{n({}),a(l=>l+1)},children:Ze(u,{variant:"headingSm",children:"Clear Filters"})})]})});import yi,{useState as po}from"react";import Qe from"styled-components";import mo,{useTheme as hi}from"styled-components";import{jsx as co,jsxs as $i}from"react/jsx-runtime";var xi=mo.svg`
|
|
546
553
|
color: ${({theme:e,$color:t})=>e.colors[t]};
|
|
547
554
|
overflow: visible;
|
|
548
555
|
width: ${({$width:e})=>e};
|
|
549
|
-
`,
|
|
556
|
+
`,bi=mo.circle`
|
|
550
557
|
animation: spinners-react-circular 1s linear infinite;
|
|
551
558
|
|
|
552
559
|
@keyframes spinners-react-circular {
|
|
@@ -561,7 +568,7 @@ to {
|
|
|
561
568
|
stroke-dashoffset: 132;
|
|
562
569
|
}
|
|
563
570
|
}
|
|
564
|
-
`,
|
|
571
|
+
`,je=({width:e,color:t})=>{let{colors:r}=hi();return $i(xi,{fill:"none",viewBox:"0 0 66 66",$width:e||"60px",$color:t||"primary",children:[co("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:r.textLight,strokeWidth:"4"}),co(bi,{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:"5"})]})};import{jsx as we,jsxs as Di}from"react/jsx-runtime";var wi=Qe(m).attrs({center:!0})`
|
|
565
572
|
position: relative;
|
|
566
573
|
background-color: ${e=>e.theme.colors[e.$backgroundColor]||e.theme.colors.backgroundLight};
|
|
567
574
|
border-radius: ${e=>e.$borderRadius||"0"};
|
|
@@ -570,14 +577,14 @@ to {
|
|
|
570
577
|
${e=>e.onClick&&`
|
|
571
578
|
cursor: pointer;
|
|
572
579
|
`}
|
|
573
|
-
`,
|
|
580
|
+
`,Ci=Qe(m).attrs({center:!0})`
|
|
574
581
|
position: absolute;
|
|
575
582
|
top: 0;
|
|
576
583
|
left: 0;
|
|
577
584
|
width: 100%;
|
|
578
585
|
height: 100%;
|
|
579
586
|
flex-shrink: 0;
|
|
580
|
-
`,
|
|
587
|
+
`,ki=Qe.img`
|
|
581
588
|
position: absolute;
|
|
582
589
|
top: 0;
|
|
583
590
|
left: 0;
|
|
@@ -596,11 +603,11 @@ to {
|
|
|
596
603
|
-moz-user-drag: none;
|
|
597
604
|
-o-user-drag: none;
|
|
598
605
|
user-drag: none;
|
|
599
|
-
`,
|
|
606
|
+
`,vi=yi.forwardRef((e,t)=>{let{className:r,src:o,alt:n,fallback:i,onClick:a,width:l="20px",height:s="20px",borderRadius:d="0",objectFit:p="cover",backgroundColor:c="backgroundLight"}=e,[f,y]=po(!1),[h,g]=po(!1),C=()=>{if(o?.length)return we(ki,{src:o,alt:n||"",$objectFit:p,style:{opacity:f?1:0},onLoad:()=>y(!0),onError:()=>g(!0)})};return Di(wi,{className:r,ref:t,width:l,height:s,onClick:a,$borderRadius:d,$backgroundColor:c,children:[we(Ci,{children:(()=>{if(!f)return!f&&!h&&o?.length?we(je,{width:"30px",color:"textLight"}):i||we(x,{name:"faCircleQuestion",color:"textLight"})})()}),C()]})});import Ti,{keyframes as Si}from"styled-components";import{jsx as Pi}from"react/jsx-runtime";var Ri=Si`
|
|
600
607
|
from { background-position: 200% 0;}
|
|
601
608
|
to { background-position: -200% 0; }
|
|
602
|
-
`,
|
|
603
|
-
animation: ${
|
|
609
|
+
`,Fi=Ti.div`
|
|
610
|
+
animation: ${Ri} 4s linear infinite;
|
|
604
611
|
animation-fill-mode: forwards;
|
|
605
612
|
background: rgb(246, 248, 250);
|
|
606
613
|
background: linear-gradient(
|
|
@@ -613,27 +620,28 @@ to {
|
|
|
613
620
|
border-radius: 4px;
|
|
614
621
|
width: ${e=>e.$width};
|
|
615
622
|
height: ${e=>e.$height};
|
|
616
|
-
`,
|
|
623
|
+
`,et=({width:e="auto",height:t="auto",className:r})=>Pi(Fi,{$width:e,$height:t,className:r});import ke from"styled-components";import*as F from"@radix-ui/react-dialog";import{jsx as ue,jsxs as Ce}from"react/jsx-runtime";var Ii=ke(F.Overlay)`
|
|
617
624
|
background-color: #000;
|
|
618
625
|
position: fixed;
|
|
619
626
|
inset: 0;
|
|
620
627
|
opacity: 0.1;
|
|
621
|
-
animation: ${
|
|
622
|
-
`,
|
|
623
|
-
background-color:
|
|
628
|
+
animation: ${Mt} 00ms;
|
|
629
|
+
`,Li=ke(F.Content)`
|
|
630
|
+
background-color: ${e=>e.theme.colors.background};
|
|
624
631
|
border-radius: 8px;
|
|
625
|
-
box-shadow: 0px 24px 60px 0px
|
|
632
|
+
box-shadow: 0px 24px 60px 0px
|
|
633
|
+
${e=>e.theme.colors.backgroundShadow};
|
|
626
634
|
position: fixed;
|
|
627
635
|
top: 50%;
|
|
628
636
|
left: 50%;
|
|
629
637
|
transform: translate(-50%, -50%);
|
|
630
|
-
animation: ${
|
|
638
|
+
animation: ${zt} 400ms ease-out;
|
|
631
639
|
min-width: min(480px, 90%);
|
|
632
640
|
${e=>e.theme.padding(2,3)};
|
|
633
641
|
display: flex;
|
|
634
642
|
flex-direction: column;
|
|
635
643
|
gap: ${e=>e.theme.spacing(4)};
|
|
636
|
-
`,
|
|
644
|
+
`,Oi=ke(F.Title)`
|
|
637
645
|
display: flex;
|
|
638
646
|
justify-content: space-between;
|
|
639
647
|
align-items: center;
|
|
@@ -642,15 +650,15 @@ to {
|
|
|
642
650
|
${e=>e.theme.paddingBottom(2)};
|
|
643
651
|
|
|
644
652
|
${e=>e.theme.borderBottom()}
|
|
645
|
-
`,
|
|
653
|
+
`,Mi=ke(F.Description)`
|
|
646
654
|
display: none;
|
|
647
|
-
`,
|
|
655
|
+
`,tt=({open:e,setOpen:t,title:r,children:o,trigger:n})=>Ce(F.Root,{open:e,onOpenChange:t,children:[n&&ue(F.Trigger,{asChild:!0,children:n}),Ce(F.Portal,{children:[ue(Ii,{}),Ce(Li,{children:[r&&Ce(Oi,{children:[ue(u,{variant:"headingMd",children:r}),ue(_,{iconName:"faCircleXmark",color:"textLight",size:"lg",onClick:()=>t?.(!1)})]}),ue(Mi,{}),o]})]})]});import{useEffect as zi,useState as fo}from"react";import he from"styled-components";import{jsx as A,jsxs as go}from"react/jsx-runtime";var Ni=he.div`
|
|
648
656
|
display: flex;
|
|
649
657
|
flex-direction: column;
|
|
650
658
|
width: 100%;
|
|
651
659
|
min-width: var(--radix-popover-trigger-width);
|
|
652
660
|
overflow: hidden;
|
|
653
|
-
`,
|
|
661
|
+
`,ot=he.div`
|
|
654
662
|
padding: 8px;
|
|
655
663
|
display: flex;
|
|
656
664
|
align-items: center;
|
|
@@ -660,26 +668,26 @@ to {
|
|
|
660
668
|
&:hover {
|
|
661
669
|
background-color: ${({theme:e})=>e.colors.backgroundLight};
|
|
662
670
|
}
|
|
663
|
-
`,
|
|
671
|
+
`,Ai=he.div`
|
|
664
672
|
width: 100%;
|
|
665
673
|
position: relative;
|
|
666
674
|
cursor: pointer;
|
|
667
|
-
`,
|
|
675
|
+
`,Bi=he(Ue)`
|
|
668
676
|
cursor: inherit;
|
|
669
|
-
`,
|
|
677
|
+
`,Ei=he.div`
|
|
670
678
|
position: absolute;
|
|
671
679
|
right: 8px;
|
|
672
680
|
top: 8px;
|
|
673
|
-
`,
|
|
681
|
+
`,Hi=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=fo(!1),[s,d]=fo(""),p=r.filter(g=>e?.includes(g.value)),c=r.filter(g=>!s?.length||g.label.toLowerCase().includes(s.toLowerCase())),f=g=>{e?.includes(g)?t(e?.filter(C=>C!==g)):t([...e||[],g])};zi(()=>{a||d("")},[a]);let y=()=>go(Ni,{children:[!s?.length&&A(ot,{children:A(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>A(ot,{onClick:()=>{f(g.value)},children:A(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):A(ot,{children:A(u,{children:"No results found"})})]}),h="Type to search...";return A(S,{isOpen:a,setOpen:l,trigger:go(Ai,{onClick:()=>l(!0),children:[A(Bi,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?h:o||h,disabled:i}),A(Ei,{children:A(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Vi}from"react";import Wi from"styled-components";import{jsx as ve}from"react/jsx-runtime";import{createElement as Xi}from"react";var Yi=Wi(pe)`
|
|
674
682
|
border-radius: 4px;
|
|
675
|
-
`,
|
|
683
|
+
`,_i=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Vi(!1),d=r.find(p=>p.value===e);return ve(S,{isOpen:l,setOpen:s,variant:"small",trigger:ve(Yi,{label:d?.label||o,isOpen:l,disabled:n,fullWidth:i,variant:a}),content:ve(m,{padding:1,children:r.map(p=>Xi(M,{...p,key:p.value,variant:a,onClick:()=>{t(p.value),s(!1)},rightContent:e===p.value?ve(x,{name:"faCheck",size:"xs"}):void 0}))})})};import{useEffect as rt,useRef as Ui,useState as nt}from"react";import ne from"styled-components";import*as P from"@radix-ui/react-dialog";import{jsx as V,jsxs as it}from"react/jsx-runtime";var De=580,ho="slideoutWidth",Gi=ne(P.Title)`
|
|
676
684
|
${e=>e.theme.borderBottom()};
|
|
677
685
|
display: flex;
|
|
678
686
|
align-items: center;
|
|
679
687
|
justify-content: space-between;
|
|
680
688
|
${e=>e.theme.padding(4)};
|
|
681
689
|
padding-top: 0;
|
|
682
|
-
`,
|
|
690
|
+
`,Ki=ne(P.Content)`
|
|
683
691
|
display: flex;
|
|
684
692
|
flex-direction: column;
|
|
685
693
|
position: fixed;
|
|
@@ -689,8 +697,8 @@ to {
|
|
|
689
697
|
width: ${e=>e.$width};
|
|
690
698
|
background-color: ${e=>e.theme.colors.background};
|
|
691
699
|
box-shadow:
|
|
692
|
-
-5px 0px 25px 0px
|
|
693
|
-
0px 0px 1px 0px
|
|
700
|
+
-5px 0px 25px 0px ${e=>e.theme.colors.backgroundShadow},
|
|
701
|
+
0px 0px 1px 0px ${e=>e.theme.colors.backgroundShadow};
|
|
694
702
|
border-radius: 0px;
|
|
695
703
|
|
|
696
704
|
@media (min-width: 600px) {
|
|
@@ -698,22 +706,22 @@ to {
|
|
|
698
706
|
}
|
|
699
707
|
|
|
700
708
|
&[data-state='open'] {
|
|
701
|
-
animation: ${
|
|
709
|
+
animation: ${Rt} 400ms ease-in-out; // must use animation, can't use transition: https://github.com/radix-ui/primitives/issues/994
|
|
702
710
|
}
|
|
703
711
|
&[data-state='closed'] {
|
|
704
|
-
animation: ${
|
|
712
|
+
animation: ${Ft} 400ms ease-in-out;
|
|
705
713
|
}
|
|
706
714
|
&:focus-visible {
|
|
707
715
|
outline: none;
|
|
708
716
|
}
|
|
709
|
-
`,
|
|
717
|
+
`,Ji=ne.div`
|
|
710
718
|
${e=>e.theme.padding(4)};
|
|
711
|
-
`,
|
|
719
|
+
`,qi=ne(P.Close)`
|
|
712
720
|
all: unset;
|
|
713
721
|
display: flex;
|
|
714
722
|
align-items: center;
|
|
715
723
|
justify-content: center;
|
|
716
|
-
`,
|
|
724
|
+
`,Zi=ne.div`
|
|
717
725
|
position: absolute;
|
|
718
726
|
left: 0;
|
|
719
727
|
top: 0;
|
|
@@ -731,12 +739,12 @@ to {
|
|
|
731
739
|
opacity: 1;
|
|
732
740
|
background: ${e=>e.theme.colors.backgroundLight};
|
|
733
741
|
}
|
|
734
|
-
`,
|
|
742
|
+
`,ji=ne.div`
|
|
735
743
|
height: 40px;
|
|
736
744
|
width: 4px;
|
|
737
745
|
background-color: ${e=>e.theme.colors.textLight};
|
|
738
746
|
border-radius: 4px;
|
|
739
|
-
`,
|
|
747
|
+
`,uo=(e,t)=>{let r=sessionStorage.getItem(ho);switch(!0){case(t&&r&&parseInt(r)<e):return r;case e>=1440:return"800px";case e>=1280:return"720px";case e>=600:return`${De}px`;default:return"100%"}},Qi=({children:e,trigger:t,disabled:r=!1,open:o,setOpen:n,title:i,resizable:a=!0})=>{let[l,s]=nt(window.innerWidth),[d,p]=nt(""),[c,f]=nt(!1),y=Ui(null);return rt(()=>{let h=()=>{let g=window.innerWidth;s(g),p(uo(g,a))};return window.addEventListener("resize",h),h(),()=>window.removeEventListener("resize",h)},[]),rt(()=>{if(!a||!c)return;let h,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<De||w?h="100%":$<De?h=`${De}px`:h=`${$}px`,y.current.style.width=h},C=()=>{p(h),sessionStorage.setItem(ho,h),f(!1)};return window.addEventListener("mousemove",g),window.addEventListener("mouseup",C),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",C)}},[c]),rt(()=>{p(uo(l,a))},[o]),r?t:it(P.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&V(P.Trigger,{asChild:!0,children:t}),V(P.Portal,{children:it(Ki,{$width:d,$open:o||!1,ref:y,children:[i&&it(Gi,{children:[V(u,{variant:"headingXl",children:i}),V(qi,{children:V(_,{iconName:"faCircleXmark",color:"textLight"})})]}),V(P.Description,{}),V(Ji,{children:e}),a&&V(Zi,{onMouseDown:()=>f(!0),"aria-label":"resize slideout handle",children:V(ji,{})})]})})]})};import ea from"react";import ta from"styled-components";import{jsx as at,jsxs as na}from"react/jsx-runtime";var oa=ta.div`
|
|
740
748
|
display: flex;
|
|
741
749
|
align-items: center;
|
|
742
750
|
justify-content: flex-start;
|
|
@@ -745,7 +753,7 @@ to {
|
|
|
745
753
|
float: left;
|
|
746
754
|
${e=>e.theme.padding(1,2)};
|
|
747
755
|
background-color: ${e=>e.theme.colors[e.$color]};
|
|
748
|
-
`,
|
|
756
|
+
`,ra=ea.forwardRef((e,t)=>{let{label:r,color:o="plain",iconName:n,tooltip:i}=e,a=o==="plain"?"textNormal":`${o}800`,l=o==="plain"?"backgroundLight":`${o}100`;return at(ce,{content:i,children:na(oa,{ref:t,$color:l,children:[at(u,{variant:"headingSm",color:a,children:r}),n&&at(x,{name:n,color:a,size:"sm"})]})})});import ia from"react";import st from"styled-components";import*as Te from"@radix-ui/react-switch";import{jsx as lt,jsxs as ca}from"react/jsx-runtime";var aa=st.div`
|
|
749
757
|
display: flex;
|
|
750
758
|
align-items: center;
|
|
751
759
|
gap: ${e=>e.theme.spacing(2)};
|
|
@@ -757,7 +765,7 @@ to {
|
|
|
757
765
|
`:`
|
|
758
766
|
cursor: pointer;
|
|
759
767
|
`};
|
|
760
|
-
`,
|
|
768
|
+
`,la=st(Te.Root)`
|
|
761
769
|
all: unset;
|
|
762
770
|
display: inline-block;
|
|
763
771
|
width: 38px;
|
|
@@ -771,9 +779,9 @@ to {
|
|
|
771
779
|
&:enabled {
|
|
772
780
|
cursor: pointer;
|
|
773
781
|
}
|
|
774
|
-
`,
|
|
782
|
+
`,sa=st(Te.Thumb)`
|
|
775
783
|
display: block;
|
|
776
|
-
background-color:
|
|
784
|
+
background-color: ${e=>e.theme.colors.background};
|
|
777
785
|
width: 16px;
|
|
778
786
|
height: 16px;
|
|
779
787
|
border-radius: 50%;
|
|
@@ -782,16 +790,16 @@ to {
|
|
|
782
790
|
&[data-state='checked'] {
|
|
783
791
|
transform: translateX(20px);
|
|
784
792
|
}
|
|
785
|
-
`,
|
|
793
|
+
`,da=ia.forwardRef((e,t)=>{let{checked:r,setChecked:o,label:n,disabled:i=!1}=e;return ca(aa,{ref:t,onClick:()=>o?.(!r),$disabled:i,children:[lt(la,{checked:r,onCheckedChange:o,disabled:i,children:lt(sa,{})}),n&<(u,{children:n})]})});import ma,{useState as pa,useEffect as fa,useRef as xo}from"react";import Re from"styled-components";import{jsx as Se,jsxs as $a}from"react/jsx-runtime";var ga=Re.div`
|
|
786
794
|
width: 100%;
|
|
787
|
-
`,
|
|
795
|
+
`,ua=Re.div`
|
|
788
796
|
width: 100%;
|
|
789
797
|
display: flex;
|
|
790
798
|
align-items: center;
|
|
791
799
|
gap: ${e=>e.theme.spacing(6)};
|
|
792
800
|
${e=>e.theme.paddingVertical(1)};
|
|
793
801
|
${e=>e.theme.borderBottom(1)};
|
|
794
|
-
`,
|
|
802
|
+
`,ha=Re.div`
|
|
795
803
|
position: relative;
|
|
796
804
|
color: ${e=>e.theme.colors.textLight};
|
|
797
805
|
background-color: transparent;
|
|
@@ -801,7 +809,7 @@ to {
|
|
|
801
809
|
&:hover {
|
|
802
810
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
803
811
|
}
|
|
804
|
-
`,
|
|
812
|
+
`,xa=Re.div`
|
|
805
813
|
position: relative;
|
|
806
814
|
width: ${e=>e.$width};
|
|
807
815
|
height: 3px;
|
|
@@ -810,27 +818,27 @@ to {
|
|
|
810
818
|
background-color: ${e=>e.theme.colors.primary};
|
|
811
819
|
border-radius: 4px;
|
|
812
820
|
transition: all 0.25s ease-in-out;
|
|
813
|
-
`,
|
|
821
|
+
`,ba=ma.memo(({className:e,value:t,onChange:r,tabs:o})=>{let n=xo(null),i=xo(null),[a,l]=pa({width:"0px",left:"0px"});return fa(()=>{n?.current&&i?.current&&l({width:`${i.current.offsetWidth||0}px`,left:`${(i.current.offsetLeft||0)-n.current.offsetLeft}px`})},[t,n,i]),$a(ga,{children:[Se(ua,{ref:n,className:e,children:o.map((s,d)=>{let p=t?t===s.value:d===0;return Se(ha,{onClick:()=>r(s.value),ref:p?i:null,children:Se(u,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Se(xa,{$width:a.width,$left:a.left})]})});import ie from"styled-components";import ya,{useState as wa}from"react";import Co from"styled-components";var bo=e=>JSON.parse(localStorage.getItem(e)||"{}"),$o=(e,t)=>localStorage.setItem(e,JSON.stringify(t));import{jsx as G,jsxs as wo}from"react/jsx-runtime";var Ca=Co.div`
|
|
814
822
|
display: flex;
|
|
815
823
|
flex-direction: column;
|
|
816
824
|
gap: ${e=>e.theme.spacing(2)};
|
|
817
|
-
`,
|
|
825
|
+
`,ka=Co.div`
|
|
818
826
|
display: flex;
|
|
819
827
|
align-items: center;
|
|
820
828
|
justify-content: flex-end;
|
|
821
829
|
gap: ${e=>e.theme.spacing(2)};
|
|
822
|
-
`,
|
|
830
|
+
`,yo="tableSettings",ko=({id:e,columns:t})=>{let[r,o]=ya.useState(!1),n=bo(yo),i=n?.[e]||[],a=i?.columns||[],l=t.map((g,C)=>{let b=a?.find?.($=>$.id===g.id);return{...g,order:b?b.order:C,hidden:b?.hidden||!1}}),[s,d]=wa(l),p="Edit Columns",c=()=>{d(t.map((g,C)=>({...g,order:C,hidden:!1})))},f=()=>{$o(yo,{...n,[e]:{...i,columns:s.map(g=>({id:g.id,order:g.order,hidden:g.hidden}))}}),o(!1)},y=s.map(g=>({id:g.id,index:g.order,content:G("div",{children:G(Y,{label:g.header,disabled:g.required,checked:!g.hidden,setChecked:C=>{d(b=>b.map($=>$.id===g.id?{...$,hidden:!C}:$))}})},g.id)})),h=g=>d(C=>C.map(b=>{let $=g.find(w=>w.id===b.id);return{...b,order:$.index}}));return G(tt,{title:p,trigger:G(L,{iconName:"faGear",mini:!0,variant:"secondary",children:p}),open:r,setOpen:o,children:wo(Ca,{children:[G(Xe,{items:y,onChange:h}),wo(ka,{children:[G(L,{variant:"tertiary",onClick:c,children:"Reset"}),G(L,{variant:"secondary",onClick:()=>o(!1),children:"Cancel"}),G(L,{onClick:f,children:"Save"})]})]})})};import W from"styled-components";var vo=W.table`
|
|
823
831
|
width: 100%;
|
|
824
832
|
border-collapse: collapse;
|
|
825
833
|
border-spacing: 0;
|
|
826
834
|
table-layout: auto;
|
|
827
835
|
margin: 0;
|
|
828
836
|
background-color: ${e=>e.theme.colors.background};
|
|
829
|
-
`,
|
|
837
|
+
`,Do=W.thead`
|
|
830
838
|
position: sticky;
|
|
831
839
|
top: 0;
|
|
832
840
|
background-color: ${e=>e.theme.colors.background};
|
|
833
|
-
`,
|
|
841
|
+
`,To=W.td`
|
|
834
842
|
width: 100%;
|
|
835
843
|
width: ${e=>e.$width||"100%"};
|
|
836
844
|
min-width: ${e=>e.$width||"60px"};
|
|
@@ -838,14 +846,16 @@ to {
|
|
|
838
846
|
align-items: center;
|
|
839
847
|
justify-content: ${e=>e.$align==="right"?"flex-end":"space-between"};
|
|
840
848
|
gap: ${e=>e.theme.spacing(1)};
|
|
841
|
-
${e=>e.theme.padding(
|
|
842
|
-
`,
|
|
849
|
+
${e=>e.theme.padding(2,0)};
|
|
850
|
+
`,Fe=W.tr`
|
|
843
851
|
display: flex;
|
|
844
852
|
align-items: center;
|
|
845
853
|
${e=>e.theme.borderBottom()}
|
|
846
|
-
`,
|
|
854
|
+
`,So=W(Fe)`
|
|
855
|
+
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
856
|
+
`,Ro=W(To)`
|
|
847
857
|
${e=>e.$canSort&&"cursor: pointer;"}
|
|
848
|
-
`,
|
|
858
|
+
`,dt=W.tbody``,Fo=W(Fe)`
|
|
849
859
|
${e=>e.onClick&&"cursor: pointer;"}
|
|
850
860
|
&:last-child {
|
|
851
861
|
border-bottom: none;
|
|
@@ -854,42 +864,43 @@ to {
|
|
|
854
864
|
&:hover {
|
|
855
865
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
856
866
|
}
|
|
857
|
-
`,
|
|
867
|
+
`,ct=W(To)`
|
|
858
868
|
${e=>e.theme.typography.bodyMd};
|
|
859
869
|
color: ${e=>e.theme.colors.textNormal};
|
|
860
|
-
`;import{Fragment as
|
|
870
|
+
`;import{Fragment as Ia,jsx as D,jsxs as K}from"react/jsx-runtime";var va=ie.div`
|
|
861
871
|
min-width: 100%;
|
|
862
872
|
display: flex;
|
|
863
873
|
flex-direction: column;
|
|
864
874
|
background-color: ${e=>e.theme.colors.background};
|
|
875
|
+
${e=>e.theme.border()};
|
|
865
876
|
border-radius: 8px;
|
|
866
|
-
|
|
867
|
-
`,
|
|
877
|
+
overflow: hidden;
|
|
878
|
+
`,Da=ie.div`
|
|
868
879
|
width: 100%;
|
|
869
880
|
display: flex;
|
|
870
881
|
align-items: center;
|
|
871
882
|
justify-content: space-between;
|
|
872
|
-
${e=>e.theme.
|
|
883
|
+
${e=>e.theme.padding(3)}
|
|
873
884
|
${e=>e.theme.borderBottom()}
|
|
874
|
-
`,
|
|
885
|
+
`,Ta=ie.div`
|
|
875
886
|
display: flex;
|
|
876
887
|
align-items: center;
|
|
877
888
|
gap: ${e=>e.theme.spacing(2)};
|
|
878
|
-
`,
|
|
889
|
+
`,Sa=ie.div`
|
|
879
890
|
height: ${e=>e.$height||"auto"};
|
|
880
891
|
overflow: ${e=>e.$isLoading?"hidden":"auto"};
|
|
881
|
-
`,
|
|
892
|
+
`,Ra=ie.div`
|
|
882
893
|
width: 100%;
|
|
883
894
|
display: flex;
|
|
884
895
|
align-items: center;
|
|
885
896
|
justify-content: space-between;
|
|
886
|
-
${e=>e.theme.
|
|
897
|
+
${e=>e.theme.padding(3)}
|
|
887
898
|
${e=>e.theme.borderTop()}
|
|
888
|
-
`,
|
|
899
|
+
`,Fa=ie.div`
|
|
889
900
|
display: flex;
|
|
890
901
|
align-items: center;
|
|
891
902
|
gap: ${e=>e.theme.spacing(2)};
|
|
892
|
-
`,
|
|
903
|
+
`,Pa=({id:e,columns:t,data:r,isLoading:o,emptyState:n,header:i,onRowClick:a,sorting:l,onSortChange:s,pagination:d,onPaginationChange:p,disableCustomization:c,height:f})=>{let y=()=>!i&&c?null:K(Da,{children:[i||D("div",{}),D(Ta,{children:!c&&D(ko,{id:e,columns:t})})]}),h=()=>{if(o)return D(dt,{children:Array.from({length:15}).map(($,w)=>D(Fe,{children:t.map(k=>D(ct,{$width:k.width,$align:k.align,children:D(et,{width:"100%",height:"18px"})},`loadingrow-${w}-column-${k.id}`))},`loadingrow-${w}`))});if(!r?.length)return null;let b=($,w)=>{if($.cell)return $.cell(w);let k=w[$.id];return $.formatter?$.formatter(k,w):k};return D(dt,{children:r.map(($,w)=>D(Fo,{onClick:a?()=>a($):null,children:t.map(k=>D(ct,{$width:k.width,$align:k.align,children:b(k,$)},`row-${w}-column-${k.id}`))},`row-${w}`))})},g=()=>!o&&r?.length===0?n:D(Ia,{children:K(vo,{children:[D(Do,{children:D(So,{children:t.map(b=>{let $=l?.column===b.id,w=$?l?.direction!=="desc":b.type==="number",k=()=>b.sortable&&s?.({column:b.id,direction:w?"desc":"asc"}),B=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark"}:{name:"faChevronUp",color:"textNormal"}})();return K(Ro,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:k,children:[D(u,{variant:"headingXs",color:B?.color||"textNormal",uppercase:!0,children:b.header}),B&&D(x,{name:B.name,color:B.color,size:"xs"})]},b.id)})})}),h()]})}),C=()=>{if(!d)return;let b=d.page||1,$=Math.ceil(d.total/d.size);if($<=1)return;let w=k=>{p?.({...d,page:k})};return K(Ra,{children:[K(u,{variant:"bodySm",color:"textLight",children:[d.total," items"]}),K(Fa,{children:[D(_,{iconName:"faChevronLeft",color:"textNormal",size:"xs",disabled:o||b===1,onClick:()=>w(b-1)}),K(u,{variant:"bodySm",color:"textNormal",children:[b," de ",$]}),D(_,{iconName:"faChevronRight",color:"textNormal",size:"xs",disabled:o||b===$,onClick:()=>w(b+1)})]})]})};return K(va,{children:[y(),D(Sa,{$height:f,$isLoading:o,children:g()}),C()]})};import{useRef as La}from"react";import Oa from"styled-components";import{jsx as Na}from"react/jsx-runtime";var Ma=Oa.textarea`
|
|
893
904
|
${z};
|
|
894
905
|
padding: 6px 8px;
|
|
895
906
|
max-width: 100%;
|
|
@@ -897,7 +908,7 @@ to {
|
|
|
897
908
|
min-height: 72px;
|
|
898
909
|
max-height: 288px;
|
|
899
910
|
overflow: auto;
|
|
900
|
-
`,
|
|
911
|
+
`,za=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=La(null);return Na(Ma,{ref:n,value:e,onChange:i=>{t?.(i.target.value),n.current?.style.setProperty("height","auto"),n.current?.style.setProperty("height",`${n.current?.scrollHeight}px`)},disabled:r,placeholder:o})};import Aa,{useState as Ba}from"react";import pt from"styled-components";var mt=e=>{let t=/^\d{0,2}?\:?\d{0,2}$/,[r,o]=e.split(":");if(!t.test(e))return!1;let n=Number(r),i=Number(o),a=d=>Number.isInteger(d)&&d>=0&&d<24,l=d=>Number.isInteger(d)&&n>=0&&n<24||Number.isNaN(d);if(!a(n)||!l(i)||i<10&&Number(o[0])>5)return!1;let s=e.indexOf(":")!==-1?e.split(":"):[e];return!(s[0]&&s[0].length&&(parseInt(s[0],10)<0||parseInt(s[0],10)>23)||s[1]&&s[1].length&&(parseInt(s[1],10)<0||parseInt(s[1],10)>59))};import{jsx as Pe,jsxs as Ya}from"react/jsx-runtime";var Ea=pt(m).attrs({row:!0,align:"center",gap:2})`
|
|
901
912
|
height: 36px;
|
|
902
913
|
border-radius: 4px;
|
|
903
914
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -914,7 +925,7 @@ to {
|
|
|
914
925
|
&:hover {
|
|
915
926
|
border: 1px solid ${e.theme.colors.textLight};
|
|
916
927
|
}`}
|
|
917
|
-
`,
|
|
928
|
+
`,Ha=pt.input`
|
|
918
929
|
${z};
|
|
919
930
|
background-color: transparent;
|
|
920
931
|
height: auto;
|
|
@@ -925,55 +936,55 @@ to {
|
|
|
925
936
|
&:focus-visible {
|
|
926
937
|
border: 0;
|
|
927
938
|
}
|
|
928
|
-
`,
|
|
939
|
+
`,Va=pt(m).attrs({width:"auto",center:!0})`
|
|
929
940
|
height: 36px;
|
|
930
|
-
`,
|
|
931
|
-
`)]));var Lo=Ya`
|
|
941
|
+
`,Wa=Aa.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=Ba(mt(r||"")?r:""),s="";return Ya(Ea,{ref:t,$disabled:i,children:[Pe(Va,{children:Pe(x,{name:"faClock",color:"textLight",size:"sm"})}),Pe(Ha,{placeholder:n,disabled:i,value:a,onChange:c=>{let f=c.target.value||"";if(f!==a&&mt(f)){if(f.length===2&&s.length!==3&&f.indexOf(":")===-1&&(f=f+":"),f.length===2&&s.length===3&&(f=f.slice(0,1)),f.length>5)return!1;s=f,l(f),f.length===5&&o?.(f)}}}),(()=>{if(a?.length!==5)return;let[c]=a.split(":");return Pe(u,{color:"textLight",children:parseInt(c)>=12?"PM":"AM"})})()]})});import{ThemeProvider as Ua}from"styled-components";import{createGlobalStyle as _a}from"styled-components";var Po=_a`
|
|
932
942
|
body {
|
|
933
|
-
${
|
|
934
|
-
color: ${
|
|
943
|
+
${e=>e.theme.typography.bodyMd};
|
|
944
|
+
color: ${e=>e.theme.colors.textDark};
|
|
935
945
|
margin: 0;
|
|
936
946
|
padding: 0;
|
|
937
|
-
background-color:
|
|
947
|
+
background-color: ${e=>e.theme.colors.background};
|
|
938
948
|
}
|
|
939
949
|
|
|
940
950
|
* {
|
|
941
951
|
box-sizing: border-box;
|
|
942
952
|
}
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
padding-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
padding-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
margin-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
margin-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
953
|
+
`;var I="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",Xa={bodyLg:{fontFamily:I,fontSize:"16px",fontWeight:"400",lineHeight:"24px"},bodyMd:{fontFamily:I,fontSize:"14px",fontWeight:"400",lineHeight:"20px"},bodySm:{fontFamily:I,fontSize:"12px",fontWeight:"400",lineHeight:"18px"},bodyXs:{fontFamily:I,fontSize:"10px",fontWeight:"400",lineHeight:"16px"},heading4xl:{fontFamily:I,fontSize:"40px",fontWeight:"700",lineHeight:"48px"},heading3xl:{fontFamily:I,fontSize:"32px",fontWeight:"700",lineHeight:"40px"},heading2xl:{fontFamily:I,fontSize:"28px",fontWeight:"600",lineHeight:"32px"},headingXl:{fontFamily:I,fontSize:"24px",fontWeight:"600",lineHeight:"28px"},headingLg:{fontFamily:I,fontSize:"20px",fontWeight:"600",lineHeight:"24px"},headingMd:{fontFamily:I,fontSize:"16px",fontWeight:"600",lineHeight:"20px"},headingSm:{fontFamily:I,fontSize:"14px",fontWeight:"600",lineHeight:"18px"},headingXs:{fontFamily:I,fontSize:"12px",fontWeight:"600",lineHeight:"16px"}},Io=Object.fromEntries(Object.entries(Xa).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
|
|
954
|
+
`)]));var Lo={link:"#3E96ED",primary:"#E72175",primaryDark:"#cb0054",textLight:"#8C8C8C",textNormal:"#596171",textDark:"#22272B",border:"#D9D9D9",backgroundLight:"#F5F5F5",background:"#FFFFFF",backgroundShadow:"rgba(0, 0, 0, 0.1)",yellow100:"#fffae6",yellow200:"#fff3c2",yellow300:"#ffea92",yellow400:"#ffe15f",yellow500:"#ffd82f",yellow600:"#ffcf01",yellow700:"#d9b001",yellow800:"#b59301",yellow900:"#917601",yellow1000:"#735d00",red100:"#fbeeed",red200:"#f6d6d5",red300:"#efb5b3",red400:"#e79390",red500:"#e0726f",red600:"#d9534f",red700:"#b84743",red800:"#9a3b38",red900:"#7c2f2d",red1000:"#622524",green100:"#eff8ef",green200:"#d8eed8",green300:"#b9e0b9",green400:"#98d298",green500:"#79c579",green600:"#5cb85c",green700:"#4e9c4e",green800:"#418341",green900:"#346934",green1000:"#295329",white:"#fff"},Oo={link:"#60A5FA",primary:"#E72175",primaryDark:"#cb0054",textLight:"#9CA3AF",textNormal:"#E5E7EB",textDark:"#F9FAFB",border:"#374151",backgroundLight:"#1F2937",background:"#111827",backgroundShadow:"rgba(0, 0, 0, 0.5)",yellow100:"#2D2510",yellow200:"#3D3418",yellow300:"#524620",yellow400:"#6B5C2A",yellow500:"#8A7635",yellow600:"#C9A84D",yellow700:"#E0C05E",yellow800:"#EDD174",yellow900:"#F5E08E",yellow1000:"#FAF0B8",red100:"#2A1618",red200:"#3D1F22",red300:"#52292C",red400:"#6E3538",red500:"#9B4448",red600:"#C95A5E",red700:"#E07377",red800:"#EE9498",red900:"#F5B5B8",red1000:"#FAD4D6",green100:"#142218",green200:"#1D3022",green300:"#27402E",green400:"#33543C",green500:"#436E4E",green600:"#5A9468",green700:"#72B582",green800:"#92CCA0",green900:"#B5DFC0",green1000:"#D6F0DC",white:"#fff"};var v=4,Mo=e=>({colors:e,typography:Io,padding:(t,r)=>`padding: ${t*v}px ${(r||t)*v}px;`,paddingHorizontal:t=>`
|
|
955
|
+
padding-left: ${t*v}px;
|
|
956
|
+
padding-right: ${t*v}px;
|
|
957
|
+
`,paddingVertical:t=>`
|
|
958
|
+
padding-top: ${t*v}px;
|
|
959
|
+
padding-bottom: ${t*v}px;
|
|
960
|
+
`,paddingTop:t=>`
|
|
961
|
+
padding-top: ${t*v}px;
|
|
962
|
+
`,paddingBottom:t=>`
|
|
963
|
+
padding-bottom: ${t*v}px;
|
|
964
|
+
`,paddingLeft:t=>`
|
|
965
|
+
padding-left: ${t*v}px;
|
|
966
|
+
`,paddingRight:t=>`
|
|
967
|
+
padding-right: ${t*v}px;
|
|
968
|
+
`,margin:(t,r)=>`margin: ${t*v}px ${(r||t)*v}px;`,marginHorizontal:t=>`
|
|
969
|
+
margin-left: ${t*v}px;
|
|
970
|
+
margin-right: ${t*v}px;
|
|
971
|
+
`,marginVertical:t=>`
|
|
972
|
+
margin-top: ${t*v}px;
|
|
973
|
+
margin-bottom: ${t*v}px;
|
|
974
|
+
`,marginTop:t=>`
|
|
975
|
+
margin-top: ${t*v}px;
|
|
976
|
+
`,marginBottom:t=>`
|
|
977
|
+
margin-bottom: ${t*v}px;
|
|
978
|
+
`,marginLeft:t=>`
|
|
979
|
+
margin-left: ${t*v}px;
|
|
980
|
+
`,marginRight:t=>`
|
|
981
|
+
margin-right: ${t*v}px;
|
|
982
|
+
`,spacing:t=>`${t*v}px`,border:(t=1)=>`border: ${t}px solid ${e.border};`,borderTop:(t=1)=>`border-top: ${t}px solid ${e.border};`,borderBottom:(t=1)=>`border-bottom: ${t}px solid ${e.border};`,borderLeft:(t=1)=>`border-left: ${t}px solid ${e.border};`,borderRight:(t=1)=>`border-right: ${t}px solid ${e.border};`,hoverable:t=>`
|
|
983
|
+
${t&&`
|
|
973
984
|
cursor: pointer;
|
|
974
985
|
border-radius: 4px;
|
|
975
986
|
&:hover {
|
|
976
|
-
background-color: ${
|
|
987
|
+
background-color: ${e.backgroundLight};
|
|
977
988
|
}
|
|
978
989
|
`}
|
|
979
|
-
`,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}};import{Fragment as
|
|
990
|
+
`,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}}),zo=e=>Mo(e==="dark"?Oo:Lo);import{Fragment as Ga,jsx as No,jsxs as Ka}from"react/jsx-runtime";var Ag=({children:e,locale:t,theme:r="light"})=>(E.locale(t),No(Ua,{theme:zo(r),children:Ka(Ga,{children:[No(Po,{}),e]})}));export{Go as Avatar,yr as Banner,L as Button,Z as ButtonVariant,me as Calendar,Y as Checkbox,_ as ClickableIcon,Sn as CurrencyInput,zn as DateInput,En as DatePicker,He as Divider,Xe as DragList,S as Dropdown,M as DropdownItem,yn as DropdownMenu,pe as DropdownTrigger,X as DropdownVariant,gi as Filters,m as Flex,x as Icon,vi as Image,oe as Input,re as InputContainer,et as LoadingPlaceholder,tt as Modal,Hi as MultiSelect,_i as Select,Qi as Slideout,je as Spinner,ra as StatusLabel,da as Switch,ba as TabBar,Pa as Table,u as Text,za as TextArea,Wa as TimeInput,ce as Tooltip,Ag as UIProvider};
|